@charset "UTF-8";

.visual{height: 950px; overflow: hidden; border-radius: 0 0 100px 0;}
.swiper_visual{height: 100%;}
.visual .slide1{background: url("../img/slide01.png")no-repeat; background-size: cover; background-position: center; }
.visual .slide2{background: url("../img/slide01.png")no-repeat; background-size: cover; background-position: center; }
.visual .slide3{background: url("../img/slide01.png")no-repeat; background-size: cover; background-position: center; }
.visual .slide4{background: url("../img/slide01.png")no-repeat; background-size: cover; background-position: center; }
.swiper-scale-effect .swiper-slide-cover {
    transition-timing-function: linear;
    transition-duration: 3s;
    transform: scale(1.1);
    width: 100%; height: 100%;
}
.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
    transform: scale(1);
}
.visual{position: relative;}
.visual .main_text{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff;}
.visual .main_text h2{font-family: 'SMUSnowflake-Bold'; font-size: 8.2rem; line-height: 112%; margin-bottom: 40px;}
.visual .main_text h3{font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.visual .swiper_btn_wrap{position: absolute; bottom: 20%; z-index: 9; left: 0; right: 0; margin: 0 auto; display: flex; gap: 0 12px;}
.visual .swiper_btn_wrap div{cursor: pointer;}
.visual .swiper-pagination-progressbar{top: initial; bottom: 10%; z-index: 9; max-width: 1540px; left: 0; right: 0; margin: 0 auto; height: 2px; width: 92%;}
.visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}

.txt h3{color: var(--color); font-size: 2.0rem; font-weight: 600; line-height: 140%;}
.txt h2{ font-family: 'SMUSnowflake-Bold'; font-size: 5.6rem; line-height: 128%; color: #111;}
.txt p{font-size: 1.8rem; color: #505050; font-weight: 500; line-height: 144%;}

.m1{position: relative; padding: 180px 0 240px; }
.m1 .width{display: flex; gap: 30px 5%; align-items: flex-start;}
.m1 .img{width: 54%;}
.m1 .img img{width: 100%;}
.m1 .txt h3{margin-bottom: 12px;}
.m1 .txt h2{margin-bottom: 28px;}
.m1 .txt p{margin-bottom: 48px;}
.m1 .text{width: 46%; position: sticky; top: 100px;}
.m1 .text a{width: 100%; height: 70px; border: var(--bar); border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 0px 8px; color: #505050; font-weight: 600; font-size: 1.8rem;}
.m1 .point{font-size: 9vw; position: absolute; bottom: -40px; right: 0; font-weight: 700; color: #F8F8FA;}

.m2{background: #F8F8FA;}
.m2 .txt{margin-bottom: 48px;}
.m2 .txt span{display: flex; gap: 0px 2%; align-items: flex-end;}
.m2 .txt span p{margin-bottom: 10px;}
.m2 .box_wrap{display: flex; gap: 20px 1.5%;}
.m2 .box_wrap .box{background: #fff; border-radius: 32px; box-shadow: 8px 8px 12px 0 rgba(34, 26, 141, 0.06); width: 25%; padding: 40px 32px; cursor: pointer; background: #fff;}
.m2 .box_wrap .box span{text-align: center; width: 100%; display: block; margin-bottom: 56px;}
.m2 .box_wrap .box h2{font-size: 3.2rem; font-weight: bold;  line-height: 130%; letter-spacing: -0.8px;}
.m2 .box_wrap .box h3{color: #505050; font-size: 1.8rem; font-weight: 500; line-height: 140%; letter-spacing: -0.45px;}
.m2 .box_wrap .box:hover{background: url("../img/m2-bg.png")no-repeat; background-size: cover; background-position: center;}
.m2 .box_wrap .box:hover h2{color: #fff;}
.m2 .box_wrap .box:hover h3{color: #fff;}

.m3{background: url("../img/m3-bg.png") no-repeat; background-size: cover; background-position: center; background-attachment: fixed; text-align: center; padding: 165px 0 175px 0;}
.m3 .txt h3{font-size: 2.4rem; color: #fff; font-weight: 600; margin-bottom: 20px;}
.m3 .txt h2{color: #fff; line-height: 128%; letter-spacing: -1.4px; margin-bottom: 20px;}
.m3 .txt p{color: #fff; font-weight: 500; margin-bottom: 40px;}
.m3 .txt a{height: 60px; display: flex; align-items: center; justify-content: center; gap: 0px 8px; border: var(--bar); border-radius: 100px; color: #fff; font-weight: 500; font-size: 2.0rem; width: 190px; margin: 0 auto; transition: 0.3s all;}
.m3 .txt a:hover{background: #fff; color: #505050;}
.m3 .txt a:hover svg path { stroke:#505050; }

.m4 .txt{position: relative;}
.m4 .txt h3{margin-bottom: 12px;}
.m4 .txt h2{margin-bottom: 28px;}
.m4 .txt {margin-bottom: 48px;}
.m4 .txt a{position: absolute; right: 0; bottom: 0; width: 185px; height: 60px; display: flex; align-items: center; justify-content: center; gap: 0px 10px; border-radius: 100px; border: var(--bar); font-size: 1.8rem; color: #505050; font-weight: 600;}
.m4 .latest{border-top: var(--bar);}

.m5 .txt{margin-bottom: 48px;}
.m5 .txt h3{margin-bottom: 12px;}
.m5 .box_wrap{display: flex; gap: 35px 2%;}
.m5 .box_wrap .box{width: 25%; text-align: center;}
.m5 .box_wrap .box img{width: 100%;}
.m5 .box_wrap .box p{margin-top: 28px; font-size: 3.2rem; color: #111; font-weight: bold;}

.m6{background: url("../img/m6-bg.png") no-repeat; background-size: cover; background-position: center; text-align: center; padding: 113px 0 110px 0;}

.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 650px;  height: 50vh;  max-height: 600px;  padding: 50px 20px;  background: #fff;  border-radius: 20px;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}

#ft{background: #fff; padding: 80px 0 0 0; border-top: var(--bar)}
#ft .footer{text-align: left;}
#ft .footer .foot_logo{display: inline-block; margin-bottom: 40px;}
#ft .foot_info{display: flex; flex-wrap: wrap; gap:16px 2%; width: 60%; margin-bottom: 70px;}
#ft .foot_info dl{ display: flex; gap: 0px 12px; width: 25%;}
#ft .foot_info dl.long dt{min-width: 85px;}
#ft .foot_info dt{font-size: 1.4rem; color: #999; letter-spacing: -0.35px;}
#ft .foot_info dd{font-size: 1.3rem; color: #505050; letter-spacing: -0.35px; white-space: nowrap;}
#ft .copyright{display: flex; align-items: center; justify-content: space-between; padding: 32px 48px; border-radius: 20px 20px 0 0; background: #0F2031;}
#ft .copyright span{color: #fff; font-size: 1.4rem; font-weight: 600;}
#ft .copyright li a{font-size: 1.4rem; font-weight: 600;}
#ft .copyright li a.pop-btn2{color: rgba(255, 255, 255, 0.60);}
#ft .copyright li a.pop-btn1{color:#fff;}
#ft .copyright ul{display: flex; gap: 0px 48px;}

.p1-bg{padding-bottom: 320px; background-image: url("../img/p1-bg.png"); background-repeat: no-repeat; background-position: bottom; background-size: cover; position: relative;}
.img img{width: 100%;}
.p1{position: relative;}
.spoint{position: absolute; color: rgba(0, 0, 0, 0.03); font-size: 8vw; font-weight: bold; line-height: 100%; right: -400px; bottom: 20px;}

.p2 .img{max-width: 1020px; margin: 0 auto}
.p4 .img{max-width: 1270px; margin: 0 auto}
.p4 .img img{width: 100%;}


.tab1{margin-bottom: 140px;}
.tab_top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.tab_top h2{display: flex; align-items: center; gap: 0px 12px; font-size: 3.2rem; color: #111; font-weight: bold;}
.tab_top .tabnav{display: flex; gap: 0px 15px; align-items: center;}
.tab_top .tabnav li a{font-size: 1.8rem; font-weight: bold;  color: #999;}
.tab_top .tabnav li a.active{color: var(--color);}

.pop-text{height: 42vh; overflow-y: scroll; }
.pop-text p{line-height: 140%; color: #555;}

#bo_cate li{width: 20%; padding: 0px;}
#bo_cate #bo_cate_on{background: none;border: none; border-bottom: 2px solid var(--color); color: var(--color); font-size: 1.8rem;}
#bo_cate a{border: none; border-bottom: 2px solid #E5E5EC; color: #999;}

.a1 .alogo{width: 70%;background: linear-gradient(135deg, #3983D3 0%, #1C5B9E 100%), linear-gradient(101deg, #295D95 0%, #204670 100%);margin-left: 40px; max-width: 800px; border-radius: 20px; padding: 40px 10px 48px 40px; position: relative; box-shadow: 6px 6px 16px 0 rgba(0, 0, 0, 0.12);}
.a1 .alogo h3{font-size: 2.0rem; color: rgba(255, 255, 255, 0.80); font-weight: 600; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 12px;}
.a1 .alogo h2{font-size: 4.0rem; line-height: 130%; letter-spacing: -1px; color: #fff;}
.a1 .alogo span{position: absolute; right: 40px; bottom: 25px;}
.a1 .a1bg{height: 260px; border-radius: 32px; overflow: hidden; width: 100%; background: url("../img/a1-bg.png") no-repeat; background-position: center; background-size: cover; margin-top: -155px; margin-bottom: 28px;}
.a1 .text_wrap{margin-left: 40px;}
.a1 .text_wrap h2{ font-size: 2.8rem; font-weight: bold; line-height: 135%; margin-bottom: 40px;}
.a1 .text_wrap h2 b{color: var(--color); font-weight: bold;}
.a1 .text_wrap p{margin-top: 12px; color: #505050; line-height: 145%; font-weight: 500; font-size: 1.8rem;}
.a1 .text_wrap dl{display: flex; gap: 0px 24px; align-items: center; margin-top: 40px;}
.a1 .text_wrap dl dt{font-size: 1.8rem; font-weight: 600; color: #111;}
.a1 .text_wrap dl dt b{font-weight: 600; color: var(--color);}
.a1 .text_wrap dl dd{font-family: 'MaruBuriSemiBold'; font-size: 4.0rem; letter-spacing: -1px;}

.a2 .board_title{margin-bottom: 100px;}
.a2 .board_title h2{font-size: 4.0rem;}
.his_wrap{position: relative;}
.his_wrap .box_wrap1{margin-bottom: 180px;}
.his_wrap .box_wrap{display: flex; justify-content: space-between;}
.his_wrap .box_wrap .himg{width: 50%; max-width: 370px;}
.his_wrap .box_wrap .himg img{width: 100%;}
.his_wrap .box_wrap .text{width: 50%; max-width: 370px;}
.his_wrap .box_wrap .text h2{ font-weight: bold;letter-spacing: -2.5px; margin-bottom: 25px; line-height: 100%; font-size: 8.0rem; color: #111;}
.his_wrap .box_wrap .text h3{font-size: 3.2rem; color: #111; font-weight: 700; line-height: 130%; margin-bottom: 50px;}
.his_wrap .box_wrap .text dl{display: flex; align-items: center; margin-top: 20px;}
.his_wrap .box_wrap .text dl dt{font-size: 2.4rem; font-weight: 700; color: var(--color); min-width: 60px;}
.his_wrap .box_wrap .text dl dd{font-size: 2.0rem; color: #505050; font-weight: 500; letter-spacing: -0.5px;}
.his_wrap .box_wrap2{flex-direction: row-reverse;}
.his_wrap .line{position: absolute; left:0; right: 0; margin: 0 auto; width: 2px; height: 100%; background: #E5E5EC;}
.his_wrap .line .line_arrow{position: absolute; left: -19px; width: 40px;}

.e1 ul{display: flex; margin-bottom: 80px;}
.e1 ul li{width: 50%;}
.e1 ul li a{width: 100%; color: #999; font-size: 2.4rem; font-weight: 600; line-height: 140%; padding-bottom: 16px; border-bottom: var(--bar); display: block; text-align: center;}
.e1 ul li a.on{color: var(--color); border-bottom: 1px solid var(--color);}
.e1 .spe{padding-bottom: 240px; position: relative;}
.e1 .spe .ep{position: absolute; bottom: -50px; right: -30%; font-size: 8vw; color: #f8f8fa; letter-spacing: -3.5px; font-weight: bold;}
.e5-bg{background: url("../img/e5-bg.png")no-repeat; background-size: cover; background-position: center;}

.b1{position: relative;}
.b1 ul{display: flex; margin-bottom: 80px;}
.b1 ul li{width: 50%;}
.b1 ul li a{width: 100%; color: #999; font-size: 2.4rem; font-weight: 600; line-height: 140%; padding-bottom: 16px; border-bottom: var(--bar); display: block; text-align: center;}
.b1 ul li a.on{color: var(--color); border-bottom: 1px solid var(--color);}

.b1 .spe{padding-bottom: 240px; position: relative;}
.b1 .spe .ep{position: absolute; bottom: -50px; right: -30%; font-size: 8vw; color: #f8f8fa; letter-spacing: -3.5px; font-weight: bold;}

.b1 .spe .box_wrap{display: flex; align-items: center; gap: 25px 6%;}
.b1 .spe .bimg{width: 34%;}
.b1 .spe .bimg img{width: 100%;}
.b1 .spe .text{width: 64%;}
.b1 .spe .text h3{font-size: 2.0rem; color: var(--color); font-weight: 600; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 4px;}
.b1 .spe .text h2{font-size: 4.0rem; font-weight: bold; line-height: 130%; letter-spacing: -1px; margin-bottom: 24px;}
.b1 .spe .text p{color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.b1 .spe .text .icon_wrap{display: flex; border-radius: 16px; background: #F8F8FA; margin-top: 60px;}
.b1 .spe .text .icon{padding: 24px 10px 30px 10px; width: 25%; text-align: center;}
.b1 .spe .text .icon h4{color: #505050; font-weight: 500; margin-bottom: 4px;}
.b1 .spe .text .icon h5{color: #333; font-size: 1.8rem; font-weight: 600; line-height: 144%;}

.b2{background: #F8F8FA;}
.b2 .btxt, .b3 .btxt, .b5 .btxt, .ctxt{display: flex; align-items: center; gap: 0px 12px; font-size: 3.2rem; font-weight: bold; color: #111;}
.b2 h6{color: #505050; line-height: 150%; margin-top: 40px; margin-bottom: 8px;}
.b2 table{width: 100%; border-top: 2px solid #3983D3; border-left: 1px solid #e1e1e1; background: #fff;}
.b2 table th{border-right: 1px solid #e1e1e1; background: rgba(57, 131, 211, 0.10); border-bottom: 1px solid #e1e1e1; color: #3983D3; font-weight: 600; line-height: 150%; padding: 16px 4px;}
.b2 table .mid td{border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; background: #F7F7F7; color: #505050; font-weight: 600; padding: 16px 0;}
.b2 table .bot td{border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; color: #505050; font-weight: 500; padding: 16px 0; color: #505050;}
.b2 .scroll2{margin-bottom: 100px;}

.b3{padding-bottom: 0px;}
.b3 .box_wrap{display: flex; gap: 45px 2%; margin-top: 40px;}
.b3 .box_wrap .box{width: 50%; text-align: center;}
.b3 .box_wrap .box .bimg img{width: 100%;}
.b3 .box_wrap .box p{ margin-top: 12px; font-size: 2.8rem; color: #111; font-weight: 600;}

.b5 .spe{padding-bottom: 140px;}
.b5 .btxt{margin-bottom: 40px;}
.b5-bg{background: url("../img/e5-bg.png")no-repeat; background-size: cover; background-position: center;}
.b5-bg .box_wrap{display: flex; gap: 48px 2%; flex-wrap: wrap;}
.b5-bg .box_wrap .box{width: 49%; display: flex; align-items: center; gap: 0px 3%;}
.b5-bg .box_wrap .box dl{display: flex; gap: 0px 8px; align-items: center; margin-top: 4px;}
.b5-bg .box_wrap .box dl dt{color: #505050;  line-height: 140%;}
.b5-bg .box_wrap .box dl dd{color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.b5-bg .box_wrap .box h2{font-size: 2.4rem; font-weight: 600; color: #111; line-height: 140%; margin-bottom: 12px;}

.b6 .box_wrap{display: flex; gap: 20px 2%; }
.b6 .box{width: 50%; border-radius: 24px;border: 2px solid #E5E5EC; padding: 28px 40px; transition: 0.3s all;}
.b6 .box h3{font-size: 2.8rem; color: #999; font-weight: bold; line-height: 135%; margin-bottom: 12px;}
.b6 .box h2{font-size: 2.8rem; color: #111; line-height: 135%; letter-spacing: -0.7px; font-weight: bold; margin-bottom: 24px;}
.b6 .box p{font-size: 2.0rem; color: #505050; font-weight: 500; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 50px;}
.b6 .box a{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100px; background: #f8f8fa; font-size: 1.8rem; color: #111; font-weight: 600; transition: 0.3s all;}
.b6 .box:hover a{background: var(--color); color: #fff;}
.b6 .box:hover{border: 2px solid var(--color); box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.12);}

.b7 p{color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 16px;}

#popup3 .pop-close, #popup4 .pop-close{width: 45px; height: 45px; top: -50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#popup3 .pop-inner{max-width: 1020px; max-height: initial;padding: 28px 40px; height: 56vh}
#popup3 .pop-text{height: 50vh; overflow-y: scroll;}
#popup3 .pop-text h3{font-size: 2.8rem; color: #999; font-weight: 700; line-height: 135%; letter-spacing: -0.7px; margin-bottom: 12px;}
#popup3 .pop-text h2{font-size: 2.8rem; color: #111; font-weight: bold; line-height: 135%; margin-bottom: 24px;}
#popup3 .pop-text p{color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%;}
#popup3 .pop-text ul{margin-top: 8px;}
#popup3 .pop-text ul li{font-size: 2.0rem; color: #505050; font-weight: 500; line-height: 140%; margin-top: 6px;}
#popup3 .pop-text ul li span{margin-right: 8px; font-size: 14px;}
#popup3 .pop-text ul li b{color: #111;}
#popup3 .pop-text h4{margin-top: 20px; font-size: 2.0rem; color: #505050; line-height: 140%; margin-bottom: 40px;}
#popup3 .pop-text h4 b{color: #111;}

#popup4 .pop-inner{max-width: 1020px; max-height: initial;  padding: 28px 40px; height: 56vh}
#popup4 .pop-text{height: 50vh; overflow-y: scroll;}
#popup4 .pop-text h3{font-size: 2.8rem; color: #999; font-weight: 700; line-height: 135%; letter-spacing: -0.7px; margin-bottom: 12px;}
#popup4 .pop-text h2{font-size: 2.8rem; color: #111; font-weight: bold; line-height: 135%; margin-bottom: 24px;}
#popup4 .pop-text p{color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%;}
#popup4 .pop-text ul{margin-top: 8px;}
#popup4 .pop-text ul li{font-size: 2.0rem; color: #505050; font-weight: 500; line-height: 140%; margin-top: 6px;}
#popup4 .pop-text ul li span{margin-right: 8px; font-size: 14px;}
#popup4 .pop-text ul li b{color: #111;}
#popup4 .pop-text h4{margin-top: 20px; font-size: 2.0rem; color: #505050; line-height: 140%; margin-bottom: 40px;}
#popup4 .pop-text h4 b{color: #111;}

.c1 .c1-bg{background: url("../img/c1-bg.png")no-repeat; background-size: cover; background-position: center;  border-radius: 32px; overflow: hidden; padding: 160px 0; text-align: center; color: #fff;}
.c1 .c1-bg h2{font-size: 4.8rem; font-weight: 600; line-height: 130%; margin-bottom: 40px;}
.c1 .c1-bg p{font-size: 2.0rem; font-weight: 500; line-height: 140%;}
.c1-2 h2{margin-bottom: 40px;}
.c1-3 h2{margin-bottom: 40px;}
.c1-3 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 1.5%;}
.c1-3 .box{width: 49%; border-radius: 24px; background: #F8F8FA; padding: 40px; display: flex; align-items: center; justify-content: space-between;}
.c1-3 .box h3{font-size: 2.4rem; font-weight: 600; line-height: 140%; margin-bottom: 12px;}
.c1-3 .box p{font-size: 1.8rem; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.c1-4{padding-bottom: 0px;}
.c1-4 .box_wrap{display: flex; gap: 20px 1.5%; margin-top: 40px;}
.c1-4 .box_wrap .box{border-radius: 24px;border: 2px solid #E5E5EC; padding: 55px 40px; width: 33%; background: #fff;  background-repeat: no-repeat;
    background-position: 95% 15%;}
.c1-4 .box_wrap .box:hover{border: 2px solid #3983D3;}
.c1-4 .box_wrap .box:nth-of-type(1){
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTI0LjM5MjYgMzAuMTg4TDI5LjUyNyAzNS40NzU3TDM3LjM3NTkgMjcuMzkyNiIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0zMCAxMEMzMCAxMCAyNi4zNTA4IDE4LjM3OTggMTUgMTYuNTY2N1YzNS41NTQ2QzE1LjI5NDUgMzYuNjU1NyAxMy45ODg1IDQ1LjU4MjcgMzAgNTBDNDYuMDExNSA0NS41NzYxIDQ0LjcwNTUgMzYuNjU1NyA0NSAzNS41NTQ2VjE2LjU2NjdDMzMuNjQ5MiAxOC4zNzk4IDMwIDEwIDMwIDEwWiIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
   }
.c1-4 .box_wrap .box:nth-of-type(1):hover{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTI0LjM5MjYgMzAuMTg4TDI5LjUyNyAzNS40NzU3TDM3LjM3NTkgMjcuMzkyNiIgc3Ryb2tlPSIjMjk1RDk1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0zMCAxMEMzMCAxMCAyNi4zNTA4IDE4LjM3OTggMTUgMTYuNTY2N1YzNS41NTQ2QzE1LjI5NDUgMzYuNjU1NyAxMy45ODg1IDQ1LjU4MjcgMzAgNTBDNDYuMDExNSA0NS41NzYxIDQ0LjcwNTUgMzYuNjU1NyA0NSAzNS41NTQ2VjE2LjU2NjdDMzMuNjQ5MiAxOC4zNzk4IDMwIDEwIDMwIDEwWiIgc3Ryb2tlPSIjMjk1RDk1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
}
.c1-4 .box_wrap .box:nth-of-type(2){
    background-image:url('../img/c1-icon12.png');}
.c1-4 .box_wrap .box:nth-of-type(2):hover{
    background-image:url('../img/c1-hov2.png');
}
.c1-4 .box_wrap .box:nth-of-type(3){
    background-image:url('../img/c1-icon13.png');}
.c1-4 .box_wrap .box:nth-of-type(3):hover{
    background-image:url('../img/c1-hov3.png');
}
.c1-4 .box_wrap .box .top{margin-bottom: 24px;}
.c1-4 .box_wrap .box .top h3{color: #3983D3; font-size: 2.6rem; font-weight: 500; line-height: 138%; margin-bottom: 24px;}
.c1-4 .box_wrap .box .top h4{color: #111; font-size: 2.6rem; line-height: 138%; letter-spacing: -0.65px; font-weight: 600;}
.c1-4 .box_wrap .box dl{ display: flex; gap: 0px 7px; margin-top: 12px;}
.c1-4 .box_wrap .box dl dt{color: #505050; font-size: 1.8rem; font-weight: 500;}
.c1-4 .box_wrap .box dl dd{color: #505050; font-size: 1.8rem; font-weight: 400; line-height: 145%; letter-spacing: -0.45px;f}

.c2-1 h2{margin-bottom: 40px;}
.c2-1 .img{border-radius: 32px; overflow: hidden;}
.c2-1 .box_wrap{margin-top: 20px; display: flex; gap: 15px 1.5%;}
.c2-1 .box_wrap dl{width: 33%; padding: 24px 40px; border-radius: 100px; background: #F8F8FA; display: flex; gap: 0px 7px;}
.c2-1 .box_wrap dl dd{font-size: 1.8rem; font-weight: 500; line-height: 144%; letter-spacing: -0.45px; color: #505050;}
.c2-2 h2{margin-bottom: 40px;}
.c2-3 .ctxt{margin-bottom: 40px;}
.c2-3 .com_txt{color: #111; font-size: 2.8rem; font-weight: bold; line-height: 135%; letter-spacing: -0.7px; position: relative; margin-bottom: 20px; display: inline-block;}
.c2-3 .com_txt:after{content: ""; width: 10px; height: 10px; background: #3983D3; border-radius: 50%; position: absolute; right: -20px; top: 0px; }
.c2-3 .c2_content{margin-top: 100px;}
.c2-3 .c2_content1{margin-top: 0px;}
.c2-3 .c2_content dl{display: flex; gap:0px 8px; margin-top: 12px;}
.c2-3 .c2_content dl dd{font-size: 2.0rem; color: #505050; line-height: 140%; letter-spacing: -0.5px;}
.c2-3 .c2_content .scroll{margin-top: 32px; border-radius: 32px; background: #f8f8fa; padding: 40px;}
.c2-3 .c2_content .scroll h6{color: #111; font-size: 2.4rem; font-weight: bold; line-height: 140%; margin-bottom: 20px;}
.c2-3 .c2_content .scroll table{background: #fff; border-left: 1px solid #e1e1e1; border-top: 2px solid #3983D3}
.c2-3 .c2_content .scroll table th{background: rgba(57, 131, 211, 0.10); padding: 16px 0; font-size: 1.8rem; color: #3983D3; font-weight: 600; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.c2-3 .c2_content .scroll table td{padding: 16px 30px 16px 30px; color: #505050; font-size: 1.6rem; font-weight: 500;border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; text-align: center;}
.c2-3 .c2_content .scroll table td:first-child{text-align: left;}
.c2-3 .c2_content .box_wrap{margin-top: 32px; border-radius: 32px; background: #f8f8fa; padding: 40px;}
.c2-3 .c2_content .box_wrap h6{color: #111; font-size: 2.4rem; font-weight: bold; line-height: 140%; margin-bottom: 20px;}
.c2-3 .c2_content .box_wrap ul li{color: #505050; font-size: 2.0rem; line-height: 140%; margin-top: 12px;}
.c2-3 .c2_content .box_wrap ul li span{min-width: 18px; display: inline-block;}
.c2-3 .c2_content3 .icon_wrap1 {border-top: 2px solid #3983D3}
.c2-3 .c2_content3 .icon_wrap{padding: 40px; border-bottom: var(--bar); display: flex; align-items: center; gap: 0px 3%;}
.c2-3 .c2_content3 .icon{display: flex; align-items: center;}
.c2-3 .c2_content3 .icon h3{color: #111; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.6px; margin-left: 40px; min-width: 200px;}
.c2-3 .c2_content3 .icon_wrap .text p{display: flex; gap: 0px 8px; color: #505050; font-size: 2.0rem; font-weight: 500;letter-spacing: -0.5px; margin: 4px 0;}
.c2-3 .c2_content4 .icon_wrap2 {display: flex; gap: 20px 1%; margin-top: 32px;}
.c2-3 .c2_content4 .icon_wrap2 .ibox{width: 25%; border: 2px solid #e5e5ec; padding: 37px 0 36px 0; text-align: center; border-radius: 24px;}
.c2-3 .c2_content4 .icon_wrap2 .ibox h3{color: #999; font-size: 1.8rem; margin-top: 28px; font-weight: 500; line-height: 144%; margin-bottom: 4px; letter-spacing: -0.45px;}
.c2-3 .c2_content4 .icon_wrap2 .ibox h4{color: #111; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.6px;}
.c2-3 .c2_content4 .icon_wrap2 .ibox:hover{background: #3983D3; border: 2px solid #3983D3;}
.c2-3 .c2_content4 .icon_wrap2 .ibox:hover img{filter: grayscale(1) brightness(0) invert(1);}
.c2-3 .c2_content4 .icon_wrap2 .ibox:hover h3{color: #fff;}
.c2-3 .c2_content4 .icon_wrap2 .ibox:hover h4{color: #fff;}
.c3-3{margin-top: 140px;}
.c4 table{width: 100%; border-top: 2px solid #3983D3; border-left: 1px solid #e1e1e1; background: #fff;}
.c4 table th{padding: 16px 0; color: #3983D3; font-weight: 700; line-height: 150%; letter-spacing: -0.4px; background: #ECF3FB; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.c4 table .line td{border-top: 2px solid #3983D3}
.c4 table td{padding: 16px 0; text-align: center; color: #505050; font-weight: 500; letter-spacing: -0.4px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #505050;}
.c4 table td.left{padding: 16px 24px; text-align: left;}


@media all and (max-width: 1400px){
    .m2 .box_wrap .box img{width: 100%;}
    .m2 .box_wrap .box{padding: 25px 16px;}
    .m2 .box_wrap .box span{margin-bottom: 10px;}
    .m2 .box_wrap .box h2{font-size: 2.4rem;}
    .m2 .box_wrap .box h3{font-size: 1.5rem;}
    #ft .foot_info{width: 76%;}
}
@media all and (max-width: 1100px){

}
@media all and (max-width: 1024px){
    .visual{height: 700px; border-radius: 0 0 50px 0;}
    .visual .main_text h2{font-size: 6.0rem; margin-bottom: 25px;}
    .visual .main_text h3{font-size: 1.8rem;}
    .visual .swiper_btn_wrap div img{width: 40px;}
    .m1 .txt h3{font-size: 1.8rem;}
    .txt h2{font-size: 4.0rem;}
    .txt p{margin-bottom: 30px; font-size: 1.6rem;}
    .m1 .txt p br{display: none;}
    .m1 .text a{height: 55px; font-size: 1.6rem;}
    .m1 .point{bottom: -10px;}
    .m1{padding: 80px 0 160px 0;}
    .m5 .box_wrap .box p{font-size: 2.4rem; margin-top: 12px;}
    #ft .foot_info{gap: 3px 2%; width: 100%;}
    #ft .foot_info dl{width: 100%;}
    #ft .foot_info dl.long dt{min-width: initial;}
    .a1 .alogo{padding: 30px 10px 32px 20px; margin-left: 20px;}
    .a1 .text_wrap{margin-left: 20px;}
    .a1 .alogo h3{font-size: 1.7rem; margin-bottom: 8px;}
    .a1 .alogo h2{font-size: 3.0rem;}
    .sub_visual{height: 280px;}
    .sub_visual .sub_top_text h2{font-size: 4.0rem; margin-bottom: 10px;}
    .sub_visual .sub_top_text h3{font-size: 1.6rem; margin-bottom: 25px;}
    .sub_visual .sub_nav{display: none;}
    .a1 .a1bg{height: 180px; margin-top: -100px; border-radius: 20px;}
    .a1 .text_wrap h2{font-size: 2.2rem; margin-bottom: 22px;}
    .a1 .text_wrap p{font-size: 1.6rem; margin-top: 8px;}
    .a1 .text_wrap dl{ margin-top: 25px;}
    .a1 .text_wrap dl dd{font-size: 2.8rem;}
    .p1-bg{padding-bottom: 120px;}
    .board_title h2{font-size: 2.7rem;}
    .board_title p{font-size: 1.6rem;}
    .a2 .board_title h2{font-size: 2.7rem;}
    .his_wrap .box_wrap .text h3{font-size: 2.4rem; margin-bottom: 25px;}
    .his_wrap .box_wrap .text dl dt{font-size: 2.0rem; min-width: 45px;}
    .his_wrap .box_wrap .text dl dd{font-size: 1.8rem;}
    .b1 .spe .text h3{font-size: 1.6rem;}
    .b1 .spe .text h2{font-size: 3.0rem; margin-bottom: 10px;}
    .b1 .spe .text p{font-size: 1.7rem;}
    .b1 .spe .text .icon_wrap{margin-top: 25px;}
    .b1 .spe .text .icon{padding: 18px 10px 20px 10px;}
    .b1 .spe .text .icon h5{font-size: 1.6rem;}
    .b1 .spe .text .icon h4{font-size: 1.4rem;}
    .b1 .spe .text .icon img{width: 60px;}
    .b1 ul li a{font-size: 2.1rem; padding-bottom: 10px;}
    .b1 .spe{padding-bottom: 120px;}
    .b1 .spe .ep{right: -10%; bottom: -10px;}
    .b5-bg .box_wrap .box img{width:100px; }
    .b5-bg .box_wrap .box h2{font-size: 2.0rem;}
    .b5-bg .box_wrap .box dl dd{font-size: 1.6rem;}
    .b6 .box{padding: 22px 25px;}
    .b6 .box h3{font-size: 2.2rem; margin-bottom: 6px;}
    .b6 .box h2{font-size: 2.2rem; margin-bottom: 12px;}
    .b6 .box p{font-size: 1.6rem; margin-bottom: 30px;}
    .b6 .box a{height: 45px; font-size: 1.6rem;}
    .c1 .c1-bg{padding: 80px 0; }
    .c1 .c1-bg h2{font-size: 2.6rem; margin-bottom: 20px;}
    .c1 .c1-bg p{font-size: 1.6rem; letter-spacing: -0.06em}
    .c1-4 .box_wrap .box{padding: 30px 20px;}
    .c1-4 .box_wrap .box .top h3{font-size: 2.1rem; margin-bottom: 12px;}
    .c1-4 .box_wrap .box .top h4{font-size: 2.2rem;}
    .c1-4 .box_wrap .box dl dd{font-size: 1.6rem;}
    .c2-1 .box_wrap dl dd{font-size: 1.5rem;}
    .c2-3 .c2_content3 .icon h3{font-size: 2.0rem; min-width: 140px; margin-left: 20px;}
    .c2-3 .c2_content3 .icon img{width: 70px;}
    .c2-3 .c2_content3 .icon_wrap .text p{font-size: 1.7rem;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox{padding: 25px 0 22px 0;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox img{width: 110px;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox h3{margin-top: 12px; font-size: 1.6rem;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox h4{font-size: 2.0rem;}
    .tab_top{flex-direction: column; align-items: flex-start; gap: 20px 0;}
}
@media all and (max-width: 900px){
    .his_wrap .line{display: none;}
    .his_wrap .box_wrap .text h2{font-size: 6.0rem;}
    .his_wrap .box_wrap{flex-direction: column; gap: 35px 0;}
}
@media all and (max-width: 850px){
    .m1 .width{flex-direction: column;}
    .m1 .img{width: 100%;}
    .m1 .text{width: 100%; position: initial;}
    .m2 .box_wrap{flex-wrap: wrap;}
    .m2 .box_wrap .box{border-radius: 20px; width: 49%;}
    .m2 .txt span{flex-direction: column; gap: 10px 0; align-items: flex-start;}
    .m3{background-attachment: initial; padding: 80px 0;}
    .m3 .txt a{width: 160px; height: 50px; font-size: 1.5rem;}
    .m4 .txt a{width: 150px; height: 45px; font-size: 1.6rem;}
    .m5 .box_wrap{flex-wrap: wrap;}
    .m5 .box_wrap .box{width: 49%;}
    #formmail-write{flex-direction: column;}
    #formmail-write .txt{width: 100%;}
    .form-body{width: 100%;}
    #formmail-write .input_box input{padding: 8px ; height: 52px;}
    .b1 .spe .box_wrap{flex-direction: column;}
    .b1 .spe .bimg{width: 100%;}
    .b1 .spe .text{width: 100%;}
    .b1 ul li a{font-size: 1.5rem; letter-spacing: -0.08em;}
    .b1 .spe .text h2{font-size: 2.6rem;}
    .b1 .spe .text p{font-size: 1.6rem;}
    .b1 .spe .text p br{display: none;}
    .b1 .spe .text .icon h5{font-size: 1.4rem; letter-spacing: -0.08em}
    .b1 .spe .text .icon h4{font-size: 1.3rem;}
    .b3 .box_wrap .box p{font-size: 1.8rem;}
    .b2 .scroll{overflow-x: scroll;}
    .b2 .scroll table{width: 780px;}
    .b5-bg .box_wrap .box img{width: 90px;}
    .b5-bg .box_wrap{gap: 25px 0;}
    .b5-bg .box_wrap .box{width: 100%;}
    .c1-3 .box{padding: 20px;}
    .c1-3 .box h3{font-size: 2.0rem;}
    .c1-3 .box p{font-size: 1.6rem;}
    .c1-3 .box img{width: 80px;}
    .c1-4 .box_wrap{flex-wrap: wrap;}
    .c1-4 .box_wrap .box{width: 49%;}
    .c2-1 .box_wrap{flex-wrap: wrap; }
    .c2-1 .box_wrap dl{padding: 15px 20px; width: 49%;}
    .c2-3 .com_txt{font-size: 2.2rem; margin-bottom: 4px;}
    .c2-3 .com_txt:after{width: 7px; height: 7px; }
    .c2-3 .c2_content dl{margin-top: 8px;}
    .c2-3 .c2_content dl dd{font-size: 1.6rem;}
    .c2-3 .c2_content .scroll{padding: 20px;}
    .c2-3 .c2_content .scroll h6{font-size: 1.8rem;}
    .c2-3 .c2_content .scroll table td{padding: 14px 5px; font-size: 1.4rem;}
    .c2-3 .c2_content .box_wrap{padding: 20px;}
    .c2-3 .c2_content .box_wrap h6{font-size: 1.8rem;}
    .c2-3 .c2_content .box_wrap ul li{font-size: 1.6rem; margin-top: 6px;}
    .c2-3 .c2_content .scroll table th{font-size: 1.6rem;}
    .c2-3 .c2_content4 .icon_wrap2{flex-wrap: wrap;gap: 12px 1%;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox{width: 49%;}
}
@media all and (max-width: 768px){
    .visual{height: 620px;}
    .txt h2{font-size: 3.2rem;}
    .m1{padding: 80px 0;}
    .pic_lt_block li{padding: 25px 0;}
    .m4 .txt a{position: initial; margin: 0 0 0 auto;}
    .li_txt .li_h3{font-size: 1.8rem;}
    .pic_lt_block li .last_title{font-size: 1.8rem;}
    .pic_lt_block .lt_info2 .lt_date{display: none;}
    .m5 .box_wrap .box p{font-size: 2.0rem;}
    #ft .copyright{padding: 20px 17px; flex-direction: column; gap: 10px 0;}
    #ft .footer .foot_logo img{width: 100px;}
    .a1 .alogo{width: 89%;}
    .a1 .alogo h2{font-size: 2.0rem;}
    .a1 .text_wrap h2{font-size: 1.8rem;}
    .a1 .text_wrap h2 br{display: none}
    .a1 .text_wrap dl{gap: 12px;}
    .a1 .text_wrap dl dt{font-size: 1.6rem;}
    .a1 .text_wrap dl dd{font-size: 2.2rem;}
    .a1 .alogo span img{width: 110px;}
    .a1 .alogo span{right: 20px;}
    .spoint{right: 0;}
    .his_wrap .box_wrap .text{width: 100%;}
    .his_wrap .box_wrap .himg{width: 100%; max-width: 400px;}
    .b3 .box_wrap{flex-direction: column;}
    .b3 .box_wrap .box{width: 100%;}
    .b2 .btxt, .b3 .btxt, .b5 .btxt, .ctxt, .tab_top h2{font-size: 2.3rem;}
    .board_title h2{font-size: 2.5rem; letter-spacing: -0.07em;}
    .b5-bg .box_wrap .box h2{font-size: 1.9rem; margin-bottom: 7px;}
    .b5-bg .box_wrap .box dl dd{font-size: 1.5rem; letter-spacing: -0.08em;}
    .b5-bg .box_wrap .box img{width: 75px;}
    .b6 .box_wrap{flex-direction: column;}
    .b6 .box{width: 100%;}
    .b7 p{font-size: 1.6rem;}
    #popup3 .pop-inner{padding: 20px 25px;}
    #popup3 .pop-text h3{font-size:2.0rem; margin-bottom: 7px;}
    #popup3 .pop-text h2{font-size: 2.0rem; margin-bottom: 12px;}
    #popup3 .pop-text p{font-size: 1.5rem;}
    #popup3 .pop-text p br{display: none}
    #popup3 .pop-text ul li{font-size: 1.5rem;}
    #popup3 .pop-text h4{font-size: 1.5rem; margin-top: 10px; margin-bottom: 20px;}

    #popup4 .pop-inner{padding: 20px 25px;}
    #popup4 .pop-text h3{font-size:2.0rem; margin-bottom: 7px;}
    #popup4 .pop-text h2{font-size: 2.0rem; margin-bottom: 12px;}
    #popup4 .pop-text p{font-size: 1.5rem;}
    #popup4 .pop-text p br{display: none}
    #popup4 .pop-text ul li{font-size: 1.5rem;}
    #popup4 .pop-text h4{font-size: 1.5rem; margin-top: 10px; margin-bottom: 20px;}

    .c1-3 .box{width: 100%;}

    .c2-3 .c2_content3 .icon_wrap{flex-direction: column; align-items: flex-start; padding: 20px;}
    .tab_top .tabnav li a{font-size: 1.4rem; letter-spacing: -0.08em}
    .tab_top .tabnav{gap: 0px 10px;}
    .tabcontent .scroll{overflow-x: scroll;}
    .tabcontent .scroll table{width: 620px;}
}
@media all and (max-width: 650px){
    .c1-4 .box_wrap .box{width: 100%;}
    .c2-1 .box_wrap dl{width: 100%;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox img{width: 70px;}
    .c2-3 .c2_content4 .icon_wrap2 .ibox h4{font-size: 1.9rem;}
    .tab_top h2{font-size: 2.1rem;}
}