@charset "utf-8";

 html { scroll-behavior: smooth;}

.pc { display:block; }
.sp { display:none; }

@font-face { font-family: 'ME-R'; src: url('https://life.miele.co.jp/font/MieleElements-5Regular.woff') format('woff'); }
@font-face { font-family: 'ME-SB'; src: url('https://life.miele.co.jp/font/MieleElements-6SemiBold.woff') format('woff'); }
@font-face { font-family: 'ME-B'; src: url('https://life.miele.co.jp/font/MieleElements-7Bold.woff') format('woff'); }
@font-face { font-family: 'ME-EB'; src: url('https://life.miele.co.jp/font/MieleElements-8ExtraBold.woff') format('woff'); }

.en.reg {font-family: ME-R,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.sb {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.fb {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.eb {font-family: ME-EB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
#content {
    padding-bottom: 0px;
}
#main {
    max-width: initial;
    padding: 0;
    margin: 0;
    background: initial;
    clear: initial;
    font-size: initial;
    line-height: initial;
}
.bg-gray {
    background: #ECECEC;
}
.c-red {
    color: #8c0014;
}
.c-white {
    color: #FFF;
}
.f-b {
    font-weight: bold;
}

.site #content .chefs-section #Schedule {padding-top: 150px !important;margin-top: -150px !important;width: 70%;}

.site #content .chefs-section {
    min-width: 1200px;
    position: relative;
    z-index: 10;
}
.site #content .chefs-section.mv-section {}
.site #content .chefs-section p.title-text {}
.site #content .chefs-section h2.chefs-title {
    width: 100%;
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 0px;
    position: relative;
    font-size: 18px;
    color: #6B6B6B;
    left: 30px;
    margin-bottom: 24px;
}
.site #content .chefs-section h2.chefs-title .en-title {
    color: #8c0014;
    font-size: 16px;
}
.site #content .chefs-section h2.chefs-title .en-title span {
    font-size: 8px;
    padding: 0 8px 0 10px;
    position: relative;
    top: -1px;
}
.site #content .chefs-section h2.chefs-title::before {content:"";display: block;width: 25.2vw;height: 1px;background: #8c0014;position: absolute;left: -25.9vw;top: 50%;transform: translateY(-50%);}
.site #content .chefs-section h2.chefs-title::after { content:""; }
.site #content .chefs-section h3.chefs-title {}
.site #content .chefs-section h3.chefs-title::before {content:"";}
.site #content .chefs-section h3.chefs-title::after { content:""; }
.site #content .chefs-section .mv-cont {
    position: relative;
}
.site #content .chefs-section .mv-cont::before {content:"";background: #8c0014;width: 100%;display: block;height: 300px;position: absolute;top: 150px;}
.site #content .chefs-section .mv-cont .mv-box {
    max-width: 1400px;
    background: url(https://life.miele.co.jp/images/articles/event/chefstable/pc_mv.webp);
    background-size: cover;
    height: 600px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background-position-x: center;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title {
    margin: 0;
    color: #FFF;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
    text-align: center;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;display: block;font-size: 32px;border-bottom: 1px solid #FFF;padding-bottom: 9px;margin-bottom: 14px;}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title span {
    font-size: 18px;
    font-weight: normal;
    background: #8c0014;
    padding: 6px 8px 2px;
    text-shadow: initial;
    position: relative;
    left: -4px;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title span+span {
    font-size: 32.5px;
    color: #FFF;
    background: none;
    padding: 0;
    position: relative;
    left: 6px;
    top: 4px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .jp-title {
    font-size: 42px;
    line-height: 110%;
    text-align: center;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .jp-title span {
    display: block;
    letter-spacing: 0.07em;
    margin-bottom: 6px;
}
.site #content .chefs-section .mv-cont-2 {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 75px;
}
.site #content .chefs-section .mv-cont-2::before {content:"";display: block;width: 1px;height: 540px;position: absolute;background: #8c0014;}
.site #content .chefs-section .mv-cont-2 .images-box {
    width: 560px;
    float: right;
    margin-top: 70px;
}
.site #content .chefs-section .mv-cont-2 .images-box img {
    width: 100%;
}
.site #content .chefs-section .mv-cont-2::after { content:""; display:block; clear:both; }
.site #content .chefs-section .mv-cont-2 ::{}
.site #content .chefs-section .mv-cont-2 .text-box {
    float: left;
    padding-left: 90px;
    padding-top: 100px;
}
.site #content .chefs-section .mv-cont-2 .text-box p.title-text {
    font-size: 28px;
    font-weight: bold;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 16px;
}
.site #content .chefs-section .mv-cont-2 .text-box p.chefs-text {
    margin: 0px;
    font-size: 18px;
    line-height: 175%;
}
.site #content .chefs-section .slider-box {
    overflow: hidden;
}
.site #content .chefs-section .slider-box .mv-slide {max-width: 1120px;margin: 0 auto;}
.site #content .chefs-section .slider-box .mv-slide .in-box {
    margin: 0 10px;
}
.site #content .chefs-section .slider-box .mv-slide img {
    width: auto;
}
.site #content .chefs-section .slider-box::before { content:""; }
.site #content .chefs-section.about-section {
    position: relative;
    z-index: 9;
    padding-bottom: 105px;
}
.site #content .chefs-section.about-section.type2 {}
.site #content .chefs-section.about-section::before {content:"";display: block;max-width: 720px;height: 1050px;position: absolute;background: #ECECEC;right: 0;top: -500px;width: 40%;}
.site #content .chefs-section.about-section::after {content:"";display: block;max-width: 725px;height: 560px;position: absolute;background: #ECECEC;width: 40%;left: 0;bottom: 0;z-index: 8;}
.site #content .chefs-section.about-section.type2::before {
    width: 0;
    height: 0;
}
.site #content .chefs-section.about-section.type2::after {
    width: 0px;
    height: 0px;
}

.site #content .chefs-section .about-cont {
    width: 1000px;
    margin: 130px auto 0;
    position: relative;
    z-index: 9;
}
.site #content .chefs-section .about-cont h2.chefs-title {
    width: 100%;
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 0px;
    position: relative;
    font-size: 18px;
    color: #6B6B6B;
    left: 24px;
    margin-bottom: 24px;
}
.site #content .chefs-section .about-cont h2.chefs-title::before {content:"";display: block;width: 25.2vw;height: 1px;background: #8c0014;position: absolute;left: -25.9vw;top: 50%;transform: translateY(-50%);}
.site #content .chefs-section .about-cont h2.chefs-title .en-title {
    color: #8c0014;
    font-size: 16px;
}
.site #content .chefs-section .about-cont h2.chefs-title .en-title span {
    font-size: 8px;
    padding: 0 8px 0 10px;
    position: relative;
    top: -1px;
}
.site #content .chefs-section .flex-box {}
.site #content .chefs-section .about-cont .flex-box {display: flex;justify-content: space-between;}
.site #content .chefs-section .about-cont .flex-box .left-box {
    width: 46.5%;
}
.site #content .chefs-section .about-cont .flex-box .left-box h3.chefs-title {
    font-size: 30px;
    position: relative;
    left: 24px;
    margin: 0px;
    margin-bottom: 40px;
    line-height: 150%;
}
.site #content .chefs-section .about-cont .flex-box .left-box img {}
.site #content .chefs-section .about-cont .flex-box .right-box {
    width: 46.5%;
}
.site #content .chefs-section .about-cont .flex-box .right-box .chefs-text {
    margin: 0px;
    font-size: 18px;
    line-height: 200%;
}
.site #content .chefs-section .about-cont .flex-box .right-box .chefs-text .f-b {}
.site #content .chefs-section .about-cont .note-box {
    border: 1px solid #1f1f1f;
    width: 800px;
    padding: 20px 50px;
    margin: 38px auto 0;
    background: #FFF;
}
.site #content .chefs-section .about-cont .note-box .note-text {
    position: relative;
    font-size: 16px;
    margin-left: 18px;
    letter-spacing: 0.05em;
    line-height: 175%;
}
.site #content .chefs-section .about-cont .note-box .note-text a {
    text-decoration: underline;
}
.site #content .chefs-section .about-cont .note-box .note-text::before {content:"※";position: absolute;left: -18px;}
.site #content .chefs-section .red-cont {
    background: #8c0014;
    padding: 35px 0 20px;
    min-width: 1200px;
}
.site #content .chefs-section .red-cont .text-box {
    width: 660px;
    margin: 0 auto;
    text-align: center;
}
.site #content .chefs-section .red-cont .text-box h3.chefs-title {
    margin: 0px;
    font-size: 34px;
    letter-spacing: 0.015em;
}
.site #content .chefs-section .red-cont .text-box h3.chefs-title span {
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 38px;
}
.site #content .chefs-section .red-cont .text-box p.title-text {
    background: #FFF;
    font-size: 22px;
    font-weight: bold;
    padding: 3.5px 0;
    margin: 10px 0;
}
.site #content .chefs-section .red-cont .text-box p.chefs-text {
    font-size: 17px;
    letter-spacing: 0.05em;
}
.site #content .chefs-section .gray-cont {
    background: #ececec;
}
.site #content .chefs-section .gray-cont .step-list {
    padding: 0;
    margin: 0;
    padding-bottom: 108px;
}
.site #content .chefs-section .gray-cont .step-list li {
    list-style: none;
    border-bottom: 1px solid #C5C5C5;
    padding: 35px 0;
}
.site #content .chefs-section .gray-cont .step-list li .list-box {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0px auto;
    max-width: 1120px;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number {
    width: 220px;
    color: #6b6b6b;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding-left: 84px;
    line-height: 1;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number .en-text {
    font-size: 100px;
    color: #C5C5C5;
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number .mini-text {
    display: block;
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 8px;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number .mini-text span {
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box {
    display: flex;
    width: 890px;
    margin-left: auto;
    justify-content: space-between;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box {
    width: 590px;
    padding: 15px 0;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(3) .list-box .flex-box .text-box {
    padding: 28px 0;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(4) .list-box .flex-box .text-box {}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(5) .list-box .flex-box .text-box {
    padding: 42px 0;
}

.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box .title-text {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0 16px;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box .chefs-text {
    font-size: 18px;
    margin: 0px;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .images-box {
    width: 250px;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .images-box img {
    width: 100%;
}
.site #content .chefs-section .gray-cont::before { content:""; }
.site #content .chefs-section .change-box-outer {
    position: relative;
}
.site #content .chefs-section .change-box-outer::before {content:"";display: block;width: 50%;height: 610px;position: absolute;right: 0;top: 0;background: #ececec;}
.site #content .chefs-section .change-box-outer .change-box {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    /* border-left: 1px solid #C5C5C5; */
}
.site #content .chefs-section .change-box-outer .change-box::before {content:"";display: block;width: 1px;height: 969px;background: #C5C5C5;position: absolute;left: 0px;top: 0;}
.site #content .chefs-section .change-box-outer .change-box::after {
 content:"";
 position: absolute;
 bottom: 42px;                 /* 縦線の下端から生やす */
 left: 0;
 width: 60px;               /* 斜めラインの長さ */
 height: 1px;               /* 線の太さ */
 background-color: #C5C5C5;    /* 線の色（縦線と同じ） */
 /* ここで角度調整 */
 transform-origin: left center;
 transform: rotate(45deg);  /* 角度はお好みで */
 }
.site #content .chefs-section .change-box-outer .change-box .flex-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box {
    width: 700px;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .chefs-title {
    margin: 0px;
    padding-left: 85px;
    font-size: 32px;
    margin-top: 80px;
    margin-bottom: 24px;
    letter-spacing: 0.02em;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .red-title {
    background: #8c0014;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    padding: 3.5px 0;
    padding-left: 85px;
    letter-spacing: 0.02em;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .chefs-text {
    padding-left: 85px;
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 175%;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .images-box {
    width: 420px;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .images-box img {}
.site #content .chefs-section .change-box-outer .change-box h4.chefs-title {
    text-align: center;
    margin: 0 auto;
    font-size:26px;
    color: #8c0014;
    background: url(https://life.miele.co.jp/images/articles/event/chefstable/title-bg.svg) no-repeat;
    width: 714px;
    padding: 3px 0 5px;
}
.site #content .chefs-section .change-box-outer .change-box h4.chefs-title span {
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 32px;
}
.site #content .chefs-section .change-box-outer .change-box .step-list {
    padding-left: 85px;
    position: relative;
    margin: 50px 0 0px;
    display: flex;
    justify-content: space-between;
    padding-right: 85px;
    padding-bottom: 80px;
}
.site #content .chefs-section .change-box-outer .change-box .step-list::before {content:"";display: block;width: 518px;height: 1px;background: #C5C5C5;position: absolute;bottom: 0;left: 42px;}
.site #content .chefs-section .change-box-outer .change-box .step-list::after {content:"";display: block;width: 0.5px;height: 85px;background: #C5C5C5;position: absolute;left: 50%;transform: translateX(-50%);bottom: -84px;}
.site #content .chefs-section .change-box-outer .change-box .step-list li {
    list-style: none;
    width: 22.13%;
    position: relative;
    margin: 0;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li::before {content:"";width: 36px;height: 50px;display: block;background: #8c0014;position: absolute;right: -36px;top: 75px;}
.site #content .chefs-section .change-box-outer .change-box .step-list li::after {content:"";display: block;background: url(https://life.miele.co.jp/images/articles/event/chefstable/arrow01.svg) no-repeat;position: absolute;width: 12px;height: 14px;right: -24px;top: 92px;}
.site #content .chefs-section .change-box-outer .change-box .step-list li:nth-last-of-type(1)::before,
.site #content .chefs-section .change-box-outer .change-box .step-list li:nth-last-of-type(1)::after {
    display: none;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li img {}
.site #content .chefs-section .change-box-outer .change-box .step-list li h5.chefs-title {
    font-size: 20px;
    text-align: center;
    margin: 16px 0 12px;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li .chefs-text {
    font-size: 16px;
    line-height: 175%;
    margin: 0;
}
.site #content .chefs-section .familiar-box {
    margin-top: 82px;
    padding-top: 40px;
    position: relative;
}
.site #content .chefs-section .familiar-box .slider-box {}
.site #content .chefs-section .familiar-box .slider-box .title-slide {max-width: 786px;margin: 0 auto;}
.site #content .chefs-section .familiar-box .slider-box .title-slide .in-box {
    margin: 0 20px;
}
.site #content .chefs-section .familiar-box .slider-box .title-slide img {  }
.site #content .chefs-section .familiar-box h3.chefs-title {}
.site #content .chefs-section .familiar-box h3.chefs-title::before {content:"";display: block;width: 100%;height: 4px;background: #C5C5C5;position: absolute;bottom: 0;}
.site #content .chefs-section .familiar-box h3.chefs-title::after {content:"";height: 4px;background: #8c0014;position: absolute;bottom: 0;right: 0px;width: 150px;}
.site #content .chefs-section .familiar-box .slider-box+h3.chefs-title {
    margin: 0;
    font-size: 40px;
    letter-spacing: 0.11em;
    width: 421px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    background: #FFF;
}
.site #content .chefs-section .familiar-box .title-text {
    font-size: 30px;
    text-align: center;
    color: #555;
    font-weight: bold;
    letter-spacing: 0.06em;
    margin: 50px 0;
}
.site #content .chefs-section .familiar-box .cont-box {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    left: 84px;
}
.site #content .chefs-section .familiar-box .cont-box::after { content:""; display:block; clear:both; }
.site #content .chefs-section .familiar-box .cont-box .right-box {
    width: 580px;
    float: right;
}
.site #content .chefs-section .familiar-box .cont-box .right-box img {}
.site #content .chefs-section .familiar-box .cont-box .left-box {
    width: 490px;
}
.site #content .chefs-section .familiar-box .cont-box .left-box .chefs-text {
    margin: 0 0 30px;
    line-height: 200%;
}
.site #content .chefs-section .familiar-box .cont-box .left-box .chefs-text.font-big {
    font-size: 19px;
}
.site #content .chefs-section .sns-cont {
    width: 90%;
    max-width: 1450px;
    padding-bottom: 100px;
}
.site #content .chefs-section .sns-cont .title-outer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1010px;
    display: flex;
    top: -70px;
}
.site #content .chefs-section .sns-cont h2.chefs-title {}
.site #content .chefs-section .sns-cont h2.chefs-title::before { content:""; }
.site #content .chefs-section .sns-cont h2.chefs-title .en-title {}
.site #content .chefs-section .sns-cont h2.chefs-title .en-title span {}
.site #content .chefs-section .sns-cont .title-box {
    font-size: 76px;
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1;
    position: absolute;
    top: -20px;
    color: #ECECEC;
    left: 380px;
    letter-spacing: 0.05em;
}
.site #content .chefs-section .sns-cont .flex-box {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}
.site #content .chefs-section .sns-cont .flex-box .images-box {
    width: 56.5%;
}
.site #content .chefs-section .sns-cont .flex-box .images-box img {}
.site #content .chefs-section .sns-cont .flex-box .text-box {
    width: 40%;
}
.site #content .chefs-section .sns-cont .flex-box .text-box h3.chefs-title {
    font-size: 32px;
    letter-spacing: 0.02em;
}
.site #content .chefs-section .sns-cont .flex-box .text-box h3.chefs-title span {
    background: #8c0014;
    color: #FFF;
    padding: 3px 16px;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .chefs-text {
    font-size: 18px;
    line-height: 200%;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 12px;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list li {
    list-style: none;
    margin-right: 12px;
    background: #ECECEC;
    border: 1px solid #C5C5C5;
    border-radius: 100px;
    padding: 12px 20px;
    margin-bottom: 10px;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list li:nth-last-of-type(1) {}
.site #content .chefs-section .sns-cont .flex-box .text-box .note-text {
    font-size: 14px;
    position: relative;
    margin-left: 16px;
    margin-top: 0px;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .note-text::before {content:"※";position: absolute;left: -16px;}

.site #content .chefs-section .schedule-cont {}
.site #content .chefs-section .inner {
    width: 1120px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.site #content .chefs-section .schedule-cont.inner {
    width: 1010px;
    margin: 0 auto;
    padding: 100px 0;
}
.site #content .chefs-section .sns-cont h2.chefs-title {position: relative;margin-bottom: 0px;}
.site #content .chefs-section .sns-cont h2.chefs-title::before {content:"";}
.site #content .chefs-section .sns-cont h2.chefs-title .en-title {}
.site #content .chefs-section .sns-cont h2.chefs-title .en-title span {}
.site #content .chefs-section .schedule-cont .calendar-content {
    width: 948px;
    background: #FFF;
    padding: 30px;
    margin: 0 auto;
}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar td.month_name {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td .cal-event-location {
    background: #8c0014;
    font-size: 12px;
    padding: 1px 2px;
}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li .cal-event-location {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li a {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li a:hover {}

.site #content .chefs-section .inner h2.chefs-title {width: 1010px;margin: 0 auto 24px;}
.site #content .chefs-section .inner h2.chefs-title::before { content:""; }
.site #content .chefs-section .inner h2.chefs-title .en-title {}
.site #content .chefs-section .inner h2.chefs-title .en-title span {}
.site #content .chefs-section .inner .title-box {
    width: 948px;
    margin: 0 auto 40px;
    display: flex;
}
.site #content .chefs-section .inner.faq-cont {
    padding: 80px 0;
}
.site #content .chefs-section .inner .title-box.voice-title {
}
.site #content .chefs-section .inner .title-box.voice-title p.chefs-text {
    position: relative;
    top: 6px;
}
.site #content .chefs-section .inner .title-box .left-box {
    margin-bottom: 2vw;
}
.site #content .chefs-section .inner .title-box .left-box h3.chefs-title {
    font-size: 30px;
    margin: 0;
    width: 268px;
}
.site #content .chefs-section .inner .title-box .right-box {}
.site #content .chefs-section .inner .title-box .right-box .chefs-text {
    font-size: 18px;
    margin: 0;
    line-height: 200%;
}
.site #content .chefs-section .inner .voice-list {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    margin: 0px;
}
.site #content .chefs-section .inner .voice-list li {
    list-style: none;
    width: 260px;
    background: #FFF;
    padding: 10px 30px 30px;
}
.site #content .chefs-section .inner .voice-list li .title-text {
    font-size: 20px;
    color: #8c0014;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 16px;
}
.site #content .chefs-section .inner .voice-list li .title-text::before {content:"“";color: #E2E2E2;font-size: 55px;display: block;position: absolute;left: 0;top: 3px;line-height: 1;}
.site #content .chefs-section .inner .voice-list li .title-text::after {content:"”";color: #E2E2E2;font-size: 55px;display: block;position: absolute;right: 0;bottom: -32px;line-height: 1;}
.site #content .chefs-section .inner .voice-list li .title-text+p {
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.site #content .chefs-section .inner .voice-list li p {
    margin: 0px;
    font-size: 16px;
    line-height: 180%;
}
.site #content .chefs-section .inner .faq-box {
    width: 680px;
    margin-left: auto;
    position: relative;
    margin-top: 40px;
    position: relative;
    left: -85px;
}
.site #content .chefs-section .inner .faq-box::before {content:"";display: block;width: 1px;height: 100%;position: absolute;background: #C5C5C5;top: 80px;}
.site #content .chefs-section .inner .faq-item {border-bottom: 1px solid #C5C5C5;}
.site #content .chefs-section .inner .faq-item summary {
    list-style: none;
    position: relative;
    padding-left: 92px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 30px;
    cursor: pointer;
}
.site #content .chefs-section .inner .faq-item summary::after {content:"";position: absolute;top: 20px;right: 20px;display: block;width: 9px;height: 9px;margin: auto;content: '';transform: rotate(135deg);border-top: 2px solid #8c0014;border-right: 2px solid #8c0014;-webkit-transition: all 0.3s 
cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 0.3s 
cubic-bezier(0.215, 0.61, 0.355, 1);}

.site #content .chefs-section .inner .faq-item[open] summary::after { transform: rotate(-45deg); }

.site #content .chefs-section .inner .faq-item summary .q-badge {
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 30px;
    background: #c6c5c5;
    color: #FFF;
    line-height: 1;
    width: 54px;
    display: block;
    text-align: center;
    padding: 14px 0 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.site #content .chefs-section .inner .faq-item .answer {
    position: relative;
    padding: 0px 0 30px 92px;
}
.site #content .chefs-section .inner .faq-item .answer .chefs-text {
    margin: 0;
    position: relative;
    font-size: 18px;
    line-height: 200%;
}
.site #content .chefs-section .inner .faq-item .answer::after { content:""; }
.site #content .chefs-section .inner .faq-item .answer .a-badge {
    font-family: ME-B, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #ECECEC;
    font-size: 100px;
    display: block;
    position: absolute;
    right: 0;
    bottom: -32px;
}
.site #content .chefs-section .inner .faq-item:nth-of-type(1) {}
.site #content .chefs-section .inner .faq-item:nth-last-of-type(1) {}
.site #content .chefs-section.footer-section {
    padding: 50px 0;
}
.site #content .chefs-section .footer-btn {
    display: block;
    width: 430px;
    margin: 0 auto;
    color: #FFF;
    background: #8c0014;
    text-align: center;
    line-height: 1;
    padding: 30px 0;
    font-size: 20px;
    border-radius: 6px;
    position: relative;
}
.site #content .chefs-section .footer-btn::before {content:"";display: block;width: 40px;height: 60px;background: #ffffff2e;border-radius: 4px;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.site #content .chefs-section .footer-btn::after {content:"";background: url(https://life.miele.co.jp/images/articles/event/chefstable/arrow02.svg) no-repeat;display: block;width: 10px;height: 12.5px;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;}
.site #content .follow-btn {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 99;
}
.site-header.light { min-width:1200px }
.site-footer-wrapper.light {
    min-width: 1200px;
}
.site #content .follow-btn a {
    background: #1f1f1f;
    color: #FFF;
    writing-mode: vertical-rl;
    font-size: 20px;
    padding: 20px 24px 56px;
    font-weight: 500;
    border-radius: 16px 0 0 16px;
    position: relative;
    letter-spacing: 0.02em;
}
.site #content .follow-btn a span {
    position: relative;
    left: 5px;
}
.site #content .follow-btn a::before {content:"";}
.site #content .follow-btn a::after {content: "";background: url(https://life.miele.co.jp/images/articles/event/chefstable/arrow03.svg) no-repeat;display: block;width: 20px;height: 20px;position: absolute;left: 50%;transform: translateX(-50%);position: absolute;bottom: 20px;}


.change-box-outer {
 position: relative;
 background: #fff;                 /* 必要に応じて */
}

/* 装飾線（背面に固定） */
.change-box-outer .story__frame {
 position: absolute;
 inset: 0 auto auto 0;   /* 左上基準で配置 */
 width: min(640px, 38vw);/* 線の全体の“幅” */
 height: 100%;           /* セクションの高さに追従 */
 pointer-events: none;   /* クリック妨げない */
 preserveAspectRatio: none;
 z-index: 0;
}

 @media only screen and (max-width: 1480px) {
 .site #content .chefs-section .sns-cont .flex-box .images-box {
    width: 48%;
}
.site #content .chefs-section .sns-cont .flex-box .text-box {width: 49%;}
 }

@media only screen and (max-width: 1280px) {
.site #content .chefs-section .familiar-box .cont-box {
    left: 50px;
    width: 1050px;
}
.site #content .chefs-section .familiar-box .cont-box .right-box {width: 520px;}
}

 @media only screen and (max-width: 900px) {
.pc { display:none; }
.sp { display:block; }
.bg-gray {}
.c-red {}
.c-white {}
.f-b {}
.site-header.light,.site-footer-wrapper.light {
    min-width: initial;
    padding-bottom: 15vw;
}
.site #content .chefs-section #Schedule { }
.site #content .chefs-section {
    min-width: initial;
}
.site #content .chefs-section.mv-section {}
.site #content .chefs-section p.title-text {}
.site #content .chefs-section h2.chefs-title {
    font-size: 4.5vw;
    margin-bottom: 4vw;
    left: 6vw;
    width: 90%;
}
.site #content .chefs-section h2.chefs-title .en-title {
    font-size: 4vw;
}
.site #content .chefs-section h2.chefs-title .en-title span {
    font-size: 2vw;
    padding: 0 2vw 0 2.5vw;
    top: -0.5vw;
}
.site #content .chefs-section h2.chefs-title::before {content:"";left: -6vw;width: 4.5vw;}
.site #content .chefs-section h2.chefs-title::after { content:""; }
.site #content .chefs-section h3.chefs-title {}
.site #content .chefs-section h3.chefs-title::before { content:""; }
.site #content .chefs-section h3.chefs-title::after { content:""; }
.site #content .chefs-section .familiar-box h3.chefs-title::before {
    width: 90%;
    height: 1vw;
    left: 2vw;
    bottom: -1vw;
}
.site #content .chefs-section .familiar-box h3.chefs-title::after {
    height: 1vw;
    right: 3vw;
    width: 28vw;
    bottom: -1vw;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .jp-title span {}
.site #content .chefs-section .mv-cont {}
.site #content .chefs-section .mv-cont .mv-box {
    background: url(https://life.miele.co.jp/images/articles/event/chefstable/sp_mv.webp);
    background-size: cover;
    width: 92%;
    height: 102vw;
    margin-bottom: 55vw;
}
.site #content .chefs-section .mv-cont::before {content:"";height: 42vw;top: 30vw;}
.site #content .chefs-section .mv-cont .mv-box .copy-box {
    position: initial;
    transform: initial;
    padding-top: 108vw;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title {
    text-shadow: initial;
    color: #1f1f1f;
    width: 100%;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title {
    border-bottom: 1px solid #1f1f1f;
    padding-bottom: 2vw;
    margin-bottom: 2.5vw;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title span {
    color: #FFF;
    font-size: 4.5vw;
    padding: 1.5vw 2vw 1vw;
    position: relative;
    left: -1vw;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .en-title span+span {
    text-shadow: initial;
    color: #1f1f1f;
    font-size: 8vw;
    left: 1vw;
    top: 1vw;
}
.site #content .chefs-section .mv-cont .mv-box .copy-box h1.chefs-title .jp-title {
    font-size: 10vw;
}
.site #content .chefs-section .mv-cont-2 {
    width: 92%;
    margin-bottom: 10vw;
}
.site #content .chefs-section .mv-cont-2::before {content:"";height: 130vw;}
.site #content .chefs-section .mv-cont-2::after { content:""; display:block; clear:both; }
.site #content .chefs-section .mv-cont-2 .images-box {
    float: none;
    width: 100%;
    margin-top: 0px;
}
.site #content .chefs-section .mv-cont-2 .images-box img {}
.site #content .chefs-section .mv-cont-2 .text-box {
    float: none;
    padding-left: 5vw;
    padding-top: 6vw;
}
.site #content .chefs-section .mv-cont-2 .text-box p.title-text {
    font-size: 6vw;
    margin-bottom: 3vw;
}
.site #content .chefs-section .mv-cont-2 .text-box p.chefs-text {
    font-size: 4.4vw;
}
.site #content .chefs-section .slider-box .mv-slide .in-box {
}
.site #content .chefs-section .slider-box {}
.site #content .chefs-section .slider-box .mv-slide { max-width: 1080px; margin: 0 auto; }
.site #content .chefs-section .slider-box .mv-slide img {}
.site #content .chefs-section .slider-box::before { content:""; }
.site #content .chefs-section .about-cont {
    width: 100%;
    margin-top: 12vw;
}
.site #content .chefs-section .about-cont h2.chefs-title {
    font-size: 4.5vw;
    margin-bottom: 4vw;
    left: 6vw;
    width: 90%;
}
.site #content .chefs-section .about-cont h2.chefs-title::before {content:"";left: -6vw;width: 4.5vw;}
.site #content .chefs-section .about-cont h2.chefs-title .en-title {
    font-size: 4vw;
}
.site #content .chefs-section .about-cont h2.chefs-title .en-title span {
    font-size: 2vw;
    padding: 0 2vw 0 2.5vw;
    top: -0.5vw;
}
.site #content .chefs-section .flex-box {}
.site #content .chefs-section.about-section {
    padding-bottom: 15vw;
}
.site #content .chefs-section.about-section.type2 {
    padding-bottom: 10vw;
}
.site #content .chefs-section.about-section::before {content:"";max-width: initial;width: 25vw;top: -150vw;height: 420vw;}
.site #content .chefs-section.about-section::after {content:"";max-width: initial;width: 20vw;height: 85vw;}
.site #content .chefs-section .about-cont .flex-box {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.site #content .chefs-section .about-cont .flex-box .left-box {
    width: 100%;
}
.site #content .chefs-section .about-cont .flex-box .left-box h3.chefs-title {}
.site #content .chefs-section .about-cont .flex-box .left-box h3.chefs-title {
    left: 0;
    font-size: 6.8vw;
    margin-bottom: 6vw;
}
.site #content .chefs-section .about-cont .flex-box .left-box img {}
.site #content .chefs-section .about-cont .flex-box .right-box {
    width: 100%;
    margin-top: 5vw;
}
.site #content .chefs-section .about-cont .flex-box .right-box .chefs-text {
    font-size: 4.5vw;
}
.site #content .chefs-section .about-cont .flex-box .right-box .chefs-text .f-b {}
.site #content .chefs-section .about-cont .note-box {
    width: 90%;
    padding: 5vw;
    margin-top: 6vw;
}
.site #content .chefs-section .about-cont .note-box .note-text {
    margin: 0;
    margin-left: 4.5vw;
    font-size: 4vw;
}
.site #content .chefs-section .about-cont .note-box .note-text::before {content:"※";left: -4.5vw;}
.site #content .chefs-section .red-cont {
    min-width: initial;
    padding: 7vw 0;
}
.site #content .chefs-section .red-cont .text-box {
    width: 92%;
}
.site #content .chefs-section .red-cont .text-box h3.chefs-title {
    font-size: 7vw;
    width: 80%;
    margin: 0 auto;
}
.site #content .chefs-section .red-cont .text-box h3.chefs-title span {}
.site #content .chefs-section .red-cont .text-box p.title-text {
    font-size: 5vw;
    padding: 2vw 0;
    line-height: 150%;
    margin: 2vw 0 4vw;
}
.site #content .chefs-section .red-cont .text-box p.chefs-text {
    font-size: 4vw;
    margin: 0;
}
.site #content .chefs-section .gray-cont {}
.site #content .chefs-section .gray-cont .step-list {
    padding-bottom: 15vw;
}
.site #content .chefs-section .gray-cont .step-list li {
    padding: 7vw 0 10vw;
}
.site #content .chefs-section .gray-cont .step-list li .list-box {
    width: 92%;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number {
    transform: initial;
    top: 7vw;
    width: 36vw;
    font-size: 6vw;
    padding-left: 13vw;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(4) .list-box .step-number {
    top: 5vw;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(2) .list-box .step-number,
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(5) .list-box .step-number {
    top: 3vw;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(4) .list-box .step-number .en-text {
    top: 40%;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number .en-text {
    font-size: 18vw;
    line-height: 1;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .step-number .mini-text {
    font-size: 3.5vw;
    padding-bottom: 2vw;
    padding-top: 1vw;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box {
    width: 100%;
    display: block;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box {
    width: 100%;
    padding: 0;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(3) .list-box .flex-box .text-box {
    padding: 0px;
}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(4) .list-box .flex-box .text-box {}
.site #content .chefs-section .gray-cont .step-list li:nth-of-type(5) .list-box .flex-box .text-box {
    padding: 0;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box .title-text {
    font-size: 4.5vw;
    padding-left: 36.5vw;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .text-box .chefs-text {
    font-size: 4.2vw;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .images-box {
    width: 100%;
    margin-top: 5vw;
}
.site #content .chefs-section .gray-cont .step-list li .list-box .flex-box .images-box img {}
.site #content .chefs-section .gray-cont::before { content:""; }
.site #content .chefs-section .change-box-outer {}
.site #content .chefs-section .change-box-outer::before { content:""; }
.site #content .chefs-section .change-box-outer .change-box {
    width: 90%;
    padding-top: 6vw;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box {
    display: block;
    margin-bottom: 8vw;
}
.site #content .chefs-section .change-box-outer .change-box::before {content:"";height: 381vw;}
.site #content .chefs-section .change-box-outer .change-box::after {content:"";width: 10vw;bottom: 7vw;}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box {
    width: 100%;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .chefs-title {
    margin: 0;
    padding-left: 6vw;
    font-size: 7.5vw;
    margin-bottom: 4vw;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .red-title {
    font-size: 5vw;
    padding: 2vw 0;
    padding-left: 6vw;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .text-box .chefs-text {
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 4vw;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .images-box {
    width: 100%;
    padding-left: 6vw;
    padding-right: 6vw;
}
.site #content .chefs-section .change-box-outer .change-box .flex-box .images-box img {}
.site #content .chefs-section .change-box-outer .change-box h4.chefs-title {
    width: 90%;
    background: url(https://life.miele.co.jp/images/articles/event/chefstable/title-bg_sp.svg) no-repeat;
    font-size: 5.5vw;
    padding: 0;
    background-size: 100%;
    background-position-y: 0.5vw;
    line-height: 140%;
}
    .site #content .chefs-section .change-box-outer .change-box h4.chefs-title span {
    font-size: 8vw;
}
.site #content .chefs-section .change-box-outer .change-box .step-list {
    width: 90%;
    width: 100%;
    padding-left: 6vw;
    padding-right: 0vw;
    display: block;
    margin: 5vw 0;
    padding-bottom: 6vw;
}
.site #content .chefs-section .change-box-outer .change-box .step-list::before {content:"";left: 7vw;width: 38.1vw;}
.site #content .chefs-section .change-box-outer .change-box .step-list::after {content:"";height: 14vw;bottom: -14vw;width: 1px;}
.site #content .chefs-section .change-box-outer .change-box .step-list li {
    width: 100%;
    margin-bottom: 8vw;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li::before {content:"";top: initial;right: initial;width: 12vw;height: 10vw;bottom: -9vw;left: 14vw;}
.site #content .chefs-section .change-box-outer .change-box .step-list li::after {content:"";clear: both;background: url(https://life.miele.co.jp/images/articles/event/chefstable/arrow01_sp.svg) no-repeat;right: initial;top: initial;left: 17.5vw;bottom: -6vw;width: 4vw;height: 3.5vw;}
.site #content .chefs-section .change-box-outer .change-box .step-list li img {
    width: 45%;
    display: block;
    float: left;
    margin-right: 4%;
    position: relative;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li h5.chefs-title {
    text-align: left;
    font-size: 5vw;
    margin: 0vw 0 2vw;
    line-height: 1;
    padding-top: 2vw;
}
.site #content .chefs-section .change-box-outer .change-box .step-list li .chefs-text {
    font-size: 3.5vw;
    line-height: 160%;
}
.site #content .chefs-section .familiar-box {
    margin-top: 15vw;
    padding-top: 10vw;
}
.site #content .chefs-section .familiar-box .slider-box {}
.site #content .chefs-section .familiar-box .slider-box .title-slide { max-width: 1080px; margin: 0 auto; }
.site #content .chefs-section .familiar-box .slider-box .title-slide .in-box {}
.site #content .chefs-section .familiar-box .slider-box .title-slide img {  }
.site #content .chefs-section .familiar-box h3.chefs-title {}
.site #content .chefs-section .familiar-box .slider-box+h3.chefs-title {
    width: 90%;
    font-size: 8.1vw;
    top: 8vw;
}
.site #content .chefs-section .familiar-box .title-text {
    font-size: 7vw;
    margin-top: 16vw;
    margin-bottom: 6vw;
}
.site #content .chefs-section .familiar-box .cont-box {
    width: 90%;
    left: 0;
}
.site #content .chefs-section .familiar-box .cont-box .right-box {
    width: 100%;
    float: none;
    margin-bottom: 5vw;
}
.site #content .chefs-section .familiar-box .cont-box .right-box img {}
.site #content .chefs-section .familiar-box .cont-box .left-box {
    width: 100%;
}
.site #content .chefs-section .familiar-box .cont-box .left-box .chefs-text {
    font-size: 4vw;
    margin-bottom: 3vw;
    line-height: 175%;
}
.site #content .chefs-section .familiar-box .cont-box .left-box .chefs-text.font-big {
    font-size: 4.8vw;
}


.site #content .chefs-section .sns-cont {
    padding-bottom: 12vw;
}
.site #content .chefs-section .sns-cont .title-outer {
    display: block;
    width: 100%;
    top: -20vw;
}
.site #content .chefs-section .sns-cont h2.chefs-title {}
.site #content .chefs-section .sns-cont h2.chefs-title::before { content:""; }
.site #content .chefs-section .sns-cont h2.chefs-title .en-title {}
.site #content .chefs-section .sns-cont h2.chefs-title .en-title span {}
.site #content .chefs-section .sns-cont .title-box {
    left: 0;
    font-size: 11.5vw;
    top: 6vw;
}
.site #content .chefs-section .sns-cont .flex-box {
    display: block;
    margin-top: 20vw;
}
.site #content .chefs-section .sns-cont .flex-box .images-box {
    width: 100%;
}
.site #content .chefs-section .sns-cont .flex-box .images-box img {}
.site #content .chefs-section .sns-cont .flex-box .text-box {
    width: 100%;
    padding-left: 6vw;
}
.site #content .chefs-section .sns-cont .flex-box .text-box h3.chefs-title {
    font-size: 7.8vw;
    margin: 7vw 0 4vw;
    line-height: 160%;
}
.site #content .chefs-section .sns-cont .flex-box .text-box h3.chefs-title span {
    padding: 1vw 4vw 0.5vw;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .chefs-text {
    font-size: 4vw;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list {
    margin: 5vw 0 3vw;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list li {
    font-size: 3.8vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
    padding: 2vw 4vw;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .sns-list li:nth-last-of-type(1) {}
.site #content .chefs-section .sns-cont .flex-box .text-box .note-text {
    font-size: 3.2vw;
    margin-left: 4vw;
    margin-bottom: 0px;
}
.site #content .chefs-section .sns-cont .flex-box .text-box .note-text::before {left: -4vw;}

.site #content .chefs-section .schedule-cont {}
.site #content .chefs-section .inner {
    width: 100%;
    padding-bottom: 10vw;
}
.site #content .chefs-section .schedule-cont.inner {
    width: 100%;
    padding: 12vw 0;
}
.site #content .chefs-section .sns-cont h2.chefs-title {
}
.site #content .chefs-section .sns-cont h2.chefs-title::before { content:""; }
.site #content .chefs-section .sns-cont h2.chefs-title .en-title {}
.site #content .chefs-section .sns-cont h2.chefs-title .en-title span {}
.site #content .chefs-section .schedule-cont .calendar-content {
    width: 94%;
    padding: 0vw;
    padding-right: 0;
    background: initial;
}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper::after {content:"※横にスクロールができます";display:block;color: #1f1f1f;position: relative;bottom: -1vw;font-size: 3.5vw;}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar {
}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar thead td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar td.month_name {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody td .cal-event-location {
    font-size: 3vw;
    padding: 1px 0.5vw;
}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names th,
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names th {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li .cal-event-location {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li a {}
.site #content .chefs-section .schedule-cont .calendar-content .em-calendar-wrapper .em-calendar tbody .days-names td ul li a:hover {}

.site #content .chefs-section .inner h2.chefs-title {
    width: 90%;
    margin: 0 0 4vw 0;
}
.site #content .chefs-section .inner h2.chefs-title::before { content:""; }
.site #content .chefs-section .inner h2.chefs-title .en-title {}
.site #content .chefs-section .inner h2.chefs-title .en-title span {}
.site #content .chefs-section .inner .title-box {
    width: 90%;
    display: block;
    margin: 0 auto 6vw;
}
.site #content .chefs-section .inner .title-box.voice-title {}
.site #content .chefs-section .inner .title-box.voice-title p.chefs-text {}
.site #content .chefs-section .inner .title-box .left-box {}
.site #content .chefs-section .inner .title-box .left-box h3.chefs-title {
    width: 100%;
    font-size: 7vw;
}
.site #content .chefs-section .inner .title-box .right-box {}
.site #content .chefs-section .inner .title-box .right-box .chefs-text {
    font-size: 4vw;
    line-height: 175%;
}
.site #content .chefs-section .inner .voice-list {
    width: 90%;
    margin: 0 auto;
    flex-wrap: wrap;
}
.site #content .chefs-section .inner .voice-list li {
    width: 100%;
    margin-bottom: 5vw;
    padding: 2vw 6vw 6vw;
}
.site #content .chefs-section .inner .voice-list li .title-text+p {
    font-size: 4vw;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
}
.site #content .chefs-section .inner .voice-list li p {}
.site #content .chefs-section .inner .voice-list li .title-text {
    font-size: 4.8vw;
    padding: 4vw 0;
    margin-bottom: 0;
}
.site #content .chefs-section .inner .voice-list li .title-text::before {content:"“";font-size: 14vw;top: 1.5vw;}
.site #content .chefs-section .inner .voice-list li .title-text::after {content:"”";font-size: 14vw;bottom: -7vw;}
.site #content .chefs-section .inner .faq-box {
    width: 100%;
    left: 0;
    padding: 0 6vw;
    margin-top: 8vw;
}
.site #content .chefs-section .inner .faq-item {}
.site #content .chefs-section .inner .faq-item summary {
    font-size: 4.5vw;
    padding-left: 16vw;
    padding-top: 9vw;
    padding-bottom: 4vw;
}
.site #content .chefs-section .inner .faq-item summary .q-badge {
    font-size: 7vw;
    width: 12vw;
    padding: 2.5vw 0 2.5vw;
}
.site #content .chefs-section .inner .faq-item .answer {
    padding-left: 16vw;
    padding-bottom: 6vw;
}
.site #content .chefs-section .inner .faq-item .answer .a-badge {
    font-size: 20vw;
    bottom: -4.5vw;
}
.site #content .chefs-section .inner .faq-item:nth-of-type(1) {}
.site #content .chefs-section .inner .faq-box::before {
    top: 12vw;
}
.site #content .chefs-section .inner .faq-item:nth-last-of-type(1) {}
.site #content .chefs-section .inner .faq-item summary::after {content:"";top: 5vw;right: 5vw;width: 2.5vw;height: 2.5vw;border-top: 0.5vw solid #8c0014;border-right: 0.5vw solid #8c0014;}
.site #content .chefs-section .inner .faq-item .answer::after { content:""; }
.site #content .chefs-section .inner .faq-item .answer .chefs-text {
    font-size: 4.5vw;
    line-height: 175%;
}
.site #content .chefs-section .inner.faq-cont {padding: 12vw 0;}

.site #content .chefs-section.footer-section {
    padding: 7vw 0;
}     
.site #content .chefs-section .footer-btn {
    width: 88vw;
    font-size: 4.5vw;
    padding: 7vw 0;
    border-radius: 4px;
}
.site #content .chefs-section .footer-btn::before {content:"";width: 8vw;height: 14vw;right: 2vw;}
.site #content .chefs-section .footer-btn::after {content:"";width: 2.5vw;height: 3.1vw;right: 4.5vw;}
.site #content .follow-btn {
    top: initial;
    bottom: 0;
    left: 0;
}
.site #content .follow-btn a {
    writing-mode: initial;
    width: 100%;
    display: block;
    padding: 5vw 0;
    text-align: center;
    border-radius: inherit;
    font-size: 4.5vw;
    background: #1f1f1fe0;
}
.site #content .follow-btn a span {
    left: initial;
}
.site #content .follow-btn a::before { content:""; }
.site #content .follow-btn a::after {content:"";background: url(https://life.miele.co.jp/images/articles/event/chefstable/arrow03.svg) no-repeat;bottom: initial;top: 50%;transform: translateY(-50%);left: initial;right: 8vw;width: 5vw;height: 5vw;}

.change-box-outer  .story__frame {
   width: 54vw;
 }
}
 
/*====================================================================
.full-screen
====================================================================*/

.site #content .chefs-section .slider-box .mv-slide .slick-list,
.site #content .chefs-section .slider-box .title-slide .slick-list {overflow: visible;}
@media only screen and (max-width: 900px) {
.site #content .chefs-section .slider-box .mv-slide .slick-list, .site #content .chefs-section .slider-box .title-slide .slick-list {
    width: 75vw;
    margin: 0 auto;
}
}