@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;}

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; }
.warpper{width: 100%;padding: 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: #222fae; font-size: 16px; text-align: center; margin:12px auto;  padding: 10px 0; border: 2px solid #222fae; 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;}
.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;width: 60px;}
.main-menu .contact{color:#FFF;font-size: 12px;text-decoration: none;}
.main-menu .contact i{font-size: 25px;}
.main-menu .contact p{ line-height:1rem;}.main-menu .logo{ width: 70px; margin: 8px auto;}
.main-menu .logo{ width: 60px; margin: 8px auto;}
.mm-toggle{
  vertical-align: top;
  height: 55px;
  padding: 3px 5px 0;
}


.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: 19px 5px;color: #fff;}
.footer-box .text-footer:nth-child(2){margin-top: 11px;border-top: 1px solid #c0c0c0;padding: 10px 5px 0;}
.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: 19px;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 #222faf;}

.header-logo{ color: #222fae; font-weight: bold; font-size: 12px; line-height: 1.5; padding: 10px 0;}
.mobile-menu{
  margin-bottom:15px !important;
}
.header_tel{
  background:#ffe11b;
  padding:15px 0;
  text-align:center;
  margin-top:15px !important;

}
.header_tel_txt{
  text-align:center;
  font-size:11px;
  margin: 5px 0 0;
}
.header_link_btn{
  width: 90%;
  margin:5px auto;
}

.footer-kaitori{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%;}

}