.inner { max-width: 100%; }
	p, li, figure img { max-width: 100%; }
	#header { display: none; }

	.topVisual { height: 0; margin: 0 !important; padding: 50% 0 0; text-align: center; overflow: hidden; background: url(/assets/img/lp/top.jpg) bottom center no-repeat #072642; background-size: cover;  }
	.topVisual .inner { position: absolute; top: 0; width: 59%; }

	.topVisual h1 { font-family: 'Sawarabi Mincho', serif; font-weight: 400; color: #FFF; font-size: 4vw; line-height: 2em; margin: 6vw 0 0; }
	.topVisual h1 b { font-family: 'Sawarabi Mincho', serif; font-weight: 400; color: #FFF; font-size: 4.5vw; }
	.topVisual h2 { width: 80%; margin: 0 auto; }
	.topVisual h2 img { width: 100%; height: auto; }
	.topVisual h3 { font-family: 'Sawarabi Mincho', serif; font-weight: 400; background: #FFF; color: #0A101E; font-size: 2vw; line-height: 2em; letter-spacing: 0.2em; margin: 1vw 0; }
	.topVisual h4 { font-family: 'Sawarabi Mincho', serif; font-weight: 400; color: #FFF; font-size: 1.5vw; line-height: 2em; }
	.topVisual figure { margin: 20px 0 0; }

	.topVisual a { display: block; width: 20vw; height: 4vw; line-height: 4vw; margin: 1vw auto; font-size: 1.5vw; text-align: center; background: linear-gradient(90deg, #F89F4B, #FF3C2A); border: 0; border-radius: 2vw; color: #FFF; letter-spacing: 0.2em; }
	.topVisual p { font-family: 'Sawarabi Mincho', serif; font-weight: 400; color: #FFF; font-size: 1vw; line-height: 2em; margin: 6vw 0 0; }

.topSupport {
	width: 100%;
	float: left;
	padding: 80px 0 60px;
	background: #EBF2F7;
}
.topSupport h2 {
	margin: 0;
	font-size: 48px;
	line-height: 80px;
	text-align: center;
}
.topSupport h3 {
	margin: 40px 0 0;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}
.topSupport h3 b {
	background: linear-gradient(transparent 60%, #FDC70199 60%, #FDC70199 90%, transparent 90%);
}
.topSupport p a {
	display: block;
	width: 360px;
	height: 30px;
	line-height: 30px;
	margin: 30px auto;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #173F82;
}

.topSupport ol {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.topSupport li {
	width: 360px;
	margin: 40px 20px 0;
	padding: 0;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
	border-radius: 10px;
}
.topSupport li figure img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}

.topSupport li .point {
	display: block;
	padding: 0 20px;
	background: #3C7BB1;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
	border-radius: 0 4px 0 0;
	position: absolute;
	top: 177px;
	left: 0;
}
.topSupport li .point b {
	font-size: 15px;
	margin: 0 0 0 4px;
}
.topSupport li h4 {
	padding: 20px 20px 10px;
	font-size: 15px;
	line-height: 20px;
}
.topSupport li p {
	padding: 0 20px 20px;
	font-size: 13px;
}
	.topSupport .btn { width: 100%; background: none; text-align: center; margin: 60px 0; font-size: 16px; }
	.topSupport .btn img { max-width: 100%; }


	.topRegister { width: 100%; float: left; background: #3C7BB1; padding: 80px 0; }
	.topRegister .inner { width: 1060px; }
	.topRegister h3 { color: #FFF; text-align: left; font-size: 48px; line-height: 80px; display: inline-block; margin: 0; }
	.topRegister figure { float: right; }
	.topRegister figure img { width: 360px; margin: -40px -80px 0 0; max-width: none; }
	.topRegister h4 { color: #FFF; text-align: left; font-size: 24px; font-weight: 500; line-height: 40px; display: inline-block; margin: 20px 0; }
	.topRegister p { color: #FFF; text-align: right; font-size: 14px; line-height: 25px; text-align: left; }

	.topRegister section { background: #FFF; margin: 0; padding: 40px 40px 20px; }

	.topRegister ul { clear: both; display: flex; justify-content: center; }
	.topRegister li { width: auto; margin: 20px; border-radius: 10px; box-shadow: 0 0 10px #0003; }
	.topRegister .slick-dots li { box-shadow: none; }
	.topRegister li figure { float: none; }
	.topRegister li figure img { width: 100%; margin: 0; border-radius: 10px 10px 0 0; }

	.topRegister li section { padding: 0; background: none; }
	.topRegister li a { display: block; color: #1F1413; }
	.topRegister li a h5 { line-height: 20px; margin: 0; font-size: 10px; color: #1F1413; padding: 0 15px; }
	.topRegister li a h6 { line-height: 20px; margin: 0; font-size: 16px; color: #1F1413; padding: 0 15px; }
	.topRegister li a p { color: #1F1413; font-size: 12px; line-height: 20px; margin: 15px 0 0; padding: 15px; border-top: solid 1px #D6D6D6; }
	.topRegister li a p b { display: block; font-size: 14px; line-height: 30px; }

	.topFlow { width: 100%; float: left; padding: 80px 0; }
	.topFlow h3 { margin: 0; font-size: 48px; line-height: 80px; text-align: center; }

	.topFlow ol { width: 965px; margin: 80px auto 0; }

	.topFlow ol li { clear: both; float: left; width: 100%; border-left: dotted 2px #D6D6D6; padding: 0 0 80px; }
	.topFlow ol li:last-child { border-left: none; padding: 0; }


	.topFlow ol li h4 { font-size: 24px; line-height: 40px; color: #173F82; background: #FFF; margin-left: -15px; }
	.topFlow ol li h4 b { color: #3C7BB1; margin: 0 1em 0 0; }

	.topFlow ol li div { display: flex; justify-content: space-around; }
	.topFlow ol li p { font-size: 20px; line-height: 30px; padding: 0 40px; width: 630px; box-sizing: border-box; }
	.topFlow ol li small { font-size: 14px; line-height: 20px; }
	.topFlow ol li figure { width: 330px; margin: 0; }

	.topFlow .btn { width: 100%; background: none; text-align: center; padding: 60px 0 0; clear: both; font-size: 16px; }
	.topFlow .btn img { max-width: 100%; }

	.topVoice { width: 100%; float: left; margin: 160px 0 0; border-top: solid 4px #173F82; }
	.topVoice .inner { position: relative; }
	.topVoice h3 { font-size: 24px; line-height: 40px; float: left; position: absolute; top: -104px; color: #173F82; }
	.topVoice .image { position: absolute; top: -149px; right: 0; }
	.topVoice .image img { height: 105px; }

	.topVoice ul { margin: 40px 0 0; padding: 0; display: flex; justify-content: left; flex-wrap: wrap; }
	.topVoice li { width: 50%; padding: 0 20px 40px; box-sizing: border-box; }
	.topVoice li a { display: block; color: #231816; }
	.topVoice li figure { width: 130px; height: 87px; margin: 0 20px 20px 0; float: left; overflow: hidden; }
	.topVoice li figure img { width: 100%; }
	.topVoice li h4 { margin: 0 0 5px; font-size: 16px; line-height: 25px; }
	.topVoice li p.category { background: #3C7BB1; color: #FFF; display: inline-block; font-size: 10px; line-height: 20px; border-radius: 5px; padding: 0 10px; margin: 0; }
	.topVoice li time { font-size: 14px; line-height: 15px; }

	.topVoice .more { width: 320px; font-size: 16px; line-height: 40px; text-align: center; margin: 0 auto 80px;}
	.topVoice .more a { display: block; border-radius: 6px; border: solid 1px #231816; background: #FFF; color: #231816; }

	.faqList { width: 100%; float: left; padding: 40px 0 80px; background: #EBF2F7; }
	.faqList .inner { padding: 0; box-sizing: border-box; }
	.faqList h3 { color: #FFF; background: #3C7BB1; font-size: 20px; line-height: 50px; padding: 0 15px; }
	.faqList p { font-size: 16px; line-height: 30px; margin: 0 0 40px; }
	.faqList dl { background: #FFF; }
	.faqList dt { position: relative; cursor: pointer; transition: .3s; padding: 20px 20px 20px 80px; border-bottom: solid 1px #E6E6E6; font-size: 20px; font-weight: bold; line-height: 30px; }
	.faqList dt:hover { opacity: 0.6; }
	.faqList dt b { display: block; width: 40px; line-height: 40px; font-size: 24px; text-align: center; color: #FFF; background: #3C7BB1; border-radius: 4px; margin: 0 10px 0 0; position: absolute; left: 20px; }
	.faqList dt span.category { display: block; color: #3C7BB1; font-size: 14px; line-height: 20px; }

	.faqList dd { position: relative; display: none; padding: 20px 20px 20px 80px; border-bottom: solid 1px #E6E6E6; }
	.faqList.single dd { display: block; }


	.faqList dd h4 { border-left: solid 4px #D32525; font-size: 20px; line-height: 30px; margin: 40px 0 20px; padding: 0 0 0 6px; }
	.faqList dd h5 a { font-weight: 600; display: inline-block; background: #D32525; font-size: 16px; line-height: 40px; color: #FFF; padding: 0 10px; border-radius: 4px; }

	.faqList dd p { font-size: 16px; line-height: 30px; margin: 0; }

	.faqList dd b { display: block; width: 40px; line-height: 40px; font-size: 24px; text-align: center; color: #FFF; background: #D32525; border-radius: 4px; position: absolute; left: 20px; }

	.faqList .faq { width: 1040; margin: 0 auto; }
	.faqList .faq li { border-bottom: solid 2px #E6E6E6; }
	.faqList .faq li a { display: flex; padding: 40px; }
	.faqList .faq li a figure { width: 200px; height: 150px; display: flex; justify-content: center; align-items: center; margin: 0 40px 0 0; overflow: hidden; }
	.faqList .faq li a figure.nothumbnail { padding: 15px; border: solid 1px #E6E6E6; box-sizing: border-box; }
	.faqList .faq li a figure img { width: 100%; height: auto; }
	.faqList .faq li a figure.nothumbnail img { width: 150px; }
	.faqList .faq li a section { width: 860px; }
	.faqList .faq li a section time { display: inline-block; background: #3C7BB1; color: #FFF; font-size: 12px; line-height: 25px; padding: 0 10px; border-radius: 4px; }
	.faqList .faq li a section h4 { color: #188379; font-size: 24px; line-height: 40px; }
	.faqList .faq li a section p { color: #231816; font-size: 16px; line-height: 25px; text-align: left; margin: 10px 0 0; padding: 0; }


	.faqList .btn { width: 100%; background: none; text-align: center; margin: 60px 0; padding: 0 20px; box-sizing: border-box; font-size: 16px; }
	.faqList .btn img { max-width: 100%; }

	.faqList ul+h4 { font-family: 'Sawarabi Mincho', serif; display: block; width: 740px; height: 60px; line-height: 60px; margin: 20px auto 0; font-size: 24px; text-align: center; background: linear-gradient(90deg, #3C7BB1, #173F82); border: 0; border-radius: 10px 10px 0 0; color: #FFF; }
	.faqList h5 { font-size: 36px; text-align: center; width: 740px; margin: 0 auto; background: #FFF; padding: 10px 0 0; }
	.faqList h5+p { font-size: 18px; text-align: center; width: 740px; margin: 0 auto; background: #FFF; border-radius: 0 0 10px 10px; padding: 0 0 20px; }


@media only screen and (max-width: 1024px) {

	.topVisual { height: 0; margin: 0 !important; padding: 65% 0 0; text-align: center; overflow: hidden; background: url(/assets/img/lp/top_sp.jpg) no-repeat #072642; background-size: cover;  }
	.topVisual .inner { position: absolute; top: 0; width: 60%; }


	.topVisual h1 { font-size: 4vw; line-height: 2em; margin: 6vw 0 0; }
	.topVisual h1 b { font-size: 4.5vw; }
	.topVisual h2 { width: 80%; margin: 0 auto; }
	.topVisual h2 img { width: 100%; height: auto; }
	.topVisual h3 { font-size: 2.5vw; line-height: 2em; letter-spacing: 0.2em; margin: 1vw 0; }
	.topVisual h4 { margin: 0 auto; font-size: 3vw; line-height: 1.5em; }
	.topVisual figure { margin: 20px 0 0; }

	.topVisual a { width: 40vw; height: 6vw; line-height: 6vw; margin: 3vw auto; font-size: 3vw; border-radius: 3vw; letter-spacing: 0; }
	.topVisual p { width: 90%; margin: 0 auto; font-size: 2.5vw; line-height: 3vw; }


	.topSupport {
		padding: 15px 0;
	}
	.topSupport .inner {
		margin: 0 !important;
		padding: 15px !important;
		box-sizing: border-box;
	}
	.topSupport h2 {
		font-size: 30px;
		line-height: 45px;
	}
	.topSupport h3 {
		margin: 20px 0 0;
		font-size: 15px;
		line-height: 30px;
	}
	.topSupport p a {
		font-size: 16px;
		height: 20px;
		line-height: 20px;
	}

	.topSupport ol {
		display: block;
		margin: 0 0 20px;
	}
	.topSupport li {
		width: 100%;
		margin: 10px 0 0;
	}
	.topSupport li figure {
		width: 100px;
		margin: 10px;
		display: flex;
		justify-content: center;
		float: right;
		overflow: hidden;
		border-radius: 5px;
	}
	.topSupport li figure img {
		width: auto;
		max-width: none;
		height: 100px;
	}

	.topSupport li .point {
		display: inline-block;
		margin: 10px;
		padding: 0 10px;
		background: #3C7BB1;
		font-size: 10px;
		line-height: 20px;
		border-radius: 4px;
		position: static;
	}
	.topSupport li .point b {
		font-size: 12px;
		margin: 0 0 0 4px;
	}
	.topSupport li h4 {
		padding: 0 10px;
		font-size: 15px;
		line-height: 20px;
	}
	.topSupport li p {
		padding: 10px;
		font-size: 13px;
	}
	.topSupport .btn a {
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	.topRegister { padding: 40px 20px; box-sizing: border-box; }
	.topRegister .inner { width: 100%; }
	.topRegister h3 { width: 100%; font-size: 20px; line-height: 30px; margin: 20px 0 0; text-align: center; }
	.topRegister figure { width: 100%; float: none; text-align: center; }
	.topRegister figure img { width: 180px; margin: 0; }
	.topRegister h4 { width: 100%; font-size: 16px; line-height: 25px; margin: 10px 0; text-align: center; }

	.topRegister section { background: #FFF; margin: 0; padding: 10px; }


	.topRegister ul { clear: both; display: flex; justify-content: center; flex-wrap: wrap; }
	.topRegister li { width: 100%; margin: 10px; }
	.topRegister li a { line-height: 60px; font-size: 16px; }
	.topRegister li a i { line-height: 60px; margin: 0 20px 0 0; font-size: 20px; }

	.topFlow { padding: 40px 20px; box-sizing: border-box; }
	.topFlow h3 { margin: 0; font-size: 30px; line-height: 45px; text-align: center; }

	.topFlow ol { width: 100%; margin: 40px auto 0; }

	.topFlow ol li { clear: both; float: left; width: 100%; border-left: dotted 2px #D6D6D6; padding: 0 0 40px; }
	.topFlow ol li:last-child { border-left: none; padding: 0; }


	.topFlow ol li h4 { font-size: 20px; line-height: 30px; margin-left: -10px; display: flex; }
	.topFlow ol li h4 b { }

	.topFlow ol li div { }
	.topFlow ol li p { font-size: 16px; line-height: 25px; padding: 0 10px; width: calc(100% - 100px); box-sizing: border-box; }
	.topFlow ol li small { font-size: 12px; line-height: 20px; }
	.topFlow ol li figure { width: 100px; }
	.topFlow ol li figure img { width: 100%; }

	.topFlow .btn a {
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	.topVoice { margin: 120px 0 0; }
	.topVoice .inner { }
	.topVoice h3 { font-size: 20px; line-height: 20px; margin: 20px 0 0 20px; top: -84px; }
	.topVoice .image { height: 55px; position: absolute; top: -79px; right: 0; }
	.topVoice .image img { height: 100%; }

	.topVoice ul { margin: 20px; padding: 0; display: block; }
	.topVoice li { width: 100%; padding: 0 0 20px; float: left; }
	.topVoice li a { }
	.topVoice li figure { width: 90px; height: 60px; margin: 0 10px 20px 0; }

	.topVoice li h4 { margin: 0; font-size: 13px; line-height: 15px; }
	.topVoice li time { font-size: 10px; line-height: 16px; }
	.topVoice li p.category  { height: auto; font-size: 10px; line-height: 15px; border-radius: 4px; padding: 0 4px; margin: 0; display: inline-block; max-width: calc(100% - 120px); }

	.topVoice .more { clear: both; width: 300px; font-size: 12px; line-height: 30px; margin: 0 auto 30px;}
	.topVoice .more a {  }

	.faqList { padding: 0 0 40px; }
	.faqList .inner { width: 100%; padding: 0; }
	.faqList h3 { }

	.faqList p { margin: 20px; }

	.faqList dt { font-size: 16px; line-height: 25px; }
	.faqList dd p { font-size: 16px; line-height: 25px; }

	.faqList .btn a {
		display: block;
		width: 300px;
		margin: 0 auto;
	}


	.faqList ul+h4 { width: 300px; height: 50px; line-height: 50px; margin: 10px auto 0; font-size: 20px; border-radius: 5px 5px 0 0; }
	.faqList h5 { font-size: 32px; width: 300px; padding: 5px 0 0; }
	.faqList h5+p { font-size: 16px; border-radius: 0 0 5px 5px; width: 300px; padding: 0 0 10px; }


}