@media screen and (max-width:1024px) {
/* header */
#header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100;}
#header .inner{display: flex; height: 100px;align-items: center;}
#header h1 a{font-size: 24px;font-weight: 700;color: #fff;}

/* visual_wrap */
#visual_wrap{position: relative; height: 100vh;}
#visual_wrap .img_box{width: 100%;height: 100%;background: url(/common/images/visual01.jpg) no-repeat; background-size: cover;}
#visual_wrap .txt_box{position: absolute;font-size: 50px;font-weight: 500; line-height: 80px; top: 50%; left: 0; transform: translateY(-50%); color: #fff; text-align: center;width: 100%;}

/* section01 */
#section01{background: url(/common/images/section01_bg01.jpg);}
#section01 .con_box{display: flex; height: 100vh;flex-direction: column;gap:100px;align-items: center;justify-content: center;}
#section01 .con_box ul{position: relative; display: flex;gap:50px;justify-content: center;}
#section01 .con_box ul:after{content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 592px;height: 4px;background: url(/common/images/section01_line01.png);}
#section01 .con_box ul li{position: relative; width: 210px;border-radius: 60px;line-height: 60px;text-align: center;background: #0387b2;border: 10px solid #d0ecf5;font-size: 25px;font-weight: 700;color: #fff;z-index: 10;}
#section01 .con_box .txt{text-align: center;}
#section01 .con_box .txt p{font-size: 30px;font-weight: 500;color: #333;margin-bottom: 15px;}
#section01 .con_box .txt strong{display: block; font-size: 40px;line-height: 50px;}
#section01 .con_box .txt strong span{color: #099ccc;}
#section01 .con_box .txt strong i{display: block;}


/* section02 */
#section02 ul{display: flex;flex-wrap:wrap;}
#section02 ul li{position: relative; width: calc((100%)/2);height: auto;padding: 4% 3%;}
#section02 ul li:nth-child(1){background: url(/common/images/section02_bg01.jpg) no-repeat center; background-size: cover;}
#section02 ul li:nth-child(2){background: url(/common/images/section02_bg02.jpg) no-repeat center; background-size: cover;}
#section02 ul li:nth-child(3){background: url(/common/images/section02_bg03.jpg) no-repeat center; background-size: cover;}
#section02 ul li:nth-child(4){background: url(/common/images/section02_bg04.jpg) no-repeat center; background-size: cover;}
#section02 ul li:nth-child(5){background: url(/common/images/section02_bg05.jpg) no-repeat center; background-size: cover;}
#section02 ul li:nth-child(6){background: url(/common/images/section02_bg06.jpg) no-repeat center; background-size: cover;}
#section02 ul li .tit{position: relative;}
#section02 ul li .tit p{font-size: 35px;font-weight: 700;color: #fff;line-height: 50px;}
#section02 ul li .tit span{position: absolute; display: block;font-size: 20px;font-weight: 300;opacity: .8;margin-top: 5px;color: #fff;}
#section02 ul li .txt_box{position: relative;left: 0;top: 0; width: 100%;padding: 0;margin-top: 130px;}
#section02 ul li .txt_box .txt{padding: 7% 4%;border-radius: 25px;border: 1px solid #fff;background: rgba(0,0,0,.4);color: #fff;margin-bottom: 5%;}
#section02 ul li .txt_box .txt:last-child{margin-bottom: 0;}
#section02 ul li .txt_box .txt p{font-size: 21px;font-weight: 700;margin-bottom: 20px;}
#section02 ul li .txt_box .txt span{font-size: 14px;font-weight: 500;line-height: 25px;}


/* section03 */
#section03 .con_box{display: flex; min-height: 100vh;flex-direction: column;gap:90px;align-items: center;justify-content: center;padding: 100px 0;}
#section03 .con_box .con01{display: flex;gap:20px;justify-content: center;}
#section03 .con_box .con01 .box{width: 360px;height: 340px;border-radius: 25px;border: 10px solid #3ab0d6;background: #fff;}
#section03 .con_box .con01 .box .tit{line-height: 90px;text-align: center;width: 100%;font-size: 30px;font-weight: 700;color: #fff;background: #3ab0d6;}
#section03 .con_box .con01 .box ul{display: flex; height: calc(100% - 90px);flex-direction: column;justify-content: center;padding: 0 25px;gap:40px;}
#section03 .con_box .con01 .box ul li{position: relative;display: flex;gap:10px;align-items: center;font-size: 20px;font-weight: 500;}
#section03 .con_box .con01 .box ul li:before{content:'';width: 20px;height: 12px;background: url(/common/images/section03_ico01.png);}
#section03 .con_box .con01 .box02{display: none; margin-top: 192px;}
#section03 .con_box .con01 .box02 p{position: relative; width: 140px;line-height: 46px;border-radius: 46px;text-align: center;background: #fafafa;font-size: 26px;margin-bottom: 30px;}
#section03 .con_box .con01 .box02 p:last-child{margin-bottom: 0;}
#section03 .con_box .con01 .box02 p:after{content:'';position: absolute;left: 50%;top: 50%; transform: translate(-50% , -50%);width: 326px;height: 4px;background: url(/common/images/section03_ico03.png);z-index: -1;}
#section03 .con_box .con01 .box03{border: 10px solid #d9d9d9;}
#section03 .con_box .con01 .box03 .tit{background: #f5f5f5;color: #686868;border-radius: 13px 13px 0 0;}
#section03 .con_box .con01 .box03 ul li:before{background: url(/common/images/section03_ico02.png);}
#section03 .con_box .con02 p{font-size: 35px;font-weight: 500;margin-bottom: 35px;text-align: center;}
#section03 .con_box .con02 strong{display: block; font-size: 40px;text-align: center;line-height: 1.4;}
#section03 .con_box .con02 strong span{color: #099ccc;}


/* footer */
#footer{padding: 40px 0;background: #e1edf1;}
#footer .inner{display: block;align-items: flex-end;justify-content: space-between;width: 100%;}
#footer .left_box a{display: block;margin-bottom: 25px;}
#footer .left_box address{display: flex;gap:15px 40px;flex-wrap:wrap;font-style: normal;}
#footer .left_box address p{color: #333;}
#footer .left_box address p:last-child{width: 100%;}
#footer .right_box{color: #333;margin-top: 15px;}
}