@charset "utf-8";
#wrapper { padding-top: 50px;}
#kv { width: 100%; max-width: 1100px; margin: 0 auto;}
#kv .inner-kv { position: relative; width: 92%; margin: 0 auto; padding: 20px 0 50px; text-align: center;}
#kv .inner-kv:before,
#kv .inner-kv:after { content: ''; display: block; width: 0px; height: 0px; position: absolute; border: solid 50px transparent;}
#kv .inner-kv:before{ top: 0; right: 0; border-top: solid 50px #5f98a8; border-right: solid 50px #5f98a8;}
#kv .inner-kv:after { bottom: 0; left: 0; border-bottom: solid 50px #5f98a8; border-left: solid 50px #5f98a8;}
#kv p { margin-bottom: 20px; color: #5f98a8; font-size: 40px; font-weight: 700;}
#kv h1{ font-size: 82px; font-weight: 700; line-height: 1.2;}
#kv h1 span { display: block; font-size: 88px; letter-spacing: 0.025rem;}
#kv h1 span em { color: #5f98a8;}
@media (max-width: 1001px) {
	#kv p { font-size: 4.0vw;}
	#kv h1{ font-size: 8.2vw;}
	#kv h1 span { font-size: 8.8vw;}
}
@media (max-width: 641px) {
	#wrapper { padding-top: 24px;}
	#kv .inner-kv:before,
	#kv .inner-kv:after { border-width: 30px;}
}
@media (max-width: 481px) {
	#wrapper { padding-top: 12px;}
	#kv .inner-kv { padding: 18px 0 18px;}
	#kv .inner-kv:before,
	#kv .inner-kv:after { border-width: 20px;}
	#kv p { margin-bottom: 6px; font-size: 16px;}
	#kv h1{ font-size: 28px;}
	#kv h1 span { font-size: 36px;}
	#kv h1 span em { display: block;}
}

.wrap { width: 92%; max-width: 1000px; margin: 0 auto; padding: 80px 0;}
.tit { margin-bottom: 40px; padding: 15px 25px; background: #dfebed; border-left: solid 20px #5f98a8;}
.tit h2 { font-size: 32px; font-weight: 700; line-height: 1.2;}
@media (max-width: 641px) {
	.tit { padding: 12px 20px; border-left: solid 12px #5f98a8;}
	.tit h2 { font-size: 24px;}
}
@media (max-width: 481px) {
	.wrap { padding: 40px 0 60px;}
	.tit { padding: 10px; border-left: solid 8px #5f98a8;}
	.tit h2 { font-size: 21px;}
}

#sct1 { margin-bottom: 100px;}
#sct1 .tit { margin-bottom: 40px;}
#sct1 .ctn-flex { display: flex; justify-content: space-between;}
#sct1 figure { width: 40%; text-align: center;}
#sct1 figure img { width: 100%; max-width: 400px;}
#sct1 .txt { width: 54%;}
#sct1 .txt ol { list-style: none;}
#sct1 .txt ol li { position: relative; padding: 25px 10px; padding-left: 60px; border-top: dashed 2px #5f98a8; font-size: 24px; font-weight: 700;}
#sct1 .txt ol li span { display: block; width: 36px; height: 36px; background: #5f98a8; border-radius: 50%;
 color: #fff; font-size: 26px; font-weight: 700; line-height: 36px; text-align: center;
 position: absolute; left: 8px; top: 25px;
}
#sct1 .txt ol li:first-child { padding-top: 6px; border-top: none;}
#sct1 .txt ol li:first-child span { top: 6px;}
@media (max-width: 641px) {
	#sct1 .tit { margin-bottom: 30px;}
	#sct1 .ctn-flex { display: block;}
	#sct1 figure { width: 100%; margin: 0 auto;}
	#sct1 .txt { width: 100%; margin: 0 auto;}
	#sct1 .txt ol li { padding: 15px 10px; padding-left: 55px; font-size: 20px;}
	#sct1 .txt ol li span { width: 30px; height: 30px; font-size: 21px; line-height: 30px; left: 8px; top: 16px;}
}
@media (max-width: 481px) {
	#sct1 { margin-bottom: 40px;}
	#sct1 .tit { margin-bottom: 20px;}
	#sct1 .txt ol li { padding: 12px 10px; padding-left: 40px; font-size: 16px;}
	#sct1 .txt ol li span { width: 24px; height: 24px; font-size: 17px; line-height: 24px; left: 6px; top: 12px;}
}

#sct2 { margin-bottom: 100px;}
#sct2 .ctn-flex { display: flex; justify-content: space-between;}
#sct2 .box { width: 31.5%;}
#sct2 .box .box-tit { padding: 12px 0; background: #5f98a8;}
#sct2 .box .box-tit h3 { color: #fff; font-size: 23px; font-weight: 700; text-align: center;}
#sct2 .box .box-inner { padding: 16px 28px 28px; background: #dfebed;}
#sct2 .box .txt { min-height: 13em;}
#sct2 .box .txt p { font-size: 16px; line-height: 1.75rem;}
#sct2 .box dl { border-top: dashed 2px #5f98a8; text-align: center;}
#sct2 .box dl dt { padding: 18px 0; font-size: 20px; font-weight: 700;}
#sct2 .box dl dd { padding: 12px 0; background: #bdd4e0; font-size: 20px; font-weight: 700; text-indent: 0.6em;}
#sct2 .box dl dd span { font-size: 23px;}
@media (max-width: 1001px) {
	#sct2 .box .box-inner { padding: 12px 20px 20px;}
	#sct2 .box dl dt { padding: 12px 0; font-size: 2.0vw;}
	#sct2 .box dl dd { padding: 10px 0; font-size: 2.0vw;}
	#sct2 .box dl dd span { font-size: 2.3vw;}
}
@media (max-width: 801px) {
	#sct2 .tit { margin-bottom: 20px;}
	#sct2 .ctn-flex { display: block;}
	#sct2 .box { width: 100%; padding: 10px 0;}
	#sct2 .box .txt { min-height: auto; padding: 6px 0 20px;}
}
@media (max-width: 481px) {
	#sct2 { margin-bottom: 40px;}
	#sct2 .tit { margin-bottom: 12px;}
	#sct2 .box .box-tit { padding: 6px 0;}
	#sct2 .box .box-tit h3 { font-size: 18px;}
	#sct2 .box .txt p { font-size: 13px; line-height: 1.65;}
	#sct2 .box dl dt { padding: 8px; font-size: 18px;}
	#sct2 .box dl dd { padding: 6px 0; font-size: 16px;}
	#sct2 .box dl dd span { font-size: 21px;}
}

#sct3 .tit { margin-bottom: 40px;}
#sct3 .ctn { margin-bottom: 80px;}
#sct3 .ctn ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
#sct3 .ctn ul li { width: 49.2%; padding: 8px 0;}
#sct3 .ctn ul li dl { display: table; width: 100%; height: 120px; border: solid 3px #dfebed;}
#sct3 .ctn ul li dl dt,
#sct3 .ctn ul li dl dd { display: table-cell; vertical-align: middle;}
#sct3 .ctn ul li dl dt { width: 120px; text-align: center;}
#sct3 .ctn ul li dl dt img { width: 60%; max-width: 72px; border-radius: 50%;}
#sct3 .ctn ul li dl dd { width: auto; font-size: 20px; font-weight: 700; line-height: 1.4;}
#sct3 .ctn ul li dl dd span { color: #4a9aaa; font-size: 23px;}
#sct3 .btn { width: 72%; max-width: 600px; margin: 0 auto;}
#sct3 .btn a { display: block; width: 100%; padding: 20px 0; background: #4a9aaa; border-radius: 10px;
 color: #fff; font-size: 34px; font-weight: 700; text-align: center; text-decoration: none;
}
#sct3 .btn a:before { content: ''; display: inline-block; width: 0; height: 0; margin-right: 8px;
 border: solid 13px transparent; border-left: solid 22px #fff; vertical-align: middle;
}
#sct3 .btn a span { display: inline-block; vertical-align: middle;}
#sct3 .btn a:hover { opacity: 0.8;}
@media (max-width: 1001px) {
	#sct3 .ctn ul li { }
	#sct3 .ctn ul li dl dt { width: 100px;}
	#sct3 .ctn ul li dl dd { font-size: 2.0vw;}
	#sct3 .ctn ul li dl dd span {font-size: 2.2vw;}
}
@media (max-width: 801px) {
	#sct3 .tit { margin-bottom: 20px;}
	#sct3 .ctn ul { display: block;}
	#sct3 .ctn ul li { width: 100%; max-width: 500px; margin: 0 auto;}
	#sct3 .ctn ul li dl { height: auto;}
	#sct3 .ctn ul li dl dt { width: 25%; padding: 15px 0;}
	#sct3 .ctn ul li dl dd { font-size: 2.6vw; padding: 15px 0;}
	#sct3 .ctn ul li dl dd span {font-size: 3.0vw;}
	#sct3 .btn a { padding: 16px 0; font-size: 3.0vw;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#sct3 .tit { margin-bottom: 12px;}
	#sct3 .ctn { margin-bottom: 40px;}
	#sct3 .ctn ul li { padding: 6px 0;}
	#sct3 .ctn ul li dl { border-width: 2px;}
	#sct3 .ctn ul li dl dt { padding: 10px 0;}
	#sct3 .ctn ul li dl dd { font-size: 14px; padding: 10px 0;}
	#sct3 .ctn ul li dl dd span {font-size: 16px;}
	#sct3 .btn a { padding: 12px 0; border-radius: 6px; font-size: 20px;}
	#sct3 .btn a:before { margin-right: 8px; border: solid 7px transparent; border-left: solid 12px #fff; border-right: 0px;}
}


#ft { padding: 0; background: #dfebed;}
#ft .inner-ft { padding: 40px 0 30px;}
#ft h4 { margin-bottom: 20px; text-align: center;}
#ft h4 img { width: 60%; max-width: 315px;}
#ft p { text-align: center;}
#ft p.txt { margin-bottom: 35px; font-size: 18px; font-weight: 700;}
#ft p.txt span { display: inline-block; margin: 0 15px;}
#ft p.copyright { font-size: 13px;}
@media (max-width: 481px) {
	#ft .inner-ft { padding: 20px 0 15px;}
	#ft p.txt { margin-bottom: 20px; font-size: 14px;}
	#ft p.txt span { display: block; margin: 0 auto;}
	#ft p.copyright { font-size: 11px;}
}