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

header .inner{ display: flex; justify-content: space-between; padding: 30px 5vw;}

header ul{ list-style: none; display: flex; font-size: 12px;}
header ul li{ line-height: 46px; padding-left: 40px;}

header ul li a,
header ul li a:hover,
header ul li a:visited,
header ul li a:active{ color:#000; text-decoration: none;}

header ul li.reserve a,
header ul li.reserve a:visited,
header ul li.reserve a:active{ display: inline-block; background: #1D913B; color: #fff;  padding:20px 30px 23px 30px; border-radius: 25px; font-size: 12px; text-decoration: none; position: relative;line-height: 0;}

@media screen and (max-width: 728px) {
  header ul{ display: none;}

}

.menu{ display: none;}
.menu { height: 8px; position: absolute; right: 3%; top:35px; width: 30px; z-index: 99999999; }
body.fixed .menu, body.active .menu {z-index: 99999999999;}

.menu_box ul{ display: block;}
.menu__line{ background: #1D913B; display: block; height: 1px; position: absolute; transition:transform .3s; width: 100%; }
.menu__line--bottom{ bottom: -2px; width: 100%; }
.menu__line--bottom.active{ width: 100%; }
.menu__line--top.active{ top: 0; transform: rotate(25deg); background: #fff; }
.menu__line--bottom.active{ bottom: 7px; transform: rotate(155deg); background: #fff;}

.sp_menu {
    position: fixed;
    right: 5vw;
    top: 10px;
    z-index: 99999999;
}

@media screen and (max-width: 728px) {
.menu{ display: block;}
}


/*gnav*/
.gnav{ background: #1D913B; display: none; height: 100%; position: fixed; width: 100%; z-index:999999; top:0;  }
.gnav__wrap{ align-items:center; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%; }

.gnav h1{ position: absolute; left: 5vw; top:30px; }

.gnav a,
.gnav a:hover,
.gnav a:active,
.gnav a:visited{ color: #FFF; text-decoration: none;}

.gnav ul{ list-style: none; line-height: 2.5em;}

.gnav ul.sns li{ width: 30px;}
.gnav .label{ width: 50px; margin: 0 auto;}

.gnav__wrap .inner .menu_box {
    display: flex;
    align-items: center;
    border-left: 5px #fff solid;
    padding: 30px;
  }

.gnav__wrap .inner .menu_box .box{align-items: baseline;}
.gnav__wrap .inner .menu_box .box li{ font-size: 30px; line-height: 2em;  text-align: left; font-weight: 700; background: url(../images/common/arrow_w.svg) left center no-repeat; background-size: 15px 15px; padding-left: 30px;}
.gnav__wrap .inner .menu_box .box li span{ margin-left: 15px;font-size: 15px;  font-weight: 300; font-family: 'Oswald', sans-serif;
}

.gnav__wrap .inner .menu_box .box ul li a:hover{
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;  
  opacity: 0.4;  
  filter: alpha(opacity=60);  
}

@media screen and (max-width: 728px) {
  .gnav__wrap .inner .menu_box {
      border-left: none;
      padding: 0px;
  }
  .gnav__wrap .inner .menu_box .box li{ font-size: 25px; line-height: 2em; }
  .gnav__wrap .inner .menu_box .box li span { font-size: 11px; }
}


footer .row_2{ background:#f2f2f2; padding: 50px 0; text-align: center;}
footer .row_2 img{ width: 100px; margin-bottom: 15px;}
footer .row_2 img {
    height: 36px !important;
    width: auto !important;
}
footer .row_2 img:last-child{ margin-left: 15px;}
footer .row_2 ul{ list-style: none; display: flex; justify-content: center; font-size: 12px; line-height: 1em; margin-bottom: 30px;}
footer .row_2 ul li{ padding: 0 8px; border-right: 1px #000 solid;}
footer .row_2 ul li:last-child{ border-right: none;}
footer .row_2 ul a,
footer .row_2 ul a:hover,
footer .row_2 ul a:active,
footer .row_2 ul a:visited{ color: #000; text-decoration: none;}
footer .row_2 p{color: #000; font-size: 10px; line-height: 1em;}


@media screen and (max-width: 728px) {
  footer .row_1 img {
      width: 190px;
      margin-bottom: 30px;
  }
  footer .row_1 {
      padding: 16vw 5% 8vw 5%;
  }
  footer .row_2 ul{ flex-wrap: wrap; justify-content: left;}
  footer .row_2 ul li{ width: 33%;padding: 0;border-right: none; line-height: 3em; margin-bottom: 8px;}
  footer .row_2 ul li a{ display: block; line-height: 2em; font-size: 10px;}
  footer .row_2 ul li a{ border-right: 1px #1D913B solid;}
  footer .row_2 ul li:nth-child(3) a,
  footer .row_2 ul li:nth-child(6) a  { border-right: none;}

}


.btn a,
.btn a:hover,
.btn a:active,
.btn a:visited{ display: inline-block; background: #1D913B; color: #fff!important;  padding:25px 30px 25px 20px; min-width: 200px; border-radius: 25px; font-size: 15px; text-decoration: none; position: relative;line-height: 0;box-shadow: none!important;}
.btn a::after{ content: ""; height: 0.8em; width: 0.8em; background: url(../images/common/arrow_w.svg) center center no-repeat; position: absolute; right: 10px; transform: translate(0%,-50%); display: block; }

.btn a,
.btn a:hover{ 
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;  
}
.btn a:hover{ opacity: 0.6; box-shadow: none; }

.btn.car{ margin-bottom: 50px; text-align: center;}

.ft_icon{ position: fixed; right: 15px; bottom: 15px; opacity: 0;}
.ft_icon.is-active{ opacity: 1;}
.ft_icon img{ height: 100px!important;}

.ft_icon, .ft_icon.is-active{ 
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;  
}

.grecaptcha-badge{ display: none!important;}

.under_cont.company figure{ padding-bottom: 50px; max-width: 150px; margin: 0 auto;}

.under_cont.company { text-align:center; padding-bottom: 100px;}
.under_cont.company dl{ display: flex; max-width:530px; font-size: 12px; line-height: 1.5em; margin: 0 auto; padding-bottom: 0px; text-align: left; }
.under_cont.company dl dt{ width: 120px;}

.under_cont.company a{ text-decoration: underline; color: #000;}
.under_cont.company a:hover,
.under_cont.company a:active,
.under_cont.company a:visited{ text-decoration: none; color: #000;}

@media screen and (max-width: 728px) {
  .under_cont.company dl{ display: block; padding-bottom: 15px; }
  .under_cont.company dl dt{ width: auto; padding-bottom: 8px;}
  .under_cont.company dl dd{ margin: 0;}
}