@charset "utf-8";


.pfo_visual .top_txt h4 span{font-weight: 100 !important;}
.pfo_visual .top_txt h4{font-weight: 400;}

.scroll_02 .inner_box_in{ margin-top: 15%; }
.scroll_02 .inner_box_in img.b0l0{bottom: 47% !important;}
.scroll_02 .txt_ap{position: absolute; color: #fff; top: 10%; left: 0;width: 100%;}
.scroll_02 .txt_ap h4 span{font-weight: 100 !important;}
.scroll_02 .sub_text p{background: unset; color: #fff; padding-bottom: 0 !important;}
.scroll_02 .sub_text p b{font-size:38px;}

.scroll_03{position: relative; margin-top: -45% !important;}
.scroll_03 .in_txt_ap{ color: #fff;}
.scroll_03 .bg_box{aspect-ratio: 1/0.5;}
.scroll_03 .sub_text p{background: unset; color: #fff; padding-bottom: 0 !important;}

@media all and (max-width:1024px){
.scroll_03 .sub_text,
.scroll_02 .txt_ap{width:93.75%; margin:0 auto;}
.scroll_02 .inner_box_in{display:none;}
}

@media all and (max-width:768px){

.scroll_03{margin-top:-15% !important; background:url(/img/pfo_img20_2_bg01_01.png)no-repeat bottom center / cover;}
.scroll_02 .txt_ap{left:50%; transform:translateX(-50%);}
.scroll_02 .sub_text p b{font-size:22px;}

}

.txt_inner_yo span {
color: #FFF;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
display: block;
}

.txt_inner_yo .sub_text p {
    color: #FFF;
font-size: 22.5px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
}

.txt_inner_yo .sub_text p b {
    color: #FFF;
font-size: 22.5px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
}

.in_txt_ap span {
    color: #333;
text-align: center;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
display: block;
margin-top: 10px;
}

@media all and (max-width:768px){
    .txt_inner_yo .sub_text p,
    .txt_inner_yo .sub_text p b
     {
             font-size: 17px;
    }
    .txt_inner_yo span {
        font-size: 28px;
    }
}