@charset "utf-8";

/* reset CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } img { display: block; margin: 0 auto; } * { box-sizing: border-box; } li { list-style: none; } .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; }

/* PC CSS */
.pc { display: block; }
.sp { display: none;}
html { font-size: 62.5%; }
body { font-size: 2.2rem; color: #222; font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400;font-feature-settings : "palt"; }
#pri_pc { background: url(../img/pri_bg.jpg) center bottom repeat-x;display: block;}
#pri_inner { width: 1000px;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;justify-content: space-between;margin: 0 auto;max-width: 100%;}
#pri_sp { display: none;}
#pro_btn { position: relative;width: 1200px;margin: 0 auto;}
#pro_btn_inner { position: absolute;right: 10%;top: 30px;z-index: 999;}
header { background: url(../img/head_bg.png) center top repeat-x;position: relative;}
header .img { position: relative;z-index: 1;}
header .line { position: absolute;z-index: 2;bottom: -15px; width: 100%;}
header .line img{ width: 100%;}
.jb { background: rgba(0,0,0,0.7); padding: 30px 0; }
p { line-height: 1.7; }
p + p, img + p { margin-top: 1em; }
p + img { margin-top: 1em; }
h3 + p { margin-top: 1em; }
.sec-inner + h2 { margin-top: 5em; }
.red { color: #d81e1f; }
.blue { color: #007fcf; }
.white { color: #fff; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
.ru { border-bottom: 2px solid #d81e1f; }
.small { font-size: 80%; }
.large { font-size: 150%; }
p.large { line-height: 1.3; }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
img { max-width: 100% }
.img-right { float: right; margin: 0 0 1.5em 1.5em; }
.txt-center { text-align: center; }
.mgt0 { margin-top: 0 !important;}
.mgb0 { margin-bottom: 0 !important;}
.boder0 { border: none !important;}
.bg_b { background: #e0cca4 !important;}

.list01 { font-size: 2.5rem; margin: 1em auto; }
.list01 li { background: url(../img/check01.png) no-repeat 10px 17px; padding: 20px 20px 20px 60px; font-weight: 600; border-bottom: 1px dashed #c2c2c2; line-height: 1.2; }
.list01 li p { font-weight: 400; font-size: 2.2rem; line-height: 1.5; margin: 10px 0 0; }

section h2 { margin: 0 auto 30px;padding-bottom: 15px;}
section h3 { margin: 0 auto;text-align: center;font-size: 6rem;line-height: 1.4;}
section h3 span {font-size: 3.5rem;}
section h4 { margin: 0 auto;position: relative;padding: 2em 0 1em;}
section h4:after { margin:.5em 0;content: "";display: block;height: 4px;background: -moz-linear-gradient(to right, rgb(169, 135, 100), #231300);background: -webkit-linear-gradient(to right, rgb(169, 135, 100), #231300);background: linear-gradient(to right, rgb(169, 135, 100), #231300);}
section h5 {padding: 0.4em 0.5em;color: #494949;background: #f4f4f4;border-left: solid 4px #494945;border-bottom: solid 2px #d7d7d7;margin: 2em auto 1em;}

.sec-inner { width: 960px; margin: 0 auto; }
.sec-inner + .sec-inner { margin: 60px auto 0; }

.box01 { border: 1px solid #231300;padding: 0 0 50px;margin: 30px auto;background: #fff; }
.box01_title { background: url(../img/box01_bg.jpg) no-repeat;}
.box01_inner { margin: 1.5em auto 1em;width: 90%;}
.box01 .box01_rec { display: -webkit-flex;display: flex;justify-content: space-between;}
.box01_rec p { line-height: 1.4; margin: .5em 0;text-align: center;}
.box02 { border: 1px solid #231300;padding: 0 0 30px;margin: 30px auto;background: #fff; }
.box02_title { background: url(../img/box02_bg.jpg) no-repeat;}
.box02_inner { margin: 1.5em auto 1em;width: 90%;}
.box03 { background: #fff; padding: 50px; margin: 30px auto 0; border: 1px solid #221200; border-radius: 5px; box-shadow:0px 0px 0px 2px #ffffff inset,0px 0px 0px 3px #221200 inset; }
.box03 ul { margin: 0; }
.box04 { display: -webkit-flex;display: flex;justify-content: space-between;}
.box04_innner { background: #e8e8e8; padding: 30px; margin: 30px auto 0; width: 45%; }
.box04_innner span { background: #af0000;color: #fff;font-size: 1.6rem;padding: 5px 8px;font-weight: normal; }

#sec01 { padding: 20px 0 80px; background: #221200; }
#sec02 { padding: 80px 0; background: url(../img/bg01.jpg)no-repeat fixed; background-size: cover; }
#sec03 { padding: 0 0 80px; background: linear-gradient(#3a1e00, #221200);color: #fff; }
#sec04 { padding: 80px 0; background: url(../img/bg01.jpg)no-repeat fixed; background-size: cover; }
#sec05 { padding: 80px 0; background: #221200; }
#sec06 { padding: 0 0 80px; background: url(../img/bg03.jpg)repeat;}
.sec06_title { background: url(../img/sec06_bg.jpg)repeat-x; height: 330px;}
.sec06_title img { padding: 1.3em;}
#sec07 { padding: 80px 0; }
#sec08 { padding: 80px 0; background: #221200; }
#sec09 { padding: 80px 0; background: url(../img/bg01.jpg)no-repeat fixed; background-size: cover; }
.sec09_title { background: url(../img/sec09_bg.jpg)repeat-x; height: 300px;}
.sec09_title img { padding: 2.2em;}
#sec10 { padding: 80px 0; }
#sec11 { padding: 80px 0; background: #221200; }
#sec12 { padding: 80px 0; }
#sec13 { padding: 80px 0; }
.sec13_title { background: url(../img/sec09_bg.jpg)repeat-x; height: 248px;margin: 80px auto;}
.sec13_title img { padding: 3em;}
#sec14 { padding: 80px 0; background: url(../img/bg04.jpg)no-repeat top;background-size: 100%;}
#sec15 { padding: 80px 0; background: url(../img/bg01.jpg)no-repeat fixed; background-size: cover; }

a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.form { position: relative; margin: 6em auto 2em;}
.float__mark {position: absolute;left: 50%;transform: translateX(-50%);animation: swing-loop 1.5s infinite;top: -70px;}

footer { background: #000; }
.footer_txt { padding: 0 0 0 2em; line-height: 1.9; font-size: 12px; text-align: center; color: #fff; }
#footer__wrap { width: 750px; margin: 0 auto; font-size: 80%; padding: 2em 0; display: flex; justify-content: center; }
#footer__wrap li { display: inline-block; border-left: 1px solid #aaa; padding: 0 1em 0; }
#footer__wrap li:first-child { border: none; padding: 0 1em 0 0; }
a:link { color: #b1b1b1;text-decoration: none; }
a:visited { color: #eee;text-decoration: none; }
a:hover { color: #e5e5e5;text-decoration: none; }
a:active { color: #e5e5e5;text-decoration: none; }

.col-head-type1 {border-collapse: collapse;width: 100%;margin: 2em auto;}
.col-head-type1 th,.col-head-type1 td {border: 1px solid #221200; padding: 15px;vertical-align: middle;}
.col-head-type1 td { background: #fff;}
.col-head-type1 th {background: #e0cca4;text-align: left;width: 25%;color: #221200;}
.col-head-type1 tfoot {border-top: 4px double #221200;padding: 0px;width: 100%;display: table-footer-group;}

.table01 { width:100%;border:#3C1F02 solid 1px;border-collapse: collapse; }
.table01 thead th {background: #f1e6d2;color: #3C1F02;padding: 10px 15px;border: #3C1F02 solid 1px;}
.table01 thead th:last-child { border-right:#3c1f00 solid 1px}
.table01 tbody th { background: #f1e6d2;color: #3c1f02;padding: 10px 15px;border-bottom: #3c1f02 solid 1px;vertical-align: middle;line-height: 1.4;}
.table01 tbody tr:last-child th { border-bottom:#3C1F02 solid 1px;}
.table01 tbody td { background:#FFF;padding:10px 15px;border-left:#3C1F02 solid 1px;border-bottom:#3C1F02 solid 1px;vertical-align:middle;}
.table01 p { line-height: 1.4; }
.table_gold { border: 5px solid #a50202;}
.abouts { width: 100%;margin: 0 auto 1em;}
.abouts th,.abouts td {padding: 15px 0;border-bottom: 1px solid #e2e2e2;}
.abouts td { font-size: 80%;line-height: 1.6;}
.abouts th {text-align: left;width: 25%;font-size: 90%;line-height: 1.4;}

.google_map{position:relative;width:100%;height:0;padding-top:75%;margin: 1em auto 0;}
.google_map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/* SP CSS */
@media screen and (max-width: 468px) {
	.pc { display: none; }
	.sp { display: block; }
	body { font-size: 4.5vw; }
	.img-right { margin: 0 auto 20px; float: none; }
	.large {font-size: 130%;}
	.small { line-height: 1.3; }
	#pri_inner { width: 100%;}
	#pri_sp { position: fixed;width: 100%;padding: 0 .5em;background: #221200cc;bottom: 0;display: block;}
	#pro_btn { width: 70%;margin: .5em auto;}
	#logo { width: 50%;}
	
	.list01 { font-size: 5.5vw; }
	.list01 li { background: url(../img/check01.png) no-repeat 0 13px; background-size: 7vw; padding: 15px 0 15px 8vw; }
	.list01 li p { font-size: 4.3vw; }
	
	section h2 { width: 95%; font-size: 8.5vw; letter-spacing: -1px; margin: 0 auto 10px; }
	section h2 .small { font-size: 6vw; line-height: 1.3;}
	section h3 { font-size: 7vw;}
	section h3 span { font-size: 5vw;}
	.sec-inner { width: 95%; }
	.sec-inner + .sec-inner { margin: 40px auto 0; }
	.sec-inner + h2 {margin-top: 1.5em;	}

	.box01 { margin: 20px auto 0;padding: 0 0 20px; }
	.box02 { }
	.box03 { padding: 5%; }
	.box04 { display: block; }
	.box04_innner { width: 100%;padding: 20px;margin: 1em auto;}
	
	#sec01 { padding: 10px 0 20px; }
	#sec02 { padding: 40px 0; }
	#sec03 { padding: 0 0 40px; }
	#sec04 { padding: 40px 0; }
	#sec05 { padding: 40px 0; }
	#sec06 { padding: 0 0 40px;background-size: 100%;}
	#sec07 { padding: 40px 0; }
	#sec08 { padding: 40px 0; }
	#sec09 { padding: 40px 0; }
	#sec10 { padding: 40px 0; }
	#sec11 { padding: 0; }
	#sec11 img {padding: 1em 0 0;}
	#sec12 { padding: 40px 0; }
	#sec13 { padding: 0 0 40px; }
	#sec14 { padding: 40px 0; }
	
	a.btn { font-size: 5vw; border-radius: 10px; }
	.form { margin: 3em auto 2em;}
	.float__mark {top: -30px;}
		
	#footer__wrap { width: 100%; display: block; }
	.footer_logo img { display: block; margin: 0 auto; }
	.footer_txt { padding: 1em 5%;font-size: 2.5vw; }

	.col-head-type1 tr,.col-head-type1 th,.col-head-type1 td {width: auto;}
	table.table01 thead {display:none;}
	table.table01 tbody th {display:block;background: #e0cca4;}
	table.table01 tbody td {display:block;border-left:none;}
	table.table01 tbody td::before {content: attr(label);float: left;clear:both;font-weight:bold;}
	table.table01 tbody td p { padding-left:5em;}
}
#company{
	width: 100%;
	border-collapse:  collapse;
}
#company th, #company td{
	padding: 8px;
	border: solid 1px #ccc;
	text-align: left;
}