@charset "utf-8";

/* top img */
.container_top {
    background-image: url(img/top_img.png);
}
@media (max-width:600px) {
    .container_top {
        background-image: url(img/top_img_m.png);
    }
}
/* snb */
.snb ul li {
    width: 33.333333%;
}

.snb {
    margin-top: 0;
}


/* top btn */
button#top_btn {
    display: block;
}
@media (max-width:1580px) {
    button#top_btn {
        display: none;
    }
}
@media (max-width:800px) {
    button#top_btn {
        display: block;
        position: static;
        width: 100%;
        height: 49px;
        background: #fff;
        font-size: 14px;
    }
}
/* ft */
@media (max-width:800px) {
    div#ft {
        display: block;
        height: auto;
        padding-bottom: 21px;
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
    }
    div#ft_wr {
        padding-top: 16px !important;
    }
}









/* page content */
.chefs_top_txt { padding-top: 32px; padding-left: 40px; } 
.chefs_top { background: url(img/bg.jpg) no-repeat; height: 180px; width: 100%; overflow: hidden; } 
.chefs_top .first { font-size: 20px; font-weight: 600; color: #57585A; line-height: 22px; text-align: left; padding: 0; font-family: "Noto Sans JP", sans-serif;} 
.second { font-size: 52px; font-weight: 700; color: #000; margin-bottom: 10px;} 
.third { border-left: 1px solid rgba(0,0,0,0.2); padding-left: 18px; } 
.third p { font-size: 17px; color: #000; font-weight: 400; } 
.third p span { font-weight: 700; } 
.content_wrap { margin-top: 13px; margin-bottom: 100px; } 

.cont.content_img { margin-top: 40px; text-align: center; position: relative; width: 100%; display: flex; justify-content: space-between; } 
.content_img { margin-top: 100px; } 
.content_img__txt { position: absolute; left: 40px; font-size: 20px; font-weight: 300; color: #57585A; text-align: left; } 
.cont.content_img .img-wrap { max-width: 814px; flex: 1; } 
.cont.content_img iframe { width: 100%; } 
.content_img img { max-width: 100%; } 
.content_list { max-width: 401px; flex: 1; } 
.content_list > ul > li:not(:last-child) { margin-bottom: 10px; } 
.content_list_box { background-color: #292929; position: relative; } 
.content_list_box::before { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: #FFC400; } 
.content_list__img { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); display: flex; align-items: center; justify-content: center; } 
.content_list__txt { padding: 11px 0; padding-left: 40px; } 
.content_list__txt .tit { color: #FFC400; font-size: 18px; line-height: 2; } 
.content_list__txt p { color: #fff; opacity: .7; line-height: 1.5; } 

.cont3 { position: relative; padding-top: 48px; } 
.cont3 .pc-ver .main-tit { position: absolute; top: 0; } 
.content_img .main-tit { font-size: 40px; margin-bottom: 15px; } 


.content_bot { background: rgba(124,124,124,0.1); margin-top: 55px; font-size: 0; padding: 25px 35px; } 
.content_bot_ { display: inline-block; vertical-align: top; width: 50%; } 
.content_bot_>ul>li:first-child { margin-bottom: 25px; } 
.title { font-size: 22px; font-weight: 700; color: #000; } 
.txt { font-size: 18px; font-weight: 400; color: #000; } 
.first { text-align: center; padding: 0 40px; } 
.con_m_txt p.bold { font-size: 18px; font-weight: 700; color: #000; } 
.con_m_txt p { font-size: 14px; font-weight: 400; color: #000; } 
.con_m_img { text-align: center; margin-top: -50px; } 

.cont-wrap { display: flex; align-items: center; justify-content: space-between; } 
.cont-wrap .l { width: 575px; margin-top: -50px; } 
.cont-wrap .r { width: 640px; } 
.cont4 .l { } 
.cont4 .bot-list { } 
.bot-list { padding-left: 15px; display: flex; flex-wrap: wrap; } 
.bot-list .list { display: flex; align-items: baseline; width: 50%; margin-bottom: 20px; } 
.bot-list .num { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #FFC400; font-size: 16px; font-weight: 700; margin-right: 6px; } 
.bot-list .tit { font-size: 22px; font-weight: 700; } 
.bot-list .txt { font-size: 14px; font-weight: 300; color: #888; } 
.contt .bot-list { margin-top: 50px; } 

.cont4 { margin-top: 100px; } 
.cont6 .bot-list { } 



.bot-table { width: 100%; border-top: 1px solid #030303; border-bottom: 1px solid #030303; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
table th,
table td { height: 40px; font-size: 16px; font-weight: 500; border: 1px solid #BABABA; text-align: center; } 
table tr th:first-child,
table tr td:first-child { border-left: 0; } 
table tr th:last-child,
table tr td:last-child { border-right: 0; } 
table .th_title { font-size: 18px; font-weight: 900; font-family: 'Gyeonggi';} 
table .bg-gray { background-color: #E4E4E4; } 
table .bg-lightGray { background-color: #F7F7F7; } 
table .bg-yellow { background-color: #FCD100; } 
table .bg-orange { background-color: #FDA901; } 
table .bg-lightYellow { background-color: rgba(255,196,0,0.1); } 
table .height { height: 80px; } 
table td.td_down { background-color: #000; } 
table td.td_down .btn { display: flex; align-items: center; justify-content: center; } 
table td.td_down .btn span { color: #fff; } 
.bot-btn { display: flex; font-size: 0; margin: 0 -5px; margin-top: 10px; } 
.bot-btn > li { flex: 1; padding: 0 5px; } 
.bot-btn .btn { width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #fff; background: #000; transition: .4s; line-height: 1.2; padding: 10px 0; } 
.bot-btn .material-symbols-outlined { margin-left: 5px; } 
.bot-btn .btn:hover { opacity: .7; } 

.table-top {position: relative;margin: 30px 0 16px;display: flex;align-items: flex-end;} 
.table-top .legend-wrap {width: 16%;font-size: 18px;color: #888;margin-bottom: 15px;} 
.table-top .legend {display: flex;align-items: center;gap: 10px;font-family: "Noto Sans JP", sans-serif; font-weight: 600;} 
.table-top .legend span { width: 50px; height: 15px; } 
.table-top .legend.legend01 span { background-color: #FDA901; } 
.table-top .legend.legend02 span { background-color: #FCD100; } 
.table-top .img-wrap { flex: 1; display: flex; } 
.table-top .img-wrap > div {flex: 1;display: flex;align-items: center;} 
.table-top .img-wrap img { width: 100%; } 

.elyx-link { display: flex; margin-top: 30px; gap: 40px; } 
.elyx-link > li { flex: 1; } 
.elyx-link__top {padding: 10px 20px;background-color: #404040;color: #fff;font-size: 27px;text-align: center;border-radius: 50px;font-weight: 600;font-family: "Noto Sans JP", sans-serif;} 
.elyx-link .link-tit {background-color: #E8E8E8;flex: none;width: 150px;height: 40px;text-align: center;font-size: 18px;border-radius: 5px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-family: "Noto Sans JP", sans-serif;} 
.elyx-link__cont {margin-top: 20px;padding: 0 15px;height: 110px;} 
.elxy-link__list { display: flex; align-items: center; gap: 10px; } 
.elyx-link .link-cont { font-size: 18px; line-height: 1.3; } 
.elxy-link__list + .elxy-link__list { margin-top: 15px; } 
.elyx-link__txt {font-size: 19px;font-weight: 700;text-align: center;} 
.cont5 { margin-top: 80px; } 
.cont5-list { display: flex; gap: 30px; } 
.cont5-list > li { flex: 1; } 
.cont5-list__box { border: 2px solid #FFEC00; border-radius: 20px; padding: 20px 20px 35px; height: 500px; display: flex; flex-direction: column; } 
.cont5-list__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #e4e4e4; } 
.cont5-list__top h3 {color: #C00000;font-size: 36px;font-family: "Noto Sans JP", sans-serif; font-weight: 600;} 
.cont5-list__top img { box-shadow: -2px 3px 10px rgba(255, 196, 0, 0.16); border-radius: 50%; } 
.cont5-list__cont { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } 
.elyx-link__img{margin-top: 30px; font-size: 0;}
.elyx-link__img img{width: 100%; border-radius: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);}


.cont5-list__cont p { font-size: 18px;  font-family: "Noto Sans JP", sans-serif; font-weight: 600;} 

@media screen and (max-width: 1280px) {
  .elyx-link {
    flex-direction: column;
    }

    .cont5-list {
        flex-direction: column;
    }
   .elyx-link__cont{
        height: auto;
    }
}




@media (max-width:1100px) {
    .content_bot_wrap {
        padding: 25px 15px;
    }
    .title {
        font-size: 18px;
    }
    .txt {
        font-size: 14px;
    }
    .content_wrap {
        margin-top: 25px;
    }
    .content_img img {
        width: 100%;
    }
    .content_bot {
        margin-top: 30px;
    }


}

@media (max-width: 800px) {
    .snb_top_menu { margin-top: 0; font-size: 18px; } 
    .content_bot_ { display: block; width: 100%; } 
    .content_bot_:first-child { margin-bottom: 25px; } 
    .content_bot { padding: 25px 15px; } 
    .cont.content_img { display: block; } 
    .chefs_top .first { font-size: 15px; } 
    .chefs_top { height: auto; } 
    .chefs_top_txt { padding: 30px; } 
    .second {font-size: 36px;margin-bottom: 5px;} 
    .content_bot2 { display: block; margin-top: 30px; } 
    .bot2-img { text-align: center; margin-bottom: 25px; } 
    .cont_scroll .img-wrap { overflow-x: scroll; margin-right: -15px; } 
    .scroll-wrap { position: relative; } 
    .cont_scroll .img-wrap::after { content: ''; width: 20px; height: 100%; position: absolute; right: -15px; top: 0; background: linear-gradient(to right,transparent, rgba(0,0,0,0.1) ); } 
    .cont_scroll .img-wrap img { width: 1200px; max-width: 1200px; } 
    .cont_scroll .img-wrap::-webkit-scrollbar { display: block; width: 9px; height: 9px; background-color: #ebebeb;}
    .cont_scroll .img-wrap::-webkit-scrollbar-thumb { background:#c9c9c9; } 
    .content_img { margin-top: 60px; padding-top: 0; } 
    .cont-wrap { display: block; } 
    .cont.content_img { margin-top: 20px; } 
    .content_img__txt { position: static; font-size: 14px; } 
    .cont.content_img .img-wrap { max-width: 100%; padding-top: 13px; flex: auto; position: relative; overflow: hidden; padding-bottom: 56.25%; } 
    .cont.content_img .img-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
    .cont.content_img .list { display: flex; align-items: baseline; margin-bottom: 10px; } 
    .cont.content_img .list .num { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #FFC400; font-size: 16px; font-weight: 700; margin-right: 6px; } 
    .cont.content_img .list .txt { font-size: 22px; font-weight: 700; } 
    .content_list { margin-top: 30px; margin-left: 0; max-width: 100%; } 
    .tit-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } 
    .content_img .main-tit { font-size: 25px; } 
    .cont-wrap .l { width: 100%; } 
    .cont2 { padding: 0 15px; } 
    .cont4 .l { margin-top: 10px; } 
    .content_img .bot-list { margin-top: 15px; padding-left: 0; } 
    .bot-list .list { width: 100%; margin-bottom: 15px; } 
    .cont-wrap .r { width: 100%; position: relative; } 
    .bot-table { margin-top: 20px; } 
    .bot-table table::after { content: ''; width: 20px; height: 100%; position: absolute; right: -15px; top: 0; background: linear-gradient(to right,transparent, rgba(0,0,0,0.1) ); } 
    .bot-table::-webkit-scrollbar { display: block; width: 9px; height: 9px; background-color: #ebebeb; } 
    .bot-table::-webkit-scrollbar-thumb { background:#c9c9c9; } 
    .bot-table table { } 
    .bot-btn { display: block; margin-top: 15px; } 
    .bot-btn > li { padding: 5px 0; } 
    .bot-list .list:nth-child(1) { order: 1; } 
    .bot-list .list:nth-child(2) { order: 3; } 
    .bot-list .list:nth-child(3) { order: 2; } 
    .bot-list .list:nth-child(4) { order: 4; } 
    .table-scroll { overflow-x: auto; } 
    .table-wrap { width: 1200px; } 
    .elyx-link__top { font-size: 18px; } 
    .elxy-link__list { flex-direction: column; align-items: baseline; } 
    .elyx-link .link-tit { font-size: 16px; height: 35px; width: 135px; } 
    .elyx-link .link-cont { font-size: 16px; } 
    .elyx-link__txt {font-size: 16px;margin-top: 20px;word-break: keep-all;} 
    .elyx-link__txt br { display: none; } 
    .cont5-list__top h3 { font-size: 30px; } 
    .cont5-list__top img { width: 40px; } 
    .cont5-list__cont p { font-size: 16px; } 
    .cont5-list__box { height: auto; } 
    .cont5-list__cont { gap: 20px; } 
}