@charset "utf-8";

/* Mobile */
.m_content{position:relative;color:#0b0b0b}
.main_visual{background:#010d1c url("/images/07_manifesto/main/visual_bg.jpg")no-repeat;height:450px;overflow:hidden;position:relative;background-size:cover;}
.main_visual .img{text-align:center;background:url("/images/07_manifesto/main/visual.png")no-repeat;width:100%;height:100%;background-size:cover;background-position:60% 0;padding:0 15px;}
.main_visual .tit{max-width:1400px;color:#fff;font-family:"NEXON Lv1 Gothic Low";text-align:right;padding-top:85px;margin:0 auto;}
.main_visual .tit p{font-size:0;padding-top:97px;background:url("/images/07_manifesto/main/tit.png")no-repeat 100% 0;width:165px;margin:0 0 0 auto;}
.main_visual .tit strong{display:block;font-size:22px;padding:2% 0;}
.main_visual ul{position:absolute;background:rgba(0,19,35,.8);left:0;bottom:0;right:0;display:flex;flex-wrap:wrap;font-size:18px;justify-content:center;}
.main_visual li{position:relative;}
.main_visual li:after{display:block;content:'';background-color:#fff;position:absolute;top:0;left:0;width:100%;height:1px;transform:scaleX(0);transition:transform 250ms linear;z-index:0;border-radius:0;}
.main_visual li:hover:after,
.main_visual li:focus:after,
.main_visual li:active:after{transform:scaleX(1);}
.main_visual li a{color:#fff;display:block;position:relative;padding:23px;}
.main_visual li a:before{display:inline-block;content:'';background:url("/images/07_manifesto/main/m_i.png")no-repeat 0 0;width:20px;height:15px;vertical-align:middle;}

.m_link li a{padding:20px 15px;display:block;}
.m_link .m2 a{background:#f1f1f1}
.m_link li strong{display:block;font-size:22px;padding:0 0 10px 37px;position:relative;}
.m_link li span{color:#5c5c5c;letter-spacing:-.3px;}
.m_link li strong:before{display:block;content:'';background:url("/images/07_manifesto/main/m_i.png")no-repeat center -68px;width:30px;height:35px;position:absolute;left:0;top:0;}
.m_link .m2 strong:before{background-position:center -138px;top:-3px;}
.m_link .m3 strong:before{background-position:center -201px;}

.m_goal{border:solid 1px #090909;border-left:none;border-right:none;}
.m_goal .item{display:flex;flex-wrap:wrap;}
.m_goal .item>li{position:relative;flex-basis:100%;border-bottom:solid 1px #ddd;display:flex;flex-wrap:wrap;height:100%;transition-duration:250ms;transition-timing-function:ease-in-out;overflow:hidden;}
.m_goal .item>li:hover{background:#f1f1f1}
.m_goal .item>li.on:hover{background:none}
.m_goal .item .btn{position:relative;height:100%;width:100%;padding:15px 15px 15px 50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.m_goal .item .btn:before{display:inline-block;content:'';width:50px;height:100%;position:absolute;left:0;top:0;background:url("/images/07_manifesto/main/bt_m.png")no-repeat center;}
.m_goal .item .con{display:flex;align-items:center;flex-wrap:wrap;width:100%;}
.m_goal .item .con .img{height:65px;width:75px;overflow:hidden;text-align:center;}
.m_goal .item .con .img img{height:100%;filter:blur(.8px);}
.m_goal .item .img strong{font-family:"NEXON Lv1 Gothic Low";color:#d5d5d5;display:none;font-size:30px;text-align:left;}
.m_goal .item .con div{width:calc(100% - 75px);padding-left:15px;}
.m_goal .item .con h3{font-size:24px;word-break:keep-all;display:flex;gap:5px;line-height:30px;}
.m_goal .item .con h3 em{font-style:normal;color:#666;font-size:18px;font-weight:800;}
.m_goal .item .con span{color:#5c5c5c;padding:10px  0;line-height:1.5;height:85px;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:none;width:100%;}
.m_goal .item .link{display:none;margin-top:10px;}
.m_goal .item .link li{display:inline-block;width:50%;text-align:center;}
.m_goal .item .link li a{display:block;padding:10px;background:#f1f1f1;font-family:'NEXON Lv1 Gothic Low';}
.m_goal .item .link li a:before{content:'';display:inline-block;background:url("/images/07_manifesto/main/m_i.png")no-repeat 0 -307px;width:20px;height:15px;vertical-align:middle;}
.m_goal .item .link li:hover a,
.m_goal .item .link li:active a{background:#2a2a2a; color:#fff}
.m_goal .item .link li:hover a:before,
.m_goal .item .link li:active a:before{background-position:0 0}
.m_goal .active .on{padding:30px 15px 30px 15px;}
.m_goal .active .on .btn{padding:0;height:auto;}
.m_goal .active .on .btn:before{display:none;}
.m_goal .active .on .con{flex-wrap:wrap;}
.m_goal .active .on .con div{width:100%;padding:20px 0 0 0;height:auto;}
.m_goal .active .on .img strong{display:block;}
.m_goal .active .on .con .img{width:100%;height:190px;}
.m_goal .active .on .con .img img{filter:none;}
.m_goal .active .on .con h3 em{display:inline-block;}
.m_goal .active .on .con span{display:block;display:-webkit-box;}
.m_goal .active .on .link{display:block;display:flex;}

/* Tablet */
@media all and (min-width:768px) {
.main_visual {height:645px;}
.main_visual .img{background-size:auto;background-position:100% 0;}
.main_visual .img img{width:auto;}
.main_visual .tit{padding-top:150px;}
.main_visual .tit p{background-position:0 bottom;width:505px;padding-top:140px;}
.main_visual .tit strong{font-size:37px;line-height:45px;}
.main_visual .tit strong br{display:none;}
.main_visual .tit span{font-size:45px;}
.main_visual ul{background:none;width:285px;position:relative;border-top:solid 1px rgba(255,255,255,.2);margin:0 0 0 auto;}
.main_visual li a{font-size:20px;}
    
.m_link li strong{font-size:28px;}
.m_link li span{font-size:18px;}

.m_goal .item .img strong{font-size:50px;}
.m_goal .item{height:650px;align-items:center;justify-content:center;flex-wrap:nowrap;}
.m_goal .item>li{flex:0 0 20%;border-right:solid 1px #ddd;border-bottom:none;flex-direction:column;justify-content:center;align-items:flex-start;}
.m_goal .item .btn:before{background:url("/images/07_manifesto/main/bt_p.png")no-repeat center;width:100%;height:27px;top:103px;left:0;}
.m_goal .item li .btn{padding:0;flex-direction:column;justify-content:center;}
.m_goal .item .con div{width:100%;padding:10px 15px 0 15px;height:130px;}
.m_goal .item .con .img{width:100%;height:190px;margin-top:55px;display:flex;align-items:center;justify-content:center;}
.m_goal .item .con h3,
.m_goal .item .con h3 em{display:block;}
.m_goal .item .link li a{padding:12px 22px;font-size:18px;}
.m_goal .item>li:first-child{border:solid 1px #ddd;}
.m_goal .active>li{flex:0 0 15%;}
.m_goal .active li.on{flex:0 0 40%;padding:0;}
.m_goal .active>li.on:first-child{border-left:none;}
.m_goal .active>li.on:last-child{border-right:none;}
.m_goal .active .on .con .img{display:block;margin-top:0;height:320px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content{padding-top:142px;}
.main_visual .img{background-position:0 0;padding:0;}
.main_visual .tit p{padding-right:5%;}

.m_link>div{max-width:1400px;margin:0 auto;}
.m_link ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m_link li a{padding:50px 0;}
.m_link .m2 a{background:none;}

.m_goal>div{max-width:1400px;margin:0 auto;}
.m_goal .item .con span{font-size:18px;height:95px;}
.m_goal .item .con div{padding-top:40px}
.m_goal .active .on .link{margin:10px 0 0 30px;}
.m_goal .active .on:first-child .link{margin-left:0}
.m_goal .active .on .con{padding:0 30px;}
.m_goal .active .on .con .img img{height:275px;margin-top:-13px;}
.m_goal .active .on .con h3{height:auto;padding:0;font-size:30px;line-height:30px;}
}

/* Desktop */
@media all and (min-width:1400px) {
.main_visual,
.m_goal{width:94%;margin:0 auto;max-width:1920px;}
.m_goal .active .on:first-child .con{padding:0 55px 0 0;}
}