@charset "utf-8";

#hd + .content > .main_wrap {padding-top:163px;}

.main-visual {position:relative;}
.main-visual .main-slide-01 .controller {z-index:2;position:absolute;bottom:72px;right:50%;display:flex;gap:8px;width:100%;max-width:1400px;transform:translateX(50%);}
.main-visual .main-slide-01 .controller .btn {position:relative;width:40px;height:40px;background-color:#fff;border-radius:50%;text-indent:-9999px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.16);transition:.2s ease-out;}
.main-visual .main-slide-01 .controller .btn:hover,
.main-visual .main-slide-01 .controller .btn:focus {transform:scale(1.1);}
.main-visual .main-slide-01 .controller .btn-play {display:none;background:#fff url(../img/main_new/ico_play_01.png) center no-repeat;}
.main-visual .main-slide-01 .controller .btn-stop {display:none;background:#fff url(../img/main_new/ico_stop_01.png) center no-repeat;}
.main-visual .main-slide-01 .controller .btn.active {display:block;}
.main-visual .main-slide-01 .controller .btn-prev {background:#fff url(../img/main_new/arr_02.png) center no-repeat;}
.main-visual .main-slide-01 .controller .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff url(../img/main_new/arr_02.png) center no-repeat;transform:rotate(180deg);}
.main-visual .main-slide-01 .slider .btn {width:100%;vertical-align:top;text-align:center;}
.main-visual .main-slide-01 .slider .btn img {width:100%;height:auto;max-width:none;max-height:none;}

.main-klist {list-style:none;display:flex;width:100%;gap:1px;}
.main-klist > li {width:500%;}
.main-klist .btn {position:relative;width:100%;padding-top:100%;vertical-align:top;}
.main-klist .btn.bg-01 {background:url(../img/main_new/img_main_02_01.png) center no-repeat;background-size:cover;}
.main-klist .btn.bg-02 {background:url(../img/main_new/img_main_02_02.png) center no-repeat;background-size:cover;}
.main-klist .btn.bg-03 {background:url(../img/main_new/img_main_02_03.png) center no-repeat;background-size:cover;}
.main-klist .btn.bg-04 {background:url(../img/main_new/img_main_02_04.png) center no-repeat;background-size:cover;}
.main-klist .btn.bg-05 {background:url(../img/main_new/img_main_02_05.png) center no-repeat;background-size:cover;}
.main-klist .btn p {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background-color:#4D4F5399;transition:.2s ease-out;}
.main-klist .btn p span {align-self:center;color:#fff;line-height:46px;font-size:32px;}

.main-board {padding:100px 20px 52px;}
.main-board > .inner {width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;}

.main-notice {position:relative;width:calc(100% - 490px);}
.main-notice > .title {line-height:46px;font-size:32px;font-weight:500;margin-bottom:16px;}
.main-notice .btn-more {position:absolute;top:11px;right:0;line-height:24px;font-size:16px;padding-right:21px;}
.main-notice .btn-more:before,
.main-notice .btn-more:after {content:'';position:absolute;top:50%;right:0;display:block;width:12px;height:1px;background-color:#999;}
.main-notice .btn-more:after {transform:rotate(90deg);}
.main-notice .list-mainboard {border-top:1px solid #111;}
.main-notice .list-mainboard > li {border-bottom:1px solid #ddd;}
.main-notice .list-mainboard .btn {width:100%;display:flex;padding:17px 0;justify-content:space-between;}
.main-notice .list-mainboard .btn .title {display:flex;width:calc(100% - 100px);line-height:26px;font-size:18px;}
.main-notice .list-mainboard .btn .title .text {max-width:calc(100% - 50px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-notice .list-mainboard .btn .title .new {margin-left:4px;align-self:bottom;}
.main-notice .list-mainboard .btn .title .new img {vertical-align:bottom;}
.main-notice .list-mainboard .btn .date {line-height:26px;font-size:16px;color:#999999;}
.main-notice .list-mainboard .btn:hover .title,
.main-notice .list-mainboard .btn:focus .title {text-decoration:underline;}

.main-sns {width:411px;}
.main-sns > .title {line-height:46px;font-size:32px;font-weight:500;margin-bottom:16px;}
.main-sns .list-mainsns {display:flex;gap:1px;flex-wrap:wrap;}
.main-sns .list-mainsns > li {width:calc(25% - 1px);}
.main-sns .list-mainsns .btn {position:relative;width:100%;padding-top:100%;vertical-align:top;overflow:hidden;}
.main-sns .list-mainsns img {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:.2s ease-out;}
.main-sns .list-mainsns .btn:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#4A4A4A80;transition:.2s ease-out;}
.main-sns .list-mainsns .btn:hover img,
.main-sns .list-mainsns .btn:focus img {transform:scale(1.1);}
.main-sns .list-mainsns .btn:hover:after,
.main-sns .list-mainsns .btn:focus:after {opacity:0;}

.main-quick {padding:0 20px 120px;}
.main-quick > .inner {width:100%;max-width:1400px;margin:0 auto;}
.main-quick .list-quick {display:flex;width:100%;gap:16px;}
.main-quick .list-quick > li {width:100%;}
.main-quick .list-quick .btn {position:relative;width:100%;border-radius:4px;padding:50px 0 50px 52px;background-color:#eee;}
.main-quick .list-quick .text-wrap {position:relative;padding:8px 0 9px 104px;}
.main-quick .list-quick .text-wrap span {display:block;}
.main-quick .list-quick .text-wrap .text-01 {line-height:35px;font-size:24px;font-weight:500;}
.main-quick .list-quick .text-wrap .text-02 {line-height:24px;font-size:16px;}
.main-quick .list-quick .text-wrap .text-01 + .text-02 {margin-top:4px;}
.main-quick .list-quick .text-wrap:before {content:'';position:absolute;top:0;left:0;display:block;width:80px;height:80px;border-radius:50%;background-color:#aaa;}
.main-quick .list-quick .quick-01 {background-color:#E0E6F2;}
.main-quick .list-quick .quick-02 {background-color:#F4E3E4;}
.main-quick .list-quick .quick-03 {background-color:#EAE8E9;}
.main-quick .list-quick .quick-01 .text-wrap:before {background:#6482BC url(../img/main_new/img_main_quick_01.png) center no-repeat;}
.main-quick .list-quick .quick-02 .text-wrap:before {background:#C77777 url(../img/main_new/img_main_quick_02.png) center no-repeat;}
.main-quick .list-quick .quick-03 .text-wrap:before {background:#9D8D90 url(../img/main_new/img_main_quick_03.png) center no-repeat;}

@media all and (max-width:1920px){
    .main-visual .main-slide-01 {height:600px;}
    .main-visual .main-slide-01 .slider .btn {position:relative;width:100%;height:600px;overflow:hidden;}
    .main-visual .main-slide-01 .slider .btn img {position:absolute;top:0;left:50%;max-width:none;max-height:none;width:1920px;transform:translateX(-50%);}
}
@media all and (max-width:1400px){
    .main-visual .main-slide-01 {height:auto;}
    .main-visual .main-slide-01 .controller {right:auto;transform:translateX(0);left:40px;bottom:40px;}
    .main-visual .main-slide-01 .slider .btn {padding-top:40%;height:auto;}
    .main-visual .main-slide-01 .slider .btn img {width:auto;height:100%;}
}
@media all and (min-width:1025px){
    .main-klist .btn:hover p,
    .main-klist .btn:focus p {background-color:transparent;}
    .main-klist .btn:hover p span,
    .main-klist .btn:focus p span {color:transparent;}
}
@media all and (max-width:1024px){
    #hd + .content > .main_wrap {padding-top:56px;}
    .main-visual .main-slide-01 .controller {width:auto;left:auto;right:20px;bottom:16px;}
    .main-visual .main-slide-01 .controller .slick-arrow {display:none !important;}

    .main-klist .btn p span {font-size:16px;line-height:24px;}

    .main-board {padding:40px 20px;}
    .main-board > .inner {flex-wrap:wrap;}

    .main-notice {width:100%;}
    .main-notice > .title {font-size:18px;line-height:26px;margin-bottom:10px;}
    .main-notice .btn-more {top:3px;line-height:20px;font-size:14px;}
    .main-notice .list-mainboard .btn {flex-wrap:wrap;}
    .main-notice .list-mainboard .btn .title {display:block;width:100%;line-height:20px;}
    .main-notice .list-mainboard .btn .title .text {font-size:14px;overflow:visible;text-overflow:clip;white-space:wrap;}
    .main-notice .list-mainboard .btn .title .new img {width:16px;}
    .main-notice .list-mainboard .btn .date {font-size:14px;margin-top:4px;line-height:20px;}

    .main-sns {width:100%;margin-top:40px; }
    .main-sns > .title {font-size:18px;line-height:26px;margin-bottom:10px;}

    .main-quick {padding:0 20px 40px;}
    .main-quick .list-quick .btn {padding:20px 0 20px 20px;}
    .main-quick .list-quick .text-wrap {padding-left:80px;}
    .main-quick .list-quick .text-wrap:before {width:69px;height:69px;background-size:80% !important;}
    .main-quick .list-quick .text-wrap .text-01 {font-size:18px;line-height:26px;}
    .main-quick .list-quick .text-wrap .text-02 {font-size:14px;}
}
@media all and (max-width:880px){
    .main-klist {position:relative;padding-left:33.3%;flex-wrap:wrap;gap:1px;}
    .main-klist > li {width:calc(50% - 1px);}
    .main-klist > li:first-child {width:calc(33.3% - 1px);position:absolute;top:0;left:0;bottom:0;}
    .main-klist > li:first-child .btn {padding-top:calc(200% + 2px);}
    
    .main-quick .list-quick .btn {background-color:#fff !important;text-align:center;padding:0;}
    .main-quick .list-quick .text-wrap {padding:66px 0 0;}
    .main-quick .list-quick .text-wrap:before {left:50%;transform:translateX(-50%);width:58px;height:58px;background-size:auto !important;}
    .main-quick .list-quick .quick-01 .text-wrap:before {background:url(../img/main_new/img_main_quick_01_m.png)}
    .main-quick .list-quick .quick-02 .text-wrap:before {background:url(../img/main_new/img_main_quick_02_m.png)}
    .main-quick .list-quick .quick-03 .text-wrap:before {background:url(../img/main_new/img_main_quick_03_m.png)}
    .main-quick .list-quick .text-wrap .text-01 {line-height:20px;font-size:14px;font-weight:500;}
    .main-quick .list-quick .text-wrap .text-02 {display:none;}
}