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




#menu_wap{
	padding-bottom : 0px;
	width:100%;

}
.head{
	width:100%;
	margin:0 auto 2% auto;
	position:relative;
}
.head_F{
	width:100%;
	position:absolute;
	top:0%;
	left:0%;
	
}
.head_l{
	width:880px;
	margin: 0 auto 5% auto;
	
}

.thumb_img{
	width:36%;
	margin:auto 1% auto auto ;
	float: left;
}
.thumb_01{
	width:30%;
	margin:auto 5% auto auto ;
	float: left;
}
.thumb_02{
	width:30%;
	margin:auto auto auto auto ;
	float: left;
}
.main_box{
	width:90%;
	margin:0px auto 130px auto;
}

.main_box_02{
	width:90%;
	margin:0px auto 0px auto;
}



.text_head{
	width:58%;
	font-size:12px;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.6em; 
	text-align:left;
	float:right ;
	padding:5% 1% 0 1%;
}

.text_main{
	width:70%;
	font-size:14px;
	line-height:1.8em; 
	text-align:left;
	margin:4% auto auto auto ;
}
.text_main p{
	margin:0 0 1.5em 0;
}
.text_foot{
	width:50%;
	font-size:14px;
	line-height:1.6em; 
	text-align:center;
	margin:4% auto auto auto ;
}
.text_center{
	width:80%;
	font-size:14px;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.6em; 
	text-align:center;
	margin:5% auto 6% auto ;
}
.btn_01{
		width:680px;
	margin:3% auto auto auto ;
}

.btn_box01 p {
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
.btn_box01 {
	width:500px;
	padding: 50px 20px;
	margin: 0 auto 5% auto;
	background-color: #444444;
  display: block;
  text-decoration: none;
  transition: .4s;
}
a.btn_box01 {
  text-decoration: none;
}

.btn_box01:hover {
  opacity: 0.7;
	filter: alpha(opacity=70);
}
.midashi_01{
		width:600px;
	margin:5% auto 10% auto ;
}
.midashi_02{
	width:600px;
	margin:5% auto 10% auto ;
}
.midashi_03{
	width:600px;
	margin:5% auto 5% auto ;
}
.midashi_04{
	width:600px;
	margin:1% auto 3% auto ;
}
.img_01{
	width:450px;
	margin:0 auto 3% auto ;
}
.title_01{

		width:600px;
	margin:auto auto 1% auto ;
}
.text_link{
	font-size:12px;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.8em; 
	text-align:center;
	margin:1% auto auto auto ;
    color:#5B5B5B;
}

.mark{
	background-color:#FFFF00;
	
}
.red{
	color:#A80002;
	
}






























a img {
	border:none;
}















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

a,.link_txt{
	color:#000;
	text-decoration:underline;

}

.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;}




.mar_T38 {margin: 38px 0px 0px 0px;}
.mar_T50 {margin: 50px 0px 0px 0px;}
.mar_T60 {margin: 60px 0px 0px 0px;}
.mar_T85 {margin: 85px 0px 0px 0px;}
.mar_T95 {margin: 95px 0px 0px 0px;}
.mar_T115 {margin: 115px 0px 0px 0px;}
.mar_T150 {margin: 150px 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B50 {margin: 0px 0px 50px 0px;}
.mar_B60 {margin: 0px 0px 60px 0px;}
.mar_B80 {margin: 0px 0px 80px 0px;}
.mar_B90 {margin: 0px 0px 90px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_R100 {margin: 0px 100px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}


.ft_name {font-weight:bold;}
.ft_120 { font-size:120%; font-weight:bold;}
.ft_150 { font-size:150%; font-weight:bold; text-align:center;}
.ft_title { font-size:200%; font-weight:bold; text-align:center;}
.ft_85 { font-size:85%;}
.ft_main { font-size:120%; text-align:center;}
.ft_nc {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
.fb_box {margin: 0 10px 10px 0; float:right;}
.ft_min01 {font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-size: 160%; text-align: center; line-height: 2em;}
.ft_min02 {font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-size: 130%; text-align: center;}
.head_txt_box_2 {margin: 100px 0 100px 0;}

#item p {  padding: 0 0 0 0;}

hr{
    border:dotted 1px #B3A381;
    height:0px;
    color:#fff;
	margin:0;
}












.link a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.no_link a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}

#item {
	width: 80%;
	margin: 0 auto 0 auto;
	padding-bottom:100px;
	color:#000;
	font-size:14px;
	line-height:1.7;
	background: #fff;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%;
	background: #fff;
}
#header {
    width: 100%;
    padding-bottom: 20px;
}
#header #header_top {
}
#header_top {
    padding: 4px 0;
    margin-bottom: 10px;
    background-color: #002a46;
}
#header .header_inner_ {
    width: 950px;
    margin: 0 auto;
    padding: 8px 0 0 0;
}
#header #header_mid {
    overflow: hidden;
    padding: 4px 0 20px; 
}
div.page_top_ {
    padding: 0 20px 20px;
}
div.page_top_ a {
    display: block;
    background-image: url(../../img/usr/sb/common/pagetop.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 59px 10px;
    -webkit-background-size: 59px 10px;
    text-indent: -9999px;
}
#footer {
    padding: 0 0 0 0;
    text-align: left;
    background-color: #002a46;
    position: relative;
}
#copyright {
    padding: 15px 0 18px;
    text-align: center;
    border-top: 1px solid #315267;
}
#copyright img {
    width: 320px;
}
.pc_only {
	display: block;			
}
.sp_only {
	display:none;
}

/* 画面外にいる状態 */
.fadein_b {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 2000ms;
    }
.fadein_t {
    opacity : 0;
    transform : translate(0, -150px);
    transition : all 2000ms;
    }
	
.fadein_l {
    opacity : 0;
    transform : translate(-100px, 0px);
    transition : all 4000ms;
    }
.fadein_r {
    opacity : 0.0;
    transform : translate(0, 0px);
    transition : all 1500ms;
    }
 .fadein_01 {
    opacity : 0.0;
    transform : translate(0, -100px);
    transition : all 1000ms;
	transition-delay:0ms;
    }
 .fadein_02 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 500ms;
	transition-delay:0ms;
    }
 .fadein_03 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:600ms;
    }
 .fadein_04 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:900ms;
    }	
.fadein{
    opacity : 0.0;
    transform : translate(0, 50px);
    transition : all 1500ms;
    }
.fadein_slow{
    opacity : 0.0;
    transform : translate(0, 0px);
    transition : all 5000ms;
    }
	
	
	
/* 画面内に入った状態 */
.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }



@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
	
@media only screen and (max-width: 980px) {
#menu_wap{
	padding-bottom : 0px;
	width:100%;

}
.head{
	width:100%;
	margin:0 auto 2% auto;
	position:relative;
}
.head_F{
	width:100%;
	position:absolute;
	top:0%;
	left:0%;
}
.head_l{
	width:100%;
	margin: 0 auto 5% auto;
	
}

.thumb_img{
	width:27%;
	margin:5% 3% 5% auto;
	float: left;
}
.thumb_01{
	width:95%;
	margin:5% auto auto auto ;
	float: none;
}
.thumb_02{
	width:95%;
	margin:5% auto auto auto ;
	float: none;
}
.main_box{
	width:90%;
	margin:0px auto 13% auto;
}
.main_box_02{
	width:90%;
	margin:0px auto 0px auto;
}

.text_head{
	width:70%;
	font-size:12px;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.6em; 
	text-align:left;
	float:right ;
	padding:1% 0% 0 0%;
}


.text_main{
	width:100%;
	font-size:100%;
	line-height:1.8em; 
	text-align:left;
	margin:4% auto auto auto ;
}
.text_main02{
	width:90%;
	font-size:90%;
	line-height:1.6em; 
	text-align:left;
	margin:4% auto auto auto ;
}
	.text_foot{
	width:90%;
	font-size:90%;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.6em; 
	text-align:center;
	margin:4% auto auto auto ;
}
	.text_center{
	width:80%;
	font-size:90%;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.6em; 
	text-align:center;
	margin:4% auto 6% auto ;
}
.btn_01{
		width:90%;
	margin:5% auto 5% auto ;
}

.btn_box01 p {
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
.btn_box01 {
	width:80%;
	padding: 5% 2%;
	margin: 0 auto 5% auto;
	background-color: #444444;
  display: block;
  text-decoration: none;
  transition: .4s;
}
a.btn_box01 {
  text-decoration: none;
}

.btn_box01:hover {
  opacity: 0.7;
	filter: alpha(opacity=70);
}
.midashi_01{
		width:100%;
	margin:10% auto 10% auto ;
}
.midashi_02{
		width:100%;
	margin:10% auto 10% auto ;
}
	.midashi_03{
		width:100%;
	margin:10% auto 10% auto ;
}
.img_01{
	width:100%;
	margin:0 auto 3% auto ;
}
.title_01{
		width:100%;
	margin:2% auto 3% auto ;

}
.text_link{
	font-size:90%;
	font-family:“ＭＳ Ｐゴシック”, Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.7em; 
	text-align: center;
	margin:2% auto auto auto ;
    color:#5B5B5B;
}

.mark{
	background-color:#FFFF00;
	
}
.red{
	color:#A80002;
	
}





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

a,.link_txt{
	color:#000;
	text-decoration:none;
	font-size:85%;
	
}

hr{
    border:dotted 1px #B3A381;
    height:0px;
    color:#fff;
	margin:15% auto 15% auto;

}


#item {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom:0;
	color:#000;
	font-size:14px;
	line-height:1.7;
	background: #fff;
}

#entire {
	padding:0% 0 1% 0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%;
	background: #fff;
}



#header .header_inner_ {
    width: 96%;
    margin: 0 auto;
    padding: 8px 0 0 0;
}







#menu_wap{
	width:100%;
	margin: 0px 0px 5% 0px;
}

.pad_T180{padding: 10% 0 0 0;}


.mar_T30 {margin: 3% 0px 0px 0px;}
.mar_T50 {margin: 10% 0px 0px 0px;}
.mar_T60 {margin: 10% 0px 0px 0px;}
.mar_T85 {margin: 10% 0px 0px 0px;}
.mar_T95 {margin: 10% 0px 0px 0px;}
.mar_T115 {margin: 10% 0px 0px 0px;}

.mar_R15 {margin: 0 2% 0 2%;}
.mar_l2 {margin: 0 0 0 2%;}


.mar_B10 {margin: 0px 0px 1% 0px;}
.mar_B20 {margin: 0px 0px 0% 0px;}
.mar_B30 {margin: 0px 0px 3% 0px;}
.mar_B40 {margin: 0px 0px 4% 0px;}
.mar_B50 {margin: 0px 0px 5% 0px;}
.mar_B100 {margin: 0px 0px 10% 0px;}
.mar_R10 {margin: 0px 1% 0px 0px;}
.mar_R20 {margin-bottom: 5%;}
.mar_R30 {margin: 0px 3% 0px 0px;}
.mar_R40 {margin: 0px 4% 0px 0px;}
.mar_R50 {margin: auto;}
.mar_L20 {margin: 0px 0px 0px 2%;}


.ft_120 { font-size:135%;}
.ft_85 { font-size:85%;}
.ft_title { font-size:200%; font-weight:bold; text-align:center;}
.ft_main { font-size:120%; text-align:center;}

.T_center_sp {text-align: left;}

.pc_only {display:none;	}
.sp_only {display: block;}
.fb_box {
	margin: 0 10px 20px 0;
	float:right;
}


ul{  
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type: none;
}  

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


a,.link_txt{
	color:#fff;
	text-decoration:underline;
	font-size:100%;
}


/* 画面外にいる状態 */
.fadein_b {
    opacity : 0;
    transform : translate(0, 5%);
    transition : all 2000ms;
    }
.fadein_t {
    opacity : 0;
    transform : translate(0, -12%);
    transition : all 2000ms;
    }
	
.fadein_l {
    opacity : 0;
    transform : translate(-4%, 0px);
    transition : all 4000ms;
    }
.fadein_r {
    opacity : 0;
    transform : translate(12%, 0px);
    transition : all 2000ms;
    }
 .fadein_normal {
    opacity : 0.0;
    transform : translate(0, 0px);
    transition : all 1500ms;
    }
.fadein{
    opacity : 0.0;
    transform : translate(0, 5%);
    transition : all 1500ms;
    }
.fadein_slow{
    opacity : 0.0;
    transform : translate(0, 0px);
    transition : all 5000ms;
    }
	
 .fadein_01 {
    opacity : 0.0;
    transform : translate(0, -5%);
    transition : all 1000ms;
	transition-delay:0ms;
    }
 .fadein_02 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 500ms;
	transition-delay:0ms;
    }
 .fadein_03 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:600ms;
    }
 .fadein_04 {
    opacity : 0.0;
    transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:900ms;
    }	
/* 画面内に入った状態 */
.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

	.div.wrapper_{
		padding-bottom: 0;
	
	}
}