@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#entire {
	}

#item {
	margin: 0 auto 0 auto;
	font-size:14px;
	line-height: 1.8em;
	padding:0 0 20px 0;
	font-family: 'Noto Sans SC', sans-serif;
}
#item p {
	padding:0;
}
.main_wrap {
	width: 980px;
	margin: 0 auto 0 auto;
}

.head_bg01 {
	width: 100%;
	max-height:700px;
	margin: 0 auto 80px auto;
	background:url(img/head_01.png) no-repeat center center;
	background-size:cover;
}	
.head_box01 {
	width: 785px;
	margin: 0 auto 0 auto;
	padding: 400px 0 100px 0;
}

.txt_box01 {
	width: 100%;
	margin: 0 auto 10% auto;
	text-align:center;
}
.txt_box01 p {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box02 {
	width: 100%;
	margin: 0 auto 2em auto;
	text-align:center;
}
.txt_box02 p {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size:150%;
	line-height:1em;
	font-family: 'EB Garamond', serif;
}
.movie_box01{
	width:980px;
	margin: 0 auto 80px auto;
}

.txt_box03 {
	width: 100%;
	margin: 0 auto 120px auto;
	text-align:center;
}
.txt_box03 p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:2.3em;
	font-weight:300;
}

.img_bg01 {
	width: 100%;
	height:384px;
	margin: 0 auto 120px auto;
	background:url(img/img_01.png) repeat-x center center;
	background-size: 1102px 384px;
}
.img_bg02 {
	width: 100%;
	height:384px;
	margin: 0 auto 120px auto;
	background:url(img/img_02.png) repeat-x center center;
	background-size: 1102px 384px;
}

.btn_box01 {
	width: 600px;
	margin: 0 auto 120px auto;
}
.foot_box01 {
	width: 100%;
	margin: 0 auto 0 auto;
}


	






a img {
	border:none;
}

/* 共通CSS */

.fb_box {margin: 0 10px 10px 0; float:right;}
a:hover img{opacity: 0.7; filter: alpha(opacity=70);}

ul{padding : 0px; margin : 0px;}  
li {list-style:none;}
	
.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both; width: 0px; height: 0px;}

.ft_title {font-size:200%; line-height:1em;}
.ft_bold {font-size:115%; font-weight:500;}
.ft_85 { font-size:85%;}
.ft_b { font-weight:bold;}
.txt_bg { background-color:#EFE9CF;}

.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B25 {margin: 0px 0px 25px 0px;}
.mar_B50 {margin: 0px 0px 50px 0px;}
.mar_B75 {margin: 0px 0px 75px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R25 {margin: 0px 25px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_R75 {margin: 0px 75px 0px 0px;}
.mar_L10 {margin: 0px 0px 0px 10px;}
.mar_L25 {margin: 0px 0px 0px 25px;}
.mar_L50 {margin: 0px 0px 0px 50px;}
.mar_L75 {margin: 0px 0px 0px 75px;}

.pc_only {display: block;}
.sp_only {display: none;}

/* 共通CSS */


 
/* #container
--------------------------- */
/* 画面外にいる状態 */
	
.fadein_b {
    opacity : 0;
    transform : translate(0px, 50px);
    transition : all 2000ms;
    }	
	
.fadein_l {
    opacity : 0;
    transform : translate(-113px, 0px);
    transition : all 4000ms;
    }
.fadein_r {
    opacity : 0;
    transform : translate(113px, 0px);
    transition : all 4000ms;
    }

	
	
	
/* 画面内に入った状態 */
.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

 




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


#entire {}

#item {
	width: 100%;
	margin: 0 auto 0 auto;
	font-size:100%;
	line-height: 1.8;
	padding:0 0 20px 0;
}
#item p {
	padding:0;
}
.main_wrap {
	width: 90%;
	margin: 0 auto 0 auto;
}

.head_bg01 {
	width: 100%;
	max-height:700px;
	margin: 0 auto 10% auto;
	background:url(img/head_01.png) no-repeat center center;
	background-size:cover;
}	
.head_box01 {
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 40% 0 10% 0;
}

.txt_box01 {
	width: 100%;
	margin: 0 auto 10% auto;
	text-align: center;
}
.txt_box01 p {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box02 {
	width: 100%;
	margin: 0 auto 2em auto;
	text-align:center;
}
.txt_box02 p {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size:150%;
	line-height:1em;
	font-family: 'EB Garamond', serif;
}
.movie_box01{
	width:100%;
	margin: 0 auto 10% auto;
}
.movie_box01 iframe {
	width:100%;
	height: 20em;
	}


.txt_box03 {
	width: 100%;
	margin: 0 auto 10% auto;
	text-align: left;
}
.txt_box03 p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:2.3em;
	font-weight:300;
}

.img_bg01 {
	width: 100%;
	height:50%;
	padding: 50% 0 0 0;
	margin: 0 auto 10% auto;
	background:url(img/img_01.png) repeat-x center center;
	background-size: 100%;
}
.img_bg02 {
	width: 100%;
	height:50%;
	padding: 50% 0 0 0;
	margin: 0 auto 10% auto;
	background:url(img/img_02.png) repeat-x center center;
	background-size: 100%;
}


.btn_box01 {
	width: 60%;
	margin: 0 auto 10% auto;
}
.foot_box01 {
	width: 100%;
	margin: 0 auto 0 auto;
}




/* 共通CSS */ 
.pc_only {display:none;}
.sp_only {display: inline;}
/* 共通CSS */ 



}
#item a:link { color: #000; }
#item a:visited { color: #000; }
#item a:hover { color: #888; }
#item a:active { color: #000; }