.content_head {
    padding: 120rem 0 120rem 0;
    background-color: #fff;
}
.content_head h3 {
    font-size: 34rem;
    text-align: center;
}
.content_head p {
    font-size: 17rem;
    line-height: 1.5;
    font-weight: 300;
    text-align: center;
    padding: 25rem 0 0 0;
}
.only_pc_view_br {
    display: inline-block;
}
.only_mobile_view_br {
    display: none;
}



.intro_body_div.type_1 {
    background-color: #f4f2f0;
    padding-bottom: 389rem;
}
.intro_body_div.type_1 .txt_1 {
    font-size: 17rem;
    line-height: 1.5;
    font-weight: 300;
    padding-top: 50rem;
}
.intro_body_div.type_1 .intro_body_item {
    background-image: url(../../theme/DB.V5.THEME.03_guam/img/sub/sub_section1_thumb0.jpg);
    background-size: calc(100vw - (100vw - 1440rem) / 2 - 24rem);
    background-position: right;
    background-repeat: no-repeat;
    height: 333rem;
    transform: translateY(-85rem);
}
.intro_body_div.type_1 .intro_body_item .div_inner {
    height: 100%;
}
.intro_body_div.type_1 .intro_body_item .div_inner.bottom_txt {
    display: flex;
    justify-content: flex-end;
}
.intro_body_div img {
    max-width: 100%;
    width: auto;
}
.intro_body_div.type_1 .intro_body_item .txt_wrap {
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.intro_body_div.type_1 .intro_body_item .txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: flex-end;
    gap: 10rem;
    padding-bottom: 40rem;
}
.intro_body_div.type_1 .intro_body_item .txt span {
    font-size: 17rem;
    color:#fff;
    padding-bottom:12rem;
}
.intro_body_div.type_2 {}
.intro_body_div.type_2 .img_box_wrap {
    display: flex;  
    gap:30rem;
    margin-top: -37rem;
}
.intro_body_div.type_2 .img_box_wrap .img_box {}
.intro_body_div.type_2 .img_box_wrap .img_box:first-of-type {transform: translateY(-223rem);}
.intro_body_div.type_2 .img_box_wrap .img_box:last-of-type {transform: translateY(-107rem);}

.intro_body_div.type_2 .img_box_wrap img {
    max-width: 100%;
    width: auto;
}
.intro_body_div.type_2 .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 522rem;
    align-items: center;
    padding-left: 20rem;
}
.intro_body_div.type_2 .txt_box p {
    font-size: 17rem;
    line-height: 1.5;
    font-weight: 300;
    max-width: 400rem;
}
.intro_body_div.type_2 .txt_box p + p {
    padding-top: 25rem;
}
.intro_body_div.type_2 .div_2_wrap {
    display: flex;
}
.intro_body_div.type_2 .btn_more_area {
    margin-top: 50rem;
}

.intro_body_div.type_3 {
    display: flex;justify-content: center;
    align-items: center;
    background-image: url(../../theme/DB.V5.THEME.03_guam/img/sub/sub_intro_bottom.jpg);
    height: 438rem;
    background-repeat: no-repeat;
    background-size: cover;

}
.intro_body_div.type_3 .img_box {
}
@media screen and (max-width: 860px) {
    .content_head h3 {
        display: none;
    }
    .only_pc_view_br {
        display: none;
    }
    .only_mobile_view_br {
        display: inline-block;
    }
    .content_head {
        padding: 60rem 20rem 80rem 20rem;
    }
    .content_head p {
        padding:0;
        font-size: 26rem;
    }
    .content_head p + p {
        font-size: 18rem;
    }
    .intro_body_div.type_1 .intro_body_item {
        background:none;
        display: flex;
        flex-direction: column;
        height:auto;
        transform: translateY(0);
    }
    .intro_body_div.type_1 .intro_body_item .div_inner.top_wrap {
        background-image: url(../../theme/DB.V5.THEME.03_guam/img/sub/sub_section1_thumb0.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-bottom: 48.9705%;
        margin:0;
        position: relative;
    }
    .intro_body_div.type_1 .intro_body_item .txt {
        align-items: flex-end;
        padding-right: 20rem;
    }
    .intro_body_div.type_1 .intro_body_item .div_inner.top_wrap .txt_wrap {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
    }
    .intro_body_div.type_1 .txt_1, .intro_body_div.type_2 .txt_box p {
        line-height: 1.9;
    }
    .intro_body_div.type_2 .div_2_wrap {
        flex-direction: column;
    }
    .intro_body_div.type_2 .img_box_wrap {
        margin-top: -45%;
        padding-bottom: 77rem;
    }
    .intro_body_div.type_2 .img_box_wrap .img_box:first-of-type {
        transform: translateY(0);
    }
    .intro_body_div.type_2 .img_box_wrap .img_box:last-of-type {
        transform: translateY(77rem);
    }
    .intro_body_div.type_1 .intro_body_item .div_inner.bottom_txt {
        justify-content: flex-start;
        margin: 0;
    }
    .intro_body_div.type_2 .txt_box {
        width: 100%;
        padding-bottom: 100rem;
        padding-left: 0;
    }
    .intro_body_div.type_2 .txt_box .txt_box_inner {
        width: 100%;
    }
    .btn_more {
        padding: 17rem 44rem;
        font-size: 16rem;
        width: 100%;
    }
}
@media screen and (max-width: 550px) {
    .content_head p {
        font-size: 23rem;
    }
    .intro_body_div.type_1 {
        padding-bottom: 240rem;
    }
    .intro_body_div.type_1 .intro_body_item .txt .img_box:first-of-type {        max-width: 190rem;
    }
    .intro_body_div.type_1 .intro_body_item .txt .img_box:last-of-type {        max-width: 300rem;
    }
    .intro_body_div.type_1 .only_mobile_view_br {
        display: none;
    }
    .intro_body_div.type_2 .img_box_wrap {
        gap:10rem;
    }
    .intro_body_div.type_3 .img_box {
        max-width: 200rem;
    }
    .content_head p {
        font-size: 21rem;
    }
    .content_head p + p {
        font-size: 16rem;
    }
}