@charset "utf-8";
/* CSS Document */
html {
  opacity: 0;
}

/* window-loadクラスが付いたらフェードイン */
html.window-load {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.pc-only {
	display: none !important;
}
html {
	font-size: calc(100vw / 40);
	@media screen and (min-width:751px) {
		font-size: 62.5%;
	}
}
body {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
	color: #292736;
	line-height: 1.8;
	font-weight: 400;
	background: #072138;
	@media screen and (min-width:751px) {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}

.screen {
	width:100%;
	z-index: 2;
	@media screen and (min-width:751px) {
		max-width: 400px;
		box-shadow: 0 0 10px rgba(0,0,0,.5);
	}
	@media screen and (min-width:860px) {
		max-width: 470px;
	}
}

.pc__left {
	display: none;
	@media screen and (min-width:751px) {
		display: flex;
		justify-content: center;
		align-items: center;
		height:100vh;
		width:calc(100% - 400px);
		position: sticky;
		top:0;
	}
	@media screen and (min-width:860px) {
		width:calc(100% - 470px);
	}
}

.pc__nav {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.pc__nav-list {
	margin-bottom: 3rem;
}

.pc__nav-item {
	font-family: "EB Garamond", serif;
	font-size: 3rem;
	margin-bottom: 2rem;
	letter-spacing: .1em;
	a {
		color:#fff;
	}
}

.pc__nav-sns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5rem;
}

.pc__nav-icon {
	margin-right: 2.6rem;
	img {
		max-width: 4.1rem;
		width:100%;
		height:auto;
	}
}

.primary-btn.primary-btn--pc {
	padding:0;
	margin-bottom: 1rem;
	img {
		width:274px;
		height:auto;
	}
}
.pc__right {
	display: none;
	@media screen and (min-width:1140px) {
		background:url(../img/pc/bg.webp)no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width:calc(100% - 470px);
		height:100vh;
		position: sticky;
		top:0;
	}
}

.pc__right-en {
	margin-top: 5rem;
	margin-bottom: 2rem;
	img {
	width:319px;
	height:auto;
	}
}

.pc__right-text {
	color:#fff;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: .2em;
}

.pc__right-logo {
	position: absolute;
	right:3.5rem;
	bottom:4.5rem;
	z-index: 2;
	img {
	width:102px;
	height:auto;
	}
}


p {
	line-height: 1.8;
	font-feature-settings: "palt";
}
h1,h2,h3,h4,h5 {
	font-weight: 500;
	line-height: 1.6;
}
/*---------------------------------
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900
----------------------------------------*/
.noto-sans-jp {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: weight;
	font-style: normal;
  }
/*---------------------------------
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 800
----------------------------------------*/
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}
/*---------------------------------
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900
----------------------------------------*/
.inter {
	font-family: "Inter", serif;
	font-optical-sizing: auto;
	font-weight: weight;
	font-style: normal;
}
.inner {
	width: 100%;
	padding: 0 5.33%;
}
img {
	max-width: 100%;
}
.bgnavy {
	background-color: #072138;
}
/*----------------------------------------------------------------------------------------------------------------*/
header {
	background-color: #072138;
	position: sticky;
    top: 0;
	z-index: 99;
}
header ul {
	display: flex;
	justify-content: space-between;
}
header ul li {
	background-color: #072138;
	height: 5rem;
}
header ul li a {
	background-color: #072138;
	display: flex;
    justify-content: center;
    align-items: center;
}
header ul li:first-child {
	width: 43%;
	padding: 0rem 2rem;
}
header ul li:first-child h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5rem;
}
header ul li:first-child img {
	width: 8.1rem;
}
header ul li:nth-child(2) {
	width: 14%;
	border-left: .2rem solid #fff;
}
header ul li:nth-child(2) a {
	padding: 0.6rem 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
header ul li:nth-child(2) a img {
	width: 3.2rem;
}
header ul li:nth-child(3) {
	width: 43%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: .2rem solid #fff;
}
header ul li:nth-child(3) a {
	color: #e5c076;
	font-size: 1.4rem;
	text-align: center;
}
/*----------------------------------------------------------------------------------------------------------------*/
.mv-img {
	width: 100%;
}
/*----------------------------------------------------------------------------------------------------------------*/
.campaign {
	background-color: #f9f1df;
	padding: 3rem 0 1rem;
}

.campaign.campaign--vr2 {
	padding: 1rem 0;
}

.campaign .inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.campaign__inner-text {
	display: flex;
	justify-content: center;
	align-items: center;
	p {
		font-size: 1.6rem;
		letter-spacing: .175em;
	}
	
}

.campaign__inner {
	figure {
			display: flex;
			justify-content: center;
			align-items: center;
			padding:0 1rem;
		img {
			width:30.4rem;
			max-width: 9rem;
			height:auto;
			}
	}
}

.campaign__inner-text--wide {
	letter-spacing: .55em;
	text-align: center;
}

.campaign__inner-title {
	font-size: 3.4rem;
	letter-spacing: .15em;
	text-align: center;
}

.fv {
	picture {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	img {
	width:100%;
	height:auto;
	}
}

.movie {
	background: #f9f1df;
	padding:4rem 2rem;
	box-sizing: border-box;
	a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.movie-img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
	width:30.7rem;
	height:auto;
	img {
		width:100%;
		height:auto;
	}
}
/*----------------------------------------------------------------------------------------------------------------*/
.no1 {
	padding: 5rem 0;
	background-color: #F9F1DF;
}
.no1 h2 {
	font-size: 1.7rem;
	text-align: center;
	padding: 0 0 1rem;
}
.no1 p {
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	padding: 2.5rem 0 0;
}
/*----------------------------------------------------------------------------------------------------------------*/
.mishuku {
	padding: 6rem 0;
}
/*----------------------------------------------------------------------------------------------------------------*/
.title {
	padding: 0 0 4rem;
}
.title h2 {
	font-family: "EB Garamond", serif;
	font-weight: 400;
	font-size: 1.75rem;
	text-align: center;
	color: #f7ecd6;
	letter-spacing: .15rem;
}
.title h3 {
	font-size: 3rem;
	text-align: center;
	color: #e5c076;
	line-height: 1.45;
}
.flow {
	padding: 5rem 0 2rem;
}
h2.title-img {
	margin: 0 auto;
	display: block;
}
h4.sub-copy {
	color: #F7ECD6;
	font-size: 1.6rem;
	padding: 0 0 4rem;
	text-align: center;
}
/*----------------------------------------------------------------------------------------------------------------*/
.present {
	padding: 6rem 0 8rem;
}
.present h2.title-img {
	width: 17.35rem;
}
.present ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.present ul li {
	width: calc((100% - 1.5rem) / 2);
	img {
		width:100%;
		height:auto;
	}
}
.present ul li:nth-child(-n+2) {
	padding: 0 0 1.5rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
.cta-top {
	padding: 4rem 0;
	background-color: #F9F1DF;
}
/*----------------------------------------------------------------------------------------------------------------*/
.problem {
	background-color: #DFE3E9;
	padding: 6rem 0;
	position: relative;
}
.problem h2 {
	font-size: 2.1rem;
	text-align: center;
	padding: 0 0 2rem;
	letter-spacing: .05em;
	color:#1c3759;
}
.problem:after {
	content: '';
	position: absolute;
	border-top: 3rem solid #DFE3E9;
	border-right: 5rem solid transparent;
	border-left: 5rem solid transparent;
	bottom: -3rem;
	left: 50%;
	transform: translateX(-50%);
}

.problem__list {
	position: relative;
}

.problem__item {
	border-bottom:dotted .1rem #8e9bac;
	position: relative;
	padding:1.2rem 0 1.2rem 4rem;
	box-sizing: border-box;
	font-size: 1.7rem;
	letter-spacing: .05em;
	color:#1c3759;
	font-weight: 500;
	&::before {
		content:"";
		position: absolute;
		left:0;
		top:0;
		bottom:0;
		margin:auto;
		background: url(../img/icon-check.svg)no-repeat;
		background-size: cover;
		width:2rem;
		height:1.85rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------*/
.growth {
	padding: 6rem 0 2rem;
}

.growth-title {
	margin-bottom: 2rem;
}

.growth h3 {
	font-size: 2rem;
	text-align: center;
	color: #fff;
	padding: 2rem 0 0;
}
.growth h4 {
	font-size: 2.8rem;
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
}
.growth .piechart {
	width: 73%;
	margin: 0 auto;
	display: block;
	padding: 0 0 5rem;
}
.growth-side {
	position: relative;
	margin: 3rem 0 10rem;
}
.growth-side:after {
	position: absolute;
	content: '';
	border-top: 3rem solid #F8CEBE;
	border-right: 5rem solid transparent;
	border-left: 5rem solid transparent;
	bottom: -7rem;
	left: 50%;
	transform: translateX(-50%);
}

.growth-side__text {
	text-align: center;
	color:#fff;
	font-size: 2.3rem;
	b {
		font-size:3rem;
	}
}

.growth-side__text-bottom {
	font-size: 2.3rem;
	text-align: center;
	color: #fff;
	padding: 0 0 3rem;
}

.growth-side__text-bottom strong {
	font-size: 4rem;
	font-weight: 400;
}

.growth-join {
	margin-top: 1rem;
}

.growth ul li {
	background-color: #F8CEBE;
}
.growth li:not(:last-child) {
	margin: 0 0 3rem;
} 
.growth .li-txt {
	padding: 1.5rem;
	background-color: #F8CEBE;
}
.growth .li-txt p {
	font-size: 1.6rem;
}
.growth .li-txt p span {
	border-bottom: .1rem solid #A07D37;
}
.growth li:not(:last-child) .li-txt p:nth-of-type(1) {
	border-bottom: .2rem dotted #072138;
	padding: 0 0 1rem;
	margin: 0 0 1rem;
}
.growth .li-txt p.note {
	font-size: 1.2rem;
	padding: 2rem 0 0;
}
/*----------------------------------------------------保護者の声------------------------------------------------------------*/
.swiper-pagination-bullets {
	position: static;
	margin-top: 1.6rem;
} 
.swiper-pagination-bullet {
	width: 8px !important;
	height: 8px !important;
	margin: 0 0 0 1rem !important;
	background: #fff;
	opacity: .5;
}
.swiper-pagination-bullet-active {
    background: #fff;
	opacity: 1;
}
.swiper-pagination-bullet:first-child {
	margin: 0 !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	font-size: 3rem;
}
.swiper-button-next, .swiper-button-prev {
	color: #1c3759;
}
.voice {
	background-color: #f8cebe;
	padding: 6rem 0;
}
.voice .title h2 {
	color: #072138;
}
.voice .title h3 {
	color: #072138;
}
.voice li {
	background-color: #fff;
	border-radius: 1rem;
	padding: 2.5rem;
	min-height:67rem;
}
.voice-name {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.voice-name img {
	width: 50%;
	margin: 0 2rem 0 0;
}
.voice-name h4 {
	font-size: 1.5rem;
}
.voice li h5 {
	color: #cfa14d;
	font-family: "EB Garamond", serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: .1rem;
}
.voice-before {
	position: relative;
	margin: 3rem 0 4rem;
}
.voice-before:before {
	position: absolute;
	content: '';
	background-image: url(../img/voice-arrow.png);
	background-size: contain;
	background-position: center;
	width: 0.7rem;
	height: 2rem;
	bottom: -3rem;
	left: 50%;
	transform: translateX(-50%);
}
.voice li:nth-child(n+5) .voice-after p {
	font-size: 1.5rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
.secret {
	padding: 8rem 0 6rem;
}
.secret h2.title-img {
	width: 17.65rem;
}

.secret__item {
	background-color: #F8CEBE;
	border-radius: 1rem;
	position: relative;
	padding: 2rem;
	margin-bottom: 1.5rem;
}

.secret__item-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.secret__item-title {
	margin-top: 1rem;
}

.secret__item-icn {
	width: auto;
	height:2.4rem;
	margin-bottom: 1rem;
}

.secret__item-img {
	width: 13rem;
	height:auto;
	border-radius: 1rem;
}

.secret .secret__item h5 {
	font-size: 2rem;
	padding: 0 0 1rem;
}

/*----------------------------------------------------------------------------------------------------------------*/
.cta {
	padding: 4% 2.66%;
	background: #fff;
}
.cta .cta-inner {
	background-color: #fbe6df;
	padding: 4rem 6.66%;
	position: relative;
	
}

.cta-inner__title.cta-inner__title--vr2 {
	font-size: 2rem;
	color:#29436a;
}

.cta-inner__text {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .1em;
	margin-bottom: 1rem;
}

.cta-inner__title-sub {
	font-size: 4.2rem;
	display: block;
}

.cta-inner__title-sub.cta-inner__title-sub--vr2 {
	font-size: 2.4rem;
	display: inline-block;
	color:#29436a;
	letter-spacing: 0;
	b {
		font-size:3.5rem;
		font-weight: 400;
	}
}

.cta-inner__title-sub--vr4 {
	font-size: 5.4rem;
	font-family: "Jost", sans-serif;
	letter-spacing: 0;
	margin-left:.5rem;
	display: inline-block;
}


.cta-inner__title-sub.cta-inner__title-sub--vr3 {
	font-size: 3.2rem;
	display: block;
	margin-top: 1.5rem;
}

.cta-inner__title {
	text-align: center;
	letter-spacing: .05em;
	color:#29436a;
	line-height: 1.3;
	font-size: 5rem;
	margin-bottom: 2rem;
	strong {
		font-size:6.1rem;
		font-weight: 500;
	}
}


 .primary-btn {
	padding: 2rem 6.66%;
	box-sizing: border-box;
	img {
			width:100%;
			height:auto;
		}
}
.cta h2 {
	margin: 0 auto;
}
.cta h3 {
	text-align: center;
	font-size: 2rem;
	color: #072138;
	padding: 2.5rem 0 3rem;
	letter-spacing: .05em;
}
.cta .cta-inner:before {
	content: '';
	position: absolute;
	background-image: url(../img/ribon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: -.35rem;
	left: -.35rem;
	width: 8.25rem;
	height: 8.25rem;
}
.cta .cta-inner:after {
	content: '';
	position: absolute;
	background-image: url(../img/ribon.png);
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	bottom: -.35rem;
	right: -.35rem;
	width: 8.25rem;
	height: 8.25rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
.classroom {
	padding: 6rem 0;
}
.classroom p.head-copy {
	font-size: 2.3rem;
	text-align: center;
	color: #F7ECD6;
	padding: 0 0 1rem;
}
.classroom p.year {
	font-size: 1.7rem;
	text-align: center;
	color: #F7ECD6;
	padding: 0 0 1rem;
	letter-spacing: .1em;
}
.classroom h5 {
	font-size: 1.9rem;
	text-align: center;
	color: #e5c076;
	padding: 1.5rem 0 1rem;
	margin: 0 0 1rem;
	border-bottom: .2rem dotted #e5c076;
}
.classroom p.main-txt {
	font-size: 1.6rem;
	color: #F7ECD6;
}
.classroom ul li:not(:last-child) {
	padding: 0 0 5rem;
}

.classroom ul li img {
	width:100%;
	height:auto;
	margin-bottom: -.5rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
.message {
	padding: 6rem 0;
}
.message-president {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.message-img {
	width: 53.4%;
	margin: 0 1.5rem 0 0;
}
p.message-name {
	flex: 1;
	color: #E5C076;
}
p.message-name span {
	font-size: 2.6rem;
}
.message h4 {
	color: #E5C076;
	font-size: 2.2rem;
	margin-bottom: 1rem;
}
.message h5 {
	color: #E5C076;
	font-size: 1.5rem;
	position: relative;
	padding: 0 0 0 2.6rem;
}
.message h5:before {
	content: '';
	position: absolute;
	background-color: #E5C076;
	top: 50%;
	transform: translateY(-50%);
	left: 0%;
	width: 2rem;
	height: .13rem;
}
.message p.main-txt {
	font-size: 1.5rem;
	color: #F7ECD6;
}
.massage-head {
	padding: 3rem 0;
}
/*----------------------------------------------------------------------------------------------------------------*/
.media {
	padding: 6rem 0 8rem;
	img {
	width:100%;
	height:auto;
	}
}
.media ul li:first-child {
	padding: 0 0 6rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
.school {
	padding: 6rem 0 8rem;
}
.school ul li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.school ul + ul {
	margin-top: 3rem;
	justify-content: center;
}

@media screen and (min-width:769px) {
.school ul + ul li {
	margin:0 3rem;
}
}

.school ul li:not(:last-child) {
	padding: 0 0 3rem;
}
.school-img {
	width: 48.51%;
	margin: 0 1rem 0 0;
}
.school-info {
	flex: 1;
}
.school-info p.no {
	font-size: 1.7rem;
	color: #E5C076;
	font-family: "EB Garamond", serif;
	font-weight: 400;
}
.school-info h4 {
	font-size: 1.6rem;
	color: #E5C076;
}
.school-info p.add {
	font-size: 1.2rem;
	color: #F7ECD6;
	line-height: 1.45;
	padding: 0 0 .7rem;
	text-decoration: none;
}
.school-info h5 {
	color: #F7ECD6;
	border: .1rem solid #F7ECD6;
	border-radius: 3rem;
	display: inline-block;
	padding: .2rem .8rem;
}

/*----------------------------------------------------------------------------------------------------------------*/
		.teacher {
			padding: 5rem 0 0;
		}

		.teacher__sub-copy {
			text-align: justify;
		}

		.teacher__card {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

		.teacher__inner {
			border:solid .2rem #cfa14d;
			padding:.5rem;
			box-sizing: border-box;
			margin-bottom: 2rem;
			&:last-of-type {
				margin-bottom: 0;
			}
		}

		.teacher__item {
			border:solid .2rem #cfa14d;
			padding:0 0 3rem;
			box-sizing: border-box;
			background: #fbf6ea;
			img {
				width:100%;
				height:auto;
			}
		}

		.teacher__item-img {
			margin-bottom: 1rem;
		}

		.teacher__text {
			text-align: center;
			font-size: 1.8rem;
			font-weight: 500;
			margin-bottom: 1rem;
			color:#1c3759;
		}

		.teacher__sub-text {
			margin-bottom: .5rem;
			color:#1c3759;
			padding:0 2rem;
			box-sizing: border-box;
		}

		.teacher__small-text {
			font-size: 1.3rem;
			color:#1c3759;
			padding:0 2rem;
			box-sizing: border-box;
		}

		.teacher__small-text.teacher__small-text--vr2 {
			white-space: nowrap;
		}
/*----------------------------------------------------------------------------------------------------------------*/
.contact {
	padding: 6rem 0;
	background-color: #DFE3E9;
}
.contact h2 {
	font-size: 2.8rem;
	text-align: center;
	color: #1C3759;
	line-height: 1.4;
	padding: 0 0 4rem;
}
.contact table {
	width: 100%;
	color:#1c3759;
}
.contact th {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1.7rem;
	margin: 0 0 .5rem;
	font-weight: 400;
}
.contact td {
	display: block;
	width: 100%;
	padding: 0 0 3rem;
}
.contact input[type="text"],
.contact input[type="email"] {
    width: 100%;
    height: 5rem;
    padding: 1rem;
	font-size: 1.7rem;
	background-color: #fff;
	border-radius: 1rem;
}
.contact .form-btn {
	display: block;
	margin: 3rem auto 0;
	font-size: 2rem;
	text-align: center;
	background-color:#EB5761;
	color: #fff;
	padding: 1.8rem 0;
	width: 23rem;
	border-radius: 4rem;
}
/*----------------------------------------------------------------------------------------------------------------*/
footer .tel-contact small {
	font-size: 1.4rem;
	display: block;
	margin-bottom: 1rem;
}

.in_tel {
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
	font-size: 1.9rem;;
	small {
		font-size: 1.4rem;
		color:#fff;
	}
}

footer {
	padding: 6rem 0;
}
footer .tel-contact {
	padding: 0 0 8rem;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
footer .tel-contact h2 {
	color: #E5C076;
	font-size: 2rem;
	text-align: center;
	padding: 0 0 3rem;
}
footer .tel-contact a {
	color: #E5C076;
	display: block;
	font-weight: 400;
	letter-spacing: .1em;
	white-space: nowrap;
	&:first-of-type {
		margin-right: 3rem;
	}
}

footer .tel-side {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #F7ECD6;
	padding: 2rem 0 0;
}
footer .tel-side h3 {
	border: .1rem solid #F7ECD6;
	width: 8.5rem;
	text-align: center;
	display: block;
	font-size: 1.4rem;
	padding: .5rem 0;
	margin: 0 2rem 0 0;
}
footer .tel-side p {
	font-size: 1.4rem;
	line-height: 1.6;
}
footer .f-logo {
	width: 16.3rem;
	display: block;
	margin: 0 auto;
}
footer .copyright p {
	font-size: 1.2rem;
	color: #F7ECD6;
	text-align: center;
	padding: 3rem 0 0;
}
/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------サンクスページ----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
.thanks {
	padding: 8rem 0;
}
.thanks h2 {
	color: #f7ecd6;
	text-align: center;
	font-size: 2rem;
	padding: 0 0 3rem;
}
.thanks p {
	color: #f7ecd6;
	text-align: center;
	font-size: 1.8rem;
	padding: 0 0 3rem;
}
.thanks a {
	color: #e5c076;
	text-align: center;
	font-size: 1.8rem;
	display: block;
	transition: .3s;
}
.thanks a:hover {
	opacity: 0.8;
}

/*----------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) {
	.sp-only {
		display: none !important;
	}
	.pc-only {
		display: block !important;
	}
	a[href^="tel:"] {
		pointer-events: none;
	}
}
/*----------------------------------------------------------------------------------------------------------------*/

	@media screen and (max-width:360px) {
		.inner {
			padding: 0 4%;
		}
		.secret .sec-img {
			width: 9rem;
			top: -2rem;
		}
	}

	.policy-button {
		display: flex;
		justify-content: center;
		align-items: center;
		span.wpcf7-form-control.wpcf7-acceptance {
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.4rem;
			color:#1c3759;
		}
		a {
			text-decoration: underline;
			display: inline-block;
			margin:0 .5rem;
			color:#1c3759;
			&:hover {
				text-decoration: none;
			}
		}
		label {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		span.wpcf7-list-item-label {
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

	.mv {
		picture {
			width:100%;
			height:auto;
		}
		img {
			width:100%;
			height:auto;
		}
	}
	

.bbb {
	position: absolute;
	top:-13px;
	width:1300px;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	z-index: 2;
	opacity: .5;
	img {
	width:100%;
	height:auto;
	}
}


.grecaptcha-badge{
	opacity: 0;
}

.grecaptcha p {
	text-align: center;
	font-size: 1.2rem;
	color:#1c3759;
}

.grecaptcha a {
	color:#1c3759;
	text-decoration: underline;
}