/* CSS Document */
/*.index{
	background: url("../images/index.jpg") top center no-repeat;
}*/

@media (min-width:751px){
/*mv*/
	.slide_wrp { max-width: 100%; min-width: 1300px; overflow: hidden; position: relative; height: 520px;
		padding-bottom: 9px; }
	.slide { position: absolute; top: 0; left: 50%; margin-left: -1950px; height: 520px; width: 3900px; }
	.slide img { width: 1300px; }
	.slide_wrp .silver_2018 { position: absolute; width: 342px; /*height: 110px;*/ bottom: 130px; right: 50%; 
		margin-right: -60px; }

	.slide_wrp .slick-prev { left: 50% !important; margin-left: -600px !important; z-index: 100; width: 50px; height: 50px;	
		background:url("../../images/index/slide_prev.svg") left center no-repeat; 
	}
	.slide_wrp .slick-prev:hover { background:url("../../images/index/slide_prev.svg") left center no-repeat;  }
	.slide_wrp .slick-next { right: 50% !important; margin-right: -600px !important; z-index: 100; width: 50px; height: 50px;	
		background:url("../../images/index/slide_next.svg") left center no-repeat; 
	}
	.slide_wrp .slick-next:hover { background:url("../../images/index/slide_next.svg") left center no-repeat; }

	.slide_wrp .slick-prev:before, .slide_wrp .slick-next:before {
		content: "";
		display: block;
		width: 50px;
		height: 50px;
	}
	.slide_wrp .slick-prev:before {
		background:url("../../images/index/slide_prev.svg") center center no-repeat;
	}
	.slide_wrp .slick-next:before {
		background:url("../../images/index/slide_next.svg") center center no-repeat;
	}

/*appeal*/
	#appeal { width: 1280px; margin: 0 auto 25px; }
	#appeal h3 { width: 347px; margin: 0 auto; position: relative; z-index: 10; }
	#appeal ul { margin-top: -175px; }
	#appeal ul li { width: 640px; height: 440px; float: left; opacity: 0; position: relative; }
	#appeal ul li:first-child:after { content: ""; position: absolute; width: 640px; height: 440px; 
		background: rgba(0,0,0,0.4); top:0; left: 0; }


	#appeal ul li.test:after { content: ""; position: relative; width: 640px; height: 440px; 
		background: rgba(0,0,0,0); top:0; left: 0; }


	#appeal ul li a { display: block; position: relative; }
	#appeal ul li a:after { content: ""; position: absolute; top:0; left: 0; width: 640px;
		height: 320px; opacity: 0;
		background: url("../images/icon_link.svg") center center no-repeat rgba(16,56,107,0.8);
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	#appeal ul li a:hover { opacity: 1; }
	#appeal ul li a:hover:after { opacity: 1; }
	#appeal ul li img { width: 640px; margin-bottom: 20px; }
	#appeal ul li dl { font-size: 24px; line-height: 32px; }
	#appeal ul li:nth-child(odd) dl { padding-left: 90px; }
	#appeal ul li dt { float: left; width: 70px; height: 54px; text-align: center;
		font-size: 36px; color: #AA7D45; margin-right: 17px; margin-top: 6px;
		background: url("../images/index/appeal_icon.svg") left top no-repeat; }
	#appeal ul li dd { width: 460px; float: left; color: #221815; }
	#appeal ul li dd strong { color: #10386B; }


	#appeal ul li.bf dl { font-size: 14px; line-height: 20px; }

 
/*plan*/
	#plan { width: 100%; height: 730px; background: url("../images/index/plan_bg.jpg") center top no-repeat;
		background-size: auto 730px; position: relative; }
	@media (min-width: 2001px) { #plan { background-size: 100% auto; } }
	#plan h3 { text-align: center; width: 387px; margin: 0 auto 40px; }
	#plan h3 img { width: 387px; }
	#plan ul { width: 1120px; margin: 0 auto; }
	#plan ul li { width: 340px; height: 433px; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
		background: #ffffff; position: relative; float: left; margin-right: 40px; }
	#plan ul li:last-child { margin-right: 0; }
	#plan ul li a { display: block; position: relative; width: 340px; height: 433px; padding: 10px; }
	#plan ul li a:after { content: ""; width: 320px; height: 215px; position: absolute; top:10px; left: 10px;
		background: url("../images/icon_link.svg") center center no-repeat rgba(16,56,107,0.8); opacity: 0;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out; 
		}
	#plan ul li a:hover { opacity: 1; }
	#plan ul li a:hover:after { opacity: 1; }
	#plan ul li a .img { width: 320px; height: 215px; overflow: hidden; margin-bottom: 20px; }
	#plan ul li a img { width: 320px; margin-top: -65px; }
	#plan ul li h4 { width: 280px; margin: 0 auto 15px; color: #00145A; font-size: 15px; line-height: 24px; }
	#plan ul li p { width: 280px; margin: 0 auto; font-size: 13px; line-height: 18px; margin-bottom: 15px; color: #221815; }
	#plan ul li p.price { height: 33px; line-height: 30px; border-top: #10386B 1px dashed;
		 border-bottom: #10386B 1px dashed; font-size: 13px; }
	#plan ul li p.price span { display: inline-block; width: 50px; text-align: center; font-size: 16px; }
	#plan ul li p.price strong { font-size: 20px; color: #AA7D45; }
	#plan ul li p.price strong span { display: inline; font-size: 16px; }
	#plan a.cbtn { position: absolute; bottom: -30px; left:50%; margin-left: -270px; width: 540px; height: 60px;
		line-height: 60px; border: #ffffff 1px solid; }

/*info*/
	#info { width: 100%; background: #F4F2ED; padding: 110px 0; }
	#info_in { width: 880px; margin: 0 auto; }
	#info_in .bloginfo { width: 880px; margin-bottom: 30px; }
	#info_in .bloginfo li { width: 880px; height: 110px; border: #E5E1D6 1px solid; margin-bottom: 10px;
		background: #ffffff; }
	#info_in .bloginfo li a { display: block; width: 880px; height: 110px; position: relative; padding: 30px 40px;
		 }
	#info_in .bloginfo li a:after { content: "\f105"; font-family: FontAwesome; position: absolute;
		top:45px; right: 35px; color: #10386B; font-size: 35px; 
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out; 
	}
	#info_in .bloginfo li a:hover:after { right: 33px; }
	#info_in .bloginfo li a span.ctg { width: 80px; height: 17px; line-height: 17px; font-size: 13px;
		background: #EFEBDE; display: inline-block; margin-right: 6px; text-align: center; }
	#info_in .bloginfo li p { font-size: 18px; color: #10386B; overflow: hidden; white-space: nowrap; 
		text-overflow: ellipsis; line-height: 22px; padding-top: 12px;  }
	#info_in .bns { width: 880px; }
	#info_in .bns li { width: 280px; height: 85px; margin-right: 20px; float: left; }
	#info_in .bns li:last-child { margin-right: 0; }
	#info_in .bns li img { width: 280px; height: 85px; }
	#info_in .bns li:nth-child(2) { background: url("../images/index/bn_nebuta_on.jpg") left top no-repeat;
		background-size: 280px auto; }
	#info_in .bns li:last-child { background: url("../images/index/bn_blog_on.jpg") left top no-repeat;
		background-size: 280px auto;/* border: #E5D8B5 1px solid;*/ }
	#info_in .bns li a:hover { opacity: 1; }
	#info_in .bns li a:hover img { opacity: 0; }

}


@media (max-width:750px){
	.slide_wrp { position: relative; }
	.slide_wrp .slick-next { right: 4vw; width: 6.6vw; height: 6.6vw; }
	.slide_wrp .slick-prev { left: 4vw; width: 6.6vw; height: 6.6vw; }
	.slide_wrp .slick-next,.slide_wrp .slick-prev { background-size: 6.6vw auto; }
	.slide_wrp .silver_2018 {
		position: absolute; width: 50vw;
		/*height: 16vw;*/ right: 1vw; bottom:-4vw; }

	.slide_wrp .slick-prev { left: 50% !important; margin-left: -45% !important; z-index: 100; 
		background:url("../../images/index/slide_prev.svg") left center no-repeat; background-size: contain;
	}
	.slide_wrp .slick-prev:hover { background:url("../../images/index/slide_prev.svg") left center no-repeat;  }
	.slide_wrp .slick-next { right: 50% !important; margin-right: -45% !important; z-index: 100; 
		background:url("../../images/index/slide_next.svg") left center no-repeat; background-size: contain;
	}
	.slide_wrp .slick-next:hover { background:url("../../images/index/slide_next.svg") left center no-repeat;background-size: contain; }

	.slide_wrp .slick-prev:before, .slide_wrp .slick-next:before {
		content: "";
		display: block;
		width: 6.6vw;
		height: 6.6vw;
	}
	.slide_wrp .slick-prev:before {
		background:url("../../images/index/slide_prev.svg") center center no-repeat;
		background-size: contain;
	}

	.slide_wrp .slick-next:before {
		background:url("../../images/index/slide_next.svg") center center no-repeat;
			background-size: contain;
	}
	
	#rsv { width: 92vw; margin: 6vw auto; display: block;
		background: url("../images/rsv_bg_main_sp.jpg") left top repeat-y;
		background-size: 92vw auto; }
	#rsv .mainw { background: url("../images/rsv_bg_top_sp.jpg") left top no-repeat,
		url("../images/rsv_bg_bottom_sp.jpg") left bottom no-repeat;
		background-size: 92vw auto,92vw auto; padding-bottom: 6vw; }
	#rsv h2 { width: 92vw; height: 26vw; padding-top: 9.3vw; text-align: center; font-size: 6vw;
		line-height: 5vw; }
	#rsv h2 span { font-size: 2.9vw; color: #AA7D45; }
	#rsv .rsvwrap { background:#ffffff; width: 80vw; margin: 0 auto; padding: 4vw; }
	#rsv .cbtn { width: 72vw; height: 13vw; line-height: 13vw; margin-bottom: 6vw; }
	#rsv .tel_rsv { font-size: 4vw; margin-bottom: 6vw; }
	#rsv .tel_rsv strong { display: inline-block; color: #AA7D45; padding-left: 13vw; font-size: 8vw;
		background: url("../images/icon_tel_fs.svg") left center no-repeat;
		background-size: 7.7vw auto; line-height: 10vw; }
	.member { width: 72vw; }
	.member li { font-size: 4vw; width: 72vw; height: 12vw; margin-bottom: 2.1vw;
		line-height: 12vw; text-align: center; border: #E0DBCD 1px solid; }
	.member li a:before { content: "\f0da"; font-family: FontAwesome;
		display: inline-block; padding-right: 3vw; }

/*appeal*/
	#appeal { width: 92vw; margin: 13vw auto 3vw; }
	#appeal h3 { width: 48vw; margin: 0 auto 6vw; }
	#appeal ul {  }
	#appeal ul li { width: 92vw; height: 73vw; position: relative; }
	#appeal ul li a { display: block; position: relative; }
	/*#appeal ul li:first-child:after { content: ""; position: absolute; width: 92vw; height: 73vw;
		background: rgba(0,0,0,0.4); top:0; left: 0; }*/
	
	#appeal ul li img { width: 92vw; margin-bottom: 4.6vw; }
	#appeal ul li dl { font-size: 5vw; line-height: 6.8vw; }
	#appeal ul li dt { float: left; width: 14vw; height: 11vw; text-align: center;
		font-size: 7.7vw; color: #AA7D45; margin-top: 1vw;
		background: url("../images/index/appeal_icon.svg") left top no-repeat;
		background-size: 14vw auto; }
	#appeal ul li dd { width: 73vw; float: right;
		 }
	#appeal ul li a dd { background: url("../images/icon_link_b.svg") right center no-repeat;
		background-size: 6.6vw auto; }
	#appeal ul li dd strong { color: #10386B; }



	#appeal ul li.bf:after { 
	    content: "";
	    position: absolute;
	    width: 92vw; height: 73vw;
	    background: rgba(0,0,0,0.4);
	    top: 0;
	    left: 0;
    }
	#appeal ul li.bf dl { font-size: 3vw; line-height: 4vw; }


/*plan*/
	#plan { width: 100%; height: 168vw; background: url("../images/index/plan_bg_sp.jpg") center top no-repeat;
		background-size: auto 168vw; position: relative; }
	#plan h3 { text-align: center; width: 81vw; margin: 0 auto 6vw; }
	#plan ul { width: 92vw; margin: 0 auto; }
	#plan ul li { width: 92vw; height: 32vw; box-shadow: 2vw 2vw 2vw 0 rgba(0,0,0,0.2);
		background: #ffffff; position: relative; margin-bottom: 4vw; }
	#plan ul li a { display: block; position: relative; width: 92vw; height: 32vw; padding: 2.6vw; }
	#plan ul li a .img { width: 41vw; height: 26.8vw; overflow: hidden; float: left; }
	
	#plan ul li a img { width: 41vw; margin-top: -9vw; }
	#plan ul li .detail { width: 42vw; float: right; }
	#plan ul li h4 { width: 42vw; color: #00145A; font-size: 3.4vw; line-height: 5vw;
		margin-bottom: 2.6vw; }
	#plan ul li p.txt { display: none; }
	#plan ul li p.price { width: 42vw; height: 7vw; line-height: 6vw; border-top: #10386B 1px dashed;
		 border-bottom: #10386B 1px dashed; font-size: 3.2vw; }
	#plan ul li p.price span { display: inline-block; width: 10vw; text-align: center; font-size: 3.7vw; }
	#plan ul li p.price strong { font-size: 4vw; color: #AA7D45; }
	#plan ul li p.price strong span { display: inline; font-size: 3.2vw; }
	#plan a.cbtn { position: absolute; bottom: -6.6vw; left:50%; margin-left: -36vw; width: 72vw; height: 13vw;
		line-height: 13vw; border: #ffffff 1px solid; }

/*info*/
	#info { width: 100%; background: #F4F2ED; padding: 20vw 0; }
	#info_in { width: 92vw; margin: 0 auto; }
	#info_in .bloginfo { width: 92vw; margin-bottom: 8vw; }
	#info_in .bloginfo li { width: 92vw; height: 25vw; border: #E5E1D6 1px solid; margin-bottom: 3.2vw;
		background: #ffffff; }
	#info_in .bloginfo li a { display: block; width: 92vw; height: 25vw; position: relative; 
		padding: 4vw 6vw 4vw 4vw; }
	#info_in .bloginfo li a:after { content: "\f105"; font-family: FontAwesome; position: absolute;
		top:10vw; right: 2.6vw; color: #10386B; font-size: 4vw; 
	}
	#info_in .bloginfo li a span.ctg { width: 17vw; height: 3.6vw; line-height: 3.6vw; font-size: 3.2vw;
		background: #EFEBDE; display: inline-block; margin-right: 2vw; text-align: center; }
	#info_in .bloginfo li p { font-size: 4vw; color: #10386B; overflow: hidden; line-height: 4.8vw; 
		padding-top: 1.8vw;  }
	#info_in .bns { width: 92vw; }
	#info_in .bns li { width: 92vw; margin-bottom: 4vw; }
	#info_in .bns li img { width: 92vw; }





}