@charset "utf-8";
*{
  margin:0 auto;
  padding:0;
  box-sizing: border-box;
}
body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
  color : #282828;
  font-size: 95%;
  line-height: 1.8;
  background : url(../image/bgi_header.gif) 0% 0% / cover repeat scroll padding-box border-box #004080;
  width : 100%;
  height : 100%;
}
a:link,
a:visited{
  color : white;
  text-decoration : none;
}
a:hover,
a:active{
  color: #fff;
  text-decoration: none;
}
img{
  width : 100%;
}
hr{
  border-width: 0;
  border-style: solid;
  border-color: silver;
  clear : both;
}
/* -- responsive ------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {
  body{
  font-size: 100%;
}
}
/* 1000pixel end */

@media only screen and (max-width: 1000px) {
  .clear{
  display:none !important;
}
}
#nav{
  width : 100%;
  margin: 0;
  padding: 0;
  color : white;
}
#nav ul{
  padding: 0;
  margin : auto;
  width : 100%;
  font-size: 0;
  text-align : center;
}
#nav ul li{
  margin: 0;
  padding : 0px;
  display: inline-block;
  text-align : center;
  width : 10%;
}
#nav ul li img.home{
  width : 100%;
}
#m800,#m400{
  position: fixed;
  bottom: 0;
  margin : 0;
  padding: 0;
  line-height: 0px;
  clear : both;
}
#m800{
  right : 10px;
  z-index: 2000;
  width : 20%;
  max-width : 100px;
  bottom : 10px;
}
#m400{
  width : 100%;
  left: 0;
  z-index: 1000;
  height : 44px;
  text-align : center;
  background-color : black;
  border-bottom-width : 4px;
  border-bottom-style : double;
  border-bottom-color : #cc0000;
  display:none;
}
#nav img.img{
  display:none;
}
#m400 a{
  position: absolute;
  text-indent:-999px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
/
}
#m400 img{
  max-width : 400px;
}
@media only screen and (max-width: 1000px) {
  #nav{
  }
#nav ul li{
  padding : 0;
  width : 33%;
}
#m400,#nav img.img{
  display:inline;
}
#nav img.img{
  padding : 30px 0px 0px;
  line-height : 1;
}
}
/*------------
  footer
--------------*/
footer{
  margin: auto;
  padding : 10px 0px 50px;
  font-weight : bolder;
  text-align : center;
  clear : both;
  color : white;
  background-image : url(../image/bgi_header.gif);
  background-repeat : repeat;
  max-width:960px;
}
.banner{
  max-width : 960px;
  width : 100%;
  margin: auto;
  padding: 0;
}
@media screen and ( max-width: 1000px ) {
  .banner{
  width: 95%;
}
}
/*------------
  section
--------------*/
section{
  width : 100%;
  margin: 0;
  padding: 0;
  clear : both;
}
div.intr{
  width : 100%;
  margin : 0;
  padding : 100px 0px 10px;
}
@media only screen and (max-width: 1000px) {
  div.intr{
  padding : 25px 0px;
}
}
/*------------
  s09
--------------*/
#s09{
  margin: auto;
  padding : 0;
  color : white;
  width: 95%;
  max-width : 960px;
}
#s09 h5{
  margin: auto;
  padding : 0px 0px 20px;
  font-size : 180%;
  font-weight : bolder;
  text-align : center;
  width : 95%;
  max-width : 500px;
}
#s09 table{
  margin: auto;
  padding : 0px 0px 20px;
  width : 80%;
  max-width : 500px;
}
#s09 table td{
  padding : 5px;
  vertical-align : top;
  line-height : 1.1;
}
#s09 p{
  margin: auto;
  padding : 0px 0px 20px;
  width : 80%;
  max-width : 500px;
}
@media only screen and (max-width: 1000px) {
  #s09{
  float : none;
  width : 100%;
}
}
/*------------
  s07
--------------*/
#s07{
  color : white;
}
#s07 div.intr{
  padding : 50px 0px 0px;
  line-height: 0px;
}
#s07 h5,#s07 p,#s07 h6{
  margin : 0px auto 15px;
  padding : 0;
  width : 100%;
  max-width : 580px;
  line-height : 1.5;
  text-align : center;
}
#s07 h5{
  font-size : 180%;
  font-weight : bolder;
}
#s07 h6{
  font-size : 130%;
  font-weight : bolder;
  color : navy;
  margin-top : auto;
  line-height : 1.2;
}
#s07 p{
  font-size : 110%;
  font-weight : bold;
}
#s07 img{
  max-width : 100px;
}
#s07 .tel{
  display:none;
}
#s07 ul.tel{
  margin : 0px 0px 15px;
  padding : 0;
  text-align:center;
}
#s07 ul.tel li{
  margin : 0;
  padding : 10px;
  display: inline;
  text-align : center;
  font-size : 30%;
}
.box{
  width : 100%;
  margin : auto auto 20px;
  padding : 0px;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #e1f0ff;
  border-radius: 10px;
}
.box p{
  width : 100%;
  margin : auto auto 15px;
  padding : 5px 2.5%;
  font-weight : bold;
  background-color : #006fdd;
  color : white;
  font-size : 105%;
  border-radius : 10px 10px 0px 0px;
}
@media only screen and (max-width: 1000px) {
  #s07 div.intr{
  padding : 50px 0px 0px;
}
#s07 .tel{
  display: block;
}
.box p{
  font-weight : normal;
  font-size : 90%;
}
}
.bg01{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #e1f0ff;
}
.bg01 p{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #0054a8;
}
.bg02{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #d5ffff;
}
.bg02 p{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #004040;
}
.bg03{
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
}
.bg03 p{
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
}
.bg04{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #ebebeb;
}
.bg04 p{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #3d3d3d;
}
.bg02 p.int,.bg01 p.int{
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  font-size : 80%;
  font-weight : normal;
  color : #282828;
  background-color : #d5ffff;
  padding: 0;
  margin : 3px auto auto;
  width : 97%;
  line-height : 1.25;
}
.bg01 p.int{
  background-color : #e1f0ff;
}
.bg02 p.int span,.bg01 p.int span{
  font-size : 120%;
  font-weight : normal;
}
#nav .sns2{
  margin: 0;
  padding : 0px;
  width : 100%;
}
#nav .sns2 ul{
  margin : 5px 0px 0px;
  padding : 0;
  text-align : center;
}
#nav .sns2 ul li{
  margin : 0px 0px 0px 3px;
  padding : 0;
  display : inline-block;
  width : 150px;
}
#nav .sns2 ul li img{
  width : 150px;
  border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
  #nav .sns2 ul li{
  width : 100px;
}
#nav .sns2 ul li img{
  width : 100px;
}
}
form#mail_form div.bg01 input.dom{
  max-width : 120px;
  height : inherit;
  width : auto;
  font-weight : bolder;
  text-align : center;
}
header{
  margin : auto;
  padding : 0;
  max-width : 960px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #004080;
  font-weight : bolder;
  color : white;
  text-align : center;
  font-size : 135%;
}
header.article{
  max-width : 480px;
}