@charset "UTF-8";

// COLOR
@black:#000;
@white:#FFF;
@gray:#999;
@grayD:#444;
@grayDD:#222;
@grayL:#bebebe;
@grayLL:#eee;
@grayLLL:#f5f5f5;

@gold:#b7923c;
@blue:#1A2859;
@red:#c04;

// LESS
@ncc:no-repeat center center;

// MIXIN
.trans{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.inline{display:-moz-inline-box; display:inline-block;}

/*BASE*/
html,body{height:100%; width:100%; margin:0;}
body{color:@black; line-height:1; -webkit-text-size-adjust:100%; background:@white;
font-family:"Noto Serif JP","游明朝体",YuMincho,"游明朝","Yu Mincho",Georgia,"Times New Roman","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS P明朝","MS PMincho","ＭＳ 明朝",serif;}
img{max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*LETTER*/
strong{.fb;}
.wf{font-family:"Crimson Text";}
.normalfont{font-family:"Helvetica Neue",Helvetica,"Droid Sans",Arial,Avenir,Verdana,"Hiragino Sans","ヒラギノ角ゴシック","游ゴシック Medium","YuGothic M","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif;}
.attention{color:@red;}
.small{font-size:85%;}
.large{font-size:124%;}
.italic{font-style:italic;}
::selection{background:@gold; color:@white;}
::-moz-selection{background:@gold; color:@white;}

/*LINK*/
a:link{color:@gold; .tdu; .trans;}
a:visited{color:@gold; .tdu;}
a:hover{color:@grayD; .tdn;}
a:active{color:@gold; .tdn;}
a img{border:none; .tdn;}
a img:hover{opacity:0.6; .tdn;}

/*SP NAV*/
button#menubtn{z-index:9998; position:absolute; right:12px; top:12px; line-height:42px; height:42px; width:42px;}
button.btn{background-color:transparent; background:@white; color:@black; border:none; outline:none; cursor:pointer;}
button.btn:after{content: '\f0c9'; font-family:'fontello'; vertical-align:top; font-size:154%;}
button.active:after{content: '\e800'; font-family:'fontello'; line-height:42px; height:42px; width:42px; font-size:154%;}
button#menubtn.active{position:fixed;}
div#spnav{z-index:9997; display:none; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);
	nav{padding:62px 0 0;
		ul{font-size:124%; .tac; 
			li{width:25%; float:left; margin:0 auto 4%;
				i{font-size:154%;}
				a{display:block; padding:20px 0;}
				a:link{color:@white; .tdn; .trans;}
				a:visited{color:@white; .tdn;}
				a:hover{color:@gold; .tdn;}
				a:active{color:@white; .tdn;}
			}
			li:first-child{width:100%; margin:0 auto; float:none;}
			li:last-child{width:100%; margin:0 auto; float:none;
				a{width:116px; margin:0 auto;}
			}
		}
	}
}

/*HEADER*/
header{background:@black;
	h1{width:150px; margin:20px; float:left;}
}

/*LAYOUT*/
main{position:relative; clear:both; display:block; overflow:hidden;}

/*TITLE*/
div.pagetitle{margin:0 0 6%; background:url("../_img/bg/header.jpg") @ncc; .bgsc; .tac;
	h2{color:@white; font-size:200%; padding:10% 0; letter-spacing:2px; text-shadow:1px 1px 1px @black;}
}

/*PAGE*/
div.pagebody{padding:0 4%; margin:0 auto 8%;
	article{margin-bottom:6%;
		h3{font-size:139%; letter-spacing:1px; padding:20px 0 20px; margin:0 0 6%; border-bottom:1px solid @gray; border-top:1px solid @gray; line-height:1.5; .fb;}
		div.postbody>section{margin-bottom:6%;}
		div.postbody{word-wrap:break-word;
			img{margin-bottom:4%;}
			img.width50{max-width:50%; height:auto;}
			p{margin-bottom:4%; line-height:1.7;}
			h4{font-size:116%; background:@gold; color:@white; padding:10px; margin:0 0 2%; .fb;}
		}
		div.graybox{border:4px solid @gray;
			h4{font-size:139%; letter-spacing:1px; color:@white; background:@gray; padding:4px 0 10px; line-height:1.7; .fb; .tac;
				span{font-size:70%; letter-spacing:0px; display:block;}
			}
			div.grayboxcon{padding:4%;
				p{margin-bottom:4%; line-height:1.7;}
				p:last-child{margin:0;}
			}
			h5{margin:0 0 4%; .fb; .tac;}
			table{width:100%; margin:0 0 4%; font-size:93%;
				tr{width:100%; line-height:1.7;
					th{border:1px solid @gray; background:@grayLL; padding:10px; text-align:left;}
					td{border:1px solid @gray; padding:10px;}
				}
			}
		}
		ul.pointlist{
			li{margin:0 0 4%;
				display:-webkit-flex; display:flex;
				-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
				-webkit-align-items:center; align-items:center;
				-webkit-align-content:center; align-content:center;
				div{font-size:108%; line-height:1.5;
					i{font-size:150%; color:@gold;}
				}
				div:first-child{padding-right:10px;}
			}
		}
		ul.checklist{
			li{
				div{font-size:100%; line-height:1.6;
					span{display:block; font-size:85%; line-height:1.5;}
					i{font-size:180%;}
				}
			}
		}
	}
	article:last-child{margin-bottom:0;}
}

div.pagebody{
	div.pdfbtn{.tac; .fb; width:40%; margin:0 auto 4%; 
		a{display:block; border:1px solid @black; padding:15px 0; border-radius:6px;}
		a:link{color:@black; .tdn;}
		a:visited{color:@black; .tdn;}
		a:hover{color:@gold; .tdn; border:1px solid @gold;}
		a:active{color:@black; .tdn;}
	}
	article.tentou{
		h4{font-size:139%; letter-spacing:3px; padding:15px; background:@gold; color:@white; margin:0 0 4%; .fb; .tac;}
		section{padding:15px 10px; border:2px solid @gold; line-height:1.5; .tac;
			p{font-size:116%; margin:0 0 2%;}
			p:last-child{margin:0;}
			span{display:block; font-size:90%;}
		}
		div.tentoubody{margin:0 0 6%;
			section.trigger{cursor:pointer; .trans;}
			section.trigger:hover{background-color:@grayLL;}
			section.none-submenu{background:url("../_img/bg/p.png") no-repeat 96% center; background-size:25px 25px;}
			section.active-submenu{background:url("../_img/bg/m.png") no-repeat 96% center; background-size:25px 25px;}
			div.submenu{background:#f5f5f5; padding:2%;
				p{margin:0 0 4%; line-height:1.8;
					a:link{color:@black; .tdn;}
					a:visited{color:@black; .tdn;}
					a:hover{color:@gold; .tdn;}
					a:active{color:@black; .tdn;}
				}
				p:last-child{margin:0;}
			}
			div.arrow{.tac;
				i{font-size:200%; color:@grayD;}
			}
		}
		div.graybox{border:4px solid @gold;
			h4{padding:4px 0 10px; margin:0; background:@gold; border-radius:0;}
			div.grayboxcon{padding:4%;
				p{margin-bottom:4%; line-height:1.7;}
				p:last-child{margin:0;}
			}
		}
	}
	article.takuhai{
		h4{font-size:139%; letter-spacing:3px; padding:15px; background:@blue; color:@white; margin:0 0 4%; .fb; .tac;}
		section{padding:15px 10px; border:2px solid @blue; line-height:1.5; .tac;
			p{font-size:116%; margin:0 0 2%;}
			p:last-child{margin:0;}
			span{display:block; font-size:90%;}
		}
		div.takuhaibody{margin:0 0 6%;
			section.trigger{cursor:pointer; .trans;}
			section.trigger:hover{background-color:@grayLL;}
			section.none-submenu{background:url("../_img/bg/p.png") no-repeat 96% center; background-size:25px 25px;}
			section.active-submenu{background:url("../_img/bg/m.png") no-repeat 96% center; background-size:25px 25px;}
			div.submenu{background:#f5f5f5; padding:2%;
				p{margin:0 0 4%; line-height:1.8;
					a:link{color:@black; .tdu;}
					a:visited{color:@black; .tdu;}
					a:hover{color:@gold; .tdu;}
					a:active{color:@black; .tdu;}
				}
				p:last-child{margin:0;}
			}
			div.arrow{.tac;
				i{font-size:200%; color:@grayD;}
			}
		}
		div.graybox{border:4px solid @blue;
			h4{padding:4px 0 10px; margin:0; background:@blue; border-radius:0;}
			div.grayboxcon{padding:4%;
				p{margin-bottom:4%; line-height:1.7;}
				p:last-child{margin:0;}
			}
		}
		ul.checklist{
			li{
				div{
					i{color:@blue;}
				}
			}
		}
	}
}

/*FAQ*/
ul.faqlist{margin:0;
	li{background:@grayLLL; border-radius:6px; margin:0 0 5%;
		section:first-child{background:@blue; color:@white; border-radius:6px; padding:12px; width:100%; cursor:pointer; .trans; 
			display:-webkit-flex; display:flex;
			-webkit-flex-flow:row wrap; flex-flow:row wrap; 
			-webkit-align-items:center; align-items:center;
			-webkit-align-content:center; align-content:center;
			span{font-size:200%; width:10%;}
			h4{word-wrap:break-word; width:90%; line-height:1.6; .fb;}
		}
		section:last-child{padding:15px;
			p{line-height:1.6;}
		}
		section:first-child:hover{background:@gold;}
		section.active-submenu{border-radius:6px 6px 0 0;}
	}
}

/*FOOTER*/
footer{width:100%; padding:16px 0; background:@black; color:@white; line-height:1.8; .tac;
	a:link{color:@white; .tdn;}
	a:visited{color:@white; .tdn;}
	a:hover{color:@gold; .tdn;}
	a:active{color:@white; .tdn;}
	h1{width:40%; margin:0 auto 4%;}
	nav{
		ul{
			li{width:25%; float:left; margin:0 auto 2%;
				a{display:block;
					i{font-size:200%;}
				}
				a.linebtn{width:116px; margin:0 auto;}
			}
			li:first-child{width:100%; float:none; margin:0 auto 4%;}
			li:last-child{width:100%; float:none; font-size:139%; margin:0 auto 4%;}
		}
	}
	small{display:block; font-size:77%;}
}

/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:769px){
html,body{min-width:1180px;}
.sp{display:none;}
.leftbox{padding-right:20px;}
.rightbox{padding-left:20px;}

/*HEADER*/
header{width:100%; padding:0 20px 20px;
	h1{width:200px; margin:18px 0 0;}
	nav{float:right; margin:15px 0 0;
		ul{
			li{float:left; margin:4px 12px 0 0;
				a{display:block;
					i{font-size:180%;}
				}
				a:link{color:@white; .tdn;}
				a:visited{color:@white; .tdn;}
				a:hover{color:@gold; .tdn;}
				a:active{color:@white; .tdn;}
			}
			li:first-child{margin:4px 12px 0 0;
				a{width:77.333px; margin:0 auto;}
			}
			li:last-child{margin:0;
				a{padding:10px; background:@gold; border-radius:4px;}
				a:link{color:@white; .tdn;}
				a:visited{color:@white; .tdn;}
				a:hover{color:@gold; .tdn; background:@white;}
				a:active{color:@white; .tdn;}
			}
		}
	}
}

/*TITLE*/
div.pagetitle{margin:0 0 60px;
	h2{font-size:400%; padding:10% 0; letter-spacing:5px;}
}

/*PAGE*/
div.pagebody{padding:0 5%; margin:0 auto 8%;
	article{margin-bottom:60px;
		h3{font-size:182%; letter-spacing:3px; padding:25px 0; margin:0 0 30px; .tac;}
		div.postbody>section{margin-bottom:60px;}
		div.postbody>section:last-child{margin-bottom:0;}
		div.postbody{
			img{margin-bottom:20px;}
			p{margin-bottom:20px;}
			h4{padding:20px; margin-bottom:0; font-size:131%;}
			div.address{margin:0 0 4%;
				display:-webkit-flex; display:flex;
				-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
				-webkit-align-items:center; align-items:center;
				-webkit-align-content:center; align-content:center;
				h4{height:120px; width:120px; letter-spacing:2px; border-radius:50%; margin:0 15px 0 0; .tac;
					i{display:block; margin:10px auto 8px; font-size:150%;}
				}
				section{font-size:116%; }
			}
		}
		div.graybox{
			h4{font-size:154%; letter-spacing:3px; padding:10px 0 14px;}
			div.grayboxcon{padding:4% 4% 2%;
				p{margin-bottom:4%; line-height:1.7;}
				p:last-child{margin:0;}
			}
			h5{font-size:116%; letter-spacing:2px; margin:0 0 4%;}
			table{font-size:100%;
				tr{
					th{padding:12px;}
					td{padding:12px;}
				}
			}
		}
		ul.pointlist{margin:0 0 40px;
			li{margin:0 0 25px;
				div{font-size:139%; line-height:1;
					i{font-size:200%; vertical-align:middle;}
				}
				div:first-child{padding-right:15px;}
			}
		}
		ul.checklist{
			li{margin:0 0 10px;
				div{font-size:116%; line-height:1.6;
					span{display:block; font-size:85%;}
					i{font-size:180%; vertical-align:middle;}
				}
				div:first-child{padding-right:8px;}
			}
		}
	}
	article:last-child{margin-bottom:0;}
}

div.pagebody{
	article.tentou{
		h4{font-size:154%; letter-spacing:3px; padding:20px;}
		section{padding:15px 10px;
			p{font-size:116%; margin:0 0 1%;}
			p:last-child{margin:0;}
		}
		div.tentoubody{margin:0 0 2%;
			div.arrow{
				i{font-size:300%;}
			}
		}
		div.graybox{
			h4{font-size:154%; letter-spacing:3px; padding:10px 0 14px;}
			div.grayboxcon{
				p{margin-bottom:2%;}
				p:last-child{margin:0;}
			}
		}
	}
	article.takuhai{
		h4{font-size:154%; letter-spacing:3px; padding:20px;}
		section{padding:15px 10px;
			p{font-size:116%; margin:0 0 1%;}
			p:last-child{margin:0;}
		}
		div.takuhaibody{margin:0 0 2%;
			div.arrow{
				i{font-size:300%;}
			}
		}
		div.graybox{
			h4{font-size:154%; letter-spacing:3px; padding:10px 0 14px;}
			div.grayboxcon{
				p{margin-bottom:2%;}
				p:last-child{margin:0;}
			}
		}
	}
}

/*FAQ*/
ul.faqlist{
	li{margin:0 0 2%;
		section:first-child{padding:20px;
			span{font-size:250%; width:6%;}
			h4{font-size:124%; width:94%;}
		}
		section:last-child{padding:20px;
			p{font-size:116%; line-height:1.7;}
		}
	}
}

/*FOOTER*/
footer{width:100%; padding:16px 0; background:@black; color:@white; line-height:1.8; .tac;
	a:link{color:@white; .tdn;}
	a:visited{color:@white; .tdn;}
	a:hover{color:@gold; .tdn;}
	a:active{color:@white; .tdn;}
	section{width:50%; float:right;}
	h1{width:40%; margin:0 0 2%; float:right;}
	div.footphone{width:100%; clear:both; display:block; overflow:hidden; float:none; text-align:right; font-size:148%; .fb;
		span.small{font-size:80%;}
	}
	nav{width:50%; float:left;
		ul{
			li{float:left; width:auto; margin:0 12px 0 0;}
			li:first-child{width:auto; float:left; margin:4px 12px 0 0;}
			li:last-child{width:auto; float:left; margin:8px 0 0;}
		}
	}
	small{float:none; clear:both; overflow:hidden; font-size:93%;}
}

}
/************************ SP ************************/
@media (max-width:768px){
	.pc{display:none;}
	.spmb{margin-bottom:6%;}
}

/*-----------------------------------------------------
 6px = 46.1%    7px = 53.8%    8px = 61.5%    9px = 69.2%
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/