@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,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;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;border:0;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select{vertical-align:middle;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	color:#37240C;
	background:#FFF;
	font-family:"Noto Serif JP","YuMincho","Yu Mincho","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	line-height:2;	
}

/* fonts */
.sans-serif{	
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
}

/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline:none;
}
a:link,
a:visited{
	text-decoration:none;
	color:#37240C;
}
a:hover{
	text-decoration:underline;	
}

.ophover{
	-webkit-transition:opacity ease 0.3s;
	-moz-transition:opacity ease 0.3s;
	transition:opacity ease 0.3s;	
}
.ophover:hover{
	opacity: 0.7 !important;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}


/*--------------------------------------------------------------------------
   Animation
---------------------------------------------------------------------------*/

.fade, .fade01, .fade02,
.fade_delay01,.fade_delay02,.fade_delay03,.fade_delay04,.fade_delay05 {
	transition: 1s;
}
.fade {
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
}
.fade01{
	opacity: 0;
	transform: translate(0,120px); 
	-webkit-transform: translate(0,120px);
	transition-delay:0.5s;	
}
 .fade02 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.fade_delay01{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
	transition-delay:0.3s;		
}
.fade_delay02{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
	transition-delay:0.9s;		
}
.fade_delay03{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
	transition-delay:1.2s;		
}
.fade_delay04{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
	transition-delay:1.5s;		
}
.fade_delay05{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
	transition-delay:1.8s;		
}

 .mv {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*--------------------------------------------------------------------------
   PC
---------------------------------------------------------------------------*/
.sp{
	display:none;	
}
/* box-sizing ---*/	
header, footer,nav, section, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, a, span {
	box-sizing: border-box;
}



/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
.inner{
	max-width:1230px;
	margin:0 auto;
	padding: 0 15px;
}
#Page img{
	max-width:100%;
	height: auto;	
}

/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
	padding: 30px 0 30px 35px;
	background:#FFF;
}
#Header .sns{
	display:flex;
	position: absolute;
	right:30px;
	top:33px;	
}
#Header .sns li+li{
	margin-left: 13px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	padding: 18px 15px;
}
#Footer .pagetop{
	position: fixed;
	bottom:30px;
	right:50px;
	transition:.3s;	
}
#Footer .pagetop.bottom{
	bottom:120px;
}
#Footer dl{
	float: left;
	padding-top: 5px;	
}
#Footer dt{
	display:inline-block;
	font-weight:bold;
	margin-right: 10px;	
}
#Footer dd{
	display:inline-block;
	font-size:77.7%;
}
#Footer dl li{
	display:inline-block;
	line-height:1;
}
#Footer a{
	transition:.3s;	
}
#Footer a:hover{
	text-decoration:none;
	opacity:.7;	
}
#Footer .inner div{
	float: right;
	text-align:right;
	line-height:1.5;	
}
#Footer .copyright{
	font-size:66.6%;
}


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