@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
 font-family: inherit; 
 font-size: 100%; 
 font-weight: inherit; 
 font-style: inherit; 
 vertical-align: baseline; 
 white-space: normal;
 margin: 0; 
 padding: 0; 
 border: 0; 
 outline: 0;
 background: transparent;
 box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { display: block; box-sizing: border-box; }
ol, ul { list-style: none;box-sizing: border-box; }
blockquote, q { quotes: none;box-sizing: border-box; }
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 box-sizing: border-box;
}
td,th{text-align: left;}

img:not(.-reset) {
  max-width: 100%; 
  height: auto; 
  vertical-align: middle;  
  font-style: italic;  
  background-repeat: no-repeat; 
  background-size: cover;
  shape-margin: 0.75rem;
  image-rendering: -webkit-optimize-contrast;
}

:root {
 --color-black: #333;
 --color-red: #C80012;
 --color-cream: #FFE6BB;
 --color-blue: #003D73;    
}



body {
 position: relative;
 text-align:center;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
 line-height:2em;
 color: var(--color-black);
 background-size: 100% auto;
 -webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 769px){
 html , body { font-size:16px; }
 body { padding-top: 108px; }
}
@media screen and (max-width: 768px){
 html , body { font-size:14px; }
 body { padding-top: 68px; }    
}


.header__container {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 100;
 width: 100%;
 text-align: left;
 background-color: #FFF;
}

@media screen and (min-width: 769px){
 .header__container { padding: 30px 50px; }
 .header__item.-logo { width: auto; height: 48px; }
}
@media screen and (max-width: 768px){
.header__container { padding: 15px 30px; }
 .header__item.-logo { width: auto; height: 38px; }    
}


.fv__container {
 background: #FEEBC8;
 background: linear-gradient(45deg,rgba(254, 235, 200, 1) 0%, rgba(255, 255, 255, 1) 70%);
}

.fv__box.-title {
 position: relative;
}

.fv__box.-headline {
 z-index: 5;
}    

.fv_item.-mark {
 position: absolute;
 display: table;
 color: #FFF;
 background-color: var(--color-red);
}


.fv_item.-mark {
 border-radius : 50%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.fv_item.-mark span {
 display: table;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.fv_item.-mark span:first-child {
 width: 4em;
 font-family: "EB Garamond", serif;
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: normal;
 padding-bottom: .25em;
 margin-bottom: .25em;
 border-bottom: solid 1px #FFF;
}

.fv_item.-mark span:not(:first-child) {
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;
}

.fv_item.-main {
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;
 line-height: 1.25;
}

.fv_item.-main span {
 display: table;
 margin: 0 auto;
 white-space: nowrap;
}


@media screen and (min-width: 769px){
.fv__wrapper {
 display: grid;
 grid-template-columns: 44% 56%;
 grid-column-gap: 0px;
 grid-row-gap: 0px;
 width: 100%;
 margin: 0 auto;    
}
    
 .fv__box.-title{ width: 100%; }    
.fv__box.-headline {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
}    
    
    
 .fv__box.-photo01 , .fv__box.-photo02 {
 font-size: 0;
 line-height: 1;
 width: 100%;
  aspect-ratio: 5.1 / 2.96;    
 }
 .fv__box.-photo01 picture , .fv__box.-photo02 picture {
 display: block;
  width: 100%;
 aspect-ratio: 5.1 / 2.96;    
 object-fit: cover;
 }        

 .fv__box.-photo01 img , .fv__box.-photo02 img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
 }    

.fv__box.-title { grid-area: 1 / 1 / 3 / 2; }
.fv__box.-photo01 { grid-area: 1 / 2 / 2 / 3; }
.fv__box.-photo02 { grid-area: 2 / 2 / 3 / 3; }
    
.fv_item.-mark {
 right: 0;
 top: 0;
 font-size: clamp(16px,23px,1.9vw);  
 line-height: 1.25em;
 width: 6.2em;
 height: 6.2em;
 transform: translate(50%,-75%);
}    
.fv_item.-mark span:first-child { font-size: clamp(20px,28px,2.3vw); }
.fv_item.-main { font-size: clamp(30px,62px,5.1vw); letter-spacing: .15em; line-height: 1.5; }
.fv_item.-sub { 
 display: table;
 max-width: 74.4%;
 margin: .3em auto 0;
 text-align: center;
 }    
    
}
@media screen and (max-width: 768px){
.fv__box.-title{ 
 position: relative;
 display: flex;
 justify-content: center;
 padding: 95px 3% 85px;
}    
.fv__box.-headline {
 position: relative;
}    
.fv_item.-mark {
 right: 0;
 top: 0;
 font-size: clamp(16px,23px,1.9vw);  
 line-height: 1.25em;
 width: 6.2em;
 height: 6.2em;
 transform: translate(0,-115px);
}      
    
.fv_item.-mark span:first-child { font-size: clamp(20px,28px,2.3vw); }
.fv_item.-main { font-size: clamp(30px,60px,11vw); letter-spacing: .15em; line-height: 1.5; }    
.fv_item.-sub { 
 display: table;
 margin: .3em auto 0;
 text-align: center;
 }      
.fv_item.-sub img { 
 width: auto;
 height: 15px;
 }  
}




/*
intro
==================================================== */
.intro__container {
  background-color: var(--color-red);
}

.intro__item.-headline {
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;
}

.intro__item.-headline span {
 position: relative;
}
.intro__item.-headline span.-white {
 color: #FFF;
}
.intro__item.-headline span:not(.-white) {
 color: #FEEBC8;
}
.intro__item.-headline span.-shinka {
 position: relative;
 line-height: 1;
}


.intro__item.-subline {
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;
}

 .intro__item.-subline > span {
 position: relative;
 color: #FEEBC8;
 }      

 .intro__item.-subline {
 position: relative;
 }    

 .intro__item.-subline span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 15px;
  padding-bottom: .5em;
  line-height: 1.5;
 }


.intro__item.-subline:before {
 content: "NEW";
 font-family: "EB Garamond", serif;
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: italic;
 color: var(--color-red);
 display: block;
 position: absolute;
 background-image: url("../img/mark.svg");
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 line-height: 1;
}

 .intro__item.-lead {
 color: #FFF;
 font-family: "Shippori Mincho", serif;
 font-weight: 800;
 font-style: normal; 
 }    

.intro__item.-text {
 color: #FFF;
}
    

.intro__item.-text span {
 display: inline-block;
 margin: 0 auto;
}    


@media screen and (min-width: 769px){
.intro__container {
 padding: 75px 3% 60px;
}
 .intro__wrapper {
 width: 76%;
 max-width: 840px;
 margin: 0 auto;
 }  
    
.intro__item.-headline span:nth-of-type(1) {
 font-size: clamp(18px, 26px, 2.1vw);
 padding-right: 1.25em;
}
    
.intro__item.-headline span.-white {
 font-size: clamp(24px, 48px, 4vw);
 letter-spacing: -.1em;
 font-style: italic;
}    
    
.intro__item.-headline span.-shinka {
 font-size: clamp(37px, 74px, 6.1vw);
 padding: .2em .4em;
 font-style: italic;
}
    
.intro__item.-headline span.-shinka:before {
 position: absolute;
 left: .3em;
 top:.2em;
 display: block;
 width: 2em;
 height: 1.25em;
 content: "";
 border-top: solid 2px #fde7c4;
 border-left: solid 2px #fde7c4;
}    
.intro__item.-headline span.-shinka:after {
 position: absolute;
 right: .2em;
 bottom:.2em;
 display: block;
 width: 2em;
 height: 1.25em;
 content: "";
 border-bottom: solid 2px #fde7c4;
 border-right: solid 2px #fde7c4;
}   
    
.intro__item.-subline {
 display: flex;
 justify-content: flex-end;
 width: 100%;
 margin-top: 58px;
 }

    
.intro__item.-subline br {
 display: none;
}    
    
 .intro__item.-subline > span > span:first-child {
  font-size: clamp(23px, 46px, 3.8vw);
 }
 .intro__item.-subline > span > span:last-child {
  font-size: clamp(18px, 36px, 3vw);
 }          

 .intro__item.-subline:before {
 left: 0;
 bottom: .25em;
 font-size: clamp(12px,32px,2.6vw);
 padding: .5em 1.5em .5em 1em;
 }
    
 .intro__item.-lead {
 margin-top: 52px;
 font-size: clamp(16px, 27px, 2.25vw);
 text-align: center;
 }   
    
 .intro__item.-text {
 margin-top: 48px;
 }    
    
.intro__item.-text span {
 font-size: clamp(10px,16px,1.3vw);
}    
    
    
}
@media screen and (max-width: 768px){
 
.intro__container {
 padding: 60px 8% 73px;
}    
.intro__item.-headline span:nth-of-type(1) {
 display: table;
 font-size: clamp(16px, 22px, 5.86vw);
 padding-bottom: 1.5em;
}
.intro__item.-headline span.-white {
 font-size: clamp(15px, 30px, 8vw);
 letter-spacing: -.1em;
 font-style: italic;
}    
.intro__item.-headline span.-shinka {
 font-size: clamp(26px, 52px, 13.8vw);
 padding: .2em .4em;
 font-style: italic;
}
    
.intro__item.-headline span.-shinka:before {
 position: absolute;
 left: .3em;
 top:.2em;
 display: block;
 width: 2em;
 height: 1.25em;
 content: "";
 border-top: solid 2px #fde7c4;
 border-left: solid 2px #fde7c4;
}    
.intro__item.-headline span.-shinka:after {
 position: absolute;
 right: .2em;
 bottom:.2em;
 display: block;
 width: 2em;
 height: 1.25em;
 content: "";
 border-bottom: solid 2px #fde7c4;
 border-right: solid 2px #fde7c4;
}
    
.intro__item.-subline {
 text-align: left;
 padding-top: 36px;
 margin-top: 46px;
 }    
    
 .intro__item.-subline:before {
 left: 0;
 top: 0;
 font-size: clamp(12px,20px,5.2vw);
 padding: .5em 1.5em .5em 1em;
 }
 .intro__item.-subline > span > span:first-child {
  font-size: clamp(18px, 33px, 10vw);
     line-height: 2em;
 }
 .intro__item.-subline > span > span:last-child {
  font-size: clamp(16px, 25px, 6.8vw);
 }  
    
 .intro__item.-lead {
  margin-top: 3.16em;
 }
    
 .intro__item.-lead span {
  display: table;
  margin: 0 auto;
  font-size: clamp(12px, 24px, 6.15vw);
  line-height: 1.5;
 }   
 .intro__item.-text  {
 margin-top: 3em;
 }
    
.intro__item.-text span {
 font-size: clamp(10px,14px,3.1vw);
}
    
}




/*
Point
==================================================== */
.point__container {
 position: relative;
 z-index: 6;
}

.point__item.-headline {
 position: relative;
 display: table;
 margin: 0 auto;
 padding-bottom: .5em;
 font-family: "Shippori Mincho", serif;
 font-weight: 800;
 font-style: normal; 
}

.point__item.-headline:after{
 content: "";
 position: absolute;
 left: 0;
 bottom:0;
 display: block;
 width: 100%;
 height: 1px;
 background-color: #333;
}


.point__wrapper {
 width: 96%;
 max-width: 840px;
 margin-left: auto;
 margin-right: auto;
}

.point__wrapper > li {
 background-color: var(--color-blue);
}

.point__item.-title {
 position: relative;
 width: 100%;
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;
 color: #FFF;
 text-align: center;
 border-top: solid 2px #FFF;
 border-bottom: solid 2px #FFF;    
}


.point__item.-title:before , .point__item.-title:after {
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 position: absolute;
 left: 0;    
 background-color: #FFF;
}
.point__item.-title:before {
 top: 3px; 
}
.point__item.-title:after {
 bottom: 3px; 
}


.point__item.-text {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 700;   
 color: #FFF;    
 text-align: center; 
}

.point__item.-text span {
 display: inline-block;
}

@media screen and (min-width:1024px){
.point__container { padding: 100px 5% 70px; }
.point__item.-headline { font-size: 27px; }

.point__wrapper {
 margin-top: 68px;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-template-rows: 1fr;
 gap: 0 15px;    
}
    
    
    
.point__wrapper > li {
 padding: 30px 20px;
 display: grid;
 grid-template-rows: subgrid;
 grid-row: span 3;
 gap: 0;    
} 
.point__item.-title {
 margin-top: 20px;
 padding: 10px 0;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}    
    
.point__item.-title span { 
 display: table;
 margin: 0 auto;
 font-size: 20px;
 white-space: nowrap;
}
    
.point__item.-text {
 margin-top: 32px;
 font-size: 11px;
 line-height: 2;
}
    
}
@media screen and (max-width: 1023px){
.point__container { padding: 84px 12% 45px; }
.point__item.-headline { font-size: 24px; }
.point__wrapper { margin-top: 70px; }
.point__wrapper > li { padding: 35px 15px; }     
.point__wrapper > li + li { margin-top: 25px; } 
.point__item.-title { margin-top: 20px; padding: 10px 0; }    
.point__item.-title > span { 
 display: table;
 margin: 0 auto;
 font-size: 20px;
 white-space: nowrap;
}  
.point__item.-text {
 margin-top: 15px;
 font-size: 12px;
 line-height: 2;
}        

}

/*
Course
==================================================== */
.course__container { position: relative; z-index: 5; }

@media screen and (min-width: 769px){
.course__container { padding-bottom: 25px;}
.course__container picture { filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2)); }
}
@media screen and (max-width: 768px){
.course__container { padding: 0 13% 25px;}
.course__container picture { filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2)); }
}




/*
Pickup
==================================================== */
.pickup__container {
 position: relative;
 z-index: 1;
}

.pickup__container:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 display: block;
 clip-path: polygon(0 100%,100% 0,100% 100%);
 background-color: #fef5e3;
}


.pickup__item.-headline {
 display: table;
 margin: 0 auto;
 z-index: 4;
 padding-bottom: .5em;
 font-family: "Shippori Mincho", serif;
 font-weight: 800;
 font-style: normal; 
 white-space: nowrap;
}

.pickup__item.-headline:after{
 content: "";
 position: absolute;
 left: 0;
 bottom:0;
 display: block;
 width: 100%;
 height: 1px;
 background-color: var(--color-red);
}

.pickup__wrapper {
 position: relative;
 z-index: 2;
 background-color: #fef5e3;
}


.pickup__box > li:nth-child(odd) {
 background-color: #FEEBC8;
}
.pickup__box > li:nth-child(even) {
 background-color: #FFFFFF;
}

.pickup__item.-name {
 position: relative;
 color: #FFF;
 background-color: var(--color-red);
 padding: .75em .25em;
 font-family: "Shippori Mincho", serif;
 font-weight: 600;
 font-style: normal;   
}

.pickup__item.-name:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom:-12px;   
 display: block;
 width: 14px;
 height: 13px;
 aspect-ratio: 1/cos(60deg);
 clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
 background: var(--color-red);
}

.pickup__item.-catch {
 width: 84%;
 margin-left: auto;
 margin-right: auto;
 font-family: "Shippori Mincho", serif;
 font-weight: 700;    
 font-style: normal;
 letter-spacing: -.1em;
 padding-bottom: .75em;
 border-bottom: solid 1px var(--color-red);    
}
.pickup__item.-catch span {
 display: table;
 margin:  0 auto;
 color: var(--color-red);
}
.pickup__item.-text {
 width: 84%;
 margin-left: auto;
 margin-right: auto;
 font-weight: 600;
 line-height: 2;
}

.pickup__item.-text { margin-top: 23px; font-size:12px; }


@media screen and (min-width:1024px){
.pickup__container { margin: -150px auto 0; padding: 400px 0 0; }
.pickup__container:before { width: 100%; height: 400px; }    
.pickup__item.-headline { position: absolute; top: 290px; left: 50%; transform: translateX(-50%); font-size: 27px; }
.pickup__box {
 width: 90%;
 max-width: 840px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-column-gap: 15px;
 grid-row-gap: 15px;
}
.pickup__box > li { 
 padding-top: 23px; 
 padding-bottom: 30px;
 display: grid;
 grid-template-rows: subgrid;
 grid-row: span 3;
 gap: 0 0;
 }    
.pickup__item.-name { font-size: clamp(14px,18px, 1.6vw); margin-bottom: 32px; }    
.pickup__item.-catch { font-size: clamp(14px,20px, 1.6vw); display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center; }
.pickup__item.-text span{ display: inline-block; }      
}

@media screen and (max-width: 1023px){
.pickup__container { margin: -165px auto 0; padding: 226px 0 0; }
.pickup__container:before { width: 100%; height: 226px; }      
.pickup__item.-headline { position: absolute; top: 220px; left: 50%; transform: translateX(-50%); font-size: 24px; }
.pickup__wrapper { padding-top: 110px; padding-bottom: 75px; }    
.pickup__box {
 position: relative;
 width: 72%;
 max-width: 840px;
 margin: 0 auto 0;
 }
.pickup__box > li { 
 padding-top: 23px; 
 padding-bottom: 30px;
 }
.pickup__box > li + li { 
 margin-top: 25px;
 }         
.pickup__item.-name { font-size: clamp(14px,18px, 4.4vw); margin-bottom: 28px; }  
.pickup__item.-catch { font-size: clamp(16px,20px, 5.1vw); }    
}




/*
Chef
==================================================== */
.chef__container {
 overflow-x: hidden;
 font-family: "Shippori Mincho", serif;
 font-weight: 600;    
 font-style: normal;        
}

.chef__wrapper.-profiles {
 padding-top: 44px;
 background-color: #fef5e3; 
}

.chef__wrapper.-profile {
 position: relative;
}

.chef__item.-headline {
 position: relative;
 text-align: left;
 width: 120px;
 line-height: 1;
}

.chef__item.-headline span {
 position: relative;
 z-index: 2;
 padding-right: 12px;
}
.chef__item.-headline:after {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 display: block;
 width: 100%;
 height: 1px;
 background-color: #333;
}

.chef__item.-text {
 text-align: left;
 font-size: 10px;
 line-height: 1.75;
 width: 120px;
 padding-top: 1em;
}

.chef__item.-name {
 text-align: left;    
 padding-top: 28px; 
 width: 120px;    
 font-size: 10px;
 line-height: 1.75;    
}

.chef__item.-name span:nth-of-type(1) {
 font-size: clamp(14px,20px, 1.6vw);
 font-weight: 700;
}




 .chef__item.-title {
  position : relative;
 z-index: 2;
 color: var(--color-red);
 }
    
.chef__item.-title {
 line-height: 1.8;
 text-decoration: underline;
 text-decoration-thickness: 2px;
 text-underline-offset: 5px;
}
    


.chef__item.-comment {
 position : relative;
 z-index: 3;
 text-align: left;
 font-size: 12px;
 line-height: 2;
}


@media screen and (min-width:1024px){
.chef__container {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-template-rows: 1fr;
 grid-column-gap: 100px;
 grid-row-gap: 0px;
 padding-top: 50px;
 background: url("../img/chef_line.png") top 160px center #fef5e3 no-repeat;
}    
    
    
.chef__wrapper.-profile { 
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0 0;
 width: calc(50vw - 60px);
}    
    
 .chef__box.-head {
 position: relative;
 width: 370px;
 height: 592px;
 overflow: hidden;
 padding-top: 55px;
 }
    
.chef__item.-headline span {
 background-color: #fef5e3;
}
    
.chef__item.-name span:nth-of-type(2) {
 padding-left: 1em;
}
    
    
.chef__wrapper.-profile:first-child .chef__box.-head,
.chef__wrapper.-profile:first-child .chef__box.-body {
margin: 0 0 0 auto;
}  
.chef__item.-photo {
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 2;
}
    
 .chef__box.-body {
  position: relative;
  width: 370px;
 background-color: #FFF;
 padding: 27px 0 27px 0;
 }
 .chef__box.-body:after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 50vw;
  height: 100%;
  background-color: #FFF;
 }    
    
 .chef__wrapper.-profile:first-child .chef__box.-body:after { right: 0; top: 0; }    
 .chef__wrapper.-profile:last-child .chef__box.-body:after { left: 0; top: 0; }   
    
    
 .chef__box.-body:before { 
  content: "";
  position: absolute;
  display: block;
  width: 51px;
  height: 100%;
  aspect-ratio: 1 / cos(60deg);
  background: #FFF;
 }
    
 .chef__wrapper.-profile:first-child .chef__box.-body:before {
 right: -50px; 
 top: 0; 
 clip-path: polygon(0% 0%, 0% 100%, 100% 50%); 
 }    
 .chef__wrapper.-profile:last-child .chef__box.-body:before { 
 left: -50px; 
 top: 0; 
 clip-path: polygon(100% 0%, 100% 100%, 0% 50%); 
 }   

 .chef__item.-title { font-size: clamp(14px,20px, 1.6vw); font-weight: 800; }

 .chef__wrapper.-profile:first-child .chef__item.-title { text-align: left; padding-right: 35px; }
 .chef__wrapper.-profile:last-child .chef__item.-title { text-align: right; padding-left: 35px; }
    
 .chef__item.-comment { padding-top: 18px; font-weight: 800; }    
    
 .chef__wrapper.-profile:first-child .chef__item.-comment { text-align: left; padding-right: 35px; }
 .chef__wrapper.-profile:last-child .chef__item.-comment { text-align: left; padding-left: 35px; }    
    
.chef__wrapper.-profile + .chef__wrapper.-profile .chef__item.-headline,
.chef__wrapper.-profile + .chef__wrapper.-profile .chef__item.-text,
.chef__wrapper.-profile + .chef__wrapper.-profile .chef__item.-name {
 margin: 0 0 0 auto;
}

.chef__wrapper.-profile + .chef__wrapper.-profile .chef__item.-name {
 text-align: right;
}
    
}


@media screen and (max-width: 1023px){
.chef__container {
 padding: 36px 0;
 background-color: #FFF;
}  

.chef__wrapper.-profile { 
 position: relative;
 display: flex;
 flex-direction: column;
 padding-left: 7.5%;
 padding-right: 7.5%;  
}    
    
.chef__wrapper.-profile:first-child { padding-bottom: 50px; }
.chef__wrapper.-profile:last-child { padding-top:10px; }      
    
    
    
 .chef__wrapper.-profile:before ,  .chef__wrapper.-profile:after {
 content: "";
 position: absolute;
 z-index: 1;
 background-color: #fef5e3;
 width: 50vw;
 height: 50px;
 }    
 .chef__wrapper.-profile:first-child:before {
 bottom: 0;
 left: 0;
 clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
 }    
 .chef__wrapper.-profile:first-child:after {
 bottom: 0;
 right: 0;
 clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
 }
 .chef__wrapper.-profile:last-child:before {
 top: 0;
 left: 0;
 clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
 }    
 .chef__wrapper.-profile:last-child:after {
 top: 0;
 right: 0;
 clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
 }        
    
    
 .chef__box.-body ,  .chef__box.-head {
  display:contents;
 }    
    
    
 .chef__item.-photo  {
 width: 100%;
 order: 1;
 }    
    
 .chef__item.-name {
 position: absolute;
 width: 100%;
 }  
    
.chef__item.-name span {
 display: table;
 line-height: 1.5;
 }    
    
 .chef__item.-name span:first-child { font-size: clamp(18px,25px, 6.6vw); }    
 .chef__item.-name span:last-child { font-size: clamp(12px,15px, 4vw); }  
     
    
.chef__wrapper.-profile:first-child .chef__item.-name {
 top: 0;
 right: 7.5%;
 padding-top:63%;
 text-align: right;
}
    
.chef__wrapper.-profile:first-child .chef__item.-name span {
  margin: 0 0 0 auto;
}    
    
.chef__wrapper.-profile:last-child .chef__item.-name {
 top: 0;
 left:7.5%;
 padding-top:53%;
 text-align: left;
}  
    
  
 .chef__item.-title {
 padding-top: 20px;
 width: 100%;
 order: 2;
 font-size: clamp(16px,20px, 5.1vw);
 text-align: left;
 } 

 .chef__item.-comment {
 padding-top: 20px;     
 width: 100%;
 order: 3;
 }  
    
 .chef__item.-headline {
margin-top: 1em;     
 width: 100%;
 order: 4;    
 }
    
.chef__item.-headline span {
 background-color: #FFF;
}    
    
.chef__item.-text {
 width: 100%;
 order: 5;
}

    
    
    
}


/*
footer
==================================================== */

.datalink__container {
 background-color: var(--color-red);
}

.datalink__item.-button {
 display: table;
 margin: 0 auto;
 width: 90%;
 max-width: 650px;
 background-color: #FFF;
 color: var(--color-red);
 font-weight: 500;
 text-decoration: none;
 line-height: 2;
 box-shadow: 8px 8px 0px 0px rgba(157, 0, 2, 1);
}

@media screen and (min-width: 769px){
 .datalink__container { padding: 56px 3%; } 
 .datalink__item.-button {
  padding: .75em .25em;
  font-size: clamp(14px,20px, 1.75vw);
 }
.datalink__item.-button > span {
 display: inline-block;
 padding-right: 3em;
} 
.datalink__item.-button > span {
background: url("../img/arrow_red.svg") right center no-repeat;
background-size: auto 1.8em;
}    
}
@media screen and (max-width: 768px){
 .datalink__container { padding: 35px 3%; } 
 .datalink__item.-button {
  padding: 20px 10px;
  font-size: clamp(12px,16px, 4.2vw);
     line-height: 1.5;
 }    
.datalink__item.-button > span {
 display: table;
 margin: 0 auto;
    max-width: 265px;
 padding-bottom: 2.25em;
}
.datalink__item.-button > span {
background: url("../img/arrow_red.svg") center bottom no-repeat;
background-size: auto 1.8em;
}    
    
.datalink__item.-button > span > span {
 display: table;
 margin: 0 auto;
}      
    
}





/*
footer
==================================================== */
.footer__container {
 background-color: #FEEBC8;
 text-align: center;
 font-weight: 700;
}

@media screen and (min-width: 769px){
 .footer__container {
  font-size: 12px;
  padding: 56px 3%;
 } 
}
@media screen and (max-width: 768px){
 .footer__container {
  font-size: 12px;
  padding: 35px 3%;
 } 
}