@charset "UTF-8";
 
/*　aboutページから 
-------------------- top 【about】--------------------*/
.page_about .page_title_area {
    position: relative;
    margin-bottom: 80px;
}
.page_about .page_title {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.page_about .page_title span {
    color: #fff;
   
    
}
.page_about .page_title_area .page_title{
    color: #fff;
    margin-bottom: 0;
} 



/* -------------------- ここからPoints 【about】--------------------*/
.point_area {
    margin-bottom: 80px;
}

.point_area h3 {
    margin-bottom: 24px;
}

.point_list p {
    margin-bottom: 40px;
}

.company_padding {
    padding-bottom: 10px;
}



/* -------------------- ここからCompany 【about】--------------------*/

.company_flex {
    display: flex;
    justify-content: space-between;
}


.content_left {
    width: 22.457627%;
}
.content_right {
    width: calc(100% - (22.457627% + 48px))
}

.content_right .list {
    margin-bottom: 24px;
    padding-bottom: 24px;
    text-align: left;
    display: flex;
    border-bottom: #CCC solid 1px;
    line-height: 1.9375;
}
.content_right .list:last-child {
    margin-bottom: 0;
}

.content_right .list dt {
    font-size: 18px;
    color: #026CB8;
    width: max(18%, 156px);
    padding-left: 24px;
    font-weight: bold;
}

.content_right .list dd {
    padding-left: 24px;
    
    width: calc(100% - max(18%, 156px));
}

/* -------------------- ここからSP【about】--------------------*/
@media screen and (max-width: 736px) {

    .page_about .page_title_area {
        margin-bottom: 64px;
    }
    .point_area {
        margin-bottom: 64px;
    }

    .company_area .company_flex {
        flex-direction: column;
        
    }
    .content_left {
        width: 100%;
    }

    .content_left .img_container{
        max-width: 224px;  
        margin: 0 auto 32px;
    }

    .content_right {
        width: 100%;
    }

    .content_right .list {
        margin-bottom: 16px;
        line-height: 2.07142857;
    }
    

    .content_right .list dt {
        font-size: 14px;
        padding-left: 10px;
        width: max(30%, 105px);
    }

    .content_right .list dd {

        padding-left: 16px;
        width: calc(100% - max(30%, 105px));
    }

    .page_about .page_title_area {
        margin-top: 150px;
    }

    .bg_white {
        top: 0;
    }

    .point_area h3 {
        margin-bottom: 16px;
    }

    .point_area .secondary_title {
        font-size: 1.6rem;
        line-height: 1.375;
    }

    .point_list p {
        margin-bottom: 24px;
    }

}


/* -------------------- ここからボタンエリア【Q&A】--------------------*/
.page_qa .btn_area {
    background-color: #F0FAFF;
    margin-bottom: 60px;
}
.btn_area_bottom {
    margin-bottom: 80px;
}


.page_qa .btn_area .btn_flex {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}
.page_qa .btn_area .btn_flex a {
    padding: 16px 59px 16px 40px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2);
    display: inline-flex;
}

/* -------------------- ここからボタンエリア【左】--------------------*/

.page_qa .btn_area .btn_flex .btn_left  a {
    color: #026CB8;
    margin-right: 48px;
}
/* -------------------- ここからボタンエリア【右】--------------------*/

.page_qa .btn_area .btn_flex .btn_right  a {
    color: #02A9B8;  
}


.btn_area_top a::before {
    transform: rotate(225deg);
    content: "";
    display: block;
    position: absolute;
    top: 38%;
    right: 40px;
    width: 0.5em;
    height: 0.5em;
    border-top: #02A9B8 2px solid;
    border-left: #02A9B8 2px solid;
}
.btn_left a::before {
    border-top: #026CB8 2px solid;
    border-left: #026CB8 2px solid;
}

.btn_area_bottom a::after {
    transform: rotate(225deg);
    content: "";
    display: block;
    position: absolute;
    top: 47%;
    right: 39px;
    width: 0.5em;
    height: 0.5em;
    border-bottom: #02A9B8 2px solid;
    border-right: #02A9B8 2px solid;
}
.btn_area_bottom .btn_left a::after {
    border-bottom: #026CB8 2px solid;
    border-right: #026CB8 2px solid;
}

/* -------------------- ここから空調事業　--------------------*/
#ac_area .ac_area_content {
    margin-bottom: 80px;
}

/* -------------------- ここからICT　--------------------*/
#ict_area .ict_area_content {
    margin-bottom: 64px;
}

/* -------------------- ここからSP【Q&A】--------------------*/
@media screen and (max-width: 736px) {
    .wrapper span.font_grad {
        padding-bottom: 12px;
    }
    .page_qa .btn_area .btn_flex a {
        padding: 14px 29px 14px 20px;
        width: 135px;
        height: auto;
        justify-content: center;        
    }
    .btn_area_top a::before {
        top: 37%;
        right: 25px;
    }

    .btn_area_bottom a::after {
        top: 47%;
        right: 25px;
    }
    .page_qa .btn_area .btn_flex .btn_left a {
        margin-right: 24px;
    }
    
    .bg_white {
        top: 0;
    }
    
    .page_qa .page_title_area {
        margin-top: 150px;
    }
  }


  /* -------------------- ここから全体の余白　--------------------*/
  .point_area, .company_area, #ac_area, #ict_area, .btn_area_bottom {
    padding-right: 2%;
    padding-left: 2%;
  }

  @media(max-width:430px) {
    .point_area, .company_area,#ac_area, #ict_area, .btn_area_bottom  {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}