/* 調整用スタイル */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

@media screen and (min-width: 960px) {
	img {
		width: auto;
	}
}
.pcOnly {display:none;}

@media screen and (min-width: 960px) {
	.pcOnly {display:inherit;}
	.spOnly {display:none;}
}

/* ヘッダー */

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
}
.header__inner {
  margin:0 auto;
  padding: 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:750px;
  height: 92px;
  background-color: #fff;
}
.header__title {
  margin-left:5%;
  width: 90%;
  background-color: #fff;
}
.header__title a {
  display:flex;
  justify-content: center;
  align-items:center;
}
.header__title img {
  display: block;
  width: 257px;
}
.header__title span {
  margin-left:30px;
  font-size:22px;
  font-weight:500;
  color:#000;
}
@media screen and (max-width:750px) {
	.header__inner {
	  width:100%;
	  height: 62px;
	}
	.header__title img {
	  display: block;
	  width: 38%;
	}
	.header__title span {
	  font-size:3.5vw;
	}
}

/* ヘッダーのナビ部分 */

.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 92px;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  background-color:rgba(250,250,250,0.9);
  transition: ease .4s;
}
.nav-items a {
	display:block;
	padding:0.6em 0;
	text-align:center;
	font-size:24px;
	font-weight:800;
	color:#0080cb;
}
.nav-items li:nth-child(odd) a {
	background:#d7f1fe;
}
.nav-items li:nth-child(even) a {
	background:#fdfad9;
}
@media screen and (max-width:750px) {
	.header__nav {
	  top: 62px;
	}
}

/* ハンバーガーメニュー */

.header__hamburger {
  width: 48px;
  height: 100%;
}
.hamburger {
  padding:0 10px;
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}
@media screen and (min-width:751px) {
	.header__hamburger {
		display:none;
	}
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 2px;
  background-color: #626262;
  position: relative;
  transition: ease .4s;
  display: block;
  top:-2px;
}
.hamburger span:nth-child(2) {
  margin: 4px 0;
}

/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}
.hamburger.active {
	background-color: #fff;
}
.hamburger.active span:nth-child(1) {
  top: 0px;
  transform: rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  top: -12px;
  transform: rotate(-45deg);
}
.hamburger.active span:nth-child(3)::after {
  display:none;
}

/* レイアウト */
.layout {
  width: 100%;
}

/* =====================
   中央コンテンツ（PC）
===================== */
.content {
  width: 450px;
  margin: 0 auto;
}

/* =====================
   左右カラム（PC）
===================== */
.side {
  position: fixed;
  top: 0;
  width: calc((100vw - 450px) / 2);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .3s;
}
.side.is-hide {
  opacity: 0;
  pointer-events: none;
}

/* 左 */
.side--left {
  left: 0;
}

/* 右 */
.side--right {
  right: 0;
}

/* 左ナビ */
.side-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.side-nav a {
  padding: 12px 20px;
  background: #d7f1fe;
  color: #0080cb;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  border:2px solid #0080cb;
}
.side-nav a:nth-child(even) {
  background: #fdfad9;
}

/* 右ロゴ */
.side-logo img {
  max-width:400px;
}
@media screen and (max-width: 1250px) {
	.side-logo img {
	  max-width:100%;
	}
}

/* =====================
   スマホ（上書き）
===================== */
@media screen and (max-width: 750px) {

  /* 左右カラムを非表示 */
  .side {
    display: none;
  }
  /* コンテンツを100%に */
  .content {
    width: 100%;
  }
}

.sec01 {
	background:#0080cb;
}

.sec02 {
	background:#ebf6fc;
	text-align:center;
}
.sec02 .sec02_2 {
	padding:30px 0 60px;
	font-size:24px;
	line-height:1.7;
}
@media screen and (max-width:750px) {
	.sec02 .sec02_2 {
		padding:30px 0 60px;
		font-size:5vw;
	}
}

.sec03 {
	padding-bottom:30px;
	background:#0080cb;
}

/*acd*/
.sec03 .acdWrap1 ,
.sec03 .acdWrap2 {
	margin:0 0 15px 0;
}
.sec03 .acd-check{
    display: none;
}
.sec03 .acdWrap1 .acd-label{
    display: block;
    margin:0 auto;
    padding: 0 0;
    position: relative;
    cursor:pointer;
    background:url(../img/sec03_acd_1_off.png) no-repeat ;
    background-size:cover;
    width:450px;
    height:148px;
}
.sec03 .acdWrap2 .acd-label{
    display: block;
    margin:0 auto;
    padding: 0 0;
    position: relative;
    cursor:pointer;
    background:url(../img/sec03_acd_2_off.png) no-repeat ;
    background-size:cover;
    width:450px;
    height:148px;
}
.sec03 .acdWrap3 .acd-label{
    display: block;
    margin:0 auto;
    padding: 0 0;
    position: relative;
    cursor:pointer;
    background:url(../img/sec03_acd_3_off.png) no-repeat ;
    background-size:cover;
    width:450px;
    height:148px;
}
.sec03 .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: all 0.5s 0s ease;
    visibility: hidden;
}
.sec03 .acdWrap1 .acd-check:checked + .acd-label {
    background:url(../img/sec03_acd_1_on.png) no-repeat ;
    background-size:cover;
}
.sec03 .acdWrap2 .acd-check:checked + .acd-label {
    background:url(../img/sec03_acd_2_on.png) no-repeat ;
    background-size:cover;
}
.sec03 .acdWrap3 .acd-check:checked + .acd-label {
    background:url(../img/sec03_acd_3_on.png) no-repeat ;
    background-size:cover;
}
.sec03 .acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 0 0;
    visibility: visible;
}
@media screen and (max-width:767px) {
	.sec03 .acdWrap {
		margin:0 0 0 0 ;
	}
	.sec03 .acdWrap1 .acd-label ,
	.sec03 .acdWrap2 .acd-label ,
	.sec03 .acdWrap3 .acd-label {
	    width:100%;
	    height:auto;
	}
}

.sec04 {
	padding-bottom:30px;
	background:#0080cb;
}
.sec04 .sec04_2 {
	padding:0px 0 0px;
	font-size:24px;
	line-height:1.7;
	color:#fff;
	text-align:center;
}
@media screen and (max-width:750px) {
	.sec04 .sec04_2 {
		font-size:5vw;
	}
}

.sec04 .q_wrap {
	margin:40px 5% 0 ;
	padding:30px 0;
	background:#ebf6fc;
	border-radius:16px;
}
.sec04 .q_wrap .q_ti {
	margin:0 0% 20px 5%;
	padding-left:16%;
	font-size:26px;
	font-weight:800;
	line-height:1.4;
}
.sec04 .q_wrap .q1_ti {
	background: url(../img/q1_ti.png) no-repeat top left ;
	background-size: 15% auto;
}
.sec04 .q_wrap .q2_ti {
	background: url(../img/q2_ti.png) no-repeat top left ;
	background-size: 15% auto;
}
.sec04 .q_wrap .q3_ti {
	background: url(../img/q3_ti.png) no-repeat top left ;
	background-size: 15% auto;
}
.sec04 .q_wrap .q4_ti {
	background: url(../img/q4_ti.png) no-repeat top left ;
	background-size: 15% auto;
}
.sec04 .q_wrap .q5_ti {
	background: url(../img/q5_ti.png) no-repeat top left ;
	background-size: 15% auto;
}
@media screen and (max-width:750px) {
	.sec04 .q_wrap .q_ti {
		margin:0 0% 20px 8%;
		padding-left:15%;
		font-size:5vw;
	}
}

.sec04 .q_wrap ul {
	margin:0 7%;
}
.radio {
  margin: 0 0 10px 0;
  font-size:26px;
}
@media screen and (max-width:750px) {
	.sec04 .q_wrap ul {
		margin:0 13%;
	}
	.radio {
	  font-size:5vw;
	}
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label {
  display:block;
  padding:10px;
  background:#e6e6e6;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 20%;
  border: 3px solid #0080cb;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0em;
  margin-right: 0.5em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.error_form .radio input[type=radio] + .radio-label:before {
  background: #fcf1f2;
}
.radio input[type=radio]:checked + .radio-label:before {
  background: url(../img/form_check.png) no-repeat center;
  background-size: contain;
  box-shadow: inset 0 0 0 4px #fff;
}
.radio input[type=radio]:checked + .radio-label {
  background:#bbe8ff;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #0080cb;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #0080cb;
  background: #0080cb;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

.contact__formWrap-btn {
	display:flex;
	justify-content: center;
	margin-top:40px;
}
.contact__formWrap-btn--submit {
    width: 300px;
    height: 300px;
    text-indent:-99999px;
    border: none;
    background:url(../img/btn_kekka.png);
    background-size:contain;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.contact__formWrap-btn--submit:hover {
    background:url(../img/btn_kekka_on.png);
    background-size:contain;
}

.contact__formWrap-btn--submit:focus {
    outline: 0;
    background:url(../img/btn_kekka_on.png);
    background-size:contain;
}
@media screen and (max-width:750px) {
	.contact__formWrap-btn--submit {
	    width: 300px;
	    height: 300px;
	}
}

.sec05 {
	padding:80px 0 60px;
	background:#0080cb;
}
.sec05 .a_wrap {
	margin:0 5% ;
	background:#fdfad9;
	border-radius: 16px;
}
.sec05 .a_wrap .ti img {
	margin:-50px 10% 0;
	width:80%;
}
.sec05 .a_wrap .ti2 {
	margin-top:10px;
}
.sec05 .a_wrap .tx {
	padding:10px 0 50px;
	font-size:24px;
	line-height:1.7;
	text-align:center;
}
@media screen and (max-width:750px) {
	.sec05 .a_wrap .tx {
		font-size:4.5vw;
	}
}

.sec06 {
	padding:40px 0 30px;
	background:#0080cb;
}
.sec06 .sec06_ti {
	margin-bottom:30px;
	font-size:40px;
	color:#ffff00;
	text-align:center;
}
.sec06 .sec06_ti_sub {
	font-size:30px;
	color:#fff;
	text-align:center;
}
.sec06 .youtubeVideo_wrapper {
	background:#0080cb;
	background-size:100% auto;
	padding: calc(14 / 760 * 100%) 0 calc(58 / 760 * 100%);
}
.sec06 .youtubeVideo {
	width: calc(600 / 760 * 100%);
	aspect-ratio: 300/169;
	margin: 0 auto;
}


/* フッター */
footer {
	margin:0 auto;
	padding:100px 0;
	width:100%;
	text-align:center;
	background:#fff;
}
footer .logo {
	margin:0 auto;
	width:350px;
}
footer .privacy {
	margin-top:20px;
	font-size:12px;
	color:#acacac;
}
@media screen and (max-width:750px) {
	footer {
		width:100%;
	}
	footer .logo {
		margin:0 auto;
		width:53.33%;
	}
	footer .privacy {
		font-size:2.5vw;
	}
}