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

@media screen and (max-width: 768px) {
    .pageimg{
        background: url(../../img/forging/pageimg_bg_sp.webp) no-repeat center;
        background-size: cover;
    }
}

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

@media screen and (max-width: 768px) {
    .link_list{
        margin-bottom: 4rem!important;
    }
}

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

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

.lang-en .link_list__list li a{
	padding: 5.6rem 2.8rem;
}
@media screen and (max-width: 768px) {
	.lang-en .link_list__list li a{
	padding: 1.6rem 1.8rem;
}
}


.p-line__title{
    font-size: 3.2rem!important;
    padding-left: 2.6rem!important;
}

@media screen and (max-width: 768px) {
    .p-line__title{
        font-size: 1.6rem!important;
        padding-left: 1.8rem!important;
    }
}

.-intro_text h3{
    color: #0016D9;
    font-size: 3.6rem;
    font-weight: bold;
    margin: 8rem 0 3.2rem;
}

@media screen and (max-width: 768px) {
    .-intro_text h3{
        font-size: 2.4rem;
        margin: 4rem 0 1.8rem;
    }
}

.-intro_text .image{
    border: 1px solid #ccc;
}

/*------------------------------------------------------------------------------
section01
------------------------------------------------------------------------------*/
.p-forging__section01 .section__text{
    margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
    .p-forging__section01 .section__text{
        margin-bottom: 2rem;
    }

    .p-forging__section01 ul.image_list{
        gap: 2rem;
    }
}


.p-forging__section01 ul.image_list li p{
    font-size: 2.4rem;
    font-weight: bold;
}

.p-forging__section01 ul.image_list li p.sub_text{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1rem;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .p-forging__section01 ul.image_list li p{
        font-size: 1.8rem;
        font-weight: bold;
    }
    .p-forging__section01 ul.image_list li p.sub_text{
        font-size: 1.4rem;
    }
}

/*------------------------------------------------------------------------------
section02
------------------------------------------------------------------------------*/
.p-forging__section02 .table_flex{
    display: flex;
    gap: 4.2rem;
    margin-bottom: 8rem;
}

@media screen and (max-width: 768px) {
    .p-forging__section02 .table_flex{
        flex-direction: column;
        gap: 0;
        margin-bottom: 4rem;
    }
}

.left_table,.right_table{
    width: calc(50% - 2.1rem);
}

@media screen and (max-width: 768px) {
    .left_table,.right_table{
        width: 100%;
    }
}

.spec-table th{
    width: 23rem!important;
}

.right_table table th{
    max-width: 11.4rem;
}

.lang-en .right_table table th{
	max-width: 15.4rem;
}

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

    .right_table table,.right_table table td ,.right_table table th{
        border-top: none;
    }
    .spec-table th{
        width: 13.7rem!important;
    }
}

.lang-en .right_table table th{
    max-width: 12.4rem;
	padding: 0 1.8rem;
}

@media screen and (max-width: 768px) {
	.lang-en .right_table table th{
    max-width: 100%;
	padding: 1.2rem 1.6rem;
}
}

.right_table .spec-table td{
    padding: 0 2.2rem;
}

@media screen and (max-width: 768px) {
    .spec-table td{
        padding: 0.8rem!important;
    }
}

.lang-en .spec-table th,
.lang-en .spec-table td{
	height: 16rem;
}

@media screen and (max-width: 768px) {
	.lang-en .spec-table th,
	.lang-en .spec-table td{
		height: auto;
	}
}


/*------------------------------------------------------------------------------
section03
------------------------------------------------------------------------------*/

.p-forging__section03 ul.image_list{
    flex-wrap: wrap;
    gap: 2.4rem;
}

@media screen and (max-width: 768px) {
    .p-forging__section03 ul.image_list{
        gap: 3.2rem;
    }
}

.p-forging__section03 ul.image_list li{
    flex: auto;
    width: calc((100% - 4.8rem) / 3);
    max-width: 41rem;
}

@media screen and (max-width: 768px) {
    .p-forging__section03 ul.image_list li{
        width: 100%;
        max-width: 100%;
    }
}

.p-forging__section03 ul.image_list li p{
    margin-top: 1rem;
}

@media screen and (max-width: 768px) {
    .p-forging__section03 ul.image_list li p{
        margin-top: 0.8rem;
        font-size: 1.6rem;
    }
}