@charset "UTF-8";


/* CSS Document */

/*Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}

ul {
	list-style: none;
}

ol{
	list-style-type: none;
}


html {
	-webkit-text-size-adjust: none;
}

body{
	margin:0;
	padding:0;
}

a{
	text-decoration:underline;
	color:#2166E7;
}

.mid{
	margin: 20px 0 20px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
}


/*--------------------
	common
--------------------*/
body{
	font-family: verdana,"メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

p{
	line-height:1.4;
}

img{
	width:100%;
	margin-bottom:20px;
}


.cF:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.border_b_none{
	border-bottom:none!important;
}
.border_t_none{
	border-top:none!important;
}
.border_r{
	border-right:1px #666 solid;
}
.border_t_dash{
	border-top:1px #666 dashed!important;
}

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#f16148;
}

.font_subttl{
	color:#59c6b8;
	margin-top:15px;
}

.font_subttl02{
	color:#59c6b8;
	margin-top:0;
}


.text-left{
	text-align:left;
	padding-left:10px;
}
.about_icon01{
	width:60px;
	vertical-align:top;
	margin:0 5px 5px;
}
.about_icon02{
	width:40px;
	vertical-align:middle;
	margin:0 5px 5px;
}
.about_icon03{
	width:20px;
	vertical-align:top;
	margin:0 5px 5px;
}

.mt5 { margin-top: 5px !important;}		
.mt10 { margin-top: 10px !important;}		
.mt20 { margin-top: 20px !important;}		
.mt30 { margin-top: 30px !important;}		
.mt40 { margin-topm: 40px !important;}		
.mt50 { margin-topm: 50px !important;}		

.mb5 { margin-bottom: 5px !important;}		
.mb10 { margin-bottom: 10px !important;}		
.mb15 { margin-bottom: 15px !important;}		
.mb20 { margin-bottom: 20px !important;}		
.mb30 { margin-bottom: 30px !important;}		
.mb40 { margin-bottom: 40px !important;}		
.mb50 { margin-bottom: 50px !important;}		
.mb60 { margin-bottom: 60px !important;}

.txs10 { font-size: 10px;}	
.txs11 { font-size: 11px;}	
.txs12 { font-size: 12px;}	
.txs13 { font-size: 13px;}	
.txs14 { font-size: 14px;}	
.txs15 { font-size: 15px;}	
.txs16 { font-size: 16px;}	
.txs17 { font-size: 17px;}	
.txs18 { font-size: 18px;}	
.txs19 { font-size: 19px;}	
.txs20 { font-size: 20px;}

			
/*--------------------------
	about
--------------------------*/
#About{
}
	#About .wrap{
		width:100%;
	}
		#About .contents{
		}
		#About .contents .pre{
			line-height:1.4;
		}
			#About .ttl{
				font-size:16px;
				font-weight:bold;
				line-height:17px;
				background-color:#f4f0ea;
				padding:10px;
				margin-bottom:10px;
				color:#3c3c3c;
				text-align:center;
			}
			#About .ttl span{
				font-size:12px;
				font-weight:nomal !important;
			}
			#About .subttl01{
				line-height:30px;
				background:url(../images/about_no1.png) no-repeat left 50%;
				background-size:30px;
				padding-left:35px;
			}
			#About .subttl02{
				line-height:30px;
				background:url(../images/about_no2.png) no-repeat left 50%;
				background-size:30px;
				padding-left:35px;
			}
			#About .subttl03{
				line-height:30px;
				background:url(../images/about_no3.png) no-repeat left 50%;
				background-size:30px;
				padding-left:35px;
			}
			#About .subttl04{
				line-height:30px;
				background:url(../images/about_no4.png) no-repeat left 50%;
				background-size:30px;
				padding-left:35px;
			}
			#About .About01,.About02,.About03,.About04,.About05{
				padding:0 10px;
			}
			#About p{
				margin-bottom:10px;
			}
			#About .kero_fukidashi{
				background:url(../images/about_img01img_kero.png) no-repeat center 50%;
				background-size:100%;
				height:50px;
				width: 220px;
				padding-left: 80px;
				padding-top: 8px;
			}
			#About .dashed{
				border-bottom:#CCC 1px dashed;
				padding-bottom:10px;
			}
			
			#About .tourokuBtn{
			    width: 100%;
			    max-width: 640px;
			    text-align: left;
			    margin: 0 auto;
			    box-sizing: border-box;
			}
			#About .btn-holder{
				    width: 100%;
				    position: relative;
				    text-align: center;
				    margin-top: 10px;
			} 
			#About .btn-holder a img{
				border: none;
			    width: auto;
			    height: auto;
			    max-width: 100%;
			    max-height: 100%;
			    vertical-align: bottom;
		    }
			#About .btn-holder a button{
			    cursor: pointer;
			    -webkit-appearance: none;
			    color: #FFF;
			    position: absolute;
			    top: -10px;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background: none;
			    border: none;
			    margin: 0;
			    padding: 0;
			    text-align: center;
			    text-decoration: none;
			    font-size: 16px;
				font-weight:bold !important;
			}
			

		#About .btn{
			text-align: center;
		}
			#About .btn img{
				width:80%;
			}
			
		@media screen and (min-width: 640px){
			#About .btn-holder a button{
			    font-size: 22px;
			}
		}