@charset "UTF-8";
/* CSS Document */

html {
  overflow-x: hidden;
  font-size: 16px;
}

.m10{margin:1rem;}
.m20{margin:2rem;}
.m30{margin:3rem;}
.m50{margin:5rem;}

.p10{padding:1rem;}
.p20{padding:2rem;}
.p30{padding:3rem;}
.p50{padding:5rem;}
	
.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb50{margin-bottom:5rem;}
.mb66{margin-bottom:6.66rem;}
.mb70{margin-bottom:7rem;}
.mb100{margin-bottom:10rem;}

.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt50{margin-top:5rem;}
.mt80{margin-top:8rem;}
.mt100{margin-top:10rem;}

.mt202{margin-top:20px;}

.mtb10{margin-top:1rem;margin-bottom:1rem;}
.mtb20{margin-top:2rem;margin-bottom:2rem;}
.mtb30{margin-top:3rem;margin-bottom:3rem;}
.mtb50{margin-top:5rem;margin-bottom:5rem;}
.mtb70{margin-top:7rem;margin-bottom:7rem;}
.mtb100{margin-top:10rem;margin-bottom:10rem;}
.mtb200{margin-top:20rem;margin-bottom:20rem;}

.mrl10{margin-right:1rem;margin-left:1rem;}
.mrl20{margin-right:2rem;margin-left:2rem;}
.mrl30{margin-right:3rem;margin-left:3rem;}
.mrl50{margin-right:5rem;margin-left:5rem;}

.mr10{margin-right:1rem;}
.mr20{margin-right:2rem;}

.ml10{margin-left:1rem;}
.ml20{margin-left:2rem;}

.pb10{padding-bottom:1rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb40{padding-bottom:4rem;}
.pb50{padding-bottom:5rem;}
.pb60{padding-bottom:6rem;}
.pb100{padding-bottom:10rem;}

.ptb10{padding-top:1rem;padding-bottom:1rem;}
.ptb20{padding-top:2rem;padding-bottom:2rem;}
.ptb30{padding-top:3rem;padding-bottom:3rem;}
.ptb50{padding-top:5rem;padding-bottom:5rem;}
.ptb70{padding-top:7rem;padding-bottom:7rem;}
.ptb100{padding-top:10rem;padding-bottom:10rem;}

.prl10{padding-right:1rem;padding-left:1rem;}
.prl20{padding-right:2rem;padding-left:2rem;}
.prl30{padding-right:3rem;padding-left:3rem;}
.prl50{padding-right:5rem;padding-left:5rem;}

.pl10{padding-left:1rem;}
.pl20{padding-left:2rem;}

.pr10{padding-right:1rem;}
.pr20{padding-right:2rem;}
.pr30{padding-right:3rem;}
.pr40{padding-right:4rem;}

.pt10{padding-top:1rem;}
.pt20{padding-top:2rem;}
.pt30{padding-top:3rem;}
.pt50{padding-top:5rem;}
.pt100{padding-top:10rem;}
.pb100{padding-bottom:10rem;}
.gap0{padding-left:0px;padding-right:0px;}

.wf-hannari { font-family: "Hannari"; }


body {
  background: #fff;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-weight: 300;
  font-size: 1rem;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.8;
  color: #1F1F1F;
  overflow: hidden;}
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none; 
  color:#0E8D5F;
}

a:focus, a:hover, a:active {
  outline: 0;
  color: #8BBC92;
  text-decoration: none;
}

::selection {
  color: #E4F7F0;
  background: #1C6148;
  text-shadow: none;
}

::-webkit-selection {
  color: #E4F7F0;
  background: #1C6148;
  text-shadow: none;
}

::-moz-selection {
  color: #1C6148;
  background: #E4F7F0;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}
strong{font-weight:bold;}
b{font-weight:800;}
p{line-height: 2}

.header-tel{
  max-width:281px;
  border-bottom:2px solid #8BBC92;
  margin:0 0 0 auto;
  padding:0.5rem 0;
}

.text-green{
  color:#1C6148
}
.nav-bg{
  background-color: #1C6148;
}
.navbar{
  
}
li.nav-item{
  font-size:0.9rem;
  margin-right:2rem;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255);
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255);
    border-color: rgba(255,255,255,.1);
    border-radius: 50px;
}

.hero{
  padding:4rem 1rem;
  background:url(img/home_hero.jpg) ;
  background-position: center;
  background-size: cover;
  text-align: center;
  color:#fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8)
}
.hero h1{
  letter-spacing: 10px;
  font-weight:800;
  font-size:4rem;
}
.hero p{
  letter-spacing: 3px;
  font-weight:800;
  font-size:1.375rem;  
}
.midashi-01{
  font-size:2.25rem;
  letter-spacing: 1px;
  line-height: 1.7;
  font-weight:800;
  color:#779261;
  margin:2rem 0;
}
.bold{
  font-weight:800;
  color:#333;
}
.home_sec02{
  background-image: url(img/home_sec02bg.jpg);
  background-size:cover;
  background-position: center;
  position:relative;
  height:100%;
  color:#fff;
}
.home_sec02::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
}
.home_sec02 h2{
  font-size:2rem;
  text-align: center;
  font-weight:600;
  letter-spacing: 3px;
}
.home_sec02-inner p{
  line-height: 2.2;
}
.home_cta{
  background-image: url(img/home_cta.jpg);
  background-size:cover;
  background-position: center;
  position:relative;
  height:100%;
  text-align: center;
}
.home_cta::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255,255,255,0.5);
}
.home_cta h2{
  text-decoration: line-through;
  font-weight:600;
  font-size:1.3rem;
  letter-spacing:1px;
  color:#333;
}
.home_cta p{
  margin:0;
}
.rebate-text{
  color:#FF815C;
  letter-spacing:3px;
  font-size:1rem;
  font-weight:600;
  margin-bottom:0;
  margin-top:1rem;
}
.rebate-price{
  color:#FF815C;
  letter-spacing:3px;
  font-size:2.81rem;
  font-weight:600;
}
.btn-cta{
  background-color: #FF815C;
  color:#fff;
  letter-spacing:3px;
  padding:1rem 2rem;
  font-weight:600;
  font-size:1.625rem;
  border-radius: 10px;
}
.btn-cta span{
  font-weight:300;
  font-size:1rem;
  letter-spacing:0;
}
.btn-cta:hover{
  color:#fff;
  background-color:#F0582B; 
}

footer{
  border-top:1.875rem solid #8BBC92;
  border-bottom:1.875rem solid #8BBC92;
  padding:2rem 0;
  color:#1C6148;
}
footer address{
  padding:1rem;
}
.footer-logo{
  margin-bottom:1rem;
  max-width:340px;
}
.footer-tel{
  border-bottom:2px solid #8BBC92;
  padding-bottom:0.5rem;
  margin-bottom:0.5rem;
}
.footer-info{
  padding:1rem;
}


@media (max-width: 414px) {
  html{
    font-size:14px;
  }
  .header-logo{
    width:139px;
  }
  .header-tel{
    max-width:140px;
  }
  .nav-link {
    padding:1rem;
}
  .hero p {
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 1.2rem;
}
  .midashi-01{
  font-size:2rem;
  letter-spacing: 1px;
  line-height: 1.4;
  margin:2rem 0;
}
}

header{
  text-align: center;
  padding:3rem 1rem
}
header h1{
  color:#8BBC92;
  letter-spacing:0.2rem;
  font-size:1.75rem;
  font-weight:600;
}
header p{
  font-family: 'Allura', cursive;
  font-size:1.75rem;
  color:#8BBC92;
  margin-bottom:0;
  line-height: 1;
}
.mt--2{
margin-top:-2.2rem;  
}
.midashi-02{
  border:10px solid #BCC9B1;
  background-color: #fff;
  color:#779261;
  font-size:2.25rem;
  font-weight:600;
  text-align: center;
  display: inline-block;
  padding:1rem 2rem;
}
.name{
  border-bottom:1px solid #111;
  max-width:320px;
  padding-bottom:.5rem;
  margin-bottom:1rem;
}
.name h3{
  font-weight:600;
  letter-spacing:2px;
  font-size:1.25rem;
}
.name p{
  font-family: 'Allura', cursive;
  font-size:1.25rem;
  margin-bottom:0;
  line-height: 1;
  margin-left:1.5rem;
}
.price-table{
  margin-left:2rem;
  padding:2rem 1rem;
}
.price-table table.table th{
  border:0;
}
.hp-waribiki{
  border:3px dashed #FF815C;
  padding:1rem 1.8rem;
  color:#FF815C;
  font-weight:bold;
}
.hp-waribiki h3{
  background-color: #FF815C;
  color:#fff;
  font-size:18px;
  display:inline-block;
  padding:0.5rem;
  margin-bottom:0;
}
.hp-waribiki p{
  font-size:18px;
  margin-bottom:0;
}
.about_innai{
   text-align: center;
}
.bl-center{
  display:table;
  width:100%;
  height:100%;
}
.bl-center p{
  display:table-cell;
  vertical-align: middle;
}
.midashi-03{
  background-color: #8BBC92;
  color:#fff;
  font-weight:600;
  font-size:1.5rem;
  padding:1rem;
  margin:1.5rem 0;
}
.midashi-04{
  border-bottom:1px solid #779261;
  padding:0.7rem 1rem;
  font-weight:600;
  font-size:1.25rem;
  color:#779261;
  margin-bottom:2rem;
  margin-top:2rem;
}
.midashi-05{
  display:inline-block;
  background-color: #9BA89D;
  text-align: center;
  color:#fff;
  font-weight:600;
  font-size:1rem;
  letter-spacing:3px;
  padding:.2rem 1.8rem;
}

/*contact*/
.contact_tel{
  font-size:2.2rem;
  letter-spacing:0.2em;
  font-weight:800;
  margin-bottom:2rem;
  color:#111;
}
.contact_line h3{
  color:#1C6148;
  letter-spacing:0.2em;
  font-size:1.375rem;
  font-weight:600;
  border-top:2px solid #1c6148;border-bottom:2px solid #1c6148;
  padding:2rem;
}
.line-id{
  font-size:1.2rem;
  font-weight:600;
  padding:3rem 0;
}
.contact_info{
  font-weight:600;
}


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 22rem;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}