/*** PC btn *********************************************************************************************************/
.btn {
 display: inline-block;
 border-radius: 25px;
 -webkit-border-radius: 25px;
 -ms-border-radius: 25px;
 font-size: 1.5rem;
 width: 198px;
 line-height: 33px;
 background: #000E23;
}
.btn.btn-catalog {
 color: #F6F6F6;
 border: 4px solid #E8E7E3;
}
.btn.btn-contact {
 color: #FFFFCC;
 border: 4px solid #FFFFCC;
}
.btn.btn-zip {
 background: #d8d8d8;
 background: -moz-linear-gradient(top, #d8d8d8 0%, #ebebeb 100%);
 background: -webkit-linear-gradient(top, #d8d8d8 0%,#ebebeb 100%);
 background: linear-gradient(to bottom, #d8d8d8 0%,#ebebeb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ebebeb',GradientType=0 );
 max-width: 294px;
 width: 100%;
 line-height: 28px;
 border: 1px solid #B0B0B0;
 -webkit-border-radius: 8px;
 -ms-border-radius: 8px;
 border-radius: 8px;
 font-size: 1.8rem;
}
.btn:hover {
 color: #ff5d5c;
 border: 2px solid #ff5d5c;
}
.btn.btn-catalog:hover,
.btn.btn-contact:hover {
 border: 4px solid #ff5d5c;
}
.btn.btn-zip:hover {
 border: 1px solid #ff5d5c;
}

/*** PC footer *********************************************************************************************************/

/*** PC layout *********************************************************************************************************/
.sp {
  display: none !important; }

.pc {
  display: block !important; }

/*** top *********************************************************************************************************/

/*** reason-box ***/
@media screen and (max-width: 1099px) {
 .reason-box .box {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
 }
}
/*** feature-box ***/
@media screen and (max-width: 1199px) {
 .feature-txt .feature {
  font-size: 2.33vw;
 }
 .feature-txt .feature:before {
  height: 1.08vw;
 }
}

/*** PC header *********************************************************************************************************/
header .logo {
 height: 64px;
}
@media screen and (max-width: 1099px) {
 header .logo {
  margin-bottom: 16px;
 }
}
header .logo a img {
 width: 192px;
 margin: 9px 0 0 6px;
}
header .header-inner .header-bar {
 height: 80px;
 max-width: 1200px;
 margin: 0 auto;
}
@media screen and (min-width: 1100px) {
 header .header-inner .header-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
 header .gnav-inner {
  width: auto;
 }
 header .gnav-inner .menu.open {
  background: none;
 }
 header .gnav-inner .menu .show-on-mobile {
  display: none;
  height: auto;
 }
 header .gnav-inner .menu .menu-mobile {
  display: none;
 }
 header .gnav-inner .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
 }
}
header .gnav-inner .menu ul li {
 margin-right: 1em;
}
header .gnav-inner .menu ul li:last-child {
 margin-right: 0;
}
@media screen and (min-width: 1100px) {
 header .gnav-inner .menu ul li .link-title {
  border-bottom: none;
 }
 header .gnav-inner .menu ul li .link-title a {
  color: #FFF;
  font-size: 1.6rem;
  padding: 0;
 }
 header .gnav-inner .menu ul li .link-title a:hover {
  color: #ff5d5c;
 }
 header .gnav-inner .menu ul li .link-title a:before {
  display: none;
 }
 header .h-btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
 }
 header .h-btn li:last-child {
  margin-left: 6px;
 }
}
@media screen and (max-width: 1199px) {
 header .h-btn {
  margin-right: 6px;
 }
 header .gnav-inner #btn-sp-menu.open {
  top: -63px;
 }
}
@media screen and (max-width: 1099px) {
 header .h-btn {
  display: none;
 }
}