@charset "UTF-8";

html, body {
  /*overflow-x: hidden;*/
}

:root {
  --margin-for-device-side-w: calc(-1 * (100vw - 100%)/2);
}

/*
@media (min-width:768px){
  :root {
    --margin-for-device-side-w: calc(345px - 50vw);
  }
}
@media (min-width:992px){
  :root {
    --margin-for-device-side-w: calc(465px - 50vw);
  }
}
@media (min-width:1200px){
  :root {
    --margin-for-device-side-w: calc(555px - 50vw);
  }
}
@media (min-width:1720px){
  :root {
    --margin-for-device-side-w: calc(760px - 50vw);
  }
}*/

/*******************************
*　動き
********************************/
/* アニメーション設定 */
@keyframes scaleLoop {
  0% {
    /*transform: scale(1);*/
    opacity: 0;
  }
  40%, 60%{
    opacity: 1;
  }
  100% {
    opacity: 0;
    /*transform: scale(1.2);*/
  }
}

/* 共通アニメーション設定 */
.home_contents3_wrap .text_pos {
   opacity: 0;
  /*transitions: 0.2s all;*/
  animation: scaleLoop 5s ease-in-out infinite;
  transform-origin: center center;
}
.gjs-dashed .home_contents3_wrap .text_pos{
   opacity: 1;
  animation: none;
}

/* アニメーション遅延を各ポジションに設定 */
.home_contents3_wrap .text_pos.pos1 {
  animation-delay: 0s;
}
.home_contents3_wrap .text_pos.pos2 {
  
  animation-delay: 1.5s;
}
.home_contents3_wrap .text_pos.pos3 {
  animation-delay: 0.6s;
}
.home_contents3_wrap .text_pos.pos4 {
  animation-delay: 1.2s;
}
.home_contents3_wrap .text_pos.pos5 {
  animation-delay: 0.9s;
}
.home_contents3_wrap .text_pos.pos6 {
  animation-delay: 0.3s;
}


/**/
.txt_cover{
  position: relative;
  z-index: 1;
}
.txt_cover:before{
  content: "";
  background: #FFF;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  transition: 1.0s all;
}
.txt_cover.off{
  /*color: transparent;*/
  /*background-color: transparent;*/
}
.txt_cover.off:before{
  right: 0;
}

.gjs-dashed .txt_cover.off:before{
  display: none;
}

/* 2段構成 */
.txt_cover2{
  position: relative;
  z-index: 1;
}

/* .offが外れた時の状態 */
.txt_cover2:before,
.txt_cover2:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--main-color);
  transition: 1.0s all;
}
.txt_cover2:before{
  left: 0;
  right: 0;
  transition: 1.0s all;
  /*transition-delay: 0s;*/
}
.txt_cover2:after{
  left: 0;
  right: 100%;
  transition: 1.0s all;
  /*transition-delay: 1.0s;*/
}

/* .offがついている時の状態 */

.txt_cover2.off{
  color: transparent;
  background: transparent;
}
.txt_cover2.off:before{
  right: 100%;
}
.txt_cover2.off:after{
  right: 0;
}


/*  */
.txt_cover3{
  
}
.txt_cover3:not(.noRel){
  position: relative;
  z-index: 1;
}
.txt_cover3:not(.off){
  color: transparent !important;
  background: none !important;
  text-shadow: none !important;
}
.txt_cover3:not(.off) *{
  color: transparent !important;
  background: none !important;
  text-shadow: none !important;
}
.txt_cover3:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  background: var(--main-color);
  transition: 0.8s all;
}
.txt_cover3.on:after{
  right: 0;
}
.txt_cover3.off:after{
  right: 0;
  left: 100%;
}

/* 時短 */
.txt_cover3.short:after{
  transition: 0.4s all;
}

/* 白バージョン */
.txt_cover3.wh:after{
  background: #FFF;
}
/* 黄バージョン */
.txt_cover3.yl:after{
  background: #ffc600;
}
/* 黒バージョン */
.txt_cover3.bk:after{
  background: #000;
}

.img_cover:not(.img_fit){
  position: relative;
  z-index: 1;
}
.img_cover:after{
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--main-color);
  transition: 0.8s all;
}
.img_cover.on.up:after{
  bottom: 100%;
}
.img_cover.on.down:after{
  top: 100%;
}
.img_cover.on.left:after{
  right: 100%;
}
.img_cover.on.right:after{
  left: 100%;
}



/**/
.home_enjoy_slide_head {
  font-size: 45px;
  font-weight: 900;
  white-space: nowrap;
  position: absolute;
  z-index:2;
  top:40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home_enjoy_slide_head p{
  letter-spacing: 0;
}
.enjoy_item_txt{
  transition: 0.2s all;
}
.enjoy_item_txt p{
  line-height: 1.3;
}

.home_enjoy_slide + .circle_btn{
  margin-top: -50px;
  position: relative;
  z-index: 2;
}
.home_enjoy_slide.swiper .swiper-pagination{
  bottom: 75px;
}

.swiper-slide .enjoy_item_txt{
  top: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 50%) !important;
  transform: translate(-50%, 50%) !important;
  margin: 0 !important;
}

.swiper-slide-active .enjoy_item_txt{
  top: -135px !important;
  bottom: auto !important;
  display: none;
  display: block;
  /*position: absolute;
  top: 0 !important;
  bottom: auto !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;*/
  
}

.slide-prev.swiper-button-disabled{
  opacity:0;
}


@media (min-width:768px){
  
  .home_enjoy_slide_head {
    font-size: 70px;
    top: 40px;
  }
  
  .home_enjoy_slide + .circle_btn{
    margin-top: 0;
  }
  .home_enjoy_slide.swiper .swiper-pagination{
    bottom: 60px;
  }
  .swiper-slide-active .enjoy_item_txt{
    top: -165px !important;
  }
}
@media (min-width:1024px){
  .home_enjoy_slide_head {
  }
  .home_enjoy_slide + .circle_btn{
    margin-top: -100px;
  }
  .home_enjoy_slide.swiper .swiper-pagination{
    bottom: 140px;
  }
  
}
@media (min-width:1280px){
  
  .home_enjoy_slide_head {
    font-size: 90px;
    top: 0;
  }
  
  .enjoy_item_txt strong{
    font-size: 120px!important;
  }
  
  .home_enjoy_slide + .circle_btn{
    margin-top: -100px;
  }
  
  .home_enjoy_slide.swiper .swiper-pagination{
    bottom: 140px;
  }
}
@media (min-width:1470px){
  
  .home_enjoy_slide_head {
    font-size: 105px;
  }
  
  .home_contents6_wrap .swiper-slide{
    width: 450px;
  }
}
@media (min-width:1700px){
  .home_contents6_wrap .swiper-slide{
    width: 600px;
  }
}




/*******************************
*　下層ヘッダー
********************************/
.pg_header{
  margin-bottom: 45px;
}
.pg_header_title{
  
}
.pg_header_title_ja{
  display: flex;
}
.pg_header_title_ja_h1{
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  background: #fe5004;
  color: #FFF;
  padding: 8px 40px 22px 56px;
  padding: 0.0666em 0.3333em 0.1833em 0.4666em;
}
.pg_header_title_en{
  display: flex;
}
.pg_header_title_en p{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  background: #000000;
  color: #FFF;
  padding: 10px 60px 15px 56px;
  padding: 0.2em 1.2em 0.3em 1.16em;
}

@media (min-width:768px){

  .pg_header{
    margin-bottom: 60px;
  }
  .pg_header_title_ja_h1{
    font-size: 50px;
  }
  .pg_header_title_en p{
    font-size: 25px;
  }
  
}
@media (min-width:1024px){


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

  .pg_header{
    margin-bottom: 60px;
  }
  .pg_header_title_ja_h1{
    font-size: 70px;
  }
  .pg_header_title_en p{
    font-size: 30px;
  }
  

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

 

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

  .pg_header_title_ja_h1{
    font-size: 120px;
  }
  .pg_header_title_en p{
    font-size: 50px;
  }

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

  
  .pg_header_title_ja_h1{
    font-size: 120px;
  }
  .pg_header_title_en p{
    font-size: 50px;
  }

}



/*******************************
*　下層共通
********************************/

/* 概要 */
.cmn_about{
  
}
.cmn_about_head{
  
}
.cmn_about_head_txt{
  
}
.cmn_about_head_txt{
  
}

/* 概要:見出し */
.cmn_about_head{
  /*margin-right: 0;*/
}
.cmn_about_head_txt{
  font-size: 36px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.25;
}
.cmn_about_head_txt.or,
.cmn_about_head_txt strong{
  color: #fe5004;
  font-weight: 900;
}
.cmn_about_head_txt.center{
  text-align: center;
}
.cmn_about_head_txt.right{
  text-align: right;
}

/* 概要:4枚画像 */
.cmn_about_imgs{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  /*margin-right: calc(-50vw + 50%);*/
  /*margin-right: calc(-1 * (100vw - 100%)/2);*/
  margin-right: var(--margin-for-device-side-w);
}
* + .cmn_about_imgs{
  margin-top: 50px;
}
.cmn_about_imgs_item{
  width: 50%;
}
.cmn_about_imgs_item.img_fit:before{
  padding-top: 162.79%;
}
.cmn_about_imgs_catch {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
  /*white-space: nowrap;*/
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff; 
}
.cmn_about_imgs_catch p{
  letter-spacing: 0;
}
.cmn_about_imgs_catch strong{
  color: #fe5004;
  font-weight: 900;
}

/* 概要:文章 */
.cmn_about_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.777;
  text-align: justify;
}
* + .cmn_about_txt{
  margin-top: 15px;
}

/* セクションヘッダー */
.sec_header{
  display: flex;
  margin-bottom: 50px;
}
.sec_header_txt{
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  /*background: #000;*/
  color: #FFF;
  /*padding: 22px 10px 28px 10px;*/
  padding: 0.44em 10px 0.56em 0;
  min-width: 200px;
  position: relative;
  z-index: 1;
}
.sec_header_txt:before{
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: var(--margin-for-device-side-w);
}


/* フッターボタン郡 */
.cmn_footer_msg{
  margin-top: 50px;
}
.cmn_footer_msg_title{
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.375;
  text-align: center;
  margin-bottom: 30px;
  color: var(--main-color);
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.cmn_footer_msg_title.noShadow{
  text-shadow: none;
}

/* 回転ボタン */
.circle_btn.spacing{
  display: flex;
  justify-content: space-around;
}


.circle_btn_txt.bk{
  color: #181818;
}
.circle_btn_tt.wh{
  color: #FFF;
}



@media (max-width:767px){
  
  .circle_btn.spacing{
    
  }
  .circle_btn.spacing a{
    
  }
  .circle_btn.spacing .circle_btn_inner{
    width: 95px;
  }
  .circle_btn.spacing .circle_btn_txt{
    font-size: 14px;
  }
  .circle_btn.spacing .circle_btn_tt{
    font-size: 12px;
    font-size: 10px;
  }
  
}
@media (min-width:768px){


  /* 概要:見出し */
  .cmn_about_head{
    margin-right: 0;
  }
  .cmn_about_head_txt{
    font-size: 50px;
  }
  
  .cmn_about_head_txt.center{
    text-align: center;
  }
  .cmn_about_head_txt.right{
    text-align: right;
  }
  
  /* 概要:4枚画像 */
  .cmn_about_imgs{
  }
  * + .cmn_about_imgs{
    margin-top: 50px;
  }
  .cmn_about_imgs_item{
    width: 25%;
  }
  .cmn_about_imgs_catch {
    font-size: 24px;
  }
  
  /* 概要:文章 */
  .cmn_about_txt{
    font-size: 18px;
    line-height: 1.777;
  }
  * + .cmn_about_txt{
    margin-top: 30px;
  }
  
  
  /* セクションヘッダー */
  .sec_header{
    margin-bottom: 50px;
  }
  .sec_header_txt{
    font-size: 35px;
    padding: 0.44em 10px 0.56em 0;
    min-width: 365px;
  }
  

  /* フッターボタン郡 */
  .cmn_footer_msg{
    margin-top: 60px;
  }
  .cmn_footer_msg_title{
    font-size: 45px;
    margin-bottom: 40px;
  }

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


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

  /* 概要:見出し */
  .cmn_about_head{
    margin-right: -50px;
  }
  .cmn_about_head_txt{
    font-size: 80px;
  }

  /* 概要:4枚画像 */
  .cmn_about_imgs_catch {
    font-size: 34px;
  }
  * + .cmn_about_imgs{
    margin-top: 60px;
  }
  
  /* セクションヘッダー */
  .sec_header{
    margin-bottom: 50px;
  }
  .sec_header_txt{
    font-size: 50px;
    min-width: 365px;
  }

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

 /* フッターボタン郡 */
  .cmn_footer_msg{
    margin-top: 80px;
  }
  .cmn_footer_msg_title{
    font-size: 80px;
    margin-bottom: 60px;
  }

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

  /* 概要:見出し */
  .cmn_about_head{
    margin-right: -80px;
  }
  .cmn_about_head_txt{
    font-size: 90px;
  }

  /* 概要:4枚画像 */
  .cmn_about_imgs_catch {
    font-size: 46px;
  }
  
  
  
}
@media (min-width:1740px){

  /* 概要:見出し */
  .cmn_about_head{
  }
  .cmn_about_head_txt{
    font-size: 120px;
  }
  
  /* 概要:4枚画像 */
  .cmn_about_imgs_catch {
    font-size: 57px;
  }
  
}



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

/* --- セクション部分 --- */

.pg_about{

}
.pg_about .section.sec1{
  
}
.pg_about .section.sec2{
  background: #fe5004;
}
.pg_about .section.sec3{
  
}
.pg_about .section.sec4{
  
}
.pg_about .section.sec5{
  
}



@media (max-width:767px){

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

  }
  .pg_about .section.sec1{
    padding-bottom: 90px;
  }
  .pg_about .section.sec2{
    padding-top: 70px;
  }
  .pg_about .section.sec3{
    
  }
  .pg_about .section.sec4{
    
  }
  .pg_about .section.sec5{
    
  }


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


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


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

  .pg_about{

  }
  .pg_about .section.sec1{
    padding-bottom: 145px;
  }
  .pg_about .section.sec2{
    padding-top: 100px;
  }

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


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


}

/* --- メイン部分 --- */


/* 代表インタビュー(先頭)*/
.about_interview_first{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_interview_first_box1{
  width: 100%;
  font-size: 20px;
  padding-bottom: 1.3em;
  position: relative;
  z-index: 1;
  order: 2;
  margin-top: 20px;
}
.about_interview_first_box2{
  width: 100%;
  order: 1;
}
.about_interview_first_title1{
  font-size: 2.6em;
  font-weight: 900;
  line-height: 1.23;
  color: #FFF;
  position: relative;
  z-index: 1;
}
.about_interview_first_title1 *{
  letter-spacing: 0;
}
.about_interview_first_title1 strong{
  color: #181818;
}
.about_interview_first_title2{
  font-size: 1em;
  font-weight: 900;
  line-height: 1.6;
  color: #FFF;
  margin-top: 0.8em;
  position: relative;
  z-index: 3!important;
}
.about_interview_first_title3{
  font-size: 22px;
  font-weight: 900;
  line-height: 1.547;
  color: #FFF;
}
.about_interview_first_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.777;
  text-align: justify;
  color: #FFF;
  margin-top: 20px;
}
.about_interview_first_txt p{
  letter-spacing: 0;
}
.about_interview_first_img{
  width: 9.78em;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 1.3em;
}

/* 代表インタビュー(コンテンツ) */
.about_interview_contents{
  
}
.about_interview_contents_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 20px;
  position: relative;
  z-index: 1;
}
.about_interview_contents_row + .about_interview_contents_row{
  margin-top: 20px;
}
.about_interview_contents_row:nth-child(odd){
  background: #e6e6e6;
  /*padding-left: 100px;*/
}
.about_interview_contents_row:nth-child(even){
  background: #FFF;
  /*padding-right: 100px;*/
}
.about_interview_contents_box1{
  width: 100%;
}
.about_interview_contents_box2{
  width: 100%;
}
* + .about_interview_contents_box2{
  margin-top: 20px;
}
.about_interview_contents_box3{
  width: 100%;
}
.about_interview_contents_box3 + .about_interview_contents_box3{
  margin-top: 30px;
}
.about_interview_contents_qa{
  
}
.about_interview_contents_qa + .about_interview_contents_qa{
  margin-top: 30px;
}
.about_interview_contents_title{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.5;
  text-indent: -1.2em;
  padding-left: 1.2em;
  margin-bottom: 10px;
}
.about_interview_contents_title:before{
  content: "Q.";
}
.about_interview_contents_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.777;
  text-align: justify;
}
.about_interview_contents_txt strong{
  font-size: 1.277em;
  font-weight: 900;
  color: #fe5004;
}
.about_interview_contents_txt_head{
  line-height: 1.39;
}

.about_interview_contents_link{
  display: flex;
  margin-top: 15px;
}
.about_interview_contents_link_a{
  width: 634px;
  max-width: 100%;
  background: #000;
  color: #FFF;
  border-radius: 10px;
  padding: 6px 30px 8px ;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 1;
}
.about_interview_contents_link_a p{
  letter-spacing: 0.1em;
}
.about_interview_contents_link_a:after{
  content: "→";
  font-size: 1.125em;
  font-weight: 500;
  position: absolute;
  z-index: 1;
  top: 50%;
  right:  10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: 0.2s all;
}
.about_interview_contents_link_a:hover{
  color: #ffff00;
}
.about_interview_contents_link_a:hover:after{
  margin-right: -5px;
}

.about_interview_contents_img{
  
}
.about_interview_contents_img.img_fit:before{
  padding-top: 85.47%;
}




@media (max-width:767px){

 
}
@media (min-width:768px){
 
  /* 代表インタビュー(先頭)*/
  .about_interview_first{
  }
  .about_interview_first_box1{
    font-size: 36px;
  }
  .about_interview_first_box2{
  }
  .about_interview_first_title3{
    font-size: 36px;
  }
  .about_interview_first_txt{
    font-size: 18px;
    line-height: 1.777;
    margin-top: 30px;
  }

  /* 代表インタビュー(コンテンツ) */
  .about_interview_contents{

  }
  .about_interview_contents_row{
    padding: 35px 35px;
  }
  .about_interview_contents_row + .about_interview_contents_row{
    margin-top: 35px;
  }
  * + .about_interview_contents_box2{
    margin-top: 30px;
  }
  .about_interview_contents_qa + .about_interview_contents_qa{
    margin-top: 65px;
  }
  .about_interview_contents_title{
    font-size: 22px;
    margin-bottom: 15px;
  }
  
  .about_interview_contents_link{
    margin-top: 22px;
  }
  .about_interview_contents_link_a{
    width: 634px;
    border-radius: 10px;
    padding: 6px 10px 8px;
    font-size: 16px;
  }
  .about_interview_contents_link_a:after{
    right:  15px;
  }
  
}
@media (min-width:1024px){

  /* 代表インタビュー(先頭)*/
  .about_interview_first{
    align-items: flex-end;
  }
  .about_interview_first_box1{
    width: 55.26%;
    font-size: 30px;
    order: 1;
    margin-top: 0;
  }
  .about_interview_first_box2{
    width: 42.76%;
    order: 2;
  }
  .about_interview_first_title3{
    font-size: 24px;
  }
  .about_interview_first_txt{
    margin-top: 20px;
  }
  
  
  /* 代表インタビュー(コンテンツ) */
  .about_interview_contents{

  }
  .about_interview_contents_row{
    padding: 35px 0;
  }
  .about_interview_contents_box1{
    width: 56%;
  }
  .about_interview_contents_box2{
    width: 40%;
  }
  * + .about_interview_contents_box2{
    margin-top: 0;
  }
  .about_interview_contents_qa + .about_interview_contents_qa{
    margin-top: 65px;
  }
  
  .about_interview_contents_row:nth-child(odd){
    padding-left: 50px;
  }
  .about_interview_contents_row:nth-child(even){
    padding-right: 50px;
  }
  .about_interview_contents_row:nth-child(odd) .about_interview_contents_box1{
    order: 1;
  }
  .about_interview_contents_row:nth-child(odd) .about_interview_contents_box2{
    order: 2;
  }
  .about_interview_contents_row:nth-child(odd) .about_interview_contents_box3{
    order: 3;
  }
  .about_interview_contents_row:nth-child(even) .about_interview_contents_box1{
    order: 2;
  }
  .about_interview_contents_row:nth-child(even) .about_interview_contents_box2{
    order: 1;
  }
  .about_interview_contents_row:nth-child(even) .about_interview_contents_box3{
    order: 3;
  }
 
  
  .about_interview_contents_row:after{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
  }
  .about_interview_contents_row:nth-child(odd):after{
    background: #e6e6e6;
    left: 100%;
    right: var(--margin-for-device-side-w);
  }
  .about_interview_contents_row:nth-child(even):after{
    background: #FFF;
    left: var(--margin-for-device-side-w);
    right: 100%;
  }
}
@media (min-width:1200px){

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

  /* 代表インタビュー(先頭)*/
  .about_interview_first{
    align-items: flex-start;
  }
  .about_interview_first_box1{
    width: 55.26%;
    font-size: 32px;
  }
  .about_interview_first_box2{
    width: 42.76%;
  }
  .about_interview_first_title3{
    font-size: 30px;
  }

  /* 代表インタビュー(コンテンツ) */
  .about_interview_contents{

  }
  .about_interview_contents_row{
    padding: 50px 0 60px;
  }
  .about_interview_contents_row + .about_interview_contents_row{
    margin-top: 60px;
  }
  .about_interview_contents_row:nth-child(odd){
    padding-left: 100px;
  }
  .about_interview_contents_row:nth-child(even){
    padding-right: 100px;
  }
  .about_interview_contents_box1{
    width: 52.11%;
  }
  .about_interview_contents_box2{
    width: 41.19%;
  }
  * + .about_interview_contents_box2{
    margin-top: 0;
  }
  .about_interview_contents_box3{
  }
  .about_interview_contents_box3 + .about_interview_contents_box3{
    margin-top: 60px;
  }
  .about_interview_contents_qa{

  }
  .about_interview_contents_qa + .about_interview_contents_qa{
    margin-top: 65px;
  }
  .about_interview_contents_title{
    font-size: 28px;
    margin-bottom: 22px;
  }
  .about_interview_contents_txt{
    font-size: 18px;
    line-height: 1.777;
  }

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

  
  /* 代表インタビュー(先頭)*/
  .about_interview_first_box1{
    font-size: 40px;
  }
  .about_interview_first_title3{
    font-size: 36px;
  }
}
@media (min-width:1740px){

  /* 代表インタビュー(先頭)*/
  .about_interview_first{
  }
  .about_interview_first_box1{
    font-size: 50px;
  }
  .about_interview_first_box2{
  }
  .about_interview_first_title3{
    font-size: 42px;
  }
  .about_interview_first_txt{
    margin-top: 60px;
  }

}



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


.pg_why{

}
.pg_why .section.sec1{
  
}
.pg_why .section.sec2{
  background: #fe5004;
  padding-bottom: 50px;
}
.pg_why .section.sec3{
  
}
.pg_why .section.sec4{
  
}
.pg_why .section.sec5{
  
}

.pg_why .section.sec2 .cmn_footer_msg_title{
  margin-bottom: 20px;
}
.pg_why .section.sec2 .ftr_contact_tt{
  color: #FFF;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 30px;
}

@media (max-width:767px){

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

  }
  .pg_why .section.sec1{
    padding-bottom: 90px;
  }
  .pg_why .section.sec2{
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .pg_why .section.sec3{
    
  }
  .pg_why .section.sec4{
    
  }
  .pg_why .section.sec5{
    
  }

  .pg_why .section.sec2 .cmn_footer_msg_title{
    margin-bottom: 30px;
  }
  .pg_why .section.sec2 .ftr_contact_tt{
    margin-bottom: 70px;
  }

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


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


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

  .pg_why{

  }
  .pg_why .section.sec1{
    padding-bottom: 145px;
  }
  .pg_why .section.sec2{
    padding-top: 100px;
    padding-bottom: 200px;
  }

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


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


}

/* --- メイン部分 --- */

@media (max-width:767px){

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

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


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


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


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


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


}



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

/* --- セクション部分 --- */

.pg_xxx{

}
.pg_xxx .section.sec1{
  
}
.pg_xxx .section.sec2{
  
}
.pg_xxx .section.sec3{
  
}
.pg_xxx .section.sec4{
  
}
.pg_xxx .section.sec5{
  
}



@media (max-width:767px){

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

  }
  .pg_xxx .section.sec1{
    
  }
  .pg_xxx .section.sec2{
    
  }
  .pg_xxx .section.sec3{
    
  }
  .pg_xxx .section.sec4{
    
  }
  .pg_xxx .section.sec5{
    
  }


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


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


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


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


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


}

/* --- メイン部分 --- */


/* 概要 */
.why_about{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.why_about_box1{
  width: 100%;
  position: relative;
  z-index: 1;
}
.why_about_box2{
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: 20px;
}
.why_about_head{
  width: 100%;
  position: relative;
  z-index: 3 !important;
  margin-bottom: -30px;
}
.why_about_title_sub{
  font-size: 24px;
  font-weight: 900;
  line-height: 1.444;
}
.why_about_img{
}
.why_about_img.img_fit:before{
  padding-top: 79.90%;
}

/* 概要メッセージ */
.why_about_msg{
  font-size: 17px;  
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
* + .why_about_msg{
  margin-top: 30px;
}
.why_about_msg p{
  letter-spacing: 0;
}
.why_about_msg strong{
  color: #fe5004;
  font-weight: 900;
}
.why_about_msg_txt1{
  font-size: 1em;
}
.why_about_msg_txt2{
  font-size: 1.6em;
  background: #ffff00;
  /*padding: 20px 0 34px;*/
  padding: 0.1666em 10px 0.2833em;
  margin-top: 0.375em;
}
.why_about_msg_txt3{
  font-size: 1.333em;
  margin-top: 0.35em;
}

/* ファンズ視点 */
.why_question_head{
  margin-bottom: 30px;
}
.why_question_head_txt{
  font-size: 26px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.05em;
  color: #FFF;
}
.why_question_head_txt strong{
  font-weight: 900;
  color: #181818;
}

/* ファンズ視点(コンテンツ) */
.why_qa_contents{
  
}
.why_qa_contents_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.why_qa_contents_row + .why_qa_contents_row{
  margin-top: 50px;
}
.why_qa_contents_box1{
  width: 57.43%;
  width: 100%;
  background: #f3f3f3;
  /*padding: 35px 100px 40px 70px;*/
  padding: 15px 20px 60px 15px;
  position: relative;
  z-index: 1;
}
.why_qa_contents_box2{
  width: 44.73%;
  width: 90%;
  position: relative;
  z-index: 2;
  margin: -45px auto 0;
}
.why_qa_contents_head{
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  z-index: 3;
}
.why_qa_contents_head_num{
  display: flex;
  margin-bottom: 10px;
}
.why_qa_contents_head_num p{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  background: #ffff00;
  padding: 5px 12px 8px 15px;
  /*padding: 0.225em 0.8em 0.3em 0.95em;*/
  color: #181818;
}
.why_qa_contents_head_title_txt{
  font-size: 22px;
  font-weight: 900;
  line-height: 1.333;
  letter-spacing: 0;
  color: #FFF;
  text-shadow    : 
       3px  3px 1px #fe5004,
      -3px  3px 1px #fe5004,
       3px -3px 1px #fe5004,
      -3px -3px 1px #fe5004,
       3px  0px 1px #fe5004,
       0px  3px 1px #fe5004,
      -3px  0px 1px #fe5004,
       0px -3px 1px #fe5004;
}

.why_qa_contents_img{
}
.why_qa_contents_img.img_fit:before{
  padding-top: 71.75%;
}

/*.why_qa_contents_row:nth-child(odd) .why_qa_contents_box1{
  margin-left: 0;
}
.why_qa_contents_row:nth-child(odd) .why_qa_contents_box2{
  right: 0;
}
.why_qa_contents_row:nth-child(even) .why_qa_contents_box1{
  margin-left: auto;
}
.why_qa_contents_row:nth-child(even) .why_qa_contents_box2{
  left: 0;
}
.why_qa_contents_row:nth-child(odd) .why_qa_contents_img{
  margin-right: -200px;
}
.why_qa_contents_row:nth-child(even) .why_qa_contents_img{
  margin-left: -200px;
}*/


@media (max-width:767px){

  .why_about .cmn_about_head_txt{
    font-size: 50px;
  }
  
}
@media (min-width:768px){


  /* 概要 */
  .why_about{
  }
  .why_about_title_sub{
    font-size: 45px;
  }
  .why_about_img{
  }

  /* 概要メッセージ */
  .why_about_msg{
    font-size: 34px;  
  }
  * + .why_about_msg{
    margin-top: 50px;
  }
  .why_about_msg_txt1{
    font-size: 1em;
  }
  .why_about_msg_txt2{
    font-size: 1.6em;
    padding: 0.1666em 10px 0.2833em;
    margin-top: 0.375em;
  }
  .why_about_msg_txt3{
    font-size: 1.333em;
    margin-top: 0.35em;
  }
  

  /* ファンズ視点 */
  .why_question_head{
    margin-bottom: 30px;
  }
  .why_question_head_txt{
    font-size: 52px;
  }

  /* ファンズ視点(コンテンツ) */
  .why_qa_contents{

  }
  .why_qa_contents_row{
  }
  .why_qa_contents_row + .why_qa_contents_row{
    margin-top: 80px;
  }
  .why_qa_contents_box1{
    /*width: 57.43%;*/
    padding: 25px 35px 120px 35px;
  }
  .why_qa_contents_box2{
    /*width: 44.73%;*/
    /*bottom: 45px;*/
    margin-top: -90px;
  }
  .why_qa_contents_head{
    width: 100%;
    margin-bottom: 15px;
  }
  .why_qa_contents_head_num{
    margin-bottom: 10px;
  }
  .why_qa_contents_head_num p{
    font-size: 22px;
    padding: 0.225em 0.8em 0.3em 0.95em;
  }
  .why_qa_contents_head_title_txt{
    font-size: 42px;
    text-shadow    : 
         3px  3px 1px #fe5004,
        -3px  3px 1px #fe5004,
         3px -3px 1px #fe5004,
        -3px -3px 1px #fe5004,
         3px  0px 1px #fe5004,
         0px  3px 1px #fe5004,
        -3px  0px 1px #fe5004,
         0px -3px 1px #fe5004;
  }

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

  /* 概要 */
  .why_about{
  }
  .why_about_box1{
    width: 45%;
  }
  .why_about_box2{
    width: 53%;
  }
  .why_about_title_sub{
    font-size: 30px;
  }
  .why_about_img.img_fit:before{
    padding-top: 150%;
  }
  
  /* 概要メッセージ */
  .why_about_msg{
    font-size: 40px;  
  }
  * + .why_about_msg{
    margin-top: 60px;
  }
  
  /* ファンズ視点 */
  .why_question_head{
    margin-bottom: 30px;
  }
  .why_question_head_txt{
    font-size: 62px;
  }

  /* ファンズ視点(コンテンツ) */
  .why_qa_contents{

  }
  .why_qa_contents_row{
  }
  .why_qa_contents_row + .why_qa_contents_row{
    margin-top: 100px;
  }
  .why_qa_contents_box1{
    width: 57.43%;
    /*padding: 35px 100px 40px 70px;*/
    padding-bottom: 30px;
  }
  .why_qa_contents_box2{
    width: 44.73%;
    position: absolute;
    top: 160px;
    bottom: auto;
    margin: 0;
  }
  .why_qa_contents_head{
    width: 100%;
    margin-bottom: 35px;
  }
  .why_qa_contents_head_num{
    margin-bottom: 10px;
  }
  .why_qa_contents_head_num p{
    font-size: 25px;
  }
  .why_qa_contents_head_title_txt{
    font-size: 54px;
  }

  .why_qa_contents_row:nth-child(odd) .why_qa_contents_box1{
    margin-left: 0;
  }
  .why_qa_contents_row:nth-child(odd) .why_qa_contents_box2{
    right: 0;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_box1{
    margin-left: auto;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_box2{
    left: 0;
  }
  .why_qa_contents_row:nth-child(odd) .why_qa_contents_img{
    margin-right: -100px;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_img{
    margin-left: -100px;
  }
 
}
@media (min-width:1200px){

  /* 概要 */
  .why_about_img.img_fit:before{
    padding-top: 125%;
  }
  
  /* 概要メッセージ */
  .why_about_msg{
    font-size: 50px;  
  }
  * + .why_about_msg{
    /*margin-top: 85px;*/
  }
  
  /* ファンズ視点 */
  .why_question_head{
    margin-bottom: 30px;
  }
  .why_question_head_txt{
    font-size: 62px;
  }

  /* ファンズ視点(コンテンツ) */
  .why_qa_contents{

  }
  .why_qa_contents_row{
  }
  .why_qa_contents_row + .why_qa_contents_row{
    margin-top: 100px;
  }
  .why_qa_contents_box1{
    width: 57.43%;
    /*padding: 35px 100px 40px 70px;*/
  }
  .why_qa_contents_box2{
    width: 44.73%;
    top: 185px;
    /*bottom: 45px;*/
  }
  .why_qa_contents_head{
    width: 100%;
    margin-bottom: 35px;
  }
  .why_qa_contents_head_num{
    margin-bottom: 10px;
  }
  .why_qa_contents_head_num p{
    font-size: 30px;
    /*padding: 0.225em 0.8em 0.3em 0.95em;*/
  }
  .why_qa_contents_head_title_txt{
    font-size: 64px;
  }
  
  .why_qa_contents_row:nth-child(odd) .why_qa_contents_img{
    margin-right: -100px;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_img{
    margin-left: -100px;
  }
}
@media (min-width:1470px){

  /* 概要 */
  .why_about{
  }
  .why_about_box1{
    width: 55.26%;
  }
  .why_about_box2{
    width: 44.73%;
  }
  .why_about_head{
    margin-bottom: -30px;
  }
  .why_about_title_sub{
    font-size: 40px;
  }
  .why_about_img{
    margin-right: -36px;
  }
  .why_about_img.img_fit:before{
    padding-top: 85%;
  }
  
  /* 概要メッセージ */
  .why_about_msg{
    font-size: 60px;  
  }
  
  /* ファンズ視点 */
  .why_question_head{
    margin-bottom: 30px;
  }
  .why_question_head_txt{
    font-size: 80px;
  }

  /* ファンズ視点(コンテンツ) */
  .why_qa_contents{

  }
  .why_qa_contents_row{
  }
  .why_qa_contents_row + .why_qa_contents_row{
    margin-top: 100px;
  }
  .why_qa_contents_box1{
    /*width: 57.43%;*/
    padding: 35px 100px 40px 70px;
  }
  .why_qa_contents_box2{
    /*width: 44.73%;*/
    /*bottom: 45px;*/
    top: 210px;
  }
  .why_qa_contents_head{
    width: 100%;
    margin-bottom: 35px;
  }
  .why_qa_contents_head_num{
    margin-bottom: 10px;
  }
  .why_qa_contents_head_num p{
    /*font-size: 40px;*/
    /*padding: 0.225em 0.8em 0.3em 0.95em;*/
  }
  .why_qa_contents_head_title_txt{
    font-size: 70px;
  }
  
  .why_qa_contents_row:nth-child(odd) .why_qa_contents_img{
    margin-right: -200px;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_img{
    margin-left: -200px;
  }

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

  

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

  /* 概要 */
  .why_about{
  }
  .why_about_box1{
    width: 55.26%;
  }
  .why_about_box2{
    width: 44.73%;
  }
  .why_about_head{
    margin-bottom: -52px;
  }
  .why_about_title_sub{
    font-size: 45px;
  }
  .why_about_img.img_fit:before{
    padding-top: 79.90%;
  }

  /* 概要メッセージ */
  .why_about_msg{
    font-size: 75px;  
  }
  * + .why_about_msg{
    margin-top: 90px;
  }
  
  /* ファンズ視点 */
  .why_question_head{
    margin-bottom: 30px;
  }
  .why_question_head_txt{
    font-size: 120px;
  }

  /* ファンズ視点(コンテンツ) */
  .why_qa_contents{

  }
  .why_qa_contents_row{
  }
  .why_qa_contents_row + .why_qa_contents_row{
    margin-top: 100px;
  }
  .why_qa_contents_box1{
    /*width: 57.43%;*/
    padding: 35px 100px 40px 70px;
  }
  .why_qa_contents_box2{
    /*width: 44.73%;*/
    top: auto;
    bottom: 45px;
  }
  .why_qa_contents_head{
    width: 100%;
    margin-bottom: 35px;
  }
  .why_qa_contents_head_num{
    margin-bottom: 10px;
  }
  .why_qa_contents_head_num p{
    font-size: 40px;
    /*padding: 0.225em 0.8em 0.3em 0.95em;*/
  }
  .why_qa_contents_head_title_txt{
    font-size: 90px;
  }
  
  .why_qa_contents_row:nth-child(odd) .why_qa_contents_img{
    margin-right: -200px;
  }
  .why_qa_contents_row:nth-child(even) .why_qa_contents_img{
    margin-left: -200px;
  }

}



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


/* --- メイン部分 --- */

.param_chart_data{
  display: none;
  padding: 5px 10px;
  background: #CCC;
  margin-bottom: 15px;
}
.gjs-dashed .param_chart_data{
  display: block;
}
.param_chart_data:before{
  content: "グラフ用のパラメータ入力\A左…項目名 / 右…数値（0～100）";
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  white-space: pre; 
  margin-bottom: 10px;
}
.param_chart_data_item{
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.param_chart_data_label{
  width: 150px;
  background: #FFF;
  padding: 5px;
}
.param_chart_data_value{
  width: calc(100% - 160px);
  background: #FFF;
  padding: 5px;
}

.job_item .param {
  width: 100%;
}
.job_item canvas {
  /*width:750px;*/
  /*max-width: 1000px;*/
  max-width: 460px;
  margin: 0 auto;
  display: block;
  /*width: 500px;*/
  /*width: 100%;*/
  /*aspect-ratio: 100 / 80;*/
}


@media (max-width:767px){

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

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


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


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


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


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


}



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

/* --- セクション部分 --- */

.pg_xxx{

}
.pg_xxx .section.sec1{
  
}
.pg_xxx .section.sec2{
  
}
.pg_xxx .section.sec3{
  
}
.pg_xxx .section.sec4{
  
}
.pg_xxx .section.sec5{
  
}



@media (max-width:767px){

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

  }
  .pg_xxx .section.sec1{
    
  }
  .pg_xxx .section.sec2{
    
  }
  .pg_xxx .section.sec3{
    
  }
  .pg_xxx .section.sec4{
    
  }
  .pg_xxx .section.sec5{
    
  }


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


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


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


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


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


}

/* --- メイン部分 --- */

@media (max-width:767px){

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

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


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


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


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


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


}