@media (max-width: 1051px) { 
    #mainSection01 .cont02 .mian h3 br { display: none; }
    #mainSection03 .main .slider .slide .desc .title2 h4 { font-size: 1.6vw; }
    #mainSection03 .main .slider .slide .desc .title2 p { font-size: 16px; }
    #mainSection03 .main .slider .slide .desc .review p { font-size: 14px; }
    #boardSection .board_title > h3 {font-size: 40px;}
    #boardSection .board_title i { width: 18px; height: 18px;}
    #boardSection .board_content { padding: 20px 20px 20px 20px;}
    #boardSection .board_content h4 {font-size: 20px; margin-bottom: 13px;}
    #boardSection .board_content p {font-size: 15px;}
    .fixed-image { width: 60px; height: 60px; }
} 
@media (max-width: 940px) {
    #mainSection03 .main .slider .slide .desc .review p { font-size:  12px; }
    #mainSection03 { padding-bottom: 70px; }
}

@media (max-width: 820px) {
    #mainSection01 .cont02 .left, 
    #mainSection01 .cont02 .left .fall_img { width: 160px; }
    #mainSection01 .cont02 .right,
    #mainSection01 .cont02 .right .fall_img { width: 160px; }
    section .main>.title>h3 { font-size: 40px; }
    section .main .title i { margin-top: 0; }
    #mainSection04 .main .desc h4 { font-size: 4vw; }
    #mainSection04 .main .desc p {
        line-height: 140%;
        font-size: 15px;
        padding-top: 10px;
    }
    #mainSection01 .cont01 .character_wrap { display: none; }
    #mainSection01 .cont01 .character_wrap_mo { display: flex; }

    .intro_wrap .intro_img { 
        bottom: 20%;
    }
    #mainSection01 .cont01 { padding: 40px 20px 0 20px; margin-bottom: 0 !important; }
    #mainSection01 .cont01 h2 { font-size: 9vw; }
    #mainSection01 .cont01 .character_wrap .circle:nth-child(1),
    #mainSection01 .cont01 .character_wrap .circle:nth-child(4) { transform: translateY(40px); }

    #mainSection01 .cont02 { margin-top: 7rem; }
    #mainSection01 .cont02 .mian {
        padding: 89px 41px 228px 40px;
    }
    #mainSection01 .cont02 .mian img {
        display: block;
        width: 50vw;
        margin: 0 auto;
        text-align: center;
    }
    #mainSection01 .cont02 .mian h3 { font-size: 18px; }
    #mainSection01 .cont02 .mian h3 br { display: block; }
    #mainSection01 .cont02 .mian p { font-size: 15px; }
    #mainSection01 .cont02 .mian p br { display: none; }
    /* #mainSection01 .cont02 .left, 
    #mainSection01 .cont02 .left .fall_img { width: 160px; }
    #mainSection01 .cont02 .right,
    #mainSection01 .cont02 .right .fall_img { width: 160px; } */

    #mainSection03 .main .slider .slide .desc .review p {font-size:  15px;}
    section .main>.title>h3 { font-size: 40px; }
    .slick-next, .slick-prev { width: 40px; height: 40px; }
    #sectionSub3 .content { max-width: none; }
    #mainSection03 .main .slider .slide .desc .title2 h4 { font-size: 18px; }
    #mainSection04 { padding-top: 118px; }
    #mainSection04 .main .desc h4 { font-size: 4vw; }
    #mainSection04 .main .desc p {
        line-height: 140%;
        font-size: 15px;
        padding-top: 10px;
    }
    #sectionSub4 .content { max-width: none; }

    .section_sub { height: auto; }
    .section_sub .inner { position: relative;  padding: 0; display: block; }
    .section_sub .inner .btn_back_bx { display: none; }
    .section_sub .btn_back_bx_mo { 
        display: block !important;
        width: 23px;
        height: 23px;
        padding: 18px;
        cursor: pointer;
    }
    .section_sub .btn_back_bx_mo .btn_back {
        width: 23px;
        height: 23px; 
    }
    .section_sub .inner .content { display: block; margin: 0 auto 0 auto; max-width: 100%; margin-top: ; }
    .section_sub .inner .content .desc h2 { font-size: 30px; padding-bottom: 16px; }
    .section_sub .inner .content .desc p { font-size: 15px; }

    .section_sub .video { 
        /* position: relative; */
        top: 0;
        left: 0;
        object-fit: 100%;
        z-index: 0;
        width: 100%;
        height: 200px;
    }
    .section_sub .video video {
        width: 100%; 
        margin-top: 60px;
    }
    .section_sub .layer { display: none; }
    .section_sub .inner .content .desc_wrap {  
        width: calc(100% - 40px);
        padding: 20px;
    }
    .section_sub .content .btn_bx .btn_reserve { 
        position: fixed;
        bottom: 43px;
        max-width: calc(100% - 40px); 
    }
    .section_sub .content .desc_wrap { margin-top: 60vw; }
    
    /* footer */
    #footer { flex-direction: column-reverse; padding: 0; }  
    #footer .row1 { background: #fff; color: #444; padding: 19px 20px 38px 20px; }
    #footer .row2 { color: #fff; text-align: left; padding: 21px 20px 48px 20px; }
    #footer .row2 .info { justify-content: flex-start; }
    #footer .row1 ul li span { font-size: 12px; padding-left: 12px; }

} /*769px*/

@media (max-width: 768px) {
	.pc_none {display: block; width: inherit;} 
	.pc_none_flex {display: flex; width: inherit;} 
	.mo_none {display: none !important;}
	.mo_none_flex {display: none !important;}
    .fixed-image { display: none; }
    
}


@media (max-width: 500px) {
    #header { display: none; }

    /* mainSection01 */
    section .main .title i { margin-top: 0; }
    section .main>.title>h3 { font-size: 18px; }

    #mainSection01 { display: flex; flex-direction: column-reverse; justify-content: center; }
    #mainSection01 .cont01 .character_wrap_mo { display: block;  }
    #mainSection01 .cont01 .character_wrap_mo .circle { width: 100%; max-width: 250px; margin: 0 auto; margin-bottom: 20px; }
    #mainSection01 .cont01 .character_wrap_mo .circle img { display: block; width: 100%; margin: 0 auto; }
    #mainSection01 .cont01 .phrases_wrap { display: none; }

    
    #mainSection01 .cont02 { margin-top: 0; }
    #mainSection01 .cont02 .mian { padding: 15vw 20px 35vw 20px; }
    #mainSection01 .cont02 .mian h3 { margin-top: 0; }
    #mainSection01 .cont02 .left { display: none; }
    #mainSection01 .cont02 .right { display: none; }
   
    #mainSection01 .cont02 .logo_mo { 
        background: #0085FF; 
        padding-top: 30vw; 
        padding-left: 20px; 
        padding-right: 20px; 
        padding-bottom: 10vw;
    }
    #mainSection01 .cont02 .mian img { display: none; }
    #mainSection01 .cont02 .img_bg { background: #0085FF; }
    #mainSection01 .cont02 .img_castle01 { display: none; }
    #mainSection01 .cont02 .img_castle02 { display: none; }
    #mainSection01 .cont02 .img_castle01_mo { display: block; margin-bottom: -1px; }
    #mainSection01 .cont02 .img_castle02_mo { display: block; }
    #mainSection01 .cont02 .logo_mo { display: block; }

    /* mainSection02 */
    #mainSection02 { margin-top: 20vw; padding: 0; }

    /* mainSection03 */
    #mainSection03 { padding-top: 86.5px; padding-bottom: 67px; }
    #mainSection03 .main .slider .slide { display: block; }
    .slick-next, .slick-prev { display: none !important; }
    #mainSection03 .main .slider .slide .desc .title2 h4 { 
        font-size: 14px;
    }
    #mainSection03 .main .slider .slide .desc .title2 p { font-size: 12px; }
    #mainSection03 .main .slider .slide .desc .review p { font-size: 12px; }
    /* slide */
    #mainSection03 .main .slider .slide .images { width: 100%; }
    .slick-slide img { height: 216px; object-fit: cover; margin: 0 auto; }
    #mainSection03 .main .slider .slide .desc { 
        width: 100%;
        height: 150px;
        padding-left: 0; 
        padding-top: 20px; 
        
    }
    #mainSection03 .main .slider .slide .desc .review { padding-top: 36px; }

    /* mainSection04 */
    #mainSection04 { padding-top: 20vw; }
    #mainSection04 .main .desc { padding-bottom: 10vw; }
    #mainSection04 .main .desc h4 { font-size: 18px; }

    #mainSection02 .gallery_wrap { display: none; }
    #mainSection02 .gallery_wrap_mo { display: block; }

    #mainSection04 .rolling .rolling_img_wrap ul li img {  
        width: 25px;
        height: 25px;
        margin-right: 4px;
    }
    #mainSection04 .rolling .rolling_img_wrap ul li span {  
        font-size: 16px;
        font-weight: 700;
        width: 50px;
    }


}