@charset "UTF-8";

.fv-Wrap.haisya::before{
    background: url("../kankyo-cloud-haisya/images/fv-bk01.png") no-repeat center / cover;
}
.fv-Wrap.haisya::after{
    background: url("../kankyo-cloud-haisya/images/fv-bk01.png") no-repeat center / cover;
}
.fv-Wrap.haisya .fukidasi{
    background-color: #38A2FF;
    font-size: 18px;
    padding: 7px 30px 5px 15px;
    color: #fff;
}
.fv-Wrap.haisya .fukidasi::before{
   background: url(../kankyo-cloud-haisya/images/fukidasi-arrow.png) no-repeat center / cover;
}

#footer.haisya{
  background-color: #3AACF0;
}
.fv-Wrap.haisya .itemList{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.fv-Wrap.haisya .itemList li{
    background-color: #38A2FF;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
}
.fv-Wrap.haisya .itemList li::before{
    position: absolute;
    background: url(../kankyo-cloud-haisya/images/mv_service_icon01.svg) no-repeat center / cover;
    width: 20px;
    height: 20px;
    margin-left: -70px;
    display: block;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
}
.fv-Wrap.haisya .itemList li:nth-child(2)::before{
    background: url(../kankyo-cloud-haisya/images/mv_service_icon02.svg) no-repeat center / cover;
    margin-left: -52px;
}
.fv-Wrap.haisya .itemList li:nth-child(3)::before{
    background: url(../kankyo-cloud-haisya/images/mv_service_icon03.svg) no-repeat center / cover;
    margin-left: -42px;
}
.fv-Wrap.haisya .itemList li:nth-child(4)::before{
    background: url(../kankyo-cloud-haisya/images/mv_service_icon04.svg) no-repeat center / cover;
    margin-left: -42px;
}
.fv-Wrap.haisya .itemList li:nth-child(-n + 4) {
      width: auto;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow{
    border-color: #FFEB3B;
    background:#FFEB3B url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px / 9px 17px;
    color: #2B8CE2;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow_w {
    border-color: #FFEB3B;
    background:#fff url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px / 9px 17px;
    color: #2B8CE2;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow span.text{
      border-color: #FFEB3B;
      background:#fff;
      color: #2B8CE2;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow span.text::after {
    border-top: 5px solid #FFEB3B;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow_w span.text {
      border-color: #FFEB3B;
      background:#FFEB3B;
      color: #2B8CE2;
}
.fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow_w span.text::after {
    border-top: 5px solid #FFEB3B;
}
.fv-Wrap.haisya .icon-proposal::before{
   background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover;
}
.fv-Wrap.haisya .icon-tel_o::before{
    background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
}
  @media screen and (min-width: 1025px) {
    .fv-Wrap.haisya .fukidasi{
        font-size: 33px;
    }
    .fv-Wrap.haisya .itemList li{
         padding-left: 50px;
    }
    .fv-Wrap.haisya .itemList li::before{
        width: 30px;
        height: 26px;
        margin-left: -90px;
    }
    .fv-Wrap.haisya .itemList li:nth-child(2)::before{
        margin-left: -75px;
    }
    .fv-Wrap.haisya .itemList li:nth-child(3)::before{
        margin-left: -60px;
    }
    .fv-Wrap.haisya .itemList li:nth-child(4)::before{
        margin-left: -60px;
    }
    .fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow:hover {
        border-color: #FFEB3B;
        background:#fff url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px / 9px 17px;
        color: #2B8CE2;
    }
    .fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow:hover span.text {
        border-color: #FFEB3B;
        background:#FFEB3B;
        color: #2B8CE2;
    }
    .fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn:hover._yellow_w span.text::after{
        border-top: 5px solid #fff;
    }
    .fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow_w:hover {
        border-color: #FFEB3B;
        background:#FFEB3B url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px / 9px 17px;
        color: #2B8CE2;
    }
    .fv-Wrap.haisya .fv-wrap-inr .btn-wrap .kankyo-cloud_btn._yellow_w:hover span.text {
        border-color: #FFEB3B;
        background:#fff;
        color: #2B8CE2;
    }
    .fv-Wrap.haisya .icon-proposal::before:hover {
        background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover
    }
    .fv-Wrap.haisya .icon-tel_o::before{
        background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
    }
    .kankyo-cloud_btn:hover._yellow_w span.text::after{
        border-top: 5px solid #fff;
    }
     .kankyo-cloud_btn:hover._yellow {
        border-color: #FFEB3B;
        background: #fff url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px/9px 17px;
        color: #2B8CE2;
    }
    .kankyo-cloud_btn:hover._yellow span.text {
        border-color: #FFEB3B;
        background: #FFEB3B;
        color: #2B8CE2;
    }
    .kankyo-cloud_btn:hover._yellow_w {
        border-color: #fff;
        background: #FFEB3B url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px/9px 17px;
        color: #2B8CE2;
    }
    .kankyo-cloud_btn:hover._yellow_w span.text {
        border-color: #FFEB3B;
        background: #fff;
        color: #2B8CE2;
    }
    .kankyo-cloud_btn:hover._yellow span.text::after {
        border-top: 5px solid #FFEB3B;
    }
    #caseArea.haisya .kankyo-cloud_btn:hover._blue {
        color: #3AACF0;
        background: #fff url("../kankyo-cloud-haisya/images/arrow_lb.svg") no-repeat center right 20px/9px 17px;
    }
    #section-01.haisya .kankyo-cloudLP-h2 span.big{
        font-size: 50px;
    }
}

#section-01.haisya{
    background-color: #38A2FF;
}
#section-01.haisya .kankyo-cloudLP-h2 .under-line{
    background: linear-gradient(transparent 80%, #FBDF0F 20%);
}
#section-01.haisya .kankyo-cloudLP-h2 span.big{
    font-size: 46px;
}
.section-01_item01.haisya .textWrap .text p, .section-01_item01 .textWrap .text h3{
    font-size: 18px;
}
.section-01_item01.haisya .textWrap .text{
    padding: 22px 15px;
}
.blue{
    color: #39A2FF;
}
.section-01_item02.haisya .item02-box-02 .title .under-line{
    background: linear-gradient(transparent 80%, #FBDF0F 20%);
}

#aboutArea.haisya{
  background-color: #F0FAFF;
}
#aboutArea.haisya .kankyo-cloudLP-h2 .blue{
    color: #39A2FF;
}
#aboutArea.haisya .about-ListWrap .about-Box .title{
    color: #39A2FF;
    font-size: 22px;
}
#aboutArea.haisya .scroll-warp .scroll-warpBox.lightblue .top-txt .inr{
    background-color: #39A2FF;
}
#aboutArea.haisya .scroll-warp .scroll-warpBox .top-txt .inr._02{
    padding-top: 90px;
}
#aboutArea.haisya .scroll-warp .scroll-warpBox.lightblue .top-txt::before{
    background: url(../kankyo-cloud-haisya/images/arrow_bottom_lb.svg) no-repeat center / cover;
}
#aboutArea.haisya .scroll-warp .scroll-warpBox.lightblue .bt-txt{
    background-color: #39A2FF;
}
#aboutArea.haisya .scroll-warp .scroll-warpBox .top-txt .inr .listWrap .icon-checkList li{
    color: #333333;
}

.kankyo-cloud_btn._yellow {
  border-color: #fff;
  background: #FFEB3B url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px/9px 17px;
  color: #2B8CE2;
}
.kankyo-cloud_btn._yellow span.text {
  border-color: #FFEB3B;
  background: #fff;
  color: #2B8CE2;
}
.kankyo-cloud_btn._yellow span.text::after {
  border-top: 5px solid #fff;
}
.kankyo-cloud_btn._yellow_w {
  border-color: #FFEB3B;
  background: #fff url("../kankyo-cloud-haisya/images/arrow_b.svg") no-repeat center right 20px/9px 17px;
  color: #2B8CE2;
}
.kankyo-cloud_btn._yellow_w span.text {
  border-color: #FFEB3B;
  background: #FFEB3B;
  color: #2B8CE2;
}
.kankyo-cloud_btn._yellow_w span.text::after {
  border-top: 5px solid #FFEB3B;
}

.cta-type1Area.haisya .icon-proposal::before{
   background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover;
}
.cta-type1Area.haisya .icon-tel_o::before{
    background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
}

#funcArea.haisya{
    background-color: #38A2FF;
}
#funcArea.haisya .func-itemArea .func-itemWrap .title .nom{
    color: rgba(255, 255, 255, 0.3);
}

#priceArea.haisya .price-itemWrap .price-title .title{
    background-color: #38A2FF;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box1 .inr{
    border: 2px solid #1578F0;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box1 .inr .label{
    background-color: #1578F0;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box1 .inr .price-nome{
    color: #1578F0;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box2 .inr{
    border: 2px solid #38A2FF;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box2 .inr .label{
    background-color: #38A2FF;
}
#priceArea.haisya .blue{
    color: #2B8CE2;
    background-color: #FFEB3C;
    padding: 0 3px;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box2 .inr .price-nome{
    color: #38A2FF;
    font-weight: 700;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox:first-child::before{
    background: url(../kankyo-cloud-haisya/images/icon_plus.svg) no-repeat center / cover;
}
#priceArea.haisya .price-itemWrap .price-item-inr .price-item-inrBox.box2 .inr:first-child::before{
    background: url(../kankyo-cloud-haisya/images/icon_or.svg) no-repeat center / cover;
}

#caseArea.haisya .case-ListWrap .case-Box .catWrap li a{
    background-color: #3AACF0;
}
#caseArea.haisya .case-ListWrap .case-Box .name{
    color: #3AACF0;
}
#caseArea.haisya .case-ListWrap .case-Box .infoWrap li .label{
    color: #3AACF0;
}
#caseArea.haisya .kankyo-cloud_btn._blue{
    border-color: #3AACF0;
    color: #fff;
    background: #3AACF0 url(../kankyo-cloudLP/images/arrow_w.svg) no-repeat center right 20px / 9px 17px;
}

#flowArea.haisya .kankyo-cloudLP-h2 .blue{
    color: #3AACF0;
}
#flowArea.haisya .flow-CardWrap .flow-Card .inr .flow-Card-title{
    background-color: #3AACF0;
}
#flowArea.haisya .flow-CardWrap .flow-Card .inr .menu-container .menu .menu-item{
    background: linear-gradient(98deg, #14ACF0, #1478F0);
}
#flowArea.haisya .flow-CardWrap .flow-Card .inr .menu-container .menu .menu-item._color2{
    background: linear-gradient(90deg, #7BCCFF, #0452FF);
}
#flowArea.haisya .flow-CardWrap .flow-Card .inr .menu-container .menu .txt{
    font-weight: 500;
}

#supportArea.haisya .kankyo-cloudLP-h2 .blue{
    color: #3AACF0;
}
#supportArea.haisya .label-iconCardWrap .label-iconCard .label{
    background-color: #3AACF0;
}
#supportArea.haisya .label-iconCardWrap .label-iconCard .label-icon-title{
    color: #3AACF0;
}
#supportArea.haisya .label-iconCardWrap .label-iconCard .label.orange{
    background-color: #FFEB3B;
    color: #2B8CE2;
}
#supportArea.haisya .label-iconCardWrap .label-iconCard p{
    font-weight: 500;
    text-align: justify;
}

#faqArea.haisya .kankyo-cloudLP-h2 .blue{
    color: #3AACF0;
}
#faqArea.haisya .accordion-container .accordion-list{
    background-color: #3AACF0;
}
#faqArea.haisya .accordion-container .accordion-list .accordion-title{
    background-color: #3AACF0;
}
#faqArea.haisya .accordion-container .accordion-list .accordion-text .a_text::before{
    color: #FBDF0F;
}

.half-bc_blue.haisya{
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #3AACF0 50%, #3AACF0 100%);
}

#fixedBtnSpArea.haisya #fixedBtnSp ul{
    border: 3px solid #FFEB3B;
}
#fixedBtnSpArea.haisya #fixedBtnSp ul li a._orange{
    background: #FFEB3B;
    color: #2B8CE2;
}
#fixedBtnSpArea.haisya #fixedBtnSp ul li a._orange::before{
     background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover;
} 
#fixedBtnSpArea.haisya #fixedBtnSp ul li a._orange_w{
     color: #2B8CE2;
}
#fixedBtnSpArea.haisya #fixedBtnSp ul li a._orange_w::before{
     background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
}

#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange{
    border-color: #FFEB3B;
    background: #FFEB3B url(../kankyo-cloud-haisya/images/arrow_b.svg) no-repeat center right 20px / 9px 17px;
   color: #2B8CE2;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange::before{
    background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange_w::before{
     background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange span.text{
    border-color: #FFEB3B;
    background: #fff;
    color: #2B8CE2;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner  .kankyo-cloud_btn._orange_w{
    border-color: #FFEB3B;
    background: #fff url(../kankyo-cloud-haisya/images/arrow_b.svg) no-repeat center right 20px / 9px 17px;
     color: #2B8CE2;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange_w span.text{
    border-color: #FFEB3B;
    background: #FFEB3B;
    color: #2B8CE2;
}
#drawerNaviWrap.haisya .drawer-nav .drawerInner .kankyo-cloud_btn._orange_w span.text::after{
    border-top: 5px solid #FFEB3B;
}

#pc_fixedbtn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: #1578F0;
    z-index: 10;
    bottom: -90px;
}
#pc_fixedbtn.fixed{
     bottom:0;
}
#pc_fixedbtn .inr{
    display: grid;
    grid-template-columns: 260px 1fr 1fr;
    align-items: center;
    gap: 0 30px;
}
#pc_fixedbtn .inr .col:first-child{
    display: flex;
    align-items: center;
}
#pc_fixedbtn .inr .col:first-child p{
   font-size: 28px;
   font-weight: 700;
   margin: 0;
   line-height: 1.2;
   color: #fff;
}
#pc_fixedbtn .inr .col:first-child p span.small{
   font-size: 22px;
}
#pc_fixedbtn .inr .col .kankyo-cloud_btn{
    max-width: 100%;
}
.free{
    width: 42px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #2B8CE2;
}
#pc_fixedbtn .inr .col .kankyo-cloud_btn._yellow:hover .free{
    background-color: #FFEB3B;
}
#pc_fixedbtn .inr .col .kankyo-cloud_btn._yellow::before{
     background: url("../kankyo-cloud-haisya/images/materials_icon.svg") no-repeat center / cover;
} 
#pc_fixedbtn .inr .col .kankyo-cloud_btn._yellow_w::before{
     background: url("../kankyo-cloud-haisya/images/icon-tel.svg") no-repeat center / cover;
}
@media screen and (max-width: 1000px) {
    #pc_fixedbtn .inr .col .kankyo-cloud_btn{
        font-size: 14px;
    }
    #pc_fixedbtn .inr .col .kankyo-cloud_btn .free{
        font-size: 14px;
    }
    #pc_fixedbtn .inr .col:first-child p{
        font-size: 22px;
    }
    #pc_fixedbtn .inr{
        display: grid;
        grid-template-columns: 220px 1fr 1fr;
        align-items: center;
        gap: 0 5px;
    }
}
@media screen and (max-width: 850px) {
    #pc_fixedbtn .inr .col .kankyo-cloud_btn .free{
        display: none;
    }
}
@media screen and (max-width: 767px) {
     #pc_fixedbtn{
        display: none;
     }
}

.kankyo-cloud-haisya .swiper-container .swiper-button-next{
    background: url(../kankyo-cloud-haisya/images/swiper-button-next.svg) no-repeat center / cover;
}
.kankyo-cloud-haisya .swiper-container .swiper-button-prev {
    background: url(../kankyo-cloud-haisya/images/swiper-button-prev.svg) no-repeat center / cover;
}

#aboutArea.haisya .icon-checkList li:before{
    background: url(../kankyo-cloud-haisya/images/check_icon.svg) no-repeat center / cover;
}
.half-bc_lightblue.haisya._top{
    background: linear-gradient(180deg, #F0FAFF 0%, #F0FAFF 50%, #fff 50%, #fff 100%);
}
.half-bc_lightblue.haisya{
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #F0FAFF 50%, #F0FAFF 100%);
}
#caseArea.haisya  .case-Box .logo img{
    height: auto;
    margin: 0 auto;
    text-align: center;
    display: block;
}
#caseArea.haisya .case-ListWrap .case-Box .title{
    margin: 0 0 10px;
}
#flowArea.haisya .iconList li:before{
    background: #3AACF0;
}
#caseArea.haisya{
    margin-top: 0;
    background-color: #F0FAFF;
}
#priceArea.haisya{
    padding-bottom: 120px;
}
#supportArea.haisya{
    background-color: #F0FAFF;
}
#faqArea.haisya .accordion-container .accordion-list .accordion-title, .accordion-container .accordion-list .a_text{
    margin-bottom: 0;
    text-align: justify;
}
@media screen and (max-width: 767px) {
    .cl-sliderArea.haisya{
        margin: 30px 0;
    }
    .cl-sliderArea.haisya .swiper-cl .swiper-slide{
        width: 200px;
    }
    .cl-sliderArea.haisya .swiper-cl .swiper-slide img{
        width: 200px;
    }
}

.section-01_item02.haisya .item02-box .textBox .inr p{
    text-align: justify;
}
.section-01_item02.haisya .item02-box-02-cardWrap .card p{
    text-align: justify;
}
#funcArea.haisya .func-itemArea .func-itemWrap p{
    text-align: justify;
}