/*------------------------------------------------------------------------------
approach
------------------------------------------------------------------------------*/
.pageimg{
    background: url(../../img/approach/pageimg_bg.webp) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .pageimg{
        background: url(../../img/approach/pageimg_bg_sp.webp) no-repeat center;
        background-size: cover;
        padding: 8.4rem 2rem!important;
    }
}

.link_list__list li{
    width: calc(100% / 2)!important;
}

@media screen and (max-width: 768px) {
    .link_list__list li{
        width: calc(100% / 2)!important;
    }
    
}

.link_list{
    margin-bottom: 4rem!important;
}


/*------------------------------------------------------------------------------
section01
------------------------------------------------------------------------------*/
ul.approach_list{
    margin: 2.4rem 0;
}

ul.approach_list li h5{
    font-size: 2rem;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    ul.approach_list li h5{
        font-size: 1.4rem;
    }
}

ul.approach_list li{
    margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
    ul.approach_list li{
        margin-bottom: 1.8rem;
    }
}

ul.approach_list li:last-child{
    margin-bottom: 0;
}

ul.approach_sub__list li{
    list-style: disc;
    font-size: 2rem;
    margin-bottom: 0.4rem;
    margin-left: 3.2rem;
}

@media screen and (max-width: 768px) {
    ul.approach_sub__list li{
        font-size: 1.4rem;
        margin-left: 1.8rem;
    }
}

/*------------------------------------------------------------------------------
section02
------------------------------------------------------------------------------*/
ol.approach_list li{
    font-size: 2rem;
    list-style: decimal;
    margin-left: 3.2rem;
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
    ol.approach_list li{
        font-size: 1.4rem;
        margin-left: 1.8rem;
        margin-bottom: 1.8rem;
    }
}

ol.approach_list li:last-child{
    margin-bottom: 0;
}

ol.approach_list{
    margin-bottom: 3.2rem;
}

p.section_text.-last{
    font-size: 2rem;
    margin-bottom: 6.4rem;
	text-align: right;
}

@media screen and (max-width: 768px) {
    p.section_text.-last{
        font-size: 1.4rem;
        margin-bottom: 3.2rem;
    }
}

.approach_container{
    display: flex;
    gap: 6.4rem;
}


@media screen and (max-width: 768px) {
    .approach_container{
        flex-direction: column-reverse;
        gap: 2rem;
    }
}

.approach_container .spec-table{
    width: 103rem;
}

@media screen and (max-width: 768px) {
    .approach_container .spec-table{
        width: 100%;
    }
}

.approach_container .spec-table td{
    text-align: left;
}

@media screen and (max-width: 768px) {
    .approach_container .spec-table th{
        width: 15.5rem;
    }
}

.right_image p.section_text{
    text-align: center;
}

@media screen and (max-width: 768px) {
    .right_image{
        width: 9rem;
        margin: 0 auto;
    }
}

.right_image p.section_text a{
    text-decoration: underline;
    margin-top: 1.2rem;
    font-size: 2rem;
}

@media screen and (max-width: 768px) {
    .right_image p.section_text a{
        font-size: 1rem;
    }
}

.right_image p.section_text a:hover{
    text-decoration: none;
}

.p-approach__section03 .contact_btn{
    margin: 4rem 0!important;
    width: 70rem!important;
}

.p-approach__section03 .contact_btn a{
	text-decoration: none;
}

@media screen and (max-width: 768px) {
    .p-approach__section03 .contact_btn{
        margin: 2rem 0!important;
        width: 100%!important;
    }
    .p-approach__section03 .contact_btn a{
        padding: 0.8rem 0!important;
        font-size: 1.4rem!important;
    }
}

.p-approach__section03 .contact_btn a::after{
    content: "";
    display: block;
    background: url(../../img/common/pdf_icon.svg) no-repeat center!important;
    width: 2.5rem!important;
    height: 2.5rem!important;
    position: absolute;
    right: 2rem!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    background-size: 100%!important;
}