 /* CSS Document */

/*@font-face {
font-family: "notoserif";
  src: url("fonts/notoserifcjk.woff") format("woff");
}
@font-face {
font-family: "hannari";
  src: url("fonts/hannari.woff") format("woff");
}*/

html,body { width: 100%; }
body {
	color: #1C1C1C;
	margin: 0 auto;
	/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	/*background: #000000;*/
	-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;
}
h1,h2,h3,h4,h5,h6,strong { font-weight: normal; }
img { vertical-align: bottom; max-width: 100%; }

.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; }

.en { font-family: "Questrial"; letter-spacing: 2px; }

a {
	color: #1C1C1C;
	text-decoration: none;
}


/* .loading-area
-------------------------------------------------------------------------------- */
	.loading-area {
		background: #fff;
		width: 100%;
		height: 100%;
		height: 100vh;
		position: fixed; 
		z-index: 22000;
	}
	.loading-area .loadeing-logo-area {
		position: absolute;
		top: 50vh;
		bottom: 0;
		left: 10px;
		right: 0;
		margin: auto;
		width: 580px;
		height: 200px; 
		margin-top: -100px; 
		text-align: center;
	}
	.loading-area .loadeing-logo-area img { 
		display: none; 
	}
/*
	.loading-area .loadeing-logo-area img { 
		opacity: 0.6; 
	}
*/

/*
@media screen and (max-width: 1119px) { 
	
	.loading-area .loadeing-logo-area { 
		top:0;bottom:0;left:0;right:0;margin:auto
	}
}
*/

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

	.loading-area .loadeing-logo-area{ 
		top: 0; 
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 50%;
		height: 300px
	}
	.loading-area .loadeing-logo-area img { 
		width:100%; 
		opacity: 1;
	}
}
	.loading-area .loadeing-logo-area i { 
		color:#ccc;display:block;margin:30px auto 0
	}


/* Start @media (min-width:751px) pc向けここから
-------------------------------------------------------------------------------- */
@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; }
	.mr20 { margin-right: 20px; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }
	.fs14 { font-size: 14px; }
	.fs16 { font-size: 16px; }
	.fs24 { font-size: 24px; }
	.fs26 { font-size: 26px; }

	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.5; }

	.img_hidden {
		opacity: 0;
		transition: 1s;
	}
	.img_open {
		-moz-animation: imgfade 1s linear 0s 1 normal forwards;
		-webkit-animation: imgfade 1s linear 0s 1 normal forwards;
		-o-animation: imgfade 1s linear 0s 1 normal forwards;
		-ms-animation: imgfade 1s linear 0s 1 normal forwards;	
	}
	.img_open.ih2 {
		-moz-animation: imgfade 1s linear 0.3s 1 normal forwards;
		-webkit-animation: imgfade 1s linear 0.3s 1 normal forwards;
		-o-animation: imgfade 1s linear 0.3s 1 normal forwards;
		-ms-animation: imgfade 1s linear 0.3s 1 normal forwards;	
	}
	.img_open.ih3 {
		-moz-animation: imgfade 1s linear 0.6s 1 normal forwards;
		-webkit-animation: imgfade 1s linear 0.6s 1 normal forwards;
		-o-animation: imgfade 1s linear 0.6s 1 normal forwards;
		-ms-animation: imgfade 1s linear 0.6s 1 normal forwards;	
	}
	.img_open.ih4 {
		-moz-animation: imgfade 1s linear 0.9s 1 normal forwards;
		-webkit-animation: imgfade 1s linear 0.9s 1 normal forwards;
		-o-animation: imgfade 1s linear 0.9s 1 normal forwards;
		-ms-animation: imgfade 1s linear 0.9s 1 normal forwards;	
	}
	.img_open.ih5 {
		-moz-animation: imgfade 1s linear 1.2s 1 normal forwards;
		-webkit-animation: imgfade 1s linear 1.2s 1 normal forwards;
		-o-animation: imgfade 1s linear 1.2s 1 normal forwards;
		-ms-animation: imgfade 1s linear 1.2s 1 normal forwards;	
	}

	.showup {
		opacity: 0;
		transition: 1s;
		transform: translateY(20px);
	    -webkit-transform: translateY(20px);
	    -moz-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	    -o-transform: translateY(20px);
	}
	.upview {
		-moz-animation: showup 0.6s linear 0s 1 normal forwards;
		-webkit-animation: showup 0.6s linear 0s 1 normal forwards;
		-o-animation: showup 0.6s linear 0s 1 normal forwards;
		-ms-animation: showup 0.6s linear 0s 1 normal forwards;	
	}
	.upview.uv2 {
		-moz-animation: showup 0.6s linear 0.3s 1 normal forwards;
		-webkit-animation: showup 0.6s linear 0.3s 1 normal forwards;
		-o-animation: showup 0.6s linear 0.3s 1 normal forwards;
		-ms-animation: showup 0.6s linear 0.3s 1 normal forwards;	
	}
	.upview.uv3 {
		-moz-animation: showup 0.6s linear 0.6s 1 normal forwards;
		-webkit-animation: showup 0.6s linear 0.6s 1 normal forwards;
		-o-animation: showup 0.6s linear 0.6s 1 normal forwards;
		-ms-animation: showup 0.6s linear 0.6s 1 normal forwards;	
	}
	.upview.uv4 {
		-moz-animation: showup 0.6s linear 0.9s 1 normal forwards;
		-webkit-animation: showup 0.6s linear 0.9s 1 normal forwards;
		-o-animation: showup 0.6s linear 0.9s 1 normal forwards;
		-ms-animation: showup 0.6s linear 0.9s 1 normal forwards;	
	}

	.for_sp{ display: none !important; }
	.for_tab{ display: none !important; }
	.for_nw{ display: none !important; }
	.tab .for_pcnotab { display: none !important; }
	.tab .for_tab { display: inline !important; }
	body { 
		font-size: 16px; 
		line-height: 16px; 
	}
	.wrap { 
		position: relative; 
		width: 100%; 
		overflow: hidden; 
		/*background: url("../images/bg.jpg");*/
	}
	

/* #fnav , header
-------------------------------------------------------------------------------- */	
	#fnav { 
		position: fixed; 
		top:-160px; 
		left:0; 
		transition:0.6s; 
		width: 100%; 
		height: 80px; 
		z-index: 8000;
	}
	#fnav.show { 
		top:0; 
	}
	#nav { 
		z-index: 3000; 
		background: #FFFFFF;
		/*background: url("../images/bg.jpg"); */
		height: 80px; 
	}
	.nav .mainw { 
		/*display: flex; */
		/*align-items:center; */
		/*justify-content:space-between; */
		height: 100%; 
	}

	.nav .gnavwrap {
		align-items: center;
		justify-content: space-between;
		height: 100%;
	}
	.nav .gnavwrap .kuontop {
		display: flex;
		align-items: center;
	}
	.nav .gnavwrap .kuontop p {
		text-align: center;
		color: #802219;
		line-height:1;
		font-size: 20px;
		margin-right: 1em;
	}
	.nav .gnavwrap .kuontop p span {
		font-size: 14px;
	}

	.nav .gnavwrap .kuontop a {
		display: inline-block;
		padding: 0.5em 1em;
		border: 1px solid #D1C9A7;
	}


/*	#nav_h { 
		align-items: center; 
		justify-content:space-between; 
		border-bottom: rgba(255,255,255,0.2) 1px solid; 
		background: #ffffff; 
		width: 213px; 
		height: 100%; 
	}*/
	#fnav h1 { 
		position: relative; 
		z-index: 100; 
		margin-right: 20px;
	}
	#fnav h1 a { 
		display: block; 
		width: 260px; 
		height: 30px; 
		text-indent: -10000px; 
		overflow: hidden;
		background: url(../images/logo_footer.svg) center center no-repeat; 
		background-size: contain; 
	}
	#nav_h h1 a { 
		display: block; 
		text-indent: -10000px; 
		overflow: hidden;
		background: url(../images/logo.png) center center no-repeat; 
		background-size: contain;
		width: 213px; 
		height: 20px; 
	}
	#nav_h .tel_lang { 
		justify-content:flex-end; 
		padding-right: 2vw; 
		align-items:center; 
	}
	#nav_h .tel_lang p.tel { 
		color: #ffffff; 
		font-size: 16px;
	}
	.nav .gnav { 
		display: flex; 
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#nav_h .gnav { 
		padding-right: 2vw; 
	}
	.gnav li { 
		/*width: 15%;*/
		height: 40px;
		/*border-bottom: 1px solid #3a3a3a;*/
		padding: 0 1em;
		/*margin: 0 1em;*/
		position: relative;
	}
	.gnav li:first-child {
		margin-left: 0;
	}
	.gnav li::after {
		content: "";
		display: block;
		width: 1px;
		height: 20px;
		background: #c9c9c9;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.gnav li:last-child::after {
		display: none;
	}
	.gnav li a { 
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/*padding: 0 1em;*/
		padding: 0;
		height: 100%;
		/*background: url(../images/icon_down_gray.svg) right center no-repeat;*/
		position: relative;
	}
	#nav_h .gnav li a { 
		color: #ffffff; 
	}
	.gnav li a:after { 
		content: ""; 
		display: block; 
		width: 0; 
		height: 1px; 
		background: #1C1C1C; 
		position: absolute; 
		bottom: 10px;
		left: 0; 
		transition:0.3s; 
	}
/*
	#nav_h .gnav li a:after { 
		bottom: 0; 
		background: #ffffff; 
	}
*/
	.gnav li a:hover { 
		opacity: 1; 
/*		background: url(../images/icon_down_gray.svg) right bottom 17px no-repeat;
		color: #ddb339;*/
	}

	.gnav li a:hover:after , 
	.gnav li a.active:after { 
		width: 100%; 
	}


	.bg_gray {
		background: #EFEFEF;
	}


	header { 
		/*position: absolute; 
		width: 100%; 
		top:0; left: 0; 
		z-index: 200;*/ 
		/*height: 75px; */
		/*background: #FFFFFF; */
		margin-bottom: 70px;
	}
	header>div {
		/*width: 86%;*/
		width: 1200px;
		height: 100%;
		margin-right: auto;
		margin-left: auto;
		align-items: center;
		justify-content: space-between;
	}

	#h_nav {
		/*position: absolute;*/
		position: relative;
		/*z-index: 15;*/
		z-index: 40;
		/*bottom: 20px;*/
		/*left: 0;*/
		/*right: 0;*/
	}

	#h_nav>div.mainw {
		position: relative;
		justify-content: center;
	}
	#h_nav .logo { 
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 3; 
		width: 150px; 
		height: 195px; 
	}

	#h_nav .f_gnav.gnav {
		display: flex; 
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: center;
		height: 80px;
	}
	#h_nav .f_gnav.gnav li {
		/*width: 15%;*/
		height: 40px;
		/*border-bottom: 1px solid #3a3a3a;*/
		padding: 0 1em;
	}
	#h_nav .gnav li:first-child {
		display: none;
	 }
	#h_nav .gnav li:nth-child(2) {
		padding-left: 0;
	 }
	#h_nav .f_gnav.gnav li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/*padding: 0 1em;*/
		height: 100%;
		/*background: url(../images/icon_down_gray.svg) right center no-repeat;*/
		position: relative;
	}
	#h_nav .f_gnav.gnav li a:hover {
		opacity: 1; 
		/*background-position: right bottom 17px;*/
		/*color: #ddb339;*/
	}
	#h_nav .f_gnav.gnav li a.gm0 {
		display: none;
	}


/* .language_menu
-------------------------------------------------------------------------------- */
	.language_menu { 
		line-height: 25px; 
		position: relative; 
		background: rgba(255,255,255,0.2); 
		margin-left: 20px; 
	}
	.language_menu>li { 
		position: relative; 
		width: 120px; 
		height: 25px; 
		text-align: center; 
		cursor: pointer; 
	}
/*
		.language_menu>li:last-child { 
			border-right: none; 
	}
*/
	.language_menu>li a { 
		display: block; 
		width: 120px; 
		height: 25px; 
		font-size: 13px; 
		position: relative; 
		line-height: 25px; 
		/*text-decoration: underline;*/ 
	}
	.language_menu>li>a { 
		font-family: "Questrial"; 
	}
	#nav_h .language_menu>li>a { 
		color: #ffffff; 
	}
	.language_menu>li>a:after { 
		content: "\f107"; 
		font-family: FontAwesome; 
		color: #2c3280;
		padding-left: 6px; 
		color: #ffffff; 
	}
	.language_menu>li:hover a { 
		opacity: 1; 
	}
	.language_menu>li ul { 
		left: 0; 
		position: absolute; 
		z-index: 30; 
	}
	.language_menu>li ul li { 
		overflow: hidden; 
		height: 0; 
		transition: 0.2s; 
		position: relative;
		background: rgba(255,255,255,0.8); 
	}
/*	
	.language_menu>li ul li:before { 
		content: ""; 
		width: 86px; 
		height: 1px; 
		background: #ffffff; 
		position: absolute; 
		top:0; left: 50%; 
		margin-left: -43px; 
	}
*/
	.language_menu>li:hover > ul > li { 
		overflow: visible; 
		width: 120px; 
		height: 25px; 
		line-height: 25px; 
	}
	.language_menu>li ul li a { 
		display: block; 
		position: relative; 
		height: 25px; 
		line-height: 25px; 
		color: #282828; 
	}
	.language_menu>li:hover ul li a:hover { 
		background: #493228; 
		color: #ffffff; 
	}


/* bns
-------------------------------------------------- */	
	#bns { padding: 20px 0 25px; border-top: 1px solid #20B27B; }
	#bns .factel { justify-content: center; align-items: center; }
	#bns .factel p { margin-right: 50px; }
	#bns ul.cflex { justify-content:center; box-sizing: border-box; }
	#bns ul.cflex li { margin: 0 10px; line-height: 1.2; }
	#bns ul.cflex li a { display: inline-block; position: relative;
						background: url(../images/icon_tel.svg) center left no-repeat;
						background-size: 20px;
						padding-left: 25px; color: #20B27B;
						font-size: 29px; font-weight: bold;
						font-family: 'Muli', sans-serif;
						pointer-events: none;
						 }
/*	
	#bns ul.cflex li a:after { content: ""; width: 22px; height: 3px; position: absolute; bottom: 20px;
		right: 20px; transition:0.3s; background: url(../images/icon_arrow.svg) right center no-repeat; }
	#bns ul.cflex li:nth-child(2) a:after { background: url(../images/icon_arrow_g.svg) right center no-repeat; }
	#bns ul.cflex li a:hover { opacity: 1; }
	#bns ul.cflex li a:hover:after { right: 10px; }
*/


/* footer
-------------------------------------------------------------------------------- */
	footer { 
		width: 100%; 
		position: relative; 
		padding-top: 55px;
		padding-bottom: 60px;
		/*border-top: 1px solid #232323; */
		background: url("../images/bg_footer.jpg") top center no-repeat;
		background-size: cover; 
		color: #FFFFFF;
	}
/*
	footer .footnav { 
		height: 45px; 
		display: flex; 
		justify-content: 
		center; align-items:center; 
		background: #4D4D4D; 
	}
	footer .footnav li { 
		border-right: #FFFFFF 1px solid; 
	}
	footer .footnav li:last-child { 
		border-right: none; 
	}
	footer .footnav a { 
		font-size: 15px; 
		color: #FFFFFF; 
		display: block; 
		padding: 0 15px; 
	}
*/
	footer .mainw { 
		flex-direction: column;
		align-items: center;

	}
	.hpfacboxtxt {
		/*width: 50%;*/
	}
	footer h2 { 
		margin-bottom: 35px; 
		text-align: center;
	}
	footer h2 a { 
		color: #FFFFFF; 
	}
	footer address{ 
		font-style: normal; 
		margin-bottom: 45px;
	}
	footer address p { 
		font-size: 16px; 
		line-height: 1.5; 
		text-align: center;
		margin-bottom: 20px; 
	}
	footer address a { 
		pointer-events: none; 
	}
	footer .hplink { 
		justify-content: center; 
	}
	footer .copy { 
		color: #FFFFFF; 
		text-align: center; 
		font-size: 13px; 
		/*width: 45%;*/
	}

/*
	.hpfacbox {
		background: #4D4D4D;
		padding: 10px;
		color: #FFFFFF;
		margin-left: 5px;
		margin-right: 5px;
	}
	.hpfacbox .hpfacboximg {
		width: 137px;
		height: 98px;
		margin-right: 8px;
	}
	.hpfacbox .hpfacboxtxt {
		font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', sans-serif, メイリオ, Meiryo, 'ＭＳ Ｐゴシック';
	}
	.hpfacbox .hpfacboxtxt h6 {
		font-size: 14px;
		line-height: 1.5;
	}
	.hpfacbox .hpfacboxtxt p {
		font-size: 12px;
		line-height: 1.5;
	}
*/

/* pagetop
-------------------------------------------------- */
	#page-top { 
		position: fixed; 
		bottom: 40px; 
		left: 50%; 
		margin-left: 610px; 
		z-index: 2000; 
		/*display: none !important; */
	}
	#page-top a { 
		display: block; 
		/*background: url(../images/pagetop.svg) center center no-repeat #282828;*/
		/*background: url("../images/bg.jpg");*/
		background: #EFEFEF;
		width:60px; 
		height:60px; 
		padding-top: 18px;
		border-radius: 30px;
		position: relative; 
		text-align: center; 
	}
	#page-top a:hover { 
		opacity: 0.7; 
		/*background-color: #ddb339; */
	}
	#page-top a:hover img { 
		opacity: 1; 
	}
	#page-top.stop { 
		position: absolute; 
		/*bottom: 360px; */
		bottom: 500px;
	}

    #pagetop_sp {
        width: 100%;
        height: 55px;
        background-color: #FFFFFF;
        display: none;
    }
    #pagetop_sp a {
        display: block;
        width: 100px;
        height: 55px;
        text-align: center;
        color: #20B27B;
        position: relative;
        padding-top: 25px;
        margin-top: 75px;
        margin-left: auto;
        margin-right: auto;
    }
    #pagetop_sp a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -16px;
        width: 32px;
        height: 14px;
    }


/* common
-------------------------------------------------- */
	.mainwrp { padding-right: 100px; width: 100%; }
	.mainw,.mainw_pc { /*width: 86%;*/ width: 1200px; margin: 0 auto; }
	.w1200 { width: 1200px; margin: 0 auto; }
	.w1100 { width: 1100px; margin: 0 auto; }
	.w1080 { width: 1080px; margin: 0 auto; }
	.w1000 { width: 1000px; margin: 0 auto; }
	.w950 { width: 950px; margin: 0 auto; }
	.w900 { width: 900px; margin: 0 auto; }
	.w800 { width: 800px; margin: 0 auto; position: relative; }
	.w700 { width: 700px; margin: 0 auto; }
	.anchor { 
		margin-top: -90px; 
		padding-top: 90px; 
	}
	.cflex { display: flex; }
	p { 
		font-size: 16px; 
		line-height: 26px; 
	}
	#mv { 
		width: 100%; 
		height: 300px; 
		overflow: hidden; 
		text-align: center;
		position: relative; 
	}
	#mv h2 { 
		position: absolute; 
		top:0; 
		width: 100%; 
		height: 300px; 
		left: 0; 
		text-align: center;
		overflow: hidden; 
		text-indent: -100000px; 
	}
/*
	#mv:after { 
		content: ""; 
		width: 100%; 
		height: 150px; 
		position: absolute; 
		top:0; 
		left: 0; 
		background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)); 
	}
*/
	#lead { 
		padding: 50px 0; 
	}
	#lead h3 { 
		width: 100%; 
		height: 40px; 
		margin-bottom: 30px; 
		text-indent: -100000px; 
		overflow: hidden; 
	}
	#lead p { 
		text-align: center; 
	}
	p.lead { 
		font-size: 16px; 
		line-height: 26px; 
		text-align: center; 
		margin: 0 0 40px; 
	}
	ul.noteul li { 
		padding-left: 1em; 
		text-indent: -1em; 
		font-size: 14px; 
		line-height: 20px; 
	}
	p.note:before { 
		content: ""; 
		display: inline-block; 
		width: 9px; 
		height: 7px; 
		margin-right: 5px;
		background: url(../images/icon_note.svg) center center no-repeat; 
	}
	
/*	
	.h2wrp { 
		background: #ffffff; 
		height: 70px; 
	}
	h2.mainh2 { 
		font-size: 18px; 
		text-align: left; 
		font-weight: normal; 
		margin: 0 auto; 
		line-height: 70px;
		width: 1200px;
	}
	h2.mainh2>span { 
		font-size: 40px; 
		font-family: 'EB Garamond'; 
		display: inline-block; 
		padding-right: 12px;
		margin-right: 12px; 
		position: relative; 
	}
	h2.mainh2>span:after { 
		content: ""; 
		position: absolute; 
		width: 1px; 
		height: 28px; 
		right: 0; 
		top:21px;
		background: #ccc7be; 
	}
	h2.mainh2 span span { 
		color: #af8242; 
	}
*/


/* .ch3 , .ch4 , 見出し系
-------------------------------------------------- */
	h3.ch3 { 
		font-size: 28px; 
		margin-bottom: 20px;
		line-height: 1.5;
		display: flex; 
		flex-direction: column; 
		align-items: center; 
		justify-content: center; 
		text-align: center;
		padding-bottom: 0.5em;
	 }
	h3.ch3 span { 
		font-size: 14px; 
		color: #802219; 
/*		letter-spacing: 3px; */
		font-weight: bold; 
	}
	h3.ch3_1 { 
		font-size: 35px; 
		line-height: 1.1;
		margin-bottom: 20px;
		display: flex; align-items: center;
		border-bottom: 1px solid #20B27B;
		padding-bottom: 0.5em;
	 }
	h3.ch3_1 span { 
		font-size: 16px; 
		color: #20B27B; 
		letter-spacing: 3px; 
		margin-left: 0.5em;
	}
	h3.ch3_2 { 
		font-size: 35px; 
		line-height: 1.1;
		margin-bottom: 20px; color: #FFFFFF;
		display: flex; 
		align-items: center; 
		justify-content: center; 
		flex-direction: column;
		line-height: 1.2;
	 }
	h3.ch3_2 span { 
		font-size: 16px; 
		color: #FFFFFF; 
		letter-spacing: 3px; 
	}
	h3.ch3_3 , 
	h4.ch4 {
		padding-left: 1em;
		border-left : 1px solid #20B27B;
		font-size: 22px;
		line-height: 2;
		margin-bottom: 40px;
	}
	h4.ch4_2 {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 30px;
		text-align: center;
	}
	h4.ch4_2 span {
		color: #802219;
		font-size: 30px;
	}
	h4.ch4_3 {
		font-size: 24px;
		line-height: 1;
		text-align: center;
		margin-bottom: 20px;
	}
	h4.ch4_3 span {
		font-size: 36px;
	}
	h4.ch4_3_red {
		font-size: 24px;
		line-height: 1;
		text-align: center;
		margin-bottom: 20px;
		color: #802219;
	}
	h6.ch6 {
		color: #802219;
		font-size: 22px;
		text-align: center;
		margin-bottom: 25px;
	}





/* .cmenu , list系
-------------------------------------------------- */	
	.cmenu { 
		justify-content: center; 
		background: url("../images/bg_cmenu.png") center bottom repeat-x;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cmenu li { 
		/*display: contents; */
	}
	.cmenu li a { 
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		opacity: 1; 
		padding: 1em 2em; 
		text-align: center; 
		position: relative; 
	}
	.cmenu li:last-child a { 
	
	}
	.cmenu li a::after { 
		content: "\f107"; 
		font-family: FontAwesome; 
		position: absolute; 
		left: 50%; 
		margin-left: -5px;
		bottom: 0; 
		color: #20B27B; 
		transition: 0.3s; 
		font-size: 18px; 
	}
	.cmenu li a:hover:after { 
		bottom: -5px; 
	}
	.cmenu2 { 
		justify-content: center; 
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		background: #FFFFFF;
	}
	.cmenu2:after { 
		content: "";
		width: 100%;
		height: 40px;
		bottom: -20px;
		position: absolute;
		z-index: 5;
		background: url("../images/bg_cmenu.png") center bottom repeat-x;
	}
	.cmenu2 li { 
		/*display: contents; */
	}
	.cmenu2 li a { 
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		opacity: 1; 
		padding: 1em 2em; 
		text-align: center; 
		position: relative; 
		z-index: 10;
	}
	.cmenu2 li:last-child a { 
	}
	.cmenu2 li a::after { 
		content: "\f107"; 
		font-family: FontAwesome; 
		position: absolute; 
		left: 50%; 
		margin-left: -5px;
		bottom: 0; 
		color: #20B27B; 
		transition: 0.3s; 
		font-size: 18px; 
	}
	.cmenu2 li a:hover:after { 
		bottom: -5px; 
	}
	.square_g li {
		position: relative;
		padding-left: 1em;
		margin-bottom: 0.5em;
	}
	.square_g li:before {
		content: "■";
		position: absolute;
		left: 0;
		color: #802219;
	}
	.disk_g li {
		position: relative;
		padding-left: 1em;
		margin-bottom: 0.5em;
		line-height: 1.5;
	}
	.disk_g li:before {
		content: "・";
		position: absolute;
		left: 0;
		color: #802219;
	}
	ul.cul { 
		text-align: left; 
		font-size: 15px; 
		line-height: 30px; 
		padding-left: 1em; 
	}
	ul.cul li { 
		padding-left: 1em; 
		text-indent: -0.8em; 
		/*list-style: disc;*/ 
	}
	ul.cul li:before { 
		content: "●"; 
		color: #802219; 
		display: inline-block; 
		font-size: 10px;
		padding-right: 0.5em; 
	}
	ul.cul li.note:before { 
		content: ""; 
	}
	dl.cdl { 
		text-align: left; 
		font-size: 15px; 
		line-height: 30px; 
		padding-left: 1em; 
	}
	dl.cdl dt { 
		font-size: 18px; 
	}
	dl.cdl dd { 
		padding-left: 1em; 
		text-indent: -0.8em; 
		/*list-style: disc;*/ 
	}
	dl.cdl dd:before { 
		content: "●"; 
		color: #af8242; 
		display: inline-block; 
		font-size: 10px;
		padding-right: 0.5em; 
	}

	/*cdl...common dl*/
	/*ul.bn { text-align: center; margin: 60px auto 110px; }
	ul.bn li { float: left; }
	ul.bn li:last-child { float: right; }
	ul.bn li img { width: 550px; }*/

	
/* BG系 cb...color box
-------------------------------------------------- */
	/*section .bx-wrapper .bx-viewport { left:0; }*/
	.cb { 
		background: #493228; 
		color: #ffffff; 
	}
	.cb2 { 
		background: url(../images/cb2.jpg) repeat; 
	}
	.cb3 { 
		background: url(../images/cb3.jpg) repeat; 
	}
	.bgw { 
		background: #ffffff; 
	}
	.grad1 { 
		background: linear-gradient(rgba(32,178,123,0) , 
			rgba(32,178,123,0.1) ); 
	}
	.bg_yajiri {
		background: url(../images/bg_yajiri.jpg) repeat; 
	}


	/*bt...border top*/
	/*.bt { border-top: #e0e0e0 1px solid; padding-top: 30px; }*/
	/*bb...border bottom*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/
	/*cbd...common border*/

	.cbd { 
		height: 15px; 
		width: 100%; 
		background:#f2f2f2; 
	}
	.b_shadow {
		box-shadow: 0 0 30px 0 rgba(32,178,123,0.1); 
	}
	.b_shadow2 {
		box-shadow: 0 0 15px 0 rgba(32,178,123,0.1) , 
		0 0 20px 0 rgba(32,178,123,0.1) ; 
	}
	.bg_mesh {
	    background: url(../images/bg_mesh.png);
	}


/* .cbtn ボタン系
-------------------------------------------------- */
	.cbtn { 
		font-size: 16px; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		text-align: center;
		width: 390px; 
		height: 60px; 
		position: relative; 
		color: #1C1C1C;
		background: url("../images/icon_arrow_right_red.svg") right 20px center no-repeat #FFFFFF;
		border: 1px solid #D6D3C4; 
	}
	.cbtn:hover { 
		opacity: 1; 
		background: url("../images/icon_arrow_right_red.svg") right 15px center no-repeat rgba(255,255,255,.6); 
		color: #1C1C1C; 
		border: 1px solid #D6D3C4; 
	}

	.cbtn2 { 
		font-size: 16px; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		text-align: center;
		width: 350px; 
		height: 50px; 
		position: relative; 
		color: #0f0b00;
		background: url("../images/icon_arrow_right_black.svg") right 20px center no-repeat #ddb339;
		border: 1px solid #ddb339; 
	}
	.cbtn2:hover { 
		opacity: 1; 
		background: url("../images/icon_arrow_right_yellow.svg") right 15px center no-repeat transparent; 
		color: #ddb339; 
		border: 1px solid #ddb339; 
	}
/*
	.cbtn3 { 
			font-size: 16px; 
			display: flex; 
			justify-content: center; 
			align-items: center; 
			text-align: center;
			width: 300px; 
			height: 50px; 
			position: relative; 
			color: #FFFFFF;
			background: url("../images/icon_arrow_white.svg") right 20px center no-repeat transparent;
		 	border: 1px solid #FFFFFF; 
	}
	.cbtn3:hover { 
			opacity: 0.8; 
			background: url("../images/icon_arrow_white.svg") right 15px center no-repeat transparent; 
	}
*/


/* table系
-------------------------------------------------- */
	table.ctable { 
		border-collapse:collapse; 
		width: 100%; 
		border-top: 1px solid rgba(85,174,127,.5);
		border-bottom: 1px solid rgba(85,174,127,.5);
	}
	table.ctable th , table.ctable td { 
		padding: 1.2em; 
		border-bottom: #A3A3A3 1px dashed;
	}
	table.ctable tr:last-of-type th , table.ctable tr:last-of-type td {
		border-bottom: none;
	}
	table.ctable th { 
		font-weight: normal; 
		text-align: center; 
		width: 90px; 
		position: relative;
		background: rgba(85,174,127, .15);
	}
	table.ctable td { 
		text-align: left; 
		background: rgba(255,255,255, .6);
	}

	table.ctable2 { 
		border-collapse:collapse; 
		width: 100%; 
	}
	table.ctable2 th , table.ctable2 td { 
		padding: 1.2em 0.5em; 
		border-bottom: rgba(206,206,206,.5) 1px solid;
	}
	table.ctable2 tr:last-of-type th , table.ctable2 tr:last-of-type td {
		border-bottom: none;
	}
	table.ctable2 th { 
		font-weight: normal; 
		text-align: left; 
		width: 90px; 
	}
	table.ctable2 td { 
		text-align: center; 
		border-left: rgba(206,206,206,.5) 1px solid;
	}
	table.ctable2 th {
		color: #20B27B;
	} 


/* .wunit
-------------------------------------------------- */
	.wunit { 
		width: 100%; 
		padding-bottom: 60px; 
	}
	.wunit .img { 
		width: 100%; 
		height: 550px; 
	}
	.wunit .txt { 
		width: 1100px; 
		padding: 50px; 
		margin: -60px auto 0; 
		position: relative;
		background: #ffffff; 
	}
	.wunit h3 { 
		font-size: 16px; 
		margin-bottom: 25px; 
		text-align: left; 
	}
	.wunit h3 span { 
		margin-bottom: 30px; 
	}
	.wunit .txt p { 
		margin-bottom: 45px; 
		text-align: left; 
	}
	.wunit .txt .cbtn { 
		width: 180px; 
		margin: 0 auto; 
	}

} /* End for_pc @media(min-width:751px)  */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1470px) { 
	
	/*.mainw { width: 100%; padding-right: 2vw !important; padding-left: 2vw !important; }*/
 
 }/* End (min-width: 751px) and (max-width:1470px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1340px) {

}/* End (min-width: 751px) and (max-width:1340px)*/

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1280px) {

	.for_nw { 
		display: inline !important; 
	}
/*	#h_nav {
		width: 100%;
	}*/
	.mainw.anchor , .mainw_pc.anchor { 
		padding: 100px 2vw 0; 
	}


}/* End (min-width: 751px) and (max-width:1280px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1200px) {

	.mainw {
		width: 100%;
		padding-right: 2vw !important; 
		padding-left: 2vw !important;
	}
/*	#fnav {
		height: 150px;
	}*/
/*	#nav {
		height: auto;
	}*/
	#nav .gnavwrap {
		width: 100%;
	}
	.nav .mainw {
		flex-wrap: wrap;
		justify-content: center;

	}
	header>div {
		width: 100%;
	}

	#h_nav .logo {
		width: 13vw;
	}


}/* End (min-width: 751px) and (max-width:1200px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1170px) {

	#nav_h { 
		flex-wrap:wrap; 
	}
	#nav_h nav { 
		margin-left: auto; 
	}
	#nav_rsv .inner nav { 
		padding-left: 90px; 
		padding-right: 20px; 
	}
	.rsv form { 
		padding-left: 20px; 
	}
	.wunit .txt { 
		width: 70%; 
	}

}/* End (min-width: 751px) and (max-width:1170px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1150px) {
	

}/* End (min-width: 751px) and (max-width:1150px) */


/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1145px) {

	.w1100 { 
		width: 100%; 
		padding-left: 2vw; 
		padding-right: 2vw; 
	}
	.w1100.anchor { 
		padding: 100px 2vw 0; 
	}
	#headmain , #nav_rsv .mainw_pc { 
		justify-content:center; 
	}

}/* End (min-width: 751px) and (max-width:1145px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1110px) {

	.w1080 { 
		width: 100%; 
		padding-left: 2vw; 
		padding-right: 2vw; 
	}
	footer #footnav li a { 
		padding: 0 10px; 
	}

}/* End (min-width: 751px) and (max-width:1110px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1045px) {

	.w1000 { 
		width: 100%; 
		padding-left: 2vw; 
		padding-right: 2vw; 
	}
	.w1000.anchor { 
		padding: 100px 2vw 0; 
	}
	#h_nav .f_gnav.gnav li a { 
		font-size: 1.6vw; 
	}
	footer .footnav {
		flex-wrap: wrap;
	}
	
}/* End (min-width: 751px) and (max-width:1045px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width: 965px) {

	#fnav { 
		height: 190px; 
		top:-190px; 
	}
	#nav { 
		/*height: 95px; */
	}
	#nav .mainw { 
		flex-wrap:wrap; 
	}
	#nav .gnav { 
		margin-left: auto; 
	}
	#nav .gnav li a { 
		/*line-height: 40px; */
		font-size: 1.8vw; 
	}
	#nav .gnav li a:after { 
		bottom: 5px; 
	}
	.gnav li a { 
		padding: 0 5px; 
	}
	
}/* End (min-width: 751px) and (max-width: 965px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width: 940px) {

/*
	#gnav li , #gnav li a , #fnav .f_gnav li , #fnav .f_gnav li a { 
		height: 35px; line-height: 35px; 
	}
*/
	.w900 { 
		padding-left: 2vw; 
		padding-right: 2vw; 
		width: 100%; 
	}
	footer #footnav .btn_prof:after { 
		bottom: 3vw; 
	}

}/* End (min-width: 751px) and (max-width: 940px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width: 900px) {

	/*header { height: 140px; }
	header #headertop { height: 80px; }
	#headertop .right { flex-direction: column; }
	#headmain h2 { top:-70px; }
	#headmain nav ul { width: 50%; }*/

}/* End (min-width: 751px) and (max-width: 900px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width: 860px) {
	#bns .factel{
		flex-wrap: wrap;
	}

	
}/* End (min-width: 751px) and (max-width: 860px) */

/* ---------------------------------------------------------------------------------------------------- */

/* kyeframesはメディアクエリの外の記述すること(IE対策) */

	@-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; } }

	@-moz-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

/* ---------------------------------------------------------------------------------------------------- */

/* Start for_sp @media (max-width:750px)  */
@media (max-width:750px) {

	body { 
		width:100%;
		font-size: 3.8vw; 
		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; }
	.fs14 { font-size: 3.4vw; }
	.fs16 { font-size: 3.7vw; }
	.fs24 { font-size: 4vw; }
	.fs26 { font-size: 5vw; }

	.wrap { 
		width: 100%; 
		overflow: hidden; 
		position: relative;
		/*background: url("../images/bg.jpg"); */
	}
	.for_pc { display: none !important; }
	.for_tab{ display: none; }
	.for_pcnotab { display: none !important; }
	.for_nw{ display: none !important; }

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

	.showup {
		opacity: 0;
		transition: 1s;
		transform: translateY(4vw);
		-webkit-transform: translateY(4vw);
		-moz-transform: translateY(4vw);
		-ms-transform: translateY(4vw);
		-o-transform: translateY(4vw);
	}
	.upview {
		-moz-animation: showup 1s linear 0s 1 normal forwards;
		-webkit-animation: showup 1s linear 0s 1 normal forwards;
		-o-animation: showup 1s linear 0s 1 normal forwards;
		-ms-animation: showup 1s linear 0s 1 normal forwards;	
	}


	.bg_gray {
		background: #EFEFEF;
	}


/* header,navi
-------------------------------------------------- */

	header { 
		width: 100%; 
		display: none; 
	}
/*
	#headmain h1 { 
		margin: 0 auto 0; 
		width: 58vw; 
		text-align: center; 
		position: relative; 
	}
	#headmain h1 img { 
		width: 100%; 
	}
*/
/*
	header h1 a { 
		position: absolute; 
		left: 7vw; 
		top:2vw; 
		width: 50vw; 
		height: 12vw;
		background: url(../images/logo.jpg) center center no-repeat; 
		display: block;
		text-indent: -10000px; 
		overflow: hidden; 
		background-size: 
		contain; z-index: 400; 
	}
*/
	#fnav { 
		width: 100%; 
		position: fixed; 
		right: 0; 
		top: 0; 
		z-index: 20000; 
		background: rgba(255,255,255,.8);
		/*background: rgba(0,0,0,.7);*/
		height: 16vw; 
	}
	#fnav h1 { 
		position: absolute; 
		left: 7vw; 
		top:2vw;  
		width: 25vw; 
		height: 26.6vw; 
		margin: 0 auto; 
	}
	#fnav h1 a { 
		width: 100%; 
		height: 100%;
		background: url(../images/logo.png) center center no-repeat; 
		display: block;
		text-indent: -10000px; 
		overflow: hidden; 
		background-size: contain; 
	}
	#spnav { 
		position: relative; 
		z-index: 3000; 
		display: flex; 
		align-items:center; 
		width: 100%; 
		padding-left: 6vw; 
		/*justify-content:space-between; */
		justify-content: flex-end;
		/*background: url("../images/bg.jpg");*/
	}
	#spnav ul { 
		width: 100%; 
		display: flex; 
		width: 16vw; 
	}
	#spnav ul li { 
		text-align: center; 
		position: relative; 
		width: 100%; 
	}
	#spnav ul li a { 
		width:100%; 
		height:16vw; 
		color: #ffffff; 
		/*padding-top: 3vw;*/
		padding-top: 6vw;
		position: relative; 
		font-size: 3.2vw; 
		display: block;
		text-align: center; 
	}
	#spnav ul li:first-child a { 
		/*background: #000000; */
	}
	#spnav ul li:nth-child(2) a { 
		background: #000000; 
		padding-top: 4vw; 
	}
	#spnav ul li a img { 
		width: 4.4vw; 
	}
	#spnav ul li a p { 
		display: block; 
		text-align: center; 
		position: absolute; 
		width: 100%;
		bottom: 2vw; 
		left: 0; 
	}
/*
	#spnav ul li:first-child a span { 
		padding-top: 2vw; 
	}
*/
	#spnav #btn_menu { 
	}
	#spnav #btn_menu div { 
		width: 4.6vw; 
		height: 7vw; 
		margin: 0 auto 0; 
		position: relative; 
	}
	#spnav #btn_menu span{ 
		position: absolute; 
		display: block; 
		/*width: 4.6vw; */
		width: 8vw;
		/*height: 1px;  */
		height: 2px;
		background: #000000; 
		left:0; 
		transform:rotate(0); 
	}
	#spnav #btn_menu div span:first-child{ 
		top:0; 
	}
	#spnav #btn_menu div span:nth-child(2){ 
		/*top:1.4vw; */
		top: 2.6vw;
	}
	#spnav #btn_menu div span:nth-child(3){ 
		/*top:2.8vw; */
		top: 5.2vw;
	}
/*
	#spnav #btn_menu span.txt { 
		text-align: center; 
		height: auto; 
		width: 100%;
		background: none; 
	}
*/
	.sp_yoko #fnav , 
	.sp_yoko #spnav , 
	.sp_yoko #spnav ul , 
	.sp_yoko #spnav ul li a ,	
	.sp_yoko #spnav #btn_menu , 
	.sp_yoko #fnav h1 { 
		height: 15vh; 
	}
	.sp_yoko #spnav ul li a p { 
		display: none; 
	}
	.sp_yoko #spnav ul li a { 
		padding-top: 3vh; 
	}
	.sp_yoko #spnav ul li:last-child a { 
		padding-top: 5vh; 
	}
/*
	.sp_yoko #spnav ul li a { 
		display: flex; 
		justify-content:center; 
		align-items:center;  
	}
	.sp_yoko #spnav ul li a p { 
		font-size: 2.6vw; 
	}
	.sp_yoko #spnav ul li a img { 
		height: 4vw; 
	}
	#spnav .btn_rsv img:nth-child(2) { 
		display: none; 
	}
	#spnav .btn_rsv.active { 
		font-family: "Questrial"; 
	}
	#spnav .btn_rsv.active img:first-child { 
		display: none; 
	}
	#spnav .btn_rsv.active img:nth-child(2) { 
		display: inline; 
	}
*/
	#nav h1+div {
		display: flex;
		flex-direction: column;
	}
	#h_nav { 
		display: none; 
	}
	#nav_rsv { 
		display: none; 
		position: fixed; 
		left: 0; 
		/*top: 16vw; */
		top: 0;
		width: 100%; 
		/*z-index: 2000;*/
		z-index: 3500;
		text-align: center; 
		background: rgba(255,255,255,.95); 
		height: 100%; 
		overflow: auto; 
		min-height: 100vh;
		/*padding-top: 8vw;*/
	}
	.sp_yoko #nav_rsv { 
		top:15vh; 
	}
	#nav_rsv.menu { 
		/*padding-bottom: 20vw; */
	}
	#nav_rsv.rsv { 
		padding-bottom: 0; 
	}
/*
	#nav_rsv.rsv nav { 
		display: none; 
	}
*/
	#nav_rsv nav { 
		transition:0.6s; 
	}
/*
	#nav_rsv h1 { 
		margin: 24vw auto 6vw; 
		width: 50vw; 
		height: 17vw; 
		text-align: center;
		background: url(../images/logo_foot.png) center center no-repeat; 
		background-size: contain;
		overflow: hidden; text-indent: -10000px; 
	}
*/
/*
	#nav_rsv h1 a {
		display: block; 
		width: 40vw; 
		height: 13vw; 
	}
*/
	#nav_rsv ul.f_gnav { 
		width: 76vw; 
		margin: 0 auto 4vw; 
	}
	.gnavwrap .kuontop p { 
		text-align: center;
		margin-bottom: 4vw; 
	}
	#nav_rsv ul.f_gnav li { 
		/*border-bottom: #cecece 1px solid; */
		line-height: 12vw; 
	}
	#nav_rsv ul.f_gnav li a { 
		display: block; 
		width: 100%; 
		height: 12vw; 
		text-align: center;
		position: relative; 
		font-size: 3.8vw; 
	}
	#nav_rsv ul.f_gnav li a:after { 
		content: "\f105"; 
		font-family: fontAwesome; 
		color: #FFFFFF; 
		position: absolute; 
		right: 1.5vw; 
		font-size: 3.8vw; 
	}
	#nav_rsv ul.f_gnav li:first-of-type {
		display: none;
	}

	#nav_rsv .tel { 
		width: 70vw; 
		margin: 0 auto 4vw; 
		display: block;  
	}

	#bns_sp {
		margin-top: 5vw;
    	padding: 2vw 0 0;
    	/*border-top: 1px solid #20B27B;*/
	}
	#bns_sp .factel.mainw {
		width: 100%;
	}
	#bns_sp .factel p {
	    text-align: center;
	    border-bottom: 1px solid #CCCCCC;
	    margin-bottom: 4vw;
	    padding-bottom: 2vw;
	}
	#bns_sp ul.cflex {
	    display: flex;
	    justify-content: center;
	    box-sizing: border-box;
	    width: 88vw;
	    margin-right: auto;
	    margin-left: auto;
	    margin-bottom: 6vw;
	}
	#bns_sp ul.cflex li {
	    width: 50%;
	    line-height: 1.2;
	}
	#bns_sp ul.cflex li a {
	    display: block;
	    position: relative;
	    background: url(../images/icon_tel.svg) center left no-repeat;
	    background-size: 5vw;
	    padding-left: 6vw;
	    color: #20B27B;
	    font-size: 5vw;
	    font-weight: bold;
	    font-family: 'Muli', sans-serif;
	}
	#bns_sp a.cbtn2 { width: 61.3vw; height: 10vw; }
	#nav_rsv .hplink {
		width: 77.3vw;
		margin-left: auto;
		margin-right: auto;
	}
	#nav_rsv .hplink .hpfacbox {
	    background: #FFFFFF;
	    padding: 11vw 2vw 2vw;
	    color: #231815;
	    margin-bottom: 4vw;
	    display: flex;
	    position: relative;
	    border: 1px solid #C8C9C9;
	}
	#nav_rsv .hplink .hpfacbox .hpfacboximg {
    	width: 29.3vw;
    	margin-right: 2%;
	}
	#nav_rsv .hplink .hpfacbox .hpfacbox .hpfacboxtxt {
    	position: relative;
    	width: 46.7vw;
	}
	#nav_rsv .hplink .hpfacbox .hpfacboxtxt h6 {
		color: #20B27B;
		left: -92%;
	}
    .menuhead {
        height: 30vw;
        width: 100%;
        text-align: center;
        /*display: none;*/
        margin-bottom: 12vw;
    }
	#fnav .menuhead h1 { 
		position: absolute; 
		left: 0;
		right: 0; 
		top:2vw;  
		width: 26.6vw; 
		height: 27.9vw; 
		margin: 0 auto; 
	}
	#fnav .menuhead h1 a { 
		width: 100%; 
		height: 100%;
		background: url(../images/logo.png) center center no-repeat; 
		display: block;
		text-indent: -10000px; 
		overflow: hidden; 
		background-size: contain; 
	}

    #fnav .menuhead .menu_close {
        width: 5.5vw;
        display: block;
        position: absolute;
        top: 5.3vw;
        text-align: center;
        right: 3.6vw;
    }

    #fnav .menuhead .menu_close img {
        width: 11vw;
    }

	.nav .gnavwrap .kuontop a {
		display: inline-block;
		width: 75vw;
		padding: 0.5em 1em;
		border: 1px solid #D1C9A7;
	}

/* #bns
-------------------------------------------------- */
	#bns {
		margin-top: 5vw;
		padding: 2vw 0 4vw;
		border-top: 1px solid #20B27B;
	}
	#bns .factel {  }
	#bns .factel.mainw { width: 100%; }
	#bns .factel p { 
		text-align: center; 
		border-bottom: 1px solid #CCCCCC; 
		margin-bottom: 4vw; 
		padding-bottom: 2vw; 
	}
	#bns ul.cflex { 
		display: flex; 
		justify-content:center; 
		box-sizing: border-box; 
		width: 88vw; 
		margin-right: auto; 
		margin-left: auto; 
	}
	#bns ul.cflex li { 
		width: 50%; 
		line-height: 1.2; 
	}
	#bns ul.cflex li a { 
		display: block; position: relative;
		background: url(../images/icon_tel.svg) center left no-repeat;
		background-size: 5vw;
		padding-left: 6vw; color: #20B27B;
		font-size: 5vw; font-weight: bold;
		font-family: 'Muli', sans-serif;
	}


/* footer
-------------------------------------------------- */
	#page-top { 
		width: 13vw; 
		height: 13vw; 
		position: fixed; 
		right: 2vw; 
		bottom: 13vw;
		z-index: 3000; 
		display: none !important; 
	}
	.sp_yoko #page-top { 
		bottom: 15vh; 
	}
	#page-top a { 
		display: block; 
		width: 13vw; 
		height: 13vw; 
		border-radius: 6.5vw;
		position: relative; 
		background: url(../images/pagetop.svg) center center no-repeat #282828;
	}
	#page-top a img { 
		width: 13vw; 
	}
	#page-top a:after { 
		content: ""; 
		position: absolute; 
		width: 13vw; 
		height: 13vw; 
		top:0; 
		left: 0;
		background: url(../images/icon_pagetop.svg) center center no-repeat;
		background-size: 13vw auto; 
	}
	#page-top.stop { 
		position: absolute; 
		bottom: 130vw; 
	}

    #pagetop_sp {
        /*width: 13.3vw;*/
        /*height: 13.3vw;*/
        /*margin: 16vw auto 4vw;*/
        /*margin: 16vw 6.6vw 16vw auto ;*/
        /*height: 0;*/
        margin: 20vw auto 8vw;
        position: relative;
        z-index: 20;
        /*top: -12vw;*/
    }

    #pagetop_sp a {
        display: block;
        width: 16vw;
        height: 16vw;
        border-radius: 50%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        position: relative;
        font-size: 3.8vw;
        margin: auto;
        padding-top: 6vw;
        background: #ddb339;
    }

    #pagetop_sp a:before {
        content: "";
        position: absolute;
        top: 6vw;
        left: 50%;
        margin-left: -3.5vw;
        width: 7vw;
        height: 7vw;
        text-align: center;
        background: url(../images/pagetop.svg) top center no-repeat;
        background-size: contain;
    }
	
	footer { 
		text-align: center; 
		position: relative; 
		padding: 0 0 8vw;
		/*border-top: 1px solid #232323; */
		background: url("../images/bg_footer_sp.jpg") top center no-repeat;
		background-size: cover;
		color: #FFFFFF;

	}
/*
	footer nav { 
		background: #4D4D4D; 
		padding: 8vw 0 8vw; 
	}
	footer .footnav { 
		width: 74vw; 
		margin: 0 auto; 
		display: flex; 
		flex-wrap: wrap; 
	}
	footer .footnav li { 
		width: 50%; 
		height: 10vw; 
	}
	footer .footnav li:nth-child(odd) {
		border-right: 1px solid #FFFFFF;
	} 
	footer .footnav a { 
		font-size: 3.8vw; 
		color: #FFFFFF; 
		display: flex; 
		text-align: left; 
		align-items: center;
		color: #FFFFFF;
		width: 100%;
		height: 100%;
	}
	footer .footnav li:nth-child(even) a {
		padding-left: 1em; 
	}
*/
	footer h2 {
		padding-top: 4vw;
		margin-bottom: 4vw;
	}
	footer h2 a { 
		text-align: center;
		font-size: 5.5vw;
		color: #FFFFFF;
		margin-bottom: 4vw;
		/*width: 66vw; */
		/*margin-bottom: 6vw; */
		/*height: 17vw; */
		/*overflow: hidden; */
		/*margin-bottom: 4vw;*/
		/*background: url(../images/logo_foot.png) left top no-repeat; */
		/*background-size: contain;*/
		/*text-indent: -10000px; display: block;*/
	}
	footer h2 a img {
		width: 30vw;
	}
	footer address{ 
		font-style: normal; 
		margin-bottom: 10vw; 
	}
	footer address p { 
		font-size: 4vw; 
		line-height: 6vw; 
		text-align: left; 
		/*color: #c2c2c2; */
	}
	footer address a { 
		/*color: #c2c2c2; */
	}
	footer .copy { 
		color: #FFFFFF; 
		text-align: center; 
		font-size: 3vw; 
	}


/* etc
-------------------------------------------------- */
	.hplink {
		padding: 6vw 0;
	}
	.hpfacbox {
		background: #4D4D4D;
		padding: 11vw 2vw 2vw;
		color: #FFFFFF;
		margin-bottom: 4vw;
		display: flex;
		position: relative;
	}
	.hpfacbox .hpfacboximg {
		width: 40%;
		margin-right: 2%;
	}
	.hpfacbox .hpfacboximg img {
		width: 100%;
	}
	.hpfacbox .hpfacboxtxt {
		font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', sans-serif, メイリオ, Meiryo, 'ＭＳ Ｐゴシック';
		position: relative;
	}
	.hpfacbox .hpfacboxtxt h6 {
		font-size: 5vw;
		font-weight: bold;
		position: absolute;
		top: -9vw;
		left: -74%;
		width: 170%;
		text-align: left;
	}
	.hpfacbox .hpfacboxtxt p {
		font-size: 3.8vw;
		line-height: 1.2;
	}


/* 共通項目
-------------------------------------------------- */
	.mainw , .w1100 , .w1080 , .w1000 , .w900 , .w950 , .w800 , .w700 { 
		width: 88vw; 
		margin: 0 auto; 
		padding: 0; 
	}
	p { 
		font-size: 3.8vw; 
		line-height: 1.2; 
	}
	#mv { 
		position: relative; 
		width: 100%; 
		height: 41vw; 
		margin-top: 16vw; 
	}
	#mv h2 { 
		position: absolute; 
		top: 0;
		width: 100%;
		height: 18vw;
		top:50%; 
		margin-top: -9vw; 
/*
		left:50%; 
		margin-left: -37vw; 
		text-align: center; 
		width: 74vw; 
		height: 18vw;
*/
		overflow: hidden; 
		text-indent: -100000px; 
	}
	#lead { 
		padding: 6vw 0; 
	}
	#lead h3 { 
		width: 100%; 
		height: 14vw; 
		margin-bottom: 4vw; 
		text-indent: -100000px; 
		overflow: hidden; 
	}
	#lead p { 
		text-align: center; 
	}
	p.lead { 
		text-align: center; 
		margin: 0 auto 6vw; 
	}
	.note { 
		padding-left: 1em; 
		text-indent: -1em; 
	}
	ul.noteul li { 
		padding-left: 1em; 
		text-indent: -1em; 
		font-size: 3.4vw; 
		line-height: 4.6vw; 
	}
	p.note:before { 
		content: ""; 
		display: inline-block; 
		width: 2vw; 
		height: 3.4vw; 
		margin-right: 1vw;
		background: url(../images/icon_note.svg) center center no-repeat; 
		background-size: 1.6vw auto; 
	}

/*
	.lead { 
	text-align: center; 
	margin-bottom: 6vw; 
	}
	.lead h4 { 
	font-size: 5vw; 
	text-align: center; 
	margin-bottom: 2vw; 
	line-height: 6vw; 
	}
	.lead p { 
		font-size: 3.8vw; 
		line-height: 6vw; 
		text-align: center; 
	}
*/
	.anchor { 
		margin-top: -16vw; 
		padding-top: 16vw; 
	}


/* 見出し系 h2,h3,h4,h5,h6
-------------------------------------------------- */	
	.h2wrp { 
		background: #ffffff; 
		height: 13vw; 
		padding: 0 5vw; 
	}
	.h2wrp.l2_sp { 
		height: 20vw; 
	}
	h2.mainh2 { 
		font-size: 3.8vw; 
		text-align: left; 
		font-weight: bold; 
		margin: 0 auto; 
		line-height: 13vw; 
	}
	.h2wrp.l2_sp h2.mainh2 { 
		line-height: 6vw; 
		padding-top: 4vw; 
	}
	h2.mainh2>span { 
		font-size: 7.3vw; 
		font-family: 'EB Garamond'; 
		display: inline-block; 
		padding-right: 3vw;
		margin-right: 3vw; 
		position: relative; 
	}
	h2.mainh2>span.for_sp { 
		display: inline; 
	}
/*
	.h2wrp.l2_sp h2.mainh2>span { 
		display: block; 
	}
*/
	h2.mainh2>span:after { 
		content: ""; 
		position: absolute; 
		width: 1px; 
		height: 6vw; 
		right: 0; 
		top:2.5vw;
		background: #ccc7be; 
	}
	.h2wrp.l2_sp h2.mainh2>span:after { 
		top:0.5vw; 
	}
	h2.mainh2>span.for_sp:after { 
		background: none; 
	}
	h2.mainh2 span span { 
		color: #af8242; 
	}
	
	.wunit h3 { 
		font-size: 16px; 
		margin-bottom: 25px; 
		text-align: left; 
	}
	.wunit h3 span { 
		margin-bottom: 40px; 
		letter-spacing: 3px; 
	}
	.wunit .txt p { 
		margin-bottom: 45px; 
		text-align: left; 
	}
	.wunit .txt .cbtn { 
		width: 180px; 
		margin: 0 auto; 
	}

	h3.ch3 { 
		font-size: 6.2vw; 
		margin-bottom: 4.6vw;
		line-height: 1.1;
		display: flex; 
		flex-direction: column; 
		align-items: center; 
		justify-content: center; 
		text-align: center;
		padding-bottom: 0.5em;
	 }
	h3.ch3 span { 
		font-size: 3.8vw; 
		color: #802219;
		/*letter-spacing: 0.2vw; */
		font-weight: bold; 
	}

	h3.ch3_1 { 
		font-size: 6.2vw; 
		margin-bottom: 4.6vw;
		line-height: 1.1;
		display: flex; 
		align-items: center;
		justify-content: center; 
		border-bottom: 1px solid #20B27B;
		padding-bottom: 0.3em;
	 }
	h3.ch3_1 span { 
		font-size: 3.8vw; 
		color: #20B27B; 
		letter-spacing: 0.2vw; 
		margin-left: 0.5em; 
	}

	h3.ch3_2 { 
		font-size: 5.3vw; 
		margin-bottom: 4.6vw; 
		line-height: 1.1;
		color: #FFFFFF;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		display: flex; 
		align-items: center; 
		justify-content: center; 
		flex-direction: column;
		line-height: 1.2;
	 }
	h3.ch3_2 span { 
		font-family: 'Muli', sans-serif; 
		font-size: 3.2vw; 
		color: #FFFFFF; 
		letter-spacing: 3px; 
	}

	h3.ch3_3 , h4.ch4 {
		padding-left: 1em;
		border-left : 1px solid #20B27B;
		font-size: 4.6vw;
		line-height: 2;
		margin-bottom: 4vw;
	}

	h4.ch4_2 {
		font-size: 4.6vw;
		font-weight: bold;
		margin-bottom: 6vw;
		text-align: center;
	}
	h4.ch4_2 span {
		color: #802219;
		font-size: 5vw;
	}
	h4.ch4_3 {
		font-size: 4.6vw;
		line-height: 1;
		text-align: center;
		margin-bottom: 6vw;
	}
	h4.ch4_3 span {
		font-size: 5vw;
	}
	h4.ch4_3_red {
		font-size: 4.6vw;
		line-height: 1;
		text-align: center;
		margin-bottom: 6vw;
		color: #802219;
	}

	h6.ch6 {
		color: #802219;
		font-size: 4.6vw;
		text-align: center;
		margin-bottom: 6vw;
	}



/* .cmenu , list系
-------------------------------------------------- */	
	.cmenu { 
		width: 88vw; 
		position: relative; 
		text-align: left; 
		margin: 5vw auto 10vw; 
	}
	.cmenu li { 
		line-height: 14vw; 
		border-top: #E5E5E5 1px solid; 
	}
	.cmenu li:last-child { 
		border-bottom: #E5E5E5 1px solid; 
	}
	.cmenu li a { 
		display: block; 
		position: relative; 
	}
	.cmenu li a::after { 
		content: "\f107"; 
		font-family: FontAwesome; 
		position: absolute; 
		right: 1.5vw; 
		top: 0; 
		color: #20B27B; 
		font-size: 5vw; 
	}

	.cmenu2 { 
		width: 88vw; 
		position: relative; 
		text-align: left; 
		margin: 5vw auto 10vw; 
		background: #FFFFFF;
	}
	.cmenu2 li { 
		line-height: 14vw; 
		border-top: #E5E5E5 1px solid; 
	}
	.cmenu2 li:last-child { 
		border-bottom: #E5E5E5 1px solid; 
	}
	.cmenu2 li a { 
		display: block; 
		position: relative; 
	}
	.cmenu2 li a::after { 
		content: "\f107"; 
		font-family: FontAwesome; 
		position: absolute; 
		right: 1.5vw; 
		top: 0; 
		color: #20B27B; 
		font-size: 5vw; 
	}

	.square_g li {
		position: relative;
		padding-left: 1em;
	}
	.square_g li:before {
		content: "■";
		display: block;
		position: absolute;
		left: 0;
		color: #20B27B;
	}
	.disk_g li {
		position: relative;
		padding-left: 1em;
		margin-bottom: 0.5em;
	}
	.disk_g li:before {
		content: "・";
		position: absolute;
		left: 0;
		color: #20B27B;
	}
	

/* cb...color box
-------------------------------------------------- */

	.cb { 
		background: #493228; color: #ffffff; 
	}
	.cb2 { 
		background: url(../images/cb2.jpg) repeat; 
	}
	.cb3 { 
		background: url(../images/cb3.jpg) repeat; 
	}
	.bgw { 
		background: #ffffff; 
	}
	.grad1 { 
		background: linear-gradient(rgba(32,178,123,0) , rgba(32,178,123,0.1) ); 
	}
	.bg_yajiri {
		background: url(../images/bg_yajiri.jpg) repeat; 
	}
	/*.cb h3 { height: 17.6vw; background: url("../images/cb_h3_sp.svg") center bottom no-repeat;
		font-family: "notoserif"; font-size: 6vw; line-height: 6vw; text-align: center;
		margin-bottom: 8vw; background-size: 37vw auto; }
	.cb h3 span { color: #603813; font-size: 3.2vw; }*/
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; }*/
	/*.bt { border-top: #e0e0e0 1px solid; padding-top: 4vw; }*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 4vw; margin-bottom: 13vw; }*/
	/*cbd...common border*/
	.cbd { 
		height: 2.4vw; 
		width: 100%; 
		background: url(../images/c_line.jpg) left top repeat-x; 
		background-size: auto 2.4vw; 
	}
	.b_shadow{ 
		box-shadow: 0 0 2vw 0 rgba(32,178,123,0.1); 
	}
	.b_shadow2 {
		box-shadow: 0 0 1vw 0 rgba(32,178,123,0.1) , 
		0 0 2vw 0 rgba(32,178,123,0.1) ; 
	}
	.bg_mesh {
	    background: url(../images/bg_mesh.png);
	}

/* .cbtn
-------------------------------------------------- */

	.cbtn , .cbtn_sp { 
		font-size: 3.8vw; 
		display: flex; 
		justify-content: center; 
		align-items: center;
		text-align: center;
		width: 74vw; 
		height: 13vw; 
		margin-left: auto; 
		margin-right: auto;
		position: relative; 
		color: #1C1C1C;
		background: url("../images/icon_arrow_right_red.svg") right 4vw center no-repeat #FFFFFF;
		background-size: 4vw auto; 
		border: 1px solid #D6D3C4; 
	}

	.cbtn2 { 
		font-size: 3.8vw; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		text-align: center;
		width: 74vw; 
		height: 13vw; 
		margin-left: auto; 
		margin-right: auto;
		position: relative; 
		color: #0f0b00;
		background: url("../images/icon_arrow_right_black.svg") right 4vw center no-repeat #ddb339; 
		background-size: 2vw auto; 
		border: 1px solid #ddb339; 
	}
/*
	.cbtn3 { 
		font-size: 3.8vw; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		text-align: center;
		width: 74vw; 
		height: 13vw; 
		position: relative; 
		color: #FFFFFF;
		background: url("../images/icon_arrow_white.svg") right 4vw center no-repeat transparent;
		background-size: 4vw auto; border: 1px solid #FFFFFF; 
	}
*/


/* table系
-------------------------------------------------- */
	table.ctable { 
		border-collapse:collapse; 
		width: 100%; 
		border-top: 1px solid rgba(85,174,127,.5);
		border-bottom: 1px solid rgba(85,174,127,.5);
	}
	table.ctable th , table.ctable td { 
		padding: 1.2em; 
		border-bottom: #A3A3A3 1px dashed;
	}
	table.ctable tr:last-of-type th , table.ctable tr:last-of-type td {
		border-bottom: none;
	}
	table.ctable th { 
		font-weight: normal; 
		text-align: center; 
		width: 30%; 
		position: relative;
		background: rgba(85,174,127, .15);
	}
	table.ctable td { 
		text-align: left; 
		background: rgba(255,255,255, .6);
	}

	table.ctable2 { 
		border-collapse:collapse; 
		width: 100%; 
	}
	table.ctable2 th , table.ctable2 td { 
		padding: 1.2em 0.5em; 
		border-bottom: rgba(206,206,206,.5) 1px solid;
	}
	table.ctable2 tr:last-of-type th , table.ctable2 tr:last-of-type td {
		border-bottom: none;
	}
	table.ctable2 th { 
		font-weight: normal; 
		text-align: left; 
		width: 90px; 
	}
	table.ctable2 td { 
		text-align: center; 
		border-left: rgba(206,206,206,.5) 1px solid;
	}
	table.ctable2 th {
		color: #20B27B;
	} 


/* リストスタイル付list系
-------------------------------------------------- */
	ul.cul { text-align: left; font-size: 3.8vw; line-height: 6vw; padding-left: 1em; }
	ul.cul li { padding-left: 1em; text-indent: -0.8em;/* list-style: disc;*/ }
	ul.cul li:before { content: "●"; color: #af8242; display: inline-block; font-size: 2vw;
		padding-right: 0.5em; }

	/*cdl...common dl*/
	dl.cdl { text-align: left;  font-size: 3.8vw; line-height: 6vw; padding-left: 1em; }
	dl.cdl dt { font-size: 4vw; }
	dl.cdl dd { padding-left: 1em; text-indent: -0.8em; /*list-style: disc;*/ }
	dl.cdl dd:before { content: "●"; color: #af8242; display: inline-block; font-size: 2vw;
		padding-right: 0.5em; }
	/*.cdl {  width: 90vw; margin: 3vw auto; }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid;
		min-height: 8vw; line-height: 8vw; font-size: 4.2vw; background: #eeeeee; text-align: left; 
		padding-left: 2vw; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; }
	.cdl dd { border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw;
		font-size: 4.2vw; padding: 2vw; text-align: left; }

	ul.bn { text-align: center; margin: 13vw auto 20vw; }
	ul.bn li { margin-bottom: 2.6vw; }*/


/* wunit系（コンテンツ内容等）
-------------------------------------------------- */
	.wunit .img { width: 100%; height: 93vw; }
	.wunit .txt { width: 86vw; padding:14vw 10vw 10vw 10vw; margin: -6vw auto 0;
		background: #ffffff; position: relative; }
	.wunit { position: relative; padding-bottom: 12vw; }
	.wunit .txt p { margin-bottom: 4vw;  text-align: left; }



/* .showupのキーフレーム
-------------------------------------------------- */

	@-moz-keyframes showup { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showup { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showup { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }


}/* End (max-width:750px) 