.cont {padding-top:180px}
@media(max-width:768px){.cont{margin-top:40px}}

.wrapper.story { padding:var(--wrapper-pv) 0;}
.wrapper.story .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.story .item.text-area{z-index:1;position:relative;max-width:700px;width:100%;}
.wrapper.story .item.text-area .tagtext{background:var(--color-BandiGreen);color:white;font-size:var(--font-size1);width:120px;padding:10px;text-align:center;border-radius:22px;}
.wrapper.story .item.text-area .titletext{font-size:var(--font-size5);line-height:var(--line-height6); font-weight:bold; color:var(--color-BandiNavy);margin-top:20px;}
.wrapper.story .item.text-area .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:50px;}
.wrapper.story .item.text-area .bodytext p{margin:20px 0}
.wrapper.story .item.logo-area{z-index:-2; position:absolute;bottom:30px;right:10px; width:300px;} 
.wrapper.story .item.logo-area img{width:300px;} 


.wrapper.philosophy {padding:var(--wrapper-pv) 0;
         background: linear-gradient(
        to bottom,
        var(--color-BandiGreen) 0%,
        var(--color-BandiGreen) 4%,
        var(--color-BandiGreen) 8%,
        white 60%,
        white 100%
    ); }
.wrapper.philosophy .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.philosophy .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.philosophy .tagtext{width:140px; background:transparent;color:white;font-size:var(--font-size1);padding:10px;text-align:center;border:1px solid white; border-radius:22px;}
.wrapper.philosophy .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);margin-top:20px;}
.wrapper.philosophy .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:var(--color-BandiNavy);}
.wrapper.philosophy .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:20px;}
.wrapper.philosophy .bottom-bar{display:flex;justify-content:space-between;align-items:stretch;gap: 6%; margin-top:70px}
.wrapper.philosophy .bottom-bar .item {flex:1; background: white;display: flex;justify-content: start;align-items: start;flex-direction: column; padding: 40px 3%; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25); border-radius: 35px;}
@media(max-width:768px){.wrapper.philosophy .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 40px; margin-top:70px}
.wrapper.philosophy .bottom-bar .item {
    padding: 40px 5%;
}}


.wrapper.needs {padding:var(--wrapper-pv) 0; background: #336a9d; }
.wrapper.needs .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.needs .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.needs .tagtext{width:200px; background:var(--color-BandiGreen);color:white;font-size:var(--font-size1);padding:10px;text-align:center;border-radius:22px;}
.wrapper.needs .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:white;margin-top:30px;}
.wrapper.needs .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:white;margin-top:30px;}
.wrapper.needs .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.needs .bodytext.white{color:white;font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.needs .bottom-bar{display:flex;justify-content:space-between;align-items:stretch;gap: 6%; margin-top:70px}
.wrapper.needs .bottom-bar .item {flex:1; background:rgba(255, 255, 255, 0.09);display: flex;justify-content: start;align-items: center;flex-direction: column;padding: 40px 3%;box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25);border-radius: 35px;}
.wrapper.needs .bottom-bar .item .icon {width:70px;aspect-ratio:1/1;overflow:hidden;border-radius:50%; background:white}
.wrapper.needs .bottom-bar .item .icon img {width:100%;height:100%;object-fit:cover;transform:scale(1.3)}
@media(max-width:768px){.wrapper.needs .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 40px; margin-top:70px}
.wrapper.needs .bottom-bar .item {
    padding: 40px 5%;
}}

.wrapper.program {padding:var(--wrapper-pv) 0;}
.wrapper.program .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);overflow-x:hidden;}
.wrapper.program .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.program .tagtext{width:120px; background:var(--color-BandiGreen);color:white;font-size:var(--font-size1);padding:10px;text-align:center;border-radius:22px;}
.wrapper.program .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);margin-top:20px;}
.wrapper.program .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:var(--color-BandiNavy);margin-top:30px;}
.wrapper.program .titletext2{font-size:var(--font-size1);font-weight:bold;}
.wrapper.program .titletext2.white{color:white}
.wrapper.program .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:20px;}
.wrapper.program .bodytext.white{color:white;font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.program .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:center;gap: 30px; margin-top:50px}
.wrapper.program .bottom-bar .item:nth-child(1) {width:180px; aspect-ratio:1/1;border-radius: 50%;display:flex;justify-content:center;align-items:center;flex-direction:column;
    background: linear-gradient(to right, var(--color-BandiGreen)  0%, var(--color-BandiNavy) 100%);}
.wrapper.program .bottom-bar .item:nth-child(1) .system-name{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.wrapper.program .bottom-bar .item:nth-child(1) .system-name .titletext3{font-size:6rem;font-weight:bold; color:white;margin-bottom:-5px;}
.wrapper.program .bottom-bar .item:nth-child(2).pc{display:flex;flex-direction:row; justify-content:center;align-items:center;gap:15px;}
/* .wrapper.program .bottom-bar .item:nth-child(2).pc .item_sub{flex:1; width:140px;aspect-ratio:1/1; border-radius:50%;display:flex;justify-content:center; flex-direction:column; align-items:center;}
.wrapper.program .bottom-bar .item:nth-child(2).pc .item_sub .titletext2{margin-top:10px;}
.wrapper.program .bottom-bar .item:nth-child(2).pc .item_sub .bodytext{margin-top:8px;}
.wrapper.program .bottom-bar .item .icon2 {width:30px;aspect-ratio:1/1;border:1px solid white;background:white} */

.wrapper.program .bottom-bar .item:nth-child(2).pc .item_sub{flex:1; width:140px;aspect-ratio:1/1;overflow:hidden; border-radius:50%;}
.wrapper.program .bottom-bar .item:nth-child(2).pc .item_sub img{width:100%;height:100%;object-fit:cover;}

.wrapper.program .bottom-bar .item.mobile{display:none;}
@media(max-width:768px){

    .wrapper.program .bottom-bar .item:nth-child(1) .system-name .titletext3{margin-bottom:-25px;}
    .wrapper.program .bottom-bar .item:nth-child(2).pc{display:none;}
    .wrapper.program .bottom-bar .item.mobile{display:block;}
    .wrapper.program .bottom-bar .item.mobile .dummy{}
    .wrapper.program .bottom-bar .item.mobile .dummy:nth-child(1){display:flex;justify-content:center; align-items:center;gap:50px;}
    .wrapper.program .bottom-bar .item.mobile .dummy:nth-child(2){margin-top:-40px;display:flex;justify-content:center; align-items:center;}
    /* .wrapper.program .bottom-bar .item.mobile .dummy .item_sub{width:140px;aspect-ratio:1/1; border-radius:50%;display:flex;flex-direction:column; justify-content:center;align-items:center;}
    .wrapper.program .bottom-bar .item.mobile .dummy .item_sub .titletext2{margin-top:10px;}
    .wrapper.program .bottom-bar .item.mobile .dummy .item_sub .bodytext{margin-top:8px;} */

    .wrapper.program .bottom-bar .item.mobile .dummy .item_sub{width:140px;aspect-ratio:1/1;overflow:hidden; border-radius:50%;}
    .wrapper.program .bottom-bar .item.mobile .dummy .item_sub img{width:100%;height:100%;object-fit:cover;}
}


.wrapper.steps {padding:var(--wrapper-pv) 0; background: var(--color-gray3); }
.wrapper.steps .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.steps .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.steps .tagtext{width:200px; background:var(--color-BandiGreen);color:white;font-size:var(--font-size1);padding:10px;text-align:center;border-radius:22px;}
.wrapper.steps .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);margin-top:30px;}
.wrapper.steps .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3);text-align:center; color:var(--color-BandiNavy);margin-top:30px;}
.wrapper.steps .bodytext{text-align:left; color:var(--color-BandiNavy);font-size:var(--font-size07);line-height:var(--line-height23);margin-top:30px;}
.wrapper.steps .bodytext.white{color:white;font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.steps .bottom-bar{display:flex;justify-content:space-between;align-items:stretch;gap: 1.5%; margin-top:70px}
.wrapper.steps .bottom-bar .item {flex:1; background:white;display: flex;justify-content: start;align-items: center;flex-direction: column;padding: 40px 12px;box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25);border-radius: 30px;}
.wrapper.steps .bottom-bar .item .icon {width:118px;aspect-ratio:1/1;overflow:hidden;border-radius:50%; background:white}
.wrapper.steps .bottom-bar .item .icon img {width:100%;height:100%;object-fit:cover;}

@media (min-width:768px) and (max-width:1200px) {
    .wrapper.steps .bottom-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px 2%;           
    }

    .wrapper.steps .bottom-bar .item {
        flex: 0 0 32%;            
        padding: 40px 20px;
    }
}


@media(max-width:768px){.wrapper.steps .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 40px; margin-top:70px}
.wrapper.steps .bottom-bar .item {
    padding: 40px 5%;
}}


.wrapper.go {
    padding: var(--wrapper-pv) 0;
    background: linear-gradient(
        to right,
        var(--color-BandiGreen) 0%,
        var(--color-BandiNavy) 60%
    );
}
.wrapper.go .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);}
.wrapper.go .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.go .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);}
.wrapper.go .titletext{text-align:center;font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:white;margin-top:30px;}
.wrapper.go .bodytext.for-title{text-align:center;color:white;font-size:var(--font-size1);line-height:var(--line-height3);margin-top:30px;}
.wrapper.go .bodytext.white{color:white;font-size:var(--font-size1);line-height:var(--line-height3);}
.wrapper.go .bottom-bar{display:flex;justify-content:center;align-items:center;gap: 6%; margin-top:70px}
.wrapper.go .bottom-bar .item {width:200px; display: flex;justify-content: center;align-items: center;padding: 0px 20px; border:1px solid white; border-radius: 35px;}
.wrapper.go .bottom-bar .item .bodytext {width:200px;font-size:var(--font-size07);color:white; display: flex;justify-content: center;align-items: center;padding: 10px 20px; border-radius: 35px;}
@media(max-width:768px){.wrapper.go .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:center;gap: 20px; margin-top:70px}
.wrapper.go .bodytext.for-title{text-align:center;}
}