@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	font-size:13px;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}

body{
	-webkit-text-size-adjust:none;
	font-family: Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
	line-height:1.4;
	color:#222222;
	}
img{ text-decoration:none; vertical-align:top; font-size:0px;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}

a{
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
	}

ol,ul{list-style:none;}

table{
	border-collapse:collapse;
	border-spacing:0;
	}

/*サイト全体の文字とリンクカラーのデフォルト設定*/
a{color:#333; outline:none;}
a:hover{text-decoration:none;}
p{color:#333333;}


/*class*/
.mauto{ margin:0px auto; _text-align:center;}.leftman{ float:left;}.rightman{ float:right;}.bgred{ background-color:#F00;}.bgwhite{ background-color:#Fff;}
.pt05{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}.pt85{padding-top:85px;}.pt90{padding-top:90px;}.pt95{padding-top:95px;}
.pb05{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}.pb85{padding-bottom:85px;}.pb90{padding-bottom:90px;}.pb95{padding-bottom:95px;}
.pl05{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}.pl85{padding-left:85px;}.pl90{padding-left:90px;}.pl95{padding-left:95px;}
.pr05{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}.pr85{padding-right:85px;}.pr90{padding-right:90px;}.pr95{padding-right:95px;}

.mt05{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}.mt95{margin-top:95px;}
.mb05{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb90{margin-bottom:90px;}.mb95{margin-bottom:95px;}
.ml05{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}.ml85{margin-left:85px;}.ml90{margin-left:90px;}.ml95{margin-left:95px;}
.mr05{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}.mr85{margin-right:85px;}.mr90{margin-right:90px;}.mr95{margin-right:95px;}


/*font-size px指定*/
.f08p{font-size:8px;}.f09p{font-size:9px;}.f10p{font-size:10px;}.f11p{font-size:11px;}.f12p{font-size:12px !important;}.f13p{font-size:13px;}.f14p{font-size:14px;}.f15p{font-size:15px;}.f16p{font-size:16px;}.f17p{font-size:17px;}.f18p{font-size:18px;}.f19p{font-size:19px;}.f20p{font-size:20px;}.f21p{font-size:21px;}.f22p{font-size:22px;}.f23p{font-size:23px;}.f24p{font-size:24px !important;}
/*height 10px-600px*/


.alph:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)"; transition:opacity 250ms;}
.ul{display:block;}.ul li{display:inline; float:left;}.ul li a{ display:block;}
.f0{font-size:0px;}
.fb{font-weight:bold;}
.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.vb{ vertical-align:bottom !important;}
.center{text-align:center;}
.tright{ text-align:right;}
.tleft{ text-align:left;}
.block{ display:block;}
.tnone{ text-decoration:none;}
.tnone:hover{ text-decoration:underline;}
.cwhite{color:#fff;}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
    }
   .clearfix{display: inline-block;}
    * html .clearfix {height: 1%;}
       .clearfix{display:block;}


.imgReset{
	font-size: 0px;
	}
.imgReset img{
	vertical-align:bottom;
	display: block;
	margin:0px;
	border: 0px;
	padding: 0px;
	}

.listCenter {
	position: relative;
	overflow: hidden;
}
.listCenter ul {
	float:left;
	left:50%;
	position:relative;
}
.listCenter ul li {
	float:left;
	left:-50%;
	position:relative;
}

.wh100p{
	width:100%;
	height:auto;
	}


/*page
---------------------------------------------*/

html,body{
  min-width: 980px;
}
#header{
  border-top: 12px solid #0c38a1;
  margin-bottom: 30px;
}
#header h1{
  width: 980px;
  margin: 0 auto 45px;
}
#header ul{
  text-align: center;
}
#header ul li{
  display: inline-block;
  margin: 0 10px;
}

h2{
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  background: #00b2f2;
  border-bottom: 4px solid #0097cd;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 40px;
}
h3{
  font-weight: bold;
  text-align: center;
  color: #0c38a1;
}
#sec01{
  padding-bottom: 40px;
  text-align: center;
}
#sec01 h3{
  font-size: 25px;
  margin-bottom: 25px;
}
#sec01 .txt01{
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.6;
}
#sec01 .txt01 span{
  font-size:inherit;
  font-weight: bold;
  color: #f00;
}
.txt02{
  font-size: 16px;
  font-weight: bold;
  color: #f00;
}
#sec01 .img01{
  width: 800px;
  margin: 0 auto 30px;
}
.btn01{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
  margin-bottom: 35px;
}
.btn01 img{
  width: 100%;
  height: auto;
}
#sec02{
  padding-bottom: 45px;
  border-bottom: 4px solid #e6e6e6;
  text-align: center;
}
#sec02 h3{
  font-size: 22px;
  margin-bottom: 25px;
}

#footer{
  padding: 40px 0 10px;
  border-bottom: 12px solid #0c38a1;
}
#footer .img01{
  width: 780px;
  margin: 0 auto 40px;
}

.attention{
  width: 980px;
  margin: 0 auto;
  color: #969696;
}

.pc{ display: block !important; }
.sp{ display: none !important; }


@media screen and (max-width: 640px) {
  .pc{ display: none !important; }
  .sp{ display: block !important; }
  img.sp{
    width: 100%;
    height: auto;
  }
  html,body{
    min-width: 100%;
  }
  #header{
    border-top: 7px solid #0c38a1;
    margin-bottom: 15px;
  }
  #header h1{
    width: 100%;
    margin: 0;
  }
  #header ul{
    padding: 0 10px;
  }
  #header ul li{
    display: block;
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
  }
  #header ul li:last-child{
    margin-right: 0;
  }
  h2{
    font-size: 15px;
    border-bottom: 2px solid #0097cd;
    padding: 8px 0;
    margin-bottom: 15px;
  }



  #sec01{
    padding-bottom: 15px;
  }
  #sec01 h3{
    font-size: 13px;
    margin-bottom: 10px;
  }
  #sec01 .txt01{
    font-size: 10px;
    margin-bottom: 10px;
  }
  .txt02{
    font-size: 10px;
  }
  #sec01 .img01{
    width: 100%;
    margin: 0 auto 10px;
  }
  .btn01{
    width: 90%;
  }
  .btn01{
    margin-bottom: 10px;
  }

  #sec02{
    padding-bottom: 15px;
    border-bottom: 4px solid #e6e6e6;
  }
  #sec02 h3{
    font-size: 13px;
    margin-bottom: 10px;
  }

  #footer{
    padding: 20px 0 10px;
    border-bottom: 7px solid #0c38a1;
  }
  #footer .img01{
    width: 100%;
    margin: 0 auto 20px;
  }

  .attention{
    width: 100%;
    font-size: 10px;
    padding: 0 10px;
  }



}