@charset "utf-8";


/*
ミドリ：#006836;
アカ：#e43731;
*/
/*############################################*/
/*（1）文字設定-共有*/
/*############################################*/
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html{
	font-size:14px;
	letter-spacing:0em;
	line-height:1.8em;
	font-family: "HelveticaNeueW01-55Roma", 'Helvetica', "Meiryo W53 Regular", Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color:#000;
	text-align:center;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
}
.large{ font-size:16px; }
.larger{ font-size:18px; }
.smaller{ font-size:12px; }
a:link{
	color:#5c93d7;
	text-decoration:none;
}
a:visited{
	color:#5c93d7;
	text-decoration:none;
}
/*ホバー*/
a:hover{
	color:#df5d5d;
	text-decoration:none;
}
/*文字色*/
.aka{
	color:#cc2222;
}
.kuro{
	color:#000000!important;
}
.ao{
	color:#69a9e1;
}
.bold{
	font-weight:bold;
}
.serif,
.serif span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*############################################*/
/*（2）サイト全体-共有*/
/*############################################*/
html,
body{
	margin:0;
	padding:0;
}
.body{
	min-width:1200px;
}
/* IE7でpadding指定 */
*:first-child+html body {
	padding-left:1px;
}
/* IE6以下でpadding指定 */
*html body {
	padding-left:1px;
}
img, h1, h2, h3, h4, h5, h6, p, form{
	border:none;
	margin:0;
}
img{
	vertical-align: top;
}
ul,dl{
	margin:0;
	padding:0;
	list-style:none;
}
table,
h1,h2,h3,h4,h5,h6{/*これないと、IEでbodyのフォントサイズが引き継がれない*/
	font-size:100%;
}
/*floatキャンセル*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.tt{
	border:solid 1px #dbdbdb;
	_border-width:0 1px 1px 0px;
	border-collapse:collapse;
}
.tt td,
.tt th{
	padding: 6px 12px;
	border:solid 1px #dbdbdb;
}
.scroll_position{
	margin-top:115px;
	padding-top:115px;
}
/*############################################*/
/*共通-------------------------------------*/
/*############################################*/
.sankaku::after{
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	right:0;
	width: 0;
	height: 0;
	margin:0 auto;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 18px solid black;
}
/**/
.ooMidashi{
	text-align:left;
}
.ooMidashi p:nth-child(1){
	position:relative;
	display:inline-block;
	font-size:36px;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.1em;
	line-height:1.2em;
	font-weight:400;
	color:#fff;
}
.ooMidashi p:nth-child(1):after{
	position:absolute;
	content:'';
	bottom:7px;
	right:-17px;
	width:15px;
	height:1px;
	background:#fff;
}
.ooMidashi p:nth-child(2){
	font-size:18px;
	display:block;
	font-weight:bold;
	color:#fff;
	line-height:1.5em;
}
/**/
.koroBtn{
	position:relative;
	display:block;
	width:265px;
	padding:14px 0;
	color:#fff;
	font-size:17px;
	line-height:1.0em;
	text-align:center;
	font-weight:bold;
	background:#000;
	transition: all 400ms 0s ease;
}
.koroBtn:link,
.koroBtn:visited{
	color:#fff;
}
.koroBtn:hover{
	background:#b7a46a;
}
/*############################################*/
/*header*/
/*############################################*/
header{
	position:fixed;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	min-width:1200px;
	padding:20px 0;
	top:0;
	z-index:99;
	background:rgba(255,255,255,1);
}
header h1{
	display:flex;
	justify-content:space-between;
	width:110px;
	margin-right:30px;
}
header div{
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	color:#fff;
	line-height:1.2em;
	background:#000;
}
ul.nav{
	display:flex;
	justify-content:center;
	_width:900px;
	width: 700px;
	margin-left: 200px;
}
ul.nav li{
	margin:0 auto;
}
ul.nav li a{
	position:relative;
	display:block;
	padding:12px 0.5em;
	font-size:16px;
	color:#000;
	line-height:1.2em;
}
ul.nav li a::after{
	position:absolute;
	content:'';
	bottom:5px;
	left:0;
	right:0;
	width:0%;
	height:2px;
	margin:0 auto;
	background:#000;
	transition: all 400ms 0s ease;
}
ul.nav li a:link,
ul.nav li a:visited{
	color:#000;
}
ul.nav li a:hover::after{
	width:100%;
}
ul.nav li span{
	position:relative;
	display:block;
	padding:12px 0.5em;
	font-size:16px;
	color:#000;
	line-height:1.2em;
}
ul.nav li span span{
	padding:0 14px;
	border:solid 1px #000;
	border-width:0px 2px;
}
/*logoまわり-----------------------------------------*/
.logoWrapper{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:75px 0 90px;
	text-align:center;
	border-bottom:solid 1px #000;
}
.logoWrapper::after{
	bottom:0;
}
/**/
.contentWrapper{
	padding-top:107px;
}
/*footer-----------------------------------*/
footer{
	position:relative;
	margin:70px 0 0 0;
	padding:65px 0;
	background:#f9f9f9;
}
footer:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:50%;
	height:2px;
	background:#ccc;
}
footer:after{
	position:absolute;
	content:'';
	top:0;
	right:0;
	width:50%;
	height:2px;
	background:#ccc;
}
footer .nav{
	margin:60px auto 50px;
}
footer .jimukyokuBox{
	font-size:16px;
	font-weight:bold;
}
.jimukyokuBox a{
	color:#000;
}
/*gotoPageTop-----------------------------------------*/
.gotoPageTop {
	display: block;
	width: 62px;
	height: 36px;
	display: none;
	position: fixed;
	right: 2%;
	bottom: -36px;
	z-index: 13;
	background: #000;
	border-radius: 6px 6px 0 0;
}
.gotoPageTop::before {
	position: absolute;
	content: "";
	top: 9px;
	bottom: 0;
	left: 23px;
	margin: auto;
	width: 14px;
	height: 14px;
	border-top: 3px solid rgba(255,255,255,0.9);
	border-right: 3px solid rgba(255,255,255,0.9);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}





/**/
.drawer-hamburger{
	display:none;
}


















/*responsive---------------------------------------------------------------------------------------*/
.ip5{
	display:none;
}
.img100per{
	width:100%;
	height: auto;
}
.img-sp100per{
}
.img-max100per{
	display: block;
	max-width: 100%;
	height: auto;
}
/*############################################*/
/*  */
/*############################################*/
.sp{
	display:none;
}
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	.scroll_position{
		margin-top:115px;
		padding-top:115px;
	}
	body{
		font-size:14px;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
	.img100per{
		width:100%;
		height: auto;
	}
	.img-sp100per{
		width:100%;
		height: auto;
	}
	.img-max100per{
		display: block;
		max-width: 100%;
		height: auto;
	}

	/*############################################*/
	/*（3）ヘッダーとか基本構成*/
	/*############################################*/
	html,
	body{
		padding:0;
		margin:0;
		text-align:center;
	}
	.body{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
/*############################################*/
/*共通-------------------------------------*/
/*############################################*/
.sankaku::after{
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	right:0;
	width: 0;
	height: 0;
	margin:0 auto;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 18px solid black;
}
/**/
.ooMidashi{
	text-align:left;
}
.ooMidashi p:nth-child(1){
	position:relative;
	display:inline-block;
	font-size:33px;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.1em;
	line-height:1.2em;
	font-weight:400;
	color:#fff;

}
.ooMidashi p:nth-child(1):after{
	position:absolute;
	content:'';
	bottom:7px;
	right:-17px;
	width:15px;
	height:1px;
	background:#fff;
}
.ooMidashi p:nth-child(2){
	font-size:16px;
	display:block;
	font-weight:bold;
	color:#fff;
	line-height:1.5em;

}
/**/
.koroBtn{
	position:relative;
	display:block;
	width:265px;
	padding:14px 0;
	color:#fff;
	font-size:17px;
	line-height:1.0em;
	text-align:center;
	font-weight:bold;
	background:#000;
	transition: all 400ms 0s ease;
}
.koroBtn:link,
.koroBtn:visited{
	color:#fff;
}
.koroBtn:hover{
	background:#b7a46a;
}
	/*############################################*/
	/*header*/
	/*############################################*/
	header{
		position:static;
		min-width:0;
		padding:40px 0 30px;
	}
	header h1{
		width: 150px;
		margin-right: 0px;
	}
	header h1 img{
		width:150px;
	}
	header:before{
	}
	header:after{
	}
	ul.nav{
		display:none;
	}
	
	/*logoまわり-----------------------------------------*/
	.logoWrapper{
	}
	.logoWrapper::after{
	}
	/*-----------------------------------------*/
	.contentWrapper{
		padding:0;
	}

	/*footer-----------------------------------*/
	footer{
		margin-top:0;
	}
	footer:before{
	}
	footer:after{
	}
	footer .jimukyokuBox{
	}
	footer ul.nav{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
		margin:60px auto 50px;
		border-top:solid 1px #bcbcbc;
	}
	footer ul.nav li{
		width:100%;
		margin:0 auto;
	}
	footer ul.nav li a{
		position:static;
		display:block;
		width:100%;
		padding:12px 0;
		border-bottom:solid 1px #bcbcbc;
		background:#ededed;
	}
	footer ul.nav li a::after{
		display:none;
	}


	/*ナビ----------------------------------------------------------------------*/
	/*drawer追記分のみ*/
	.drawer-overlay {
		_background-color: rgba(0, 0, 0, 0);
	}
	.drawer-hamburger{
		position:fixed;
		display:block;
		top:0px;
		right:0;
		padding:15px 15px 25px;
		z-index:20;
		background:rgba(255,255,255,0.8);
	}
	.drawer-hamburger:hover {
		background:rgba(255,255,255,0.8);
	}
	.drawer-hamburger:before{
	}
	.drawer-nav{
		z-index:14;
		background:rgba(255,255,255,1);
		height:auto;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
		height:3px;
		background:rgba(0,0,0,1);
	}
	.drawer-nav .drawer-menu{
		position:relative;
		margin:0px 0 0px;
		padding:0px 0;
	}
	/*.drawer-nav .drawer-menu:before{
		position:absolute;
		content:'';
		top:0;
		left:0;
		width:50%;
		height:2px;
		background:#006836;
	}
	.drawer-nav .drawer-menu:after{
		position:absolute;
		content:'';
		top:0;
		right:0;
		width:50%;
		height:2px;
		background:#e43731;
	}*/
	.drawer-nav .drawer-menu img{
		margin:40px auto;
	}
	.drawer-nav .drawer-menu ul.nav{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
		margin:0px auto 0px;
		border-top:solid 1px #bcbcbc;
	}
	.drawer-nav .drawer-menu ul.nav li{
		width:100%;
		margin:0 auto;
	}
	.drawer-nav .drawer-menu ul.nav li a{
		position:static;
		display:block;
		width:100%;
		padding:12px 0;
		border-bottom:solid 1px #bcbcbc;
		background:#ededed;
	}
	.drawer-nav .drawer-menu ul.nav li a::after{
		display:none;
	}
	.drawer-nav .jimukyokuBox{
		padding:30px 0;
	}

/*gotoPageTop-----------------------------------------*/
.gotoPageTop {
	display: block;
	width: 46px;
	height: 50px;
	display: none;
	position: fixed;
	right: 0;
	bottom: 36px;
	z-index: 13;
	background: #000;
	border-radius: 6px 0 0 6px;
}
.gotoPageTop::before {
	position: absolute;
	content: "";
	top: 8px;
	bottom: 0;
	left: 18px;
	margin: auto;
	width: 14px;
	height: 14px;
	border-top: 3px solid rgba(255,255,255,0.9);
	border-right: 3px solid rgba(255,255,255,0.9);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}









} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/


	/*なぜかdrawer内の文字サイズがおかしくなるので*/
	/*
	と思ったけど、以下をhtmlに指定することで解決
	-webkit-text-size-adjust: none;
	どうもiPhoneの文字サイズ自動調整機能みたい
	
	.firstBtnBox a{
		font-size:8px;
		line-height:1.8em;
	}
	.drawer-nav .drawer-menu li a{
		font-size:10px;
		line-height:2.2em;
	}
	.spNavSita p:nth-child(1){
		font-size:8px;
	}
	*/


} /* /@media */