@charset "UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,em,img,ins,kbd,q,samp,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;color:#333;line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
ol,ul{list-style:none;}
a{margin:0;padding:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
img{max-width:100%;height:auto;vertical-align:top;}

/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{overflow:hidden;min-height:1em;}

* html .clearfix{height:1%;overflow:visible;}
.clearfix{display:block;}

/* outline */
.wrapper,
section{width:100%;}
.section-inner{position:relative;width:950px;margin:0 auto;}
.section-title{margin:0 0 20px;}
.section-title img{max-width:50%;height:auto;}

/* link */
a,
a:visited{color:#007bbb;text-decoration:none;}

/* headline */
.headline{background:url(../img/headline_bg01.png) left top;padding:20px 0;text-align:center;}
.headline-title{margin:0 0 15px;}
/* section01 */
.section01{padding:50px 0;background:url(../img/sec01_bg01.png) left top;text-align:center;}
.section01-text01{margin:0 0 40px;padding:0 15px;font-size:20px;line-height:1.5;}
.section01-list{padding:0 0 0 20px;}
.section01-list li{float:left;margin:0 20px 0 0;}

/* section2 */
.section02{padding:50px 0;background:url(../img/sec02_bg01.png) left top;text-align:center;}
.section02-list{padding:0 0 0 30px;}
.section02-list li{float:left;width:200px;margin:0 30px 0 0;}

/* btn-area */
.btn-area01{padding:50px 0;background:url(../img/btn_area_bg01.png) left top;text-align:center;}
.btn-type01{display:block;width:350px;height:50px;margin:0 auto 30px;border:2px solid #007bbb;-webkit-box-shadow:inset 0 0 0 1px #FFF;box-shadow:inset 0 0 0 1px #FFF;background:#007bbb;border-radius:10px;font-size:20px;line-height:50px;color:#FFF;text-align:center;}
.btn-type01:visited{color:#FFF;}

/* bottom-link */
.bottom-link{text-align:center;}
.bottom-link li{position:relative;display:inline-block;color:#44617b;}

@media screen and (min-width:768px){
a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
.gray-out span{display:block;height:150px;line-height:150px;}
}
@media screen and (max-width:767px){
body{-webkit-text-size-adjust:none;}
.section-inner{width:auto;}
.headline img{max-width:95%;height:auto;}
.section01,
.section02,
.btn-area01{padding:25px 0;}
.section01-text01{margin:0 0 20px;font-size:14px;}
.section01-text01 span{display:block;}
.section01-text01 br{display:none;}
.section01-list{padding:0 1%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.section01-list li{width:49%;margin:0 0 1%;}
.section01-list li:first-child{float:left;}
.section01-list li:nth-child(2){float:right;}
.section01-list li:last-child{margin:0 24%;}
.section02-list{margin:0 auto;padding:0 0 0 1%;}
.section02-list li{float:left;width:24%;margin:0 1% 0 0;}
.section02-list li:last-child{margin:0;}
.btn-type01{width:60%;height:40px;font-size:18px;line-height:40px;}
.bottom-link li:last-child{margin:0.5em 0 0;}
}