/*
Theme Name: 琉球ZERO-ONE Ver.2
Description: 琉球ZERO-ONEのベーステーマです
Version: 2.0
Author: FUNSCREATION
Author URI: https://funscreation.co.jp/
*/



/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

body{
  margin: 0px;
  padding: 0px;
  color: #3E3A39;
  font-size: 14px;
  line-height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.1em;
  overflow:hidden;
} 

img {
  max-width: 100%;
  height: auto;
}

/*----- リンク -----*/
a:link {
  color: #231815;
  outline: none;
  text-decoration: none;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
a:visited {
  color: #231815;
}
a:hover {
  opacity:0.6;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
}

a img{
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease;
	-ms-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}
a:hover img{
	opacity:.8;
	filter:alpha(opacity=80);
}
/*----- Clearfix -----*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.pc {display: block;}
.sp {display: none;}

.br-pc { display:block; }
.br-sp { display:none; }

/*----- FLEX BOX -----*/
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-col{
  flex-direction: column;
}
.jstfy-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jstfy-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;;
  justify-content:space-around;
}
.jstfy-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.jstfy-flex-end {
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse;
}
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-items-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

/*----- Scroll Fade In -----*/
.fade-in-anime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3.0s;
 -ms-animation-duration:3.0s;
 animation-duration:3.0s;
 -webkit-animation-name: fade-in-anime;
 -ms-animation-name: fade-in-anime;
 animation-name: fade-in-anime;
 visibility: visible !important;
}
@-webkit-keyframes fade-in-anime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fade-in-anime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*----- Animate -----*/
.invisible {
	transition: opacity 2.5s ease;
	opacity: 0.0;
}
.visible {
	transition: opacity 2.5s ease;
	opacity: 1.0;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-timing-function: ease;
}
.animated.animated-step-1 {animation-delay: 0.3s;}
.animated.animated-step-2 {animation-delay: 0.6s;}
.animated.animated-step-3 {animation-delay: 0.9s;}
.animated.animated-step-4 {animation-delay: 1.2s;}
.animated.animated-step-5 {animation-delay: 1.5s;}
.animated.animated-step-6 {animation-delay: 1.8s;}

@media (max-width: 768px) {
}
@media (max-width: 640px) {
  body {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
  }
  .pc{display: none;}
  .sp{display: block;}
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/****************************************
  Header, Menu
*****************************************/
#header {
  width: 100%;
  z-index: 98;
}
#header h1.top{
  padding:0 0 0 1%;
}

#header-inner {
  width: 100%;
  margin: 0 auto;
}
#header__logo {
  align-self: flex-end;
  margin:0 20px;
}
#header__logo a{
  display: block;
}

#header nav{
  display: flex;
}

#sp-header-menu-box {
  display: none;
}

.menu-nav-container .menu{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.menu-nav-container .menu .menu-item {
  font-size: 16px;
  font-family: mr-eaves-sans, sans-serif;
  font-weight: 700;
}
.menu-nav-container .menu .menu-item:hover {
  overflow:visible;
}
.menu-nav-container .menu .menu-item a {
  display: block;
  padding: 20px 15px;
  text-align: center;
}
#header .menu-nav-container .menu .menu-item-contact a {
  color:#FFF;
  background-color:#EA5514;
}

#header nav .menu-container{
  display: flex;
}
#header nav .menu-container .menu-item{
  display: flex;
  height: 50px;
  color:#FFF;
}
#header nav .menu-container .menu-item a{
  align-items: center;
  padding: 5px 5px;
  text-align: center;
  color:#FFF;
}

#header nav .menu-container .menu-item-contact{
  width: 50px;
  height: 50px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
}

#header nav .menu-container .menu-item-contact a{
  background-color:#EA5514;
  width: 50px;
  height: 50px;
}

#header nav .menu-container .menu-item-contact img{
  width: 90%;
  height: 90%;
}

#header nav .menu-container .menu-item-tel{
  margin-right: 10px;
}
#header nav .menu-container .menu-item-tel .tel{
  display: block;
  padding: 20px 10px;
  text-align: center;
  font-size:1.1em;
  background-color:#231815;
}
#header nav .menu-container .menu-item-tel .tel::before{
  content:'';
  display: inline-block;
  width:0.7em;
  height: 1em;
  margin-right: 0.2em;
  vertical-align: bottom;
  background:url(img/common/icon_tel.png) center no-repeat;
  background-size:contain;
}
#header nav .menu-container .menu-item-line {
  width: 50px;
  height: 50px;
}

#header nav .menu-container .menu-item-line a{
  background-color:#EFEFEF;
  width: 50px;
  height: 50px;
}

#header nav .menu-container .menu-item-line img{
  width: 100%;
  height: 100%;
}


#slidenav,
.slide-box{
  display: none;
}

/* Scroll Nav Fixed*/
#header.fixed{
  position: fixed;
  top:0;left:0;right:0;
  z-index: 99;
  background-color: rgba(255,255,255,0.9);
}
#header.fixed #header__logo{
  padding-bottom: 7px;
}

@media (max-width: 1500px) {
  .menu-nav-container .menu .menu-item {
    font-size:14px;
  }
}
@media (max-width: 1260px) {
  .menu-nav-container .menu .menu-item {
    font-size:12px;
  }
  .menu-nav-container .menu .menu-item a {
    padding:20px 10px;
  }
  #header nav .menu-container .menu-item-tel .tel{
    font-size:0.9em;
  }
  #header nav .menu-container .menu-item-contact a {
    padding:10px;
  }
}
/*
@media (max-width: 1130px) {
  .menu-nav-container .menu .menu-item a{
    padding: 20px 1.5vw;
  }
}
@media (max-width: 1070px) {
  .menu-nav-container .menu .menu-item a{
    padding: 20px 1.2vw;
  }
}
*/


@media (max-width: 1024px) {
  #header-inner{
    padding:4% 3%;
  }
  #header-inner #header__logo {
    max-width: 50%;
    padding: 0;
    margin-left:0;
    text-align: left;
  }
  
  #header nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
  }
  #header nav .menu-container{
    display: none;
  }
  
  #sp-header-menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	  justify-content: center;
	  align-items: center;
  }
  #sp-header-menu-open-btn-box{
    position: relative;
    height: 100%;
  }
  .menu-nav-container{
    display: none;
  }
  #menuopen__btn{
    height: 100%;
    width: 50px;
  }
  #menuopen__btn .menu-line{
    background-color: rgba(35,24,21,0.9);
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 80%;
    top: 65%; right: 0;left:0;
    margin:auto;
  }
  #menuopen__btn .menu-line.menu-line--bottom{
    top: 90%;
  }
  #menuopen__btn .menu-txt{
    position: absolute;
    top:5%;right:0;left:0;
    margin:auto;
    color:rgba(35,24,21,0.9);
    font-size:12px;
    font-family: mr-eaves-sans, sans-serif;
  }
  
  #sp-header-tel-btn-box{
    margin:0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #sp-header-tel-btn-box a,
  #sp-header-line-btn-box a{
    display: block;
  }
  #sp-header-tel-btn-box img{
    height: 30px;
  }
  #sp-header-line-btn-box img{
    height: 26px;
  }
  #sp-header-line-btn-box a{
    padding:4px;
    background-color:#EFEFEF;
  }
  
  /* スマホ用ドロワーメニュー */
  #slidenav {
    display: none;
    overflow: scroll;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.9);
    -webkit-overflow-scrolling: touch;
    position: fixed;
    z-index: 99;
    top:0;
  }
  .menu-slide-nav-container{
    justify-content: center;
    display: flex;
    height: 100%;
    width: 100%;
  }
  #slide-nav-ul {
    margin-top: 15%;
    width: auto;
    list-style-type: none;
  }
  #menuopen {
    float: right;
    padding: 4% 0;
    width: 4em;
    color: #fff;
    border-left: solid 1px #FFF;
  }
  #slide-nav-ul .menu-item {
    padding: 10px 0;
    text-align: left;
    font-size:14px;
    font-family: mr-eaves-sans, sans-serif;
  }
  #slide-nav-ul .menu-item a {
    display: block;
    color: #FFF;
  }
  #slide-nav-ul .menu-item::after{
    content:'';
    display: block;
    width:25px;
    height: 1px;
    margin-top:5px;
    background-color: rgba(234,85,20,0.5);
    -webkit-transition:0.5s;
    transition: 0.5s;
  }
  /* 開閉ボタン */
  .btn--slidenav {
    display: block;
    text-align: center;
    text-decoration: none;
  }
  #menuclose__btn {
    position: fixed;
    top: 0; right: 0;
    overflow: hidden;
    line-height: 1;
    padding: 10px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 2;
  }
  #menuclose__btn span::before,
  #menuclose__btn span::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; left: 28%;
    width: 46%;
    height: 2px;
    background: #FFF;
    transition: all 0.8s ease-in-out;
  }
  #menuclose__btn span::before {
    transform: rotate(-45deg);
  }
  #menuclose__btn span::after {
    transform: rotate(45deg);
  }
}
@media (max-width: 640px) {
}

/****************************************
  Basic Layout 
*****************************************/

.section {
  width: 100%;
  margin: 0 auto;
  padding:40px 0;
  overflow: hidden;
}
.section .inner {
  width:94%;
  max-width: 1200px;
  margin: 0 auto;
}
.section .section__bg{
  position: relative;
  width:95%;
}
.section .section__bg::before{
  content:'';
  position: absolute;
  display: block;
  top:0;
  width:100%;
  height: 100%;
  background-color:#EFEFEF;
  transform: skew(0deg, 3deg);
  z-index: -1;
}
.section .section__bg_orange::before{
  background-color:#FBDDC3;
  transform: skew(0deg, -3deg);
}
.section .section__bg_r.section__bg::before{
  left:5%;
}

.bg_parallax{
  width:95%;
  height: 600px;
  margin-bottom: 10%;
  transform: skew(0deg, 3deg);
  background-image: url("img/common/bg_parallax.png");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

/*MAIN VISUAL*/
.main-visual{
  width: 100%;
  position: relative;
  z-index: 2;
}

/*SECTION TITLE*/
.section-title{
  width:100%;
  max-width: 770px;
  padding:15px 30px;
  margin:0 0 50px;
  text-align: left;
  font-family: mr-eaves-modern, sans-serif;
  font-size:2.0rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2em;
  background-color: #FFF;
}
.section-title .line-r{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.section-title .line-r::after{
  content:'';
  position: absolute;
  top:50%;left:100%;
  display: inline-block;
  width:35px;
  height: 1px;
  margin-left: 10px;
  background-color:#231815;
}

.section-title__company{
  width:100%;
  max-width: 770px;
  padding:15px 30px;
  margin:0 0 50px;
  text-align: left;
  font-family: mr-eaves-modern, sans-serif;
  font-size:2.0rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
.section-title__company .line-r{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.section-title__company .line-r::after{
  content:'';
  position: absolute;
  top:50%;left:100%;
  display: inline-block;
  width:35px;
  height: 1px;
  margin-left: 10px;
  background-color:#231815;
}


/*TEXT AREA*/
.text-area{
  font-size:1rem;
  line-height: 1.8;
}

/*TEXT*/
.text{
  font-size:1rem;
  line-height: 1.8;
}

/*BUTTON*/
.btn{
  display: inline-block;
  line-height: 1.4;
  border:solid 1px rgba(35,24,21,0.5);
}
.btn a{
  position: relative;
  display: block;
  padding:10px 40px 10px 15px;
}
.btn a::before{
  content:'';
  position: absolute; 
  top:0;right: 10px;bottom: 0; 
  display:block;
  width:6px;
  height:6px;
  margin: auto;
  border-top:solid 2px #EA5514; 
  border-right:solid 2px #EA5514; 
  transform: rotate(45deg);
}

/*TABLE*/
.tbl{
  width:100%;
  margin:0 auto;
}
.tbl tr{
  border-top:solid 2px rgba(201,202,202,0.3);
}
.tbl tr:last-child{
  border-bottom:solid 2px rgba(201,202,202,0.3);
}
.tbl th{
  width:8em;
  padding:15px;
  font-size:18px;
  line-height: 1.6;
}
.tbl td{
  padding:15px;
  font-size:18px;
  line-height: 1.6;
}

/*LINK*/
.link{
  font-family: mr-eaves-modern, sans-serif;
  font-size:20px;
  font-weight: 700;
  line-height: 1.4;
}
.link a{
  display: inline-block;
  border-bottom: solid 4px #231815;
}

/*IMG BACK COLOR*/
.img{
  display: inline-block;
}
.img .bg_clr{
  position: relative;
  display: inline-block;
  width:100%;
  height: 100%;
}
.img .bg_clr::before{
  content:'';
  position: absolute;
  top:8px; left:-8px;
  width:100%;
  height: 100%;
  background-color:#EA5514;
  z-index: -1;
}
.img .bg_clr_white::before{
  background-color:#FFF;
}

/*TABS*/
.tab-area{
  margin-bottom: 100px;
}
.tab-area .tabs{
  width:100%;
  max-width: 1200px;
  margin:0 auto;
  overflow: hidden;
}
.tab-area .tabs .tab{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:calc(100%/4);
  height: 185px;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition:.3s;
  transition: .3s;
  cursor: pointer;
}
.tab-area .tabs .tab:hover{
  opacity:.8;
  filter:alpha(opacity=80);
}
.tab-area .tabs .tab.select:hover{
  opacity:1;
  filter:alpha(opacity=100);
  cursor: auto;
}
.tab-area .tabs .tab.select::after{
  content:'';
  position: absolute;
  width:100%;
  height: 100%;
  background-color:rgba(35,24,21,0.7);
  z-index: 1;
}
.tab-area .tabs .tab .tab__title{
  margin:auto;
  color:#FFF;
  text-align: center;
  font-size:18px;
  font-family: mr-eaves-sans, sans-serif;
  line-height: 1.2;
  z-index: 2;
}
.tab-area .tabs .tab:nth-child(4n+1){background-image: url("img/common/bnr_tab_01.png");}
.tab-area .tabs .tab:nth-child(4n+2){background-image: url("img/common/bnr_tab_02.png");}
.tab-area .tabs .tab:nth-child(4n+3){background-image: url("img/common/bnr_tab_03.png");}
.tab-area .tabs .tab:nth-child(4n+4){background-image: url("img/common/bnr_tab_04.png");}
.tab-area .tabs a{
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; 
  text-indent: -999px;
}

/* パンくず*/
.breadcrumb-area {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.breadcrumb-area .inner {
  padding: 15px 20px;
}
.breadcrumb-area .breadcrumb {
  display: table;
}
.breadcrumb-area .breadcrumb li {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.breadcrumb-area .breadcrumb li:nth-child(n+2)::before {
  content:'>';
  margin: 0 5px;
}
.breadcrumb-area .breadcrumb li >a{
  text-decoration: underline;
}

/* PAGINATION*/
.pagination{
  padding:30px 0;
  text-align: center;
}
.pagination .page-numbers{
  display: inline-block;
  padding:12px 15px;
  color:#231815;
  background-color: #EFEFEF;
}
.pagination .page-numbers.current{
  color:#FFF;
  background-color: #231815;
}
@media (max-width: 768px) {
  .bg_parallax{
    height: 30vh;
  }
  .section-title{
    margin-left: 0;
  }
  .tab-area .tabs .tab{
    height: 120px;
  }
  .tab-area .tabs .tab .tab__title{
    font-size:0.9rem;
  }
  .tbl th,
  .tbl td{
    font-size:0.9rem;
  }
}
@media (max-width: 640px) {
  .section .section__bg{
    width:100%;
  }
  .section .section__bg::before{
    width:95%;
  }
  .section-title{
    font-size:1.7rem;
  }
  .text{
    font-size:0.9rem;
  }
  .tbl tr.boder-none{
    border-top: none;
  }
  .tbl th{
    display: block;
    width:100%;
    padding-bottom: 0;
    font-weight: bold;
  }
  .tbl td{
    display: block;
    width:100%;
    padding-top:2%;
  }
  .tab-area .tabs .tab{
    width:49%;
    margin-bottom: 2%;
  }
  .breadcrumb-area{
    display: none;
  }
}

/****************************************
  Form
*****************************************/

.contact-form-box {
  width: 96%;
  margin: 0 auto 30px;
}

/*FORM SETTINGS*/
.contact-form-box input[type='text'],
.contact-form-box input[type='password'],
.contact-form-box input[type='tel'],
.contact-form-box input[type='email'],
.contact-form-box select,
.contact-form-box textarea {
  border: 1px solid #CCC;
  background: #FFF;
  line-height: 1.4;
  margin-bottom: 5px;
  padding: 5px 5px;
  width: 100%;
}
.contact-form-box input[type='checkbox'],
.contact-form-box input[type='radio'] {
  margin-right: 2px;
}
.contact-form-box .mw_wp_form .mwform-checkbox-field.horizontal-item {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.contact-form-box select {
  font-size: 0.9em;
  max-width: 100%;
  padding: 2px;
  color: #231815;
}
.contact-form-box input[type='tel'].input__num,
.contact-form-box input[type='text'].input__num {
  width: 10em;
}
.contact-form-box input[type='text'].input-tel {
  width: 5em;
}
.contact-form-box select.input-date{
  width:auto;
}
.contact-form-box input[type='text'].input-date {
  max-width: 5em;
}
.contact-form-box .input__zip {
  max-width: 4em;
}
.contact-form-box input[type='text'].txt__half {
  width: 63%;
}
.contact-form-box input[type='text'].txt__sub {
  background-color: #eee;
}
.contact-form-box .form__remarks {
  color: #73634a;
  font-size: 0.9em;
}
.contact-form-box .required {
  background-color: #E83828;
  display: inline-block;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  margin-right: 1em;
  padding :3px 10px;
  vertical-align: middle;
}

/*FORM STEP BAR*/
.contact-form-box .step-bar{
  width:96%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3% 0 5%;
}
.contact-form-box .step-bar .step{
  background-color: #FFFFFF;
  color: #40220F;
  flex:1;
  font-size:  16px;
  line-height: 56px;
  position: relative;
  text-align: center;
}
.contact-form-box .step-bar .step::before,
.contact-form-box .step-bar .step::after{
  content:'';
  position: absolute;
  left: -15px;
  display: block;
  background-color: #E7DFCB;
  width: 25px;
  height: 30px;
}
.contact-form-box .step-bar .step::before{
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.contact-form-box .step-bar .step::after{
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.contact-form-box .step-bar .step-1::before,
.contact-form-box .step-bar .step-1::after {
  content: none;
}
.contact-form-box .step-bar .step .step__num{
  color: #FFF;
  background-color: #231815;
  font-family: trajan-sans-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  padding: 5px 10px;
  margin-right: 10px;
}
.contact-form-box .step-bar .step-2{
  background-color: #F6B682;
  color: #FFF;
}
.contact-form-box .step-bar .step::before,
.contact-form-box .step-bar .step::after{
  background-color: #F6B682;
}
.contact-form-box .step-bar .step-3{
  color: #FFF;
  background-color: #F18D54;
}
.contact-form-box .step-bar .step-3::before,
.contact-form-box .step-bar .step-3::after{
  background-color: #F18D54;
}

/*ボタン*/
.contact-form-box .btn-box {
  width: 100%;
  margin: 0 auto 2em;
  padding: 2em 0;
  text-align: center;
}
.contact-form-box .btn {
  padding:0.5em 2em;
  border-radius: 5px;
  color: #231815;
  cursor: pointer;
  font-size:18px;
  line-height: 1.4;
  text-align: center;
  max-width: 300px;
  background-color: #CCC;
}
/*リセットボタン*/
.contact-form-box #btn-reset,
.contact-form-box #submitback input[type='submit'] {
  padding:0.5em 2em;
  margin-right: 1em;
  background-color: #CCC;
}
.contact-form-box .mw_wp_form_confirm #btn-reset {
  display: none;
}

/*送信・確認ボタン*/
.contact-form-box #submitforword input[type='submit'],
.contact-form-box #submitConfirm input[type='submit'] {
  padding:0.5em 2em;
  background-color: #DB4D1C;
  color: #FFF;
}

.contact-form-box .mw_wp_form .error{
  font-size:80%;
  letter-spacing: 0;
  color: #E83828;
}

/*[入力画面]*/
.contact-form-box .mw_wp_form_input .txt__input {
  display: block;
}
.contact-form-box .mw_wp_form_input .txt__confirm {
  display: none;
}
/*[確認画面]*/
.contact-form-box .mw_wp_form_confirm .step-bar .step::before,
.contact-form-box .mw_wp_form_confirm .step-bar .step::after{
  background-color: #FFF;
}
.contact-form-box .mw_wp_form_confirm .step-bar .step-1{
  background-color: #EA5514;
  color: #FFF;
}
.contact-form-box .mw_wp_form_confirm .step-bar .step-2{
  background-color: #FFF;
  color: #40210F;
}
.contact-form-box .mw_wp_form_confirm .step-bar .step-3{
  background-color: #F08C54;
}

.contact-form-box .mw_wp_form_confirm .txt__input {
  display: none;
}
.contact-form-box .mw_wp_form_confirm .txt__confirm {
  display: block;
}
.contact-form-box .mw_wp_form_confirm .form__remarks {
  display: none;
}
/*THANKS PAGE*/
.contact-form-box.thanks .step-bar .step::before,
.contact-form-box.thanks .step-bar .step::after{
  background-color: #F08C54;
}
.contact-form-box.thanks .step-bar .step-1{
  background-color: #EA5514;
  color: #FFF;
}
.contact-form-box.thanks .step-bar .step-2{
  background-color: #F08C54;
  color: #FFF;
}
.contact-form-box.thanks .step-bar .step-3{
  color: #40210F;
  background-color: #FFF;
}


@media (min-width: 641px) {
  .contact-form-box .dummy{
    display: inline-block;
    padding:3px 10px;
    width: 2.5em;
    margin-right: 1em;
  }
}
@media (max-width: 640px) {
  .contact-form-box .step-bar .step{
    font-size: 70%;
    line-height: 38px;
  }
  .contact-form-box .step-bar .step::before,
  .contact-form-box .step-bar .step::after{
    left:-5px;
    height: 20px;
    width: 12px;
  }
  .contact-form-box .step-bar .step .step__num{
    font-size: 70%;
    margin-right: 5px;
  }
  .contact-form-box .tbl th{
    padding-left: 0;
  }
}


/****************************************
  Footer
*****************************************/
#contents{
  overflow: hidden;
}
#page-top {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
}
#page-top a {
  position: absolute;
  display: block;
  max-width:4%;
  top:0;right:100px;
  margin-top:-10%;
}

/*FOOTER SLOGAN*/
#footer-slogan{
  overflow: hidden;
}
#footer-slogan .footer-slogan__bg{
  position: relative;
  padding-bottom:4.5%;
  overflow: hidden;
}
#footer-slogan .footer-slogan__bg::after{
  content:'';
  position: absolute;
  width:100%;
  height: 45%;
  bottom:0;
  background-color:#EA5514;
}
#footer-slogan .footer-slogan__content{
  position: relative;
  width:100%;
  height: 100%;
  margin-top:80px;
  padding:80px 0;
  transform:skew(0deg, -5deg);
  background-color:#000;
  text-align: center;
  z-index: 2;
}
#footer-slogan .footer-slogan__content .slogan{
  color:#FFF;
  line-height: 1.4;
  transform:skew(0deg, 5deg);
}
#footer-slogan .footer-slogan__content .slogan-en{
  margin-bottom: 5px;
  font-family: mr-eaves-modern, sans-serif;
  font-size:30px;
  font-weight: 700;
}

#footer{
  width:100%;
  margin-bottom: 90px;
}
#footer #footer__inner{
  width:96%;
  margin:0 auto;
  padding:50px 0 20px;
}
#footer #footer-info{
  margin-left: 20px;
  line-height: 1.4;
}
#footer #footer-info .footer__logo{
  margin-bottom: 20px;
}
#footer nav{
  width:60%;
  margin-top:10px;
}
#footer .menu-nav-container .menu{
  flex-wrap: wrap;
  justify-content: flex-end;
}
#footer .menu-nav-container .menu .menu-item a{
  padding:15px 12px;
}

.follow_bootm_buner{

}
/*FIX FOOTER BANNRER*/
.fix-footer-bnr-box{
  display: none;
  position: fixed;
  bottom:3%;left:0;right:15%;
  width:70%;
  margin:0 auto;
  box-shadow:0px 0px 10px #999;
  background-color:#FFF;
  z-index: 99;
}
.fix-footer-bnr-box .bnr-container .flex-item__kaitai{
  background-color:#22AC38;
}
.fix-footer-bnr-box .bnr-container .flex-item__asbestos{
  background-color:#8FC31F;
}

.fix-footer-bnr-box .flex-item__portal > .flex-container > p{
  flex:1;
}

#footer #copyright{
  width:94%;
  margin:0 auto;
  padding:30px 20px;
  font-size:12px;
  text-align: right;
}
@media (max-width: 1024px) {
  #footer{
    margin-bottom: 60px;
  }
  #footer-info__content{
    align-items: center;
    justify-content: center;
    width:85%;
    margin:auto;
  }
  #footer nav{
    display: none;
  }
  #footer #copyright{
    padding:5%;
    text-align: center;
  }
  .fix-footer-bnr-box{
    width:100%;
    bottom:0;
  }
}
@media (min-width: 641px) {
  
  .fix-footer-bnr-box .bnr-container .flex-item{
    width:20%;
  }
  .fix-footer-bnr-box .bnr-container .flex-item__asbestos{
    background-color:#8FC31F;
  }  .fix-footer-bnr-box .bnr-container .flex-item__portal{
    width:60%;
    padding:0 10px;
  }
  .fix-footer-bnr-box .flex-item__portal > .flex-container{
    height: 100%;
  }
  .fix-footer-bnr-box .flex-item__portal > .flex-container .flex-item__ttl{
    margin-right: 10px;
  }
  .fix-footer-bnr-box .flex-item__portal .bnr_portal{
    margin-right: 5px;
  }
}
@media (max-width: 640px) {
  #page-top{
    display: none;
  }
  #footer #footer-info{
    font-size:0.7em;
  }
}

/*YouTube  BANNRER*/
.follow_bootm_buner{
  position: fixed;
  z-index: 10;
  /*
  bottom: 70px;
  right: 20px;    
  */
  bottom: 2%;
  right: 0.5%;
}
.follow_bootm_buner img.layout_pc{
  display: unset;
}
.follow_bootm_buner img.layout_sp{
  display: none;
}
.follow_bootm_buner img{
  width: 250px;
  height: auto;
}
@media (max-width: 1024px) {
.follow_bootm_buner{
  position: fixed;
  z-index: 10;
  bottom: 2%;
  right: 0.5%;
}
.follow_bootm_buner img.layout_pc{
  display: unset;
}
.follow_bootm_buner img.layout_sp{
  display: none;
}
.follow_bootm_buner img{
  width: 250px;
  height: auto;
}
}

@media (max-width: 640px) {
  .follow_bootm_buner{
    width: 100%;
    height: auto;
    text-align: center;
    position: fixed;
    z-index: 10;
    bottom: calc(60px + 6px);
    right: 0px;    
}
.follow_bootm_buner img.layout_pc{
    display: none;
}
.follow_bootm_buner img.layout_sp{
    display: unset;
}
.follow_bootm_buner img{
    margin: 10px auto;
    width: 94%;
    height: auto;
   /*  box-shadow:0px 0px 10px #FFFFFF;
    border:1px solid #FFFFFF; */
}
}


/* LOADING */
#loading {
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 15000;
  background-color: #fff;
}
#loading .graph {
  top: 0;left: 0;
  width: 0%;
  height: 5px;
  background-color:#EA5514;
  position: absolute;
  z-index: 1;
}

#loading .icon {
  top: 0;bottom: 0;left: 0;right: 0;
  line-height: 1;
  width:60%;
  max-width:175px;
  height:92px;
  margin: auto;
  text-align: center;
  opacity: 1;
  position: absolute;
  z-index: 2;
  /*
  -webkit-animation: liconst 0.1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: liconst 0.1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  */
}
/*
#loading .icon.end {
  -webkit-animation: liconst_end 0.1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: liconst_end 0.1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}
*/

#loading .icon img {
  width:100%;
  margin: 0 auto 15px auto;
  display: block;
}
@media (max-width: 480px) {
  #loading .icon img {
    max-width: 130px;
  }
}

@-webkit-keyframes liconst {
  0% {
    top: 22px;
    opacity: 0;
  }
  40% {
    top: 21px;
    opacity: 0.1;
  }
  80% {
    top: -8px;
    opacity: 0.7;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes liconst {
  0% {
    top: 22px;
    opacity: 0;
  }
  40% {
    top: 21px;
    opacity: 0.1;
  }
  80% {
    top: -8px;
    opacity: 0.7;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes liconst_end {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes liconst_end {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}