@charset "UTF-8";

/* body rule */
html,
body,
div,
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;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka", "MS P Gothic", "ＭＳ Ｐゴシック", "lroSVbN", sans-serif;
  font-style: normal;
  vertical-align: baseline;
  background-color: transparent;
}
a{
    text-decoration: none;
    color: #333;
}

p{
    color: #333;
}

img{
    max-width: 100%;
}


.pc_inner{
    max-width: 1920px;
    margin: auto;
}

.content_inner{
    max-width: 1000px;
    margin: auto;
}
.content_inner .error{
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    margin-top: 5px;
}
h2{
    font-size: 32px;
    font-weight: bold;
    border-bottom:14px solid #13AE67; 
    display: inline-block;
}

.work.sub-ttl{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 35px;
}

.send{
    max-width: 1065px;
    margin: auto;
}
/* sp */
@media screen and (max-width: 768px) {
    .sp_inner{
        max-width: 630px;
        margin: auto;
    }

    .content-padding{
        padding: 0 20px;
    }    

    h2{
        font-size: 34px;
        font-weight: bold;
        border-bottom:10px solid #13AE67; 
        display: inline-block;
        padding: 0 0 10px 0;
    }
    .contact_inner{
        max-width: 700px;
        margin: auto;
    }
}


/* header */
.header{
    max-width: 1240px;
}

.header-sp{
    display: none;
}


.header-layout{
    display: flex;
    justify-content: space-between;
    margin: 40px 0 18px 0;
}

.header-contact{
    display: flex;
    align-items: center;
}

.header-contact-box{
    margin: 0 17px 0 17px;
}

p.header-txt{
    font-size: 26px;
}

p.header-number{
    font-size: 42px;
    font-weight: bold;
    color: #13AE67;
    margin-top: 7px;
}

p.header-btn{
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    background-color: #CC3636;
    padding: 24px 17px;
    border-radius: 10px;
    text-align: center;
    transition-duration: .4s;
}

p.header-btn:hover{
    transform: scale(1.1);
}

/* sp */
@media screen and (max-width: 768px) {
    .header-contact{
        margin-left: 30px;
        text-align: center;
    }
}
@media screen and (max-width: 1020px) {
    .header{
        width: 100%;
    }
    
    .header-sp{
        display: none;
    }

    .header-logo{
        width: 25vw;
    }
    
    .header-layout{
        display: flex;
        justify-content: space-between;
        margin: 40px 0 18px 0;
        width: fit-content;
    }
    
    .header-contact{
        display: flex;
        align-items: center;
        margin-left: 10px;
        text-align: center;
    }
    
    .header-contact-box{
        margin: 0 17px 0 17px;
    }
    
    p.header-txt{
        font-size: 21px;
    }
    
    p.header-number{
        font-size: 27px;
        font-weight: bold;
        color: #13AE67;
        margin-top: 7px;
    }
    
    p.header-btn{
        font-size: 28px;
        font-weight: bold;
        color: #FFF;
        background-color: #CC3636;
        padding: 22px 9px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header{
        display: none;
    }
    .header-sp{
        display: block;
    }
    .header-contact-box{
        margin: 0;
    }
    .header-layout{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 70px 18px 0px;
    }

    p.header-txt{
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0.03em;
        text-align: center;
    }
    
    p.header-number{
        font-size: 26px;
        font-weight: bold;
        color: #13AE67;
        margin-top: 10px;
        letter-spacing: -0.03em;
    }
}

@media screen and (max-width: 550px){
    p.header-txt{
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.03em;
        text-align: center;
    }
    
    p.header-number{
        font-size: 20px;
        font-weight: bold;
        color: #13AE67;
        margin-top: 10px;
        letter-spacing: -0.03em;
    }
}

/* nav */
.menu-bar{
    display: none;
}
#check{
    display: none;
}
@media screen and (min-width: 769px) {
    label #hambergerbtn,
    label #cancel,
    label #hambergertxt{
    display: none; 
    }
}

.nav-list{
    width: 100%;
    height: 80px;
    background-color: #13AE67;
}

.nav-list ul{
    display: flex;
    justify-content: center;
}

.nav-list ul li{
    width: 204px;
    text-align: center;
    border-right: 3px solid #FFF;
}

.nav-list ul li:first-child{
    border-left: 3px solid #FFF;
}

.nav-list ul li a{
    display: block;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    line-height: 80px;
}

.nav-list ul li a:hover{
    background: #5BD19B;
    color: #FFF;
}

.nav-list ul li a i{
    margin: 0 18px 0 0;
}


p.menu{
    font-size: 15px;
    text-align: center;
}

/* sp */
@media screen and (max-width: 768px) {
    .nav-list{
        display: none;
    }
    .menu-bar{
        display: block;
    }
    .burger {
        width: 60px;
        height: 60px;
        position: fixed;
        top: 60px;
        right: 0;
        z-index: 100;
        cursor: pointer;
      }
      .burger i{
        width: 25px;
        height: 2px;
        background-color: black;
        position: absolute;
        top: 10px;
        transition: 0.5s;
      }
      .burger i:nth-child(1) {
        top: 10px;
      }
      .burger i:nth-child(2) {
        top: 20px;
      }
      .burger i:nth-child(3) {
        top: 30px;
      }
      .burger.active i:nth-child(1) {
        top: 10px;
       /*  transform: rotate(45deg); */
      }
      .burger.active i:nth-child(2) {
      /* opacity: 0; */
      }
      .burger.active i:nth-child(3) {
       /*  top: 10px;
        transform: rotate(-45deg); */
      }
      nav{
        background-color: #13AE67;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      text-align: center;
      color: white;
      transform: translate(100%);
      transition: 0.5s;
      }
      nav ul {
        margin-top: 50px;
      }
      nav ul li{
        text-align: center;
        line-height: 400%;
        border-top: 1px solid white;
      }
      nav ul a{
        color: #FFF;
        font-weight: bold;
        font-size: 24px;
      }
      nav ul a i{
        margin-right: 20px;
      }
      ul li:hover a{
        padding-left: 50px;
    }
      
      nav ul li a:hover {
        padding-left: 50px;
      }
      nav.active {
        transform: translate(0);
      }
      .menu-bar .active {
        transform: 0;
      }
 
}


/* main */
/* slider */
.swiper{
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .swiper-sp{
    display: none;
  }

  .swipe-box{
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: #333;
  }



.swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background-color: #333333;
    opacity: 0.5;
}

.swiper-pagination-bullet-active{
    background-color: #13AE67;
    opacity: 1;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 8px;
}

/* fv9 */
.contact-swipe{
    background-color: #FFF;
    background-image: url(../img/fv-bg.png);
    padding: 53px 0 106px 0;
    margin: 0;
}

.contact-container-swipe{
    max-width: 720px;
    margin: auto;
    
}

.contact-logo-box-swipe{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 55px;
}

.contact-tel-box-swipe{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 32px;
}

p.contact-ttl-swipe{
    font-size: 39px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
    /* margin-top: 53px; */
    margin-bottom: 40px;
}

p.contact-logo-txt-swipe{
    font-size: 30px;
    margin-left: 10px;
    line-height: 1.5;
}

p.contact-btn-swipe{
   font-size: 35px;
   font-weight: bold;
   color: #FFF;
   width: fit-content;
   background-color: #CC3636;
   padding: 30px 63px;
   margin: auto;
   border-radius: 90px;
   text-align: center;
   transition-duration: .4s;
}

p.contact-btn-swipe:hover{
    transform: scale(1.1);
}

p.contact-tel-txt-swipe{
    font-size: 36px;
    font-weight: bold;
}

p.contact-big-tel-swipe{
    font-size: 67px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
    /* margin-bottom: 45px; */
}

/* sp */
@media screen and (max-width: 768px) {
    .swiper-sp{
        width: 100%;
        max-width: 100%;
        height: 100%;
      }
      .swiper-sp{
        display: block;
      }

      .swiper{
        display: none;
      }
    
      .swipe-box{
        width: 100%;
        max-width: 100%;
        height: 100%;
        background-color: #333;
      }
    
    
    
    .swiper-pagination-bullet{
        width: 14px;
        height: 14px;
        background-color: #333333;
        opacity: 0.5;
    }
    
    .swiper-pagination-bullet-active{
        background-color: #13AE67;
        opacity: 1;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 8px;
    }
}
.main-ttl{
    display: flex;
    background-color: #13AE67;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 22px 0;
    margin: -2px 0;
}

p.main-txt{
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    margin-left: 18px;
}

.main.sub-ttl{
    text-align: center;
    margin-top: 100px;
}

.sub-img{
    text-align: center;
}

/* sp */
@media screen and (max-width: 768px) {
    .main-ttl{
        display: flex;
        background-color: #13AE67;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 25px 0;
    }
    p.main-txt{
        font-size: 26px;
        font-weight: bold;
        color: #FFF;
        margin-left: 31px;
    }
    .sub-img{
        text-align: center;
        margin-top: 24px;
        padding: 0 3.25%;
    }
}

/* 強み・企業理念 */
.policy-container{
    display: flex;    
    justify-content: space-between;
    margin-top: 65px;
    margin-bottom: 70px;
}

.policy-box{
    width: 480px;
    height: 454px;
    border: 1px solid #707070;
}

p.policy-ttl{
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    background-color: #13AE67;
    padding: 24px 0;
    text-align: center;
}

p.policy-txt{
    line-height: 1.25;
    margin: 10px 0 0 0;
    padding: 0 54px;
}

.policy-img{
    text-align: center;
    margin: 25px 0 0 0;
}

/* sp */
@media screen and (max-width: 768px) {
    .policy-container{
        flex-direction: column;
        margin-bottom: 0;
    }
    .policy-box{
        width: 100%;
        height: 100%;
        border: 0;
    }
    
    p.policy-ttl{
        font-size: 32px;
        font-weight: bold;
        color: #FFF;
        background-color: #13AE67;
        padding: 22px 0;
        text-align: center;
    }
    
    p.policy-txt{
        font-size: 21px;
        line-height: 1.3;
        padding: 0;
        margin-bottom: 107px;
        padding: 0 3.25%;
    }
    
    .policy-img{
        text-align: center;
        margin: 30px 0;
    }
}


/* 施工事例 */
.work-container-green{
    display: flex;
    height: 500px;
    align-items: center;
    background-color: #eef9ed;
    justify-content: center;
}

.work-container{
    display: flex;
    height: 500px;
    align-items: center;
    justify-content: center;
}

.work-case-container{
    margin-left: 80px;

}

.work-case-box{
    padding: 0 0 5px 0;
    border-bottom: 3px solid #333;
}

.work-cost-box{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.work-home-box{
    display: flex;
    align-items: center;
    padding: 29px 0 9px 0;
    border-bottom: 2px solid #333;
}

.work-timer-box{
    display: flex;
    align-items: center;
    padding: 9px 0 9px 0;
    border-bottom: 2px solid #333;
}

.work-button{
    background-color: #eef9ed;
    padding: 20px 0 60px 0;
}

p.work-case-ttl{
    font-size: 30px;
    font-weight: bold;
    color: #13AE67;
}

p.work-case-cost{
    font-size: 37px;
    font-weight: bold;
    color: #CC3636;
}

p.work-case-amount{
    font-size: 64px;
    font-weight: bold;
    color: #CC3636;
    margin-left: 5px;
}

p.work-case-subamount{
    font-size: 30px;
    font-weight: bold;
    text-align: right;
}

p.case-txt{
    font-size: 22px;
    font-weight: bold;
    margin-left: 25px;
}

p.work-btn{
    width: fit-content;
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    background-color: #CC3636;
    padding: 35px 120px;
    border-radius: 50px;
    text-align: center;
    transition-duration: .4s;
}

p.work-btn:hover{
    transform: scale(1.1);
}

/* sp */
@media screen and (max-width: 1200px) {

    p.work-case-ttl{
        font-size: 24px;
        font-weight: bold;
        color: #13AE67;
    }
    
    p.work-case-cost{
        font-size: 24px;
        font-weight: bold;
        color: #CC3636;
    }
    
    p.work-case-amount{
        font-size: 30px;
        font-weight: bold;
        color: #CC3636;
        margin-left: 20px;
    }
    
    p.work-case-subamount{
        font-size: 24px;
        font-weight: bold;
        text-align: right;
        margin: 12px 0 0 0;
    }
    
    p.case-txt{
        font-size: 24px;
        font-weight: bold;
        margin-left: 50px;
    }
}
@media screen and (max-width: 1080px) {
    .work-container-green{
        flex-direction: column;
        height: 1016px;
        align-items: none;
        background-color: #eef9ed;
        padding: 0 3.25%;
    }
    
    .work-container{
        flex-direction: column;
        height: 1016px;
        align-items: center;
        padding: 0 3.25%;
    }
    
    .work-case-container{
        margin:104px 0 0 0;
    }
    
    .work-case-box{
        padding: 0 0 5px 0;
        border-bottom: 3px solid #333;
    }
    
    .work-cost-box{
        display: flex;
        align-items: center;
        margin-top: 30px;
    }
    
    .work-home-box{
        display: flex;
        align-items: center;
        padding: 50px 0 9px 0;
        border-bottom: 2px solid #333;
    }
    
    .work-timer-box{
        display: flex;
        align-items: center;
        padding: 40px 0 10px 0;
        border-bottom: 2px solid #333;
    }
    
    .work-button{
        width: 100%;
        background-color: #eef9ed;
        padding: 20px 0 60px 0;
    }
    
    p.work-case-ttl{
        font-size: 36px;
        font-weight: bold;
        color: #13AE67;
    }
    
    p.work-case-cost{
        font-size: 28px;
        font-weight: bold;
        color: #CC3636;
    }
    
    p.work-case-amount{
        font-size: 49px;
        font-weight: bold;
        color: #CC3636;
        margin-left: 20px;
    }
    
    p.work-case-subamount{
        font-size: 24px;
        font-weight: bold;
        text-align: right;
        margin: 12px 0 0 0;
    }
    
    p.case-txt{
        font-size: 26px;
        font-weight: bold;
        margin-left: 50px;
    }
    
    p.work-btn{
        margin: auto;
        font-size: 24px;
        font-weight: bold;
        color: #FFF;
        background-color: #CC3636;
        padding: 28px 70px;
        border-radius: 90px;
        text-align: center;
    }
}


/* 料金テーブル */
.price.main-ttl{
    margin-bottom: 90px;
}
.price-table{
    margin: auto;
}

.clean1{
    text-align: center;
}

.clean2,.clean3,.clean4{
    text-align: center;
    margin-top: 40px;
}


p.ct{
    font-size: 16px;
    margin-top: 10px;
}

p.price-ttl{
    width: 460px;
    padding: 20px 0;
    border-radius: 30px;
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
    display: inline-block; 
    background-color: #506AC1;
    margin-bottom: 28px;
}

table{
    table-layout: fixed;
    width: 100%;
}

table th,table td{
    border: solid 3px #707070;
}

table th{
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color:#FFF;
    background:#13AE67;
}

table td{    
    padding: 25px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.sp{
    display: none;
}
/* sp */
@media screen and (max-width: 768px) {
    .price.main-ttl{
        margin-bottom: 90px;
    }
    .price-table{
        margin: auto;
        padding: 0 3.25%;
    }
    
    .clean1{
        text-align: center;
    }
    
    .clean2,.clean3,.clean4{
        text-align: center;
        margin-top: 40px;
    }
    
    
    p.ct{
        font-size: 18px;
        font-weight: bold;
        margin-top: 20px;
    }
    
    p.price-ttl{
        width: 370px;
        padding: 11px 0;
        border-radius: 30px;
        font-weight: bold;
        font-size: 28px;
        color: #FFF;
        display: inline-block; 
        background-color: #506AC1;
        margin-bottom: 30px;
    }
    
    table{
        table-layout: fixed;
        width: 100%;
    }
    
    table th,table td{
        border: solid 3px #707070;
    }
    
    table th{
        height: 100px;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        color:#FFF;
        background:#13AE67;
        vertical-align: middle;
    }
    
    table td{    
        height: 100px;
        padding: 0;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        vertical-align: middle;
    }
    .sp{
        display: block;
    }
}

/* まずはお気軽にご相談ください */
.contact{
    background-color: #eef9ed;
    padding: 95px 0;
    margin: 100px 0 0 0;
}

.contact-container{
    max-width: 720px;
    margin: auto;
}

.contact-logo-box{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 50px 0;
}

.contact-tel-box{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 68px 0 33px 0;
}

p.contact-ttl{
    font-size: 41px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
}

p.contact-logo-txt{
    font-size: 30px;
    margin-left: 10px;
    line-height: 1.5;
}

p.contact-btn{
   font-size: 48px;
   font-weight: bold;
   color: #FFF;
   background-color: #CC3636;
   padding: 53px 0;
   border-radius: 90px;
   text-align: center;
   transition-duration: .4s;
}

p.contact-btn:hover{
    transform: scale(1.1);
}

p.contact-tel-txt{
    font-size: 38px;
    font-weight: bold;
    margin-left: -40px;
}

p.contact-big-tel{
    font-size: 70px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
}
/* sp */
@media screen and (max-width: 768px) {
    .contact{
        background-color: #eef9ed;
        padding: 95px 20px;
        margin: 100px 0 0 0;
    }
    
    .contact-container{
        max-width: 720px;
        margin: auto;
    }
    
    .contact-logo-box{
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        margin: 50px 0;
    }
    
    .contact-tel-box{
        align-items: center;
        justify-content: center;
        margin: 40px 0 33px 0;
    }
    
    p.contact-ttl{
        font-size: 21px;
        font-weight: bold;
        color: #13AE67;
        text-align: center;
    }
    
    p.contact-logo-txt{
        font-size: 24px;
        line-height: 1.5;
        margin-top: 20px;
        margin-left: 0;
    }
    
    p.contact-btn{
        width: fit-content;
        margin: auto;
       font-size: 24px;
       font-weight: bold;
       color: #FFF;
       background-color: #CC3636;
       padding: 36px 55px;
       border-radius: 90px;
       text-align: center;
    }
    
    p.contact-tel-txt{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-left: 24px;
    }
    
    p.contact-big-tel{
        font-size: 36px;
        font-weight: bold;
        color: #13AE67;
        text-align: center;
    }
}



/* ハウスクリーニング事例 */
.house-cleaning-work.sub-ttl{
    text-align: center;
    margin: 60px 0 85px 0;
}

.house-cleaning-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}


.house-cleaning-content{
    max-width: 1200px;
    margin: auto;
}

.house-cleaning-card{
    margin-bottom: 55px;
}

.house-cleaning-txt{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

p.house-cleaning-ttl{
    font-size: 25px;
    font-weight: bold;
    color: #13AE67;  
}

p.house-cleaning-cost{
    font-size: 24px;
    font-weight: bold;
    color: #CC3636;
}

p.house-cleaning-amount{
    font-size: 41px;
    font-weight: bold;
    color: #CC3636;
    margin-left: 7px;
}

p.house-cleaning-subamount{
    font-size: 20px;
    font-weight: bold;
    margin-top: 7px;
}

p.house-cleaning-right{
    color: #707070;
    text-align: right;
    margin-top: 12px;
}
/* sp */
 @media screen and (max-width: 1100px){
    .house-cleaning-wrap{ 
        justify-content: center;
        padding: 0 3.25%;
    }

    .house-cleaning-card{
        margin-bottom: 33px;
    }
    
}


/* ご対応エリアについて */
.area-container{
    width: 610px;
    margin: auto;
    padding: 120px 0;
}
.kanagawa-sp{
    display: none;
}

p.area-txt{
    margin-top: 87px;
}

@media screen and (max-width: 768px) {
    .kanagawa{
        display: none;
    }
    .kanagawa-sp{
        display: block;
        width: 100vw;
    }
    p.area-txt{
        font-size: 24px;
        margin-top: 56px;
        text-align: center;
        line-height: 1.5;
    }
}
/* お問い合わせはこちら */
.contact-bottom-outer{
    padding: 80px 20px 90px 20px;
    background-color: #eef9ed;
}

.contact-bottom dt{
    font-weight: bold;
    margin-bottom: 10px;
}

.contact-bottom dd{
    margin-bottom: 25px;
}

.contact-bottom dd input,
.contact-bottom dd textarea{
    font-size: 20px;
    width: 100%;
    height: 50px;
    border: 0;
}

.contact-bottom dd textarea{
    height: 200px;
}

.contact-bottom-btn{
    text-align: center;
}

.contact-bottom-btn input{
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    width: fit-content;
    background-color: #CC3636;
    border-radius: 50px;
    padding: 25px 150px;
    margin: 10px 0 0 0;
    border: 0;
    transition-duration: .4s;
}

.contact-bottom-btn input:hover{
    transform: scale(1.1);
}

.contact_form_wrap{
    padding: 70px 0 80px;
    box-sizing: border-box;
    background: #eef9ed;
}
.contact-main-title{
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka", "MS P Gothic", "ＭＳ Ｐゴシック", "lroSVbN", sans-serif;
}
.contact_form_wrap table{
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto 30px;
}
.contact_form_wrap table tr{
    display: block;
    margin-bottom: 24px;
}
.contact_form_wrap table tr th{
    padding:0;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
    background: none;
    border: none;
    display: block;
    text-align: left;
}
.contact_form_wrap table tr td{
    padding: 17px 15px 17px 10px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    border: none;
    display: block;
    text-align: left;
}
.contact-btnlist .btn_form_confirmation{
    width: fit-content;
    margin: 0 auto 20px;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    background-color: #CC3636;
    padding: 25px 120px;
    border-radius: 50px;
    text-align: center;
    transition-duration: .4s;
    cursor: pointer;
    border: none;
}
.contact-btnlist div{
    display: flex;
}
.contact-btnlist button{
    margin: 0 auto;
    display: block;
}
.contact-btnlist input{
    margin: 0 auto;
    display: block;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
}
.contact-btnlist .btn_form_confirmation:hover{
    transform: scale(1.1);
}
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
}
button {
  appearance: none;
  -webkit-appearance: none;
}
@media only screen and (max-width: 768px) {
    .contact_form_wrap table{
        width: 90%;
        display: block;
        max-width: inherit;
        margin: 0 auto 30px;
    }
    .contact_form_wrap table tbody{
        width: 100%;
        display: block;
    }
    .contact_form_wrap table tr{
        width: 100%;
        display: block;
    }
    .contact_form_wrap table th{
        width: 100%;
        height: auto;
        display: block;
    }
    .contact_form_wrap table td{
        width: 100%;
        height: auto;
        display: block;
    }
}

/* sp */
@media screen and (max-width: 768px){
    .contact-bottom-outer{
        padding: 100px 3.25% 160px 3.25%;
        background-color: #eef9ed;
    }
    
    .contact-bottom dt{
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 25px;
        padding-left: 30px;
    }
    
    .contact-bottom dd{
        margin-bottom: 49px;
    }
    
    .contact-bottom dd input,
    .contact-bottom dd textarea{
        font-size: 24px;
        height: 60px;
        border: 0;
    }
    
    .contact-bottom dd textarea{
        height: 200px;
    }
    
    .contact-bottom-btn{
        text-align: center;
    }
    
    .contact-bottom-btn input{
        font-size: 20px;
        font-weight: bold;
        color: #FFF;
        width: fit-content;
        background-color: #CC3636;
        border-radius: 90px;
        padding: 22px 80px;
        margin: 70px 0 0 0;
        border: 0;
    }
}

/* 会社概要 */
.company-bottom-container{
    margin-top: 52px;
    width: 530px;
    margin: 0 auto;
}

.guide-container{
    margin: 52px 0 80px 0;
}

.company-bottom-logo{
    margin-top: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-bottom-container-sp{
    display: none;
}

.company-bottom-ttl{
    font-size: 22px;
    font-weight: bold;
    margin-left: 25px;
}

dl.company-guide{
    font-size: 22px;
    font-weight: bold;
    display: flex;
    line-height: 2.5;
}

.company-guide dt{
    width: 116px;
    letter-spacing: 0.05em;
}

.company-guide dd{
    letter-spacing: -0.03em;
    width: 356px;
    margin-left: 58px;
}
/* sp */
@media screen and (max-width:768px){
    .company-bottom-container{
        display: none;
    }

    .company-bottom-container-sp{
        margin: auto;
        display: block;
    }

    .company-bottom-ttl{
        font-size: 24px;
        margin: 50px 0 0 0;
    }

    .company-bottom-logo{
        flex-direction: column;
        padding: 0 3.25%;
    }
    .guide-container{
        margin: 78px 0 166px 0;
        padding: 0 3.25%;
    }
    dl.company-guide{
        font-size: 14px;
        font-weight: bold;
        display: flex;
        line-height: 1.8;
    }
    .company-guide dt{
        width: 161px;
        letter-spacing: 0.05em;
    }
    
    .company-guide dd{
        letter-spacing: -0.03em;
        width: 468px;
        margin-left: 22px;
    }
    
    
}


/* バナー */
.bottom-banner{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-top: 34px solid #117C4B;
    border-bottom: 34px solid #117C4B;
    border-left: 43px solid #117C4B;
    border-right: 43px solid #117C4B;
    margin-bottom: 110px;
}

.bottom-banner-sp{
    display: none;
}

.tel-inqury-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-txt{
    margin-left: 27px;
}

p.banner-ttl{
    font-size: 36px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
}

p.banner-subttl{
    font-size: 87px;
    color: #CC3636;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 33px 0 28px 0; 
}

p.banner-explain{
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.16em;
    text-align: center;
    padding: 0 0 19px 0;
}

p.banner-tel{
    font-size: 57px;
    font-weight: bold;
    color: #13AE67;
    text-align: center;
}
/* sp */
@media screen and (max-width:1000px) {
    .bottom-banner{
        display: none;
    }
    .bottom-banner-sp{
        width: 690px;
        margin: auto;
        display: block;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        border-top: 24px solid #117C4B;
        border-bottom: 24px solid #117C4B;
        border-left: 30px solid #117C4B;
        border-right: 30px solid #117C4B;
    }
    .tel-inqury-bottom{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-txt{
        margin-left: 19px;
    }

    p.banner-ttl{
        font-size: 25px;
        margin-top: 19px;
    }

    p.banner-subttl{
        font-size: 60px;
        padding: 23px 0 19px 0; 
    }

    p.banner-explain{
        font-size: 25px;
        padding: 0 0 13px 0;
    }

    p.banner-tel{
        font-size: 40px;
    }
}

/* footer */
/* nav */
.list-footer-sp{
    display: none;
}

.footer-nav-list{
    width: 100%;
    height: 80px;
    background-color: #EEE;
}

.footer-nav-list ul li a:hover{
    background: #5BD19B;
    color: #FFF;
}


.footer-nav-list ul{
    display: flex;
    justify-content: center;
}

.footer-nav-list ul li{
    width: 204px;
    text-align: center;
    border-right: 3px solid #DBDBDB;
}

.footer-nav-list ul li:first-child{
    border-left: 3px solid #DBDBDB;
}

.footer-nav-list ul li a{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 80px;
}

.footer-nav-list ul li a:hover{
    background: #c6c6c6;
    color: #FFF;
}

.footer-nav-list ul li a i{
    margin: 0 18px 0 0;
}



a.list-footer-txt{
    font-size: 16px;
    margin-left: 5px;
    font-weight: bold;
}


p.list-footer-img{
    color: #DBDBDB;
}

p.footer-cr{
    font-size: 28px;
    color: #FFF;
    background-color: #13AE67;
    text-align: center;
    padding: 26px 0;
}
/* sp */
@media screen and (max-width: 768px) {
    .footer-nav-list{
        display: none;
    }
    .list-footer{
        display: none;
    }
    .list-footer-sp{
        display: block;
        background-color: #13AE67;
        padding: 0 25px;
    }
    .footer-line{
        display: none;
    }
    p.list-footer-txt{
        font-size: 24px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        border-bottom: 2px solid #FFF;
        padding: 25px 0;
    }
    p.privacy{
        font-size: 23px;
        font-weight: bold;
        color: #FFF;
        margin: 70px 0 0 0;
        text-align: center;
    }
    p.footer-cr-sp{
        font-size: 20px;
        font-weight: normal;
        color: #FFF;
        margin: 130px 0 0 0;
        padding: 0 0 70px 0;
        text-align: center;
    }

}

/* 送信完了ページ */
.send-main-sp{
    display: none;
}

p.send-ttl{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0;
}

p.send-txt{
    font-size: 30px;
    line-height: 1.6;
}

p.send-btn{
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    width: fit-content;
    background-color: #CC3636;
    border-radius: 50px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 200px;
    padding: 35px 165px;
}










/* sp */
@media screen and (max-width: 768px) {
    .send-main{
        display: none;
    }

    .send-main-sp{
        display: block;
    }
    
    p.send-ttl{
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        margin: 50px 0;
    }
    
    p.send-txt-sp1,
    p.send-txt-sp2,
    p.send-txt-sp3,
    p.send-txt-sp4{
        font-size: 15px;
        line-height: 1.6;
        margin-top: 0;
        margin-bottom: 25px;
    }
    
    p.send-btn{
        margin: auto;
        font-size: 20px;
        font-weight: bold;
        color: #FFF;
        width: fit-content;
        background-color: #CC3636;
        border-radius: 50px;
        text-align: center;
        margin-top: 75px;
        padding: 22px 80px;
    }
}