@charset "UTF-8";
/* ------------------------------
		reset
------------------------------ */

a{
	color:#000000;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
}
html,body{	height:100%;}
html{
	font-size:62.5%;
    overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000000;
}

textarea { font-size: 100%; }
img { vertical-align: bottom; }
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.ac{text-align:center;}
.ar{text-align:right;}
.red{color:#ff4b4b;}
input{outline:none;}

/* ------------------------------
    base
------------------------------ */

body{
	font-size:1.0rem;
}
p,table,dl,ol,li,h2,h3  {
	font-size: 1.2rem;
	line-height: 1.6;
	letter-spacing: 2px;
}
img{width: 100%;}
.wrap{
	width:100%;
	margin:0 auto;
}
.blue{color: #2266a6;}
.f09{font-size: 0.9rem;}
.bold{font-weight: bold;}
.w90{width: 90%;margin: auto;}

/* ------------------------------
    header
------------------------------ */

h1{display: none;}


.header_inner{
	background: url(../img/header_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 2%;
}
.header_top{
	width: 90%;
	margin: 0 auto 100%;
}
.header_top .logo{
	width: 33.28%;
}
.header_top ul{
	width: 28.12%;
}
.header_top ul li{
	display: inline-block;
	width: 43%;
}
.header_top ul li.contact_btn{
	margin-left: 9%;
}
.header_inner .txt{
	padding-bottom: 4%;
}


/* ------------------------------
    sec
------------------------------ */

#sec01{
	margin: 10% 0 7%;
}
#sec01 .ttl{
	margin-bottom: 5%;
}
#sec01 .txt{
	margin-top: 6%;
}

#sec02{
	background: url(../img/sec02_bg.png) repeat-y center center;
	background-size: 100%;
	padding: 10% 0;
}
#sec02 .txt{
	color: #fff;
	margin-top: 6%;
}

#sec03{
	padding: 10% 0;
}
#sec03 .txt{
	margin: 5% auto;
}

#sec04{
	background: url(../img/sec04_bg.png) repeat-y center center;
	background-size: 100%;
	padding: 10% 0;
}
#sec04 .txt{
	color: #fff;
	margin: 3% auto;
}

#sec05{
	padding: 10% 0;
}
#sec05 .blue_ttl{
	margin: 8% auto 0;
	width: 90%;
}
#sec05 .blue_bg{
	background-color: #e5f1ff;
	margin: -8% auto 0 ;
	padding: 15% 0 5% ;
	width: 90%;
	border-radius: 5px;
}
#sec05 .white_bg{
	background-color: #fff;
	box-sizing: border-box;
	width: 90%;
	margin: auto;
	border-radius: 5px;
	margin-top: 4%;
	padding: 5% 0;
}
#sec05  .txt{
	margin-top: 3%;
}
#sec05 .blue_bg .txt + p{
	margin-top: 3%;
}

#sec06{
	background: url(../img/sec04_bg.png) repeat-y center center;
	background-size: 100%;
	padding: 10% 0;
}
#sec06 .cf{
	margin-top: 5%;
}
#sec06 .img.fr{
	width: 40%;
	padding-right: 5%;
}
#sec06  .img.fl{
	width: 48%;
}
#sec06 .txt.fr{
	color: #fff;
	width: 45%;
	padding-right: 5%;
}
#sec06 .txt.fl{
	color: #fff;
	width: 45%;
	padding-left: 5%;
}


#sec07{
	padding: 10% 0;
}

#sec08{
	background: url(../img/sec02_bg.png) repeat-y center center;
	background-size: 100%;
	padding: 10% 0;
}
#sec08 .txt{
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 5%;
	margin-top: 3%;
}


#sec09{
	padding: 10% 0;
}
#sec09 .wrap > div{
	position: relative;
	margin-top: 3%;
}
#sec09 .tel_btn{
	position: absolute;
	top: 12%;
	left: 37%;
	width: 55%;
}
#sec09 .contact_btn{
	position: absolute;
	top: 60%;
	left: 37%;
	width: 55%;
}



#sec10{
	background: url(../img/sec04_bg.png) repeat-y center center;
	background-size: 100%;
	padding: 10% 0;
}

#sec10{
	padding: 10% 0;
}
#sec10 .ttl{
	font-size: 1.8rem;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 2%;
	margin-bottom: 5%;
}
#sec10 .img{
	margin-bottom: 5%;
}
#sec10 dl{
	width: 90%;
	margin: 0 auto 4%;
	border-bottom: 1px dotted #fff;
}
#sec10 dt{
	color: #fff;
	margin-bottom:2%;
}
#sec10 dd{
	color: #fff;
	font-weight: normal;
	padding-bottom: 4%;
}
#sec10 .box{
	width: 90%;
	margin: 10% auto 0;
	border: 1px solid #fff;
	padding: 5%;
	box-sizing: border-box;
}
#sec10 .box .txt{
	color: #fff;
}
#sec10 .box .txt + .txt{
	margin-top: 2%;
}

#footer .logo{
	width: 50%;
	margin-top: 3%;
	padding-left: 5%;
}
#footer .pagetop{
	width: 25%;
}
#footer .copyright{
	color: #2459a6;
	text-align: center;
	font-size: 0.9rem;
	border-top: 1px solid #2459a6;
	padding: 3% 0;
}

/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */


/*.mobile body {
	-webkit-text-size-adjust: 100%;
}

.android h2,
.android h3,
.android ul,
.android dl dt,
.android dl dd,
.android p{
	max-height: 999999px;
}
*/