@charset "UTF-8";
/* CSS Document */
/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 959px) {
	
/*
表示設定
----------------------------------------------------------- */
.br_sp{
	display:none;
}
.br_tab {
	display: block!important;
}
.br_pc{
	display:none;
}
/*セクション間余白-----------------------------------------------------------*/
  section {
    padding: 60px 0;
  }
  footer {
    padding: 30px 0;
  }
/*はみ出し画像中央-----------------------------------------------------------*/
  .wic1 img {
    width: 1600px;
    max-width: 1600px;
  }
  .wic1 {
    margin-left: calc(50% - 800px);
  }
  .wic2 img {
    width: 1000px;
    max-width: 1000px;
  }
  .wic2 {
    margin-left: calc(50% - 500px);
  }
  .wic3 img {
    width: 1200px;
    max-width: 1200px;
  }
  .wic3 {
    margin-left: calc(50% - 600px);
  }
/*Header-----------------------------------------------------------*/
header .btns{
	width: 50%;
}


/*Nav-----------------------------------------------------------*/


/*MV-----------------------------------------------------------*/


/*CTA-----------------------------------------------------------*/


/*CTA2-----------------------------------------------------------*/
.cta2 .txt{
	vertical-align: middle!important;
	padding-top: 0px;
}

.floating .btn_f{
    width: 80%;
	margin: 0 auto;
}

/*sec-----------------------------------------------------------*/
.container {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
.reason_background{
  position: relative;
}
.sec_reason .background360:before{
        content: '';
        background: url(../img/pc_sec_reason_img.png);
        height: 117px;
        position: absolute;
        display: inline-block;
        background-repeat: no-repeat;
        top: -5%;
        right: 20%;
}
.reason_background {
        display: flex;
        flex-direction: column; /* 縦に並べる */
        align-items: center;    /* 中央に寄せる */
        gap: 40px;             /* 要素間の余白を固定値（px）で指定 */
        height: auto !important; /* 高さを中身に合わせる */
        padding: 60px 20px;     /* 上下と左右に適切な余白を */
    }

    /* 全ての動画ラッパーを同じルールで扱う */
    .yt-wrapper, 
    .yt-wrapper60, 
    .yt-wrapper70 {
        position: relative !important; /* 浮かせない */
        top: auto !important;         /* 位置をリセット */
        width: 100% !important;        /* タブレット・スマホでは幅いっぱい */
        max-width: 800px;             /* でも広がりすぎないように制限 */
        margin-top: 3% !important;      /* 個別のマージンを消してgapに任せる */
        aspect-ratio: 16 / 9;          /* 高さを確保 */
        margin-left: auto !important;         /* 左右中央寄せの魔法のコード */
        margin-right: auto !important;
    }

    .yt-wrapper iframe,
    .yt-wrapper60 iframe,
    .yt-wrapper70 iframe {
        width: 100%;
        height: 100%;
    }

    .sec_reason .white_box{
      width: auto;
      padding: 2rem 1.5rem;
    }
    /* 3番目のwhite_boxだけ右マージンを0にする */
    .sec_reason .white_box:nth-of-type(3) {
      margin-right: 0 !important;
    }

    .sec_reason .box{
      position: relative;
    }
    .yt-wrapper70 iframe{
      left: 0;
    }

    .sec_reason h3::after {
    content: "";
    background: url(../img/sen1.png);
    background-size: auto;
    background-size: cover;
    width: 5rem;
    height: 8rem;
    position: absolute;
    top: -0.1rem;
    left: 6%;
}
.sec_reason h3::before {
    content: "";
    background: url(../img/sen.png);
    background-size: auto;
    background-size: cover;
    width: 5rem;
    height: 8rem;
    position: absolute;
    top: -0.1rem;
    right: 6%;
}
.sec_why {
    height: auto !important;
    min-height: 100vh;
    overflow: hidden;
}
.sec_why .container, 
.sec_why .inner {
    width: 95% !important;   /* 画面幅の95%にする */
    margin: 0 auto;          /* 左右中央寄せ */
    box-sizing: border-box;  /* パディングを含めた幅計算にする */
}
.sec_why .white_box_s {
    height: auto;
    padding: 15px;
    min-height: 43vw;
}
.movie .white_box_s {
    height: auto!important;
    padding: 15px;
    min-height: 57vw;
}
.white_box_ss {
    height: auto;
    background-color: #FFF;
    padding: 20px;
    border: 2px solid #41a9a5;
    min-height: 30vw;
}
.sec_tokuten .photo{
  width: auto;
  margin-left: 1%;
}
.sec_qa .white_box {
    margin-bottom: 15px!important;
}
.btn_wh{
	border-radius: 60px;
	background: #fff;
	border: 3px solid #41a9a5;
    font-weight: bold;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    width: 48%;
    margin: 0 auto;
    position: relative;
	vertical-align:middle;
	line-height: 1.2;
}
.btn_gr{
	border-radius: 60px;
	background: #41a9a5;
    font-weight: bold;
    font-size: 18px;
    padding: 15px;
    text-align: center;
    width: 48%;
    position: relative;
	line-height: 1.2;
}
.flex_h3 {
    display: flex;
	justify-content: center;
    align-items: flex-start; /* 上揃え */
    text-align: left;        /* 左寄せ */
}

.num {
    flex-shrink: 0;          /* 数字部分が潰れないように固定 */
    white-space: nowrap;     /* 数字とドットが改行されないように */
}

.text {
    display: block;          /* 文章をブロック扱いにする */
}

/* フローティングボタン */
.floating .btn_wh{
    border: 3px solid #41a9a5;
    font-size: 16px;
    padding: 15px;
    width: 50%;
    margin: 0;
    margin-left: 7px;
    line-height: 1.2;
}
.floating .btn_gr{
border-radius: 60px;
    color: #fff;
    background: #41a9a5;
    font-weight: bold;
    font-size: 19px;
    padding: 5px 15px;
    padding-top: 10px;
    text-align: center;
    width: 59%;
    margin: 0 auto;
    position: relative;
    line-height: 1.1;
    padding: 18px 15px;
  }




/*sec02-----------------------------------------------------------*/


/*sec03-----------------------------------------------------------*/


/*sec04-----------------------------------------------------------*/


/*sec05-----------------------------------------------------------*/


/*sec06-----------------------------------------------------------*/


/*sec07-----------------------------------------------------------*/


/*sec08-----------------------------------------------------------*/

/*sec09-----------------------------------------------------------*/


/*sec10-----------------------------------------------------------*/


/*sec11-----------------------------------------------------------*/


/*sec12-----------------------------------------------------------*/

/*sec13-----------------------------------------------------------*/


/*sec14-----------------------------------------------------------*/


/*sec15-----------------------------------------------------------*/


/*sec16-----------------------------------------------------------*/


/*sec17-----------------------------------------------------------*/


/*sec18-----------------------------------------------------------*/


/*sec19-----------------------------------------------------------*/


/*sec20-----------------------------------------------------------*/


/*Footer----------------------------------------------------------- */
	footer{
		padding-bottom: 100px
	}	
	
/*floating----------------------------------------------------------- */

}

/*タブレット用スタイルend*/