@charset "utf-8";
.verw h1,
.verw h2,
.verw h3,
.verw h4,
.verw h5,
.verw h6{margin:0;}
.main_on {display: none !important;}
#header h1{margin: .67em 0;}
/*homepage_sub02 start*/
@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}

.design_sub01_visual{background: url(/img/design/sub01/design_sub01_bg01.jpg) no-repeat top center / cover; padding: 19% 0 19.5%; position: relative;}
.design_sub01_visual .full_img{position: absolute; top:0; left:0; z-index: 9;}
.design_sub01_visual .inner .txt_box{text-align: center; position: relative; z-index: 11;}
.design_sub01_visual .inner .txt_box .tit{font-size: 100px; font-family: 'mt-b'; color:#ffffff; padding-top:3%; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.design_sub01_visual .inner .txt_box .txt{font-family: 'pre-r'; font-size: 24px;  letter-spacing: -1.08px; color:#ffffff; margin-top: 50px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}

@media all and (max-width:1200px){
    .design_sub01_visual .inner .txt_box .tit{font-size: 80px;}
}

@media all and (max-width:767px){
    .design_sub01_visual{padding: 31% 0 19.5%;}
    .design_sub01_visual .inner .txt_box .img_box{width: 80%; margin: 0 auto;}
    .design_sub01_visual .inner .txt_box .tit{font-size: 35px;}
    .design_sub01_visual .inner .txt_box .txt{font-size: 18px; margin-top: 30px;}
}


.design_sub01_con01{background:url(/img/design/sub01/design_sub01_con01_bg01.jpg)no-repeat center center / cover;}
.design_sub01_con02{background:url(/img/design/sub01/design_sub01_con02_bg01.jpg)no-repeat center center / cover;}
.design_sub01_con03{background-color: #111c53;margin-bottom: 160px;}
.design_sub01 .inner{padding:15% 0 10%; position: relative;}
.design_sub01 .top_txt .bot{display: flex; margin-top: 40px; gap: 70px; align-items: flex-start; flex-wrap: wrap;}
.design_sub01 .top_txt .bot h3{font-size: 60px; letter-spacing: -0.025em; color:#ffffff; font-weight: 700;}

.design_sub01 .top_txt .bot .left{width: calc(100% - 530px); padding-top: 70px; box-sizing: border-box; border-top: 1px solid #5c76a7;}
.design_sub01 .top_txt .bot .left p{font-size: 22px; color:#fff; letter-spacing: -0.025em; line-height: 1.5em;}

.design_sub01 .con_box{margin-top: 200px;}
.design_sub01 .con_box .img_box{text-align: center;}
.design_sub01_con02 .con_box {display: flex; justify-content: center; gap: 50px;}

.design_sub01_con03 .inner{display: flex; align-items: center; justify-content: space-between;}
.design_sub01_con03 .left_wrap{width: 40%; box-sizing: border-box; max-width: 680px;}
.design_sub01_con03 .right_wrap{width: 50%; box-sizing: border-box;}
.design_sub01_con03  .left_wrap .bot_box ul li {padding: 60px 0; border-bottom: 1px solid #515496;}

.design_sub01_con03  .left_wrap .bot_box ul li .tit p{font-weight: 700; color:#ffffff; letter-spacing: -0.05em;}
.design_sub01_con03  .left_wrap .bot_box ul li .cond{margin-top: 70px; font-size: 24px; color:#ffffff; letter-spacing: -0.05em; font-weight: 200; background-color: transparent;}
.design_sub01_con03  .left_wrap .bot_box ul li .i_list{display: flex; gap: 40px; background-color: transparent;}
.design_sub01_con03  .left_wrap .bot_box ul li .i_list i{width: 64px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--bg); display: block;}

@media all and (max-width:1920px){
.design_sub01 .inner .top_txt{width:93.75%; margin:0 auto;}
.design_sub01_con03 .left_wrap .bot_box ul{padding-left:4%;}
}

@media all and (max-width:1024px){
.design_sub01 .inner .top_txt{width:100%;}
.design_sub01_con03 .left_wrap .bot_box ul{padding-left:0;}
    .design_sub01 .top_txt .bot{flex-direction: column; align-items: baseline;}
    .design_sub01 .top_txt .bot .left{width: 100%;}
    .design_sub01 .top_txt .bot h3 br,
    .design_sub01 .top_txt .bot .left p br{display: none;}

    .design_sub01_con03 .inner{flex-direction: column;}
    .design_sub01_con03 .left_wrap{width: 100%;}
    .design_sub01_con03 .right_wrap{width: 100%;}
    .design_sub01_con03 .right_wrap .img_box{text-align: center;}
}

@media all and (max-width:1000px){
    .design_sub01_con03{margin-bottom: 13%;}
}

@media all and (max-width:767px){
    .design_sub01 .top_txt .bot h3{font-size: 35px;}
    .design_sub01 .top_txt .bot .left p{font-size: 20px; word-break: keep-all;}
    .design_sub01 .con_box{margin-top: 80px;}
    .design_sub01_con03 .left_wrap .bot_box ul li{padding: 30px 0;}
    .design_sub01_con03 .left_wrap .bot_box ul li .cond{margin-top: 30px;}
    .design_sub01_con03 .left_wrap .bot_box ul li .i_list i{width: 44px;}
}