*{
	margin: 0;
	padding: 0;
}
html{
	font-size:62.5%;
	scroll-behavior:smooth;
}
body{
	-webkit-text-size-adjust: 100%!important;
	animation-name: fade;
	animation-duration: 1.5s;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	color: #000;
}
@font-face {
	font-family: bananaslipplus;
	src: url("font/bananaslipplus.otf");
}
.mt8{margin-top:.8rem;}.mt16{margin-top:1.6rem;}.mt32{margin-top:3.2rem}.mt48{margin-top:4.8rem;}.mt64{margin-top:6.4rem}.mt80{margin-top:8.0rem;}.mt96{margin-top:9.6rem}
.mb8{margin-bottom:.8rem;}.mb16{margin-bottom:1.6rem;}.mb32{margin-bottom:3.2rem}.mb48{margin-bottom:4.8rem;}.mb64{margin-bottom:6.4rem}.mb80{margin-bottom:8.0rem;}.mb96{margin-bottom:9.6rem}
.pt8{padding-top:.8rem;}.pt16{padding-top:1.6rem;}.pt32{padding-top:3.2rem}.pt48{padding-top:4.8rem;}.pt64{padding-top:6.4rem}.pt80{padding-top:8.0rem;}.pt96{padding-top:9.6rem}
.pb8{padding-bottom:.8rem;}.pb16{padding-bottom:1.6rem;}.pb32{padding-bottom:3.2rem}.pb48{padding-bottom:4.8rem;}.pb64{padding-bottom:6.4rem}.pb80{padding-bottom:8.0rem;}.pb96{padding-bottom:9.6rem}
.pa01{padding-top: 6.4rem;padding-bottom: 6.4rem;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.fw900{font-weight: 900;}
.fs16{font-size: 1.6rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2.0rem;}
.fs24{font-size: 2.4rem;}
.fs28{font-size: 2.8rem;}
.fs32{font-size: 3.2rem;}
.fs36{font-size: 3.6rem;}
.fs48{font-size: 4.8rem;}
.fs50{font-size: 5.0rem;}
.fs64{font-size: 6.4rem;}
.fs75{font-size: 7.5rem;}
.fs96{font-size: 9.6rem;}
@media screen and (max-width: 1279.9px) {
	.tb-fs13{font-size: 1.3rem;}
	.tb-fs14{font-size: 1.4rem;}
	.tb-fs15{font-size: 1.5rem;}
	.tb-fs16{font-size: 1.6rem;}
	.tb-fs18{font-size: 1.8rem;}
	.tb-fs20{font-size: 2.0rem;}
	.tb-fs24{font-size: 2.4rem;}
	.tb-fs32{font-size: 3.2rem;}
	.tb-fs36{font-size: 3.6rem;}
	.tb-fs40{font-size: 4.0rem;}
	.tb-fs48{font-size: 4.8rem;}
	.tb-fs55{font-size: 5.5rem;}
	.tb-fs64{font-size: 6.4rem;}
}
@media screen and (max-width: 767.9px) {
	.sp-fw400{font-weight: 400;}
	.sp-fs13{font-size: 1.3rem;}
	.sp-fs14{font-size: 1.4rem;}
	.sp-fs15{font-size: 1.5rem;}
	.sp-fs16{font-size: 1.6rem;}
	.sp-fs18{font-size: 1.8rem;}
	.sp-fs20{font-size: 2.0rem;}
	.sp-fs24{font-size: 2.4rem;}
	.sp-fs32{font-size: 3.2rem;}
	.sp-fs36{font-size: 3.6rem;}
	.sp-fs40{font-size: 4.0rem;}
	.sp-fs48{font-size: 4.8rem;}
}
.c-fff{color:#fff;}
.c-004BA2{color:#004BA2;}
.c-1A62BE{color:#1A62BE;}
.c-316BD3{color:#316BD3;}
.c-505050{color:#505050;}
.c-8A8A8A{color:#8A8A8A;}
.c-ffdb1f{color:#ffdb1f;}
.banana{font-family:bananaslipplus;}
.center{text-align:center;}
.ls01{letter-spacing:-0.1em;}
@media screen and (max-width: 767.9px) {
	.sp-ls03{letter-spacing:-0.3em;}
}
@media screen and (max-width: 339.9px) {
	.d-340-ls003{letter-spacing:-0.03em;}
	.d-340-ls012{letter-spacing:-0.12em;}
}
@media screen and (max-width: 368.9px) {
	.d-369-fs15{font-size: 1.3rem;}
}
@media screen and (max-width: 391.9px) {
	.d-392-ls015{letter-spacing: -0.15em;}
}
.lh05{line-height:.5;}
.lh06{line-height:.6;}
.nl{display:inline-block;}
a{
	text-decoration: none;
}
a:hover{
	opacity: .7;
	transition: .5s;
}
nav{
	height: 93px;
	box-shadow: 0px 2px 4px rgba(119,119,119,.25);
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-around;
	align-items: center; 
}
@media screen and (max-width: 1279.9px) {
	nav{
		justify-content: normal;
	}
}
@media screen and (max-width: 767.9px) {
	nav{
		box-shadow: none;
		height: 60px;
		justify-content: space-between;
	}
}
.logo{
	margin-left: 5%;
	width: 50%;
}
@media screen and (max-width: 1279.9px) {
	.logo{
		margin-left: 10px;
		width: 30%;
	}
}
.logo img{
	width: 167px;
}
@media screen and (max-width: 767.9px) {
	.logo img{
		width: 92px;
	}
}
.thanks{
	text-align: center;
	margin: auto;
	width: 50%;
}
@media screen and (max-width: 1279.9px) {
	.thanks{
		width: 30%;
	}
}
.thanks img{
	width: 167px;
}
@media screen and (max-width: 767.9px) {
	.thanks img{
		width: 92px;
	}
}
ul.nav-links{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 50%;
}
@media screen and (max-width: 1279.9px) {	
	ul.nav-links{
		width: 100%;
	}
}
.nav-links li{
	list-style: none;
}
.nav-links a{
	text-decoration: none;
	color: #004BA2;
	font-size: 1.8rem;
	font-weight: 700;
}
@media screen and (max-width: 1279.9px) {
	.nav-links a{
		font-size: 1.6rem;
	}
}
.contact-1 a{
	display: block;
	padding: 1em;
	background: linear-gradient(0deg,#F28C00,#F8A129,#F79E23,#F28C00);
	border-radius: 10px;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.nav-links .contact-1 a{
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
}
.contact-1 a::before{
	content: '';
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(img/email.png);
	vertical-align: top;
	background-size: contain;
    background-repeat: no-repeat;
	padding-right: .6em;
}
.contact-1 a::after{
	content: '▶';
	padding-left: .5em;
}
@media screen and (max-width: 1279.9px) {
	.contact-1 a{
		padding: .5em;
	}
	.nav-links .contact-1 a{
		font-size: 1.4rem;
	}
	.contact-1 a::before{
		padding-right: .4em;
	}
	.contact-1 a::after{
		padding-left: .35em;
	}
}
@media screen and (max-width:1279.9px) {
	.nav-links{
		width: 55%;
	}
}
.box-1{
	line-height: .9;
	padding: 0 .4em .8em;
	display: inline-block;
	background:linear-gradient(135deg,#207BCF,#15CFC7);
}
@media screen and (max-width: 767.9px) {
	.title-1{
		padding-top: 0;
	}
	.box-1{
		margin-top: .4em;
	}
	.sp-wrapper-title{
		padding-left: 2%;
	}
}
@media screen and (max-width: 339.9px) {
	.sp-wrapper-title{
		white-space: nowrap;
		transform: scale(96%);
		padding-left: 0;
	}
}
.box-2{
	display: inline-block;
	background: #ffdb1f;
}
.box-3{
	display: inline-block;
	border: #fff solid 6px;
	padding: 0 3rem 1rem;
}
@media screen and (max-width: 767.9px) {
	.box-3{
		display: inline-block;
		border: #fff solid 3px;
		line-height: 1;
		padding: .2em 5rem 1.6rem;
	}
}
.wrapper-title{
	padding-left: 9.6rem;
	background-image: url(img/main.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 686px;
	position: relative;
}
@media screen and (max-width: 1279.9px) {
	.wrapper-title{
		padding-left: 5%;
		background-position: center;
	}
}
@media screen and (max-width: 767.9px) {
	.wrapper-title{
		background-position: top;
		background-size: cover;
		width: 95%;
		height: 400px;
	}
}
.wrapper-1{
	background-color: #f2f2f2;
	background-image: repeating-linear-gradient(to bottom, #e1e1e1, #e1e1e1 2px, transparent 0, transparent 64px), repeating-linear-gradient(to right,#e1e1e1, #e1e1e1 2px, transparent 0, transparent 64px);
}
@media screen and (max-width: 767.9px) {
	.wrapper-1{
		background-image: repeating-linear-gradient(to bottom, #e1e1e1, #e1e1e1 2px, transparent 0, transparent 32px), repeating-linear-gradient(to right,#e1e1e1, #e1e1e1 2px, transparent 0, transparent 32px);
	}
}
.wrapper-2{
	background: linear-gradient(90deg, rgba(12, 94, 170, .8), rgba(0, 161, 154, .8)), url(img/Group\ 165.jpg);
	background-size: cover;
}
.wrapper-3{
	background-color: #E5F1FF;
}
footer{
	background-color: #004BA2;
}
.content-1-1{
	text-align: center;
}
@media screen and (max-width: 767.9px) {
	.sp-text01{
		display: inline-block;
		background:linear-gradient(135deg,#207BCF,#15CFC7);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
.content-3-1-a{
	margin-left: 15%;
	margin-right: 15%;
	display: grid;
	grid-template-columns: 30% 40% 30%;
	row-gap: 1.6rem;
	text-align: center;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 1279.9px) {
	.content-3-1-a{
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media screen and (max-width: 767.9px) {
	.content-3-1-a{
		margin-top: 2.4rem;
		grid-template-columns: repeat(1,1fr);
	}
}
.box-a1,.box-a2,.box-a3,.box-a4,.box-a5{
	background: #fff;
	border-radius: 11px;
}
@media screen and (max-width: 767.9px) {
	.box-a1,.box-a2,.box-a3,.box-a4,.box-a5{
		text-align: left;
	}
}
.box-a1{
	padding: 1.6rem;
	grid-row:1/2;
	grid-column: 2/3;
}
.box-a2{
	padding: 1.6rem;
	grid-row:2/3;
	grid-column: 1/2;
}
.box-a3{
	padding: 3.2rem 1.6rem;
	grid-row:2/3;
	grid-column: 3/4;
}
.box-a4{
	padding: 1.6rem;
	grid-row:3/4;
	grid-column: 1/2;
}
.box-a5{
	padding: 1.6rem;
	grid-row:3/4;
	grid-column: 3/4;
}
.box-a6{
	padding: 1.6rem;
	grid-row:2/4;
	grid-column: 2/3;
	position: relative;
}
.box-a6-img1{
	width: 249px;
}
@media screen and (max-width: 767.9px) {
	.wrapper-1{
		padding-top: 2.4rem;
		padding-bottom: 1.6rem;
	}
	.box-a1{
		padding: .8rem;
		grid-row:1/2;
		grid-column: 1/3;
	}
	.box-a2{
		padding: .8rem;
		grid-row:2/3;
		grid-column: 1/3;
	}
	.box-a3{
		padding: .8rem;
		grid-row:3/4;
		grid-column: 1/3;
	}
	.box-a4{
		padding: .8rem;
		grid-row:4/5;
		grid-column: 1/3;
	}
	.box-a5{
		padding: .8rem;
		grid-row:5/6;
		grid-column: 1/3;
	}
	.box-a6{
		padding: 0;
		grid-row:6/7;
		grid-column: 1/3;
		position: relative;
	}
	.box-a6-img1{
		width: 125px;
	}
}
.content-3-1-b{
	margin-left: 10%;
	margin-right: 10%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 3.2rem;
	justify-content: center;
}
.box-b{
	padding-bottom: 1em;
	background: #fff;
	box-shadow: 1px 2px 8px 0 rgba(94,94,94,.25);
}
.box-b img{
	width: 100%;
}
.box-b-title{
	display: inline-block;
	margin: .5em 1em 0;
	padding: .2em;
	color: #fff;
	background: #17BEC9;
}
.box-b-text{
	margin: .5em 1em 0;
}
@media screen and (max-width: 1279.9px) {
	.content-3-1-b{
		margin-left: 15%;
		margin-right: 15%;
		display: grid;
		grid-template-columns: repeat(1,1fr);
		row-gap: 3.2rem;
		justify-content: center;
	}
	.box-b img{
		width: 100%;
	}
}
@media screen and (max-width: 767.9px) {
	.content-3-1-b{
		margin-left: 5%;
		margin-right: 5%;
	}
}
.content-3-2{
	margin-left: 15%;
	margin-right: 15%;
	display: grid;
	grid-template-columns: repeat(3,298px);
	column-gap: 3.2rem;
	row-gap: 6.4rem;
	text-align: center;
	justify-content: center;
}
.box-c{
	padding: 3em 1em 2em;
	background: #fff;
	position: relative;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
}
.box-c-1{
	padding: 3.5em 1em 2.5em;
	background: #fff;
	position: relative;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
}
.box-c p{
	z-index: 10;
}
.content-3-2 img{
	width: 62px;
	height: 62px;
	background: linear-gradient(180deg,#fff 60%,rgba(255,255,255,0) 40%);
	padding: 16px;
	border-radius: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
}
@media screen and (max-width: 1279.9px) {
	.content-3-2{
		grid-template-columns: repeat(3,1fr);
		column-gap: 1.6rem;
		row-gap: 6.4rem;
	}
	.box-c{
		padding: 3em .5em 2em;
	}
	.box-c-1{
		padding: 3.5em .5em 2.5em;
	}
	.content-3-2 img{
		width: 33px;
		height: 33px;
		transform: translate(-50%, -140%);
	}
}
@media screen and (max-width: 767.9px) {
	.box-c{
		padding: 1.5em .2em 1em;
	}
	.box-c-1{
		padding: 2em .2em 1.5em;
	}
	.content-3-2{
		margin-left: 5%;
		margin-right: 5%;
		grid-template-columns: repeat(2,1fr);
		column-gap: 1.6rem;
		row-gap: 6.0rem;
	}
	.content-3-2 img{
		width: 33px;
		height: 33px;
		transform: translate(-50%, -110%);
	}
}
.bubble{
	width: 142px;
}
.content-6-1{
	margin-left: 3%;
	margin-right: 3%;
	display: grid;
	grid-template-columns: repeat(6,1fr);
	justify-content: center;
	column-gap: 2.4rem;
}
@media screen and (max-width: 1279.9px) {
	.content-6-1{
		margin-left: 5%;
		margin-right: 5%;
		grid-template-columns: repeat(1,1fr);
		row-gap: 3.2rem;
	}
}
@media screen and (max-width: 767.9px) {
	.content-6-1{
		margin-left: 2%;
		margin-right: 2%;
	}
}
.box-d{
	background: #fff;
	padding: 1em;
	position: relative;
	filter: drop-shadow(1px 2px 2px rgba(162,162,162,0.25));
}
@media screen and (max-width: 1279.9px) {
	.box-d{
		margin-left: 25%;
		margin-right: 25%;
	}
	.box-d-grid{
		display: grid;
		grid-template-columns: 40% 60%;
		column-gap: 1.6rem;
		place-content: center;
		place-items: center;
	}
}
@media screen and (max-width: 767.9px) {
	.box-d{
		margin-left: 3%;
		margin-right: 3%;
	}
	.box-d-grid{
		display: grid;
		grid-template-columns: 40% 60%;
		place-content: center;
		place-items: center;
	}
}
.contact-4{
	color: #000;
	padding: .5em 1em;
	content: '';
	display: inline-block;
	background: #FFDB1F;
	border-radius: 7px;
}
.contact-4::after{
	content: '▶';
	padding-left: .2em;
}
.flow{
	width: 105px;
	display: block;
	margin: 1.6rem;
}
.triangle{
	width: 29px;
	position: absolute;
	top: 45%;
	right: -14px;
	z-index: 1;
}
@media screen and (max-width: 1279.9px) {
	.triangle{
		top: 95%;
		right: 50%;
		transform: rotate(90deg);
		
	}
}
@media screen and (max-width: 1279.9px) {
	.sp-QandA-wrapper{
		margin-left: 5%;
		margin-right: 5%;
	}
}
.content-q_and_a-q{
	margin-left: auto;
	margin-right: auto;
	display: table;
}
.content-q_and_a-q-01{
	padding: .1em 0 .1em .5em;
	background: #fff;
	border-radius: 11px 0 0 11px;
	width: 60px;
	display: table-cell;
	height: 1.6em;
}
.content-q_and_a-q-02{
	padding-right: 1em;
	background: #fff;
	width: 780px;
	display: table-cell;
	vertical-align: middle;
}
.content-q_and_a-q-03{
	background: #fff;
	border-radius: 0 11px 11px 0;
	width: 60px;
	display: table-cell;
}
.content-q_and_a-a{
	margin-left: auto;
	margin-right: auto;
	display: table;
}
.content-q_and_a-a-01{
	padding: .1em 0 .1em .5em;
	width: 60px;
	display: table-cell;
	vertical-align: middle;
}
.content-q_and_a-a-02{
	padding-right: 1em;
	width: 840px;
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 439.9px) {
	.content-q_and_a-q-01{
		padding-left: .3em;
	}
	.content-q_and_a-a-01{
		padding-left: .3em;
	}
}
details .closebutton{
	display: none;
}
details[open] .closebutton{
	display: table-cell;
	vertical-align: middle;
}
details[open] .openbutton{
	display: none;
}
summary{
	cursor: pointer;
	transition: .5s;
}
summary {
  display: block;
}
summary::-webkit-details-marker {
  display: none;
}
.sp {
	display: none;
}
@media not all and (min-width: 568px){
	.sp {
		display: block;
	}
}
.title-1{
	display: inline-block;
	background:linear-gradient(90deg,#207BCF,#15CFC7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transform: rotate( -2.52deg );
}
.content-title-2{
	position: absolute;
	bottom: 16px;
	width: 568px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 16px;
}
@media screen and (max-width: 1279.9px) {
	.content-title-2{
		width: 480px;
		margin-top: 2.4rem;
		position: static;
	}
}
@media screen and (max-width: 767.9px) {
	.content-title-2{
		position: absolute;
		bottom: 16px;
		grid-auto-rows: 1fr;
		width: 90%;
		place-items: center;
	}
}
.title-2-border{
	background: linear-gradient(135deg,#207BCF,#15CFC7);
	width: 160px;
	height: 160px;
	border-radius: 50%;
	padding: 5px;
	filter: drop-shadow(3px 4px 2px rgba(82,82,82,.25));
}
.content-title-2-box{
	width: 160px;
	height: 160px;
	background: #fff;
	border-radius: 50%;
	padding: 0px;
	display:flex;
	justify-content:center;
	align-items: center;
}
@media screen and (max-width: 1279.9px) {
	.title-2-border{
		width: 132px;
		height: 132px;
		border-radius: 50%;
		padding: 5px;
	}
	.content-title-2-box{
		width: 132px;
		height: 132px;
		border-radius: 50%;
		padding: 0px;
	}	
}
@media screen and (max-width: 767.9px) {
	.title-2-border{
		width: min(132px,100%);
		height: min(132px,95%);
		border-radius: 50%;
		padding: 5px;
	}
	.content-title-2-box{
		aspect-ratio: 1 / 1;
		width: min(132px,100%);
		height: min(132px,100%);
		border-radius: 50%;
		padding: 0px;
	}	
}
.title-2{
	display: inline-block;
	background:linear-gradient(135deg,#207BCF,#15CFC7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.content-title-3{
	position: absolute;
	bottom: 3.2rem;
	right:3.2rem;
	width: 443px;
	height: 174px;
	background: #F38E03;
	border-radius: 10px;
	filter: drop-shadow(3px 4px 2px rgba(0,0,0,.25));
}
.content-title-3 p{
	line-height: 1.6;
	margin-top: 3.2rem;
}
.point01::before{
	position: absolute;
	content: '・';
	color: #fff;
	font-size: 3.2rem;
	top: 0;
	left: -5px;
}
.point01::after{
	position: absolute;
	content: '・';
	color: #fff;
	font-size: 3.2rem;
	top: 0;
	right: -5px;
}
.point02::before{
	position: absolute;
	content: '・';
	color: #fff;
	font-size: 3.2rem;
	bottom: 2px;
	left: -5px;
}
.point02::after{
	position: absolute;
	content: '・';
	color: #fff;
	font-size: 3.2rem;
	bottom: 2px;
	right: -5px;
}
@media screen and (max-width: 1279.9px) {
	.content-title-3{
		width: 320px;
		height: 128px;
	}
	.point01::before{
		font-size: 2.4rem;
		top: -10px;
		left: 1px;
	}
	.point01::after{
		font-size: 2.4rem;
		top: -10px;
		right: -1px;
	}
	.point02::before{
		font-size: 2.4rem;
		bottom: -7px;
		left: 1px;
	}
	.point02::after{
		font-size: 2.4rem;
		bottom: -7px;
		right: -1px;
	}
}
@media screen and (max-width: 767.9px) {
	.content-title-3{
		display: block;
		width: 100%;
		height: 70px;
		border-radius: 0;
		bottom: -70px;
		right: 0;
		filter: none;
	}
	.wrapper-title{
		margin-bottom: 70px;
	}
	.content-title-3 p{
		margin-top: .6rem;
	}
	.point01::after, .point01::before, .point02::after, .point02::before{
		display: none;
	}
}
.contact-3{
	display: inline-block;
	padding: 1.4em 2em;
	background: linear-gradient(90deg,#F28C00,#F8A129,#F79E23,#F28C00);
	border-radius: 24rem;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
}
.contact-3_p::before{
	content: '';
	display: inline-block;
	width: 3.6rem;
	height: 3.6rem;
	background-image: url(img/email.png);
	vertical-align: top;
	background-size: contain;
    background-repeat: no-repeat;
	padding-right: .8em;
}
.contact-3_p::after{
	content: '▶';
	padding-left: .5em;
}
@media screen and (max-width: 1279.9px) {
	.contact-3_p::before{
		width: 2.4rem;
		height: 2.4rem;
		vertical-align: top;
		padding-right: .8em;
	}
	.contact-3_p::after{
		padding-left: .5em;
	}
}
@media screen and (max-width: 339.9px) {
	.contact-3_p::before{
		width: 2.4rem;
		height: 2.4rem;
		vertical-align: top;
		padding-right: .2em;
	}
	.contact-3_p::after{
		padding-left: .2em;
	}
}
.img-ks2-grid{
	display: grid;
	grid-template-columns: 1fr 68rem 1fr;
	justify-items: end;
}
.img-ks2{
	margin: -2rem;
	width: 165px;
}
@media screen and (max-width: 1279.9px) {
	.img-ks2-grid{
		grid-template-columns: 1fr 38rem 1fr;
	}
	.img-ks2{
		margin: -1.6rem;
		width: 110px;
	}
}
@media screen and (max-width: 767.9px) {
	.img-ks2-grid{
		grid-template-columns: 1fr 13rem 1fr;
	}
	.img-ks2{
		margin: 1rem;
		width: 110px;
	}
}
.form{
	padding: 64px 0;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 80vw;
}
.item{
	margin-bottom: 24px;
}
.inputs{
	width: 60vw;
}
input{
	border: solid 1px #d7d7d7;
	margin-top: 2px;
	padding: 1rem;
	font-size: 1.6rem;
}
@media screen and (max-width: 767.9px) {
	.form{
		margin-left: 3%;
		margin-right: 3%;
		padding-left: 2%;
		padding-right: 2%;
		width: 90vw;
	}
	.inputs{
		width: 80vw;
	}
}
textarea{
	resize: none;
	height: 160px;
	border: solid 1px #d7d7d7;
	margin-top: 2px;
	padding: 1rem;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
input[type="submit"]{
    cursor: pointer;
}
.button-area{
	text-align: center;
}
.okuru{
	margin: auto;
	display: block;
}
.okuru:hover{
	opacity: .5;
	transition: .5s;
}
input[type="submit"]{
	width: 200px;
	height: 66px;
	font-size: 2.0rem;
	font-weight: 700;
	color: #fff;
	background:linear-gradient(90deg,#207BCF,#15CFC7);
	transition: .5s;
}
input[type="checkbox"]{
	margin-right: 10px;
	height: 18px;
	width: 18px;
	border: 1px solid #505050;
	vertical-align: -0.15em;
	transform: scale(1.5);
}
label,input[type="checkbox"]{
	cursor: pointer;
}
footer{
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	row-gap: 48px;
}
.footer-logo{
	margin-left: 60px;
}
.footer-logo img{
	width: 159px;
}
@media screen and (max-width: 767.9px) {
	.footer-logo img{
		width: 111px;
	}
}
.footer-nav-links{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.footer-nav-links li{
	list-style: none;
}
.footer-nav-links a{
	text-decoration: none;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
}
@media screen and (max-width: 1279.9px) {
	footer{
		grid-template-columns: 1fr 2fr 24px;
	}
}
@media screen and (max-width: 767.9px) {
	footer{
		display: block;
		text-align: center;
	}
	.footer-logo{
		margin-left: 0;
		margin-bottom: 4.8rem;
	}
	.footer-nav-links{
		display: none;
	}
}
.copyright{
	grid-row-start: 2;
	grid-column-start: 2;
	font-family: Mulish;
	font-size: 1.2rem;
	font-weight: 300;
	color: #fff;
	text-align: center;
}
.modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px 10px;
	text-align: center;
}
.modal-link{
	text-decoration: underline;
	color: #505050;
	text-align: center;
	cursor :pointer;
	transition: all .5s;
}
.modal-link:active {
	transform: translateY(2px);
}
.modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s;
}
.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .5s, visibility .56s;
}
.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: ""
}
.modal-wrapper .modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	width: 70%;
	max-width: 600px;
	padding: 10px 40px 25px 30px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle
}
@media screen and (max-width: 767.9px) {
	.modal-wrapper .modal-window {
		width: 95%;
		padding: 10px 40px 25px 30px;
	}
}
.modal-wrapper .modal-window .modal-content {
	max-height: 80vh;
	overflow-y: auto;
	text-align: left
}
.modal_title {
	font-size: 1.4em;
	position: relative;
	overflow: hidden;
	padding: 0;
}
.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.modal_title:before{
	border-bottom: 1px solid #000;
	width: 100%;
}
.modal-content p {
	margin: 10px 0 0 0;
}
.pp{
	font-size: 1.4rem;
	font-weight: 500;
	color: #000;
}
.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {
	z-index: 20;
	position: absolute;
	top: 5px;
	right: 4px;
	width: 30px;
	color: #95979c !important;
	font-size: 30px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-indent: 0
}
.modal-wrapper .modal-close:hover {
	color: #2b2e38 !important
}
@media screen and (min-width: 1024px) {
	.pc-none{
		display: none!important;
	}
}
@media screen and (min-width: 768px) {
	.tb-none{
		display: none!important;
	}
}
@media screen and (max-width: 767.9px) {
	.sp-none{
		display: none!important;
	}
}
@media screen and (min-width:768px){
	.header-logo-menu {
		display: none;
	}
}
@media screen and (max-width:767.9px) {
	ul.nav-links{
		display: none;
	}
	.btn-right{
		float: right;
	}
	#nav-drawer {
		position: relative;
	}
	#nav-open {
		display: flex;
		height: 63px;
		width: 63px;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 100;
		cursor: pointer;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
		content: '';
		display: block;
		height: 3px;
		width: 37px;
		border-radius: 3px;
		background: #004BA2;
		transition: 0.5s;
		position: absolute;
		text-align: right;
	}
	#nav-open span:before {
		bottom: -10px;
	}
	#nav-open span:after {
		bottom: -20px;
	}
	#nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	#nav-content {
		padding: 0;
		line-height: 1.6;
		overflow: hidden;
		position: fixed;
		top: 3.2rem;
		right: 3.2rem;
		z-index: 9999;
		width: 90%;
		max-width: 240px;
		background: #fff;
		border-radius: 15px;
		transition: .3s ease-in-out;
		transform: translateY(-200%);
	}
	#nav-content ul{
		list-style: none;
	}
	#nav-drawer-check:checked ~ .nav-drawer-open span {
		background: rgba(255, 255, 255, 0);
	}
	#nav-input:checked~#nav-close {
		display: block;
		opacity: .5;
	}
	#nav-input:checked~#nav-content {
		transform: translateX(0%);
		box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	}
	.header-logo-menu {
		display: flex;
		flex-direction: row;
	}
	.nav-unshown{
		display: none;
	}
	.hamburger-text{
		margin: 3.2rem;	
		color: #004BA2;
		font-weight: 700;
	}
}