@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
/* .gnav-box { display: none;
}

.loader-container { display: none;
}　*/
.page-wrap { padding-top: 0; }

.page-inner { width: 100%; }

.bg { width: 100%; padding: 80px 1rem; margin-bottom: 4rem; background: #00a0e9; box-sizing: border-box; }
.bg * { box-sizing: border-box; }

.section-class { background: #fff; padding: 70px 0; text-align: center; margin: 7rem auto 0; }
.section-class h4 { margin-bottom: 20px; }
.section-class h4 img { height: 23px; width: auto; }
.section-class sup { font-size: 50%; vertical-align: super; }
@media screen and (max-width: 768px) { .section-class { margin: 4rem auto; } }

.section-inner { max-width: 960px; margin: auto; }

.leadCopy { color: #00a0e9; font-size: 1.75em; }
.leadCopy + .text-m { margin-top: 0.5rem; color: #363636; }

.block { width: 92%; margin: 2.5rem auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.block div, .block li { min-height: 0%; }
.block h4 { width: 100%; background-color: #00a0e9; color: #fff; padding: 0.25rem 1rem; border-top-left-radius: 1.5vh; border-bottom-right-radius: 1.5vh; }
.block .image-box { width: 50.5263157895%; background-color: #efeede; padding: 0.75rem 0.5rem; border-top-left-radius: 1.5vh; border-bottom-right-radius: 1.5vh; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.block .image-box .note { text-align: left; line-height: 1.28; padding: 0.25rem 0.75rem; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.block .text-box { width: 43.1578947368%; }
.block .text-box .bodyCopy { text-align: left; line-height: 1.6; margin-bottom: 2rem; }

.cvbtn { width: 92%; max-width: 760px; margin: 2.5rem auto 0; }
.cvbtn a { display: block; padding: 0.25rem 1rem; background-color: #f39800; border-radius: 1.5vh; color: #fff; text-decoration: none; text-align: center; transition: 0.2s linear 0s opacity; }
.cvbtn a:hover { opacity: 0.64; }

@media screen and (max-width: 960px) { .block .text-box { width: 46%; } }
@media screen and (max-width: 768px) { .block { /*	.text-box{
		width: 44%;
	} */ }
  .block .image-box { width: 48%; } }
@media screen and (max-width: 640px) { .leadCopy { font-size: 1.25em; }
  .block .image-box { width: 100%; margin-bottom: 1rem; }
  .block .text-box { width: 100%; }
  .block .text-box .bodyCopy { text-align: center; } }
@media screen and (max-width: 320px) { .leadCopy { font-size: 1.05em; } }