@charset "utf-8";
/*===========================================================
＊ BASIC SETTING
===========================================================*/

html, body {
  font-size: 15px;
  height: 100%;
  width: 100%;
  font-family: 'Shin Go Regular','Montserrat','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','Noto Sans JP', sans-serif;
}

.fontbold{
  font-family: 'Shin Go Bold','Montserrat','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','Noto Sans JP', sans-serif;
  font-weight: 700;
}

body {
  color: #ffffff;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.8;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6{
  line-height: 1.4;
}

table th{
  font-weight:normal;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*  image
--------------------------------------*/

img {
  margin: 0px;
  padding: 0px;
  border: none;
  vertical-align: bottom;
  max-width:100%;
  height:auto;
}

a img {
  border: 0px;
}

a {
  vertical-align: baseline;
  color: #000000;
  text-decoration: none;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

a:hover{
  color:#FFC700;
  text-decoration: none;
}

.manulink a,
.manulink a:visited{
  display:block;
  overflow:hidden;
  color: #ffffff;
  position:relative;
  transform:perspective(1px) translateZ(0);
  -webkit-transform:perspective(1px) translateZ(0);
  line-height:40px;
  background:none;
}

.manulink a:before {
  position:absolute;
  z-index:-1;
  right:51%;
  bottom:0;
  left:51%;
  height:4px;
  background:#FFC700;
  content:'';
  transition-timing-function:ease-out;
  -webkit-transition-timing-function:ease-out;
  transition-duration:0.4s;
  -webkit-transition-duration:0.4s;
  transition-property:left, right;
  -webkit-transition-property:left, right;
}

.manulink a:hover:before,
.manulink a:focus:before,
.manulink a:active:before {
  right:0;
  left:0;
}

/*  ロールオーバー時、透過で使用
-------------------------------------*/
.toimg a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.tozoom{
  overflow:hidden;
}

.tozoom img{
  transition:1s all;
}

.tozoom img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/*  list
--------------------------------------*/

ul {
  list-style-type: none;
}

/*	クリアフィックス - CLEAR FIX -
--------------------------------------*/
.cf:before,
.cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}

.centerpos {
  text-align: center;
  margin:0 auto;
}

.tBlack{
  color:#000000;
}

.tWhite{
  color:#ffffff;
}

.googlemap {
  height: 400px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.googlemap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.button {
  display: block;
  background:#000000;
  text-align: center;
  color:#ffffff;
  line-height: 1.1;
  padding:20px 0 20px 0;
  transition: background 0.5s;
}

.button_orenge {
  background:#FD8533;
}

.button_green {
  background:#009A44;
}

.button_blue{
  background:#0168B7;
}

.button_brown {
  background:#BC8044;
}

.button:hover,
.button:active{
  color:#ffffff;
  background:#FFC700;
}

.col-xl-five-1, .col-lg-five-1, .col-md-five-1, .col-sm-five-1, .col-xs-five-1,
.col-xl-five-2, .col-lg-five-2, .col-md-five-2, .col-sm-five-2, .col-xs-five-2,
.col-xl-five-3, .col-lg-five-3, .col-md-five-3, .col-sm-five-3, .col-xs-five-3,
.col-xl-five-4, .col-lg-five-4, .col-md-five-4, .col-sm-five-4, .col-xs-five-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-five-1 {
  width: 20%;
  flex: 0 0 20%;
  float: left;
}
.col-xs-five-2 {
  width: 40%;
  flex: 0 0 40%;
  float: left;
}
.col-xs-five-3 {
  width: 60%;
  flex: 0 0 60%;
  float: left;
}
.col-xs-five-4 {
  width: 80%;
  flex: 0 0 80%;
  float: left;
}

@media (min-width: 576px) {
  .col-sm-five-1 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
  .col-sm-five-2 {
    width: 40%;
    flex: 0 0 40%;
    float: left;
  }
  .col-sm-five-3 {
    width: 60%;
    flex: 0 0 60%;
    float: left;
  }
  .col-sm-five-4 {
    width: 80%;
    flex: 0 0 80%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-md-five-1 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
  .col-md-five-2 {
    width: 40%;
    flex: 0 0 40%;
    float: left;
  }
  .col-md-five-3 {
    width: 60%;
    flex: 0 0 60%;
    float: left;
  }
  .col-md-five-4 {
    width: 80%;
    flex: 0 0 80%;
    float: left;
  }
  .col-md-offset-five-1 {
    margin-left: 4.3333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-five-1 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
  .col-lg-five-2 {
    width: 40%;
    flex: 0 0 40%;
    float: left;
  }
  .col-lg-five-3 {
    width: 60%;
    flex: 0 0 60%;
    float: left;
  }
  .col-lg-five-4 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-xl-five-1 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
  .col-xl-five-2 {
    width: 40%;
    flex: 0 0 40%;
    float: left;
  }
  .col-xl-five-3 {
    width: 60%;
    flex: 0 0 60%;
    float: left;
  }
  .col-xl-five-4 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
  }
}

.form-control::placeholder {
  color: #bbb;
}


.form-control {
  height: calc(1.2em + .75rem + 2px);
}

.form-w300 {
  width:300px;
}

.form-w120 {
  width:120px;
}

.form-w80{
  width:80px !important;
}


@media (max-width: 767px) {
  .form-w300 {
    width:100%;
  }
}

/* 入力画面 */
.mw_wp_form_input .phase_input{
  display: block;
}

.mw_wp_form_input .phase_confirm{
  display: none;
}

/* 確認画面 */
.mw_wp_form_confirm .phase_input{
  display: none;
}

.mw_wp_form_confirm .phase_confirm{
  display: block;
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFC700;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}