html{
  overflow-x:hidden;
}

@media (min-width: 0px){
    html{
        font-size:45%;
    }
}
@media (min-width: 1200px){
    html{
        font-size:62.5%;
    }
}


body{
  overflow-x:hidden;
  font-size:1.4rem;
  line-height:1.6;
}

/*======
fixed header
======*/
.header{
  box-shadow: 0 0px 6px rgba(0,0,0,0.2);
}

.header h1{
  position:relative;
  bottom:4px;
}

.header .logo{
  width: 288px;
  position: relative;
  bottom: 2px;
}

@media (max-width:991px){/*md*/
  .mainv-header .logo{
     width:148px !important;
  }
  .header .logo{
    width:148px;
    bottom:-3px;
  }
}

.header .wrap-header-nav{
  position: relative;
  top: 7px;
}

.header .header-nav{
  width:440px;
}

.header .header-nav li a{
  color:#000;
  font-size:1.6rem;
}

.header .header-nav-login li a{
  color:#fff;
  font-size:1.6rem;
}

.header .header-nav-login .btn-reg,
.header .header-nav-login .btn-login{
  border-radius: 4rem;
}

.header .mb-menu-btn{
  position: relative;
  font-size: 3.8rem;
  right: 3px;
  top: -1px;
  text-align: center;
  height:3.0rem;
}

.header .mb-menu-btn i{
  position:relative;
  bottom:5px;
}

.mb-menu.pushy{
  background:#fff;
}

.mb-menu.pushy a{
  color:#131313;
  border-bottom:solid 1px #dedede;
  font-size: 1.6rem;
}

.mb-menu.pushy .reg-login a.btn{
  color:#fff;
}

.site-overlay .btn-close{
  position: absolute;
  right: 208px;
  top: -2px;
  color: #fff;
  font-size: 5.5rem;
}

/*=====
eyecatch
=====*/
.mv{
  background: url("../images/common/eyecatch.jpg") no-repeat center 0%;
  background-size: cover;
  margin-top: 7rem;
  color: #fff;
}

@media (max-width:991px){/*md*/
  .mv{
    margin-top: 5rem;
  }
}

.mv:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,.2);
}
.mv .title{
  z-index: 1;
  padding: 16.6rem 0 13.4rem;
}

@media (max-width:991px){/*md*/
  .mv .title{
    z-index: 1;
    padding: 4.6rem 0 4.4rem;
  }
}

/*=====
breadcrumb
=====*/
.breadcrumb li:after{
  content: ">";
  margin-left: .5rem;
}
.breadcrumb li:last-of-type:after{
  display: none;
}

/*=====
localmenu
=====*/
.localnav{
  margin: 0 auto;
}
.localnav .btn{
  background: linear-gradient(to top, #f9f9f9 0%, #fff 100%);
  border-color: rgba(0,0,0,20%);
  border-radius: .5rem;
  font-size: 1.6rem;
  width: 32%;
}
.btn:not(:disabled):not(.disabled):active {
  background: linear-gradient(to top, #f9f9f9 0%, #fff 100%);
}
@media (max-width:991px){/*md*/
  .localnav .btn{
    width: 100%;
  }
}

/*=====
btn
=====*/
.btn-reg{
  font-size:2.2rem;
  background:#fb7600 !important;
}
.btn-login{
  font-size:2.2rem;
  background:#105cee !important;
}


/*=====
contents
=====*/
.main{
  padding-bottom: 13rem;
}
.contents{
  margin: 0 auto;
  padding:16.6rem 0 0;
}
@media (max-width:991px){/*md*/
  .main{
    padding-bottom: 3rem;
  }
  .contents{
    padding:6rem 0 0;
  }
}

.contents-title{
  color:#303030;
  display:inline-block;
  position:relative;
}
.contents-title:after {
  content: "";
  width: 120%;
  height: 1.5rem;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: -1;
  background: #f0f0f0;
}
.contents-text{
  font-size: 1.7rem;
  line-height: 1.8;
}
.contents-text br{
  line-height: 3;
}

.footer-nav{
  background:#f4f4f4;
}

.footer-nav ul{
  min-height:4vh;
}

.footer-copy{
  background:#3160b9;
  color:#fff;
}

.btn-pagetop{
  position:fixed;
  bottom:3vh;
  right:2vw;
  background: #fff;
  box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.5);
  width: 5rem;
  height: 5rem;
  z-index: 1;
  border:none;
  opacity:0;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
}

.btn-pagetop:focus{
  outline:none;
}

.btn-pagetop.is-active{
  opacity:1;
}

.btn-pagetop i.fa{
  color:#105cee;
  font-size:2rem;
}