@charset "utf-8";
/* maintemplate basic028 */

/* MAIN VISUAL */
.mainVisual {position:relative; margin-left:auto; margin-right:auto; box-sizing:border-box;}
.mainVisual .mainSlider_001 {position:relative; margin-bottom:-4px;} 
.mainVisual .mainSlider_001 .slick-list {overflow:initial;}
.mainVisual .mainSlider_001 .slick-list .slick-track {height:420px;}
.mainVisual .mainSlider_001 .slick-list .slick-track .slick-slide > div {height:100%;}
.mainVisual .mainSlider_001 .slide_wrap {position:relative; display:block; width:100%; height:100%; transition:height 1s; box-sizing:border-box;} 
.mainVisual .mainSlider_001 .slide_wrap .imgBox {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
.mainVisual .mainSlider_001 .slide_wrap .imgBox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; min-width:100%; min-height:100%; margin:auto;} 


/* MAIN SLIDE COPY */
.mainVisual .copy {position:relative; top:0 !important; height:100%; display:flex; flex-flow:column wrap; justify-content:flex-end; word-break:keep-all; margin-top:20px; box-sizing:border-box;} 
.mainVisual .copy.copy_position_lh {top:0;}
.mainVisual .slick-slide .copy.toright {-webkit-transform:translateX(0); transform:translateX(0);}
.mainVisual .copy .inner {width:100%; height:auto; box-sizing:border-box;} 
.mainVisual .copy .inner > div {position:relative; height:100%;}
.mainVisual .copy .inner .txtbox {display:inline-block; width:auto; height:auto; min-width:500px; min-height:270px; max-width:1300px; max-height:420px; padding:45px 35px; background:#0c4079; border-radius:15px; box-shadow:2px 5px 8px 0 rgb(0 0 0 / 50%); box-sizing:border-box;}
.mainVisual .copy .inner .txtbox .tit {position:relative; max-width:100%; display:inline-block; font-weight:400; line-height:120%; color:#fff; text-overflow:ellipsis; overflow:hidden; transition:font-size 0.5s;} 
.mainVisual .copy .inner .txtbox .txt {line-height:150%; color:#fff;} 

    @media (min-width:1300px) and (max-width:1400px) {
        .mainVisual .copy .inner {padding:0 50px;} 
    }
    @media (min-width:1300px) {
        .mainVisual .mainSlider_001 .slide_wrap {height:420px;} 
    }
    @media (max-width: 899px) {
        .mainVisual .copy {top:auto !important; bottom:0; margin-top:0;}
        .mainVisual .copy .inner .txtbox {display:block; width:100%; min-height:auto; max-height:420px; background-color:rgba(0,0,0,0.7); color:#fff !important; border-radius:0;}
    }

/*SLIDE BTN SETTING*/
/* MAIN SLIDE bullet btn */
.mainVisual .swiper-pagination {display:none !important;}
.mainVisual .slick-dots {position:absolute; bottom:14px; transform:translateX(-50%); left:50%; z-index:10; width:100%; max-width:1300px; text-align:center; box-sizing:border-box;} 
.mainVisual .slick-dots li {display:inline-block; margin-left:8px; width:16px; height:16px; opacity:1;} 
.mainVisual .slick-dots li:first-of-type {margin-left:0;} 
.mainVisual .slick-dots li button {float:left; width:100%; height:100%; background:rgba(255, 255, 255, 1); border:1px solid #000; border-radius:50%; text-indent:-999px; overflow:hidden;} 
.mainVisual .slick-dots li.slick-active {width:30px;} 
.mainVisual .slick-dots li.slick-active button {border-radius:40px; height:17px; margin-top:-0.5px; background:#000 !important; border-color:#fff;} 

/* MAIN SLIDE PLAY and STOP BTN */
.mainVisual .swiper-pagination-center {position:absolute; bottom:33px; left:70px; width:auto; text-align:left;} 
.mainVisual div.indicator {display:none !important; z-index:10;} 
.mainVisual div.indicator button {display:inline-block!important; width:38px; height:38px; border:0; border-color:#333; cursor:pointer; opacity:1;} 
.mainVisual div.indicator button:focus {outline:auto;} 
.mainVisual div.indicator button.play {background:url("/sample/template/basic/basic028/img/btn_play.gif") no-repeat; text-indent:-9999px;} 
.mainVisual div.indicator button.stop {background:url("/sample/template/basic/basic028/img/btn_stop.gif") no-repeat; text-indent:-9999px;} 

/* MAIN SLIDE PREV and NEXT BTN */
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev {display:none !important;}  
.mainVisual .slick-arrow {display:none !important;  position:absolute; top:50%; top:50%; transform:translateY(-50%); z-index:1; width:50px; height:90px; background-color:rgba(0,0,0,0.5); text-indent:-999px; overflow:hidden;}
.mainVisual .slick-arrow:before {position:absolute; top:24px; content:""; display:inline-block; width:40px; height:40px; border:1px solid #fff; transform:rotate(45deg);}
.mainVisual .slick-next {right:0;}
.mainVisual .slick-next:before {border-width:1px 1px 0 0; right:15px;}
.mainVisual .slick-prev:before {border-width:0 0 1px 1px; left:15px;}




/* template special SETTING */

.addst.quick005_2,
.addst.quick005_2 .qlink_5 .q5link00 > a,
.addst.quick005_2 .qlink_5 .q5link00 .icon {display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.addst.quick005_2 {border-top:1px solid rgba(0,0,0,0.03); padding:15px 40px;}
.addst.quick005_2 .qlink_5 .q5link00 > a {float:none;}
.addst.quick005_2 .qlink_5 .q5link00 > a:after {display:none;}
.addst.quick005_2 .qlink_5 {height:100% !important;}
.addst.quick005_2 .qlink_5 .q5link00 .icon {position:relative; width:120px; height:120px; margin:0; line-height:normal; vertical-align:initial;}
.addst.quick005_2 .qlink_5 .q5link00 .icon:before {position:absolute; content:''; width:100%; height:100%; background:linear-gradient(45deg, rgba(0,0,0,0.15) 25%, transparent); border-radius:50%;}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(1) .icon {background-color:#ffd040;}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(1) .icon:before {background:linear-gradient(45deg, rgba(238,172,49,1) 25%, transparent);}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(2) .icon {background-color:#a3d8a4;}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(2) .icon:before {background:linear-gradient(45deg, rgba(134,182,134,1) 25%, transparent);}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(3) .icon {background-color:#9fd3e0;}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(3) .icon:before {background:linear-gradient(45deg, rgba(116,191,220,1) 25%, transparent);}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(4) .icon {background-color:#f7afb3;}
.addst.quick005_2 .qlink_5 .q5link00:nth-child(4) .icon:before {background:linear-gradient(45deg, rgba(235,144,151,1) 25%, transparent);}
.addst.quick005_2 .qlink_5 .q5link00 p {letter-spacing:normal;}
.addst.quick005_2 .qlink_5 .q5link00 p span {font-size:16px;}

.addst.etc006 .etc006cont .contBox {display:flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.layout_height_M .addst.etc006 .etc006cont .contBox .txtBox {width:100%; padding-bottom:40px;}
.addst.etc006 .etc006cont .contBox .titBox {width:100%; text-align:inherit;}
.addst.etc006 .etc006cont .contBox .titBox .tit {width:100% !important; padding:0 30px; color:#171717; font-size:19px; text-align:inherit; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; overflow:hidden;}
.addst.etc006 .etc006cont .contBox .txtBox {text-align:inherit;}
.addst.etc006 .etc006cont .contBox .txtBox span {display:block; width:100%; font-size:inherit; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; overflow:hidden;}
.addst.etc006 .etc006cont .contBox .txtBox span.txt1 {color:#545454; font-size:14px;}
.addst.etc006 .etc006cont .contBox .txtBox span.txt2 {-webkit-line-clamp:1;}

.addst.calendar008:before {display:none;}
.addst.bnrSlide005 .imgbox {background:#fff;}
.addst.board145 {border-bottom:1px solid rgba(0,0,0,0.03);}
.addst.board145 .bbsWrap .leftBox .btnMore {border-radius:50%;}

.addst.login002 .login .btmbox {border-top:0;}
.addst.login002 .login .innerbox a {margin-top:15px; font-size:15px; font-weight:600; border-radius:7px;}
.addst.login002 .login .innerbox > div input {background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,0.6); font-size:14px; color:#fff;}
.addst.login002 .login .innerbox > div input::placeholder {color:#fff;}
.addst.login002 .login .innerbox > div input::-webkit-input-placeholder {color:#fff;}
.addst.login002 .login .innerbox > div input:-ms-input-placeholder {color:#fff;}
.addst.login002 .login .btmbox {margin-top:0;}

.addst.slide_bnr_019 {display:flex; flex-flow:column wrap; align-items:stretch;}
.addst.slide_bnr_019 .bnrbg {position:relative; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fdfae7;}
.addst.slide_bnr_019 .bnrbg:before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:linear-gradient(45deg, rgba(242,237,205,1) 25%, transparent);}
.addst.slide_bnr_019 .titbox {position:relative; width:100%; padding:0 15px; margin:30px 0 20px; box-sizing:border-box;}
.addst.slide_bnr_019 .titbox .tit {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.addst.slide_bnr_019 .slidebox {width:100%; flex-grow:1;}
.addst.slide_bnr_019 .slidebox .slick-slider,
.addst.slide_bnr_019 .slidebox .slick-slider .slick-list,
.addst.slide_bnr_019 .slidebox .slick-slider .slick-list .slick-track,
.addst.slide_bnr_019 .slidebox .slick-slider .slick-list .slick-track .slick-slide > div,
.addst.slide_bnr_019 .slidebox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}
.addst.slide_bnr_019 .innerbox {height:100%; padding:15px 15px 55px; background:transparent;}
.addst.slide_bnr_019 .innerbox .wrap .imgbox {position:relative; height:100%;}

@media (min-width:1050px) {
    .layout_radius_top .div_wrap > div:nth-child(1) {z-index:1; border-radius:15px 0 0 0; box-shadow:-2px -2px 5px 0 rgb(0 0 0 / 5%);}
    .layout_radius_top .div_wrap > div:nth-child(2) {box-shadow:0px -2px 5px 0 rgb(0 0 0 / 5%);}
    .layout_radius_top .div_wrap > div:nth-child(3) {z-index:1; border-radius:0 15px 0 0; box-shadow:2px -2px 5px 0 rgb(0 0 0 / 20%)}
    .layout_radius_bottom .div_wrap > div:nth-child(1) {z-index:1;border-radius:0 0 0 15px; box-shadow:-2px 2px 5px 0 rgb(0 0 0 / 20%);}
    .layout_radius_bottom .div_wrap > div:nth-child(2) {box-shadow:2px 2px 5px 0 rgb(0 0 0 / 5%);}
    .layout_radius_bottom .div_wrap > div:nth-child(3) {z-index:1;border-radius:0 0 15px 0; box-shadow:2px 2px 5px 0 rgb(0 0 0 / 8%);}
}
@media (min-width:1050px) and (max-width:1189px){
    .layout_height_M .addst.quick005_2 .qlink_5 .q5link00 .icon {width:100px; height:100px; line-height:normal;}
}
@media (max-width:1049px){
    .addst.slide_bnr_019 .innerbox .wrap .imgbox img {min-width:auto;}
}
@media (min-width:800px) and (max-width:1049px){
    .addst.quick005_2 .qlink_5 .q5link00 {height:100%; margin-bottom:0;}
    .layout_height_M .addst.quick005_2 .qlink_5 .q5link00 .icon {width:120px; height:120px; line-height:normal;}
}
@media (max-width:799px){
    .addst.quick005_2 {padding:30px 20px;}
    .addst.quick005_2 .qlink_5 .q5link00 .icon {width:80px; height:80px; line-height:normal;}
    .addst.slide_bnr_019 {height:350px;}
    .addst.slide_bnr_019 .innerbox .wrap {float:none; width:70%; margin-left:auto; margin-right:auto;}
}