@charset "utf-8";


/* RESET CSS */
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{margin:0 auto;padding:0;max-width:100%;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*----------------------------------------------------------------------------------------------
Basic
----------------------------------------------------------------------------------------------*/
html{ font-size:62.5%; overflow:hidden; }
body{
	position:relative;
	width:100%;
	min-height: 100vh;
	font-size:2.2rem;
	color: #3f3f3f;
	font-weight:500;
	line-height:1.7;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background:#fefcf2;
	-webkit-overflow-scrolling:touch;
}

/* Clearfix */
.clearfix:before , .clearfix:after{ content:" "; display:table; }
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }

/* PC・SP表示調整 */
.display_pc{ display:block; }
.display_sp{ display:none; }
/*----------------------------------------------------------------------------------------------
Header
----------------------------------------------------------------------------------------------*/
header{ width:100%; margin:auto; }
header h1{
	width:100%;
	padding:0;
	margin:auto;
	text-align: center;
}
/*----------------------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------------------*/
footer{
	position: absolute;
	bottom: 0;
	width:100%;
	margin:0 auto;
	background-color:#ecf0ee;
}
#footer__inner{
	width:900px;
	padding:3rem 0;
	margin:0 auto;
	font-size:1.1rem;
}
#footer__inner_logo{
	float:left;
	width:248px;
	padding:1rem 0 0 2rem;
}
#footer__inner_right{
	float:right;
	width:600px;
}
#footer__inner li{
	float:left;
	padding-right:10px;
	margin-right:15px;
	list-style-type:none;
}
#footer__inner p{
	clear:both;
	padding-top:5px;
	color:#666;
	text-align:left;
}





/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px){
	/*----------------------------------------------------------------------------------------------
	Basic Style
	----------------------------------------------------------------------------------------------*/
	body{ width:100%; font-size:4.5vw;font-weight: 350; line-height:1.7; }

	/* PC/SP表示調整 */
	.display_pc{ display:none; }
	.display_sp{ display:block; }
	/*----------------------------------------------------------------------------------------------
	Header
	----------------------------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------------
	Footer
	----------------------------------------------------------------------------------------------*/
	#footer__inner{ width:90%; padding:2rem 0; }
	#footer__inner_logo{ float:none; width:60%; padding:1rem 0 1.4rem 0; }
	#footer__inner_right{ float:none; width:100%; }
}