@charset "UTF-8";
@import url(form.css);

/* CSS Document */

/* サービス一TOP */
.service_index_wrap {
    gap:0;
}

.service_index_wrap .col {
    position:relative;
}

.service_index_wrap .col:before {
    content:"";
    width:100%;
    height:auto;
    aspect-ratio:200/57;
    position:absolute;
    left:0;
    top:0;
    opacity:0.63;
}
.service_index_wrap .col .txt_box {
    position:relative;
    justify-content: flex-start;
    align-items: center;
    padding:50px 50px 40px;
}
.service_index_wrap .col .txt_box .icon {
    width:min(50%,280px);
}
.service_index_wrap .col .txt_box h3 {
    color:var(--facility_green);
}
.service_index_wrap .col .txt_box h3 .en{
    font-size:30px;
    font-size:1.5625vw;
    line-height: 1.2;
}
.service_index_wrap .col .txt_box h3 .ja {
    font-size:36px;
    font-size:1.875vw;
    font-weight:700;
    line-height: 1.2;
    margin-top:10px;
}
.service_index_wrap .col .txt_box h4{
    font-size:30px;
    font-size:1.5625vw;
    font-weight:700;
    line-height: 1.45;
    text-align: center;
}
.service_index_wrap .col .txt_box .btn_more {
    display: flex;
    width:min(87.5%,580px);
    height:100px;
    color:white;
    text-decoration: none;
    gap:20px;
    align-items: center;
    justify-content: center;
    font-weight:500;
    margin-top:30px;
    border:none;
}
.service_index_wrap .col .txt_box .btn_more span {
    font-size:28px;
    font-size:1.4583vw;
}
.service_index_wrap .col .txt_box .btn_more:after {
    content:"";
    width:48px;
    height:11px;
    background: url(../img/arrow.svg) center no-repeat;
    background-size: 100% auto;
    right:25px;
}
.service_index_wrap .col .txt_box .btn_more:hover:after {
   right:20px; 
}
#service01 {
    background-color: #ACCBC9;
}
#service01:before {
    background: url("../img/img_index_service01.jpg") no-repeat;
    background-size: cover;
}
#service01 .txt_box h3 {
    color:var(--facility_green);
}
#service02 {
    background-color: #CFE1BE;
}
#service02:before {
    background: url("../img/img_index_service02.jpg") no-repeat;
    background-size: cover;
}
#service02 .txt_box h3 {
    color:var(--smartiot_green);
}

#service03 {
    background-color: #E7BFCD;
}
#service03:before {
    background: url("../img/img_index_service03.jpg") no-repeat;
    background-size: cover;
}
#service03 .txt_box h3 {
    color:var(--ds_red);
}

#service04 {
    background-color:#CFE6F1;
}
#service04:before {
    background: url("../img/img_index_service04.jpg") no-repeat;
    background-size: cover;
}
#service04 .txt_box h3 {
    color:var(--li_blue);
}
#service05 {
    background-color:#D2B2C9;
}
#service05:before {
    background: url("../img/img_index_service05.jpg") no-repeat;
    background-size: cover;
}
#service05 .txt_box h3 {
    color:var(--video_purple);
}

#service06 {
    background-color:#F1D7B0;
}
#service06:before {
    background: url("../img/img_index_service06.jpg") no-repeat;
    background-size: cover;
}
#service06 .txt_box h3 {
    color:var(--erp_orange);
}

#service07 {
    background-color:#B6D9D8
}
#service07:before {
    background: url("../img/img_index_service07.jpg") no-repeat;
    background-size: cover;
}
#service07 .txt_box h3 {
    color:var(--si_greene);
}

#service08 {
    background-color:#B3C5B7
}
#service08:before {
    background: url("../img/img_index_service08.jpg") no-repeat;
    background-size: cover;
}
#service08 .txt_box h3 {
    color:var(--bs_green);
}

@media (max-width: 1280px) {


.service_index_wrap .col .txt_box .btn_more {
    height: 80px;
    margin-top: 20px;
}    
 
}

@media (max-width: 768px) {
    .service_index_wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .service_index_wrap .col .txt_box{
        padding:50px 25px 40px;
    }
    .service_index_wrap .col .txt_box .mt30 {
        margin-top:15px;
    }
    .service_index_wrap .col .txt_box h3 .en,.service_index_wrap .col .txt_box h4 {
        font-size: 1.125em;
    }
    .service_index_wrap .col .txt_box h3 .ja {
    font-size: 1.3em;
    }
    .service_index_wrap .col .txt_box .btn_more {
        height: 60px;
        font-size:1.0em;
        width:100%;
    }
    .service_index_wrap .col .txt_box .btn_more span{
        font-size:1.0em;
    }
    .service_index_wrap .col .txt_box .btn_more:after {
        width: 24px;
        height: 6px;
        right: 15px;
    }
    .service_index_wrap .col .txt_box .btn_more:hover:after {
       right:10px; 
    }
    
}
    
@media (max-width: 600px) {
    #service_works .service_index_wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    
}



/* 各サービス詳細のKV */
main {
    position:relative;
}

.service_mv {
    position:relative;
}
.service_contact_mv {
    height:400px;
    overflow: hidden;
}
.service_works_mv {
    height:400px;
    overflow: hidden;
}
.service_mv figure {
    position:relative;
}
.service_mv figure img {
    display: block;
}
.service_mv > figure:after {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0.5;
}
.service_mv .mv_contents {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service_mv .service_title{
    justify-content: center;
    align-items: center;
    gap:40px;
    width:100%;
}
.service_mv .service_title .service_icon{
    width:min(14.5%,280px);
}
.service_mv .service_title h1 span, .service_mv .mv_contents p {
    display: block;
    color:white;
}
.service_mv .service_title h1 {
    font-size:2.7777em;
}
.service_mv .service_title h1 .en {
    font-weight:700;
    line-height: 1.5;
}
.service_mv .service_title h1 .ja{
    font-size:48%;
    line-height: 1.5;
}
.service_mv .mv_contents p {
    font-size:1.33333333em;
    font-weight:500;
    margin-top:30px;
    line-height: 1.5;
}
.service_mv .mv_contents .btn_more {
    background-color: white;
    margin-top:30px;
    border:none;
    text-align: center;
}
.service_mv .mv_contents .btn_more span {
    line-height: 1.4;
    text-align: center;
}
.service_mv .mv_contents .btn_more:after {
    display: none;
}
.service_mv .mv_contents .btn_more .arrow {
    stroke:var(--facility_green);
    position: absolute;
    right: 30px;
    top: calc(50% - 5px);
    transition:.3s var(--ease);
}
.service_mv .mv_contents .btn_more:hover .arrow {
  right:20px;
}
.service_works_mv .mv_contents .btn_more {
    border:white 1px solid;
    color:white !important;
    background-color: transparent;
}

.service_mv + .breadcrumb {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.page_content {
    padding-top:60px;
}
.service_lead {
    font-size:1.666666em;
    font-weight:500;
    margin-bottom:60px;
}
.service_edit_content + #cases {
    margin-top:100px;
}
.service_edit_content h2, #cases h2{
    background-color: var(--facility_green);
    color:white;
    padding:10px 0 15px;
    text-align: center;
    font-weight:500;
    line-height: 1.2;
    margin-bottom:60px;
    font-size:1.6666666em;
}
.service_edit_content h3 {
    font-size:1.666em;
    text-align: center;
    font-weight:700;
    margin-bottom:1.5em;
}
.service_edit_content h4 {
    border-left: 4px solid var(--facility_green);
    font-size:1.666em;
    padding-left:20px;
    margin-bottom:1em;
}
.service_edit_content p + * {
    margin-top:1em;
}

.service_edit_content *:not(h2) + h3{
    margin-top:3em;
}


.facility_icon_index figure img {
    display: block;
    border:1px solid var(--facility_green);
}
.facility_icon_index figure figcaption {
    color:var(--facility_green);
    text-align: center;
    margin-top:10px;
    line-height: 1.4;
}
.service_item .item_txt {display: flex; flex-direction: column; justify-content: center;}
.service_item + .service_item, .service_item02_wrap + .service_item02_wrap   {
    margin-top:50px;
}
.service_item .item_img img {
    display: block;
    border:1px solid var(--facility_green);
}
.service_item .item_txt h4 {
    border-left:none;
    font-weight:700;
    padding-left:0;
    line-height: 1.5;
    margin-bottom:10px;
}

.service_item02_wrap h4 {
    border-left:none;
    font-weight:700;
    padding:10px 30px;
    line-height: 1.5;
    margin-bottom:1em;
    background-color: #D3F0FD;
}
.service_item02 .item_txt {
    padding-inline:30px;
}

#facility-energy_mv .mv_contents .btn_more .arrow {stroke:var(--facility_green);}
#facility-energy_mv .mv_contents .btn_more, #facility-energy .service_lead{color:var(--facility_green);}
#facility-energy_mv figure:after {
    background-color: var(--facility_green);
}
@media (min-width: 769px) {
    #facility-energy .service_item .item_img figcaption {
        display: none;
    }
}
@media (max-width: 1024px) {
    .service_mv > figure {
        position: relative;
        aspect-ratio: 2 / 1;
    }
        .service_mv figure img {
        width:100%;
        height:100%;
        object-fit: cover;
    }
}

@media (max-width: 768px) {
    .service_works_mv {
        height: 80vh;
    }
    .service_mv > figure {
        aspect-ratio: 3/2;
    }
    .service_mv .mv_contents p {
        font-size:1.2em;
        margin-top:20px;
    }
    .service_mv .service_title .service_icon {
        width: min(16%, 280px);
    }
    .service_lead {
        font-size: 1.375em;
    }
    .service_edit_content h3 {
    font-size: 1.5em;
    }
    .service_edit_content h4 {
        font-size: 1.4em;
        padding-left: 15px;
        line-height: 1.25;
    }
    .facility_icon_index figure figcaption{
        font-size:0.9em;
    }
    .service_item.wp-block-columns.is-not-stacked-on-mobile{
        flex-direction: column;
        align-items: center !important;
        gap:1em;
    }
    .service_item .item_img {
        width:min(20%,100px);
        flex-basis: min(22%,100px) !important;
    }
    .service_item .item_txt h4 {
        font-size:1.2em;
        text-align: center
    }
    #facility-energy .service_item .item_txt h4 {
        display: none
    }
    #facility-energy .service_item .item_img {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    #facility-energy .service_item .item_img figure {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width:100%;
        gap:20px;
    }
    #facility-energy .service_item .item_img figure img {
        width:min(22%,155px);
        height:auto;
    }
    #facility-energy .service_item .item_img figure figcaption {
        font-size:1.2em;
        border-left:none;
        font-weight:700;
        padding-left:0;
        line-height: 1.5;
        margin-bottom:10px;
    }
     #facility-energy .service_item .item_txt {
        width:100%;
    }
}

@media (max-width: 600px) {
    .service_mv > figure {
        aspect-ratio: 2 / 3;
    }
   .service_mv .service_title .service_icon {
        width: min(40%, 280px);
    }
    .service_mv .mv_contents {
        padding:50px 20px 40px;
        gap:20px;
    }
    .service_mv .service_title {
        gap:10px;
    }
    .service_mv .service_title h1 span, .service_mv .mv_contents p {
        text-align: center;
    }
    .service_mv .service_title h1 {
        font-size: 2.375em;
    }
    .service_mv .mv_contents p {
        font-size: 1.11em;
        margin-top: 0;
    }
    .service_mv .mv_contents .btn_more {
        margin-top: 10px;
        font-size:1em;
    }
    .service_lead {
        font-size: 1.20em;
        line-height: 1.8;
    }
    .service_edit_content h2, #cases h2{
        margin-bottom:40px;
    }
    .page_content .inner {
        padding:0;
    }
    .service_item02 .item_txt {
        padding-inline: 0;
    }
    

}

.service_contact_banner .request_banner {
    padding-top:70px;
    padding-bottom:70px;
    background-color: #C7CDCD;
}
.service_contact_banner .request_banner .d_flex,.contact_banner .d_flex {
    justify-content: space-between;
    align-items: center;
    gap:30px;
}
.service_contact_banner .request_banner h2 {
    font-size:2.22222em;
    font-weight:500;
}
.service_contact_banner .btn_more {
    color:white;
    background-color: var(--facility_green);
    width:min(35.714%,500px);
    border:none;
    flex-shrink: 0;
}
.service_contact_banner .btn_more:after {
    content:"";
    background: url("../img/arrow.svg") center no-repeat;
    background-size: auto 100%;
    width:48px;
    height:11px;
}
.service_contact_banner .request_banner .btn_request span {
    position:relative;
}
.service_contact_banner .request_banner .btn_request span:before {
    content:"";
    width:43px;
    height:46px;
    background: url(../img/icon_request.png) center no-repeat;
    background-size: 100% auto;
    position:absolute;
    left:-53px;
    top:calc(50% - 23px);
}
.contact_banner {
    padding-top:60px;
    padding-bottom:60px;
    background-color: #4E4E50;
}

.contact_banner .txt {
    padding-left:25px; 
    color:white;
}
.contact_banner .txt h3 {
    font-size:1.6666em;
    line-height: 1.5;
    margin-bottom:0.75em;
}
.contact_banner .btn_contact span {
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 1024px) {
    .contact_banner .txt {
        padding-left:0
    }
}
@media (max-width: 768px) {
    .service_contact_banner .btn_more:after {
          width:24px;
          height:6px;
          right: 20px;
        }
    .service_contact_banner .request_banner .d_flex, .contact_banner .d_flex{
        flex-direction: column;
        justify-content: center;
    }
    .contact_banner .d_flex{
        padding: 0 calc(var(--innergap) / 2);
    }
    .service_contact_banner .btn_more {
        width:min(100%,500px);
    }
    .service_contact_banner .request_banner h2 {
        font-size: 1.75em;
        text-align: center;
    }
}


/** facility-energyのタブ **/

.tabs.case-tabs {
    display: flex;
    cursor: pointer;
    margin-bottom: 70px;
    gap:20px;
    flex-flow: wrap;
}

.tab-link {
    padding: 0 20px;
    width:300px;
    height:72px;
    background-color: white;
    border: 2px solid var(--facility_green);
    border-radius: 36px;
    font-size:1em;
    color:var(--facility_green);
    font-weight:500;
}

.tab-link.active {
    background-color: var(--facility_green);
    color:white;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}


@media (max-width: 768px) {
    .tabs.case-tabs {
    display: flex;
    cursor: pointer;
    margin-bottom: 50px;
    gap:10px;
    flex-flow: wrap;
}

.tab-link {
    padding: 0 20px;
    width:auto;
    height:42px;
    background-color: white;
    border: 2px solid var(--facility_green);
    border-radius: 21px;
    font-size:1em;
    color:var(--facility_green);
    font-weight:500;
}

}


/** 事例のswiper **/
.works_index_wrap {
  position: relative;
  box-sizing: content-box;
  max-width: 1445px;
  margin: 0 auto;
  padding: 0 77.5px;
}

[class*=swiper]:focus {
  outline: none;
}

.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}
.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 59px;
  height: 95px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--facility_green);
}

.swiper-button-prev::after, .swiper-button-next::after {
  width: 13px;
  height: 23px;
  content: "";
}
.swiper-button-prev::after {
  background: url("../img/arrow-back.svg");
  background-size:100% auto;
}
.swiper-button-next::after {
  background: url("../img/arow-next.svg");
  background-size:100% auto;
}
.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}

.swiper-area {
  position: relative;
}
.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 0.8rem;
  justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: var(--transition);
  vertical-align: top;
  background-color: #E6E6E6;
    border-radius: 50%;
}
.swiper-pagination-bullet-active {
  background-color: var(--facility_green);
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.swiper-button-prev {
  right: calc(100% + 2.4rem);
}
.swiper-button-next {
  left: calc(100% + 2.4rem);
}
.slide-media {
    height:auto;
    aspect-ratio:454/255;
    position:relative;
}
.slide-media img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.category_tag {
    position:absolute;
    left:0;
    top:0;
    font-size:1em;
    background-color: var(--facility_green);
    color:white;
    line-height: 1;
    padding:4px 8px;
    display: inline-block;
}
.slide-content {
  padding: 10px 0 0;
}

.slide-title {
  line-height: 1.4;
  font-size:1.3333em;
  color:var(--facility_green);
  padding-inline:0.5em;
    margin-bottom:20px;
}
.slide-content .spec{
    display: flex;
    gap:5px;
}
.slide-content .spec + .spec {
    margin-top:5px;
}
.slide-content .spec dt {
    width:5em;
    background-color: #F5F5F5;
    text-align: center;
}
.slide-content .spec + p {
    margin-top:10px;
}
.btn_more_works {
    border:1px solid var(--facility_green);
    background-color: white;
    color:var(--facility_green);
    width:100%;
    height:50px;
    position:relative;
    text-align: center;
    font-size:0.9em;
    margin-top:20px;
}
.btn_more_works .arrow {
    position:absolute;
    right:25px;
    stroke:var(--facility_green);
    transition:all .3s var(--ease);
}
a:hover .btn_more_works .arrow {
    right:20px;
}

@media (max-width: 768px) {
   .works_index_wrap {
        padding: 0 25px;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 36px;
        height: 80px;
    }
    .swiper-button-next {
        left: calc(100% + 5px);
    }
    .swiper-button-prev {
        right: calc(100% + 5px);
    }
    .slide-content .spec {
        font-size:0.9em;
    }
    .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }
    
}


.single-contents_wrap {
    display: grid;
    grid-template-columns: min(24.5%,300px) auto;
    gap:50px;
}
.single-contents_wrap .sidebar {
    grid-column: 1 / 1;
}

.single-contents_wrap .single_maincont{
    grid-column: 2 / 2;
}

@media (max-width: 768px) {
.single-contents_wrap {
    grid-template-columns: 100%;
    gap:50px;
    padding:0;
}
.single-contents_wrap .sidebar {
    grid-column: 1 / 1;
    grid-row:2 / 2;
}

.single-contents_wrap .single_maincont{
    grid-column: 1 / 1;
    grid-row:1 / 1;
}
}

.archive_nav_box h4{
    background-color: var(--facility_green);
    color:white;
    font-weight:700;
    text-align: center;
    height:80px;
    line-height: 80px;
    font-size:1.666em;
}
.archive_nav_box ul li {
    margin-top:5px;
}
.archive_nav_box ul li a{
    background-color: #F5F5F5;
    height:80px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding:0 20px;
}
.archive_nav_box ul li a:after {
    content:"";
    background: url(../img/ion-ios-arrow-back.svg) right center no-repeat;
    width:8px;
    height:14px;
    background-size: 100% auto;
}
.single .request_banner .d_flex {
    justify-content: center;
}
.single .request_banner .btn_more {
    background-color: white !important;
    border:none;
    text-align: center;
    color:var(--facility_green);
}
.single .request_banner .btn_more .arrow {
    stroke:var(--facility_green);
    position: absolute;
    right: 30px;
    top: calc(50% - 5px);
    transition:.3s var(--ease);
}
.single .request_banner .btn_more:hover .arrow {
  right:20px;
}

.works_article_header h2 {
    border-left:10px solid var(--facility_green);
    padding-left:20px;
    font-size:1.6666em;
    margin-bottom:20px;
    color:var(--facility_green);
}
.works_article_header .subinfo {
    display: flex;
    justify-content: space-between;
    padding-left:20px;
}
.works_article_header {
    margin-bottom:80px;
}

.article_nav {
    display: flex;
    justify-content: space-between;
    margin-top:80px;
}
.article_nav a {
    display: flex;
        width:min(25%,300px);
        height:80px;
        justify-content: center;
        align-items: center;
        background-color: #f5f5f5;
    position:relative
    }
.article_nav a[rel="prev"]:before,.article_nav a[rel="next"]:before {
   content:"";
    width:8px;
    height:14px;
    background: url(../img/ion-ios-arrow-back.svg) no-repeat;
    position:absolute;
}
.article_nav a[rel="prev"]:before{
    left:20px;
    transform: rotate(180deg);
    transform-origin: center
}
.article_nav a[rel="next"]:before{
    right:20px;
    
}

.relation_item_index {
    margin-top:80px;
}
.relation_item_index h3 {
    background: #F5F5F5;
    padding:20px;
    display: flex;
    gap:10px;
    font-size:1.6666em;
    margin-bottom:30px;
    line-height: 1;
    align-items: center;
}
.relation_item_index h3:before {
    content:"";
    width:37px;
    height:40px;
    background: url("../img/icon_relations.svg") no-repeat;
    background-size:100% auto;
    
}
.single-contents_wrap .works_index_wrap {
    padding:0;
}
.relation_item_index .slide-content h4 {
    border-left:5px solid var(--facility_green);
    padding-left:10px;
    color:var(--facility_green);
    font-size:1.111em;
    margin-bottom:20px;
}

.works_article_cont figure{
    margin-bottom:20px;
}
.works_article_cont p {
    padding-inline:20px;
}
.works_article_cont p + p {
    margin-top:1em;
}
.works_article_cont p + figure {
    margin-top:50px;
}
.works_article_cont pre {
    margin-top:40px;
    color:#A3A3A3;
    padding-inline:20px;
}
.works_article_cont strong {
    font-weight:700;
}
.works_article_cont .spec-box {
    padding:1.0em;
    border:var(--facility_green) 1px solid;
    margin-bottom:2em;
}
.works_article_cont .spec-box .spec {
    display: grid;
    grid-template-columns: 20% auto;
    gap:16px;
    font-size:90%;
}
.works_article_cont .spec-box .spec dt {
    font-weight:700;
}

.works_article_cont * + h4 {
    margin-top:50px;
}

@media (max-width: 768px) {
.works_article_header h2 {
    border-left: 6px solid var(--facility_green);
    padding-left: 10px;
    font-size: 1.5em;
    margin-bottom: 10px;
}
.works_article_header .subinfo {
    font-size:0.9em;
     padding-left: 0; 
}
.article_nav {
    margin-top: 60px;
}
.article_nav a {
    width: min(49%, 300px);
    height: 40px;
    font-size:0.9em;
}
    .relation_item_index h3{
                font-size: 1.375em;
        padding: 10px 15px;
    }
    .relation_item_index h3:before {
        width: 27px;
        height: 30px;
    }
    .archive_nav_box h4 {
        font-weight: 700;
        height: 60px;
        line-height: 60px;
        font-size: 1.4em;
    }
    .archive_nav_box ul li a {
        height: 50px;
    }
    .single .request_banner .btn_more {
        font-size:1.125em;
        line-height: 1.2;
    }
    .single .request_banner .btn_more .arrow {
        stroke-width:1px;
        width:24px;
        right: 20px;
    }

}

#facility-energy_mv .mv_contents .btn_more .arrow {stroke:var(--facility_green);}
#facility-energy_mv .mv_contents .btn_more, #facility-energy .service_lead{color:var(--facility_green);}
#facility-energy_mv figure:after {
    background-color: var(--facility_green);
}
#facility-energy .works_article_cont strong {
    color: var(--facility_green);
}

#life-innovation_mv .mv_contents .btn_more .arrow,#life-innovation .btn_more_works .arrow,.life_innovation .btn_more_works .arrow {stroke:var(--li_blue);}
#life-innovation_mv .mv_contents .btn_more, #life-innovation .service_lead,#life-innovation .facility_icon_index figure figcaption,#life-innovation .slide-title,.single .life_innovation .request_banner .btn_more,.life_innovation .slide-title{
    color:var(--li_blue);
}
#life-innovation_mv figure:after,#life-innovation .service_edit_content h2, #life-innovation #cases h2,#life-innovation .swiper-pagination-bullet-active,#life-innovation .swiper-button-prev, #life-innovation .swiper-button-next,#life-innovation .service_contact_banner .btn_more,#life-innovation_contact .service_contact_banner .btn_more,#life-innovation_request .service_contact_banner .btn_more,#life-innovation_request .service_edit_content h2,#life-innovation_contact .service_edit_content h2,.life_innovation .service_contact_banner .btn_more, #life-innovation_thanks .service_contact_banner .btn_more {
    background-color: var(--li_blue);
}
#life-innovation .service_edit_content h4 {
    border-left-color: var(--li_blue);
}
#life-innovation .facility_icon_index figure img {
    border: 1px solid var(--li_blue);
}
#life-innovation .service_contact_banner .request_banner, #life-innovation_request .service_contact_banner .request_banner, #life-innovation_contact .service_contact_banner .request_banner,.life_innovation .service_contact_banner .request_banner, #life-innovation_thanks .service_contact_banner .request_banner {
    background-color:#BAD5E6
}
#life-innovation .btn_more_works,.life_innovation .btn_more_works {
    border: 1px solid var(--li_blue);
    color: var(--li_blue);
}
.life_innovation .works_article_header h2, .life_innovation .relation_item_index .slide-content h4 {
    border-left-color: var(--li_blue);
    color: var(--li_blue);
}
.life_innovation .archive_nav_box h4 {
    background-color: var(--li_blue);
}
.life_innovation .works_article_cont strong {
    color: var(--li_blue);
}

#video_mv .mv_contents .btn_more .arrow,#video .btn_more_works .arrow,.video_solution .btn_more_works .arrow  {stroke:var(--video_purple);}
#video_mv .mv_contents .btn_more, #video .service_lead,#video .facility_icon_index figure figcaption,#video .slide-title,.single .video_solution .request_banner .btn_more,.video_solution .slide-title{
    color:var(--video_purple);
}
#video_mv figure:after,#video .service_edit_content h2, #video #cases h2,#video .swiper-pagination-bullet-active,#video .swiper-button-prev, #video .swiper-button-next,#video .service_contact_banner .btn_more,#video_contact .service_contact_banner .btn_more,#video_request .service_contact_banner .btn_more,#video_request .service_edit_content h2,#video_contact .service_edit_content h2,.video_solution .service_contact_banner .btn_more, #video_thanks .service_contact_banner .btn_more  {
    background-color: var(--video_purple);
}
#video .service_edit_content h4 {
    border-left-color: var(--video_purple);
}
#video .facility_icon_index figure img {
    border: 1px solid var(--video_purple);
}
#video .service_contact_banner .request_banner,#video_request .service_contact_banner .request_banner, #video_contact .service_contact_banner .request_banner,.video_solution .service_contact_banner .request_banner, #video_thanks .service_contact_banner .request_banner {
    background-color:#BA9EAF
}
#video .btn_more_works,.video_solution .btn_more_works {
    border: 1px solid var(--video_purple);
    color: var(--video_purple);
}
.video_solution .works_article_header h2, .video_solution .relation_item_index .slide-content h4 {
    border-left-color: var(--video_purple);
    color:var(--video_purple);
}
.video_solution .archive_nav_box h4 {
    background-color: var(--video_purple);
}
.video_solution .works_article_cont strong {
    color: var(--video_purple);
}

#erp-solution_mv .mv_contents .btn_more .arrow,#erp-solution .btn_more_works .arrow,.erp_solution .btn_more_works .arrow {stroke:var(--erp_orange);}
#erp-solution_mv .mv_contents .btn_more, #erp-solution .service_lead,#erp-solution .facility_icon_index figure figcaption,#erp-solution .slide-title,.single .erp_solution .request_banner .btn_more,.erp_solution .slide-title{
    color:var(--erp_orange);
}
#erp-solution_mv figure:after,#erp-solution .service_edit_content h2, #erp-solution #cases h2,#erp-solution .swiper-pagination-bullet-active,#erp-solution .swiper-button-prev, #erp-solution .swiper-button-next,#erp-solution .service_contact_banner .btn_more,#erp-solution_contact .service_contact_banner .btn_more,#erp-solution_request .service_contact_banner .btn_more,#erp-solution_request .service_edit_content h2,#erp-solution_contact .service_edit_content h2,#erp-solution .service_item02_wrap h4,.erp_solution .service_contact_banner .btn_more, #hcm-solution_thanks .service_contact_banner .btn_more  {
    background-color: var(--erp_orange);
}

#erp-solution .service_edit_content h4 {
    border-left-color: var(--erp_orange);
}
#erp-solution .facility_icon_index figure img {
    border: 1px solid var(--erp_orange);
}
#erp-solution .service_contact_banner .request_banner,#erp-solution_request .service_contact_banner .request_banner, #erp-solution_contact .service_contact_banner .request_banner,.erp_solution .service_contact_banner .request_banner, #hcm-solution .service_contact_banner .request_banner {
    background-color:#F1CD9B
}
#erp-solution .btn_more_works,.erp_solution .btn_more_works {
    border: 1px solid var(--erp_orange);
    color: var(--erp_orange);
}
#erp-solution .service_item02_wrap h4 {
    color:white;
}
#erp-solution .service_item02_wrap h4.bg_light {
    background-color: #F2BE77;
}
.erp_solution .works_article_header h2, .erp_solution .relation_item_index .slide-content h4 {
    border-left-color:var(--erp_orange);
    color:var(--erp_orange);
}
.erp_solution .archive_nav_box h4 {
    background-color: var(--erp_orange);
}
.erp_solution .works_article_cont strong {
    color:var(--erp_orange);
}


#hcm-solution_mv .mv_contents .btn_more .arrow,#hcm-solution .btn_more_works .arrow,.hcm_solution .btn_more_works .arrow {stroke:var(--erp_orange);}
#hcm-solution_mv .mv_contents .btn_more, #hcm-solution .service_lead,#hcm-solution .facility_icon_index figure figcaption,#hcm-solution .slide-title,.single .hcm_solution .request_banner .btn_more,.hcm_solution .slide-title{
    color:var(--erp_orange);
}
#hcm-solution_mv figure:after,#hcm-solution .service_edit_content h2, #hcm-solution #cases h2,#hcm-solution .swiper-pagination-bullet-active,#hcm-solution .swiper-button-prev, #hcm-solution .swiper-button-next,#hcm-solution .service_contact_banner .btn_more,#hcm-solution_contact .service_contact_banner .btn_more,#hcm-solution_request .service_contact_banner .btn_more,#hcm-solution_request .service_edit_content h2,#hcm-solution_contact .service_edit_content h2,#hcm-solution .service_item02_wrap h4,.hcm_solution .service_contact_banner .btn_more  {
    background-color: var(--erp_orange);
}

#hcm-solution .service_edit_content h4 {
    border-left-color: var(--erp_orange);
}
#hcm-solution .facility_icon_index figure img {
    border: 1px solid var(--erp_orange);
}
#hcm-solution .service_contact_banner .request_banner,#hcm-solution_request .service_contact_banner .request_banner, #hcm-solution_contact .service_contact_banner .request_banner,.hcm_solution .service_contact_banner .request_banner, #hcm-solution_thanks .service_contact_banner .request_banner {
    background-color:#F1CD9B;
}
#hcm-solution .btn_more_works,.hcm_solution .btn_more_works {
    border: 1px solid var(--erp_orange);
    color: var(--erp_orange);
}
#hcm-solution .service_item02_wrap h4 {
    color:white;
}
#hcm-solution .service_item02_wrap h4.bg_light {
    background-color: #F2BE77;
}
.hcm_solution .works_article_header h2, .hcm_solution .relation_item_index .slide-content h4 {
    border-left-color:var(--erp_orange);
    color:var(--erp_orange);
}
.hcm_solution .archive_nav_box h4 {
    background-color: var(--erp_orange);
}
.hcm_solution .works_article_cont strong {
    color:var(--erp_orange);
}


#system_mv .mv_contents .btn_more .arrow,#system .btn_more_works .arrow,.system_infrastructure .btn_more_works .arrow {stroke:var(--si_green);}
#system_mv .mv_contents .btn_more, #system .service_lead,#system .facility_icon_index figure figcaption,#system .slide-title,.single .system_infrastructure .request_banner .btn_more,.system_infrastructure .slide-title{
    color:var(--si_green);
}
#system_mv figure:after,#system .service_edit_content h2, #system #cases h2,#system .swiper-pagination-bullet-active,#system .swiper-button-prev, #system .swiper-button-next,#system .service_contact_banner .btn_more,#system_contact .service_contact_banner .btn_more,#system_request .service_contact_banner .btn_more,#system_request .service_edit_content h2,#system_contact .service_edit_content h2,#system .service_item02_wrap h4,.system_infrastructure .service_contact_banner .btn_more, #system_thanks .service_contact_banner .btn_more {
    background-color: var(--si_green);
}
#system .service_edit_content h4 {
    border-left-color: var(--si_green);
}
#system .facility_icon_index figure img {
    border: 1px solid var(--si_green);
}
#system .service_contact_banner .request_banner,#system_request .service_contact_banner .request_banner, #system_contact .service_contact_banner .request_banner,.system_infrastructure .service_contact_banner .request_banner, #system_thanks .service_contact_banner .request_banner {
    background-color:#B0CACA
}
#system .btn_more_works,.system_infrastructure .btn_more_works {
    border: 1px solid var(--si_green);
    color: var(--si_green);
}
#system .service_item02_wrap h4 {
    color:white;
}
#system .service_item02_wrap h4.bg_light {
    background-color: #DBF0F0;
    color:var(--text_black);
}
.system01box {
    background-color: #F4F4F4;
}
.system_infrastructure .works_article_header h2, .system_infrastructure .relation_item_index .slide-content h4 {
    border-left-color:var(--si_green);
    color:var(--si_green);
}
.system_infrastructure .archive_nav_box h4 {
    background-color: var(--si_green);
}
.system_infrastructure .works_article_cont strong {
    color:var(--si_green);
}

#business-solution_mv .mv_contents .btn_more .arrow,#business-solution .btn_more_works .arrow,.business_solution .btn_more_works .arrow {stroke:var(--bs_green);}
#business-solution_mv .mv_contents .btn_more, #business-solution .service_lead,#business-solution .facility_icon_index figure figcaption,#business-solution .slide-title,.single .business_solution .request_banner .btn_more,.business_solution .slide-title{
    color:var(--bs_green);
}
#business-solution_mv figure:after,#business-solution .service_edit_content h2, #business-solution #cases h2,#business-solution .swiper-pagination-bullet-active,#business-solution .swiper-button-prev, #business-solution .swiper-button-next,#business-solution .service_contact_banner .btn_more,#business-solution_contact .service_contact_banner .btn_more,#business-solution_request .service_contact_banner .btn_more,#business-solution_request .service_edit_content h2,#business-solution_contact .service_edit_content h2,#business-solution .service_item02_wrap h4,.business_solution .service_contact_banner .request_banner, #business-solution_thanks .service_contact_banner .btn_more {
    background-color: var(--bs_green);
}
#business-solution .service_edit_content h4 {
    border-left-color: var(--bs_green);
}
#business-solution .facility_icon_index figure img {
    border: 1px solid var(--bs_green);
}
#business-solution .service_contact_banner .request_banner,#business-solution_request .service_contact_banner .request_banner, #business-solution_contact .service_contact_banner .request_banner,.business_solution .service_contact_banner .request_banner, #business-solution_thanks .service_contact_banner .request_banner {
    background-color:#9CA589
}
#business-solution .btn_more_works,.business_solution .btn_more_works {
    border: 1px solid var(--bs_green);
    color: var(--bs_green);
}
#business-solution .service_item02_wrap h4 {
    color:white;
}
#business-solution .service_item02_wrap h4.bg_light {
    background-color: #DEF0E5;
    color:var(--text_black);
}
.business_solution .works_article_header h2, .business_solution .relation_item_index .slide-content h4 {
    border-left-color:var(--bs_green);
    color:var(--bs_green);
}
.business_solution .archive_nav_box h4 {
    background-color:var(--bs_green);
}
.business_solution .works_article_cont strong {
    color:var(--bs_green);
}