@charset "utf-8";
#ssc h2.ttl {
	font-size: 56px;
	font-weight: bold;
	line-height: 66px;
	text-align: center;
}
#ssc h2.ttl small {
	font-size: 40px;
}
#ssc h2.ttl::after {
	content: "";
	display: block;
	width: 280px;
	height: 30px;
	margin: 20px auto 0;
	background: #1a8bdb;
}
#ssc h2.ttl-w {
	color: #fff;
	font-size: 56px;
	font-weight: bold;
	line-height: 66px;
	text-align: center;
}
#ssc h2.ttl-w small {
	font-size: 40px;
}
#ssc h2.ttl-w::after {
	content: "";
	display: block;
	width: 280px;
	height: 30px;
	margin: 20px auto 0;
	background: #fff;
}
#reason {
	padding: 80px 0 100px !important;
	background: #f1f9ff;
}
#reason .inner {
	width: 980px;
}
#reason .inner > ul > li {
	margin-top: 80px;
}
#reason .inner > ul > li:nth-child(1) {
	margin-top: 70px;
}
#reason .inner > ul > li:nth-child(n + 2) {
	border-top: solid 60px #dbf0ff;
}
#reason .inner > ul > li .no {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: solid 1px #ddd;
}
#reason .inner > ul > li:nth-child(n + 2) .no {
	padding-top: 50px;
}
#reason .inner > ul > li .no img {
	display: flex;
	justify-content: center;
	width: 190px;
	margin: 0 auto;
}
#reason .inner > ul > li > .ttl {
	margin: 40px auto 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}
#reason .inner > ul > li > .ttl small {
	font-size: 20px;
}
#reason .inner > ul > li > .ttl-sp {
	display: none;
}
#reason .inner > ul > li .main {
	margin-top: 40px;
}
#reason .inner > ul > li.p1 .main {
	display: flex;
	align-items: flex-start;
}
#reason .inner > ul > li.p1 .main .txt {
	width: 440px;
	font-size: 18px;
	line-height: 30px;
}
#reason .inner > ul > li.p1 .main .img {
	width: 520px;
	height: 220px;
	margin-left: 20px;
	background-image: url(../img/index/lpindi/pc/reason_p1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#reason .inner > ul > li.p1 hr {
	height: 1px;
	margin-top: 90px;
	padding: 0;
	border: none;
	background: #ddd;
}
#reason .inner > ul > li.p1 .main2 {
	margin-top: 40px;
}
#reason .inner > ul > li.p1 .main2 .txt {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
#reason .inner > ul > li.p1 .main2 .exp {
	display: flex;
	align-items: flex-start;
	margin-top: 40px;
}
#reason .inner > ul > li.p1 .main2 .exp .img {
	width: 600px;
	height: 260px;
	background-image: url(../img/index/lpindi/pc/reason_p1_2.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#reason .inner > ul > li.p1 .main2 .exp .included {
	box-sizing: border-box;
	width: 360px;
	height: 260px;
	margin-left: 20px;
	padding: 30px 25px 0;
	border: solid 6px #ddd;
	background: #fff;
}
#reason .inner > ul > li.p1 .main2 .exp .included dl dt {
	font-size: 28px;
	font-weight: bold;
}
#reason .inner > ul > li.p1 .main2 .exp .included dl dd {
	margin-top: 20px;
	font-size: 20px;
	line-height: 38px;
}
#reason .inner > ul > li.p2 .main {
	display: flex;
	align-items: flex-start;
}
#reason .inner > ul > li.p2 .main .txt {
	width: 369px;
	font-size: 18px;
	line-height: 30px;
}
#reason .inner > ul > li.p2 .main .txt small {
	font-size: 12px;
}
#reason .inner > ul > li.p2 .main .img {
	width: 591px;
	height: 265px;
	margin-left: 20px;
	background-image: url(../img/index/lpindi/pc/reason_p2.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#reason .inner > ul > li.p3 .main {
	display: flex;
	align-items: flex-start;
}
#reason .inner > ul > li.p3 .main .con {
	width: 460px;
	border: solid 1px #ddd;
	background: #fff;
}
#reason .inner > ul > li.p3 .main .con dl dt {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#reason .inner > ul > li.p3 .main .con dl dd {
	padding: 20px 20px 20px 40px;
	border-top: solid 1px #ddd;
}
#reason .inner > ul > li.p3 .main .con dl dd ol {
	list-style-type: disc;
}
#reason .inner > ul > li.p3 .main .con dl dd ol li {
	font-size: 18px;
	line-height: 30px;
}
#reason .inner > ul > li.p3 .main .img {
	position: relative;
	width: 500px;
	height: 210px;
	margin-left: 20px;
	background-image: url(../img/index/lpindi/pc/reason_p3.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#reason .inner > ul > li.p3 .main .img .t {
	position: absolute;
	top: 220px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
#reason .inner > ul > li.p3 .main .img .t1 {
	left: 4px;
}
#reason .inner > ul > li.p3 .main .img .t2 {
	left: 174px;
}
#reason .inner > ul > li.p3 .main .img .t3 {
	left: 344px;
}
#reason .inner > ul > li.p4 .main {
	min-height: 215px;
	background: url(../img/index/lpindi/pc/reason_p4.png) no-repeat right bottom;
	background-size: 225px 215px;
}
#reason .inner > ul > li.p4 .main .txt {
	width: 650px;
	padding-top: 15px;
	font-size: 18px;
	line-height: 30px;
}
#reason .inner > ul > li.p4 .main .card {
	box-sizing: border-box;
	width: 450px;
	height: 115px;
	margin-top: 25px;
	padding: 15px 40px;
	border-radius: 10px;
	background: #fff;
}
#reason .inner > ul > li.p4 .main .card dt {
	font-size: 14px;
	font-weight: bold;
}
#reason .inner > ul > li.p4 .main2 {
	margin-top: 50px;
}
#reason .inner > ul > li.p4 .main2 .point dt {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
#reason .inner > ul > li.p4 .main2 .point dd {
	margin-top: 15px;
	padding: 20px 0 20px 100px;
	border: solid 3px #258dd8;
	border-radius: 10px;
	background: #fff;
}
#reason .inner > ul > li.p4 .main2 .point dd .ttl {
	color: #1572bc;
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail {
	position: relative;
	height: 62px;
	margin-top: 15px;
	background: url(../img/index/lpindi/pc/reason_p4_point.png) no-repeat;
	background-size: 688px 62px;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 62px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 span {
	font-size: 16px;
	font-weight: bold;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 strong {
	font-size: 26px;
	font-weight: bold;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 {
	position: absolute;
	top: 0;
	left: 306px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 382px;
	height: 62px;
	color: #258dd8;
	font-size: 20px;
	font-weight: bold;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 strong {
	margin: 0 5px;
	font-size: 44px;
}
#reason .inner > ul > li.p4 .main2 .point dd .detail .t3 {
	position: absolute;
	top: 25px;
	left: 695px;
	font-size: 20px;
	font-weight: bold;
}
#faq {
	padding: 70px 0 100px !important;
}
#faq .inner {
	width: 980px;
}
#faq .inner > ul {
	margin-top: 60px;
}
#faq .inner > ul > li {
	margin-bottom: 40px;
}
#faq .inner > ul > li:last-child {
	margin-bottom: 0;
}
#faq .inner > ul > li > .ttl {
	display: flex;
	align-items: center;
	position: relative;
	height: 60px;
	padding: 0 30px;
	border-radius: 5px;
	background: #1a8bdb;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#faq .inner > ul > li > .ttl::after {
	content: "＋";
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 45px;
	font-weight: bold;
}
#faq .inner > ul > li > .ttl.open::after {
	content: "－";
}
#faq .inner > ul > li > ul {
	display: none;
	padding-bottom: 20px;
}
#faq .inner > ul > li > ul > li dl {
	margin-top: 30px;
}
#faq .inner > ul > li > ul > li dl dt {
	position: relative;
	min-height: 36px;
	padding: 5px 60px 15px 45px;
	border-bottom: solid 2px #333;
	background: url(../img/index/lpindi/icon_faq_q.png) no-repeat;
	background-size: 36px 36px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#faq .inner > ul > li > ul > li dl dt::after {
	content: "＋";
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 45px;
	font-weight: bold;
}
#faq .inner > ul > li > ul > li dl dt.open::after {
	content: "－";
}
#faq .inner > ul > li > ul > li dl dd {
	display: none;
	min-height: 36px;
	margin-top: 10px;
	padding: 30px 30px 40px 80px;
	background: url(../img/index/lpindi/icon_faq_a.png) no-repeat;
	background-size: 36px 36px;
	background-position: 30px 22px;
	color: #000;
	font-size: 16px;
	line-height: 26px;
}
#faq .inner > ul > li > ul > li dl dd a {
	color: #006cb7;
	text-decoration: underline;
}
#faq .inner > ul > li > ul > li dl dd a:hover, #faq .inner > ul > li > ul > li dl dd a:active {
	text-decoration: none;
}
#voc {
	padding: 70px 0 100px !important;
	background: #258dd8;
}
#voc .inner {
	width: 980px;
}
#voc .inner .lst {
	display: flex;
	padding-top: 30px;
	flex-wrap: wrap;
}
#voc .inner .lst li {
	box-sizing: border-box;
	width: 470px;
	min-height: 350px;
	margin-top: 40px;
	padding: 30px 20px 20px;
	border-radius: 25px;
	background: #fff;
	color: #1572bc;
}
#voc .inner .lst li:nth-child(even) {
	margin-left: 40px;
}
#voc .inner .lst li .top {
	min-height: 117px;
	padding-left: 140px;
	background-repeat: no-repeat;
	background-size: 116px 117px;
}
#voc .inner .lst li:nth-child(1) .top {
	background-image: url(../img/index/lpindi/icon_voc_1.png);
}
#voc .inner .lst li:nth-child(2) .top {
	background-image: url(../img/index/lpindi/icon_voc_2.png);
}
#voc .inner .lst li:nth-child(3) .top {
	background-image: url(../img/index/lpindi/icon_voc_3.png);
}
#voc .inner .lst li:nth-child(4) .top {
	background-image: url(../img/index/lpindi/icon_voc_4.png);
}
#voc .inner .lst li .top .ttl {
	padding: 5px 0 10px;
	border-bottom: solid 1px #1572bc;
	font-size: 20px;
	font-weight: bold;
}
#voc .inner .lst li .top .txt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
}
#voc .inner .lst li .bottom {
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
}
#voc .inner .btn-voc {
	width: 980px;
	height: 84px;
	margin-top: 40px;
}
#voc .inner .btn-voc a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: url(../img/index/lpindi/pc/btn_voc.png) no-repeat;
	background-size: contain;
	color: #1572bc;
	font-size: 28px;
	font-weight: bold;
}
#bottom_navi {
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 1;
}
#bottom_navi .inner {
	width: 980px;
}
#bottom_navi .inner ul {
	display: flex;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: #fff;
	box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
}
#bottom_navi .inner ul li {
	width: 245px;
	height: 70px;
}
#bottom_navi .inner ul li:nth-child(n + 2) {
	background-image: url(../img/index/lpindi/pc/bn_line.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#bottom_navi .inner ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 3px;
	color: #1572bc;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
#bottom_navi .inner ul li a::before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#bottom_navi .inner ul li:nth-child(1) a::before {
	width: 40px;
	height: 21px;
	margin-top: -5px;
	background-image: url(../img/index/lpindi/icon_bn_1.png);
}
#bottom_navi .inner ul li:nth-child(2) a::before {
	width: 30px;
	height: 23px;
	background-image: url(../img/index/lpindi/icon_bn_2.png);
}
#bottom_navi .inner ul li:nth-child(3) a::before {
	width: 37px;
	height: 25px;
	background-image: url(../img/index/lpindi/icon_bn_3.png);
}
#bottom_navi .inner ul li:nth-child(4) a::before {
	width: 30px;
	height: 23px;
	margin-top: 3px;
	background-image: url(../img/index/lpindi/icon_bn_4.png);
}
/*------- Media Queries -------*/
@media only screen and (max-width: 1200px) {
	#ssc h2.ttl {
		font-size: calc(100vw / (1200 / 56));
		line-height: calc(100vw / (1200 / 66));
	}
	#ssc h2.ttl small {
		font-size: calc(100vw / (1200 / 40));
	}
	#ssc h2.ttl::after {
		width: calc(100vw / (1200 / 280));
		height: calc(100vw / (1200 / 30));
		margin: calc(100vw / (1200 / 20)) auto 0;
	}
	#ssc h2.ttl-w {
		font-size: calc(100vw / (1200 / 56));
		line-height: calc(100vw / (1200 / 66));
	}
	#ssc h2.ttl-w small {
		font-size: calc(100vw / (1200 / 40));
	}
	#ssc h2.ttl-w::after {
		width: calc(100vw / (1200 / 280));
		height: calc(100vw / (1200 / 30));
		margin: calc(100vw / (1200 / 20)) auto 0;
	}
	#reason {
		padding: calc(100vw / (1200 / 80)) 0 calc(100vw / (1200 / 100)) !important;
	}
	#reason .inner {
		width: calc(100vw / (1200 / 980));
	}
	#reason .inner > ul > li {
		margin-top: calc(100vw / (1200 / 80));
	}
	#reason .inner > ul > li:nth-child(1) {
		margin-top: calc(100vw / (1200 / 70));
	}
	#reason .inner > ul > li:nth-child(n + 2) {
		border-top: solid calc(100vw / (1200 / 60)) #dbf0ff;
	}
	#reason .inner > ul > li .no {
		width: calc(100vw / (1200 / 600));
		padding-bottom: calc(100vw / (1200 / 40));
	}
	#reason .inner > ul > li:nth-child(n + 2) .no {
		padding-top: calc(100vw / (1200 / 50));
	}
	#reason .inner > ul > li .no img {
		width: calc(100vw / (1200 / 190));
	}
	#reason .inner > ul > li > .ttl {
		margin: calc(100vw / (1200 / 40)) auto 0;
		font-size: calc(100vw / (1200 / 36));
		line-height: calc(100vw / (1200 / 50));
	}
	#reason .inner > ul > li > .ttl small {
		font-size: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li .main {
		margin-top: calc(100vw / (1200 / 40));
	}
	#reason .inner > ul > li.p1 .main .txt {
		width: calc(100vw / (1200 / 440));
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 30));
	}
	#reason .inner > ul > li.p1 .main .img {
		width: calc(100vw / (1200 / 520));
		height: calc(100vw / (1200 / 220));
		margin-left: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p1 hr {
		margin-top: calc(100vw / (1200 / 90));
	}
	#reason .inner > ul > li.p1 .main2 {
		margin-top: calc(100vw / (1200 / 40));
	}
	#reason .inner > ul > li.p1 .main2 .txt {
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 30));
	}
	#reason .inner > ul > li.p1 .main2 .exp {
		margin-top: calc(100vw / (1200 / 40));
	}
	#reason .inner > ul > li.p1 .main2 .exp .img {
		width: calc(100vw / (1200 / 600));
		height: calc(100vw / (1200 / 260));
	}
	#reason .inner > ul > li.p1 .main2 .exp .included {
		width: calc(100vw / (1200 / 360));
		height: calc(100vw / (1200 / 260));
		margin-left: calc(100vw / (1200 / 20));
		padding: calc(100vw / (1200 / 30)) calc(100vw / (1200 / 25)) 0;
		border: solid calc(100vw / (1200 / 6)) #ddd;
	}
	#reason .inner > ul > li.p1 .main2 .exp .included dl dt {
		font-size: calc(100vw / (1200 / 28));
	}
	#reason .inner > ul > li.p1 .main2 .exp .included dl dd {
		margin-top: calc(100vw / (1200 / 20));
		font-size: calc(100vw / (1200 / 20));
		line-height: calc(100vw / (1200 / 38));
	}
	#reason .inner > ul > li.p2 .main .txt {
		width: calc(100vw / (1200 / 369));
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 30));
	}
	#reason .inner > ul > li.p2 .main .txt small {
		font-size: calc(100vw / (1200 / 12));
	}
	#reason .inner > ul > li.p2 .main .img {
		width: calc(100vw / (1200 / 591));
		height: calc(100vw / (1200 / 265));
		margin-left: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p3 .main .con {
		width: calc(100vw / (1200 / 460));
	}
	#reason .inner > ul > li.p3 .main .con dl dt {
		padding: calc(100vw / (1200 / 20));
		font-size: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p3 .main .con dl dd {
		padding: calc(100vw / (1200 / 20)) calc(100vw / (1200 / 20)) calc(100vw / (1200 / 20)) calc(100vw / (1200 / 40));
	}
	#reason .inner > ul > li.p3 .main .con dl dd ol li {
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 30));
	}
	#reason .inner > ul > li.p3 .main .img {
		width: calc(100vw / (1200 / 500));
		height: calc(100vw / (1200 / 210));
		margin-left: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p3 .main .img .t {
		top: calc(100vw / (1200 / 220));
		font-size: calc(100vw / (1200 / 16));
		line-height: calc(100vw / (1200 / 22));
	}
	#reason .inner > ul > li.p3 .main .img .t1 {
		left: calc(100vw / (1200 / 4));
	}
	#reason .inner > ul > li.p3 .main .img .t2 {
		left: calc(100vw / (1200 / 174));
	}
	#reason .inner > ul > li.p3 .main .img .t3 {
		left: calc(100vw / (1200 / 344));
	}
	#reason .inner > ul > li.p4 .main {
		min-height: calc(100vw / (1200 / 215));
		background-size: calc(100vw / (1200 / 225)) calc(100vw / (1200 / 215));
	}
	#reason .inner > ul > li.p4 .main .txt {
		width: calc(100vw / (1200 / 650));
		padding-top: calc(100vw / (1200 / 15));
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 30));
	}
	#reason .inner > ul > li.p4 .main .card {
		width: calc(100vw / (1200 / 450));
		height: calc(100vw / (1200 / 115));
		margin-top: calc(100vw / (1200 / 25));
		padding: calc(100vw / (1200 / 15)) calc(100vw / (1200 / 40));
		border-radius: calc(100vw / (1200 / 10));
	}
	#reason .inner > ul > li.p4 .main .card dt {
		font-size: calc(100vw / (1200 / 14));
	}
	#reason .inner > ul > li.p4 .main2 {
		margin-top: calc(100vw / (1200 / 50));
	}
	#reason .inner > ul > li.p4 .main2 .point dt {
		font-size: calc(100vw / (1200 / 26));
	}
	#reason .inner > ul > li.p4 .main2 .point dd {
		margin-top: calc(100vw / (1200 / 15));
		padding: calc(100vw / (1200 / 20)) 0 calc(100vw / (1200 / 20)) calc(100vw / (1200 / 100));
		border: solid calc(100vw / (1200 / 3)) #258dd8;
		border-radius: calc(100vw / (1200 / 10));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .ttl {
		font-size: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail {
		height: calc(100vw / (1200 / 62));
		margin-top: calc(100vw / (1200 / 15));
		background-size: calc(100vw / (1200 / 688)) calc(100vw / (1200 / 62));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 {
		width: calc(100vw / (1200 / 270));
		height: calc(100vw / (1200 / 62));
		font-size: calc(100vw / (1200 / 14));
		line-height: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 span {
		font-size: calc(100vw / (1200 / 16));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 strong {
		font-size: calc(100vw / (1200 / 26));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 {
		left: calc(100vw / (1200 / 306));
		width: calc(100vw / (1200 / 382));
		height: calc(100vw / (1200 / 62));
		font-size: calc(100vw / (1200 / 20));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 strong {
		margin: 0 calc(100vw / (1200 / 5));
		font-size: calc(100vw / (1200 / 44));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t3 {
		top: calc(100vw / (1200 / 25));
		left: calc(100vw / (1200 / 695));
		font-size: calc(100vw / (1200 / 20));
	}
	#faq {
		padding: calc(100vw / (1200 / 70)) 0 calc(100vw / (1200 / 100)) !important;
	}
	#faq .inner {
		width: calc(100vw / (1200 / 980));
	}
	#faq .inner > ul {
		margin-top: calc(100vw / (1200 / 60));
	}
	#faq .inner > ul > li {
		margin-bottom: calc(100vw / (1200 / 40));
	}
	#faq .inner > ul > li > .ttl {
		height: calc(100vw / (1200 / 60));
		padding: 0 calc(100vw / (1200 / 30));
		border-radius: calc(100vw / (1200 / 5));
		font-size: calc(100vw / (1200 / 20));
	}
	#faq .inner > ul > li > .ttl::after {
		top: calc(100vw / (1200 / 8));
		right: calc(100vw / (1200 / 12));
		font-size: calc(100vw / (1200 / 45));
	}
	#faq .inner > ul > li > ul {
		padding-bottom: calc(100vw / (1200 / 20));
	}
	#faq .inner > ul > li > ul > li dl {
		margin-top: calc(100vw / (1200 / 30));
	}
	#faq .inner > ul > li > ul > li dl dt {
		min-height: calc(100vw / (1200 / 36));
		padding: calc(100vw / (1200 / 5)) calc(100vw / (1200 / 60)) calc(100vw / (1200 / 15)) calc(100vw / (1200 / 45));
		border-bottom: solid calc(100vw / (1200 / 2)) #333;
		background-size: calc(100vw / (1200 / 36)) calc(100vw / (1200 / 36));
		font-size: calc(100vw / (1200 / 18));
		line-height: calc(100vw / (1200 / 28));
	}
	#faq .inner > ul > li > ul > li dl dt::after {
		top: calc(100vw / (1200 / 4));
		right: calc(100vw / (1200 / 12));
		font-size: calc(100vw / (1200 / 45));
	}
	#faq .inner > ul > li > ul > li dl dd {
		min-height: calc(100vw / (1200 / 36));
		margin-top: calc(100vw / (1200 / 10));
		padding: calc(100vw / (1200 / 30)) calc(100vw / (1200 / 30)) calc(100vw / (1200 / 40)) calc(100vw / (1200 / 80));
		background-size: calc(100vw / (1200 / 36)) calc(100vw / (1200 / 36));
		background-position: calc(100vw / (1200 / 30)) calc(100vw / (1200 / 22));
		font-size: calc(100vw / (1200 / 16));
		line-height: calc(100vw / (1200 / 26));
	}
	#voc {
		padding: calc(100vw / (1200 / 70)) 0 calc(100vw / (1200 / 100)) !important;
	}
	#voc .inner {
		width: calc(100vw / (1200 / 980));
	}
	#voc .inner .lst {
		padding-top: calc(100vw / (1200 / 30));
	}
	#voc .inner .lst li {
		width: calc(100vw / (1200 / 470));
		min-height: calc(100vw / (1200 / 350));
		margin-top: calc(100vw / (1200 / 40));
		padding: calc(100vw / (1200 / 30)) calc(100vw / (1200 / 20)) calc(100vw / (1200 / 20));
		border-radius: calc(100vw / (1200 / 25));
	}
	#voc .inner .lst li:nth-child(even) {
		margin-left: calc(100vw / (1200 / 40));
	}
	#voc .inner .lst li .top {
		min-height: calc(100vw / (1200 / 117));
		padding-left: calc(100vw / (1200 / 140));
		background-size: calc(100vw / (1200 / 116)) calc(100vw / (1200 / 117));
	}
	#voc .inner .lst li .top .ttl {
		padding: calc(100vw / (1200 / 5)) 0 calc(100vw / (1200 / 10));
		font-size: calc(100vw / (1200 / 20));
	}
	#voc .inner .lst li .top .txt {
		margin-top: calc(100vw / (1200 / 10));
		font-size: calc(100vw / (1200 / 14));
		line-height: calc(100vw / (1200 / 24));
	}
	#voc .inner .lst li .bottom {
		margin-top: calc(100vw / (1200 / 20));
		font-size: calc(100vw / (1200 / 16));
		line-height: calc(100vw / (1200 / 30));
	}
	#voc .inner .btn-voc {
		width: calc(100vw / (1200 / 980));
		height: calc(100vw / (1200 / 84));
		margin-top: calc(100vw / (1200 / 40));
	}
	#voc .inner .btn-voc a {
		font-size: calc(100vw / (1200 / 28));
	}
	#bottom_navi .inner {
		width: calc(100vw / (1200 / 980));
	}
	#bottom_navi .inner ul {
		border-top-left-radius: calc(100vw / (1200 / 20));
		border-top-right-radius: calc(100vw / (1200 / 20));
		box-shadow: calc(100vw / (1200 / 0)) calc(100vw / (1200 / 0)) calc(100vw / (1200 / 8)) calc(100vw / (1200 / 3)) rgba(0, 0, 0, 0.1);
	}
	#bottom_navi .inner ul li {
		width: calc(100vw / (1200 / 245));
		height: calc(100vw / (1200 / 70));
	}
	#bottom_navi .inner ul li a {
		padding-top: calc(100vw / (1200 / 3));
		font-size: calc(100vw / (1200 / 16));
		line-height: calc(100vw / (1200 / 20));
	}
	#bottom_navi .inner ul li a::before {
		margin-right: calc(100vw / (1200 / 7));
	}
	#bottom_navi .inner ul li:nth-child(1) a::before {
		width: calc(100vw / (1200 / 40));
		height: calc(100vw / (1200 / 21));
		margin-top: calc(100vw / (1200 / -5));
	}
	#bottom_navi .inner ul li:nth-child(2) a::before {
		width: calc(100vw / (1200 / 30));
		height: calc(100vw / (1200 / 23));
	}
	#bottom_navi .inner ul li:nth-child(3) a::before {
		width: calc(100vw / (1200 / 37));
		height: calc(100vw / (1200 / 25));
	}
	#bottom_navi .inner ul li:nth-child(4) a::before {
		width: calc(100vw / (1200 / 30));
		height: calc(100vw / (1200 / 23));
		margin-top: calc(100vw / (1200 / 3));
	}
}
@media only screen and (max-width: 767px) {
	#ssc h2.ttl {
		font-size: calc(100vw / (640 / 52));
		line-height: calc(100vw / (640 / 66));
	}
	#ssc h2.ttl small {
		font-size: calc(100vw / (640 / 40));
	}
	#ssc h2.ttl::after {
		width: calc(100vw / (640 / 280));
		height: calc(100vw / (640 / 30));
		margin: calc(100vw / (640 / 20)) auto 0;
	}
	#ssc h2.ttl-w {
		font-size: calc(100vw / (640 / 52));
		line-height: calc(100vw / (640 / 66));
	}
	#ssc h2.ttl-w small {
		font-size: calc(100vw / (640 / 40));
	}
	#ssc h2.ttl-w::after {
		width: calc(100vw / (640 / 280));
		height: calc(100vw / (640 / 30));
		margin: calc(100vw / (640 / 20)) auto 0;
	}
	#reason {
		padding: calc(100vw / (640 / 80)) 0 calc(100vw / (640 / 100)) !important;
	}
	#reason .inner {
		width: calc(100vw / (640 / 600));
	}
	#reason .inner h2 {
		width: calc(100vw / (640 / 640));
		margin-left: calc(100vw / (640 / -20));
	}
	#reason .inner > ul > li {
		margin-top: calc(100vw / (640 / 80));
	}
	#reason .inner > ul > li:nth-child(1) {
		margin-top: calc(100vw / (640 / 70));
	}
	#reason .inner > ul > li:nth-child(n + 2) {
		border-top-width: 0;
	}
	#reason .inner > ul > li:nth-child(n + 2)::before {
		content: "";
		display: block;
		width: calc(100vw / (640 / 640));
		height: calc(100vw / (640 / 60));
		margin-left: calc(100vw / (640 / -20));
		background: #dbf0ff;
	}
	#reason .inner > ul > li .no {
		width: calc(100vw / (640 / 600));
		padding-bottom: calc(100vw / (640 / 30));
		border-bottom-width: calc(100vw / (640 / 2));
	}
	#reason .inner > ul > li:nth-child(n + 2) .no {
		padding-top: calc(100vw / (640 / 50));
	}
	#reason .inner > ul > li .no img {
		display: flex;
		justify-content: center;
		width: calc(100vw / (640 / 190));
		margin: 0 auto;
	}
	#reason .inner > ul > li > .ttl {
		margin: calc(100vw / (640 / 40)) auto 0;
		font-size: calc(100vw / (640 / 36));
		font-weight: bold;
		line-height: calc(100vw / (640 / 50));
		text-align: center;
	}
	#reason .inner > ul > li > .ttl small {
		font-size: calc(100vw / (640 / 20));
	}
	#reason .inner > ul > li > .ttl-pc {
		display: none;
	}
	#reason .inner > ul > li > .ttl-sp {
		display: block;
	}
	#reason .inner > ul > li .main {
		margin-top: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p1 .main {
		display: block;
	}
	#reason .inner > ul > li.p1 .main .txt {
		width: calc(100vw / (640 / 600));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p1 .main .img {
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 252));
		margin: calc(100vw / (640 / 40)) 0 0 0;
		background-image: url(../img/index/lpindi/sp/reason_p1.png);
	}
	#reason .inner > ul > li.p1 hr {
		height: calc(100vw / (640 / 2));
		margin-top: calc(100vw / (640 / 60));
		padding: 0;
		border: none;
		background: #ddd;
	}
	#reason .inner > ul > li.p1 .main2 {
		margin-top: calc(100vw / (640 / 30));
	}
	#reason .inner > ul > li.p1 .main2 .txt {
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
		text-align: left;
	}
	#reason .inner > ul > li.p1 .main2 .exp {
		display: block;
		margin-top: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p1 .main2 .exp .img {
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 260));
		background-image: url(../img/index/lpindi/sp/reason_p1_2.png);
	}
	#reason .inner > ul > li.p1 .main2 .exp .included {
		box-sizing: border-box;
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 220));
		margin: calc(100vw / (640 / 50)) 0 0 0;
		padding: calc(100vw / (640 / 25)) calc(100vw / (640 / 20)) 0;
		border-width: calc(100vw / (640 / 6));
	}
	#reason .inner > ul > li.p1 .main2 .exp .included dl dt {
		font-size: calc(100vw / (640 / 32));
	}
	#reason .inner > ul > li.p1 .main2 .exp .included dl dd {
		margin-top: calc(100vw / (640 / 10));
		font-size: calc(100vw / (640 / 28));
		font-weight: bold;
		line-height: calc(100vw / (640 / 42));
	}
	#reason .inner > ul > li.p2 .main {
		display: block;
	}
	#reason .inner > ul > li.p2 .main .txt {
		width: calc(100vw / (640 / 600));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p2 .main .txt small {
		font-size: calc(100vw / (640 / 20));
	}
	#reason .inner > ul > li.p2 .main .img {
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 335));
		margin: calc(100vw / (640 / 30)) 0 0 0;
		background-image: url(../img/index/lpindi/sp/reason_p2.png);
	}
	#reason .inner > ul > li.p3 .main {
		display: block;
		padding-bottom: calc(100vw / (640 / 70));
	}
	#reason .inner > ul > li.p3 .main .con {
		width: calc(100vw / (640 / 600));
		border-width: calc(100vw / (640 / 2));
	}
	#reason .inner > ul > li.p3 .main .con dl dt {
		padding: calc(100vw / (640 / 17)) 0 calc(100vw / (640 / 15)) calc(100vw / (640 / 15));
		font-size: calc(100vw / (640 / 28));
	}
	#reason .inner > ul > li.p3 .main .con dl dd {
		padding: calc(100vw / (640 / 25)) calc(100vw / (640 / 20)) calc(100vw / (640 / 25)) calc(100vw / (640 / 50));
		border-top-width: calc(100vw / (640 / 2));
	}
	#reason .inner > ul > li.p3 .main .con dl dd ol li {
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p3 .main .img {
		position: relative;
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 242));
		margin: calc(100vw / (640 / 50)) 0 0 0;
		background-image: url(../img/index/lpindi/sp/reason_p3.png);
	}
	#reason .inner > ul > li.p3 .main .img .t {
		top: calc(100vw / (640 / 250));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 30));
	}
	#reason .inner > ul > li.p3 .main .img .t1 {
		left: 0;
	}
	#reason .inner > ul > li.p3 .main .img .t2 {
		left: calc(100vw / (640 / 215));
	}
	#reason .inner > ul > li.p3 .main .img .t3 {
		left: calc(100vw / (640 / 420));
	}
	#reason .inner > ul > li.p4 .ttl-sp small {
		font-size: calc(100vw / (640 / 24));
	}
	#reason .inner > ul > li.p4 .main {
		min-height: auto;
		background: none;
	}
	#reason .inner > ul > li.p4 .main .txt {
		width: calc(100vw / (640 / 600));
		padding-top: 0;
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p4 .main .card {
		width: calc(100vw / (640 / 450));
		height: calc(100vw / (640 / 125));
		margin-top: calc(100vw / (640 / 40));
		padding: calc(100vw / (640 / 25)) calc(100vw / (640 / 40)) calc(100vw / (640 / 15));
		border-radius: calc(100vw / (640 / 10));
	}
	#reason .inner > ul > li.p4 .main .card dt {
		font-size: calc(100vw / (640 / 18));
	}
	#reason .inner > ul > li.p4 .main2 {
		margin-top: calc(100vw / (640 / 50));
	}
	#reason .inner > ul > li.p4 .main2 .point dt {
		font-size: calc(100vw / (640 / 28));
		line-height: calc(100vw / (640 / 40));
	}
	#reason .inner > ul > li.p4 .main2 .point dd {
		margin-top: calc(100vw / (640 / 15));
		padding: calc(100vw / (640 / 25)) calc(100vw / (640 / 30));
		border-width: calc(100vw / (640 / 3));
		border-radius: calc(100vw / (640 / 10));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .ttl {
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 30));
		text-align: center;
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail {
		width: calc(100vw / (640 / 400));
		height: calc(100vw / (640 / 240));
		margin: calc(100vw / (640 / 15)) auto 0;
		background-image: url(../img/index/lpindi/sp/reason_p4_point.png);
		background-size: calc(100vw / (640 / 400)) calc(100vw / (640 / 200));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 {
		width: calc(100vw / (640 / 400));
		height: calc(100vw / (640 / 82));
		font-size: calc(100vw / (640 / 20));
		line-height: calc(100vw / (640 / 30));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 span {
		font-size: calc(100vw / (640 / 24));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t1 strong {
		font-size: calc(100vw / (640 / 32));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 {
		top: calc(100vw / (640 / 120));
		left: 0;
		width: calc(100vw / (640 / 400));
		height: calc(100vw / (640 / 82));
		font-size: calc(100vw / (640 / 24));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t2 strong {
		margin: 0 calc(100vw / (640 / 5));
		font-size: calc(100vw / (640 / 44));
	}
	#reason .inner > ul > li.p4 .main2 .point dd .detail .t3 {
		top: calc(100vw / (640 / 215));
		left: calc(100vw / (640 / 150));
		font-size: calc(100vw / (640 / 24));
	}
	#faq {
		padding: calc(100vw / (640 / 100)) 0 !important;
		background: #f4f4f4;
	}
	#faq .inner {
		width: calc(100vw / (640 / 600));
	}
	#faq .inner > ul {
		margin-top: calc(100vw / (640 / 60));
	}
	#faq .inner > ul > li {
		margin-bottom: calc(100vw / (640 / 60));
	}
	#faq .inner > ul > li > .ttl {
		height: calc(100vw / (640 / 120));
		padding: 0 calc(100vw / (640 / 60)) 0 calc(100vw / (640 / 30));
		border-radius: calc(100vw / (640 / 5));
		font-size: calc(100vw / (640 / 32));
	}
	#faq .inner > ul > li > .ttl::after {
		top: calc(100vw / (640 / 32));
		right: calc(100vw / (640 / 5));
		font-size: calc(100vw / (640 / 56));
	}
	#faq .inner > ul > li > ul > li dl {
		margin-top: calc(100vw / (640 / 50));
	}
	#faq .inner > ul > li > ul > li dl dt {
		min-height: calc(100vw / (640 / 90));
		padding: calc(100vw / (640 / 10)) calc(100vw / (640 / 60)) calc(100vw / (640 / 10)) calc(100vw / (640 / 90));
		border-bottom: solid calc(100vw / (640 / 4)) #333;
		background-size: calc(100vw / (640 / 68)) calc(100vw / (640 / 68));
		font-size: calc(100vw / (640 / 28));
		line-height: calc(100vw / (640 / 42));
	}
	#faq .inner > ul > li > ul > li dl dt::after {
		top: calc(100vw / (640 / 15));
		right: calc(100vw / (640 / 5));
		font-size: calc(100vw / (640 / 56));
	}
	#faq .inner > ul > li > ul > li dl dd {
		min-height: calc(100vw / (640 / 68));
		margin-top: calc(100vw / (640 / 20));
		padding: calc(100vw / (640 / 40)) calc(100vw / (640 / 40)) calc(100vw / (640 / 10)) calc(100vw / (640 / 100));
		background-size: calc(100vw / (640 / 68)) calc(100vw / (640 / 68));
		background-position: calc(100vw / (640 / 10)) calc(100vw / (640 / 44));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 42));
	}
	#voc {
		padding: calc(100vw / (640 / 100)) 0 !important;
	}
	#voc .inner {
		width: calc(100vw / (640 / 600));
	}
	#voc .inner h2 {
		width: calc(100vw / (640 / 640));
		margin-left: calc(100vw / (640 / -20));
	}
	#voc .inner .lst {
		padding-top: calc(100vw / (640 / 20));
	}
	#voc .inner .lst li {
		width: calc(100vw / (640 / 600));
		min-height: auto;
		margin-top: calc(100vw / (640 / 40));
		padding: calc(100vw / (640 / 40)) calc(100vw / (640 / 20)) calc(100vw / (640 / 30));
		border-radius: calc(100vw / (640 / 25));
	}
	#voc .inner .lst li:nth-child(even) {
		margin-left: 0;
	}
	#voc .inner .lst li .top {
		min-height: calc(100vw / (640 / 141));
		padding-left: calc(100vw / (640 / 165));
		background-size: calc(100vw / (640 / 140)) calc(100vw / (640 / 141));
	}
	#voc .inner .lst li .top .ttl {
		padding: 0 0 calc(100vw / (640 / 10));
		font-size: calc(100vw / (640 / 32));
	}
	#voc .inner .lst li .top .txt {
		margin-top: calc(100vw / (640 / 15));
		font-size: calc(100vw / (640 / 20));
		line-height: calc(100vw / (640 / 30));
	}
	#voc .inner .lst li .bottom {
		margin-top: calc(100vw / (640 / 20));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 36));
	}
	#voc .inner .btn-voc {
		width: calc(100vw / (640 / 520));
		height: calc(100vw / (640 / 104));
		margin: calc(100vw / (640 / 40)) auto 0;
	}
	#voc .inner .btn-voc a {
		padding-right: calc(100vw / (640 / 30));
		background-image: url(../img/index/lpindi/sp/btn_voc.png);
		font-size: calc(100vw / (640 / 28));
	}
	#bottom_navi {
		opacity: 0;
	}
	#bottom_navi .inner {
		width: calc(100vw / (640 / 610));
	}
	#bottom_navi .inner ul {
		padding: 0 calc(100vw / (640 / 5));
		border-bottom: solid 1px #e8e8e8;
		border-top-left-radius: calc(100vw / (640 / 20));
		border-top-right-radius: calc(100vw / (640 / 20));
		box-shadow: 0 calc(100vw / (640 / -4)) calc(100vw / (640 / 8)) calc(100vw / (640 / 2)) rgba(0, 0, 0, 0.1);
	}
	#bottom_navi .inner ul li {
		width: calc(100vw / (640 / 245));
		height: calc(100vw / (640 / 120));
	}
	#bottom_navi .inner ul li:nth-child(1), #bottom_navi .inner ul li:nth-child(4) {
		width: calc(100vw / (640 / 145));
	}
	#bottom_navi .inner ul li:nth-child(2), #bottom_navi .inner ul li:nth-child(3) {
		width: calc(100vw / (640 / 155));
	}
	#bottom_navi .inner ul li:nth-child(n + 2) {
		background-image: url(../img/index/lpindi/sp/bn_line.png);
	}
	#bottom_navi .inner ul li a {
		display: block;
		padding: 0;
		font-size: calc(100vw / (640 / 18));
		line-height: calc(100vw / (640 / 20));
		text-align: center;
	}
	#bottom_navi .inner ul li:nth-child(2) a {
		padding: 0 calc(100vw / (640 / 25));
		font-size: calc(100vw / (640 / 16));
		line-height: calc(100vw / (640 / 18));
	}
	#bottom_navi .inner ul li a::before {
		display: block;
		margin-right: 0;
	}
	#bottom_navi .inner ul li:nth-child(1) a::before {
		width: calc(100vw / (640 / 52));
		height: calc(100vw / (640 / 27));
		margin: calc(100vw / (640 / 22)) auto calc(100vw / (640 / 15));
	}
	#bottom_navi .inner ul li:nth-child(2) a::before {
		width: calc(100vw / (640 / 38));
		height: calc(100vw / (640 / 27));
		margin: calc(100vw / (640 / 19)) auto calc(100vw / (640 / 4));
	}
	#bottom_navi .inner ul li:nth-child(3) a::before {
		width: calc(100vw / (640 / 47));
		height: calc(100vw / (640 / 31));
		margin: calc(100vw / (640 / 22)) auto calc(100vw / (640 / 11));
	}
	#bottom_navi .inner ul li:nth-child(4) a::before {
		width: calc(100vw / (640 / 42));
		height: calc(100vw / (640 / 31));
		margin: calc(100vw / (640 / 22)) auto calc(100vw / (640 / 11));
	}
	.c-footer-pagetop {
		display: none !important;
	}
	#spr-chatbot-root, .spg-tour02-main {
		display: none !important;
	}
}