@charset "UTF-8";



/*******************************
*　下層ヘッダー
********************************/
.pg_header{
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}


.pg_header_mv{
  
}
.pg_header_mv_img{

}
.pg_header_mv_img.img_fit:before{
  padding-top: 200px;
}



.pg_header_mv_title{
  position: absolute;
  z-index: 1;
  inset: 0;
}
.pg_header_mv_title > .container{
  display: flex;
  align-items: center;
  height: 100%;
}

.pg_header_mv_title_txt{
  background: #FFF;
  border-radius: 10px;
  padding: 10px 8px 10px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.2;
  color: #3d3732;
  margin-left: 15px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (max-width:767px){
  .pg_header{
    margin-bottom: 60px;
  }
}
@media (min-width:768px){
  .pg_header{
    margin-bottom: 60px;
  }
  .pg_header_mv{
  }
  .pg_header_mv_img.img_fit:before{
    padding-top: 350px;
  }
  
  .pg_header_mv_title_txt{
    font-size: 25px;
    padding: 20px 8px 10px;
    margin-left: 30px;
  }

}
@media (min-width:1024px){
  .pg_header{
    margin-bottom: 90px;
  }
  .pg_header_mv{
  }
  .pg_header_mv_img.img_fit:before{
    padding-top: 350px;
  }
  
  

}
@media (min-width:1200px){

  .pg_header{
    margin-bottom: 120px;
  }
  .pg_header_mv_img.img_fit:before{
    padding-top: 400px;
  }

  .pg_header_mv_title_txt{
    font-size: 32px;
    margin-left: 70px;
  }
}

@media (min-width:1470px){
  .pg_header_mv_img.img_fit:before{
    padding-top: 500px;
  }

}

@media (min-width:1720px){
  
  .pg_header_mv_img.img_fit:before{
    padding-top: 600px;
  }
  .pg_header_mv_title_txt{
    font-size: 50px;
  }
  
}




/*******************************
*　
********************************/

/* セクション(特徴用) */
.section.sec_feature_top{
  position: relative;
  z-index: 1;
}
.section.sec_feature_top:after{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio:1920 / 170;
  background-image: url(/system_panel/uploads/images/sec2_after.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform:translateX(-50%);
}
.section.sec_feature_main{
  background: #fbf9f7;
  padding-top: 70px;
  padding-bottom: 80px;
}

/* セクション(対応エリア用) */
.section.sec_area_top{
  position: relative;
  z-index: 1;
}
.section.sec_area_top:after{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio:1920 / 170;
  background-image: url(/system_panel/uploads/images/bbb.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform:translateX(-50%);
}
.section.sec_area_main{
  background: #f8f2ec;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  z-index: 1;
  
}
.section.sec_area_main:after{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 170;
  background-image: url(/system_panel/uploads/images/lll.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/**/
.sec_beige{
  background-color: #fbf9f7;
  position: relative;
  z-index: 1;
}
.sec_beige > .container{
  position: relative;
  z-index: 1;
  margin-top: -55px;
}
.sec_beige:before,
.sec_beige:after{
  content: "";
  height: 100px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
}
.sec_beige:before{
  top: -100px;
  background-image: url(/system_panel/uploads/images/sec_beige_top.png);
}
.sec_beige:after{
  bottom: -100px;
  background-image: url(/system_panel/uploads/images/sec_beige_btm.png);
}




/* 概要 */
.cmn_about{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cmn_about_box1{
  width: 100%;
  position: relative;
  z-index: 1;
}
.cmn_about_box2{
  width: 100%;
  position: relative;
  z-index: 2;
}
.cmn_about_img{
  
}
.cmn_about_img{
  
}
.cmn_about_title{
  margin-bottom: 10px;
}
.cmn_about_title_line{
  width: 100%;
}
.cmn_about_title_line + .cmn_about_title_line{
  margin-top: 10px;
}
.cmn_about_title_txt{
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.2;
  background-image: -moz-linear-gradient( 135deg, rgb(255,203,199) 0%, rgba(255,167,161,0.99608) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(255,203,199) 0%, rgba(255,167,161,0.99608) 100%);
  background-image: -ms-linear-gradient( 135deg, rgb(255,203,199) 0%, rgba(255,167,161,0.99608) 100%);
  border-radius: 10px;
  padding: 6px 10px 8px;
  text-shadow: 0px 0px 19px rgba(255, 255, 255, 1);
}
.cmn_about_txt{
  font-size: 16px;
  font-weight:500;
  line-height: 2.125;
  text-align: justify;
}


/* 概要（画像） */
.cmn_about_img{
  width: 99.36%;
  width: 70%;
  position: relative;
  z-index: 1;
}
.cmn_about_img_fr{
  position: relative;
  z-index: 1;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  overflow: hidden;
}
.cmn_about_img_fr img{
  max-width: none;
  position: absolute;
  z-index: 1;
  top: 0;
  
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.cmn_about_img_bg{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
}

/* 概要（画像）:切り抜きバリエーション */
.cmn_about_img.type1{
  margin-right: auto;
}
.cmn_about_img.type1 .cmn_about_img_fr{
  aspect-ratio: 472 / 550;
}
.cmn_about_img.type1 .cmn_about_img_fr{
  -webkit-mask-image: url(/system_panel/uploads/images/cmn_about_img_fr1.png);
}
.cmn_about_img.type2{
  margin-left: auto;
}
.cmn_about_img.type2 .cmn_about_img_fr{
  aspect-ratio: 472 / 550;
}
.cmn_about_img.type2 .cmn_about_img_fr{
  -webkit-mask-image: url(/system_panel/uploads/images/cmn_about_img_fr2.png);
}

/* 概要（画像）:模様バリエーション */
.cmn_about_img.bg1 .cmn_about_img_bg{
  width: 104.025%;
  aspect-ratio: 491 / 485;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg1.png);
  left: 122px;
  bottom: 153px;
  left: 25.847%;
  bottom: 27.818%;
}
.cmn_about_img.bg2 .cmn_about_img_bg{
  width: 104.025%;
  aspect-ratio: 491 / 485;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg2.png);
  left: -33.932%;
  bottom: -2.363%;
}
.cmn_about_img.bg3 .cmn_about_img_bg{
  width: 104.025%;
  aspect-ratio: 491 / 485;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg3.png);
  top: -16%;
  left: 25%;
}
.cmn_about_img.bg4 .cmn_about_img_bg{
  width: 115.042%;
  aspect-ratio: 543 / 423;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg4.png);
}
.cmn_about_img.bg5 .cmn_about_img_bg{
  width: 102.542%;
  aspect-ratio: 484 / 443;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg5.png);
  top: -14%;
  left: 28%;
}
.cmn_about_img.bg6 .cmn_about_img_bg{
  width: 102.542%;
  aspect-ratio: 484 / 443;
  background-image: url(/system_panel/uploads/images/cmn_about_img_bg6.png);
  top: -14%;
  left: 26%;
}

/* 概要2 */
.cmn_about2{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.cmn_about2_item{
  width: 100%;
  padding: 0 5px;
}
.cmn_about2_item:nth-child(n+2){
  margin-top: 40px;
}

.cmn_about2_item_inner{
  
}
* + .cmn_about2_item_inner{
  margin-top: 45px;
}
.cmn_about2_item_title{
  font-size: 22px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.3888;
  margin-bottom: 10px;
  color: #3d3732;
}
.cmn_about2_item_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 2.125;
  text-align: justify;
}

.cmn_about2_item_img{
  width: 90%;
  position: relative;
  z-index: 1;
}
.cmn_about2_item_img_fr{
  aspect-ratio: 540 / 430;
  position: relative;
  z-index: 1;
  
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.cmn_about2_item_img_fr img{
  max-width: none;
  position: absolute;
  z-index: 1;
  top: 0;
  
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.cmn_about2_item_img_bg{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
}

.cmn_about2_item:nth-child(odd) .cmn_about2_item_img{
  margin-left: auto;
}
.cmn_about2_item:nth-child(even) .cmn_about2_item_img{
  margin-right: auto;
}

/* 概要2（画像）:切り抜きバリエーション */
.cmn_about2_item:nth-child(odd) .cmn_about2_item_img_fr{
  -webkit-mask-image: url(/system_panel/uploads/images/cmn_about2_img_fr1.png);
}
.cmn_about2_item:nth-child(even) .cmn_about2_item_img_fr{
  -webkit-mask-image: url(/system_panel/uploads/images/cmn_about2_img_fr2.png);
}

/* 概要2（画像）:模様バリエーション */
.cmn_about2_item_img.bg1 .cmn_about2_item_img_bg{
  width: 82.037%;
  aspect-ratio: 443 / 409;
  background-image: url(/system_panel/uploads/images/cmn_about2_img_bg1.png);
    top: -16%;
  left: -42.5%;
}
.cmn_about2_item_img.bg2 .cmn_about2_item_img_bg{
  width: 100.370%;
  aspect-ratio: 542 / 538;
  background-image: url(/system_panel/uploads/images/cmn_about2_img_bg2.png);
  top: -16%;
  left: 32.5%;
}
.cmn_about2_item_img.bg3 .cmn_about2_item_img_bg{
  width: 82.222%;
  aspect-ratio: 444 / 425;
  background-image: url(/system_panel/uploads/images/cmn_about2_img_bg3.png);
  top: -17.5%;
  left: 37%;
}
.cmn_about2_item_img.bg4 .cmn_about2_item_img_bg{
  width: 96.111%;
  aspect-ratio: 519 / 343;
  background-image: url(/system_panel/uploads/images/cmn_about2_img_bg4.png);
top: 25%;
    left: -44.5%;
}

/* ご利用シーン */
.cmn_uses{
  border: 1px solid #fcb0ba;
  border-radius: 15px;
  padding: 50px 15px 0;
  position: relative;
  z-index: 1;
}
.cmn_uses_title{
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -54%);
  transform: translate(-50%, -54%);
  width: 100%;
  padding: 0 15px;
}
.cmn_uses_title_txt{
  font-size: 20px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.4;
  text-align: center;
  background: #FFF;
}
.cmn_uses_list{
  position: relative;
  z-index: 1;
}
.cmn_uses_list_p{
  display: flex;
}
.cmn_uses_list_p + .cmn_uses_list_p{
  margin-top: 15px;
}
.cmn_uses_list_p p{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ffe4e2;
  margin-left: 25px;
  padding-left: 8px;
  padding-right: 5px;
  padding-bottom: 7px;
  text-align: justify;
}
.cmn_uses_list_p p:before{
  content: "";
  width: 18px;
  aspect-ratio: 23 / 22;
  background-image: url(/system_panel/uploads/images/cmn_uses_list_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  left: -25px;
  top: 5px;
}

.cmn_uses_list_msg{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.666;
  text-align: justify;
  margin-top: 15px;
}

.cmn_uses_img{
  width: 544px;
  width: 80%;
  margin-top: 30px;
  margin-bottom: -55px;
  margin-left: auto;
  position: relative;
  z-index: 0;
  /*position: absolute;*/
  /*z-index: 0;*/
  /*bottom: -122px;*/
  /*right: -6px;*/
}
.cmn_uses_img_fr{
  position: relative;
  z-index: 1;
  
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.cmn_uses_img_fr img{
  max-width: none;
  position: absolute;
  z-index: 1;
  top: 0;
  
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.cmn_uses_img_bg{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
}

.cmn_uses_img.type1 .cmn_uses_img_fr{
  aspect-ratio: 544 / 304;
}
.cmn_uses_img.type1 .cmn_uses_img_fr{
  -webkit-mask-image: url(/system_panel/uploads/images/cmn_uses_img_fr.png);
}
.cmn_uses_img.bg1 .cmn_uses_img_bg{
  width: 58.455%;
  aspect-ratio: 318 / 304;
  background-image: url(/system_panel/uploads/images/cmn_uses_img_bg1.png);
  right: -13%;
  bottom: 16.818%;
}

/* ご利用までの流れ */
.cmn_flow{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
* + .cmn_flow{
  margin-top: 30px;
}
.cmn_flow_item{
  width: 100%;
  padding: 0 5px;
}
.cmn_flow_item:nth-child(n+2){
  margin-top: 60px;
}
.cmn_flow_item_inner{
  border: 1px solid #ffa7a1;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  padding: 20px 20px;
}
.cmn_flow_item_inner:before{
  content: "";
  width: 40px;
  aspect-ratio: 40 / 31;
  background-image: url(/system_panel/uploads/images/cmn_flow_bdr_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  top: -16px;;
  right: -1px;
}
.cmn_flow_item_num{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #ffa7a1;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.cmn_flow_item_num strong{
  font-size: 1.23em;
  font-weight: 700;
}
.cmn_flow_item_img{
  text-align: center;
}
.cmn_flow_item_img img{
  width: 180px;
}
.cmn_flow_item_txt{
  font-size: 20px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  text-align: center;
  margin-top: 10px;
}



/**/
.cmn_about_img_fr{
  overflow: hidden;
}
.coverJs{
  position: absolute;
  z-index: 2;
  background: #ffc8c4;
  inset: 0;
  opacity: 1;
  pointer-events: none;
}
.coverJs.color0{
  background-color: #ffc8c4;
}
.coverJs.color1{
  background-color: #d7b7ff;
}
.coverJs.color2{
  background-color: #9adefb;
}
.coverJs.color3{
  background-color: #aef0c7;
}
.coverJs.color4{
  background-color: #ffb970;
}
.coverJs:after{
  content: "";
  background: #FFF;
  width: 180%;
  
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.coverJs.on{
  animation: coverJsOff 0.5s; /*keyframesで命名したものを使う。2秒間で消える*/
  animation-fill-mode: both; /*0%の時と100%の時の状態を保つ*/
  animation-delay: 0.5s;
}
.coverJs.on:after{
  
  animation: coverJsMove 1.5s; /*keyframesで命名したものを使う。2秒間で消える*/
  animation-fill-mode: both; /*0%の時と100%の時の状態を保つ*/
}




@-webkit-keyframes coverJsOff {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes coverJsMove {
  from {
    top: 0;
    left: 0;
  }
  to {
    top: 100%;
    left: 100%;
  }
}

/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

  /* 概要 */
  .cmn_about{
  }
  .cmn_about_box1{
    order: 1;
  }
  .cmn_about_box2{
    order: 2;
    margin-top: 30px;
  }
  
}
@media (min-width:768px){

  /* セクション(特徴用) */
  .section.sec_feature_top{
    /*padding-top: 100px;;*/
    /*padding-bottom: 180px;*/
  }
  .section.sec_feature_top:after{
    
  }
  .section.sec_feature_main{
    padding-top: 0;
    padding-bottom: 105px;
  }
  
  .section.sec_area_main{
    padding-top: 100px;
    padding-bottom: 150px;
  }
  
  .sec_beige:before,
  .sec_beige:after{
    height: 160px;
  }
  .sec_beige:before{
    top: -160px;
  }
  .sec_beige:after{
    bottom: -160px;
  }
  
  /* 概要 */
  .cmn_about{
  }
  .cmn_about_box1{
    /*width: 42.79%;*/
    width: 35%;
  }
  .cmn_about_box2{
    /*width: 51.35%;*/
    width: 62%;
    margin-top: 0;
  }
  .cmn_about_title{
    margin-bottom: 25px;
  }
  .cmn_about_title_line + .cmn_about_title_line{
    margin-top: 20px;
  }
  .cmn_about_title_txt{
    font-size: 22px;
    white-space: nowrap;
    padding: 6px 20px 8px;
  }
  

  /* 概要（画像） */
  .cmn_about_img{
    width: 99.36%;
  }
  .cmn_about_img.bg1 .cmn_about_img_bg{
  }
  .cmn_about_img.bg2 .cmn_about_img_bg{
  }
  .cmn_about_img.bg3 .cmn_about_img_bg{
  }
  .cmn_about_img.bg4 .cmn_about_img_bg{
  }
  .cmn_about_img.bg5 .cmn_about_img_bg{
  }
  .cmn_about_img.bg6 .cmn_about_img_bg{
  }
  

  /* 概要2 */
  .cmn_about2{
    margin: 0 -10px;
  }
  * + .cmn_about2{
    margin-top: 50px;
  }
  .cmn_about2_item{
    width: 50%;
    padding: 0 10px;
  }
  .cmn_about2_item:nth-child(n+2){
    margin-top: 0;
  }
  .cmn_about2_item:nth-child(n+3){
    margin-top: 25px;
  }
  .cmn_about2_item:nth-child(even){
    padding-top: 230px;
  }
  
  .cmn_about2_item_title{
    font-size: 24px;
    margin-bottom: 15px;
  }
  .cmn_about2_item_txt{
    font-size: 16px;
    line-height: 2.125;
  }


  /* ご利用シーン */
  .cmn_uses{
    padding: 65px 40px 50px;
  }
  .cmn_uses_title{
  }
  .cmn_uses_title_txt{
    font-size: 26px;
  }
  .cmn_uses_list{

  }
  .cmn_uses_list_p{
  }
  .cmn_uses_list_p + .cmn_uses_list_p{
    margin-top: 15px;
  }
  .cmn_uses_list_p p{
    font-size: 18px;
    margin-left: 40px;
    padding-left: 8px;
    padding-right: 5px;
    padding-bottom: 7px;
  }
  .cmn_uses_list_p p:before{
    width: 23px;
    left: -40px;
    top: 4px;
  }
  
  .cmn_uses_list_msg{
    font-size: 18px;
    margin-top: 20px;
  }
  
  .cmn_uses_img{
    width: 70%;
    margin-top: 50px;
    margin-bottom: -150px;
  }
  

  /* ご利用までの流れ */
  .cmn_flow{
    margin: 0 -10px;
  }
  * + .cmn_flow{
    margin-top: 60px;
  }
  .cmn_flow_item{
    width: 33.333%;
    padding: 0 10px;
  }
  .cmn_flow_item:nth-child(n+2){
    margin-top: 0;
  }
  .cmn_flow_item:nth-child(n+4){
    margin-top: 50px;
  }
  .cmn_flow_item_inner{
    padding: 34px 10px 30px;
  }
  .cmn_flow_item_num{
    width: 60px;
    font-size: 14px;
    left: 10px;
  }
  .cmn_flow_item_img{
  }
  .cmn_flow_item_img img{
    width: 150px;
  }
  .cmn_flow_item_txt{
    font-size: 18px;
    margin-top: 10px;
  }
  
}
@media (min-width:1024px){

  /* セクション(特徴用) */
  .section.sec_feature_top{
    /*padding-top: 150px;;*/
    /*padding-bottom: 340px;*/
  }
  .section.sec_feature_top:after{
    
  }
  .section.sec_feature_main{
    padding-top: 0;
    padding-bottom: 105px;
  }
  
  .section.sec_area_main{
    padding-top: 124px;
    padding-bottom: 208px;
  }
  
  .cmn_uses_img{
    width: 40%;
    margin: 0;
    position: absolute;
    z-index: 0;
    bottom: -55px;
    right: -6px;
  }
  
  /* ご利用までの流れ */
  .cmn_flow{
    margin: 0 -15px;
  }
  * + .cmn_flow{
    margin-top: 86px;
  }
  .cmn_flow_item{
    width: 33.333%;
    padding: 0 15px;
  }
  .cmn_flow_item:nth-child(n+4){
    margin-top: 50px;
  }
  .cmn_flow_item_txt{
    font-size: 20px;
  }
}
@media (min-width:1200px){

  
  
  /* 概要 */
  .cmn_about{
  }
  .cmn_about_box1{
    width: 42.79%;
    
  }
  .cmn_about_box2{
    width: 51.35%;
    margin-top: 0;
  }
  .cmn_about_title{
    margin-bottom: 25px;
  }
  .cmn_about_title_line + .cmn_about_title_line{
    margin-top: 20px;
  }
  .cmn_about_title_txt{
    font-size: 40px;
    padding: 6px 20px 8px;
  }
  

  /* 概要（画像） */
  .cmn_about_img{
    width: 99.36%;
  }
  
  /* 概要2 */
  .cmn_about2{
    margin: 0 -15px;
  }
  * + .cmn_about2{
    margin-top: 80px;
  }
  .cmn_about2_item{
    width: 50%;
    padding: 0 15px;
  }
  .cmn_about2_item:nth-child(n+2){
    margin-top: 0;
  }
  .cmn_about2_item:nth-child(n+3){
    /*margin-top: 140px;*/
    margin-top: 25px;
  }
  .cmn_about2_item:nth-child(even){
    padding-top: 230px;
  }
  .cmn_about2_item_inner{
    padding-left: 32px;
    padding-right: 32px;
  }
  .cmn_about2_item_title{
    font-size: 36px;
    margin-bottom: 25px;
  }
  .cmn_about2_item_txt{
    padding: 0 4px;
  }
  .cmn_about2_item_img{
    width: 100%;
  }

  
  /* ご利用シーン */
  .cmn_uses{
    padding: 65px 65px 50px;
  }
  .cmn_uses_title{
  }
  .cmn_uses_title_txt{
    font-size: 36px;
  }
  .cmn_uses_list{

  }
  .cmn_uses_list_p{
  }
  .cmn_uses_list_p + .cmn_uses_list_p{
    margin-top: 15px;
  }
  .cmn_uses_list_p p{
    font-size: 18px;
    margin-left: 40px;
    padding-left: 8px;
    padding-right: 5px;
    padding-bottom: 7px;
  }
  .cmn_uses_list_p p:before{
    width: 23px;
    left: -40px;
    top: 4px;
  }
  .cmn_uses_list_msg{
    font-size: 18px;
    margin-top: 28px;
  }
  
  .cmn_uses_img{
    width: 544px;
    bottom: -122px;
    right: -6px;
  }

  /* ご利用までの流れ */
  .cmn_flow_item_num{
    width: 74px;
    font-size: 16px;
    left: 20px;
  }
  .cmn_flow_item_txt{
    font-size: 25px;
  }
  .cmn_flow_item_img img{
    width: 234px;
  }
}




/*******************************
*　
********************************/
.pg_visit{

}
.pg_visit .section.sec1{
}
.pg_visit .section.sec2{
  padding-top: 50px;
  padding-bottom: 120px;
}
.pg_visit .section.sec3{
  
}
.pg_visit .section.sec4{
  
}
.pg_visit .section.sec5{
  padding-top: 100px;
}
.pg_visit .section.sec6{
  padding-top: 50px;
}


/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
  .pg_visit{

  }
  .pg_visit .section.sec1{
  }
  .pg_visit .section.sec2{
    padding-top: 100px;
    padding-bottom: 250px;
  }
  .pg_visit .section.sec3{

  }
  .pg_visit .section.sec4{

  }
  .pg_visit .section.sec5{
    padding-top: 100px;
  }
  .pg_visit .section.sec6{
    padding-top: 70px;
  }


}
@media (min-width:1024px){

  .pg_visit{

  }
  .pg_visit .section.sec1{
  }
  .pg_visit .section.sec2{
    padding-top: 130px;
    padding-bottom: 455px;
  }
  .pg_visit .section.sec3{

  }
  .pg_visit .section.sec4{

  }
  .pg_visit .section.sec5{
    padding-top: 160px;
  }
  .pg_visit .section.sec6{
    padding-top: 105px;
  }
  
}
@media (min-width:1200px){


}



/*******************************
*　
********************************/
.pg_about{

}
.pg_about .section.sec1{
  padding-bottom: 0;
}
.pg_about .section.sec2{
  margin-top:20px;
  padding-top: 0;
  padding-bottom: 130px;
}
.pg_about .section.sec3{
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}
.pg_about .section.sec4{
  padding-top: 140px;
  padding-bottom: 120px;
}
.pg_about .section.sec5{
  padding-top: 100px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}
.pg_about .section.sec6{
  padding-top: 150px;
}

.about_sec_bg{
  position: absolute;
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.about_sec_bg.parts1{
  width: 120px;
  aspect-ratio: 840 / 888;
  top: -95px;
  left: 0;
  background-image: url('/system_panel/uploads/images/about_sec_bg_parts1@2x.png');
}
.about_sec_bg.parts2{
  width: 120px;
  aspect-ratio: 816 / 970;
  top: -28px;
  right: 0;
  background-image: url('/system_panel/uploads/images/about_sec_bg_parts2@2x.png');
}

/* 歩み */
.about_plan_msg{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.789;
  text-align: justify;
}
.about_plan_msg p{
    letter-spacing: 0;;
}
.about_plan_msg strong{
  font-weight: 700;
  color: #ea3636;
}
.about_plan_road{
  
}
* + .about_plan_road{
  margin-top: 30px;
}

/* 代表 */
.about_personality{
  position: relative;
  z-index: 1;
  background-image: url(/system_panel/uploads/images/about_personal_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*aspect-ratio: 1112 / 549;*/
  min-height: 400px;
  padding: 30px 20px 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.about_personality[data-bg="#msg1"]{
  background-image: url(/system_panel/uploads/images/about_personal_bg.png);
}
.about_personality[data-bg="#msg2"]{
  background-image: url(/system_panel/uploads/images/about_personal_bg5.png);
}
.about_personality[data-bg="#msg3"]{
  background-image: url(/system_panel/uploads/images/about_personal_bg2.png);
}
.about_personality[data-bg="#msg4"]{
  background-image: url(/system_panel/uploads/images/about_personal_bg4.png);
}
.about_personality[data-bg="#msg5"]{
  background-image: url(/system_panel/uploads/images/about_personal_bg3.png);
}

* + .about_personality{
  margin-top: 30px;
}
.about_personality_msg{
  display: none;
}
.about_personality_msg:first-child{
  display: block;
}
.gjs-dashed .about_personality_msg{
  display: block;
}

.about_personality_msg_title{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
.about_personality_msg_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.789;
  text-align: justify;
}
.about_personality_iliust{
  
}
.about_personality_iliust_btn{
  
}
.about_personality_iliust_btn.pos1{
  
}

.about_personality_btns{
  width: 200px;
  position: relative;
  z-index: 1;
  top: 0;
  right: 0;
}
.about_personality_btns_illust{
  /*width: 200px;*/
}
.about_personality_btns_btn{
  display: block;
  width: 73px;
  width: 23.54%;
  position: absolute;
  z-index: 1;
  background: none;
  inset: auto;
  aspect-ratio: 146 / 148;
}
.about_personality_btns_btn:hover{
  transform: scale(1.02);
}
.about_personality_btns_btn.pos1{
  top: -14%;
    left: 32%;
}
.about_personality_btns_btn.pos2{
  top: 13%;
    left: -24%;
}
.about_personality_btns_btn.pos3{
  top: 22%;
    left: 78%;
}
.about_personality_btns_btn.pos4{
  top: 61%;
    left: -17%;
}
.about_personality_btns_btn.pos5{
  top: 69%;
    left: 84%;
}

/* スタッフ */
.about_staff{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
* + .about_staff{
  margin-top: 50px;
}
.about_staff_item{
  width: 100%;
  padding: 0 5px;
}
.about_staff_item:nth-child(n+2){
  margin-top: 30px;
}
.about_staff_item_inner{
  height: 100%;
  border: 1px solid #fcaeb8;
  border-radius: 15px;
  background: #FFF;
  overflow: hidden;
}
.about_staff_item_img{
  border-bottom: 1px solid #fcaeb8;
  overflow: hidden;
}
.about_staff_item_img.img_fit:before{
  padding-top: 61.111%;
}
.about_staff_item_prof{
  padding: 20px 15px 20px;
}
.about_staff_item_prof_row{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.about_staff_item_prof_row + .about_staff_item_prof_row{
  margin-top: 15px;
}
.about_staff_item_prof_row_item{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 50%;
  padding: 0 5px;
}
.about_staff_item_prof_row_item.wide{
  width: 100%;
}
.about_staff_item_prof_row_item_p1{
  width: 45px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 1px solid #fcaeb8;
  padding-bottom: 10px;
}
.about_staff_item_prof_row_item_p1.auto{
  width: auto;
  margin-bottom: 15px;
}
.about_staff_item_prof_row_item_p2,
.about_staff_item_prof_row_item_p3{
  width: calc(100% - 45px);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: 1px solid #fcaeb8;
  padding-bottom: 10px;
}
.about_staff_item_prof_row_item_p2 p,
.about_staff_item_prof_row_item_p3 p{
  letter-spacing: 0;
}
.about_staff_item_prof_row_item_p3{
  font-size: 15px;
}
.about_staff_item_prof_row_item_p3.wide{
  width: 100%;
}
.about_staff_item_prof_row_item_p3.mlines{
  /*margin-top: 15px;*/
  border-bottom: 0;
}
.about_staff_item_prof_row_item_p3.mlines p{
  border-bottom: 1px solid #fcaeb8;
  padding-bottom: 10px;
}
.about_staff_item_prof_row_item_p3.mlines p+p{
  margin-top: 15px;
}
.about_staff_item_prof_row_item_p3.nobdr{
  border: 0;
}
.recruit_staff .about_staff_item_prof_row_item_p3{
  line-height: 2.125;
}
.recruit_staff .about_staff_item_prof_row_item_p1.auto{
  margin-bottom: 5px;
}
.recruit_staff .about_staff_item_prof_row_item_p2{
  width: 130px;
}
.recruit_staff .about_staff_item_prof_row_item_p1.auto{
  width: 175px;
}


/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

  .recruit_staff .about_staff_item_prof_row_item{
    width: 100%;
  }
  
  .about_personality{
    margin-top: 180px;
  }
  .about_personality_btns{
    margin-top: -160px;
    margin-left: auto;
    margin-right: auto;
    
  }
  .about_personality_btns_illust{
    margin-bottom: 30px;
  }
  
  
}
@media (min-width:768px){
  .pg_about{
    
  }
  .pg_about .section.sec1{
    padding-bottom: 0;
  }
  .pg_about .section.sec2{
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 150px;
  }
  .pg_about .section.sec3{
    padding-bottom: 0;
  }
  .pg_about .section.sec4{
    padding-top: 200px;
    padding-bottom: 400px;
  }
  .pg_about .section.sec5{
    padding-top: 100px;
    padding-bottom: 15px;
  }
  .pg_about .section.sec6{
    padding-top: 200px;
  }
  
  .about_sec_bg.parts1{
    width: 180px;
    top: -95px;
  }
  .about_sec_bg.parts2{
    width: 180px;
    top: -45px;
  }

  /* 歩み */
  .about_plan_msg{
    font-size: 15px;
    text-align: center;
  }
.about_plan_msg p{
    letter-spacing: 0.075em;
}
  .about_plan_road{

  }
  * + .about_plan_road{
    margin-top: 30px;
  }

  /* 代表 */
  * + .about_personality{
    margin-top: 60px;
  }
  .about_personality{
    aspect-ratio: 1112 / 549;
    padding: 50px 190px 50px 50px;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
  }
  .about_personality_msg{

  }
  .about_personality_msg_title{
    font-size: 25px;
    margin-bottom: 17px;
  }
  .about_personality_msg_txt{
    font-size: 19px;
  }
  .about_personality_iliust{

  }
  .about_personality_iliust_btn{

  }
  

  .about_personality_btns{
    width: 150px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
  }
  .about_personality_btns_illust{
    
  }
  .about_personality_btns_btn{
    position: absolute;
    z-index: 1;
  }
  .about_personality_btns_btn:hover{
    transform: scale(1.02);
  }
  .about_personality_btns_btn.pos1{
    top: -14%;
      left: 32%;
  }
  .about_personality_btns_btn.pos2{
    top: 13%;
      left: -24%;
  }
  .about_personality_btns_btn.pos3{
    top: 22%;
      left: 78%;
  }
  .about_personality_btns_btn.pos4{
    top: 61%;
      left: -17%;
  }
  .about_personality_btns_btn.pos5{
    top: 69%;
      left: 84%;
  }



  /* スタッフ */
  .about_staff{
    margin: 0 -10px;
  }
  * + .about_staff{
    margin-top: 40px;
  }
  .about_staff_item{
    width: 50%;
    padding: 0 10px;
  }
  .about_staff_item:nth-child(n+2){
    margin-top: 0;
  }
  .about_staff_item:nth-child(n+3){
    margin-top: 30px;
  }
  
  .about_staff_item_prof{
    padding: 25px 20px;
  }
  .about_staff_item_prof_row{
    margin: 0 -15px;
  }
  .about_staff_item_prof_row + .about_staff_item_prof_row{
    margin-top: 24px;
  }
  .about_staff_item_prof_row_item{
    width: 50%;
    padding: 0 15px;
  }
  .about_staff_item_prof_row_item_p1{
    /*width: 60px;*/
    /*font-size: 19px;*/
  }
  .about_staff_item_prof_row_item_p1.auto{
  }
  .about_staff_item_prof_row_item_p2{
    font-size: 14px;
  }
  .about_staff_item_prof_row_item_p2,
  .about_staff_item_prof_row_item_p3{
    /*width: calc(100% - 60px);*/
    /*font-size: 19px;*/
  }
  .about_staff_item_prof_row_item_p3{
    /*font-size: 16px;*/
  }
  .about_staff_item_prof_row_item_p3.mlines{
    /*margin-top: 30px;*/
  }
  .about_staff_item_prof_row_item_p3.mlines p{
  }
  .about_staff_item_prof_row_item_p3.mlines p+p{
    /*margin-top: 30px;*/
  }

}
@media (min-width:1024px){
 .pg_about .section.sec4{
    padding-top: 200px;
    padding-bottom: 280px;
  }
  
  
  /* 歩み */
  .about_plan_msg{
    font-size: 17px;
    text-align: center;
  }

  /* 代表 */
  .about_personality{
    aspect-ratio: 1112 / 549;
    padding: 108px 290px 30px 95px;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
  }
  .about_personality_msg{

  }
  .about_personality_msg_title{
    font-size: 25px;
    margin-bottom: 17px;
  }
  .about_personality_msg_txt{
    font-size: 19px;
  }
  .about_personality_btns{
    width: 200px;
    top: 60px;
    right: 20px;
  }
  .about_personality_btns_illust{
    
  }
  .about_personality_btns_btn{
  }
  
  
  /* スタッフ */
  .about_staff{
    margin: 0 -15px;
  }
  * + .about_staff{
    margin-top: 58px;
  }
  .about_staff_item{
    width: 50%;
    padding: 0 15px;
  }
  .about_staff_item:nth-child(n+3){
    margin-top: 30px;
  }
  .about_staff_item_prof_row_item_p2{
    font-size: 16px;
  }
  .about_staff_item_prof_row_item_p2 p,
.about_staff_item_prof_row_item_p3 p{
  letter-spacing: 0.075em;
}
}

@media (min-width:1200px){

  .pg_about .section.sec1{
    padding-bottom: 0;
  }
  .pg_about .section.sec2{
    margin-top: -20px;
    padding-top: 0;
    padding-bottom: 250px;
  }
  .pg_about .section.sec3{
    padding-bottom: 0;
  }
  .pg_about .section.sec4{
    padding-top: 272px;
    padding-bottom: 265px;
  }
  .pg_about .section.sec5{
    padding-top: 100px;
    padding-bottom: 15px;
  }
  .pg_about .section.sec6{
    padding-top: 300px;
  }
  
  .about_sec_bg.parts1{
    width: 200px;
    top: -95px;
  }
  .about_sec_bg.parts2{
    width: 200px;
    top: 85px;
  }
  
  /* 歩み */
  .about_plan_msg{
    font-size: 19px;
    text-align: center;
  }
  .about_plan_road{

  }
  * + .about_plan_road{
    margin-top: 56px;
  }
  
  /* 代表 */
  .about_personality{
    aspect-ratio: 1112 / 549;
    padding: 108px 445px 30px 95px;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
  }
  .about_personality_btns{
    width: 310px;
    position: absolute;
    z-index: 1;
    top: 60px;
    right: 20px;
  }
  .about_personality_btns_illust{
    
  }
  .about_personality_btns_btn{
  }
  
  
  /**/
  .about_staff_item_prof{
    padding: 35px 65px 30px;
  }
  .about_staff_item_prof_row{
    margin: 0 -15px;
  }
  .about_staff_item_prof_row + .about_staff_item_prof_row{
    margin-top: 24px;
  }
  .about_staff_item_prof_row_item{
    width: 50%;
    padding: 0 15px;
  }
  .about_staff_item_prof_row_item_p1{
    width: 60px;
    font-size: 19px;
  }
  .about_staff_item_prof_row_item_p1.auto{
    margin-bottom: 30px;
  }
  .about_staff_item_prof_row_item_p2,
  .about_staff_item_prof_row_item_p3{
    width: calc(100% - 60px);
    font-size: 19px;
  }
  .about_staff_item_prof_row_item_p3{
    font-size: 16px;
  }
  .about_staff_item_prof_row_item_p3.mlines{
    /*margin-top: 30px;*/
    border-bottom: 0;
  }
  .about_staff_item_prof_row_item_p3.mlines p{
  }
  .about_staff_item_prof_row_item_p3.mlines p+p{
    margin-top: 30px;
  }
  
  .recruit_staff .about_staff_item_prof_row_item_p1.auto{
    width: 190px;
  }

}
@media (min-width:1470px){
  .about_sec_bg.parts1{
    width: 300px;
    top: -95px;
  }
  .about_sec_bg.parts2{
    width: 300px;
    top: 85px;
  }
}
@media (min-width:1720px){
  .about_sec_bg.parts1{
    width: 420px;
    top: -95px;
  }
  .about_sec_bg.parts2{
    width: 408px;
    top: 85px;
  }
}

/*******************************
*　
********************************/
.pg_recruit{

}
.pg_recruit .section.sec1{
  padding-bottom: 50px;
}
.pg_recruit .section.sec2{
  padding-bottom: 115px;
}
.pg_recruit .section.sec3{
  padding-top: 70px;
  padding-bottom: 0;
}
.pg_recruit .section.sec4{
  padding-top: 150px;
  padding-bottom: 115px;
}
.pg_recruit .section.sec5{
  padding-bottom: 0;
}
.pg_recruit .section.sec6{
  padding-top: 140px;
}

/* 福利厚生 */
.recruit_benefit{
  display: flex;
  flex-wrap: wrap;
  /*margin: 0 -5px;*/
  overflow: hidden;
}
.recruit_benefit_item{
  width: 100%;
  padding: 15px 15px;
  /*padding: 0 5px;*/
  position: relative;
  z-index: 1;
}
.recruit_benefit_item_inner{
  
}
.recruit_benefit_item_title{
  font-size: 21px;
  font-weight: 700;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.5;
  margin-bottom: 10px;
}
.recruit_benefit_item_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 2.125;
  text-align: justify;
}


/* ボーダー用 */
.recruit_benefit_item:before,
.recruit_benefit_item:after{
  background: #ff8125;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.recruit_benefit_item:before{
  width: 1px;
  height: 100000px;
}
.recruit_benefit_item:after{
  height: 1px;
}

@media (max-width:767px){
  
  /* 横 */
  .recruit_benefit_item{
    border-top: 1px solid #ff8125;
  }
}
@media (min-width:768px) and (max-width:1023px){
  
  /* 縦 */
  .recruit_benefit_item:nth-child(2):before{
    content: "";
  }
  /* 横 */
  .recruit_benefit_item:nth-child(2n+1):not(:first-child):after{
    content: "";
    width: 200%;
  }
  
}
@media (min-width:1024px){
  /* 縦 */
  .recruit_benefit_item:nth-child(2):before,
  .recruit_benefit_item:nth-child(3):before{
    content: "";
  }
  /* 横 */
  .recruit_benefit_item:nth-child(3n+1):not(:first-child):after{
    content: "";
    width: 300%;
  }
}


/* スタッフ */
.recruit_staff{
  
}
* + .recruit_staff{
  margin-top: 100px;
}
.recruit_staff_row{
/*  border: 1px solid #fcaeb8;*/
  border-radius: 15px;
  background: #FFF;
  padding: 130px 20px 20px;
  position: relative;
  z-index: 1;
}
.recruit_staff_row + .recruit_staff_row{
  margin-top: 70px;
}
.recruit_staff_inner{
  position: relative;
  z-index: 2;
}
.recruit_staff_row:nth-child(odd) .recruit_staff_inner{
  margin-left: auto;
}
.recruit_staff_row:nth-child(even) .recruit_staff_inner{
  margin-right: auto;
}


.recruit_staff_img{
  width: 200px;
  position: absolute;
  z-index: 1;
}
.recruit_staff_img_fr{
  aspect-ratio: 292 / 252;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.recruit_staff_img_fr img{
  max-width: none;
  position: absolute;
  z-index: 1;
  top: 0;
  
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.recruit_staff_row:nth-child(odd) .recruit_staff_img{
  top: -55px;
  left: -10px;
}

.recruit_staff_row:nth-child(even) .recruit_staff_img{
  top: -55px;
  right: -10px;
}

.recruit_staff_row:before{
  content: "";
  background: #FFF;
  border-radius: 15px;
  inset: 0;
  position: absolute;
  z-index: 1;
  border: 1px solid #fcaeb8;
}
.recruit_staff_row:after{
  content: "";
  width: 150px;
  aspect-ratio: 305 / 280;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
}
.recruit_staff_row:nth-child(odd):after{
  right: -70px;
  bottom: -45px;
  background-image: url(/system_panel/uploads/images/recruit_staff_bg1.png);
}
.recruit_staff_row:nth-child(even):after{
  left: -70px;
  bottom: -30px;
  background-image: url(/system_panel/uploads/images/recruit_staff_bg2.png);
}

/* 概要2（画像）:切り抜きバリエーション */
.recruit_staff_row:nth-child(odd) .recruit_staff_img_fr {
  -webkit-mask-image: url(/system_panel/uploads/images/recruit_staff_img_fr1.png);
}
.recruit_staff_row:nth-child(even) .recruit_staff_img_fr {
  -webkit-mask-image: url(/system_panel/uploads/images/recruit_staff_img_fr2.png);
}



/* 募集要項 */
.recruit_tbl{
  
}
.recruit_tbl .table_rows_tr{
  
}
.recruit_tbl .table_rows_th,
.recruit_tbl .table_rows_td{
  border-color: #ffe2cd;
  font-weight: 500;
  font-family: "Zen Maru Gothic", san-serif;
  line-height: 1.882;
  padding: 10px 15px;
}
.recruit_tbl .table_rows_th{
  background: #fff3ea;
}
.recruit_tbl .table_rows_td{
  background: #FFF;
}

/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

  .recruit_tbl.table_rows.resp{
    border-color: #ffe2cd;
  }
  .recruit_tbl.table_rows.resp .table_rows_th,
  .recruit_tbl.table_rows.resp .table_rows_td{
    border-color: #ffe2cd;
  }
  
}
@media (min-width:768px){
  .pg_recruit .section.sec1{
    padding-bottom: 106px;
  }
  .pg_recruit .section.sec2{
    padding-bottom: 220px;
  }
  .pg_recruit .section.sec3{
    padding-top: 70px;
    padding-bottom: 0;
  }
  .pg_recruit .section.sec4{
    padding-top: 200px;
    padding-bottom: 265px;
  }
  .pg_recruit .section.sec5{
    padding-bottom: 0;
  }
  .pg_recruit .section.sec6{
    padding-top: 195px;
  }

  /* 福利厚生 */
  .recruit_benefit{
  }
  .recruit_benefit_item{
    width: 50%;
    padding: 30px 30px;
  }
  .recruit_benefit_item_title{
    font-size: 19px;
    margin-bottom: 10px;
  }
  .recruit_benefit_item_txt{
    line-height: 2.125;
  }

  /* スタッフ */
  .recruit_staff{

  }
  * + .recruit_staff{
    margin-top: 112px;
  }
  .recruit_staff_row{
    padding: 33px 30px;
  }
  .recruit_staff_row + .recruit_staff_row{
    margin-top: 115px;
  }
  .recruit_staff_inner{
    width: 450px;
  }

  .recruit_staff_img{
    width: 200px;
    position: absolute;
    z-index: 1;
  }

  .recruit_staff_row:nth-child(odd) .recruit_staff_img{
    top: -55px;
    left: -2px;
  }
  .recruit_staff_row:nth-child(even) .recruit_staff_img{
    top: -55px;
    right: -2px;
  }
  

  .recruit_staff_row:after{
    width: 305px;
  }
  .recruit_staff_row:nth-child(odd):after{
    right: -100px;
    bottom: -45px;
  }
  .recruit_staff_row:nth-child(even):after{
    left: -120px;
    bottom: -8px;
  }
  
  /* 募集要項 */
  .recruit_tbl .table_rows_th,
  .recruit_tbl .table_rows_td{
    padding: 16px 15px;
  }
  .recruit_tbl .table_rows_th{
    width: 160px;
  }
  .recruit_tbl .table_rows_td{
    padding-left: 20px;
  }
  
  
}
@media (min-width:1024px){

  /* 福利厚生 */
  .recruit_benefit_item{
    width: 33.3333333%;
    padding: 30px 30px;
  }

  .recruit_staff_img{
    width: 250px;
  }
  .recruit_staff_inner {
      width: 600px;
  }
  
  .recruit_staff_row:after{
    width: 305px;
  }
  .recruit_staff_row:nth-child(odd):after{
    right: -100px;
    bottom: -45px;
  }
  .recruit_staff_row:nth-child(even):after{
    left: -120px;
    bottom: -8px;
  }
  
  
  /* 募集要項 */
  .recruit_tbl .table_rows_th,
  .recruit_tbl .table_rows_td{
    font-size: 17px;
  }
  .recruit_tbl .table_rows_th{
    width: 285px;
  }
  .recruit_tbl .table_rows_td{
  }
}
@media (min-width:1200px){

  .pg_recruit .section.sec1{
    padding-bottom: 106px;
  }
  .pg_recruit .section.sec2{
    padding-bottom: 220px;
  }
  .pg_recruit .section.sec3{
    padding-top: 70px;
    padding-bottom: 0;
  }
  .pg_recruit .section.sec4{
    padding-top: 310px;
    padding-bottom: 265px;
  }
  .pg_recruit .section.sec5{
    padding-bottom: 0;
  }
  .pg_recruit .section.sec6{
    padding-top: 295px;
  }
  
  /* 福利厚生 */
  .recruit_benefit_item_title{
    font-size: 21px;
  }

  /* スタッフ */
  .recruit_staff{

  }
  * + .recruit_staff{
    margin-top: 112px;
  }
  .recruit_staff_row{
    padding: 33px 65px;
  }
  .recruit_staff_row + .recruit_staff_row{
    margin-top: 115px;
  }
  .recruit_staff_inner{
    width: 695px;
  }

  .recruit_staff_img{
    width: 292px;
    position: absolute;
    z-index: 1;
  }

  .recruit_staff_row:nth-child(odd) .recruit_staff_img{
    top: -55px;
    left: -2px;
  }
  .recruit_staff_row:nth-child(even) .recruit_staff_img{
    top: -55px;
    right: -2px;
  }
}


/*******************************
*　
********************************/
.pg_support{

}
.pg_support .section.sec1{
  padding-top: 70px;
}
.pg_support .section.sec2{
  padding-top: 50px;
  padding-bottom: 120px;
}
.pg_support .section.sec3{
  padding-top: 25px;
}
.pg_support .section.sec4{
  
}
.pg_support .section.sec5{
  padding-top: 100px;
}
.pg_support .section.sec6{
  padding-top: 30px;
}


/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

  

}
@media (min-width:768px){
  .pg_support .section.sec1{
    padding-top: 0;
  }
  .pg_support .section.sec2{
    padding-top: 80px;
    padding-bottom: 240px;
  }
  .pg_support .section.sec3{
    padding-top: 25px;
  }
  .pg_support .section.sec4{

  }
  .pg_support .section.sec5{
    padding-top: 165px;
  }
  .pg_support .section.sec6{
    padding-top: 105px;
  }


}
@media (min-width:1024px){

  .pg_support .section.sec1{
    padding-top: 0;
  }
  .pg_support .section.sec2{
    padding-top: 135px;
    padding-bottom: 340px;
  }
  .pg_support .section.sec3{
    padding-top: 25px;
  }
  .pg_support .section.sec4{

  }
  .pg_support .section.sec5{
    padding-top: 165px;
  }
  .pg_support .section.sec6{
    padding-top: 105px;
  }

}
@media (min-width:1200px){


}



/*******************************
*　
********************************/
.pg_insurance{

}
.pg_insurance .section.sec1{
  
}
.pg_insurance .section.sec2{
  padding-top: 50px;
  padding-bottom: 115px;
}
.pg_insurance .section.sec3{
  
}
.pg_insurance .section.sec4{
  
}
.pg_insurance .section.sec5{
  padding-top: 100px;
}
.pg_insurance .section.sec6{
  padding-top: 50px;
}


/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
  .pg_insurance .section.sec1{

  }
  .pg_insurance .section.sec2{
    padding-top: 133px;
    padding-bottom: 255px;
  }
  .pg_insurance .section.sec3{
    padding-top: 60px;
  }
  .pg_insurance .section.sec4{

  }
  .pg_insurance .section.sec5{
    padding-top: 160px;
  }
  .pg_insurance .section.sec6{
    padding-top: 95px;
  }


}
@media (min-width:1024px){


}
@media (min-width:1200px){

  .pg_insurance .section.sec1{

  }
  .pg_insurance .section.sec2{
    padding-top: 133px;
    padding-bottom: 385px;
  }
  .pg_insurance .section.sec3{
    padding-top: 0;
  }
  .pg_insurance .section.sec4{

  }
  .pg_insurance .section.sec5{
    padding-top: 160px;
  }
  .pg_insurance .section.sec6{
    padding-top: 95px;
  }

}





/*******************************
*　
********************************/
.pg_xxx{

}
.pg_xxx .section.sec1{
  padding-top: 0;
  padding-bottom: 0;
}
.pg_xxx .section.sec2{
  padding-top: 0;
  padding-bottom: 0;
}
.pg_xxx .section.sec3{
  padding-top: 0;
  padding-bottom: 0;
}

.service_sub_item .tt2_ja em{
  display: block;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  margin-top: 5px;
}

.important_btn_box{
   padding-top: 100px; 
}
.important_btn_items{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  .important_btn_items .read_more:first-child{
    margin-top: 20px;
  }
}
@media (min-width:768px){
  .pg_xxx{

  }
  .pg_xxx .section.sec1{
    padding-top: 0;
    padding-bottom: 0;
  }
  .pg_xxx .section.sec2{
    padding-top: 0;
    padding-bottom: 0;
  }
  .pg_xxx .section.sec3{
    padding-top: 0;
    padding-bottom: 0;
  }

  .pg_insurance .service_sub_item:nth-child(n+2){
    margin-top: 100px;
  }

  .important_btn_box{
 padding-top: 140px; 
}
  .important_btn_items .read_more{
    margin: 0 16px;
  }
}
@media (min-width:1024px){

  .service_sub_box2{
    min-height: 330px;
  }
  
  .pg_insurance .service_sub_item:nth-child(n+2){
    margin-top: 120px;
  }
}
@media (min-width:1200px){

  .pg_insurance .service_sub_item:nth-child(n+2){
    margin-top: 175px;
  }

}