@charset "UTF-8";
/* CSS Document */

html{-webkit-text-size-adjust: none; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-size:14px; line-height:18pt; margin:0 auto; max-width:480px;}

body, input, button{-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }


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

img{vertical-align: middle;}

a{text-decoration: none; color: #000;}
/* header{ height: 60px; overflow: hidden;} */
.warpper{width: 100%;padding: 0 5px;}
.h1-toppage{ display: none;}

/*genaral*/
.stroke-white{
  text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}

.btn-contact{display: block; text-align:center; padding: 10px;}
.btn-contact img{max-width:100%; margin: 0 auto;}

.text-header{ color: #0584cd; font-size: 16px; text-align: center; margin:12px auto;  padding: 10px 0; border: 2px solid #0584cd; font-weight: bold;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,249,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,235,249,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,249,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,249,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,249,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,235,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ebf9', GradientType=0 );}

/*---------Main-Menu---------*/

.main-menu{position: fixed; z-index:99; top: 0; left: 0; width: 100%; border-top: 6px solid #222fae; padding:0 4px; height:60px; background: #fff;}
.main-menu a{ color: #222fae; display: inline-block; text-align: center; font-weight: bold; margin-top: 6px;}
.main-menu a img{ padding: 4px;}
.main-menu div a:hover{ opacity: 0.8;}
.main-menu div:first-child{ float: left;}
.main-menu div:last-child{ float: right;}
/* .main-menu div a.mm-toggle{ margin-top: 22px;} */
.main-menu .contact{ background: #222faf; padding: 2px 0;}
.main-menu .logo{ width: 100px; margin: 6px auto; display: inline-block;}

.header-tel{ background: #222fae; padding: 12px; color: #fff; text-align: center; overflow: hidden;}
.header-tel div{ display: inline-block; width: 209px; vertical-align: middle; font-size: 12px; text-align: left; line-height: 1.5;}
.header-tel div:first-child{ float: left; width: 150px; padding-top: 20px;}
.header-tel div:last-child{ float: right;}
.header-tel div h1{ font-size: 11px;}
.header-tel div span{ display: block;}
.header-tel div .text-tel{ font-size: 20px; font-weight: bold; font-style: italic;}

.switch{ display: block; text-align: center;}
.button-switch-page{ border-radius: 5px; font-weight: bold; padding: 15px; color: #0585ce; font-size: 22px; width: 300px; display: inline-block; margin: 12px auto;
    -webkit-box-shadow: 2px 4px 0px 0px rgba(2,91,143,1);
    -moz-box-shadow: 2px 4px 0px 0px rgba(2,91,143,1);
    box-shadow: 2px 4px 0px 0px rgba(2,91,143,1);
    background: rgba(5,145,226,1);
    background: -moz-linear-gradient(top, rgba(5,145,226,1) 0%, rgba(5,133,207,1) 50%, rgba(4,121,189,1) 51%, rgba(5,132,205,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,145,226,1)), color-stop(50%, rgba(5,133,207,1)), color-stop(51%, rgba(4,121,189,1)), color-stop(100%, rgba(5,132,205,1)));
    background: -webkit-linear-gradient(top, rgba(5,145,226,1) 0%, rgba(5,133,207,1) 50%, rgba(4,121,189,1) 51%, rgba(5,132,205,1) 100%);
    background: -o-linear-gradient(top, rgba(5,145,226,1) 0%, rgba(5,133,207,1) 50%, rgba(4,121,189,1) 51%, rgba(5,132,205,1) 100%);
    background: -ms-linear-gradient(top, rgba(5,145,226,1) 0%, rgba(5,133,207,1) 50%, rgba(4,121,189,1) 51%, rgba(5,132,205,1) 100%);
    background: linear-gradient(to bottom, rgba(5,145,226,1) 0%, rgba(5,133,207,1) 50%, rgba(4,121,189,1) 51%, rgba(5,132,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0591e2', endColorstr='#0584cd', GradientType=0 );}


/*---------Menu-Home---------*/
.btn_home_menu{border-radius: 20px; overflow: hidden; border: 3px solid #222fae; margin:10px;}
.btn_home_menu a{display: block; border-bottom: 1px solid #CCC; overflow:hidden; padding: 15px; background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 58%, rgba(234,234,234,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 58%,rgba(234,234,234,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 58%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.btn_home_menu a span{float: left; display: block; font-weight: bold; color: #666; font-size: 14px;}
.btn_home_menu a i{float: right; color: #222fae; display: block; font-size:20px;}

/*---------Footer---------*/
.footer-box{ background: #222fae; padding: 5px; color: #fff;}
.footer-box .text-footer:nth-child(2){ margin-top: 18px;}
.footer-box .text-footer a{ display: inline-block; color: #fff; text-align: center;}
.footer-box .text-footer a:hover{ opacity: 0.8;}
.footer-box .text-footer p { font-size: 11px; line-height: 1.5; }

/*---------Button-Pagetop---------*/
.pagetop{position:fixed; width:42px; bottom:75px; right:12px; z-index:2;}
.pagetop span{display:block; position:relative; margin:0 auto; overflow:hidden; }
.pagetop a{display:none;}
.pagetop a img{display: block; padding:0; transition:all 0.1s ease-in-out; border: 1px solid #222fae; border-radius: 5px; width: 50px;}
.pagetop a:hover img{margin:0 0 10px;}

/*---------Title-Menu---------*/
.title-header{font-size: 22px; margin: 0 10px 20px; text-align: center; font-weight: bold; color: #222fae;}
.title-header h2{padding: 5px 0;}
.title-header div{background: #222fae; height: 8px; border-radius: 5px;}

/*---------Kaitori---------*/
.button-switch-top{ border-radius: 5px; font-weight: bold; padding: 15px; color: #2735c0; font-size: 22px; width: 300px; display: inline-block; margin: 12px auto;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    2px 2px 0px 0px rgba(50, 50, 50, 1);
box-shadow:         2px 2px 0px 0px rgba(50, 50, 50, 1);
background: -moz-linear-gradient(top,  rgba(41,57,204,1) 0%, rgba(35,48,178,1) 50%, rgba(27,38,142,1) 51%, rgba(33,46,171,1) 100%);
background: -webkit-linear-gradient(top,  rgba(41,57,204,1) 0%,rgba(35,48,178,1) 50%,rgba(27,38,142,1) 51%,rgba(33,46,171,1) 100%);
background: linear-gradient(to bottom,  rgba(41,57,204,1) 0%,rgba(35,48,178,1) 50%,rgba(27,38,142,1) 51%,rgba(33,46,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2939cc', endColorstr='#212eab',GradientType=0 );

}
.header-kaitori{color: #0584cd;}
.header-kaitori div{background: #0584cd;}
.tel-kaitori{background: #0584cd;}
.menu-kaitori{border-top: 5px solid #4297e1;}

.header-logo{ color: #0584cd; font-weight: bold; font-size: 17px; line-height: 1.5; padding: 2px 0; text-align: center;}

.header_txt{
  line-height: 16px;
    float: right;
    text-align: center;
    position: relative;
    top: 21%;
    right: 15%;
    font-size: 12px;
}


.footer-kaitori{background: #9a9999; padding: 22px 8px 45px;}
.contact-footer{
  /*background: #e10101;*/
  background:#FD9239;
  color: #fff;
  position: fixed;
  width: 100%;
  z-index: 99;
  left: 0;
  bottom: 0;
  display:table;
  line-height: 1.5;
  height: 45px;
  overflow: hidden;
}
.contact-footer div{ 
  display: table-cell; 
  vertical-align: middle; 
  padding: 4px 10px;
}
.contact-footer div a{ 
  color: #fff;
}
.contact-footer div a:hover,
.contact-footer div a:focus,
.contact-footer div a:active{ 
  text-decoration: none;
}
.contact-footer div span{ 
  display: inline-block; 
  vertical-align: middle;

  text-align: center;
  position: relative;
  left: 5%;
}
.contact-footer div span small{ 
  display: block;

  font-size:10px;
}

.contact-footer div span strong{ 
  font-size:16px;
  font-weight:bold;
}

.contact-footer .email{
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  background:#00C300;
  width:15%;
  text-align:center;
  font-weight:bold;
  font-size:16px;
}

#right-btn{
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  background:rgba(253, 84, 84, 0.904);
  width:20%;
  text-align:center;
  font-weight:bold;
  font-size:16px;
}

.contact-footer #return{ 
  text-align: center; background: #9a9999; 
}

@media (min-width: 768px)
{
	/* .warpper{width:480px; margin: 0 auto; position: relative;} */

}
@media (max-width: 410px){
  .header-tel div{ display: block; width: 100%; text-align: center;}
  .header-tel div span{ display: inline-block;}
  .header-tel div:first-child{ padding-top: 0; width: 100%;}

}