/* CSS Document */
@font-face {
font-family: "minamoto";
  src: url("../font/minamoto.woff") format("woff");
}
@font-face {
font-family: "minamoto_l";
  src: url("../font/minamoto_l.woff") format("woff");
}

html,body { width: 100%; }
body {
	color: #221815;
	margin: 0 auto;
	font-family: minamoto_l; 
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

	a {
		color: #221815;
		text-decoration: none;
	}
@media (min-width:751px){
	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }

	a {
		-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;
	}
	a img{
		-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;
	}

	a:active, a:hover, a:hover img { opacity: 0.7; }

	.for_sp{display: none !important;}
	body { font-size: 14px; line-height: 16px; }

	#fnav { height: 105px; width: 100%; position: fixed; top:-110px; background: #ffffff;
		 z-index: 15000; }
	#fnav_in { height: 55px; width: 100%; position: relative;
		z-index: 13000; }
	#fnav .mainw { position: relative; width: 1100px; }
	#fnav .gnav { top:0; left: 0; }
	#fnav .gnav li { width: 157px; display: block; float: left; }
	#fnav .gnav li:last-child { position: absolute; right: 0; }

	#f_rsv { width: 100%; height: 50px; background: #EFEBDE; border-top: #DBD3BF 1px solid;
		 }
	#f_rsv .mainw { padding: 8px 0; height: 50px; position: relative; text-align: left; }
	#f_rsv h2 { font-size: 18px; margin-top: 6px; }
	#f_rsv h2 span { font-size: 11px; color: #AA7D45; display: inline-block; padding-left: 3px; }
	#f_rsv .searchForm { width: 870px; height: 50px; margin: 0 auto; position: absolute; float: none;
		top:8px; right: 0; font-size: 14px; text-align: right; }
	#f_rsv ul { height: 30px; display: inline-block; line-height: 30px; }
	#f_rsv ul li { display: inline-block; margin-left: 15px; padding-left: 12px;
		background: url("../images/icon_rsv.svg") left center no-repeat; }
	.searchForm input,.searchForm select { border: #DBD3BF 1px solid; height: 30px; line-height: 30px;
		padding-left: 5px; margin-left: 10px; }
	.searchForm .ci input { background: url("../images/icon_cal.svg") 150px center no-repeat #ffffff;
		width: 170px; }
	#f_rsv .btn_search { width: 200px; height: 30px; display: inline-block; margin-left: 30px;
		background: url("../images/icon_arrow.svg") 60px center no-repeat #AA7D45; 
		color: #ffffff; text-align: center; line-height: 30px; cursor: pointer;
		-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;
		 }
	#f_rsv .btn_search:hover { background-color: #10386B; }

	header { height: 130px; width: 100%; border-top: #10386B 5px solid; position: relative;
		z-index: 10; }
	header .mainw { position: relative; width: 1100px; }
	header h1 { display: block; position: absolute; top:0; left:50%; margin-left: -80px;
		width: 160px; height: 160px; background: #10386B; text-align: center; z-index: 12; }
	header h1 a { display: block; width: 160px; height: 160px; padding-top: 25px; }
	header p { position: absolute; top:12px; left:0; font-size: 12px; line-height: 18px;
	 font-family: "Sawarabi Gothic"; }
	header nav#subnav { position: absolute; top:20px; right: 0; width: 370px; }
	header nav#subnav ul { width: 370px; font-family: "Sawarabi Gothic"; }
	header nav#subnav ul li { font-size: 11px; display: inline-block; margin-left: 4px; }
	header nav#subnav ul li a { display: block; width: 115px; height: 20px; text-align: center;
		line-height: 20px; color: #10386B; border: #10386B 1px solid; }
	header nav#subnav ul li a:before { content: "\f0da"; font-family: FontAwesome;
		display: inline-block; padding-right: 3px; }
	header nav#subnav ul li a:hover { background: #10386B; color: #ffffff; opacity: 1; }
	.gnav { display: block; position: absolute; top: 60px; left: 0; height: 55px; 
		width: 1100px; font-family: minamoto; }
	.gnav #gnav_l { position: absolute; top:0; left: 0; width: 420px; height: 55px; }
	.gnav #gnav_r { position: absolute; top:0; right: 0; width: 420px; height: 55px; }
	.gnav li { float: left; width: 140px; height: 55px;
		position: relative; }
	.gnav li a { display: block; width: 140px; height: 55px; font-size: 16px;
		text-decoration: none; text-align: center; padding-top: 13px; }
	.gnav li a span { color: #10386B; font-size: 10px; }
	.gnav li a:after,.gnav li a.active:after { content: ""; position: absolute; width: 140px;
		bottom:0; left: 0; opacity: 0; background: #10386B; height: 3px;
		-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;
	}
	/*.gnav li a:hover span,.gnav li a.active span { color: #F3AFA0; }*/
	.gnav li a.active:after { opacity: 1; }
	.gnav li a:hover { opacity: 1; }
	.gnav li a:hover:after { opacity: 1; }
	.gnav .btn_rsv { background: #AA7D45; display: block; text-align: center; color: #ffffff; 
		font-size: 16px; width: 140px; position: absolute; right: 0; }
	.gnav li a.btn_rsv span { font-size: 10px; color: #ffffff; }
	.gnav .btn_rsv:hover { background-color: #10386B; opacity: 1; }
	.gnav li a.btn_rsv:hover:after { opacity: 0; }

	
	header p.txt { position: absolute; top:12px; left:90px; font-size: 12px; line-height: 18px;
	 font-family: "Sawarabi Gothic"; }
	.gnav #gnav_lt { position: absolute; top:0; left: 100px; width: 300px; height: 55px; }



/*rsv*/
	#rsv { width: 100%; padding: 15px 0; position: relative; z-index: 12; }
	#rsv .mainw { position: relative; background: url("../images/rsv_bg.svg") center center no-repeat;
		width: 1100px; height: 145px; padding: 20px; }
	#rsv h2 { width: 180px; height: 105px; text-align: center; font-size: 22px; padding-top: 30px;
		float: left; /* letter-spacing: 2px;*/ }
	#rsv h2 span { font-size: 11px;/* letter-spacing: 0;*/ color: #AA7D45; }
	#rsv .rsvwrap { width: 860px; height: 105px; float: right; position: relative;
		font-size: 14px; background: #ffffff; font-family: "Sawarabi Gothic"; padding: 12px 25px; }
	#rsv .searchForm .inputs { display: inline-block; }
	#rsv .searchForm .inputs li { display: inline-block; margin-right: 12px; padding-left: 12px;
		background: url("../images/icon_rsv.svg") left 5px no-repeat; }
	/*#rsv .searchForm .inputs li:before { content: "◆"; color: #AA7D45; padding-right: 5px; }*/
	#rsv .searchForm .inputs li input,#rsv .searchForm .inputs li select {
		background: #EFEBDE; border: none; margin: 5px 0 0 0; height: 26px; line-height: 26px;
	}
	#rsv .searchForm .inputs li input { width: 170px; 
		background: url("../images/icon_cal.svg") 150px center no-repeat #EFEBDE; }
	/*#rsv .btns_rsv { position: absolute; top:10px; right: 18px; }
	#rsv .btns_rsv li { margin-left: 15px; }*/
	#rsv .btn_search { width: 200px; height: 45px; line-height: 45px; font-size: 14px;
		 background: url("../images/icon_arrow.svg") 60px center no-repeat #AA7D45; 
		color: #ffffff; text-align: center; cursor: pointer; position: absolute; top:15px; right: 260px;
		-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;
		 }
	#rsv .btn_search:hover { background-color: #10386B; }
	#rsv .tel_rsv { position: absolute; top:15px; right: 15px; font-size: 13px; }
	#rsv .tel_rsv strong { display: inline-block; color: #AA7D45; padding-left: 35px; font-size: 28px;
		background: url("../images/icon_tel_fs.svg") left center no-repeat;
		background-size: 22px auto; line-height: 28px; }
	.member { position: absolute; bottom: 13px; right: 15px; }
	.member li { display: inline-block; font-size: 12px; margin-left: 6px; width: 170px; height: 22px;
		line-height: 22px; text-align: center; border: #E0DBCD 1px solid; }
	.member li a:before { content: "\f0da"; font-family: FontAwesome;
		display: inline-block; padding-right: 3px; }
	
	
/*footer*/
	footer { font-family: "Sawarabi Gothic"; }
	footer .mainw { position: relative; }
	footer #footnav{ padding: 20px 0; background: #2D2D2D; color: #ffffff; }
	footer #footnav li { width: 155px; font-size: 12px; line-height: 22px; display: inline-block; }
	footer #footnav li a{ color: #ffffff; }
	footer #footnav li a:before { content: "\f0da"; font-family: FontAwesome; display: inline-block; 
		padding-right: 5px; }
	footer #footmain { width: 100%; height: 300px; padding-top: 35px; position: relative;
		background: url("../images/footer_bg.jpg") center center no-repeat;
		background-size: auto 300px; }
	@media (min-width: 2001px) { footer #footmain { background-size: 100% auto; } }
	footer #foot_l { float: left; }
	footer h2 { float: left; margin-right: 30px; }
	footer h2 img { width: 85px; }
	/*footer h2 img { width: 250px; }*/
	footer address { font-style: normal; float: left; }
	footer address p { font-size: 13px; line-height: 17px; margin-bottom: 15px; }
	footer address a { font-size: 14px; width: 200px; height: 40px; line-height: 40px; }
	footer #foot_r { float: right; }
	footer #foot_r img { width: 347px; }
	
	footer .copy { text-align: center; font-size: 12px; position: absolute; bottom: 20px; width: 100%; }

/*pagetop*/
	#page-top { position: fixed; bottom: 20px; left: 50%; margin-left: 550px; z-index: 10000; }
	#page-top a { background: #ffffff; text-align: center; display: block; width: 60px; height: 60px; 
		position: relative; border: #E5E1D6 1px solid; }
	
	#page-top.stop { position: absolute; bottom: 420px; }

/*common*/
	#mv { width: 1300px; height: 240px; overflow: hidden; margin: 0 auto; }
	#mv img { width: 1300px; }
	.mainw { width: 1100px; margin: 0 auto; }
	/*article section { padding: 85px 0 75px; }*/
	/*article section:last-child { margin-bottom: 180px; }*/
	h3.ttlh3 { margin: 0 auto 40px; font-size: 26px; line-height: 24px; text-align: center; }
	h3.ttlh3 span { color: #10386B; font-size: 12px; }
	h3.mainch3 { background: url("../images/icon_ch3.svg") center top no-repeat; text-align: center; 
		padding-top: 45px; color: #10386B; font-size: 30px; margin-bottom: 55px; line-height: 30px; }
	h3.mainch3 span { color: #221815; font-size: 14px; }
	h4.ttlh4 { margin: 0 auto 30px; font-size: 22px; padding-bottom: 13px; color: #10386B;
		text-align: left; border-bottom: #DBD3BF 1px solid; }
	/*h4.ttlh4 span { color: #10386B; font-size: 15px; font-family: "Sawarabi Gothic"; }*/
	.mainlead { text-align: center; margin: 60px auto 50px; }
	.mainlead h3 { color: #10386B; font-size: 24px; line-height: 33px; margin-bottom: 15px; }
	.mainlead p,p.lead { text-align: center; font-size: 13px; line-height: 22px; font-family: "Sawarabi Gothic"; }
	p.lead { margin-bottom: 50px; }
	ul.cmenu { border-top: #D8D8D8 1px solid; border-bottom: #D8D8D8 1px solid; width: 1100px; height: 152px;
		text-align: center; padding-top: 20px; margin-bottom: 75px; }
	ul.cmenu li { width: 135px; display: inline-block; margin-right: 60px; }
	ul.cmenu li:last-child { margin-right: 0; }
	ul.cmenu li a { display: block; width: 135px; height: 117px; position: relative; }
	ul.cmenu li img { width: 135px; margin-bottom: 5px; }
	ul.cmenu li p { font-size: 14px; text-align: center; }
	ul.cmenu li a:after { content: "\f107"; font-family: FontAwesome; position: absolute; bottom: 2px;
		left: 50%; margin-left: -7px; color: #10386B;
		-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; 
		 }
	ul.cmenu li a:hover:after { bottom: 0; }

	section .bx-wrapper .bx-viewport { left:0; }
	/*cb...color box*/
	.cb { background: #F4F2ED; }
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; margin: 80px 0 0; }*/
	/*bb...border bottom*/
	.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }

	.cbtn { background: #AA7D45; font-size: 14px; color: #ffffff; display: block; text-align: center; }
	.cbtn:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; }
	.cbtn:hover { background: #10386B; opacity: 1; }

	.cbtn2 { border: #10386B 2px solid; font-size: 14px; color: #10386B; display: block; text-align: center;
		width: 270px; height: 45px; line-height: 45px; margin: 0 auto; }
	.cbtn2:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; }
	.cbtn2:hover { background: #10386B; opacity: 1; color: #ffffff; }

	/*left image/right image*/
	.column2 { margin-bottom: 100px; }
	.column2 .img { width: 650px; }
	.column2 .ol { width: 400px; font-family: "Sawarabi Gothic"; }
	.column2 .ol h4,h4.ch4 { font-size: 28px; line-height: 32px; text-align: center; margin-bottom: 40px;
		font-family: minamoto_l;  }
	.column2 .ol h4 span,h4.ch4 span { display: inline-block; line-height: 20px; padding: 0 8px;
		font-size: 14px; color: #AA7D45; border: #C18C52 3px double; }
	.column2 .ol p { font-size: 13px; line-height: 20px; padding-bottom: 20px; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 400px; }
	.column2 .ol table { border-collapse: collapse; margin-bottom: 25px; width: 400px; }
	.column2 .ol table th,.column2 .ol table td { border-bottom: #D8D8D8 1px solid; height: 42px; 
		line-height: 42px; }
	.column2 .ol table th { background: #F2F2F2; width: 120px; text-align: center; }
	.column2 .ol table td { padding-left: 15px; }
	.column2 .ol .cbtn { width: 260px; height: 45px; margin: 0 auto; line-height: 45px; }
	.limg .img,.rimg .ol { float: left; }
	.rimg .img,.limg .ol { float: right; }
	
	.column3 li { width: 340px; float: left; margin-right: 35px; font-family: "Sawarabi Gothic"; }
	.column3 li:last-child { margin-right: 0; }
	.column3 li img { width: 340px; margin-bottom: 30px; }
	.column3 li h4 { font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 20px;
		font-family: minamoto_l;  }
	.column3 li h4 span { display: inline-block; line-height: 20px; padding: 0 8px;
		font-size: 14px; color: #AA7D45; border: #C18C52 3px double; }
	.column3 li p { font-size: 13px; line-height: 20px; padding-bottom: 20px; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 340px; }
	.column3 li table { border-collapse: collapse; margin-bottom: 25px; width: 340px; }
	.column3 li table th,.column3 li table td { border-bottom: #D8D8D8 1px solid; height: 42px; 
		line-height: 42px; }
	.column3 li table th { background: #F2F2F2; width: 90px; text-align: center; }
	.column3 li table td { padding-left: 12px; }

	ul.bul li { line-height: 32px; font-size: 13px; }
	ul.bul li:before { content: "■"; color: #10386B; }

	table.ctable { border-top: #10386B 2px solid; border-collapse: collapse; margin-bottom: 25px; width: 430px; }
	table.ctable th,table.ctable td { border-bottom: #D8D8D8 1px solid; height: 42px; 
		line-height: 42px; }
	table.ctable th { background: #F2F2F2; width: 120px; text-align: center; }
	table.ctable td { padding-left: 15px; }

	/*cdl...common dl*/
	.cdl { border-top: #4D4D4D 1px solid; border-left: #4D4D4D 1px solid; width: 1000px;
		border-right: #4D4D4D 1px solid; font-family: "Sawarabi Gothic"; }
	.cdl dt { text-align: center; border-bottom: #4D4D4D 1px solid; float: left;
		border-right: #4D4D4D 1px solid; }
	.cdl dd { border-bottom: #4D4D4D 1px solid; float: left; }
	.cdl dt.l2 { height: 65px; }
	.cdl dd.l2 { height: 65px; line-height: 24px; padding-top: 8px; }
	.cdl dt.l3 { height: 90px; }
	.cdl dd.l3 { height: 90px; line-height: 24px; padding-top: 8px; }
	.cdl dt.l4 { height: 85px; line-height: 85px; }
	.cdl dd.l4 { height: 85px; line-height: 20px; }
	.cdl dt.l5 { height: 145px; line-height: 145px; }
	.cdl dd.l5 { height: 145px; line-height: 26px; padding-top: 5px; }
	.cdl dt.l6 { height: 200px; line-height: 199px; }
	.cdl dd.l6 { height: 200px; line-height: 26px; padding-top: 26px; }

	.spin {
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -ms-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
	}
	.spin2 {
    -webkit-animation: spin2 2.5s linear infinite;
    -moz-animation: spin2 2.5s linear infinite;
    -ms-animation: spin2 2.5s linear infinite;
    -o-animation: spin2 2.5s linear infinite;
    animation: spin2 2.5s linear infinite;
	}

	.imgfade1,.imgfade2,.imgfade3,.imgfade4,.imgfade5,.imgfade6,.imgfade7,.imgfade8 { opacity: 0; }
	.imgfade .imgfade1 { 
		-moz-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0s 1 normal forwards;
	}
	.imgfade .imgfade2 { 
		-moz-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
	}
	.imgfade .imgfade3 { 
		-moz-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
	}
	.imgfade .imgfade4 { 
		-moz-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
	}
	.imgfade .imgfade5 { 
		-moz-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
	}
	.imgfade .imgfade6 { 
		-moz-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
	}
	.imgfade .imgfade7 { 
		-moz-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
	}
	.imgfade .imgfade8 { 
		-moz-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
	}


}
	@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 
		100% {-webkit-transform: rotate(360deg);} }
	@-moz-keyframes spin { 0% {-moz-transform: rotate(0deg);} 
		100% {-moz-transform: rotate(360deg);} }
	@-ms-keyframes spin { 0% {-ms-transform: rotate(0deg);} 
		100% {-ms-transform: rotate(360deg);} }
	@-o-keyframes spin { 0% {-o-transform: rotate(0deg);} 
		100% {-o-transform: rotate(360deg);} }
	@keyframes spin { 0% {transform: rotate(0deg);} 
		100% {transform: rotate(360deg);} }

	@-webkit-keyframes spin2 { 0% {-webkit-transform: rotate(0deg);} 
		100% {-webkit-transform: rotate(-360deg);} }
	@-moz-keyframes spin2 { 0% {-moz-transform: rotate(0deg);} 
		100% {-moz-transform: rotate(-360deg);} }
	@-ms-keyframes spin2 { 0% {-ms-transform: rotate(0deg);} 
		100% {-ms-transform: rotate(-360deg);} }
	@-o-keyframes spin2 { 0% {-o-transform: rotate(0deg);} 
		100% {-o-transform: rotate(-360deg);} }
	@keyframes spin2 { 0% {transform: rotate(0deg);} 
		100% {transform: rotate(-360deg);} }

	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

@media (max-width:750px){
	body { font-size: 3.2vw; line-height: 1.5; }
	.mb20 { margin-bottom: 2.6vw !important; }
	.mb25 { margin-bottom: 3.3vw !important; }
	.mb30 { margin-bottom: 4vw !important; }
	.mb40 { margin-bottom: 5.3vw !important; }
	.mb50 { margin-bottom: 6.6vw !important; }
	.mb60 { margin-bottom: 8vw !important; }
	.mb70 { margin-bottom: 9.3vw !important; }
	.mb80 { margin-bottom: 10.6vw !important; }
	.mb90 { margin-bottom: 12vw; }
	.mb100 { margin-bottom: 13.3vw !important; }
	.mb120 { margin-bottom: 16vw !important; }
	.pt50 { padding-top: 6.6vw !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }


	body { width:100%; }
	.animsition{width: 100%; overflow: hidden;}
	.for_pc { display: none; }
	img { max-width: 100%; }
	
	.cf_s:before,.cf_s:after { content:""; display:table; }
	.cf_s:after { clear:both; }
	.cf_s { zoom:1; }

	.mainw { width: 92vw; margin: 0 auto; }

	/*cb...color box*/
	.cb { background: #F4F1E9; }
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; }*/

	#fnav { width:100%; position:fixed; left:0; bottom:0; z-index:20000; }
	#foot_spnav { width:100%; height:16vw; background: #ffffff; }
	#foot_spnav ul { width:100%; height:16vw; font-family: "Sawarabi Gothic"; }
	#foot_spnav ul li { display:inline-block; width:33%; width: -webkit-calc(100% / 3); 
		width: calc(100% / 3); height:16vw; text-align: center; position: relative; }
	#foot_spnav ul li:after { content: ""; height: 8vw; position: absolute; right: 0; top:4vw;
		border-right: #C6C6C6 1px solid; }
	#foot_spnav ul li:last-child:after { border-right: none; }
	#foot_spnav ul li a { display:block; width:100%; height:16vw; text-align: center;
		padding-top: 2.6vw; }
	#foot_spnav ul li a img { width:7.3vw; }
	#fnav_in { display: none; position: fixed; left: 0; bottom: 0; width: 100%; /*height: 100vh;*/
		/*overflow: auto;*/ background: rgba(8,41,77,0.95); text-align: center; 
		font-family: "Sawarabi Gothic"; }
	#fnav_in .menu_close { width: 8.5vw; padding-bottom: 11vw; display: block; position: absolute; top:3.3vw;
		right: 3.3vw; }
	#fnav_in h2 { padding-top: 3.3vw; width: 13.3vw; text-align: center; margin: 0 auto 4vw; }
	#fnav_in ul { border-top: #305C72 1px solid; width: 92vw; text-align: left; 
		 }
	#fnav_in ul li { border-bottom: #305C72 1px solid; height: 14vw; line-height: 14vw;
		width: 50%; float: left; }
	#fnav_in ul li:nth-child(odd) { border-right: #305C72 1px solid; }
	#fnav_in ul li a { display: block; width: 100%; height: 14vw; padding-left: 5vw; color: #ffffff;
		position: relative; font-size: 3.7vw; }
	#fnav_in ul li a:after { content: "\f105"; font-family: FontAwesome; position: absolute;
		top:0; right: 5vw; }
	#fnav_in ul li.rsv_sp a { background: #AA7D45; }
	#fnav_in .btn_rsv { width: 92vw; height: 13vw; line-height: 13vw; text-align: center;
		background: #AA7D45; display: block; margin: 5.3vw auto; color: #ffffff; }
	#fnav_in .btn_rsv:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; }
	#fnav_in .tel_fs { font-size: 9.3vw; color: #AA7D45; padding-left: 9vw; text-align: left;
		background: url("../images/icon_tel_fs.svg") left center no-repeat;
		background-size: 7.6vw auto; display: block; width: 92vw; }
	#fnav_in p { color: #ffffff; font-size: 4vw; margin-bottom: 4vw; }

/*header*/
	header { width: 100%; height: 23vw; border-top: #10386B 0.6vw solid;  }
	header h1 { width: 16vw; padding-top: 2.8vw; margin: 0 auto; }

/*rsv*/
	#rsv { display: none; }


/*footer*/
	footer { margin-bottom: 16vw; }
	footer #pagetop_sp { width: 100%; height: 40vw; text-align: center; padding-top: 13vw; }
	footer #pagetop_sp a { display: block; width: 18vw; height: 18vw; border: #E5E1D6 1px solid;
		text-align: center; margin: 0 auto; }
	footer #pagetop_sp a img { width: 18vw; }
	footer { text-align: center; }
	footer #footnav{ padding: 10vw 0; background: #2D2D2D; color: #ffffff; text-align: left; }
	footer #footnav .mainw { width: 90vw; }
	footer #footnav li { width: 50%; font-size: 3.2vw; line-height: 10vw; display: inline-block; }
	footer #footnav li a{ color: #ffffff; }
	footer #footnav li a:before { content: "\f0da"; font-family: FontAwesome; display: inline-block; 
		padding-right: 2vw; }
	footer #footmain { width: 100%; /*height: 97vw;*/ padding-top: 9vw; position: relative;
		background: url("../images/footer_bg_sp.jpg") center center no-repeat; padding-bottom: 9vw;
		background-size: 100% 97vw; }
	footer #foot_l { width: 92vw; margin: 0 auto 10vw ; }
	footer h2 { width: 23vw; margin-right: 4vw; float: left; }
	footer address { font-style: normal; float: right; width: 61vw; margin-bottom: 10vw; }
	footer address p { font-size: 3.2vw; line-height: 5vw; text-align: left; margin-bottom: 2.6vw; }
	footer address a { width: 61vw; height: 13vw; line-height: 13vw; }
	footer #foot_r { margin-bottom: 6.4vw; }
	footer #foot_r a { width: 92vw; margin: 0 auto; display: block; }
	footer #foot_r a img { width: 92vw; }
	footer .copy { font-size:80%; padding-bottom: 1vw; }





/*pagetop*/
	
	#page-top { display: none; }


/*common*/
	#mv { margin-bottom: 9.3vw; }
	h3.ttlh3 { margin: 0 auto 6.6vw; font-size:6.1vw; text-align: center; line-height: 6vw; }
	h3.ttlh3 span { color: #10386B; font-size: 2.8vw; }
	h3.mainch3 { background: url("../images/icon_ch3.svg") center top no-repeat; text-align: center; 
		background-size: 10vw auto;
		padding-top: 11vw; color: #10386B; font-size: 6vw; margin-bottom: 8vw; line-height: 6vw; }
	h3.mainch3 span { color: #221815; font-size: 3.2vw; }
	h4.ttlh4 { margin: 0 auto 4vw; color: #10386B; font-size: 4.8vw; 
		text-align: left; border-bottom: #DBD3BF 1px solid; }
	/*h4.ttlh4 span { color: #10386B; font-size:2.4vw; font-family: "Sawarabi Gothic"; }*/
	.mainlead { text-align: center; margin: 0 auto 9.3vw; }
	.mainlead h3 { color: #10386B; font-size: 4.5vw; line-height: 6.1vw; margin-bottom: 4vw; }
	.mainlead p,p.lead { text-align: center; font-size: 3.2vw; line-height: 5.6vw; }
	p.lead { margin-bottom: 8vw; }
	ul.cmenu { border-top: #D8D8D8 1px solid; border-bottom: #D8D8D8 1px solid; width: 92vw;
		text-align: center; padding: 5.3vw 0 3vw; margin: 0 auto 11vw; }
	ul.cmenu li { width: 27vw; display: inline-block; margin-right: 4vw; vertical-align: top; }
	ul.cmenu li:last-child,ul.cmenu li:nth-child(3n) { margin-right: 0; }
	ul.cmenu li a { display: block; width: 27vw; height: 23vw; position: relative; text-align: center; }
	ul.cmenu li img { width: 25vw; }
	ul.cmenu li p { font-size: 3vw; text-align: center; }
	ul.cmenu li a:after { content: "\f107"; font-family: FontAwesome; position: absolute; bottom: 0;
		left: 50%; margin-left: -1.6vw; color: #10386B; }

	.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 4vw; margin-bottom: 13vw; }

	.cbtn { background: #AA7D45; font-size: 4vw; color: #ffffff; display: block; text-align: center; }
	.cbtn:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; }

	.cbtn2 { border: #10386B 2px solid; font-size: 4vw; color: #10386B; display: block; text-align: center;
		width: 80vw; height: 10vw; line-height: 10vw; margin: 0 auto; }
	.cbtn2:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; }

	/*left image/right image*/
	.column2 { margin-bottom: 16vw; }
	.column2 .img { width: 92vw; margin-bottom: 5.3vw; }
	.column2 .ol { width: 92vw; font-family: "Sawarabi Gothic"; }
	.column2 .ol h4,h4.ch4 { font-size: 5.6vw; line-height: 8.2vw; text-align: center; margin-bottom: 5.3vw;
		font-family: minamoto_l;  }
	.column2 .ol h4 span,h4.ch4 span { display: inline-block; line-height: 4vw; padding: 0 2vw;
		font-size: 3.7vw; color: #AA7D45; border: #C18C52 3px double; }
	.column2 .ol p { font-size: 3.2vw; line-height: 4.5vw; padding-bottom: 3.6vw; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 92vw; }
	.column2 .ol table { border-collapse: collapse; margin-bottom: 4.8vw; width: 92vw; }
	.column2 .ol table th,.column2 .ol table td { border-bottom: #D8D8D8 1px solid; height: 10vw; 
		line-height: 10vw; }
	.column2 .ol table th { background: #F2F2F2; width: 30vw; text-align: center; }
	.column2 .ol table td { padding-left: 3.4vw; }
	.column2 .ol .cbtn { width: 92vw; height: 13vw; margin: 0 auto; line-height: 13vw; }

	.column3 li { width: 92vw; margin: 0 auto 8vw; font-family: "Sawarabi Gothic"; }
	/*.column3 li:last-child { margin-right: 0; }*/
	.column3 li img { width: 92vw; margin-bottom: 4vw; }
	.column3 li h4 { font-size: 5.2vw; line-height: 8.2vw; text-align: center; margin-bottom: 4.6vw;
		font-family: minamoto_l;  }
	.column3 li h4 span { display: inline-block; line-height: 4vw; padding: 0 2vw;
		font-size: 3.7vw; color: #AA7D45; border: #C18C52 3px double; }
	.column3 li p { font-size: 3.2vw; line-height: 4.5vw; padding-bottom: 3.6vw; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 92vw; }
	.column3 li table { border-collapse: collapse; margin-bottom: 4.8vw; width: 92vw; }
	.column3 li table th,.column3 li table td { border-bottom: #D8D8D8 1px solid; height: 10vw; 
		line-height: 10vw; }
	.column3 li table th { background: #F2F2F2; width: 26vw; text-align: center; }
	.column3 li table td { padding-left: 3vw; }
	

	
	table.ctable { border-top: #10386B 2px solid; border-collapse: collapse; margin: 0 auto 4vw; width: 87vw; }
	table.ctable th,table.ctable td { border-bottom: #D8D8D8 1px solid; height: 10vw; 
		line-height: 10vw; font-size: 3.2vw; }
	table.ctable th { background: #F2F2F2; width: 26vw; text-align: center; }
	table.ctable td { padding-left: 3vw; text-align: left; }
	table.ctable td.long { line-height: 4.2vw; padding: 3vw; }

	/*cdl...common dl*/
	.cdl { border-top: #3e3a39 1px solid; border-left: #3e3a39 1px solid; 
		border-right: #3e3a39 1px solid; width: 93vw; margin: 3vw auto; }
	.cdl dt { /*width: 90vw;*/ text-align: center; border-bottom: #3e3a39 1px solid;
		border-bottom: #3e3a39 1px solid; min-height: 6vw; line-height: 6vw; font-size: 3.4vw; }
	.cdl dd { /*width: 90vw;*/ border-bottom: #3e3a39 1px solid; min-height: 6vw; line-height: 6vw;
		font-size: 3.2vw; padding: 2vw; }
	
	ul.bul li { line-height: 6.9vw; font-size: 3.4vw; }
	ul.bul li:before { content: "■"; color: #10386B; }
}