.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 .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,
        white 0%,
        white 40%,
        var(--color-BandiGreen) 92%,
        var(--color-BandiGreen) 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:var(--color-BandiGreen);color:white;font-size:var(--font-size1);padding:10px;text-align:center;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;}
.wrapper.philosophy .closing {width:100%; max-width:750px; margin:0 auto; margin-top:50px;text-align:center;}
@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.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);}
.wrapper.program .top-bar{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;}
.wrapper.program .tagtext{width:140px; 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-size2);font-weight:bold;}
.wrapper.program .titletext2.white{color:white}
.wrapper.program .middle-bar {display:flex;justify-content:center;align-items:center;margin-top:70px;}
.wrapper.program .middle-bar .system-name .titletext3{font-size:6rem;font-weight:bold; color:white;margin-bottom:-5px;}
.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:40px;}

.wrapper.program .middle-bar .system-name {padding-top:35px; width:210px; 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{display:flex;flex-wrap:wrap; justify-content:space-between;align-items:stretch;gap: 30px 2%;; margin-top:70px}
.wrapper.program .bottom-bar .item {flex:0 0 31%; background:white;display: flex;justify-content: start;align-items: center;flex-direction: column;padding: 40px 2%;box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25);border-radius: 30px;}
.wrapper.program .bottom-bar .item .icon0 {width:180px;height:80px;overflow:hidden;}
.wrapper.program .bottom-bar .item .icon0 img{width:100%;height:100%;object-fit:contain;}

.wrapper.program .closing {width:100%; max-width:750px; margin:0 auto; margin-top:50px;text-align:center;}

@media(max-width:768px){
    .wrapper.program .bottom-bar{display:flex;flex-direction:column; justify-content:space-between;align-items:center; margin-top:70px}
    .wrapper.program .bottom-bar .item {flex:1; width:100%; background:white;display: flex;justify-content: start;align-items: center;flex-direction: column;padding: 40px 2%;box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25);border-radius: 30px;}
}

.wrapper.model {padding:var(--wrapper-pv) 0;background:var(--color-gray3) }
.wrapper.model .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);display:flex;justify-content:space-between;align-items:start;}
.wrapper.model .wrap .left-frame{flex:0 0 52%; box-sizing:border-box;}
.wrapper.model .wrap .left-frame .image-box{width:100%;aspect-ratio:1.3/1;overflow:hidden;margin-top:90px;}
.wrapper.model .wrap .left-frame .image-box img{width:100%;height:100%;object-fit:cover;}
.wrapper.model .wrap .right-frame{flex:0 0 44%; box-sizing:border-box; }
.wrapper.model .top-bar{width:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;}
.wrapper.model .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);margin-top:5px;}
.wrapper.model .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height3); color:var(--color-BandiNavy);}
.wrapper.model .top-bar .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size1);line-height:var(--line-height3);margin-top:8px;}
.wrapper.model .bottom-bar{display:flex;justify-content:space-between;flex-direction:column;align-items:stretch;gap: 6%; margin-top:40px}
.wrapper.model .bottom-bar .bullet {display: flex;justify-content: start;align-items: start;}
.wrapper.model .bottom-bar .bullet .icon0 {width:50px; aspect-ratio:1/1;padding:15px;margin-top:2px;} 
.wrapper.model .bottom-bar .bullet .icon0 img {width:100%;height:100%;object-fit:cover;transform:scale(1.7)}
.wrapper.model .bottom-bar .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size07);line-height:var(--line-height23);}
.wrapper.model .bottom-bar .bullet .item {display: flex;justify-content: start;align-items: start;flex-direction: column; padding: 10px 3%; }
@media(max-width:768px){
    .wrapper.model .wrap{flex-direction:column;}
    .wrapper.model .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 20px; margin-top:40px}
    .wrapper.model .bottom-bar .item {    padding: 40px 5%;}}

.wrapper.support {padding:var(--wrapper-pv) 0;background:white; }
.wrapper.support .wrap{position:relative; width:100%;max-width:1190px;margin:0 auto; padding:var(--wrap-pv) var(--wrap-ph);; display:flex;justify-content:space-between;align-items:start;}
.wrapper.support .wrap .left-frame{flex:0 0 44%;}
.wrapper.support .wrap .right-frame.pc{flex:0 0 52%;}
.wrapper.support .wrap .right-frame.pc .image-box{width:100%;aspect-ratio:1.3/1;overflow:hidden;margin-top:117px;}
.wrapper.support .wrap .right-frame.pc .image-box img{width:100%;height:100%;object-fit:cover;}
.wrapper.support .top-bar{width:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;}
.wrapper.support .titletext{font-size:var(--font-size5);font-weight:bold;line-height:var(--line-height6);  color:var(--color-BandiNavy);}
.wrapper.support .titletext1{font-size:var(--font-size3);font-weight:bold;line-height:var(--line-height4); color:var(--color-BandiNavy);}
.wrapper.support .bodytext{color:var(--color-BandiNavy);font-size:var(--font-size07);line-height:var(--line-height23);margin-top:13px;}
.wrapper.support .bottom-bar{display:flex;justify-content:space-between;flex-direction:column;align-items:stretch;gap: 30px; margin-top:40px}
.wrapper.support .bottom-bar .item {background:var(--color-gray3);border-radius:30px; display: flex;justify-content: start;align-items: start;flex-direction: column; padding: 20px 4%; }
.wrapper.support .wrap .right-frame.mobile{display:none;}
@media(max-width:768px){
    .wrapper.support .wrap{flex-direction:column;}
    .wrapper.support .wrap .right-frame.pc{display:none;}
    .wrapper.support .wrap .right-frame.mobile{display:block;width:100%;}
    .wrapper.support .wrap .right-frame.mobile .image-box{width:100%;aspect-ratio:1.2/1;overflow:hidden;}
    .wrapper.support .wrap .right-frame.mobile .image-box img{width:100%;height:100%;object-fit:cover;}

    .wrapper.support .wrap .left-frame{width:100%;}

    /* .wrapper.support .wrap .left-frame{flex:1;border:1px solid red;}
    .wrapper.support .wrap .right-frame.mobile{flex:1;border:1px solid green;} */

    .wrapper.support .bottom-bar{display:flex;justify-content:space-between;flex-direction:column; align-items:stretch;gap: 40px; margin-top:40px}
    .wrapper.support .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;}
}

