/*!
Theme Name: yane_110
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yane_110
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

yane_110 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  font-size: 62.5%;
}
body {
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.47;
    letter-spacing: 0.2em;
    font-variant-ligatures: none;
    font-variant-ligatures: none;
    color: #000000;
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}

img{
    width: 100%;
    vertical-align: bottom;
    height: auto;
}
a:hover {
    opacity: .8;
    transition: 0.5s;
    transition: 0.5s;
}
a {
    text-decoration: none;
    transition: 0.5s;
    transition: 0.5s;
    color: #505050;

}
.d_fl{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#header{
  width: 100%;
  margin:0 auto;
}
.hd_bg {
    width: 100%;
}
.hd_container{
  width: 100%;
  top: 0px;
  box-sizing: border-box;
  z-index: 9;
  position: relative;
}
.hd_container nav{
  width: 100%;
  margin:0 auto;
  background:#fff;
  box-sizing: border-box;
  position: relative;
  
}
.hd_nav{
  max-width: 1000px;
  margin:0 auto;
  justify-content: space-between;
  
}
.hd_nav h1{
  width: 269px;
  display: flex;
  align-items: center;
}
.hd_nav figure img{
  width: 318px;
  display: inline-flex;
  margin: 12px 0px 4px 0px;
}
.top_mv{
  width: 100%;
  background:#f8f4ed;
}
.top_mv_inner{
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
.banner{
  width: 100%;
  margin:0 auto;
  padding-top: 50.8%;
}
.banner_container{
  width: 100%;
  background:#10a800;
  box-sizing: border-box;
}
.banner_container h2{
  font-size: 18px;
  text-align: center;
  color: #fff;
  padding: 20px 0px 13px 0px;
  font-weight: 500;
}
#main{
    width: 100%;
}
#page_content{
    width: 100%;
    overflow: hidden;
}

.content_repair{
  width: 100%;
  margin:0 auto;
}
.content_repair_container{
    max-width: 1000px;
    margin: 0 auto;
    padding: 38px 0px 62px 0px;
    box-sizing: border-box;
}
.content_repair_ttl{
  max-width: 1000px;
  width: 100%;
  margin:0 auto;
  background:#ff561e;
}
.content_repair_ttl h2{
  width: 90%;
  margin: auto;
  font-size: 60px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  padding: 0px 0px 2px 0px;
  font-weight: 500;
}
.content_repair_ttl h2 span{
  font-size: 45px;
}
.repair_list{
  max-width: 1000px;
  width: 90%;
  margin:0 auto;
}
.repair_list h2{
  font-size: 48px;
  color:#ef5725;
  text-align: center;
  padding:50px 0px 47px 0px;
  font-weight: 500;
}
.repair_list h2 span{
  font-size: 36px;
}
.repair_list_in{
  position: relative;
}
.repair_list_in{
  justify-content: space-between;
}
.repair_list_in_l{
  width: 37%;
  background-image: url(assets/img/img_27.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-bottom: 30%;
  background-size: contain;
  background-position: center center;
}
.repair_list_in_r{
    width: 62%;
}
.repair_list_in_r ul li{
    font-size: 30px;
    font-weight: 400;
    padding-left: 29px;
    letter-spacing: 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    padding: 15px 0px;
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    align-items:baseline;
    justify-content: space-between;
}
.repair_list_in_r ul li img{
    /* max-width: 40px; */
    height: 29px;
    width: 8%;
    /* margin-right: 20px; */
}
.repair_list_in_r ul li div{
  width:90%;
}
.repair_list_in_r ul li span.bigfont{
  font-size:34px;
}
.repair_list_in_r ul li span.smallfont{
  font-size:30px;
}
.repair_list_in_r ul li span:first-child:before{

}
.repair_list_in_r ul li:nth-child(2) span:nth-of-type(2){
}
.repair_list_in_r ul li:nth-child(2) span:nth-of-type(3){
}
.repair_in{
  width: 90%;
  margin:0 auto;
  text-align: center;
  padding:73px 0px 0px 0px;
  max-width: 820px;
}
.repair_in h2 span:first-child{
  font-size: 35px;
 
}
.repair_in h2 span:nth-child(2){
  font-size: 49px;
}
.repair_in h2 span:nth-child(3){
  font-size: 49px;
  color:yellow;
}
.repair_in h3{
  font-size: 35px;
}
.repair_in img{
  padding: 60px 0px 0px 0px;
}
.content_chosen{
  width: 100%;
  margin:0 auto;
}
.content_chosen_ttl{
  width: 100%;
  background:#75c932;
  margin:0 auto;
  text-align: center;
}
.content_chosen_ttl h2{
  max-width:860px;
  margin:auto;
  width:90%;
  padding: 40px 0;
}
.content_chosen_ttl h2 img{
  display: block;
  margin: 0 auto;
}
.shosen_list{
  width: 100%;
  background-image: url(assets/img/img_01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.shosen_list_in{
  width: 100%;
  background:rgba(255,255,255, 0.6);
}
.shosen_list_container{
  max-width: 1000px;
  margin:0 auto;
  box-sizing: border-box;
  padding: 37px 0px 65px 0px;
}
.shosen_list_container_in{
  border:10px solid #f4a925;
  width: 100%;
  padding: 22px 45px 22px 30px;
  background:#fff;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 65px;
}
.shosen_list_container_in:last-child{
  margin-bottom: 0px;
}
.shosen_list_container_in:first-child .shosen_list_container_in_l{
  width: 33%;
  height: 226px;
    background-image: url(assets/img/img_06.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.shosen_list_container_in:nth-child(2) .shosen_list_container_in_l{
  width: 33%;
  height: 226px;
    background-image: url(assets/img/img_07.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.shosen_list_container_in:nth-child(3) .shosen_list_container_in_l{
  width: 33%;
  height: 225px;
    background-image: url(assets/img/img_08.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.shosen_list_container_in:nth-child(4) .shosen_list_container_in_l{
  width: 33%;
  height: 225px;
    background-image: url(assets/img/img_09.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.shosen_list_container_in:nth-child(5) .shosen_list_container_in_l{
  width: 33%;
  height: 225px;
    background-image: url(assets/img/img_10.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.shosen_list_container_in_r {
  width: 65%;
}
.shosen_list_container_in_r h2{
  font-size: 20px;
  background:#ff5b00;
  padding:10px 20px;
  color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
.shosen_list_txt {
    padding-left: 18px;
}
.shosen_list_txt h3 {
  border-bottom: 1px solid #000;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 500;
  margin: 25px 0;
}
.shosen_list_txt h3 span{
  font-size: 25px;
  letter-spacing: 3px;
  color:#000;
}
.shosen_list_txt h3 .black{color:#000;font-size: 35px;}
.shosen_list_txt h3 span.red{
  font-size: 35px;
  color: #ea0101;
  letter-spacing: 3px;
  font-weight: 500;
}
.shosen_list_txt h3 span:nth-of-type(3){
  font-size: 25px;
  letter-spacing: 3px;
  color:#000;
}
.shosen_list_txt p{
  font-size: 16px;
  letter-spacing: 2px;
}
.roof{
  width: 100%;
  margin:0 auto;
  background:#e5dacf;
}
.roof_container {
  max-width: 1000px;
  margin:0 auto;
  padding: 66px 0px 83px 0px;
  text-align: center;
}
.box {
    width: 105px;
    background-color: #ff772c;
    color: #fff;
    font-size: 25px;
    margin-top: -21px;
    margin-left: -112px;
    position: absolute;
    display: block;
    transform: rotate(-8deg);
    border-radius: 77px;
    padding-top: 5px;
}
.box.arrow-right:after {
    content: " ";
    position: absolute;
    right: 16px;
    top: 26px;
    transition: rote();
    transform: rotate(-66deg);
    border-top: 18px solid transparent;
    border-right: none;
    border-left: 14px solid #ff772c;
    border-bottom: 16px solid transparent;
  }
  .roof_container h2{
    max-width: 650px;
    padding-bottom: 68px;
    width: 90%;
    margin: auto;
  }
.roof_container h4{
    font-size: 25px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    top:-55px;
    left: 0;
    right: 0;
    font-weight: 500;
}

.roof_container_in{
  width: 100%;
  margin:0 auto;
  background:#fff;
  margin-bottom: 77px;
}
.roof_container_in:last-child{
  margin-bottom: 0px;
}
.roof_container_in h3{
  font-size: 30px;
  text-align: center;
  background:#ff772c;
  color: #fff;
  padding: 10px 0px;
  box-sizing: border-box;
  padding: 18px 0px 27px 0px;
  font-weight: 500;
}
.roof_box{
  max-width: 908px;
  margin: 0 auto;
  padding-bottom: 24px;
   position: relative;
}
.roof_box ul{
  justify-content: space-between;
  align-items: center;
  margin-top: 82px;

}
.roof_container_in:nth-of-type(1).roof_box ul li span{
  display: block;
  position: relative;
  text-align: center;
  font-size: 25px;
  padding: 36px 0px 27px 0px;
  box-sizing: border-box;
}
.roof_container_in:nth-of-type(1) .roof_box
ul li:nth-child(1){
  width: 46%;
    height: 319px;
    background-image: url(assets/img/img_11.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(1) .roof_box
 ul li:nth-child(2){
      width: 4%;
  height: 70px;
    background-image: url(assets/img/img_28.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(1) .roof_box
ul li:nth-child(3){
  width: 46%;
  height: 319px;
  background-image: url(assets/img/img_12.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.roof_container_in:nth-of-type(2) .roof_box
ul li:nth-child(1){
  width: 46%;
    height: 319px;
    background-image: url(assets/img/img_13.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(2) .roof_box
 ul li:nth-child(2){
      width: 4%;
  height: 70px;
    background-image: url(assets/img/img_28.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(2) .roof_box
ul li:nth-child(3){
  width: 46%;
    height: 319px;
    background-image: url(assets/img/img_14.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(3) .roof_box
ul li:nth-child(1){
  width: 46%;
    height: 319px;
    background-image: url(assets/img/img_15.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(3) .roof_box
 ul li:nth-child(2){
      width: 4%;
  height: 70px;
    background-image: url(assets/img/img_28.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_container_in:nth-of-type(3) .roof_box
ul li:nth-child(3){
  width: 46%;
    height: 319px;
    background-image: url(assets/img/img_16.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.roof_box ul li:nth-child(1),
.roof_box ul li:nth-child(3){
  width: 46%;
  position: relative;
}

.roof_box table{
  width: 100%;
  margin-top: 30px;
}
.roof_box table tr td img{
  display: flex;
}
.roof_box table tr th ,.roof_box table tr td{
  padding: 25px 80px;
  border:1px solid #000;
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle;
  text-align: left;
}
.roof_box table tr td span.yello_bg{
background: linear-gradient(transparent 70%, #ffe900 0%);
    background: -moz-linear-gradient(transparent 70%, #fee466 0%);
    background: -webkit-linear-gradient(transparent 70%, #ffe900 0%);
}
.roof_box table tr td span.red{
  color: #ff2c2c;
  font-size: 30px;
}
.whats{
  background-image: url(assets/img/whats_bg.png);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 57px 0;
}
.whats_inner{
  max-width: 1000px;
    margin: 0 auto;
    width: 90%;
}
.whats_inner > h2 {
    max-width: 710px;
    width: 80%;
    margin: 0 auto 57px;
}
.whats_disc{
  background-color: #fff;
  padding: 50px 0;
}
.whats_disc h3{
  width: 80%;
  margin: 0 auto;
  font-size: 2.0rem;
  font-size: 20px;
  font-weight: 400;
}
.whats_disc span{
    color: #ff0000;
    font-weight: 600;
    font-size: 25px;
}
.whats_disc p{
  width: 80%;
  margin: 10px auto 0;
  font-size: 1.8rem;
  font-size: 16px;
}
.whats_tbl table {
  border-collapse: collapse;
  border: 1px solid #666666;
  width: 100%;
  vertical-align: middle;
}
.whats_tbl table tr , .whats_tbl table td , .whats_tbl table th {
  border: 1px solid #666666;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  font-weight: 400;
}
.whats_tbl thead{
  font-size: 18px;
  font-weight: 600;
}
.whats_tbl tbody{
  font-size: 18px;
}
.whats_tbl table td img{
  width: 20%;
}
.whats_tbl table tr .type{
  background: #abcddb;
}
.whats_tbl table tr .sec_all{
  background: #b9d5c9;
}
.whats_tbl table tr .sec_some{
  background: #daeba3;
}
.whats_tbl table tr .type_inn{
  background: #fff;
}
.whats_tbl table tr .type_innr{
  background: #ffedb8;
}
.whats_tbl table .fa-circle{
  position: relative;
}
.whats_tbl table .fa-asterisk{
  position: absolute;
  font-size: 10px;
  top: -8px;
  right: -8px;
  color: #ff0000;
}
.whats_tbl{
  margin: 40px 0 70px;
}
.attention{
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.attention .fa-asterisk{
  color: #ff0000;
}
.whats_flow h2{
    width: 100%;
    margin: 0 auto;
    font-size: 2.4rem;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}
.whats_flow h2 span{
  color: #ff0000;
  font-size: 35px;
  font-weight: 600;
}
.whats_flow_content{
  background-color: #fff;
  margin: 70px 0 30px;
  padding: 40px 0;
}
.whats_flow_content h3{
  width: 80%;
  max-width: 830px;
  margin: 0px auto 0;
}
.whats_flow_content_img{
  width: 80%;
  max-width: 830px;
  margin: 40px auto 0;
}
.whats_flow_af_s{
  width: 100%;
    margin: 0 auto;
    font-size: 2.2rem;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.whats_flow_af_s span{
  color: #ff0000;
}
.whats_flow_af_l{
  width: 80%;
  max-width: 780px;
  margin: 48px auto 0;
}
.clos{
  width: 19px;
  height: 19px;
  position: relative;
  margin: 0 auto;
  display: block;
}
.clos:before, .clos:after {
  position: absolute;
  content: ' ';
  height: 19px;
  width: 2px;
  background-color: #333;
}
.clos:before {
  transform: rotate(45deg);
}
.clos:after {
  transform: rotate(-45deg);
}

.contact_box_ttl {
    background-color: #398c2f;
    padding: 10px 10px 0px;
    text-align: center;
}
.work_list_before:after {
    right: -25%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ff6b11;
    border-width: 10px;
    margin-top: -20px;
}
.step{
  width: 100%;
  margin:0 auto;
  background:#e1eae2;
  box-sizing: border-box;
}
.step_container{
  max-width: 1000px;
  margin:0 auto;
  padding:77px 0px 62px 0px;
}
.step_container h2{
  font-size: 30px;
  text-align: center;
  background:#75c932;
  color:#fff;
  padding:20px 0px;
  letter-spacing: 0px;
}
.step_container_in{
  max-width: 1000px;
  margin:0 auto;
  padding: 46px 39px 0px 39px;
  box-sizing: border-box;
}
.step_container_in .step_box ul{
  background: #fff;
}
.step_container_in .step_box:first-child{
  width: 100%;
  margin:0 auto;
  border:2px solid #3e8000;
  position: relative;
  margin-bottom: 105px;
  box-sizing: border-box;
}
.step_container_in .step_box:first-child ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:first-child ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 8%;
  font-size: 27px;
}
.step_container_in .step_box:first-child ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: 0px;
  padding:10px 0px;
}
.step_container_in .step_box:first-child ul li:nth-of-type(2) span{
  color: #ed1c24;
  font-size: 30px;
}
.step_container_in .step_box:first-child:after{
  content: "";
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #fee180;
    position: absolute;
    bottom: -74px;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.step_container_in .step_box:nth-child(2){
  width: 100%;
  margin:0 auto;
  border:2px solid #3e8000;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 105px;
}
.step_container_in .step_box:nth-child(2) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 8%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: 0px;
  padding:10px 0px;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(2) span{
  color: #ed1c24;
  font-size: 30px;
}
.step_arr {
    width: 100%;
}
.step_container_in .step_arr span:nth-of-type(1){
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #fee180;
    position: absolute;
    bottom: -74px;
    left: 18%;
}
.step_container_in .step_arr span:nth-of-type(2){
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #ff6b06;
    position: absolute;
    bottom: -74px;
    top: 10px;
    right: 18%;
    box-sizing: border-box;
}
.step_container_in .step_arr span:nth-of-type(1) a{
    position: absolute;
    font-size: 20px;
    z-index: 999999;
    top: -49px;
    width: 80px;
    left: -38px;
    letter-spacing: 0px;
    color: #000;
    font-weight: bold;
}
.step_container_in .step_arr span:nth-of-type(2) a{
    position: absolute;
    font-size: 20px;
    z-index: 999999;
    top: -44px;
    width: 168px;
    text-align: center;
    left: -84px;
    color: #000;
    line-height: 23px;
    letter-spacing: 0px;
    font-weight: bold;
}

.step_container_in .step_box:nth-child(3){
  width: 100%;
  margin:0 auto;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 105px;
}
.step_container_in .step_box:nth-child(3) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:nth-child(3) ul li:last-child{
  margin-right: 0px;
   font-size: 30px;
}
.step_box_in{
  justify-content: space-between;
}
.step_box_in_l{
  width: 48%;
  border:2px solid #3e8000;
  box-sizing: border-box;
  position: relative;
}
.step_box_in_r{
  width: 48%;
  border:2px solid #ff6b06;
  box-sizing: border-box;
}
.step_box .step_box_in_l ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 1%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(3) ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: -2px;
  padding:10px 0px;
}
.step_box_in_r{
  font-size: 30px;
  text-align: center;
  color: #ff6b06;
  font-weight: bold;
  letter-spacing: 0px;
  background: #fff;
}
.step_box_in_l:after{
  content: "";
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #fee180;
    position: absolute;
    bottom: -74px;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.step_container_in .step_box:nth-child(4){
  width: 100%;
  margin:0 auto;
  border:2px solid #3e8000;
  position: relative;
  margin-bottom: 105px;
  box-sizing: border-box;
}
.step_container_in .step_box:nth-child(4) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:nth-child(4) ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 8%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(4) ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: 0px;
  padding:10px 0px;
}
.step_container_in .step_box:nth-child(4) .step_arr 
span:nth-of-type(2) a{
    position: absolute;
    font-size: 20px;
    z-index: 999999;
    top: -58px;
    width: 168px;
    text-align: center;
    left: -84px;
    color: #000;
    line-height: 23px;
    letter-spacing: 0px;
    font-weight: bold;
}

.step_container_in .step_box:nth-child(5){
  width: 100%;
  margin:0 auto;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 105px;
}
.step_container_in .step_box:nth-child(5) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
  align-items: center;
  display: inherit;
}
.step_container_in .step_box:nth-child(5) ul li:last-child{
  margin-right: 0px;
}
.step_container_in .step_box:nth-child(5) .step_box_in{
  justify-content: space-between;
}
.step_container_in .step_box:nth-child(5) .step_box_in_l{
  width: 48%;
  border:2px solid #3e8000;
  box-sizing: border-box;
  position: relative;
}
.step_container_in .step_box:nth-child(5) .step_box_in_r{
  width: 48%;
  border:2px solid #ff6b06;
  box-sizing: border-box;
}
.step_container_in .step_box:nth-child(5) .step_box .step_box_in_l ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 1%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(5) ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: -2px;
  padding:10px 0px;
}
.step_container_in .step_box:nth-child(5) .step_box_in_r{
  font-size: 30px;
  text-align: center;
  color: #ff6b06;
  font-weight: bold;
  letter-spacing: 0px;
}
.step_container_in .step_box:nth-child(5) .step_box_in_r p{
  font-size: 16px;
  color: #000;
  padding-left: 40px;
  text-align: left;
}
.step_container_in .step_box:nth-child(5) 
.step_box_in_r p span{
  color:#ff6b06;
}
.step_container_in .step_box:nth-child(5) .step_box_in_l:after{
  content: "";
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #fee180;
    position: absolute;
    bottom: -74px;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.step_container_in .step_box:nth-child(6){
  width: 100%;
  margin:0 auto;
  border:2px solid #3e8000;
  position: relative;
  margin-bottom: 105px;
  box-sizing: border-box;
}
.step_container_in .step_box:nth-child(6) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:nth-child(6) ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 8%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(6) ul li:nth-of-type(2){
  font-size: 30px;
  letter-spacing: 0px;
  padding:10px 0px;
}

.step_container_in .step_box:nth-child(6):after{
  content: "";
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 53px solid #fee180;
    position: absolute;
    bottom: -74px;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.step_container_in .step_box:nth-child(7){
  width: 100%;
  margin:0 auto;
  border:2px solid #3e8000;
  position: relative;
  box-sizing: border-box;
}
.step_container_in .step_box:nth-child(7) ul li{
  padding:10px 0px 10px 9px;
  margin-right: 16px;
}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(1) span{
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background: #77aa77;
  display: block;
  border-radius: 30px;
  position: relative;
  text-align: center;
  color:#fff;
  padding-top: 8%;
  font-size: 27px;
}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(2){
  font-size: 20px;
  letter-spacing: 0px;
  padding:10px 0px;
}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(2) span{
  font-size: 30px;
}

.custom{
    width: 100%;
    background-image: url(assets/img/img_31.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.custom_container{
  max-width: 1000px;
  width: 90%;
  margin:0 auto;
  box-sizing: border-box;
  padding:58px 0px 44px 0px;
}
.custom_container h2{
  font-size: 30px;
  text-align: center;
  font-weight: 500;
  padding-bottom: 70px;
}
.custom_container_in{
  width: 100%;
  padding:22px 23px;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 40px;
  align-items: center;
}
.custom_container_in:last-child{
  margin-bottom: 0px;
}
.custom_container .custom_container_in
 .custom_container_in_l {
  width: 23%;
}

.custom_container_in_r{
  width: 75%;
}
.custom_container_in_r h2{
  font-size: 20px;
  color:#139900;
  text-align: left;
  padding:17px 0px;
}
.custom_container_in_r p{
  font-size: 16px;
}
.custom_container_in_r p:nth-of-type(2){
  font-size: 16px;
  float: right;
  margin-top: 22px;
  display: inline-block;
}
.custom_container_in_r p:nth-of-type(2) span:nth-of-type(1){
  font-size: 16px;
  margin-right: 16px;
}
.qt{
  width: 100%;
  margin:0 auto;
  background: #e1eae2;
}
.qt_container{
  max-width: 968px;
  margin:0 auto;
  padding:45px 0px 92px 0px;
}
.qt_ttl{
  width: 100%;
  margin:0 auto;
}
.qt_ttl h2{
  max-width:659px;
  width: 90%;
  margin: auto;
  padding-bottom: 87px;
}

.qt_container_in{
  width: 100%;
  margin:0 auto;
}
.qt_container_box{
  width: 90%;
  margin: auto;
  border-bottom: 1px solid #3F9639;
  padding: 20px 0px 30px;
  box-sizing: border-box;
}
.qt_container_box ul{
  padding-bottom:10px;
}
.qt_container_in .qt_container_box ul:nth-of-type(1)
li:nth-of-type(1) span{
  width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: #77aa77;
    display: block;
    border-radius: 30px;
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 4%;
    font-size: 15px;
    margin:0 auto;
}
.qt_container_in .qt_container_box ul:nth-of-type(1){
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.qt_container_in .qt_container_box ul:nth-of-type(1)
li:nth-of-type(2){
  font-size: 16px;
  width: 90%;
  font-weight: 500;
  letter-spacing: 0px;
}
.qt_container_in .qt_container_box ul:nth-of-type(2){
  justify-content: space-between;
}
.qt_container_in .qt_container_box ul:nth-of-type(2)
li:nth-of-type(1) span{
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: #fee180;
    display: block;
    border-radius: 30px;
    position: relative;
    text-align: center;
    color: #000;
    padding-top: 4%;
    font-size: 15px;
    margin:0 auto;
}
.qt_container_in .qt_container_box ul:nth-of-type(2)
li:nth-of-type(2){
  font-size: 16px;
  width: 90%;
  font-weight: 500;
  letter-spacing: 0px;
}
.qt_container_in .qt_container_box ul:nth-of-type(2)
li:nth-of-type(2) span{
  color:#ea5357;
}
.inquir{
  width: 100%;
  margin:0 auto;
  background: #e5dacf;
  padding: 100px 0px;
  box-sizing: border-box;
}
.inquir_container{
  max-width: 871px;
  margin:0 auto;
}
.inquir_ttl{
  width: 100%;
  margin-bottom: 79px;
}
.inquir_ttl h2{
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
.inquir_ttl h2 span{
  color:#ed1c24;
}
.inquir_in{
  width: 100%;
}
.inquir_in table{
  width: 90%;
  margin:0 auto;
}
.inquir_in table tr th,td{
  padding:22px 0px;
}
.inquir_in table tr th{
 min-width: 260px;
 font-size: 20px;
 color:#000;
 width: 35%;
 letter-spacing: 0px;
 text-align: left;
 font-weight: 500;
}
.inquir_in table tr th span{
   width: 89px;
   display: inline-block;
   background: #efb1c8;
   color:#fff;
   text-align: center;
   font-size: 20px;
   margin-right: 20px;
   box-sizing: border-box;
   font-weight: 500;
}
.inquir_in table tr:nth-of-type(6) th{
  text-align: center;
  padding-left: 16px;
}
.inquir_in table tr:nth-of-type(6) td{
}
.inquir_in table tr td input[type="text"], .inquir_in table tr td input[type="email"] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 20px;
}
.inquir_in table tr td p{
  margin-bottom: 15px;
}
.wpcf7-list-item{
  width:100%;
  padding:10px 0;
  font-size:20px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-size: 20px;
    font-weight: 500;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #232121;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 11px;
    height: 11px;
    background: #efb1c8;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.stic{
  position:fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 998;
}

.call{
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 99;
}
.call_container{
  max-width: 1000px;
  margin:0 auto;
}
.call_in{
  width: 100%;
  padding: 20px 0px 10px 0px;
  justify-content: space-between;
}
.call_in_l{
  width: 49%;
  height: 116px;
}
.call_in_l span{
    width: 100%;
    height: 116px;
    display: block;
    background: #003ed8;
    padding: 20px 0px;
    border: 2px solid #001382;
    border-radius: 55px;
    position: relative;
    box-sizing: border-box;
}
.call_in_l span:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 211% 219% 314px 321px;
    width: 100%;
    height: 86px;
    background-color: #003eba;
    top: 26px;
}

.call_in_l span a{
  font-size: 40px;
  color:#fff;
  position: inherit;
  margin:0 auto;
  text-align: center;
  display: block;
  top: -8px;
}
.call_in_l span a:before{
  content: '';
  background-image: url(assets/img/img_33.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 32px;
  display: inline-block;
  margin-right: 10px;
}
.call_in_l p{
  text-align: center;
  top: -51px;
  position: relative;
  font-size: 22px;
  color: #fff;
}
.call_in_r{
  width: 49%;
  height: 116px;
}
.call_in_r span:first-child{
    width: 100%;
    height: 116px;
    display: block;
    background: #50af44;
    padding: 20px 0px;
    border: 2px solid #508c1c;
    border-radius: 55px;
    position: relative;
    box-sizing: border-box;
    line-height: 2;
}
.call_in_r span:first-child:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 211% 219% 314px 321px;
    width: 100%;
    height: 86px;
    background-color: #39a637;
    top: 26px;
}
.call_in_r span:nth-child(2){
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    display: block;
    top: -101px;
    line-height: 2;
    position: relative;
    color: #fff;
}
.call_in_r span:nth-child(3){
    font-size: 22px;
    position: relative;
    top: -114px;
    text-align: center;
    display: block;
    color: #fff;
}
.quot_btn{
    text-align:center;
}
.quot_btn input[type="submit"]{
    max-width: 630px;
    width:90%;
    display:inline-block;
    margin: 50px auto 0;
    background: #0092ff;
    border-radius: 59px;
    position: relative;
    box-shadow: 3px 4px 4px 5px rgba(0,0,0,0.4);
    box-sizing: border-box;
    font-size: 35px;
    display: block;
    color: #f7f3f3;
    text-align: center;
    padding: 20px 0px;
    z-index: 99;
    position: relative;
    font-weight: bold;
    border: none;
    letter-spacing: 4px;
    font-weight: 500;
}
input[type="submit"] {
    -webkit-appearance:none;
}
.company{
    background-color: #398c2f;
    padding: 60px 0;
}
.company_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 90%;
    color: #fff;
}
.company_ttl{
    text-align: center;
}
.company_ttl h2{
        max-width: 1000px;
    margin: 0 auto;
    width: 90%;
    padding: 20px 0;
    font-size: 3.0rem;
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.company_tbl{
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.6rem;
    font-size: 16px;
}
.company_tbl table{
    width: 100%;
}
.company_tbl table th{
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
}
.company_tbl table td{
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
}
footer{
    width: 100%;
    margin:0 auto;
    background:#10a800;

}
.ft_container{
    width: 100%;
    background:#10a800;
    margin:0 auto;
    padding:15px 0px 15px 0px;
    position:relative;
}
.ft_container p{
  max-width: 1000px;
  width: 90%;
  margin: auto;
  font-size: 16px;
  text-align: center;
  color:#fff;
}
.ft_fixed{
  position:fixed;
  bottom:0;
  left:0;
  z-index: 997;
  width: 100%;
  background: #fff;
  border-top: 10px solid #0F8203;
}
.ft_fixed ul {
  max-width:1000px;
  width:100%;
  margin:auto;
  box-sizing:border-box;
  justify-content:center;
}
.ft_fixed ul li {
    width: 48%;
    margin: 0 1%;
    padding: 10px 0;
    box-sizing: border-box;
}

/*end trip*/
@media only screen and (min-width: 769px) {
.pc_only{
    display: block;
}
.sp_only{
    display: none;
}
}

@media only screen and (max-width: 768px) {
.pc_only{
    display: none;
}
.sp_only{
    display: block;
}



#header {
    width: 100%;
   
}
.hd_container {
    width: 90%;
    margin: 10px auto;
}
.hd_nav h1 {
    width: 45%;
}
.hd_nav figure {
    width: 45%;
    display: flex;
}
.hd_bg {
    margin-top: 0px;
}
.hd_ttl {
    width: 100%;
    top: 33px;
}
.hd_ttl h2 {
    padding: 20px 0px 32px 0px;
    font-size: 32px;
}

.banner {
    padding: 393px 0px 0px 0px;
}
.hd_banner ul li{
  width: 100%;
  text-align: center;
}
.hd_banner ul li:first-child div span:first-child {
    font-size: 33px;
    font-weight: bold;
}
.hd_banner ul li:nth-child(2) span {
   position: inherit; 
}
.hd_banner ul li:nth-child(3) span {
    font-size: 81px;
    color: #ef5725;
    vertical-align: text-bottom;
    display: block;
    position: relative;
    left: 0; 
    bottom: 0px;
}
.hd_banner ul li:first-child div span:last-child {
    font-size: 81px;
}
.hd_banner ul li:nth-child(2) {
    position: relative;
    width: 159px;
    left: 30%;
    margin: 67px 0px;
}
.hd_banner ul li:nth-child(2) div:first-child {
    position: relative;
}
.hd_banner ul li:nth-child(2) div:last-child {
    font-size: 81px;
    color: #ef5725;
    vertical-align: text-bottom;
    /* display: inline-block; */
    position: absolute;
    left: 110%;
    /* width: 174px; */
    bottom: -72px;
}
.hd_menu_container ul li {
    position: relative;
    display: flex;
}
.banner_container h2 {
    font-size: 10px;
    padding: 5px 0px;
    letter-spacing: 1px;
}
.content_repair_container {
    width: 100%;
    padding: 18px 0px 46px 0px;
}
.content_repair_ttl h2 {
    font-size: 26px;
    padding: 0px;
    letter-spacing: 2px;
    line-height: 1.2;
    padding: 20px 0;
}
.content_repair_ttl h2 span {
    font-size: 26px;
}
.repair_list h2 {
    font-size: 20px;
    padding: 37px 0px 34px 0px;
    font-weight: 500;
}
.repair_list h2 span{
  font-size: 20px;
}
.repair_list_in_l {
    max-width:400px;
    width: 100%;
    margin:auto;
    padding-bottom: 60%;
    background-size: contain;
    background-position: center bottom;
}
.repair_list_in_r {
    width: 90%;
    margin: 0 auto;
}
.repair_list_in_r ul li span:first-child:before {
    transform: rotate(53deg);
    height: 25px;
    width: 10px;
    border-bottom: 3px solid #ff561e;
    border-right: 3px solid #ff561e;
    margin-top: -11px;
    margin-left: 8px;
    box-sizing: border-box;
}
.repair_list_in_r ul li {
    font-size: 16px;
    padding-left: 20px;
    padding: 12px 0px;
}
.repair_list_in_r ul li {
    font-size: 18px;
    padding-left: 20px;
    padding: 12px 0px;
    align-items: flex-start;
}
.repair_list_in_r ul li span {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
}
.repair_list_in_r ul li span.bigfont {
    font-size: 18px;
}
.repair_list_in_r ul li span:before {
    height: 20px;
    width: 10px;
    border-bottom: 3px solid #ff561e;
    border-right: 3px solid #ff561e;
    margin-top: -7px;
    margin-left: 6px;
}
.repair_in {
    width: 90%;
    padding: 0;
}

.repair_in h2 span:first-child {
    font-size: 18px;
}
.repair_in h2 span:nth-child(2) {
    font-size: 24px;
}
.repair_in h2 span:last-child {
    font-size: 36px;
}
.repair_in h3 {
    font-size: 18px;
}

.repair_in img {
    padding: 30px 0px 0px 0px;
}

.shosen_list_container {
    width: 100%;
    padding: 27px 0px 48px 0px;
}
.shosen_list_container_in {
    border: 7px solid #f4a925;
    padding: 15px 20px;
    margin-bottom: 48px;
    box-sizing: border-box;
}
.shosen_list_container_in:first-child .shosen_list_container_in_l,
.shosen_list_container_in:nth-child(2) .shosen_list_container_in_l,
.shosen_list_container_in:nth-child(2) .shosen_list_container_in_l,
.shosen_list_container_in:nth-child(3) .shosen_list_container_in_l,
.shosen_list_container_in:nth-child(4) .shosen_list_container_in_l,
.shosen_list_container_in:nth-child(5) .shosen_list_container_in_l{
    width: 100%;
}

.shosen_list_container_in_r {
    width: 100%;
    margin-top: 15px;
}
.shosen_list_container_in_r h2 {
    font-size: 15px;
    padding: 7px 15px;
    border-radius: 10px;
}
.shosen_list_txt h3 {
    border-bottom: 1px solid #000;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 500;
    margin: 15px 0;
}
.shosen_list_txt {
    padding-left: 13px;
}
.shosen_list_txt h3 span:first-child {
    font-size: 18px;
}
.shosen_list_txt h3 span:nth-of-type(2) {
    font-size: 23px;
}
.shosen_list_txt h3 span:nth-of-type(3) {
    font-size: 15px;
}
.shosen_list_txt p {
    font-size: 12px;
    letter-spacing: 0px;
}
.roof_container {
    width: 100%;
    padding: 51px 0px 61px 0px;
}
.roof_container h2 {
    font-size: 25px;
    padding-bottom: 51px;
}
.box {
    width: 78px;
    font-size: 18px;
    margin-top: -17px;
    margin-left: -87px;
    padding-top: 3px;
}
.box.arrow-right:after {
    content: " ";
    position: absolute;
    right: 7px;
    top: 19px;
    transition: rote();
    transform: rotate(-66deg);
    border-top: 12px solid transparent;
    border-right: none;
    border-left: 6px solid #ff772c;
    border-bottom: 7px solid transparent;
}
.roof_container_in {
    margin-bottom: 57px;
}
.roof_container_in h3 {
    font-size: 20px;
    padding: 7px 0px;
    letter-spacing: 1px;
}
.roof_box {
    width: 90%;
    padding-bottom: 18px;
    position: relative;
}
.roof_container h4 {
    font-size: 18px;
    top: -41px;
    left: 0;
    right: 0;
}
.roof_container_in:nth-of-type(1) .roof_box ul li:nth-child(1) {
    width: 45%;
    height: 146px;
}
.roof_container_in:nth-of-type(1) .roof_box ul li:nth-child(3) {
    width: 45%;
    height: 146px;
}
.roof_container_in:nth-of-type(1) .roof_box ul li:nth-child(2) {
    width: 15px;
    height: 31px;
}
.roof_container_in:nth-of-type(2) .roof_box ul li:nth-child(1) {
    width: 45%;
    height: 146px;
}
.roof_container_in:nth-of-type(2) .roof_box ul li:nth-child(2) {
    width: 15px;
    height: 31px;
}
.roof_container_in:nth-of-type(2) .roof_box ul li:nth-child(3) {
    width: 45%;
    height: 146px;
}
.roof_container_in:nth-of-type(3) .roof_box ul li:nth-child(1) {
    width: 45%;
    height: 146px;
}
.roof_container_in:nth-of-type(3) .roof_box ul li:nth-child(2) {width: 15px;height: 31px;}
.roof_container_in:nth-of-type(3) .roof_box ul li:nth-child(3) {
    width: 45%;
    height: 146px;
}
.roof_box ul {
    margin-top: 50px;
}
.roof_box table {
    margin-top: 20px;
}
.roof_box table tr td {
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: 1px;
}
.roof_box table tr td span.red {
    color: #ff2c2c;
    font-size: 22px;
}
.roof_box table tr th {
    width: 46%;
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: 1px;
}
.roof_box table tr:nth-child(1) td:nth-of-type(2) span {
    font-size: 16px;
}
.whats {
    background-image: url(assets/img/whats_bg.png);
    background-size: cover;
    background-position: center center;
    background-attachment: local;
    padding: 40px 0;
}
.whats_inner > h2 {
    max-width: 710px;
    width: 90%;
    margin: 0 auto 30px;
}
.whats_disc {
    background-color: #fff;
    padding: 20px 0;
}
.whats_disc h3 {
    width: 90%;
    margin: 0 auto;
    font-size: 1.6rem;
    font-size: 16px;
    font-weight: 400;
}
.whats_disc span {
    color: #ff0000;
    font-weight: 600;
    font-size: 18px;
}
.whats_disc p {
    width: 90%;
    margin: 10px auto 0;
    font-size: 1.3rem;
    font-size: 13px;
}
.whats_tbl thead {
    font-size: 12px;
    font-weight: 600;
}
.whats_tbl tbody {
    font-size: 12px;
}
.attention {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
}
.whats_tbl {
    margin: 40px 0;
}
.whats_flow h2 {
    width: 100%;
    margin: 0 auto;
    font-size: 1.5rem;
    font-size: 15px;
    text-align: center;
}
.whats_flow h2 span {
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;
}
.whats_flow_content {
    background-color: #fff;
    margin: 30px 0 30px;
    padding: 20px 0;
}
.whats_flow_content h3 {
    width: 90%;
    max-width: 830px;
    margin: 0px auto 0;
}
.whats_flow_af_s {
    width: 100%;
    margin: 0 auto;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
.whats_flow_af_l {
    width: 96%;
    max-width: 780px;
    margin: 20px auto 0;
}
.step_container {
    padding: 57px 0px 46px 0px;
}
.step_container h2 {
    font-size: 20px;
    padding: 15px 0px;
}
.step_container_in {
    padding: 34px 28px 0px 28px;
}
.step_container_in .step_box:first-child {
    margin-bottom: 52px;

}
.step_container_in .step_box:first-child ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:first-child ul li:nth-of-type(1) span {
    width: 22px;
    height: 22px;
    padding-top: 2px;
    padding-left: 2px;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}
.step_container_in .step_box:first-child ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
    margin-right: 0px;
    width: 90%;
}
.step_container_in .step_box:first-child ul li:nth-of-type(2) span {
    font-size: 16px;
}
.step_container_in .step_box:first-child:after {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fee180;
    bottom: -40px;
}
.step_container_in .step_box:nth-child(2) {
    margin-bottom: 52px;
}
.step_container_in .step_box:nth-child(2) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(1) span {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    padding-top: 2px;
    padding-left: 1px;
    font-size: 12px;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
    margin-right: 0px;
    width: 90%;
}
.step_container_in .step_box:nth-child(2) ul li:nth-of-type(2) span {
    font-size: 16px;
}
.step_container_in .step_arr span:nth-of-type(1) {
border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fee180;
    position: absolute;
    bottom: -41px;
}
.step_container_in .step_arr span:nth-of-type(1) a {
    font-size: 12px;
    top: -25px;
    width: 80px;
    left: -23px;
}
.step_container_in .step_arr span:nth-of-type(2) {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #ff6b06;
    position: absolute;
    bottom: -41px;
    top: 10px;
    right: 18%;
}
.step_container_in .step_arr span:nth-of-type(2) a {
    font-size: 12px;
    top: -28px;
    /* width: 168px; */
    left: -81px;
    line-height: 23px;
}
.step_box_in_l {
    width: 49%;
}
.step_container_in .step_box:nth-child(3) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
    font-size: 20px;
}
.step_box .step_box_in_l ul li:nth-of-type(1) span {
    width: 24px;
    height: 24px;
    padding-top: 3px;
    padding-left: 1px;
    font-size: 12px;

}
.step_container_in .step_box:nth-child(3) ul li:nth-of-type(2) {
    font-size: 20px;
    padding: 7px 0px;
}
.step_box_in_l:after {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fee180;
    bottom: -41px;
}
.step_box_in_r {
    width: 49%;
    background: #fff;
}
.step_container_in .step_box:nth-child(3) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(3) {
    margin-bottom: 52px;
}
.step_container_in .step_box:nth-child(3) ul li:last-child {
    font-size: 15px;
    width: 79%;
}
.step_container_in .step_box:nth-child(4) {
    margin-bottom: 52px;
}
.step_container_in .step_box:nth-child(4) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(4) ul li:nth-of-type(1) span {
    width: 24px;
    height: 24px;
    padding-left: 1px;
    padding-top: 3px;
    font-size: 12px;
}
.step_container_in .step_box:nth-child(4) ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
}
.step_container_in .step_box:nth-child(4) .step_arr 
span:nth-of-type(2) a {
    font-size: 12px;
    top: -28px;
    line-height: 13px;
}
.step_container_in .step_box:nth-child(5) {
    margin-bottom: 52px;
}
.step_container_in .step_box:nth-child(5) ul li:last-child {
    margin-right: 0px;
    font-size: 15px;
}
.step_container_in .step_box:nth-child(5) .step_box_in_l {
    width: 49%;
    border: 2px solid #3e8000;
    background: #fff;
}
.step_container_in .step_box:nth-child(5) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(5) ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
    width: 79%;
}
.step_container_in .step_box:nth-child(5) .step_box_in_l:after {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fee180;
    bottom: -41px;
}
.step_container_in .step_box ul {
    background: #fff;
    align-items: center;
}
.step_container_in .step_box:nth-child(5) .step_box_in_r {
    font-size: 20px;
}
.step_container_in .step_box:nth-child(5) .step_box_in_r p {
    font-size: 10px;
    padding-left: 12px;
}
.step_container_in .step_box:nth-child(6) {
    margin-bottom: 52px;
}
.step_container_in .step_box:nth-child(6) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(6) ul li:nth-of-type(1) span {
    width: 24px;
    height: 24px;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 1px;
}
.step_container_in .step_box:nth-child(6) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(6) ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
    width: 90%;
    margin-right: 0px;
}
.step_container_in .step_box:nth-child(6):after {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fee180;
    bottom: -41px;
}
.step_container_in .step_box:nth-child(7) ul li {
    padding: 7px 0px 7px 6px;
    margin-right: 12px;
}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(1) span {
    width: 24px;
    height: 24px;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 1px;
}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(2) {
    font-size: 15px;
    padding: 7px 0px;
    margin-right: 0px;
    width: 90%;

}
.step_container_in .step_box:nth-child(7) ul li:nth-of-type(2) span {
    font-size: 15px;
}
.custom_container {
  width: 90%;
    padding: 43px 0px 33px 0px;
}
.custom_container h2 {
    font-size: 20px;
    padding-bottom: 52px;
}
.custom_container_in {
    padding: 16px 17px;
    margin-bottom: 30px;
}
.custom_container .custom_container_in
 .custom_container_in_l {
  max-width: 200px;
  width:100%;
  margin:auto;
} 
.custom_container_in_r {
    width: 100%;
}
.custom_container_in_r h2 {
    font-size: 15px;
    padding: 13px 0px;
}
.custom_container_in_r p {
    font-size: 12px;
    letter-spacing: 0;
}
.custom_container_in_r p:nth-of-type(2) span:nth-of-type(1) {
    font-size: 12px;
    margin-right: 12px;
}
.custom_container_in_r p:nth-of-type(2) span:nth-of-type(2) {
  font-size: 12px;
}
.qt_container {
    width: 100%;
    padding: 33px 0px 69px 0px;
}
.qt_ttl h2 {
    font-size: 33px;
    padding-bottom: 30px;
}
.qt_container_box {
    width: 96%;
    margin: 0 auto;
    padding: 15px 0px 20px 20px;
}
.qt_container_box ul {
    padding-bottom: 7px;
}
.qt_container_in .qt_container_box ul:nth-of-type(1) li:nth-of-type(2) {
    font-size: 12px;
    width: 92%;
    padding: 5px 0px;
}

.qt_container_in .qt_container_box 
ul:nth-of-type(2) li:nth-of-type(2) {
    font-size: 12px;
    width: 92%;
}
.inquir {
    padding: 70px 0px 40px;
}
.inquir_ttl {
    margin-bottom: 58px;
}
.inquir_ttl h2 {
    font-size: 20px;
    line-height: 2;
}
.inquir_in table {
    width: 90%;
}

.inquir_in table tr th{
  min-width: unset;
  display: block;
  font-size: 15px;
  width: 100%;
  padding:5px 0px;
}
.inquir_in table tr th span {
    width: 50px;
    font-size: 15px;
    margin-right: 15px;
}

.inquir_in table tr td {
    padding: 5px 0px;
    width: 100%;
    display: block;
}
.inquir_in table tr:nth-of-type(6) th {
    text-align: left;
    padding-left: 12px;
}
.inquir_in table tr:nth-of-type(6) td {
}
.wpcf7-list-item-label{
  font-size: 15px;
  letter-spacing: 1px;
}
.wpcf7-list-item {
    width: 100%;
    padding: 3px 0;
    font-size: 20px;
}
.inquir_in table tr td p {
    margin-bottom: 12px;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    padding-left: 30px;
    line-height: 15px;
    font-size: 15px;
}
.call_in_l {
    width: 49%;
    height: 88px;
}
.call_in_r {
    width: 49%;
    height: 88px;
}
.call_in_l span {
    height: 87px;
}
.call_in_l span:before {
    height: 56px;
    background-color: #003eba;
    top: 26px;
}
.call_in_l span a {
    font-size: 20px;
    top: -8px;
}
.call_in_l span a:before {
    width: 37px;
    height: 24px;
    margin-right: 7px;
}
.call_in_l p {
    top: -40px;
    font-size: 11px;
}
.call_in_r span:first-child {
    height: 87px;
}
.call_in_r span:first-child:before {
    height: 56px;
    top: 26px;
}
.call_in_r span:nth-child(2) {
    font-size: 20px;
    top: -75px;
    line-height: 2;
    letter-spacing: 0px;
}
.call_in_r span:nth-child(3) {
    font-size: 15px;
    top: -77px;
    letter-spacing: 0px;
}
.quot_btn {
    max-width: 471px;
    width: 90%;
    margin: auto;
    top: 13px;
}
.quot_btn span {
    font-size: 25px;
    padding: 15px 0px;
}
.ft_container {
    padding: 7px 0px 7px 0px;
}
.ft_container p {
    font-size: 12px;
}
.quot_btn input[type="submit"]{
    font-size: 20px;
    letter-spacing: 2px;
    margin: 20px auto 0;
}
.company {
    background-color: #398c2f;
    padding: 30px 0;
}
.company_ttl h2 {
    max-width: 1000px;
    margin: 0 auto;
    width: 90%;
    padding: 20px 0;
    font-size: 1.8rem;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.company_tbl table th {
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    background-color: #fff;
    color: #398c2f;
    font-weight: bold;

}
.company_tbl table td {
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
}
.inquir_in table tr td input[type="text"], .inquir_in table tr td input[type="email"] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 16px;
}

}