@charset "utf-8";

/*ここでは
	ページのエリア分け
	などを記述します
*/

body{
	font-size: 14px;
	font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
	}
p{ font-size: 15px; letter-spacing: 1px;
	font-weight: 500;}
a{
	text-decoration: none;
	color: #000000;
	}

.body_over{
	overflow: hidden;
	height: 100%;
	}
.fixed{
	height: 100%;
	width: 100%;
	z-index:100;
	}
/*---h系---*/
h1{ font-size: 24px;}

h2{ font-size: 20px;}

h3{ font-size: 18px;}

h4{ font-size: 16px;}

h5{ font-size: 14px;}

.comment{
	padding: 0 0 0 1em !important;
	text-indent: -1em;
	}
.comment2{
	padding: 0 0 0 2em !important;
	text-indent: -2em;
	}
.comment3{
	padding: 0 0 0 3em !important;
	text-indent: -3em;
	}
.comment35{
	padding: 0 0 0 3.5em !important;
	text-indent: -3.5em;
	}
.comment4{
	padding: 0 0 0 4em !important;
	text-indent: -4em;
	}
.mincho{ font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.wf-nicomoji { font-family: "Nico Moji"; }
.wf-kokoro { font-family: "Kokoro"; }

/*---/h系---*/
/*---スマホ用h系---*/
@media screen and (max-width: 679px) {

/*---下記に記述---*/
}
/*---/スマホ用h系---*/

.t_right{
	text-align: right;
	}
.t_left{
	text-align: left;
	}
.t_center{
	text-align: center;}

.left {
	float: left;
	}
.right {
	float: right;}

.pcnone{
	display: none;
	}
.clearfix::after {
	clear: both; 
	content: " "; 
	display: block;}

header,
footer{
	margin: 0 auto;
	}
header::after,
footer::after { clear: both; content: " "; display: block;}

.wrap{ width: 100%; margin: 0 auto;}
.wrap::after { clear: both; content: " "; display: block;}

header ul{ }
header ul::after { clear: both; content: " "; display: block;}
header ul li{
	}
header ul li a{ }
header ul li a:hover{
	text-decoration: underline;
	}
#contents{
	width: 100%;
	margin: 0 auto;
	}
#contents::after { clear: both; content: " "; display: block;}

#contents .content{
	width:960px;
	margin: 0 auto;
	}
#contents .content::after { clear: both; content: " "; display: block;}

footer{
	}
footer .copyright{
	}

#page-top{ }
#page-top a{ }

.footer_menu{
	padding: 60px 0 50px;
	width: 945px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	}
.footer_menu::after { clear: both; content: " "; display: block;}
.footer_menu ul{
	/*width: 20%;*/
	float: left;
	margin-right: 5%;
	min-width: 10em;
	}
.footer_menu ul:last-child{
	margin-right: 0;
	}
.footer_menu ul li{
	font-size: 14px;
	margin: 10px 0;
	font-family: "Noto Sans Japanese";
	color: #595757;
	}
.footer_menu ul li a{
	background: url(../img/parts/footer_link_bg.png) no-repeat top 6px left / 7px auto;
	padding-left: 17px;
	color: #595757;
	font-size: 13px;
	}
.footer_menu ul li a:hover{
	background: url(../img/parts/footer_link_bg_ov.png) no-repeat top 6px left / 7px auto;
	color: #d70c18;
	}

.imprint{
	width: 740px;
	margin: 0 auto;
	padding: 10px 0 80px;
	}
.imprint::after { clear: both; content: " "; display: block;}
ul.imprint li{
	float: left;
	}
ul.imprint li.sns{
	width: 42%;
	display: table;
	}
ul.imprint li.sns::after { clear: both; content: " "; display: block;}
ul.imprint li.sns span{
	/*float: left;*/
	height: 100%;
	width: 30.3%;
	vertical-align: middle;
	display: table-cell !important;
	}
ul.imprint li.sns a{
	height: 40px;
	margin: 0 18%;
	}
	li.sns .facebook{
		background: url(../img/icon/facebook.svg) no-repeat center / auto 100%;
		}
	li.sns .facebook:hover{
		background: url(../img/icon/facebook_ov.svg) no-repeat center / auto 100%;
		}
	li.sns .insta{
		background: url(../img/icon/instagram.svg) no-repeat center / auto 100%;
		}
	li.sns .insta:hover{
		background: url(../img/icon/instagram_ov.svg) no-repeat center / auto 100%;
		}
	li.sns .youtube{
		background: url(../img/icon/youtube.svg) no-repeat center / auto 100%;
		}
	li.sns .youtube:hover{
		background: url(../img/icon/youtube_ov.svg) no-repeat center / auto 100%;
		}
ul.imprint li.logo{
	text-align: center;
	width: 16%;
	background: url(../img/icon/logo2.png) no-repeat center center / 90% auto;
	}
ul.imprint li.address{
	width: 40%;
	padding: 1em 0 1em 2%;
	float: right;
	}
ul.imprint li.address strong{
	font-size: 14px;
	display: block;
	margin-bottom: 0.3em;
	}
ul.imprint li.address p{
	font-size: 12px;
	color: #595757;
	letter-spacing: 0;
	line-height: 1.7em;
	}
ul.imprint li.address a{
	text-decoration: underline;
	display: inline-block;
	margin-top: 0.8em;
	color: #595757;
	}

.footer_bottom{ width: 945px; margin: 0 auto 30px; color: #b4b4b5; font-size: 12px;}
.footer_bottom a{ color: #b4b4b5;}
.footer_bottom::after { clear: both; content: " "; display: block;}

.footer_bottom .privacy{
	float: left;
	width: 50%;
	}
.footer_bottom .copyright{
	float: right;
	width: 50%;
	text-align: right;
	}
/*-----SPmenu-----*/
.sp_menu_area{
	display: none;
	width: 100%;
	position: relative;
	}
.sp_menu_area::after {
	clear: both;
	content: " ";
	display: block;
}
.smtbtn{
		padding: 4% 4% 0% 4%;
		}
	.smtbtn::after {
		clear: both;
		content: " ";
		display: block;
	}
	.smtbtn .btn{
		float: right;
		width: 40px;
		height: 40px;
		background: url(../img/icon/sp_menu.svg) no-repeat center center / 100% auto;
		display: inline-block;
		cursor: pointer;
		}

/*隠れメニュー--------------------------*/
.sp_menu_box{
	position: fixed;
	height: 100%;
	width: 100%;
	/*position: absolute;*/
	top: 0;
	/*z-index: 15;*/
	background: #FFFFFF;
	display: none;
	}
.sp_menu_box .smtbtn{
		padding: 3% 4% 2% 4%;
		}
.sp_menu_box .smtbtn .btn{
	background: url(../img/icon/sp_menu_close.svg) no-repeat center center / 100% auto;
	}

.sp_menu_box .smtbtn a.logo{
	float: left;
	width: 50px;
	height: 50px;
	background: url(../img/icon/logo2.svg) no-repeat center center / 100% auto;
	display: inline-block;
	}

.sp_menu_box .over{
	padding-bottom: 40px;
	background: #f2f2f2;
	
	position: relative;
	height: 80%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	z-index: 100;
	}

.sp_menu_box ul{
	background: #f2f2f2;
	display: block;
	padding-left: 8%;
	}
.sp_menu_box ul li{
	border-bottom: 1px solid #FFFFFF;
	font-size: 16px;
	display: block;
	}
.sp_menu_box ul li a{
	color: #231815;
	padding: 12px 0 12px 20px;
	display: block;
	background: url(../img/parts/spmenu_link_bg.png) no-repeat left center / 9px auto;
}
.sp_menu_box ul li.midashi{
	background: #FFFFFF;
	padding: 12px 0 12px 20px;
	font-size: 17px;
	}

/*-----/ SPmenu-----*/


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

img{ height: auto; max-width: 100%;}
.tabnone{ display: none;}

#contents{ width: 100%;}
header, footer{ width: 100%;}
header ul{}
header ul li{}

	#contents .content{
	width: 96%;
	}
	.footer_menu{
	padding: 60px 0 50px;
	width: 96%;
	}
	.imprint{
	width: 90%;
	padding: 10px 0 80px;
	}
	ul.imprint li.address p{
	font-size: 13px;
	}
	
	
}
@media screen and (max-width: 768px) {
	p{}
	.pcnone{ display: block;}
	.smtnone{ display: none; }
	
	/*---h系---*/
	h1{}
	.gray_bg_title{ margin-bottom: 25px;}
	.gray_bg_title img{ max-height: 15px; width: auto;}
	h2{}
	h3{}
	
	/*---/h系---*/
	
	header .sub_main{ padding: 40px 0 30px;}
	header .sub_main img{ width: 60%;}
	
	header ul li{}
	header ul li a{}
	header ul li a:hover{ text-decoration: none;}
	
	.footer_menu{
		display: none;
		}
	.imprint{
		padding: 60px 0 50px;
		width: 80%;
		}
	ul.imprint li{
		float: none;
		}
	ul.imprint li.sns,
	ul.imprint li.logo,
	ul.imprint li.address{
		width: auto;
		float: none;
		}
	ul.imprint li.sns{
		display: block;
		width: 80%;
		margin: 0 auto;
		}
	ul.imprint li.sns span{
		display: block !important;
		float: left;
		width: 33.3%
		}
	ul.imprint li.sns a{
		min-height: 55px;
		}
	ul.imprint li.logo{
		min-height: 170px;
		margin: 14% 0;
		background: url(../img/icon/logo2.png) no-repeat center center / auto 100%;
		}
	ul.imprint li.address{
		padding: 1em 0;
		width: 303px;
		margin: 0 auto;
		}
	/*li.address strong,li.address p,li.address a{
		text-align: left;
		}*/
		
	.footer_bottom{
		width: 90%;
		margin: 0 auto 30px;
		}
	
	/*-----SPmenu-----*/
	.sp_menu_area{
		display: block;
		}
	

	
	/*-----/ SPmenu-----*/
	
	
}
@media screen and (max-width: 679px) {
	/*-----SPmenu-----*/
	.sp_menu_box ul li{
		font-size: 15px;
		}
	.sp_menu_box ul li.midashi{
		font-size: 16px;
		}

	ul.imprint li.sns a{
			min-height: 45px;
			}
		ul.imprint li.logo{
			min-height: 130px;
			}
		.imprint{
			width: 90%;
			}
	/*-----/ SPmenu-----*/
		
		
		
		
		
		


}