.sub-page { padding:120px 0 150px } 
.sub-page .page_title_wrap h2 { font-size: 2.5em; text-align: center; margin-bottom:80px; font-weight:600 } 
@media(max-width:1024px){
 .sub-page { padding:100px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:50px } 
 }
@media(max-width:768px){
 .sub-page { padding:80px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:30px; font-size: 1.8em;width:100%;padding:0 20px } 
 }
#footer { padding-top:0 } 
#footer .ft_top_content_wrap { position:relative; transform: none; } 



#comp01 .sec1 .flex-box { justify-content: space-between; align-items: center; } 
#comp01 .sec1 .flex-box .txt_wrap h3 { font-size: 2.5em; font-weight: 600; margin-bottom: 30px; font-family: 'GMarketSans'; position :relative } 
#comp01 .sec1 .flex-box .txt_wrap h3:before { position:absolute; left:-42px; top:-95px; content:''; background: url(../img/sub/comp01_icon.png)no-repeat center center/cover; width:137px; aspect-ratio: 1/1; } 
#comp01 .sec1 .flex-box .txt_wrap p { color: #000; line-height: 1.7; } 


@media(max-width:1399px){
 #comp01 .sec1 .flex-box .img_wrap { width:40% } 
 #comp01 .sec1 .flex-box .txt_wrap h3:before { left:-20px; } 
 }
@media(max-width:1199px){
 #comp01 .sec1 .flex-box .img_wrap { width:35% } 
 #comp01 .sec1 .flex-box .txt_wrap { width:60% } 
 #comp01 .sec1 .flex-box .txt_wrap .line-br { display:inline } 
 }
@media(max-width:1024px){
 #comp01 .sec1 .flex-box { flex-direction: column-reverse; gap:100px; } 
 #comp01 .sec1 .flex-box .txt_wrap h3:before { left:-40px; width:130px; top:-80px } 
 #comp01 .sec1 .flex-box .img_wrap { width: 100%; display: flex; align-items: center; justify-content: center; } 
 #comp01 .sec1 .flex-box .img_wrap img { width: 80% } 
 #comp01 .sec1 .flex-box .txt_wrap { width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; } 
 }
@media(max-width:768px){
 #comp01 .sec1 { padding:80px 0; } 
 #comp01 .sec1 .flex-box {gap:50px;}
 #comp01 .sec1 .flex-box .txt_wrap h3{font-size: 1.8em;}
 #comp01 .sec1 .flex-box .txt_wrap h3:before {width:80px; top:-40px;}
 }
#comp02 {background: url(../img/sub/comp02_bg.png)no-repeat left 95%;}
#comp02.sub-page .page_title_wrap h2 { margin-bottom:150px; } 
#comp02 .sec1 { } 
#comp02 .sec1 .flex-box { justify-content: space-between; } 
#comp02 .sec1 .flex-box .left_wrap { position:relative; width:50%; display: flex; justify-content: flex-end; } 
#comp02 .sec1 .flex-box .left_wrap h2 { font-size: 2.5em; font-family: 'GMarketSans'; font-weight: bold; margin-bottom:20px; } 
#comp02 .sec1 .flex-box .left_wrap p { line-height: 1.5; } 
#comp02 .sec1 .flex-box .right_wrap { position:relative; width:50%; padding-right:100px; max-width:1000px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap { display:flex; flex-wrap:wrap; gap:100px } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li { width: calc(50% - 50px); display: flex; flex-direction: column; align-items: center; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li:nth-child(1) { padding-top:220px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li:nth-child(4) { margin-top:-220px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li > span { display: block; text-align: right; width: 100%; margin-bottom: 10px; font-size: 1.5em; font-weight: bold; font-family: 'GMarketSans'; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li > img { } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li .list_txt { text-align: center; display: flex; flex-direction: column; align-items: center; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li .list_txt h3 { font-size: 1.5em; font-weight: 500; margin: 30px 0 10px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li .list_txt p { } 
#comp02 .sec1 .flex-box .left_wrap .sticky_box { width:100%; max-width:675px; display: flex; flex-direction: column; padding:0 20px; } 
#comp02 .sec1 .flex-box .sticky_box.is-fixed { position:fixed; top:250px; right:50%!important; left:unset!important; width:calc((100% - 0px) * 0.4); } 



@media(max-width:1399px){
 #comp02.sub-page .page_title_wrap h2 { margin-bottom:80px; } 
 #comp02 .sec1 .flex-box .right_wrap { padding-right:50px; } 
 #comp02 .sec1 .flex-box .right_wrap .list_wrap { gap: 100px 50px; } 
 #comp02 .sec1 .flex-box .right_wrap .list_wrap li { width:calc(50% - 25px) } 
 #comp02 .sec1 .flex-box .sticky_box { max-width:calc((100% - 0px) * 0.5); } 
 #comp02 .sec1 .flex-box .left_wrap h2 { font-size:2.3em } 
 #comp02 .sec1 .flex-box .left_wrap p span { display:inline } 
 }
@media(max-width:1199px){
 #comp02 .sec1 .flex-box .left_wrap h2 { font-size: 2em; } 
#comp02 .sec1 .flex-box .right_wrap { padding-right:20px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li > span { font-size: 1em; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li .list_txt h3 { font-size: 1.3em; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li .list_txt p { font-size:.9em } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap { gap:60px 20px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li { width:calc(50% - 10px) } 
 }
@media(max-width:1024px){
 #comp02.sub-page .page_title_wrap h2 { margin-bottom:50px; } 
 #comp02 .sec1 .flex-box { flex-direction: column; width: 92%; margin: 0 auto; gap:30px } 
 #comp02 .sec1 .flex-box .left_wrap , 
 #comp02 .sec1 .flex-box .right_wrap { width:100%; padding:0 } 
 #comp02 .sec1 .flex-box .left_wrap { justify-content: center; text-align: center; } 
 }
@media(max-width:768px){
 #comp02 .sec1 .flex-box .left_wrap h2 { font-size: 1.5em; } 
 #comp02 .sec1 .flex-box .right_wrap .list_wrap { gap:60px 30px; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li { width:calc(50% - 15px) } 
 }
@media(max-width:500px){
 #comp02 .sec1 .flex-box .right_wrap .list_wrap { gap:30px } 
 #comp02 .sec1 .flex-box .right_wrap .list_wrap li { width:100% } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li:nth-child(1) { padding-top:0; } 
#comp02 .sec1 .flex-box .right_wrap .list_wrap li:nth-child(4) { margin-top:0; } 
 }




#comp03 .sec1 .flex-box { display: flex; flex-direction: column; align-items: center; } 
#comp03 .sec1 .flex-box > span { font-size: 1.25em; color: #fff; width: 120px; background: var(--color-main); height: 40px; display: flex; align-items: center; border-radius: 30px; justify-content: center; margin-bottom: 20px; } 
#comp03 .sec1 .flex-box > span.semo { width: 300px; height: 100px; background: linear-gradient(to bottom, #ffe9d5, #ffffff); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } 
#comp03 .sec1 .flex-box > h3 { font-size: 2.5em; font-family: 'GMarketSans'; font-weight: bold; text-align: center;} 
#comp03 .sec1 .flex-box > p { position: relative; background: #fff; border: 5px solid var(--color-main); display: flex; align-items: center; justify-content: center; padding: 40px; border-radius: 100px; font-size: 1.5em; font-weight: 500; width:90%; max-width:1100px; } 
#comp03 .sec1 .flex-box > p:before { content: ''; position: absolute; width: calc(100% + 40px); height: calc(100% + 40px); border-radius: 100px; z-index: -1; border: 40px solid #FFE9D4; } 

@media(max-width:1024px){
 #comp03 .sec1 .flex-box > h3 { font-size: 2em; } 
 #comp03 .sec1 .flex-box > p { font-size:1.2em; padding:30px; width:100%; text-align: center; } 
 #comp03 .sec1 .flex-box > span.semo { width:200px; height:80px; } 
 }
 @media(max-width:768px) {
    #comp03 .sec1 .flex-box > h3 { font-size: 1.5em; }  
    #comp03 .sec1 .flex-box > p {font-size: .9em;width:90%}
  }
@media(max-width:500px) { 
    #comp03 .sec1 .flex-box > span {width:80px; height:30px;; font-size: .9em;}
    #comp03 .sec1 .flex-box > span.semo {width:140px;height:50px;margin-bottom:15px;}
    #comp03 .sec1 .flex-box > p {padding:15px 20px;}

} 



#comp04 { } 
#comp04 .title_img { background: url(../img/sub/comp04_img.png) no-repeat center center; aspect-ratio: 1400 / 350; width: 100%; display: flex; align-items: center; justify-content: center; } 
#comp04 .title_img h3 { font-size: 2em; color: #fff; text-align: center; font-weight: bold; line-height: 1.5; font-family: 'GMarketSans'; } 
#comp04 .years_list_wrap { position: relative; display: flex; padding: 60px 0; justify-content: space-between; gap:30px; } 
#comp04 .years_list_wrap:before { position: absolute; content: ''; width: 100%; height: 1px; background: #d9d9d9; left: 0; top: 157px; } 
#comp04 .years_list_wrap > li { display: flex; gap: 30px; align-items: flex-start; flex-direction: column; width: calc(100% / 3); } 
#comp04 .years_list_wrap > li p { font-size: 1.7em; font-weight: 600; width: 130px; font-family: 'GMarketSans'; } 
#comp04 .years_list_wrap > li .dot { width: 30px; border-radius: 50%; aspect-ratio: 1 / 1; background: #ffecdb; position: relative; } 
#comp04 .years_list_wrap > li .dot:before { position:absolute; content:''; width:10px; aspect-ratio: 1/1; background: var(--color-main); left:50%; top:50%; transform: translate(-50%, -50%); border-radius: 50%; } 
#comp04 .years_list_wrap > li ul { display: flex; line-height: 1.5; flex-direction: column; margin-top: 10px; gap:15px } 
#comp04 .years_list_wrap > li ul li { color:#333; position:relative; padding-left:20px;font-weight: 500; } 
#comp04 .years_list_wrap > li ul li:before { content:''; position:absolute; left:5px; top:.5em; width:5px; height:5px; border-radius: 50%; background:var(--color-main); } 
#comp04 .years_list_wrap > li ul li .gray_txt { color:#898989; font-size:.8em; font-weight: 400; } 
@media(max-width:1199px){
 #comp04 .years_list_wrap > li ul li span { display:inline } 
 #comp04 .title_img h3 {font-size: 1.8em;}
 }
@media(max-width:1024px){
 #comp04 .years_list_wrap { padding:40px 0; } 
 #comp04 .years_list_wrap:before { top:120px; } 
 #comp04 .years_list_wrap > li { gap:20px } 
 }
@media(max-width:768px){
 #comp04 .title_img { height:250px; } 
 #comp04 .years_list_wrap { flex-direction: column; } 
 #comp04 .years_list_wrap > li { width:100%; position:relative; flex-direction: row; padding-left:40px; } 
 #comp04 .years_list_wrap:before { left:10px; width:1px; height:100%; top:0; } 
 #comp04 .years_list_wrap > li p { width:30%; max-width:100px; font-size: 1.7em; } 
 #comp04 .years_list_wrap > li ul { margin-top:0 } 
 #comp04 .years_list_wrap > li .dot { position:absolute; left:0; top:0; width:20px; } 
 #comp04 .title_img h3 { font-size: 1.5em; } 
 }
@media(max-width:640px){
 #comp04 .years_list_wrap { padding:50px 0 } 
 #comp04 .years_list_wrap > li { position:relative; padding-left:50px; gap:10px; align-items: flex-start; flex-direction: column; } 
 #comp04 .years_list_wrap > li ul { gap:10px } 
 #comp04 .years_list_wrap > li .dot { position:absolute; left:0 } 
 #comp04 .title_img h3 { font-size: 1.3em;padding:0 20px; }  
 #comp04 .title_img h3 span{ display:inline; }  
 }


#comp05 { } 
.place-details-compact-container,
#comp05 .root_daum_roughmap .wrap_controllers,
#comp05 .root_daum_roughmap .cont { display:none!important } 
#comp05 .root_daum_roughmap .wrap_map { height:600px; } 
#comp05 .adress_wrap { padding: 35px 0; border-bottom: 1px solid #ebebeb; display: flex; align-items: center; justify-content: space-between; } 
#comp05 .adress_wrap .adress_txt { display: flex; gap: 10px; align-items: center; } 

#comp05 .adress_wrap .adress_list { display: flex; align-items: center; gap: 40px; } 
#comp05 .adress_wrap .adress_list li { display: flex; gap: 10px;    align-items: center; } 
@media(max-width:1199px){
 #comp05 .adress_wrap, 
 #comp05 .adress_list { flex-wrap:wrap; gap:10px; } 
 #comp05 .root_daum_roughmap .wrap_map { height:400px; } 
 #comp05 .adress_wrap .adress_list { gap:10px 40px; } 
 }



#comp06 .flex-box { flex-wrap:wrap; gap:55px 25px; } 
#comp06 .flex-box li { display: flex; flex-direction: column; align-items:center; width:calc(100% / 5 - 20px); gap:15px } 
#comp06 .flex-box li span { text-align: center; } 

@media(max-width:1024px){
 #comp06 .flex-box { gap:30px 20px } 
 #comp06 .flex-box li { width:calc(100% / 3 - 15px); } 
 #comp06 .flex-box li img { width:100% } 
 }
@media(max-width:640px){
 #comp06 .flex-box li { width:calc(100% / 2 - 10px); } 
 }

.content_list_wrap .dot { padding-left:15px; position:relative; margin-bottom:12px } 
.content_list_wrap .dot:before { content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:5px; aspect-ratio: 1/1; background: var(--color-main); border-radius: 50%; } 
.content_list_wrap .dot_line { border-bottom:2px dashed #ededed } 
.content_list_wrap > li > * { width:70% } 
.content_list_wrap > li { display: flex; align-items: center; padding: 60px 0; } 
.content_list_wrap > li:first-child { padding-top:0 } 
.content_list_wrap > li .list_tit { width: 30%; max-width: 400px; display: flex; align-items: center; justify-content: flex-start; font-size: 1.5em; font-weight: 600; gap: 10px; } 
.content_list_wrap .gray_box { background: #fafafa; padding: 40px; border-radius: 10px } 
.content_list_wrap .check_list_wrap { display: flex; flex-wrap: wrap; gap: 20px; } 
.content_list_wrap .check_list { width: calc(50% - 10px); position: relative; padding-left: 30px } 
.content_list_wrap .check_list:before { position:absolute; background: url(../img/sub/list_ck_icon.png)no-repeat center center; width:20px; aspect-ratio: 20/15; content:''; left:0; top:50%; transform: translateY(-50%); } 
.content_list_wrap .color_box_wrap { display: flex; flex-wrap: wrap; gap: 50px; } 
.content_list_wrap .color_box_wrap .color_box { align-items: center; width: calc(50% - 25px); background: #fdf8f3; position: relative; justify-content: center; border-radius: 20px; } 
.content_list_wrap .color_box_wrap .color_box .num { background: var(--color-main); color: #fff; width: 40px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; font-weight: 500; margin-bottom: 40px; } 
.content_list_wrap .color_box_wrap .color_box img { margin-bottom: 20px; } 
.content_list_wrap .color_box_wrap .color_box p { margin-bottom: 40px; text-align: center; } 


@media(max-width:1399px){
    .content_list_wrap > li .list_tit {width:25%;}
    .content_list_wrap > li > * { width:75% } 
}
@media(max-width:1199px){}
@media(max-width:1024px){
    .content_list_wrap .color_box_wrap {gap:30px}
    .content_list_wrap .color_box_wrap .color_box {width:calc(50% - 15px); padding:0 20px}
}
@media(max-width:768px){
    .content_list_wrap > li {padding:40px 0;flex-direction: column;align-items: flex-start;gap:20px;}
    .content_list_wrap > li .list_tit,
    .content_list_wrap > li > * { width:100% } 
}
@media(max-width:640px){
    .content_list_wrap .gray_box {padding:20px 30px;}
    .content_list_wrap .check_list {width:100%}
    .content_list_wrap .color_box_wrap {gap:20px 10px;}
    .content_list_wrap .color_box_wrap .color_box {width:calc(50% - 5px)}
    .content_list_wrap .color_box_wrap .color_box .num ,
    .content_list_wrap .color_box_wrap .color_box p{margin-bottom:20px;}
    .content_list_wrap .color_box_wrap .color_box .num {width:30px;font-size: .9em;}
    .content_list_wrap > li:first-child {padding-top:40px}
}
@media(max-width:500px){
    .content_list_wrap .color_box_wrap .color_box {width:100%}

}

#start02 .color_box_wrap .color_box { width:calc(100% / 3 - 35px) } 

.top_wrap { position: relative; } 
.top_wrap .txt_wrap { background: #fff; width: 90%; left: 50%; transform: translateX(-50%); padding: 75px 0 30px; display: flex; flex-direction: column; align-items: center; gap: 30px; margin-top: -120px; z-index: 2; position: relative; } 
.top_wrap .txt_wrap h3 { font-size: 2em; font-weight: 600; } 
.top_wrap .txt_wrap .line { height: 2px; width: 60px; background: var(--color-main); } 
.top_wrap .txt_wrap p { text-align: center; line-height: 1.5; } 
.bottom_wrap { display: flex; flex-direction: column; align-items: center; border: 1px solid #dbdbdb; margin-top: 60px; } 
.bottom_wrap h3 { background: var(--color-main); color: #fff; width: 90%; max-width: 560px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 1.25em; font-weight: 500; border-radius: 30px; margin-top: -30px; } 
.bottom_wrap ul { display: flex; padding-top: 70px; gap:200px; width:80%;    justify-content: center;} 
.bottom_wrap ul li { align-items: center; position:relative; gap: 20px; text-align: center; } 
.bottom_wrap ul li:before { position:absolute; content:''; height:100px; width:1px; background: #d9d9d9; right:-100px; top:50%; transform: translateY(-50%); } 
.bottom_wrap ul li:last-child:before { display:none } 
.bottom_wrap .bg_line { position:relative; z-index: 2; margin-top:40px; margin-bottom:50px; font-size: 1.1em;} 
.bottom_wrap .bg_line:before { content:''; position:absolute; left:0; background:#FFE8D3; height:15px; width:100%; bottom:0; z-index: -1; } 


#forest02 .content_list_wrap > li:first-child p { margin-bottom:20px; font-size: 1.1em;; font-weight: 500; } 
#forest02 .content_list_wrap > li:first-child .gray_box { padding:25px 30px } 
.content_list_wrap > li.forest_last_sec { text-align: center; gap:30px; padding-bottom:0; padding-top:100px; } 
.forest_last_sec h3 { font-size: 2em; font-weight: 600; font-family: 'GMarketSans'; display: flex; flex-direction: column; align-items:center; line-height: 1.5; } 
.forest_last_sec p { line-height:1.6; } 

#forest03 .content_list_wrap > li .list_tit { max-width:450px; } 
#forest03 .content_list_wrap .dot { width:50% } 
#forest03 .content_list_wrap .color_box_wrap .color_box { width:calc(100% / 3 - 20px); margin-bottom:20px; } 
#forest03 .content_list_wrap .color_box_wrap { width:100%; gap:25px } 
#forest03 .content_list_wrap > li:nth-child(3) ul { display:flex; flex-wrap:wrap; } 
#forest03 .content_list_wrap > li:nth-child(3) ul .dot { width:50% } 
#forest03 .content_list_wrap > li:nth-child(4) p { text-align: center; } 



#landscape02.sub-page,
#landscape03.sub-page { padding-bottom:0 } 
#landscape02 .content_list_wrap .check_list_wrap { flex-wrap:nowrap; } 
#landscape02 .content_list_wrap .check_list_wrap li { width:calc(100% / 4) } 

#landscape02 .content_list_wrap > li:first-child p,
#landscape03 .content_list_wrap > li:first-child p { margin-bottom:20px; font-size: 1.1em;; font-weight: 500; } 
#landscape02 .content_list_wrap > li:first-child .gray_box ul,
#landscape03 .content_list_wrap > li:first-child .gray_box ul { display:flex; flex-wrap:wrap } 
#landscape02 .content_list_wrap > li:first-child .gray_box .dot,
#landscape03 .content_list_wrap > li:first-child .gray_box .dot { width:50% } 

#landscape02 .sec2,
#landscape03 .sec2 { padding:100px 0 150px; background: #F9F9F9; } 
.lansdscape_last_sec { align-items: center; gap: 45px; } 
.lansdscape_last_sec h3 { display: flex; flex-direction: column; align-items: center; gap: 15px; } 
.lansdscape_last_sec h3 span { font-size: 2em; font-weight: 600; } 
.lansdscape_last_sec ul { gap: 20px; flex-wrap: wrap; width: 100%; } 
.lansdscape_last_sec ul li { border-radius: 30px; width: calc(100% / 4 - 15px); align-items: center; background: #fff; gap: 30px; aspect-ratio: 335 / 305; justify-content: center; border: 2px solid #ededed; text-align: center; line-height: 1.4; } 

#carbon01 .content_list_wrap .color_box_wrap,
#carbon02 .content_list_wrap .color_box_wrap,
#carbon03 .content_list_wrap .color_box_wrap { flex-wrap:nowrap } 

#carbon01 .content_list_wrap .check_list,
#carbon02 .content_list_wrap .check_list,
#carbon03 .content_list_wrap .check_list { width: calc(100% / 3 - 25px); } 

#carbon02 .content_list_wrap .check_list p { position:relative; padding-left:30px } 
#carbon02 .content_list_wrap .check_list p:before { position: absolute; background: url(../img/sub/list_ck_icon.png) no-repeat center center; width: 20px; aspect-ratio: 20 / 15; content: ''; left: 0; top: 50%; transform: translateY(-50%); } 
#carbon02 .content_list_wrap .check_list:before { display:none } 
#carbon02 .content_list_wrap .check_list ul { margin-top:15px; padding-left:30px; color:#575757; font-size:.8em; line-height: 1.7; } 




@media(max-width:1399px){
    #landscape02 .content_list_wrap .check_list_wrap {flex-wrap:wrap}
    #landscape02 .content_list_wrap .check_list_wrap li {width:calc(50% - 10px )}
    .lansdscape_last_sec ul li {padding:30px 10px}
    .lansdscape_last_sec ul li p span{display:inline}
}
@media(max-width:1199px){
    #forest03 .content_list_wrap > li {flex-direction: column;    align-items: flex-start;gap:20px}
    #forest03 .content_list_wrap > li .list_tit,
    #forest03 .content_list_wrap > li > * {width:100%}
    #forest03 .content_list_wrap > li .list_tit p span {display:inline}

    .bottom_wrap ul {gap:100px}
    .bottom_wrap ul li:before {right:-50px}
}
@media(max-width:1024px){
    #start02 .color_box_wrap .color_box { width:calc(100% / 3 - 20px) }  
    .content_list_wrap .color_box_wrap .color_box p span{display:inline}
    .lansdscape_last_sec ul li img {width:40%}
    .lansdscape_last_sec ul li p {font-size: .9em;}

    #carbon01 .content_list_wrap .check_list_wrap {gap:50px}
    #carbon01 .content_list_wrap .check_list,
    #carbon03 .content_list_wrap .check_list {width:auto}

    .bottom_wrap ul li p span,
    .top_wrap .txt_wrap p span {display:inline}
    .top_wrap .txt_wrap h3 {font-size: 1.8em;}
    .top_wrap .txt_wrap h3 img {width:60%; margin:0 auto}
    .top_wrap .txt_wrap {padding:40px 20px}
    
}
@media(max-width:768px){
    .lansdscape_last_sec ul li {width:calc(50% - 10px)}
    .lansdscape_last_sec h3 {text-align: center;}
    .lansdscape_last_sec h3 img {width:40%}
    .lansdscape_last_sec h3 span {font-size: 1.5em;}
    #carbon02 .content_list_wrap .check_list {width:calc(50% - 25px)}
    .bottom_wrap ul {flex-direction: column;}
    .bottom_wrap ul li:before {right:unset; left:50%;transform: translateX(-50%); width:100%;height:1px ;bottom:-50px; top:unset;}
    .bottom_wrap .bg_line {width:80%;text-align: center;text-decoration: underline 10px#FFE8D3;text-underline-offset: -5px;}
    .bottom_wrap .bg_line:before {display:none}
    .top_wrap .txt_wrap {margin-top:-80px;}
}

@media(max-width:640px){
    #start02 .color_box_wrap .color_box {width:calc(100% / 3 - 10px)}
    #landscape02 .content_list_wrap .check_list_wrap li {width:100%}
    #landscape02 .content_list_wrap > li:first-child .gray_box .dot, 
    #landscape03 .content_list_wrap > li:first-child .gray_box .dot,
    #forest03 .content_list_wrap > li:nth-child(3) ul .dot,
    #forest03 .content_list_wrap .color_box_wrap .color_box {width:100%}
    #forest03 .content_list_wrap .color_box_wrap {gap:10px;}
    #forest03 .content_list_wrap > li:nth-child(4) p span {display:inline}
    #carbon01 .content_list_wrap .check_list_wrap {gap:20px}
    #carbon01 .content_list_wrap .check_list,
    #carbon03 .content_list_wrap .check_list {width:100%}
    .top_wrap .txt_wrap {gap:15px;margin-top:0;padding:30px 0} 
    
    .bottom_wrap {margin-top:40px;}
    

}
@media(max-width:500px){
    #landscape02 .content_list_wrap > li:first-child p span,
    #landscape03 .content_list_wrap > li:first-child p span {display:inline}
    #start02 .color_box_wrap .color_box {width:100%}
    .lansdscape_last_sec ul {gap:10px;}
    .lansdscape_last_sec ul li{width:100%; padding:30px ;gap:20px;aspect-ratio: 0;height: auto;;}
    .lansdscape_last_sec ul li img {width:30%}
    .forest_last_sec p span{display:inline}
    #carbon02 .content_list_wrap .check_list {width:100%}
    #carbon02 .content_list_wrap .check_list ul{margin-top:5px; flex-wrap:wrap;display:flex}
    #carbon02 .content_list_wrap .check_list ul li {min-width:50%}
    #carbon01 .content_list_wrap .color_box_wrap, 
    #carbon02 .content_list_wrap .color_box_wrap,
    #carbon03 .content_list_wrap .color_box_wrap {flex-wrap:wrap}
}