@charset "utf-8";
/* CSS Document */
/*===================================================================
    Reset
===================================================================*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,small,span,img,pre,footer,header,section,article,table,tbody,thead,th,td,a,address,input,form,textarea,select{
	margin:0;
	padding:0;
	font-family: 'GenShinGothic-Normal','メイリオ',Meiryo,'Helvetica Neue',Helvetica,Arial,Roboto,'Droid Sans','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	font-style:normal;
	font-size:13px;
	font-weight:normal;
	color: #372a20;
	}

body{
	}

	ul,ol,li{list-style:none}

	.cf{display:inline-table}

	.cf:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	* html .cf{height:1%}
	.cf{display:block}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img	{ border: none;
vertical-align:bottom;}
/* -----------------------------------------------------------------
    Style Setting
------------------------------------------------------------------ */

img{
	max-width:100%;
}

.bol{font-weight:bold}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml250{margin-left:250px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb200{margin-bottom:200px;}

.pd10{padding:0 10px;}
.pd20{padding:0 20px;}
.pd30{padding:0 30px;}
.pd40{padding:0 40px;}
.pd60{padding:0 60px;}
.pd80{padding:0 80px;}

.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt110{padding-top:110px;}

.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb20{padding-bottom:50px;}
.pdb20{padding-bottom:60px;}
.pdb20{padding-bottom:70px;}
.pdb20{padding-bottom:80px;}
.pdb20{padding-bottom:90px;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.flo-l{
	float:left;
	}
.flo-r{
	float:right;
	}

@font-face {
  font-family: 'GenShinGothic-Normal';
  src: url('../font/GenShinGothic-Normal.ttf') format('opentype');
}
.GenShin-n{
	font-family: 'GenShinGothic-Normal';
	}
@font-face {
  font-family: 'GenShinGothic-Regular';
  src: url('../font/GenShinGothic-Regular.ttf') format('opentype');
}
.GenShin-r{
	font-family: 'GenShinGothic-Regular';
	}
@font-face {
  font-family: 'GenShinGothic-Bold';
  src: url('../font/GenShinGothic-Bold.ttf') format('opentype');
}
.GenShin-b{
  font-family: 'GenShinGothic-Bold';
	}

#left{
	width:56%;
	float:left;
	margin-left:2%;
	margin-top: 3%;
}
#center{
	padding-left:2%;
	padding-right:2%;
	width:30%;
	float:left;
}
#right{
	width:40%;
	float:right;
	margin-right:2%;
	margin-top:2%;
	font-size: 10px;
}
#right02{
	width:35%;
	float:right;
	margin-right:2%;
}


.box {
	width:98%;
	margin:0 auto;
	margin-bottom: 10%;
}

.width100{
	width:100%;
	}

/* -----------------------------------------------------------------
 header
------------------------------------------------------------------ */

header {
	background: #0d0d0d;
	text-align:center;
	width:100%;
	padding-bottom: 10px;
}
.header {
	text-align:center;
	width:100%;
}
.header_left{
	float:left;
	width:35%;
	padding-left:2%;
	padding-top: 3%;
	}
.header_right{
	float:left;
	width:45%;
	padding-top:3%;
	padding-left: 2%;
	}
.header p{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}
.header h2{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}
.header p a{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}

/* -----------------------------------------------------------------
 Link Setting
------------------------------------------------------------------ */
a:link{color:#372a20;
list-style:none;
text-decoration: none;}

a:visited{color:#372a20;
list-style:none;}

a:hover{color:#372a20;
list-style:none;}

/* -----------------------------------------------------------------
 nav
------------------------------------------------------------------ */
.button-toggle{
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	z-index:9999;
}
.button-toggle img{
	width:40px;
}

.gnav{
	background:#000000;
	position:absolute;
	width:100%;
	top:50px;
	display:block;
	z-index:9999;
}
.gnav li{
	color:#FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding:5% 5%;
	font-size:16px;
	display:block;
	width:90%;
	z-index:9999;
	position:relative;
}

.gnav li a{
	color:#FFFFFF;
	font-size:16px;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*===================================================================
  footer
===================================================================*/
#gtt{
	width:50%;
	margin-left:45%;
	color:#fff;
	background:#ff919b;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5ABACA), color-stop(0.00, #D5EDF1));
	background: -webkit-linear-gradient(#D5EDF1, #5ABACA);
	background: -moz-linear-gradient(#D5EDF1, #5ABACA);
	background: -o-linear-gradient(#D5EDF1, #5ABACA);
	background: -ms-linear-gradient(#D5EDF1, #5ABACA);
	background: linear-gradient(#D5EDF1, #5ABACA);*/
	border-radius:7px;
	padding:8px 0px;
	margin-top:50px;
	margin-bottom:50px;
	}
#gtt p{
	font-size:18px;
	color:#fff;
	text-align:center;
	}

#gtt a {
	color:#fff;
}


.bol{font-weight:bold}

.tac{
	text-align:center;
	}
.tar{
	text-align:right;
	}

.wrapper{
	width:100%;
	overflow:hidden;
	}
.wrap{
	padding:2%;
	}
/*===================================================================
	footer
===================================================================*/
.footer_01{
	background: #0d0d0d;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer_02{
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.footer_02 .p1{
	text-align: center;
	margin-bottom: 10px;
}
.footer_02 p{
	color: #eae7e1;
	font-size: 15px;
}

.copy{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.copy small{
	color: #bfb6a9;
	font-size: 10px;
}

#page-top {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 50px;
}

/*===================================================================
    content
===================================================================*/
.common_h2{
	margin-top: 50px;
	margin-bottom: 10px;
}
.common_h2 h2{
	margin-bottom: 40px;
}
.common_h2_link{
	text-align: center;
}
.common_h2_link li{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-bottom: 20px;
}
.main_vis{
	text-align: center;
	margin-bottom: 80px;
}

h3{
	text-align: center;
	margin-bottom: 60px;
}

.beforeaftercont h4 {
    text-align: center;
    margin: 30px auto 40px;
}

li.ttl {border-left: 3px solid #685f57;padding-left: 5px;margin-bottom: 5px;font-weight: bold;}

li.txt {
    padding-left: 10px;
    margin-bottom: 15px;
}

.beforeaftercont {
    margin-bottom: 80px;
}
