@charset "utf-8";


@media (max-width:768px) {

    .bottom {display:block;}



    a.land_btn {border-radius:5px; padding:0 15px;}
    a.land_btn > span {font-size:14px; line-height:45px; background-size:6px;}

    #land_sec1,
    #land_sec2 {max-height:unset;}
    #land_sec1 .wrap_box .top {padding:15px 15px 0; position:relative;}
    #land_sec1 .wrap_box .top h1 a {max-width:145px; margin-top:30px;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(2),
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(3) {margin-top: 0;}
    #land_sec1 .wrap_box .top ul.my li a {font-size:13px;}
    #land_sec1 .wrap_box .top ul.my li a span {font-size:12px;}
    #land_sec1 .wrap_box .top ul.my li a.logout {position:relative;}
    #land_sec1 .wrap_box .top ul.my li:first-of-type a {position:absolute; top:15px; right:127px; margin-right:0; line-height:1;}
    #land_sec1 .wrap_box .top ul.my li a.logout {right:15px;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(2) a {position:absolute; right:50px; top:15px; margin-top:0; line-height:1; margin-left:0;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(3) a {position:absolute; right:15px; top:15px; margin-top:0; line-height:1; margin-left:0;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(2) a::before {left:-6px;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(3) a::before {left:-6px;}
    #land_sec1 .wrap_box .top ul.my li a img {max-width:20px;}

    #land_sec1 .wrap_box .top ul.my li:nth-of-type(4) {margin-left:0; margin-right:10px; margin-top:20px;}
    #land_sec1 .wrap_box .top ul.my li:nth-of-type(5) {margin-top:20px;}
    #land_sec1 .wrap_box .top ul.my li:last-of-type {margin-top:20px; margin-left:10px;}
    #land_sec1 .wrap_box:last-of-type {margin:0 auto; width:calc(100% - 30px);}
    #land_sec1 .wrap_box .left {float:none; width:100%; margin:0 auto;}
    #land_sec1 .wrap_box .left img.mo {display:block; width:170%; margin-left:-40%; height:170%;}
    #land_sec1 .wrap_box .left img.pc {display:none;}
    #land_sec1 .wrap_box .section0 {left:-10px; bottom:-50px;}
    #land_sec1 .wrap_box .section0.active {bottom:0;left:-10px;}
    #land_sec1 .wrap_box .right > img {max-width:200px; margin:0 auto 15px;}
    #land_sec1 .wrap_box .right ul {margin:0 auto 25px;}
    #land_sec1 .wrap_box .right ul li {float:none;}
    #land_sec1 .wrap_box .right ul li:last-of-type {margin-top:-20px;}
    #land_sec1 .wrap_box .right ul li img {width:112%; margin-left:-6%;}

    #land_sec2 .wrap_box {width:calc(100% - 30px);}
    #land_sec2 .wrap_box .left {float:none; width:100%;}
    #land_sec2 .wrap_box .left p {font-size:24px; margin-top:unset; padding-top:40px;}
    #land_sec2 .wrap_box .left > span {margin:20px 0; font-size:16px; word-break: keep-all; padding-right:15px; width:100%; clear:both;}
    /*#land_sec2 .wrap_box .left > span br {display:none;}*/

    #land_sec2 .wrap_box .right {float:none; width:100%; margin-top:40px; padding-bottom:40px;}
    #land_sec2 .wrap_box .right img {width:100%; margin-bottom:10px;}
    #land_sec2 .wrap_box .right img:first-of-type {margin-top:0;}
    #land_sec2 .wrap_box .right img:last-of-type {margin-bottom:0;}

    #land_sec3 .wrap_box {width:calc(100% - 30px); padding-bottom:40px;}
    #land_sec3 .wrap_box p {margin-left:0; font-size:24px; padding-top:40px;}
    #land_sec3 .wrap_box p > span {background-size:10px; padding-right:15px;}
    #land_sec3 .wrap_box .section12 {margin:20px 0; font-size:16px; word-break:keep-all; width:100% !important; clear:both;}
    /*#land_sec3 .wrap_box > span br {display:none;}*/
    #land_sec3 .wrap_box a.land_btn {margin:0; margin-bottom:40px;}
    #land_sec3 .wrap_box ul.mo {display:block;}
    #land_sec3 .wrap_box ul.pc {display:none;}
    #land_sec3 .wrap_box ul li {float:none; box-shadow: -4px 4px 30px 0px rgba(0, 0, 0, 0.08); background:#fff; border-radius:15px; box-sizing:border-box; padding:15px; margin-bottom:10px;}
    #land_sec3 .wrap_box ul li:last-of-type {margin-bottom:0;}
    #land_sec3 .wrap_box ul li p {color:#557fc4; font-size:14px; padding-left:70px; background-size:60px; background-position:left top 5px; background-repeat:no-repeat; word-break:keep-all; padding-top:10px; padding-bottom:10px; line-height:1.4;}
    #land_sec3 .wrap_box ul li:first-of-type p {background-image: url('../img/mo_1.png');}
    #land_sec3 .wrap_box ul li:nth-of-type(2) p {background-image: url('../img/mo_2.png');}
    #land_sec3 .wrap_box ul li:nth-of-type(3) p {background-image: url('../img/mo_3.png');}
    #land_sec3 .wrap_box ul li:last-of-type p {background-image: url('../img/mo_4.png');}

    #land_sec4 {padding:0 0 40px;}
    #land_sec4 .wrap_box {padding-top:60px; background-size:240px; background-position:center top 50px;}
    #land_sec4 .wrap_box > b {font-size:24px; margin-bottom:40px;}
    #land_sec4 .wrap_box .tabList {width:100%;}
    #land_sec4 .wrap_box .tabList li {width:25%; padding:0; padding-bottom:10px; font-size:14px; letter-spacing:-1px;}
    #land_sec4 .wrap_box .tabGroup li div > p {font-size:36px; margin-top:25px; margin-bottom:10px;}
    #land_sec4 .wrap_box .tabGroup li div > span {margin-bottom:0;}
    #land_sec4 .wrap_box .tab_wrap {margin-bottom:0;}
    #land_sec4 .wrap_box .tab_wrap > div {height:130px !important;}
    #land_sec4 .wrap_box .slide_box {width:calc(100% - 30px); border-radius:20px; margin:0 auto; padding:40px 20px;}
    #land_sec4 .wrap_box .slide_box .left {float:none; width:100%;}
    #land_sec4 .wrap_box .slide_box .right {float:none; width:100%;}
    #land_sec4 .wrap_box .slide_box .left p {font-size:16px;}
    #land_sec4 .wrap_box .slide_box .left p b {font-size:24px;}
    #land_sec4 .wrap_box .slide_box .left p b span {padding-right:13px; background-size:10px; background-position:right top 6px; margin-right:5px;}
    #land_sec4 .wrap_box .slide_box .left > span {font-size:14px; margin-top:20px; letter-spacing:-1px; word-break:keep-all;}
    #land_sec4 .wrap_box .slide_box .left > span br {display:none;}
    #land_sec4 .wrap_box .slide_box .right .draggable {height:unset; padding:0 !important;}
    #land_sec4 .wrap_box .slide_box .right .draggable img {width:100%;}
    #land_sec4 .wrap_box .slide_box .slick-initialized .slick-slide {padding:0 5px;}

    #land_sec5 {padding:40px 0;}
    #land_sec5 .wrap_box {width:calc(100% - 30px);}
    #land_sec5 .wrap_box > p {font-size:24px; margin-bottom:25px; margin-left:0; text-align:center;}
    #land_sec5 .autoplay .slick-list.draggable {padding:0 !important;}
    #land_sec5 .autoplay .slick-slide {padding:20px; border-radius:20px; margin-bottom:0; font-size:14px;}
    #land_sec5 .slick-prev {width:40px; height:40px; left:0; z-index:1;}
    #land_sec5 .slick-next {width:40px; height:40px; right:0;}
    #land_sec5 .autoplay .slick-slide .star {margin-bottom:15px;}
    #land_sec5 .autoplay .slick-slide img {width:15px;}
    #land_sec5 .autoplay .slick-slide p {font-size:14px !important;}
    #land_sec5 .autoplay .slick-slide span {font-size:14px;}
    #land_sec6 .wrap_box {padding:40px 0; background: url(../img/pcsec6_bg.jpg)no-repeat center; background-size:cover;}
    #land_sec6 .wrap_box p {font-size:18px; padding:0 15px; line-height:1.4; margin-bottom:25px; letter-spacing:-1px;}
    #land_sec6 .wrap_box p br {display:block;}
    #land_sec6 .wrap_box p b span {background-size:9px; padding-right:10px;}
    #land_sec6 .wrap_box ul {width:calc(100% - 30px);}
    #land_sec6 .wrap_box ul li {width:49%;}
    #land_sec6 .wrap_box ul li:first-of-type {margin-right:2%;}
    #land_sec6 .wrap_box ul li a img {display:block; width:100%;}
    footer#land_footer {padding:20px 0 85px;}
    footer#land_footer a {display:block; margin-bottom:5px;}
    footer#land_footer span {font-size:13px; margin-left:5px;}
    footer#land_footer span:first-of-type {margin-left:0;}
    footer#land_footer p.copy {font-size:12px;}


    #land_wrapper .modal-con {left:0; width:100%; bottom:0; transform:unset; background:none;overflow:unset;}
    #land_wrapper .modal-con::before {content:''; display:block; width:80px; height:7px; position:absolute; left:50%; top: 18px; transform:translateX(-50%); background:#a2a2a2; opacity:.5; border-radius:10px; z-index:1;}
    #land_wrapper .land-modal .box,
    #land_wrapper .land-modal1 .box {padding:50px 25px 25px; border-radius:45px 45px 0 0 !important;background: rgb(255, 255, 255, .8);}
    #land_wrapper .land-modal .box p,
    #land_wrapper .land-modal1 .box p {font-weight:bold; font-size:17px; padding-left:25px; text-align:left; line-height:1; display:block; margin-bottom:20px; background:url(../img/land_title.png)no-repeat left center; background-size:18px;}
    #land_wrapper .land-modal .box a,
    #land_wrapper .land-modal1 .box a {line-height:1; display:block; text-align:left; font-size:15px; padding:18px 25px; position:relative; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%); margin-bottom:10px; overflow:hidden; border-radius:15px; background:#fff url(../img/land_arrow.png)no-repeat right 25px center; background-size:10px; font-weight:400;}
    #land_wrapper .modal-con .close {display:none;}


}