@charset "utf-8";

/************************************************
 top
************************************************ */
.container {
	padding: 0;
}
#section_1 .main_photo {
	width: 100%;
	height: 288.5px;
	background: url(/img/1_main_sp.png), url(/img/1_main_bg.jpg);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
}
#section_1 .point .w_1000 {
	background: #B3001E;
	margin: 0 auto;
	width: 100%;
	height: 60px;
	background: url(../img/1_main_ribbon_sp.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media all and (min-width: 641px) {
	#section_1 .main_photo {
		width: 100%;
		height: 577px;
		background: url(/img/1_main_sp.png), url(/img/1_main_bg.jpg);
		background-position: center center, center center;
		background-repeat: no-repeat, no-repeat;
		background-size: 70%, cover;
	}
	#section_1 .point {
		background: #B3001E;
	}
	#section_1 .point .w_1000 {
		height: 100px;
		background: url(../img/1_main_ribbon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}
@media all and (min-width: 1024px) {
	#section_1 .main_photo {
		height: 480px;
		background: url(/img/1_main.png), url(/img/1_main_bg.jpg);
		background-position: center center, center center;
		background-repeat: no-repeat, no-repeat;
	}
}

/* メインビュー */


#section_2 {
	background: #E1E1E1;
	padding-bottom: 60px;
}
#section_2 .w_1000 {
	
}
#section_2 .w_1000 #info {
	position: relative;
}
#section_2 .w_1000 #info #prev {
	background: url(../img/2_arrow_left_sp.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -300px;
	left: 3%;
	z-index: 999;
	width: 50px;
	height: 50px;
	display: block;
}
#section_2 .w_1000 #info #next {
	background: url(../img/2_arrow_right_sp.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -300px;
	right: 3%;
	z-index: 999;
	width: 50px;
	height: 50px;
	display: block;
}
#section_2 .w_1000 .text_2 {
	position: relative;
	background: #FFFFFF;
	width: 93.75%;
	padding: 6.666% 3.333% 10% 3.333%;
	margin: 0 auto;
	overflow: hidden;
}
#section_2 .w_1000 .text_2 #girl {
	display: none;
}

#section_2 .w_1000 .text_2 .detail_2_img {
	max-width: 340px;
	width: 56.666%;
	margin: 0 auto 24px; auto
}
#section_2 .w_1000 .text_2 .ttl_2 {
	color: #C30000;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	margin-bottom: 30px;
}
#section_2 .w_1000 .text_2 .detail_2 {
	font-size: 12px;
}
#section_2 .w_1000 .simulation {
	width: 192px;
	height: 36px;
	margin-top: 20px;
	margin-right: 3.333%;
	background: url(/img/btn_simulation_s.png);
	float: right;
}
#section_2 .w_1000 .simulation:hover {
	background-position: 0 36px;
}

@media all and (min-width: 641px) {
	#section_2 .w_1000 .text_2 .ttl_2 {
		font-family: NotoSansCJKjp;
		font-size: 36px;
		line-height: 44px;
		text-align: left;
	}
	#section_2 .w_1000 .text_2 .detail_2_img {
		width: 27.3%;
		float: right;
		line-height: 24px;
	}
	#section_2 .w_1000 .text_2 .detail_2 {
		width: 62.7%;
		float: left;
		line-height: 24px;
		font-size: 16px;
		margin-right: 7%;
	}
}
@media all and (min-width: 1024px) {
	#section_2 .w_1000 #info #prev {
		background: url(../img/2_arrow_left.png);
		background-repeat: no-repeat;
	}
	#section_2 .w_1000 #info #next {
		background: url(../img/2_arrow_right.png);
		background-repeat: no-repeat;
	}
	#section_2 .w_1000 .text_2 {
		width: 100%;
		position: relative;
		padding: 50px 50px 50px 210px;
	}
	#section_2 .w_1000 .text_2 #girl {
		display: block;
		position: absolute;
	}
	#section_2 .w_1000 #text_0 #girl {
		top: 107px;
		left: 12px;
	}
	#section_2 .w_1000 #text_1 #girl {
		top: 210px;
		left: 12px;
	}
	#section_2 .w_1000 #text_2 #girl {
		top: 263px;
		left: 12px;
	}
	#section_2 .w_1000 .text_2 .detail_2_img {
	}
	#section_2 .w_1000 .text_2 .detail_2 {
		width: 400px;
		margin-right: 40px;
	}
	#section_2 .w_1000 .simulation {
		margin-right: 0;
	}
}
#section_3 {
	padding-top: 0;
	background: #000000;
}
#section_3 .tablet #ttl_sp {
	color: #FFFFFF;
	width: 100%;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
}
#section_3 .tablet .toggle_li {
	position: relative;
}
#section_3 .tablet .hide {
	display: none;
}
/* 閉じる */
#section_3 .tablet ul .toggle_btn {
	width: 55px;
	width: 17.187vw;
	height: 24px;
	height: 7.5vw;
	background: url(../img/ico_plus.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 25%;
	right: 3.333%;
	cursor: pointer;
}
/* 開く */
#section_3 .tablet ul .open {
	width: 67px;
	width: 20.937vw;
	height: 24px;
	height: 7.5vw;
	background: url(../img/ico_minus.png) no-repeat;
	background-size: 100% 100%;
}
#section_3 .tablet .cv_sp {
	height: 45px;
	background: #000000;
}
#section_3 .btn {
	height: 45px;
}
#section_3 .btn ul {
	width: 300px;
	height: 45px;
	margin: 0 auto;
}
.more {
	width: 145px;
	height: 25px;
	margin-top: 10px;
	margin-right: 3.125%;
	background: url(/img/btn_more_s.png);
	background-size: 100%;
	float: left;
}
.more:hover {
	background-position: 0 25px;
}
.simulation2 {
	width: 145px;
	height: 25px;
	margin-top: 10px;
	background: url(/img/btn_simulation_s.png);
	background-size: 100%;
	float: left;
}
.simulation2:hover {
	background-position: 0 25px;
}
@media all and (min-width: 641px) {
	#section_3 .btn {
		height: 60px;
	}
	#section_3 .btn ul {
		width: 404px;
		height: 60px;
		float: right;
		margin-right: 20px;
	}
	.more {
		width: 192px;
		height: 36px;
		margin-top: 12px;
		margin-right: 20px;
		background: url(/img/btn_more_s.png);
		float: left;
	}
	.more:hover {
		background-position: 0 36px;
	}
	.simulation2 {
		width: 192px;
		height: 36px;
		margin-top: 12px;
		background: url(/img/btn_simulation_s.png);
		float: left;
	}
	.simulation2:hover {
		background-position: 0 36px;
	}
}
@media all and (min-width: 1024px) {
	#section_3 {
		padding-top: 30px;
		background: #000000;
	}
	#section_3 .pc2 .bg {
		height: 600px;
		background: url(/img/3_bg_gray.jpg);
	}
	#section_3 .btn ul {
		margin-right: 0;
	}
}

#section_4 {
	padding-top: 50px;
	padding-bottom: 30px;
	background: #E1E1E1;
}
#section_4 .frame {
	width: 93.75%;
	padding: 3.125%;
	margin: 3.125% 3.125% 0 3.125%;
	background: #FFFFFF;
}
#section_4 h2 {
	font-size: 18px;
	font-weight: bold;
	background: url(/img/h2.png);
	background-position: 0px -12px
}
#section_4 table {
	width: 100%;
}
#section_4 th {
	width: 5%;
	height: 50px;
}
#section_4 td {
	width: 45%;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
#section_4 .red {
	color: #B2001E;
}
.frame2 {
	width: 93.75%;
	margin: 0 3.125% 0 3.125%;
}
@media all and (min-width: 1024px) {
	#section_4 {
		background: #FFFFFF;
	}
	#section_4 .frame {
		padding: 20px;
		margin: 0 auto;
		background: #FFFFFF;
		overflow: hidden;
	}
	#section_4 h2 {
		font-size: 28px;
		background-position: 0 0;
	}
	#section_4 table {
		width: 50%;
		float: left;
	}
	#section_4 td {
		font-size: 18px;
	}
	.frame2 {
		width: 100%;
		margin: 0 auto;
	}
}