@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* 共通
---------------------------------------------- */
@media print, screen and (max-width: 767px){
.sp_inner_pd{padding: 0 20px;}
}

/* プロモーション
---------------------------------------------- */
.swiper-container {width: 100%;height: 700px;overflow: hidden;}
.swiper-slide {position: relative;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {width: 100vw; /* 画像の幅をビューポートの幅に設定 */height: 700px;object-fit: cover; /* 画像がはみ出すようにカバー */}
.caption {position: absolute;left: 30px;bottom: 75px;color: #FFFFFF;font-size: 60px;font-weight: 700; text-shadow: #555 1px 0 5px;letter-spacing: 0.1em;line-height: 1.6;}
.caption span{font-size: 26px;display: block;margin-top: 50px;}
@media print, screen and (max-width: 1200px){
.caption {bottom:50px;font-size: 35px;}
.caption span{font-size: 16px;margin-top: 25px;}
}

@media print, screen and (max-width: 767px){
.swiper-container {width: 100%;height: 450px;}
.swiper-slide img {height: 450px;}
.caption {left: 20px;bottom:50px;font-size: 27px;}
.caption span{font-size: 13px;margin-top: 25px;}
}

/* 共通
---------------------------------------------- */
/* TTL */
h2.ttl_bdr_stl01 {color:#2B3229;font-size: 20px;font-weight: 700;line-height: 1.0;margin-bottom:32px;}
h2.ttl_bdr_stl01 span{color: #A4C635; position: relative;display: block;font-size: 60px;font-family: "Barlow", sans-serif;letter-spacing: 0.1em;font-weight: 600;margin-bottom:77px;}
h2.ttl_bdr_stl01 span:after {position: absolute;content: " ";display: block;border-bottom: solid 4px #A4C635;bottom: -38px;width: 50px;}
@media print, screen and (max-width: 767px){
h2.ttl_bdr_stl01 {font-size: 18px;margin-bottom:24px;}
h2.ttl_bdr_stl01 span{font-size: 45px;margin-bottom:58px;}
h2.ttl_bdr_stl01 span:after {border-bottom: solid 3px #A4C635;bottom: -30px;width: 40px;}
}

/* ボタン */
p.btn_more_stl01{font-size: 15px!important;font-weight: 600!important;font-family: "Barlow", sans-serif;line-height: 1.0;display: inline-block;letter-spacing: 0.1em;padding: 13px 0;}
p.btn_more_stl01 span{background: #408C28;border-radius: 50%;margin-left: 10px;position: relative;padding: 11px 20px;}
p.btn_more_stl01 span img{position: absolute;left: 12px;top: 16px;width: 16px;height: 7px;}
p.btn_more_stl01 a{color: #408C28;}
p.btn_more_stl01 a:hover{color: #A4C635;}
p.btn_more_stl01 a:hover span{margin-left: 15px;background: #A4C635;transition: 0.3s;}

@media print, screen and (max-width: 767px){
p.btn_more_stl01{font-size: 13px!important;}
p.btn_more_stl01 span{padding: 12px 20px;}
p.btn_more_stl01 span img{top: 17px;}
}

/* トップページコンテンツ01
---------------------------------------------- */
section#content01{padding: 140px 0;text-align: center;}
div#content01_wrap{width: 1250px;margin: 0 auto;}
section#content01 h2{color: #A4C635;font-size: 120px;font-family: "Barlow", sans-serif;font-weight: 600;letter-spacing: 0.1em;line-height: 1.0;margin:-23px 0 32px;}
section#content01 h3{font-size: 36px;font-weight: 600;margin-bottom: 40px;}
section#content01 p{font-size: 18px;font-weight: 600;margin-bottom: 24px;font-weight: 700;}
section#content01 p:nth-last-child(2){margin-bottom: 55px;}
section#content01 p.btn_more_stl01{margin-bottom: 0;}

@media print, screen and (max-width: 1200px){
section#content01{padding: 140px 20px;}
div#content01_wrap{width: 100%;margin: 0;}
}

@media print, screen and (max-width: 767px){
section#content01{padding:50px  20px 75px;}
section#content01 h2{font-size: 70px;margin:-14px 0 4px;}
section#content01 h3{font-size: 22px;margin-bottom: 25px;}
section#content01 p{font-size: 15px;margin-bottom: 24px;}
section#content01 p:nth-last-child(2){margin-bottom:35px;}
}

/* トップページコンテンツ02
---------------------------------------------- */
section#content02{background:#FFF url(/img/content02_bg.png) no-repeat top 140px center;background-size:1920px 500px;min-height: 780px;padding: 140px 0;overflow: hidden;}
div#content02_wrap{width: 90%;margin: 0 auto;}
p#content02_img_sp{display: none;}
div#content02_box{width: 36.6%;float: right;color: #222222;font-weight: 600;margin-top: 28px;}
div#content02_box p{margin-bottom: 30px;}
div#content02_box p:nth-last-child(2){margin-bottom: 34px;}
div#content02_box p.btn_more_stl01{margin:0;}
    
@media print, screen and (max-width: 1200px){
div#content02_wrap{width:96%;}
}

@media print, screen and (max-width: 767px){
section#content02{background: #FFF;min-height: auto; padding: 70px 0;overflow: visible;}
div#content02_wrap{width: 100%;margin: 0 auto;}

section#content02 p#content02_img_sp{display: block;margin-bottom: 41px;}
div#content02_box{width: 100%;float: none;margin:0;padding: 0 20px;}
div#content02_box p{margin-bottom: 30px;}
}

/* トップページコンテンツ03
---------------------------------------------- */
section#content03{padding: 140px 0;background: #FFFFFF;}
div#content03_wrap{overflow: hidden;width: 1200px;margin: 0 auto;}
div#content03_wrap h2{float: left;margin-top: 28px;}
div#content03_wrap div#content03_img{float: right;width: 700px;}
div#content03_wrap div#content03_img:hover{opacity: 0.7;}

@media print, screen and (max-width: 1200px){
section#content03{padding: 140px 20px;}
div#content03_wrap{width: 100%;}
div#content03_wrap div#content03_img{width: 55%;}
}

@media print, screen and (max-width: 767px){
section#content03{padding: 70px 20px;}
div#content03_wrap{overflow: visible;width: 100%;margin: 0;}
div#content03_wrap h2{float: none;margin: -9px 0 30px 0;}
div#content03_wrap div#content03_img{float: none;width: 100%;}
div#content03_wrap div#content03_img h3{font-size: 20px;height: 36%;padding: 13px 0;}
div#content03_wrap div#content03_img h3 span{font-size: 15px;margin-top: 12px;}
div#content03_wrap div#content03_img:hover{opacity: 0.5;}
}

/* トップページコンテンツNEWS
---------------------------------------------- */
section#content_news{padding: 140px 0;}
div#content_news_wrap{width: 1200px;margin: 0 auto;}
div#content_news_wrap h2{margin: -29px 0 37px 0;font-size: 50px;color:#A4C635;text-align: center;font-weight: 600;}
div#content_news_wrap table#news_table{border-top: 1px solid #C3C9C0;}
div#content_news_wrap table#news_table th,div#content_news_wrap table#news_table td{border-bottom: 1px solid #C3C9C0;padding: 30px 0 25px;}
div#content_news_wrap table#news_table th{width: 200px;padding-left: 20px;color: #858C83;}
div#content_news_wrap table#news_table td h3{font-size: 18px;font-weight: 700;color: #408C28;margin: -8px 0 15px 0;}

@media print, screen and (max-width: 1200px){
section#content_news{padding: 140px 20px;}
div#content_news_wrap{width: 100%;}
}

@media print, screen and (max-width: 767px){
section#content_news{padding: 70px 20px;}
div#content_news_wrap{width: 100%;margin: 0;}
div#content_news_wrap h2{margin: -23px 0 21px 0;font-size: 40px;}
div#content_news_wrap table#news_table{border-top: 1px solid #C3C9C0;}
div#content_news_wrap table#news_table th{border-bottom:none;padding:20px 0 0 0;width: 100%;}
div#content_news_wrap table#news_table td{padding:20px 0 15px;}
div#content_news_wrap table#news_table td h3{font-size: 16px;margin: -7px 0 8px 0;}
}

.btn {
  padding: 10px 20px;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.btn.disabled {
  background: #ccc;
  cursor: not-allowed;
}

.btn.service {
  background: #007bff;
}

.btn.estimate {
  background: #28a745;
}

.btn.other {
  background: #ff9800;
}