@media (max-width: 1200px) {

  header .row {
      justify-content: center !important;
    }  
    
}

@media (max-width: 415px) {
  body,
  table th,
  table td{
      font-size: 3.8vw;
  }    
}

a{
   font-weight: 500;
}

header{
display: none;
}


#wap{
  margin-top: 60px;
}

@media (max-width: 415px) {

p{
font-size: 3.8vw;
}

.btn{
font-size: 3.6vw;
  margin-bottom: 10px;
}
  
.f_10,
.f_10 span{
font-size: 3.0vw;
}
  
.f_12,
.f_12 span{
font-size: 3.0vw;
}

.f_14,
.f_14 span{
font-size: 3.4vw;
}

.f_18,
.f_18 span{
font-size: 4.0vw;
}
.f_20,
.f_20 span{
font-size: 4.4vw;
}
.f_21,
.f_21 span{
font-size: 4.4vw;
}

.f_22,
.f_22 span{
font-size: 4.6vw;
}
.f_24,
.f_24 span{
font-size: 5.0vw;
}


.f_26,
.f_26 span{
font-size: 5.4vw;
}

.f_28,
.f_28 span{
font-size: 5.8vw;
}
.f_32,
.f_32 span{
font-size: 6.0vw;
}
.f_36,
.f_36 span{
font-size: 6.0vw;
}

.f_40,
.f_40 span{
font-size: 6.6vw;
}

.f_42,
.f_42 span{
font-size: 6.8vw;
}
  
.f_48,
.f_48 span{
font-size: 7.0vw;
}
  
.f_56,
.f_56 span{
font-size: 7.5vw;
}

.f_60,
.f_60 span{
font-size: 7.8vw;
}

  
.f_64,
.f_64 span{
font-size: 8.0vw;
}

.f_72,
.f_72 span{
font-size: 10.0vw;
}
  
.f_84,
.f_84 span{
font-size: 12.0vw;
}

.f_96,
.f_96 span{
font-size: 15.0vw;
}
  
}

.mt10{
  margin-top: 5px;
}


.mt20{
  margin-top: 10px;
}

.mt30{
  margin-top: 15px;
}

.mt40{
  margin-top: 20px;
}

.mt50{
  margin-top: 25px;
}

.mt60{
  margin-top: 30px;
}
.mt80{
  margin-top: 40px;
}
.mt100{
  margin-top: 50px;
}

.mt120{
  margin-top: 60px;
}


.mt0_sp{
  margin-top: 0;
}

.sp_block{
display: block !important;
}

.pc_block{
display: none !important;
}

.btn.sp_block{
  display: inline-block!important;
}


.txt_left_sp{
text-align: left;
}

.txt_center_sp{
text-align: center;
}


.fl_box_sp_1{
width: 100%
}


.fadein:nth-of-type(1) ,
.fadein:nth-of-type(2) ,
.fadein:nth-of-type(3) ,
.fadein:nth-of-type(4) {
  -moz-transition-delay:100ms;
  -webkit-transition-delay:100ms;
  -o-transition-delay:100ms;
  -ms-transition-delay:100ms;
  }

#container{
  margin-top: 0 !important;
}

/*---------------------共通/---------------------*/

/*---------------------/hamburger---------------------*/

.side_nav{
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 10000;
}

.side_nav .navi_logo{
width: 100%;
  background: #fff;
  position: relative;
  z-index: 10000;
  height: 60px;
  display: flex;
  align-items: center;
}

.side_nav .navi_logo h1{
 width: 50%; 
  margin-left: 2%;
}

.side_nav .navi_logo img{
  width: 100%;
  height: auto;
}


.menu-trigger{
  position: absolute;
  top: 20px;
  right: 25px;
  width: 30px;
  height: 23px;
  z-index: 100000;
}

.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}

.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #2e3192;
border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 10px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-11px) rotate(45deg);
transform: translateY(-11px) rotate(45deg);
}


.side_nav nav {
width: 90%;
height: 100%;
padding-top: 100px;
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
top: 60px;
right: 0;
z-index: 900;
transform: translate(100%);
transition: all .5s;
padding: 40px 5% 30px;
  overflow: auto;
   -webkit-overflow-scrolling: touch;
  box-sizing: border-box;

}
.side_nav nav.open {
transform: translateZ(0);
}

.side_nav .menu_01 li {
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
  
}

.side_nav .menu_01 li a{
  width: 100%;
  display: block;
  padding: 15px 0;
}

.side_nav .menu_01 li i{
  font-size: 16px;
  top: 2px;
}

.side_nav .menu_01 li i.arrow{
  font-size: 20px;
  position: absolute;
  top: 15px;
  left: 90%;
  color: #2e3192;
}


.side_nav .form_link{
  width: 90%;
  margin: auto;
  margin-top: 60px;
}

.side_nav .form_link .form_link_txt02 i,
.side_nav .form_link .form_link_txt02 a{
  font-size: 7.2vw;
}


.side_nav .form_link .btn_main{
  font-size: 18px;
}

.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 500;
opacity: 0;
transition: opacity .5s;
}

.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}


/*---------------------hamburger/---------------------*/
/*---------------------/footer---------------------*/

footer{
  width: 100%;
  text-align: center;
}

footer h1 img{
  width: 60%;
  height: auto;
}

footer .footer_box01{
  width: 100%;
}

footer .form_link{
  width: 80%;
  margin: 30px auto 0;
}

footer address.f_14{
  font-size: 2vw;
  right: 1%;
}

footer .page_top{
  top: 0;
  font-size: 3vw;
}



/*---------------------footer/---------------------*/