@charset "utf-8";


/*=============================================
	
	MAIN VISUAL
	
==============================================*/
@media screen and (min-width: 768px) {
	#mv_index {
		background: #E9E9E9;
		padding: 60px 0;
		height: 520px;
		position: relative;	
	}
	#mv_index div {
		position: relative;	
	}
	#mv_index div ul li {
		
	}
	#mv_index div ul li dl.mv_detail {
		position: relative;	
	}
	#mv_index div ul li dl.mv_detail dt {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -580px;
		width: 700px;
	}
	#mv_index div ul li dl.mv_detail dd {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: 170px;
		width: 260px;
		padding: 90px 0 0;
	}
	#mv_index div ul li dl.mv_detail dd p.point {
		font-size: 15px;
		margin: 0 0 24px;
		color: #757A7F;
	}
	#mv_index div ul li dl.mv_detail dd h2 {
		font-size: 30px;
		margin: 0 0 36px;
	}
	#mv_index div ul li dl.mv_detail dd p.lead {
		font-size: 20px;
		margin: 0 0 90px;
		line-height: 2.0em;
	}
	#mv_index div#mv_title_en {
		position: absolute;
		left: 50%;
		top: 20px;
		margin-left: -720px;
		z-index: 9999;
		width: 380px;
	}
}
@media screen and (max-width: 767px) {
	#mv_index {
		position: relative;	
		background: #E9E9E9;
		height: 114vw;
		min-height:720px;
	}
	#mv_index div {

	}
	#mv_index div ul {
	}
	#mv_index div ul li {
		position: relative;
		height: auto;
	}
	#mv_index div ul li dl.mv_detail {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	#mv_index div ul li dl.mv_detail dt {
		width: 100%;
		margin: 0 0 3.0em;
	}
	#mv_index div ul li dl.mv_detail dd {
		width: 86%;
		margin: 0 auto;
	}
	#mv_index div ul li dl.mv_detail dd p.point {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		color: #757A7F;
	}
	#mv_index div ul li dl.mv_detail dd h2 {
		font-size: 2.8em;
		margin: 0 0 0.3em;
	}
	#mv_index div ul li dl.mv_detail dd p.lead {
		font-size: 1.4em;
		margin: 0 0 1.8em;
		line-height: 2.0em;
	}
	#mv_index div#mv_title_en {
		position: absolute;
		right: 2%;
		top: 230px;
		z-index: 9999;
		width: 50%;
	}

}
@media screen and (max-width: 580px) {
	#mv_index {
		height: 128vw;
		min-height:600px;
		max-height:700px;
	}
}
@media screen and (max-width: 450px) {
	#mv_index {
		height: 138vw;
		min-height:550px;
	}
}
@media screen and (max-width: 360px) {
	#mv_index {
		height: 152vw;
		min-height: 500px;
	}
}


/*=============================================
	
	TOPICS（swipe_theme.cssからの例外を記述）
	
==============================================*/
@media screen and (min-width: 768px) {
	.swiper_area {
		padding: 16px 0;
	}
	.swiper_area h3 {
		font-size:20px;
	}
}
@media screen and (max-width: 767px) {
	.swiper_area {
		padding: 4vh 0;
	}
	.swiper_area h3 {
		font-size:2.0em;
	}
}


/*=============================================
	
	リード文章
	
==============================================*/
@media screen and (min-width: 768px) {
	#index_leadtext {
		background: #FFF;
		padding: 65px 0;
		text-align: center;
	}
	.swiper_area + #index_leadtext {
		background: #E9E9E9;
	}
	#index_leadtext h3 {
		font-size: 25px;
		margin: 0 0 15px;
	}
	#index_leadtext p.text {
		font-size: 12px;
		color: #777777;
		line-height: 2.2em;
	}

}
@media screen and (max-width: 767px) {
	#index_leadtext {
		background: #FFF;
		padding: 12vh 0;
	}
	.swiper_area + #index_leadtext {
		background: #E9E9E9;
	}
	#index_leadtext h3 {
		font-size: 2.0em;
		margin: 0 0 1.2em;
		line-height: 1.8em;
		text-align: center;
	}
	#index_leadtext p.text {
		font-size: 1.1em;
		color: #777777;
		line-height: 2.2em;
		width: 90%;
		margin: 0 auto;
	}

}



/*=============================================
	
	3つのポイント
	
==============================================*/
@media screen and (min-width: 768px) {
	#index_point3 {
		background: #E9E9E9;
		padding: 60px 0 90px;
		text-align: center;
	}
	#index_point3 p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#index_point3 h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#index_point3 dl.point_layout {
		margin: 0 0 60px;
		position: relative;
	}
	#index_point3 dl.point_layout:after {
		content:"";
		width:40px;
		height:1px;
		border-bottom: 1px solid #434B54;
		margin: 0 auto 0;
		padding: 60px 0 0;
	}

	#index_point3 dl.point_layout:last-of-type {
		margin: 0 0 0;
	}
	#index_point3 dl.point_layout:last-of-type:after {
		display: none;
	}
	#index_point3 dl.point_layout dt {
		float: left;
		width: 50%;
	}
	#index_point3 dl.point_layout dd {
		float: right;
		width: 50%;
	}
	#index_point3 dl.point_layout:nth-of-type(2) dt {
		float: right;
	}
	#index_point3 dl.point_layout:nth-of-type(2) dd {
		float: left;
	}
	#index_point3 dl.point_layout dd h4 {
		font-size: 20px;
		margin: 0 0 15px;
	}
	#index_point3 dl.point_layout dd p.lead {
		font-size: 16px;
		margin: 0 0 30px;
	}

}
@media screen and (max-width: 767px) {
	#index_point3 {
		background: #E9E9E9;
		padding: 10vh 0;
		text-align: center;
	}
	#index_point3 p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#index_point3 h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#index_point3 dl.point_layout {
		width: 90%;
		margin: 0 auto 8vh;
		position: relative;
	}
	#index_point3 dl.point_layout:after {
		content:"";
		width:40px;
		height:1px;
		border-bottom: 1px solid #434B54;
		margin: 0 auto 0;
		padding: 6vh 0 0;
	}
	#index_point3 dl.point_layout:last-of-type {
		margin: 0 auto 0;
	}
	#index_point3 dl.point_layout:last-of-type:after {
		display: none;
	}
	#index_point3 dl.point_layout dt {
		margin: 0 0 2.0em;
	}
	#index_point3 dl.point_layout dd {
	}
	#index_point3 dl.point_layout dd h4 {
		font-size: 2.0em;
		margin: 0 0 0.6em;
	}
	#index_point3 dl.point_layout dd p.lead {
		font-size: 1.4em;
		margin: 0 0 1.4em;
	}

}