/* z-index 
.page_post.news .contheader :500
.header_nav:700
.hamburger:700
.hamburger_lists 600
*/

.main_area{ padding-bottom:66px; }
.font_color1{ color:#333333; }
.bg_color1{ background:url(../img/bg_pattern.jpg) repeat center center/cover; }
.note{ line-height:140%;font-size:110%; }
.note.center{ text-align:center; }
.mincho{ font-family:"YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }

.hamburger-btn{ cursor:pointer; }
.hamburger-btn.close{ position:absolute;right:3.8%;top:2%;display:block;width:32px;height:auto; }
.hamburger{ display:block;position:fixed;z-index:800;top:0;right:0;width:25vw;max-width:670px;min-width:500px;height:100vh;transform:translateX(100vw);-webkit-transition:all 0.5s;transition:all 0.5s;background-color:rgba(0, 0, 0, 0.8);padding:5.2% 5.5% 5.2% 6.1%; }
.hamburger.active{ -webkit-transform:translateX(0);transform:translateX(0); }
.hamburger *{ color:#fff; }
.hamburger .logo{ width:11vh;max-width:124px;display:block; }
.hamburger .menu_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.hamburger_lists{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:70%;height:100%;padding-top:2vh;margin-right:auto; }
.hamburger_list{ border-bottom :1px solid #fff;text-align:center;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; }
.hamburger_list a{ font-size:112%;font-weight:300;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:2.7vh 0;width:100%; }
.hamburger .nav_note{ width:auto;max-width:90px;height:44vh;margin-top:5vh;margin-right:2%; }
.hamburger .bt_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:4.9vh; }
.hamburger .bt_wrap a{ border:1px solid #fff;height:6.2vh;max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:46%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.url_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-top:3.9vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }
/* .url_wrap a{ margin-top:auto; } */
.privacy{ margin-left:auto; }
.nav_instagram{ width:47px;height:auto; }
.nav_line{ margin-left: 5%; }
.nav_line, .nav_instagram{ width:47px;height:auto; }
.nav_line img .nav_instagram img{ width:47px;height:auto;margin-left: 5%;vertical-align: top; }

#canvas_wrap{ object-fit:cover;height:100vh; }
.top_news{ display:block;width:85%;bottom:1vh;left:2vw;z-index:90;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.top_news.color_w{ color:#fff; }
.top_news span{ border-right:1px solid;padding:0 22px;font-family:'Noto Sans JP', sans-serif;font-size:125%; }
.top_news span:first-of-type{ border-left:0;padding-left:0; }
.top_news span:last-of-type{ border-right:0;padding-right:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.top_news .date,.top_news .note{ font-size:110%;padding-left:16px; }
.frame{ position:fixed;top:0;left:50%;transform:translateX(-50%);width:98%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:500;padding-top:16px;height:0; }
.frame .logo{ width:8%;max-width:95px;margin-left:1.2%;height:0;position:relative; }
.frame .instagram{ width:80%;align-items:center;margin-top:130%; }
.frame .line{ width:80%;align-items:center;margin-top:150%; }
.frame .th_header{ width:23.2%;margin-top:180%; }
.frame .menu_tool{ left:50%;transform:translateX(-50%);position:absolute;width:100%; }
.side_header{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:38px;height:calc(100vh - 60px);-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.side_header .icon_scroll{ margin-top:auto;width:100%; }
.side_header .icon_scroll img{ width:100%; }
section{ width:100%;z-index:100;position:relative;background-color:#fff; }
section .wrap{ width:90%;margin-left:auto;margin-right:auto;max-width:910px; }
section.sec1{ z-index:50;height:100vh; }
section.sec1 img{ object-fit:cover;height:100vh; }
section.sec2{ height:100vh;margin-top:100vh;z-index:50;position:-webkit-sticky;position:sticky;top:0;background:url(../img/img_note_bg.png?0804) no-repeat center center/cover; }
section.sec2 .mask{ width:100%;height:100vh;background-color:#000; }
section.sec2 .wrap{ width:90%;max-width:900px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50% ,-85%);display:none; }
section.sec2 .th{ width:100%;margin-bottom:7%;max-width:356px; }
section.sec2 .note{ color:#fff;line-height:380%;font-size:110%;letter-spacing:12px;font-family:'Noto Sans JP';font-weight:100; }
section.fixed{ position:fixed;top:0;left:0;margin-top:0; }

.sec_th{ position:absolute;left:0;top:0;width:20%; }
.sec3.bg_color1 .bg_obj{ clip-path:polygon(0 0%, 109% 0, 58.7% 100%, 41.4% 100%);background-color:rgba(225, 225, 225, 0.1); }
.sec_type1{ padding:115px 0; }
.bg_color1 .bg_obj,.bg_color1 .bt_menu{ display:block;margin:0 auto; }
.bg_color1 *{ color:#fff; }
.bg_color1 .bg_obj{ width:1045px;height:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%); }
.bg_color1 .bt_menu{ width:350px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%); }
.bg_color1 .bt_menu img{ vertical-align:top; }
.bg_color1 .bt_menu .bt_menu_note{ position:absolute;width:102px;bottom:25%;left:50%;transform:translateX(-50%); }
.bg_arrow{ width:0;height:0;border-style:solid;position:absolute;left:0;z-index:100; }
.bg_arrow.top{ border-color:transparent transparent #fff transparent;position:absolute;top:-180px;border-width:0 0 180px 100vw; }
.img_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.beautiful{ position:relative;overflow:hidden; }
.beautiful::after{ content:'';background-color:#fff;position:absolute;bottom:0;left:0;height:8px;width:100%; }
.beautiful .sec_th{ width:27.1%;top:4%; }
.beautiful .img_wrap{ width:92%;margin:0 auto;padding-bottom:56px; }
.beautiful .img_wrap img{ width:32%;margin-top:24.2%; }
.beautiful .img_wrap img:nth-of-type(2n){ margin-top:0; }

.menu{ padding-top:150px;padding-bottom:183px;display:none; }
.menu .img_wrap{ max-width:644px;width:80%;margin-left:auto;margin-right:auto;margin-bottom:8%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
.menu .img_wrap img{ width:32.6%;margin-top:22%; }
.menu .img_wrap img:first-of-type{ margin-top:9.4%;  }
.menu .img_wrap img:last-of-type{ margin-top:0;  }

.small_wrap{ width:90%;max-width:776px;margin-left:auto;margin-right:auto; }
.menu_wrap{ margin-bottom:12.3%; }
.menu_wrap + .menu_wrap{ margin-bottom:14.8%; }
.menu_wrap .th{ width:auto;height:37px;margin-bottom:0;margin-left:3px; }
.menu_wrap .row{ padding:3.6% 0;border-bottom:1px solid #e4e4e4; }
.menu_wrap .row.row_th{ padding:0;margin-top:7.5%;padding-bottom:3.3%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.menu_wrap .row.row_th img{ width:196px;margin-left:4px; }
.menu_wrap .row.row_th span{ font-size:75%; }
.menu_wrap .row_inner{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:464px;margin-left:auto;margin-right:auto;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.menu_wrap .menu_name{ width:100%;margin-bottom:2.6%; }
.menu .other_menu{ width:80%;max-width:646px;display:block;margin:0 auto; }
.menu .other_menu_note{ display:block;text-align:center;margin-top:1%;font-size:90%; }
.bt_round{ max-width:360px;width:95%;margin:0 auto;display:block;margin-top:18.2%; }

.before_after{ padding-top:188px;padding-bottom:368px; }
.before_after .sec_th{ width:27%;top:-6%; }
.cont_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.before_after .cont_wrap{ margin-bottom:20.6%; }
.before_after .cont{ width:29.2%; }
.cont .img_wrap{ position:relative;height:100%; }
.before_after .cont:first-of-type{ margin-top:30%; }
.before_after .cont:nth-of-type(2){ margin-top:15%; }
.before_after .cont img{ width:95.7%; }
.before_after .cont .before{ position:absolute;top:0;left:0 }
.before_after .cont .after{ position:absolute;bottom:0;right:0; }
.before_after .cont span{ margin-top:15%;letter-spacing:0.6px;display:block;text-align:right; }
.before_after .no_b_f img{ width:86.2%; } 


.th{ text-align:center; }
.voice_wrap{ padding-top:3%; }
.voice_wrap .arrows{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center; width:205px;margin:0 auto;margin-bottom:5.1%; }
.voice_wrap .arrow{ width:20px; }
.voice_wrap .arrows .th{ display:block;margin:0 auto;font-size:118%;letter-spacing:4px;padding-left:4%; }
.arrows{ margin-bottom:30px; }
.voices{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:1;top:0;left:0;width:33%;max-width:360px;height:68%;padding-top:34px; }
.voice{ width:30%;padding:1%;opacity:0.4;transition:opacity .1s;min-width:100%;height:100%;margin:0 5.2%;position:relative; }
.voice.active{ opacity:1;transition:opacity .1s; }
.voice > .th{ position:absolute;top:-15%;left:50%;transform:translateX(-50%);font-size:136%;width:100px;display:block; }
.voice > .th img{ width:60px;margin-right:5%; }
.voice_slider{ position:relative;padding-bottom:225px;overflow:hidden;margin-left:auto;margin-right:auto;height:320px; }
.voice .note_wrap{ position:relative;border:1px solid #fff;padding:0;text-align:center;height:150%;margin-top:4%; }
.voice_detail{ position:absolute;top:-7%;left:50%;transform:translateX(-50%);max-width:290px;width:80%;background:url(../img/bg_pattern.jpg) repeat center center/cover;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #fff;padding:2% 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.voice_detail span{ width:calc((98% - 2px) / 3);text-align:center; }
.voice_detail span.line{ width:1px;height:20px;background-color:#fff; }
.voice .note_wrap img{ display:block;object-fit:contain;width:100%;height:100%;box-sizing:border-box;padding:14%;padding-top:16%; }
.slick-active{ opacity:1;transition:opacity 1s; }
.slick-slide{ margin-right:1vw!important;margin-left:1vw!important; }
.slick-track{ height:34vw; }
.slick-dots{ bottom:-38px!important; }
.slick-dots li{ margin:0 3px!important; }
.slick-dots li button:before{ color:transparent!important;border:1px solid #b1b1b1!important;border-radius:999px;width:10px!important;height:10px!important; }
.slick-dots li.slick-active button:before{ opacity:1!important;background-color:#b1b1b1; }
.slick-track img{ object-fit:cover; }
.prev_icon, .next_icon{ width:40px;z-index:100; }
.prev_icon{ position:absolute;top:50%;left:0;transform:translateY(-50%); }
.next_icon{ position:absolute;top:50%;right:0;transform:translateY(-50%); }

.bg_side_img{ padding-bottom:0;z-index:200;padding-top:0; }
.bg_side_img .img_wrap{ width:68%;height:25vw;max-height:300px;margin-bottom:74px;object-fit:cover;object-position:top center;display:block;transform:translateY(-180px);position:relative;z-index:150; }
.bg_side_img .img_wrap:last-of-type{ margin-bottom:0; }
.bg_side_img .img_wrap img{ width:100%;height:100%;object-fit:cover; }
.bg_img_left{ margin-right:auto; }
.bg_img_right{ margin-left:auto; }

.news{ position:relative;padding-top:320px;overflow:hidden; }
.news .bg_arrow.top{ width:0;height:0;top:0;border-style:solid;border-color:#ffffff transparent transparent transparent;border-width:180px 100vw 0 0; }
.news .sec_th{ top:8.4%;left:1.4%;width:11.5%; }
.news .cont_wrap{ margin-bottom:7.6%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.news .cont{ width:28.8%;margin-right:calc((100% - (28.8% * 3)) / 2); }
.news .cont:nth-of-type(3n){ margin-right:0; }
.news .cont:first-of-type{ margin-top:16.6%; }
.news .cont:nth-of-type(2){ margin-top:8.3%; }
.news .cont > img{ object-fit:cover; }
.news .cont .date{ color:#808080;display:block;margin-top:3.4%; }
.news .cont .title{ width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:100%;display:block;margin-top:2%; }
.news .cont .bt_more{ width:65px;display:block;margin-left:auto;margin-top:2%; }
.news .bt_to_news{ display:block;margin:0 auto;position:relative; }
.news .bt_to_new img{ vertical-align:top; }
.news .bt_to_news:before,.news .bt_to_news:after{ content:"";position:absolute;width:50vw;height:1px;background-color:#fff;top:50%;transform:translateY(-50%); }
.news .bt_to_news:before{ left:-50vw; }
.news .bt_to_news:after{ right:-50vw; }

.access{ padding-top:2.1%;padding-bottom:0; }
.access .sec_th{ width:31%;top:-3%; }
.access .detail_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:11.5%; }
.access .left{ width:67%;margin-top:14.1%; }
.access .left span{ width:100%; }
.access .left > span{ display:block; }
.access .address{ margin-top:3.3%; }
.access .address_sub{ font-size:73%; }
.access .name{ font-size:114%;letter-spacing:2.8px; }
.access .tel{ margin-top:2%; }
.access .tel span{ margin-right:7px; }
.access .open{ margin-top:0.5%; }
.access .open span{ width:70px;display:inline-block; }
.access .closed span{ width:70px;display:inline-block; }
.access span.payment,.access span.reserve { margin-top:4%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.access span.payment{ margin-top:2%; }
.access .payment .th, .access .reserve .th{ width:104px;display:inline-block;text-align:left; }
.access .payment .detail{ letter-spacing:0.3px;flex-wrap:wrap;width:auto; }
.access .right{ width:26%; } 

.gmap{ height:0;overflow:hidden;padding-bottom:clamp(240px, 30%, 500px);position:relative;margin-top:5%; }
.gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%; }

.copyright{ color:#fff;z-index:200;text-align:center;font-size:70%;padding:8px 0;letter-spacing:1px; }

/* ----------------------------------------- */
/* 記事一覧ページ
/* ----------------------------------------- */
.page_post.news{ padding-top:150px; }
.page_post .cont{ margin-bottom:6%; }
.page_post .cont:first-of-type,.page_post .cont:nth-of-type(2){ margin-top:0; }
.page_post .th_page{ max-width:200px;margin:0 auto;margin-bottom:8%; }

.page_nation{ display:block;margin:0 auto;position:relative;max-width:300px; }
.page_nation .num_wrap{ display:block;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.page_nation .num_wrap *{ margin:0 10px;font-size:140%; }
.page_nation .num_wrap a{ color:#808080; }
.page_nation > a{ position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:1; }
.page_nation .bt_prev{ left:0; }
.page_nation .bt_next{ right:0; }
.page_nation .bt_prev img,.page_nation .bt_next img{ vertical-align:top; }
.no_post{ font-size:140%;text-align:center;display:block;margin:20% 0;width:100%; }

/* ----------------------------------------- */
/* 個別記事ページ
/* ----------------------------------------- */
.work_page .article_cont_wrap{ justify-content:center; }
.single_wrap{ width:80%;max-width:900px;margin-left:auto;margin-right:auto;margin-top:127px; }
.single_wrap .cont .article_img{ width:68%;margin:0 auto; }
.single_wrap .cont .article_img .main_img{ width:100%;object-fit:cover; }
.single_wrap .cont .imgs_wrap img{ object-fit:cover;height:8.4vw;max-height:100px; }
.single_wrap .cont .row{ display:block;border-bottom:none;padding:30px 0;margin-top:10.2%;margin-bottom:13%;border-top:1px solid #E5E5E5; }
.single_wrap .cont .row .ttl_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:19px; }
.single_wrap .cont .row .ttl_wrap .date{ width:90px;padding-right:15px;margin-right:20px;box-sizing:content-box;font-size:110%;position:relative;line-height:180%; }
.single_wrap .cont .row .ttl_wrap .date:after{ content:'';width:1px;height:20px;background-color:#e5e5e5;position:absolute;right:0;top:50%;transform:translateY(-50%); }
.single_wrap .cont .row .ttl_wrap .title{ text-align:left;font-size:140%;margin-top:0; }
.single_wrap .cont .row .article_desc p{ font-size:110%;white-space:pre-wrap; }
.single_wrap .page_nation{ margin-top:28px;margin-right:auto;margin-left:0; }
.single_wrap .page_nation div{ border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:113px; }
.single_wrap .page_nation div a{ width:51px;display:block;padding:8px 31px; }
.single_wrap .page_nation div + div{ border-left:1px solid #e5e5e5; }

.single_wrap .row{ display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-top:1px solid #E5E5E5;padding:2.4% 1.5%;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.single_wrap .row .date{ margin-right:5%;color:#808080;font-family:'Noto Sans JP', sans-serif;font-weight:bold;letter-spacing:0.8px;font-size:80%; }
.single_wrap .row .note{ width:70%;}
.single_wrap .row .more{ margin-left:auto;width:54px; }
.single_wrap .page_nation{ text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100px;margin:0 auto;margin-top:115px;font-family:'Noto Sans JP', sans-serif; }
.single_wrap .page_nation .page_arrow{ width:20px; }
.single_wrap .page_nation .page-numbers{ color:#E5E5E5; }
.single_wrap .page_nation .page-numbers.current{ color:#333333; }

.privacy_wrap{ width:90%;max-width:800px;margin:160px auto;margin-top:160px; }
.privacy_wrap .th{ text-align:center;font-size:180%;display:block;margin-bottom:7%; }
.privacy_wrap p,.privacy_wrap li{ line-height:200%; }
.privacy_wrap h2{ margin-top:3%; }

@media screen and (max-width:960px){
    .header .hamburger-btn{ display:block; }
    .header .nav_wrap{ display:none; }

    .bg_arrow.top{ border-width:0 0 10vw 100vw;top:-9.9vw; }
    .news .bg_arrow.top{ border-width:10vw 100vw 0 0; }
}
@media screen and (max-width:767px){
    .header .wrap{ -webkit-box-align:center;-ms-flex-align:center;align-items:center; }
    .header .logo{ width:60%;max-width:280px; }
    .frame{ top:2%;width:94%; }
    .frame .logo{ width:17%; }

    section.sec2 .wrap{ width:80%; }
    .beautiful .sec_th{ width:58%;max-width:210px;top:-11%; }
    .beautiful .img_wrap{ padding-bottom:40%; }
    .beautiful .img_wrap img{ width:43%;position:absolute;margin-top:36%; }
    .beautiful .img_wrap img:first-of-type{ left:0; }
    .beautiful .img_wrap img:nth-of-type(2n){ position:relative;margin-left:auto;margin-right:auto; }
    .beautiful .img_wrap img:last-of-type{ right:0; }
    
    .bg_color1 .bg_obj{ width:820px; }
    .bg_color1 .bt_menu{ width:280px; }
    .bg_color1 .bt_menu:hover{ opacity:1; }

    .menu_wrap .row{ padding:4.5% 0; }
    .menu_wrap .row_inner{ -ms-flex-wrap:wrap;flex-wrap:wrap; }
    .menu_wrap .menu_name{ width:100%;margin-bottom:2.5%; }

    .voice{ min-width:330px; }

    .before_after{ padding-bottom:50%; }
    .before_after .sec_th{ width:50%;max-width:220px;top:-3%; }
    .before_after .cont_wrap{ margin-bottom:37%; }

    .news{ padding-top:50%;padding-bottom:0; }
    .news .sec_th{ top:-9%;width:23.5%;min-width:110px; }
    main .news .cont_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:390px;margin:0 auto; }
    .news .cont:nth-of-type(3n){ margin-right:auto; }
    .news .cont:first-of-type{ margin-top:0; }
    .news .cont:nth-of-type(2){ margin-top:0; }
    .news .cont{ width:95%;max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:16%; }
    
    .access{ padding-top:115px; }
    .access .sec_th{ width:56%;max-width:250px;top:-6%; }
    .access .detail_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .access .left{ width:100%; }
    .access .right{ width:55%;max-width:300px;margin:10% auto 0 auto; }

    .page_post .th_page{ max-width:160px;margin-bottom:15%; }
    .page_post.news .cont{ width:48%;margin-right:4%;margin-left:0;margin-bottom:11%; }
    .page_post.news .cont:nth-of-type(2n){ margin-right:0; }
    .page_post.news .cont_wrap{ -ms-flex-wrap:wrap;flex-wrap:wrap; }

    .single_wrap .cont .row .ttl_wrap{ display:block; }
    .single_wrap .cont .row .ttl_wrap .date{ display:inline; }
    .single_wrap .cont .row .ttl_wrap .date:after{ display:none; }
    .single_wrap .cont .row .ttl_wrap .title{ margin-top:2%; }
    .single_wrap .cont .row .ttl_wrap .comp_name:after{ display:none; }
    .single_page .article_img .img{ width:100%;height:40vh;object-fit:cover; }
    .article_cont_wrap .no_post_works.w_p{ margin-bottom:20%; }
    
    .single_wrap .article_wrap{ width:95%; }
    .single_wrap .page_nation{ margin-top:17%; }
}
@media screen and (max-width:575px){
    .hamburger{ width:100%;box-sizing:border-box;min-width:0; }
    .hamburger-btn.close{ right:6.8%;top:4%; }
    .th_header{ display:none; }
    .top_news{ -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap; }
    .top_news .th{ padding-right:10px;margin-right:10px; }
    .top_news .date,.top_news .note{ padding:0;border-right:0; } 
    .frame .logo{ margin-left:2.5%; }
    .frame .instagram{ margin-top:120%; }
    .frame .th_header{ margin-top:135%; }
    .top_news .note{ width:100%;margin-top:1%; } 
    .side_header{ margin-right:1%; }
    .sec_type1{ padding:145px 0; }
    section .wrap{ width:95%; }
    .beautiful{ padding-top:40%; }
    .beautiful .img_wrap{ width:80%;max-width:285px;padding-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .beautiful .img_wrap img{ width:100%;margin-top:45%;position:relative; }
    .beautiful .img_wrap img:first-of-type{ -webkit-box-ordinal-group:2;-ms-flex-order:2;order:2; }
    .beautiful .img_wrap img:nth-of-type(2n){ -webkit-box-ordinal-group:1;-ms-flex-order:1;order:1; }
    .beautiful .img_wrap img:last-of-type{ -webkit-box-ordinal-group:3;-ms-flex-order:3;order:3; }
    .beautiful .img_wrap img:first-of-type,.beautiful .img_wrap img:nth-of-type(2n),.beautiful .img_wrap img:last-of-type{ margin:0 auto;margin-bottom:11%; }
    .sec3.bg_color1 .bg_obj{ clip-path:polygon(-50% 0%, 150% 0, 58.7% 100%, 41.4% 100%); }
    section.sec2 .wrap{ transform:translate(-50%, -63%); }
    section.sec2 .note{ letter-spacing:6px; }

    .menu{ padding-top:16%; }
    .menu .img_wrap{ width:100%;margin-bottom:18%; }
    .menu_wrap{ margin-bottom:17%; }
    .menu_wrap .row_inner{ -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; }
    .menu_wrap .row_inner span{ margin-right:5%;margin-bottom:1%; }
    .menu_wrap .row_inner .menu_name{ margin-bottom:2%; }
    .menu .other_menu{ width:100%; }
    .cont_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .before_after{ padding-bottom:40%; }
    .before_after .cont_wrap{ max-width:360px; }
    .before_after .cont{ width:75%;margin-left:auto;margin-right:auto; }
    .before_after .cont,.before_after .cont:first-of-type,.before_after .cont:nth-of-type(2){ margin-top:32%;margin-bottom:0; }
    .before_after .cont span{ margin-top:7%; }
    
    .voice_wrap .arrows{ width:100%;max-width:270px; }
    .voice_wrap .arrow{ width:35px; }

    .bg_side_img .img_wrap{ height:45vw;width:83%;transform:translateY(-116%); }
    
    .news{ padding-top:58%;padding-bottom:0; }
    .no_post{ margin:32% 0; }
    
    .access{ padding-bottom:0;transform:translateY(-1px) }
    .access span.payment{ margin-top:4%; }
    
    .page_post.news .cont{ width:95%;margin:0 auto;margin-bottom:16%; }
    .page_post.news .cont:nth-of-type(2n){ margin-right:auto; }
    .single_page{ padding:0; }
    .single_wrap{ width:85%;margin-left:auto;margin-right:auto;margin-top:25%; }
    .single_wrap .row .date{ font-size:70%; }
    .single_wrap .cont .article_img{ width:90%; }
    .single_wrap .cont .imgs_wrap img{ height:10.4vw; }
    .single_wrap .cont .row .article_desc p{ font-size:16px; }

    .privacy_wrap{ width:85%; }
}