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

  

@media screen and (max-width:1200px){
/**********************************
header
**********************************/
  header nav{
      display: none;
  }
  header {
      position: fixed;
      z-index: 99;
      top: 0;
      left: 0;
      height: 100px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: rgba(255,255,255,0.9);
      color: #fff;
      text-align: center;
      border-top: solid 15px #000;
      border-right: solid 15px #000;
  } 

  .openbtn1 {
      display: block;
  }
  #g-nav .g-nav li:last-of-type a {
    color: #fff;
    padding: 10px 0;
    background: #BE0000;
    width: 127px;
    height: 34px;
    font-size: 1.4rem;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    border-radius: 11px;
    display: inline-block;
    margin-top: 20px;
  }
}



/**********************************************************/
/* SP */
/**********************************************************/
@media screen and (max-width:767px){
  
/**********************************
header
**********************************/
header {
    border-top: solid 10px #000;
    border-right: solid 10px #000;
    height: 60px;
} 
header h1 {
    width: 122px;
    margin-left: 4%;
}
#g-nav summary {
    margin-bottom: 0;
}
#g-nav .g-nav li a {
    padding: 15px 0;
}
#g-nav .g-nav details ul li a {
    font-size: 1.4rem;
}
#g-nav .g-nav details li:last-of-type a {
    font-size: 1.4rem;
}
.openbtn1 {
    top: 10px;
}  

/**********************************
全体
**********************************/
body {
    min-width: 100%;
}
.pc{
  display: none;
}
.sp{
  display: block;
}
.inner {
  max-width: 100%;
  margin: 0 auto;
}
.inner2 {
    max-width: 100%;
    margin: 0 auto;
}

.sec-sbttl {
    font-size: 2.6rem;
    margin-bottom: 30px;
}  
.sec-ttl::after {
    width: 290px;
    top: 40px;
}
.sec_btn {
    width: 187px;
    height: 46px;
}
.side-ttl {
    font-size: 1.3rem;
    padding: 10px;
}  
.top-sbttl {
    font-size: 2.6rem;
    margin-top: 30px;
}
.top-ttl::after {
    width: 260px;
    top: 30px;
    left: 0;
}  
.inner-ttl {
    font-size: 2.6rem;
    font-weight: 600;
}
.inner-ttl::after {
    width: 254px;
    top: 40px;
}  
  
  
  
  
/**********************************
固定のボタン（TEL、MAIL、LINE）
**********************************/
  
.tel {
    font-size: 1.3rem;
    height: 49px;
    width: 50%;
    padding: 0 0 2% 5px;
    letter-spacing: 0;
    justify-content: center;
}
.tel img {
    width: 15px;
}
.tel span {
    font-size: 2.2rem;
}  
.tel-bg {
    bottom: -46px;
    width: 70%;
    height: 95px;
}  
.tel-bg .arrow{
    display: none;
}
.tel-bg .sowa_logo {
    margin: auto;
    width: 210px;
}
.mail{
    background: #BE0000;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 900;
    line-height: 1;
    text-align: center;
    height: 49px;
    width: 50%;
    padding-top: 3px;
}
  .mail span{
    font-size: 1.2rem;
}

  
  
/**********************************
　ファーストビュー
**********************************/
.fv::after {
    width: 10px;
}
a.line-right {
    top: 178px;
    height: 165px;
    padding: 0 12px 0 12px;
    width: 38px;
    text-align: center;
}
.chibakun-wrap{
  position: absolute;
  top:80px;
  right: 12px;
  width: 66px;
  height: 84px;
}

  
/**********************************
  駆除対象
**********************************/
.service-sec.inner2 {
    margin: 126px 4% 130px 4%;
    text-align: center;
}
.service-sec ul li {
    width: 50%;
    margin-top: 74px;
}
.service-sec ul li h5 {
    font-size: 1.8rem;
}  
.service-sec ul li p {
    font-size: 1.4rem;
}  
.service-sec ul:first-of-type li:nth-of-type(4) {
    width: 50%;
    margin-top: 54px;
} 
.service-sec ul:first-of-type li:nth-of-type(4) h4::after {
    top: 44px;
}
.beast, .pest {
    background-size: 100%;
}
.beast {
    background-image: url(../images/service/beast-bg_sp.jpg);
}
.pest {
    background-image: url(../images/service/pest-bg_sp.jpg);
}
.service-sec dl {
    margin-top: 85px;
}
.service-sec dt {
    font-size: 1.4rem;
    letter-spacing: 0.07em;
}  
.service-sec dd {
    width: 271px;
    margin: 7px auto;
}  
.service-sec .sec_btn {
    padding: 16px 0;
}
  
  
  
/**********************************
  工事実績
**********************************/
.achievement-sec .inner2 {
    display: block;
    margin: 0 auto;
}  
.achievement-sec .inner2 .txt-wrap{
    padding: 0 2%;
}
.achievement-sec .ttl-bg {
    background-size: 86% 135px;
    padding: 10px 0 26px;
    margin-bottom: 20px;
}
.achievement-sec .pic-wrap,
.achievement-sec .txt-wrap {
    width: 100%;
}
.achievement-sec .ttl-box {
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.8);
    margin: 0;
}
.achievement-sec h2 {
    margin: 10px 6% 26px auto;
    color: #fff;
    border: solid 1px #fff;
}
.achievement-sec .sec-ttl {
    margin-bottom: 60px;
}
.achievement-sec .txt-wrap ul {
    margin-left: 0;
}
.achievement-sec li {
    font-size: 1.4rem;
}
.achievement-sec .sec-bg {
    margin-left: 0;
    margin-top: 490px;
    padding: 3px 0 0 3px;
}
.achievement-sec .sec-bg .txt-wrap .inner {
    display: block;
}  
.achievement-sec .pic-wrap img:first-of-type {
    position: absolute;
    top: 27px;
    left: auto;
    right: 10px;
    width: 222px;
}
.achievement-sec .pic-wrap img:nth-of-type(2) {
    position: absolute;
    top: 197px;
    left: 0;
    width: 155px;
}
.achievement-sec .pic-wrap img:last-of-type {
    position: absolute;
    top: 311px;
    right: 10px;
    width: 181px;
}
.achievement-sec .sec-bg .txt-wrap {
    padding-bottom: 60px;
    padding-left: 2%;
    width: 100%;
}  
.achievement-sec .sec-bg .txt-wrap .inner dl {
    width: 100%;
    padding-right: 4%;
}
.achievement-sec .sec-bg .txt-wrap dt {
    font-size: 2.2rem;
    padding: 13px 0;
    width: 187px;
    text-align: center;
}  
.achievement-sec .sec-bg .txt-wrap .inner div:last-of-type {
    margin-left: 0;
}  
.achievement-sec .sec-bg .txt-wrap .inner {
    margin: 55px auto 0 auto;
    justify-content: center;
}
.achievement-sec .sec-bg .txt-wrap .inner div:last-of-type {
    margin: 30px auto 0 0;
}  
/**********************************
  よくあるご質問
**********************************/
.question-sec.inner {
    margin: 110px auto 100px;
    padding: 0 2%;
}  
.question-sec h4 {
    margin-bottom: 47px;
}  
.question-sec div {
    padding-right: 10px;
}
.question-sec summary {
    margin-bottom: 5px;
    padding: 0;
}
.question-sec details summary::before {
    margin-right: 0px;
    right: 1.5%;
}
.question-sec h5 {
    margin: 10px 2%;
}  
.question-sec details p {
    line-height: 2;
    margin: 10px 2% 10px 0;
}  
.question-sec div {
    padding-right: 10px;
}
.question-sec details .flex span {
    margin: 14px 2%;
}
  
/**********************************
  お問い合わせ
**********************************/
.contact-sec div {
    padding: 24px 0 36px;
}
.contact-sec .side-ttl {
    margin: 0 4% auto auto;
}
.contact-sec ul {
    display: block;
    width: 78%;
    padding: 32px 0 50px 0%;
    margin: -112px auto 0 4%;
}
.contact-sec li:first-of-type {
    width: 100%;
    padding-left: 3%;
}  
.contact-sec li:first-of-type::after {
    position: absolute;
    content: "";
    width: 207px;
    height: 3px;
    background: #EBEBEB;
    top: 370px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
.contact-sec li:last-of-type dt {
    font-size: 1.4rem;
    margin-left: 0;
}  
.contact-sec li:last-of-type {
    margin-top: 70px;
    padding-left: 3%;
    width: 100%;
}  
.contact-sec li:last-of-type dd {
    font-size: 2.6rem;
    background-color: none;
}
.contact-sec li:last-of-type dd a[href*="tel:"] {
	pointer-events: none;
  background-color: none;
}
.contact-sec li:last-of-type dd span {
    font-size: 2.2rem;
} 
.contact-sec li:last-of-type a.c_btn {
    font-size: 1.4rem;
    width: 187px;
    height: 46px;
    padding: 16px 0;
    margin: 28px auto 0;
}  
.contact-sec li p {
    line-height: 2;
    letter-spacing: 0;
}  
.contact-sec li{
    padding-left: 3%;
}  
.contact-sec .sec-ttl {
    margin-bottom: 63px;
}
.contact-sec .sec-ttl:last-of-type {
    font-size: 1.8rem;
}
.contact-sec li:last-of-type {
    margin-top: 130px;
    width: 100%;
    text-align: center;
}  
  
.footer ul.flex {
    display: none;
}  
.footer nav.flex {
    margin: 14px auto 23px 2%;
}  
.footer img {
    width: 136px;
    margin-bottom: 20px;
}
.copyright {
    font-size: 1.1rem;
    margin-bottom: 50px;
}  
  
  
  
  
/**********************************
ボタン
**********************************/
  
  
  
  
}