@charset "UTF-8";


/*======================================
	TOP
=======================================*/

/* スライダー */
#main_slider{
	width: 100%;
}
.slick-slide{
	max-width: 960px;
}
.slick-slider{
	overflow:hidden;
	position:absolute;
	z-index:1;
}
.slick-slide .slide_main{
	opacity: 0.5;
	display:block;
}
.slick-active .slide_main{
	opacity: 1.0;
}
.slick-slide .slide_main_sp{
	display:none;
}

.slick-slide img{
	width:100%;
}
.slick-slide .slide_bk{
	display:block;
	position:relative;
	margin-top:-80px;
}
.slick-prev,
.slick-next{
	z-index:2;
}
.slick-prev{
	left:1% !important;
	top:30% !important;
}
.slick-next{
	right:1% !important;
	top:30% !important;
}
.slider a .slide_main:hover{
	opacity:0.7;
}
/*.slick-dots{
	display:none !important;
}*/




#top_wrap{
	background: linear-gradient(#fffdf6, #fff) no-repeat;
	width:100%;
	max-width:initial;
	margin-bottom: -270px;
}
#main{
	max-width:960px;
	margin:0 auto;
	position: relative;
	top: -270px;
	z-index: 3;
}
#page_top #top_about{
	text-align:left;
	margin-bottom:2.0em;
}
#page_top #top_about h2{
	text-align:center;
}
#page_top #top_about h2 img{
	max-width:472px;
	width:100%;
}
#top_about_txt{
	width:65%;
	float:left;
	text-align: justify;
}

#top_about_img{
	width:31.25%;
	float:right;
}
#top_about_img img{
	max-width:300px;
	width:100%;
}
#top_about_img p{
	margin-bottom:1.0em;
}


.main_content h2{
	background: url("../img/h_bk.png") left top no-repeat;
	background-size:100% 100%;
	color:#fff;
	padding:0.5em 1em;
}
.main_content p{
	margin-bottom:1.0em;
}

.main_content #star_rank h3{
	background-color: #302521;
	color: #fff;
	padding: 10px;
	text-align:center;
}
.main_content #star_rank #star_wrap{
	background-color:#fffacb;
	border:solid 1px #302521;
	padding:1.5em 1.0em;
	margin-bottom:2.0em;
}
.main_content #star_rank ul{
	margin: 0 auto;
	overflow:hidden;
	max-width: 650px;
}
.main_content #star_rank ul li{
	float:left;
	margin-right:3em;
	font-weight: bold;
}
.main_content #star_rank ul li:last-child{
	margin-right:0;
}
.main_content #star_rank .star{
	color:#e83828;
}
.main_content #star_rank .star_margin{
	display:none;
}
.main_content #content1{
	overflow:hidden;
	margin-bottom:2.0em;
}
.main_content #content1_dewa_b,
.main_content #content1_s li{
	margin-bottom:1.0em;
}
.main_content #content1_dewa_b{
	display:block;
}
.main_content #content1_dewa_s{
	display:none;
}
.main_content #content1_dewa_b img{
	width:100%;
	max-width:960px;
}
.main_content #content1_dewa_s img{
	width:100%;
}
.main_content #content1_s li{
	width:18.3%;
	max-width:176px;
	float:left;
	margin-right:2.125%;
}
.main_content #content1_s li:last-child{
	margin-right:0
}
.main_content #content1_s li img{
	width:100%;
}

/* Transportation */
.main_content #content2{
	overflow:hidden;
	margin-bottom:2.0em;
}
.main_content #content2 li{
	width:48%;
	max-width:467px;
	float:left;
	margin-right:4%;
}
.main_content #content2 li:last-child{
	margin-right:0;
}
.main_content #content2 li img{
	width:100%;
}

.main_content #top_map{
	overflow:hidden;
	margin-bottom:2.0em;
}
.main_content #top_map li{
	width:48%;
	float:left;
	max-width:466px;
	margin-right:4%;
}
.main_content #top_map li:last-child{
	margin-right:0;
}
.main_content #top_map li img{
	width:100%;
}


/*======================================
	追加ここから
=======================================*/
#content2 .box_top li{
	margin-top:1em !important;
}


/* SVAバナー*/
#sva_banner{
	border:solid 2px #02328d;
	padding:2.5%;
	margin-bottom:3em;
	overflow:hidden;
}
#sva_banner #sva_banner_txt{
	width:46%;
	float:left;
}
#sva_banner h4{
	font-size:120%;
	font-weight:bold;
	color:#02328d;
	margin-bottom:0.5em;
}
#sva_banner #sva_banner_img{
	width:51%;
	float:right;
}

#sva_banner #sva_banner_img img{
	width:100%;
}
#sva_banner #sva_banner_img #sva_s{
	max-width:234px;
	margin-bottom:0.5em;
}
#sva_banner #sva_banner_img #sva{
	max-width:468px;
}

@media screen and (max-width: 960px) {
	
	#top_wrap{
		margin-bottom: -230px;
	}
	#main{
		top: -230px;
	}

	.slick-prev:before, .slick-next:before {
		color: #ccc !important;
	}
}


/* 20220218追加
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.lk_btn {
text-decoration: none;
font-weight: bold;
display: table;
margin: 0 auto 3em;
border: solid 2px #dda103;
padding: 10px 20px;
border-radius: 2em;
color: #000;
font-weight: bold;
}

.lk_btn p{
display: flex;
margin-bottom: 0;
}

.lk_btn p span{
display: block;
}

.lk_btn span:nth-of-type(1) {
background-color: #dea000;
border-radius: 3em;
font-size: 0.6em;
color: #fff;
width: 2em;
height: 2em;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.5em;
line-height: 1em;
}



/*======================================
	タブレット・スマホ
=======================================*/
@media screen and (max-width: 767px) {
	
	/* スライダー */
	.slick-slide .slide_bk{
		display:none;
	}
	.slick-prev{
		top:50% !important;
	}
	.slick-next{
		top:50% !important;
	}
	/*.slick-dots{
		display:block !important;
		background-color:#fffdf6;
	}*/
	
	
	#top_wrap{
		margin-bottom:0;
	}
	#main{
		position:static;
		padding-top:1em;
	}
	
	#top_about_txt,
	#top_about_img{
		width:100%;
		margin-bottom:1.0em;
	}
	#top_about_img{
		max-width:650px;
		margin:0 auto;
		float:none;
	}
	#top_about_img div{
		width:48%;
		float:left;
		margin:0 1%;
	}
	
	.main_content #star_rank ul li{
		float:none;
		margin-right:0;
	}
	.main_content #star_rank .star_margin{
		display:initial;
	}

	.main_content #content1{
		text-align:center;
	}
	.main_content #content1_s{
		letter-spacing: -.4em;
	}
	.main_content #content1_s li{
		width:31%;
		max-width:none;
		margin:0 1%;
		float:none;
		display: inline-block;
		letter-spacing: normal;
		margin-bottom:1.0em;
	}
	.main_content #content1_s li:nth-child(1),
	.main_content #content1_s li:nth-child(4){
		margin-left:0;
	}
	.main_content #content1_s li:nth-child(3),
	.main_content #content1_s li:nth-child(5){
		margin-right:0;
	}
	.main_content #content1_s li img{
		width:100%;
	}

	/* Transportation */
	.main_content #content2 li{
		width:100%;
		float:none;
		margin:0 auto;
		margin-bottom:1.0em;
	}
	.main_content #content2 li:last-child{
		margin-right:auto;
	}
	
	.main_content #top_map li{
		width:100%;
		float:none;
		margin:0 auto;
		margin-bottom:1.0em;
	}
	.main_content #top_map li:last-child{
		margin-right:auto;
	}
	
	/* SVAバナー*/
	#sva_banner{
		margin: 0 2% 3em 2%;
	}
	#sva_banner h4{
		font-size:110%;
	}
	#sva_banner #sva_banner_txt,
	#sva_banner #sva_banner_img{
		width:100%;
		float:none;
	}
	#sva_banner #sva_banner_txt{
		margin-bottom:1em;
	}


}
@media screen and (max-width: 599px) {

	/* スライダー */
	.slick-slide .slide_main{
		display:none;
	}
	.slick-slide .slide_main_sp{
		display:block;
	}
	
	#page_top #top_about h2 {
		margin: 0 6%;
	}
	#top_about_img{
		max-width:300px;
	}
	#top_about_img div{
		width:100%;
		margin:0
		float:none;
	}
	
	.main_content #content1_dewa_b{
		display:none;
	}
	.main_content #content1_dewa_s{
		display:block;
	}
	.main_content #content1_s li{
		width:49%;
	}
	.main_content #content1_s li:nth-child(1),
	.main_content #content1_s li:nth-child(3){
		margin-left:0;
		margin-right:1%;
	}
	.main_content #content1_s li:nth-child(2),
	.main_content #content1_s li:nth-child(4){
		margin-left:1%;
		margin-right:0;
	}
	.main_content #content1_s li:nth-child(5){
		margin-left:0;
		margin-right:0;
	}
	.main_content #content1_s li img{
		width:100%;
	}
/*======================================
	追加ここから
=======================================*/
#content2 .box_top li{
	margin-top:0 !important;
}

}