@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:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#item p {
	padding:0;
}
.main_wrap {
	width: 980px;
	margin: 0 auto 0 auto;
}
	
.head_box01 {
	width: 980px;
	margin: 0 0 5% 0;
	padding: 0;	
}

.txt_box01 {
	width: 650px;
	margin: 0 auto 10% auto;
	text-align: center;
}
.txt_box01 p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box02 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.txt_box02 p {
	font-size:200%;
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 0;
	line-height:2em;
	color:#002A46;
}
.txt_box03 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.txt_box03 p {
	font-size:100%;
	font-weight:bold;
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box04 {
	width: 450px;
	margin: 0 auto 0 auto;
	text-align: left;
}
.txt_box04 p {
	font-size:85%;
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.img_wrap01 {
	width: 100%;
	margin: 0 auto 10% auto;
}
.img_box01 {
	width: 450px;
	margin: 0 auto 2% auto;
}


.btn_box01 {
	width: 420px;
	margin: 5% 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%; font-weight:normal;}
.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: 100%;
	margin: 0 auto 0 auto;
}

.head_box01 {
	width: 100%;
	margin: 0 0 5% 0;
	padding: 0;	
}

.txt_box01 {
	width: 90%;
	margin: 0 auto 10% auto;
	text-align: left;
}
.txt_box01 p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box02 {
	width: 90%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.txt_box02 p {
	font-size:135%;
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 0;
	line-height:2em;
	color:#002A46;
}
.txt_box03 {
	width: 90%;
	margin: 0 auto 0 auto;
	text-align: left;
}
.txt_box03 p {
	font-size:100%;
	font-weight:bold;
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.txt_box04 {
	width: 90%;
	margin: 0 auto 0 auto;
	text-align: left;
}
.txt_box04 p {
	font-size:85%;
	margin: 0 0 1em 0;
	padding: 0;
	line-height:2.3em;
}
.img_wrap01 {
	width: 100%;
	margin: 0 auto 10% auto;
}
.img_box01 {
	width: 60%;
	margin: 0 auto 2% auto;
}


.btn_box01 {
	width: 80%;
	margin: 5% 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; }