@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;
	font-weight:300;
}
#item p {
	padding:0;
}
.main_wrap {
	width: 980px;
	margin: 0 auto 0 auto;
}

.head_img {
	width: 980px;
	max-height:750px;
	margin: 0 auto 80px auto;
}	
.head_box01 {
	width: 920px;
		margin: 0 auto 0 auto;
	padding: 5% 0;

}

.txtimgbox01{
	width:430px;
	margin:115px auto 40px auto;
}

.txt_box01 {
	width: 880px;
	margin: 0 auto 10% auto;
	text-align: center;
}
.txt_box01 p {
	margin: 0 0 0.8em 0;
	padding: 0;
	line-height:2.5em;
}

.txtimgbox02{
	width:730px;
	margin:0 auto;
}

.txt_box02 {
	width: 920px;
	margin: 0 auto 100px auto;
	text-align: left;
}
.txt_box02 p {
	margin: 0 0 0.8em 3em;
	font-size:100%;
	line-height:2.3em;
	text-indent : -3em;
    padding-left : 3em;
}

.txt_box03 {
	width: 920px;
	margin: 0 0 75px 28px;
}

.img_box100 {
	width:920px;
	margin: 90px auto;
	}
	
	
.item_wrap01 {
	width:740px;
	margin: 0 auto 5% auto;
	padding: 0;
}

.item_box_a_a {
	width:200px;
	margin: 0 70px 70px 0;
	padding: 0;
	float:left;
}
.item_box_a_n {
	width:200px;
	margin: 0 70px 70px 0;
	padding: 0;
	float:left;
}
.item_box_n_a {
	width:200px;
	margin: 0 0 70px 0;
	padding: 0;
	float:left;
}
.item_box_n_n {
	width:200px;
	margin: 0 0 70px 0;
	padding: 0;
	float:left;
}
.item_box_img {
	width:200px;
	margin: 0 0 1em 0;
	padding: 0;
}
.item_box_txt {
	width:200px;
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
}

.btn_box01 {
	width: 920px;
	margin: 0 auto 10% auto;
}
.foot_box01 {
	width: 100%;
	margin: 0 auto 0 auto;
}
.name_wrap {
	width:820px;
	margin: 0 auto 85px auto;
	padding: 5%;
	border-top: #7E7E7E 1px solid;
	border-bottom: #7E7E7E 1px solid;
	}
.name_box01 {
	width:48%;
	margin: 0 4% 0 0;
	float:left;
	}
.name_box02 {
	width:48%;
	margin: 0 0 0 0;
	float:left;
	}








.btn_wrap{
	margin:80px auto 140px auto;
}

.btn_box{
	width:540px;
	margin:0 auto 5% auto;

}

.btn_01 {
	display: block;
	position: relative;
	padding: 1.5em;
	text-align: center;
	font-size:24px;
	text-decoration: none!important;
	color: #fff!important;
	background: #444444;
}
.btn_01:hover {
	 opacity:0.8;
	 cursor: pointer;
	 text-decoration: none;
}

.btn_01:visited { color: #FFF!important; }


	






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:230%; line-height:3em; text-align:center;}
.ft_bold {font-size:100%; font-weight:500;}
.ft_85 { font-size:85%;}
.ft_b { font-weight:bold;}
.txt_bg { background-color:#D6E2E9;}

.mar_T50_B90 {margin: 50px auto 90px auto;}
.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_img {
	width: 100%;
	margin: 0 auto 10% auto;

}	
.head_box01 {
	width: 100%;
	margin: 0 auto 0 auto;
}

.txtimgbox01{
	width:60%;
	margin: 0 auto 5% auto;
}


.txt_box01 {
	width: 100%;
	margin: 0 auto 10% auto;
	text-align: center;
}
.txt_box01 p {
	margin: 0 0 0.8em 0;
	padding: 0;
	line-height:2.5em;
}


.txtimgbox02{
	width:100%;
	margin:0 auto;
}

.txt_box02 {
	width: 100%;
	margin: 0 auto 100px auto;
	text-align: left;
}
.txt_box02 p {
	margin: 0 0 0.8em 3em;
	font-size:100%;
	line-height:2.3em;
	text-indent : -3em;
    padding-left : 3em;
}

.txt_box03 {
	width: 100%;
	margin: 0 auto 12% auto;
}

.img_box100 {
	width:100%;
	margin: 5% auto 5% auto;
	}
	
	
.item_wrap01 {
	width:90%;
	margin: 0 auto 5% auto;
	padding: 0;
}

.item_box_a_a {
	width:48%;
	margin: 0 4% 5% 0;
	padding: 0;
	float:left;
}
.item_box_a_n {
	width:48%;
	margin: 0 0 5% 0;
	padding: 0;
	float:left;
}
.item_box_n_a {
	width:48%;
	margin: 0 4% 5% 0;
	padding: 0;
	float:left;
}
.item_box_n_n {
	width:48%;
	margin: 0 0 5% 0;
	padding: 0;
	float:left;
}
.item_box_img {
	width:100%;
	margin: 0 0 1em 0;
	padding: 0;
}
.item_box_txt {
	width:100%;
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
}

.btn_box01 {
	width: 100%;
	margin: 0 auto 10% auto;
}
.foot_box01 {
	width: 100%;
	margin: 0 auto 0 auto;
}
.name_wrap {
	width:90%;
	margin: 0 auto 50px auto;
	padding: 5%;
	border-top: #7E7E7E 1px solid;
	border-bottom: #7E7E7E 1px solid;
	}
.name_box01 {
	width:100%;
	margin: 0 0 5% 0;
	float: nonet;
	}
.name_box02 {
	width:100%;
	margin: 0 0 0 0;
	float: none;
	}

	
	
	

.btn_wrap {
	margin:7% auto 15% auto;
}

.btn_box {
	width:80%;
	margin: 0 auto 5% auto;
}

.btn_01 {
	display: block;
	position: relative;
	width: 90%;
	margin:0 auto;
	padding: 1.2em;
	text-align: center;
	font-size:90%;
	text-decoration: none;
	color: #fff;
	background: #444444;
}
	

.mar_T10 {margin-top:10%;}


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

.ft_title {font-size:150%; line-height:3em; text-align:center;}

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