@charset "utf-8";
/* CSS Document */

.headinner > picture.quality{display:block;}
.headinner > picture.quality img{width:100%;height:100%;object-fit:cover;display:block;filter: brightness(55%);}

.q_head_txt_area{position:absolute;left:0;bottom:150px;z-index:100;}
.q_head_txt{font-family: 'Zen Old Mincho', serif;font-size:52px;font-weight:700;color:#fff;}
.q_head_txt::first-letter {color:#D85802;}

.q_be_back{background: url(/img/be_back.png) center center / 1440px auto repeat;padding:100px 0;position:relative;}
.q_be_back::before{content:"";position:absolute;top:0;left:0;width:100%;height:50px;background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);pointer-events:none;z-index:1;}

.q_msgbox{width:970px;position:relative;background-image: url(/img/buffet.svg), url(/img/quality/Group1000004116.png);background-position: left bottom, left 50px top;background-size: 65px auto, 308px auto;background-repeat: no-repeat, no-repeat;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction: row-reverse;align-items: flex-end;}

.q_vertical{writing-mode: vertical-rl;text-orientation: mixed;font-family: 'Zen Old Mincho', serif;font-size:36px;font-weight:700;line-height:1.8;letter-spacing:0.1em;}
.q_vertical .line{display:block;}
.q_vertical .line:nth-child(2){padding-top:0.5em;}
.q_vertical .line:nth-child(3){padding-top:1em;}
.tate_num{text-combine-upright: all;}
.bar{display:inline-block;width:1px;height:70px;background:#000;margin-top:0.3em;}

.q_vertical2{writing-mode: vertical-rl;text-orientation: mixed;font-size:16px;line-height:2.4;margin-right:100px;font-weight:600;}
.q_vertical2 p{margin-left:2.5em;}
.q_vertical2 p:last-child{margin-left:0;}

.q_black{background:#1D1D1D;padding:100px 0;color:#fff;position:relative;}
.q_catch{position:relative;display:inline-block;}
.q_catch_over{position:absolute;top:-10px;right:-20px;width:45px;}
.q_catch_txt{writing-mode: vertical-rl;text-orientation: mixed;font-size:44px;line-height:1.6;margin:0;font-family: 'Zen Old Mincho', serif;font-weight:700;}
.q_catch_txt .line{display:block;}
.q_catch_txt .line:nth-child(2){padding-top:0.5em;}
.q_catch_img{position:absolute;right:0;top:100px;width:1006px;}
.q_catch_img img{width:100%;}

.q_concept_area{display:flex;flex-wrap:wrap;justify-content:space-between;margin:250px 0 80px;}
.q_concept_box{width:50%;border-left:#B19350 1px solid;padding-left:80px;font-size:14px;line-height:1.8;}
.q_concept_box p{margin-bottom:1.8em;}
.q_concept_box:nth-child(1){padding-right:80px;}
.q_concept_box h3{font-size:24px;display:flex;align-items:flex-start;gap:0.5em;font-family: "Shippori Antique", sans-serif;font-weight:500;line-height:1.8;margin-bottom:20px;}
.q_concept_box h3::before{content:"";display:block;width:30px;height:30px;background:url(/img/buffet.svg) center center / contain no-repeat;flex-shrink:0;margin-left:-40px;margin-top:10px;}

.q_cut_box{font-size:14px;line-height:1.8;margin-bottom:50px;}
.q_cut_box h3{font-size:36px;font-family: 'Zen Old Mincho', serif;font-weight:700;line-height:1.6;margin-bottom:30px;}

.q_slide{overflow:hidden;width:100%;}
.q_slide_track{display:flex;gap:10px;width:max-content;animation:slide 40s linear infinite;}
.q_slide_item{width:420px;flex-shrink:0;}
.q_slide_item img{width:100%;height:auto;display:block;}

@keyframes slide{
  0%{transform:translateX(0);}
  100%{transform:translateX(calc(-430px * 4));}
}

.q_veg_back{background: url(/img/be_back.png) center center / 1440px auto repeat;padding:100px 0;}
.q_veg_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.q_veg_img{width:660px;}
.q_veg_img img{width:100%;}
.q_veg_txt{font-size:16px;font-weight:600;width:450px;line-height:1.8;}
.q_veg_txt p{margin-bottom:1.8em;}
.q_veg_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:44px;line-height:1.6;margin-bottom:30px;position:relative;}
.q_veg_txt h3::before{content:"";position:absolute;top:-20px;left:-20px;width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;pointer-events:none;}

.q_white_back{background:#fff url(/img/quality/Frame1000004646.png) right center / 507px auto no-repeat;padding:100px 0;position:relative;}
.q_rice_txt{font-size:16px;font-weight:600;width:740px;line-height:1.8;margin-bottom:530px;}
.q_rice_txt p{margin-bottom:1.8em;}
.q_rice_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:44px;line-height:1.6;margin-bottom:30px;position:relative;}
.q_rice_txt h3::before{content:"";position:absolute;top:-20px;left:-20px;width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;pointer-events:none;}
.q_rice_img{position:absolute;left:0;bottom:100px;width:857px;}
.q_rice_img img{width:100%;}

.q_tare_back{background: url(/img/quality/back.png) center center / 1440px auto repeat;padding:100px 0;position:relative;}
.q_tare_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#fff;}
.q_tare_box{width:430px;background-image:url(/img/quality/Group1000004158.png), url(/img/quality/tare.png);background-position:right top, left bottom;background-size:220px auto, 430px auto;background-repeat:no-repeat, no-repeat;min-height:650px;}
.q_tare_txt{width:712px;line-height:1.6;font-size:16px;}
.q_tare_txt p{margin-bottom:2em;}
.q_tare_txt img{width:100%;margin-bottom:50px;}
.q_catch_t{position:relative;display:inline-block;}
.q_catch_over_t{position:absolute;top:-10px;right:-20px;width:45px;}
.q_catch_txt_t{writing-mode: vertical-rl;text-orientation: mixed;font-size:44px;line-height:1.6;margin:0;font-family: 'Zen Old Mincho', serif;font-weight:700;}
.q_catch_txt_t .line{display:block;}
.q_catch_txt_t .line:nth-child(2){padding-top:0.5em;}
.tare_sp_img{display:none;}


.q_kids_back{background:url(/img/quality/kids_l.svg) left center / 106px auto no-repeat, url(/img/quality/kids_r.svg) right center / 106px auto no-repeat, url(/img/be_back.png) center center / 1440px auto repeat;padding:0;min-height:624px;}
.q_kids_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.q_kids_txt{width:500px;line-height:1.7;font-size:16px;font-weight:600;}
.q_kids_txt p{margin-bottom:2em;}
.q_kids_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:44px;line-height:1.6;margin-bottom:30px;position:relative;}
.q_kids_txt h3::before{content:"";position:absolute;top:-20px;left:-20px;width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;pointer-events:none;}
.q_diag_slide{overflow:hidden;position:relative;height:624px;width:700px;}
.q_diag_track{position:absolute;left:50%;transform:translateX(-50%) rotate(10deg);display:flex;flex-direction:column;gap:15px;}
.q_diag_item{width:420px;flex-shrink:0;}
.q_diag_item img{width:100%;height:260px;object-fit:cover;border-radius:8px;display:block;}

.q_kidslink{display:flex;align-items:center;justify-content:center;width:350px;height:72px;border:1px solid #9A2020;color:#9A2020;background:#fff;text-decoration:none;font-size:16px;font-weight:700;transition:all 0.3s ease;border-radius:10px;position:relative;margin:50px 0 0;filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.3));}
.q_kidslink a{color:#9A2020;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;}
.q_kidslink:hover{background:#D85802;color:#fff;border:1px solid #D85802;}
.q_kidslink:hover a{color:#fff;}
.q_kidslink a::after{content:"";display:inline-block;width:24px;height:38px;margin-left:15px;background-image:url("/img/arrow.svg");background-size:contain;background-repeat:no-repeat;background-position:center;}

.q_sec_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:100px;}
h3.q_sec{font-size:44px;font-family: 'Zen Old Mincho', serif;font-weight:700;line-height:1.6;margin:0 auto 30px;text-align:center;position:relative;padding-top:15px;}
h3.q_sec::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;}
.q_sec_img{width:594px;}
.q_sec_img img{width:100%;}
.q_sec_txt{width:500px;font-size:14px;line-height:1.7;}
.q_sec_txt p{margin-bottom:2em;}
.q_sec_txt h4{font-family: "Shippori Antique", sans-serif;font-weight:500;font-size:24px;line-height:1.6;margin-bottom:30px;}

/* 1200px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1199px){

}
/* 1000px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
.headinner picture.quality img{margin-top:80px;}
.q_msgbox{width:100%;position:relative;background-image: url(/img/buffet.svg), url(/img/quality/Group1000004116.png);background-position: left bottom, left 50px top;background-size: 65px auto, 308px auto;background-repeat: no-repeat, no-repeat;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;flex-direction: row-reverse;align-items: flex-end;}
.q_catch_img{right:0;top:320px;width:100%;}
.q_concept_area{display:flex;flex-wrap:wrap;justify-content:center;margin:300px 0 80px;}
.q_concept_box{width:100%;border-left:none;border-bottom:#B19350 1px solid;padding:50px 0 50px 0px;font-size:14px;line-height:1.8;}
.q_concept_box:nth-child(1){padding-right:0px;}
.q_catch{display:inline-flex;justify-content: center;align-items:center;width:100%;}
.q_catch_over {position: absolute; top: -10px; left: 60%; transform: translateX(-50%); width: 45px;}
.q_catch_txt{margin:0 auto;}
.q_white_back {background: none; background-color: #fff; background-image: url(/img/quality/rice_sp1.png), url(/img/quality/rice_sp2.png); background-position: right top 50px, center bottom 80px; background-size: 164px auto, 100% auto; background-repeat: no-repeat, no-repeat;}
.q_rice_txt{font-size:14px;font-weight:600;width:90%;line-height:1.8;margin:0 auto 350px;}
.q_rice_img{display:none;}
.q_tare_back{background: url(/img/quality/back.png) center center / 100% auto repeat;padding:80px 0;position:relative;}
.q_tare_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#fff;}
.q_tare_box{width:100%;background: none;background-image:url(/img/quality/tare.png);background-position:center bottom;background-size:80% auto;background-repeat:no-repeat;min-height:520px;}
.q_tare_txt{width:90%;line-height:1.6;font-size:14px;margin:50px auto 0;}
.q_tare_txt p{margin-bottom:2em;}
.q_tare_txt img{width:100%;margin-bottom:50px;}
.q_tare_txt img {display: none;}
.q_catch_over_t{position:absolute;top:-10px;right:-20px;width:45px;}
.q_catch_txt_t{writing-mode: vertical-rl;text-orientation: mixed;font-size:28px;line-height:1.6;margin-left:40px;font-family: 'Zen Old Mincho', serif;font-weight:700;}
.q_catch_txt_t .line{display:block;}
.q_catch_txt_t .line:nth-child(2){padding-top:0.5em;}
.tare_sp_img{display:block;position:absolute;top:50px;right:0;width:194px;}
.tare_sp_img img{width:100%;}

}
/* 750px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 749px){
.q_head_txt_area{position:absolute;left:0;bottom:30px;z-index:100;}
.q_head_txt{font-family: 'Zen Old Mincho', serif;font-size:32px;font-weight:700;color:#fff;}

.q_be_back{background: url(/img/be_back.png) center center / 100% auto repeat;padding:50px 0;position:relative;}
.q_be_back::before{display:none;}

.q_msgbox{display:flex;align-items:center;justify-content:center;flex-direction:column;background-image: url(/img/buffet.svg), url(/img/quality/Group1000004116.png);background-position:left 100px bottom, right -50px center;background-size: 25px auto, 200px auto;}

.q_vertical{font-size:24px;margin:0 auto;}
.q_vertical .line:nth-child(2){padding-top:0;}
.q_vertical .line:nth-child(3){padding-top:0;}
.q_vertical2{writing-mode: vertical-rl;text-orientation: mixed;font-size:12px;line-height:2;margin-right:0;margin-top:30px;font-weight:600;}
.q_vertical2 p{margin-left:2em;}
.q_vertical2 p:last-child{margin-left:0;}

.q_black{background:#1D1D1D;padding:50px 0;color:#fff;position:relative;}
.q_catch_txt{writing-mode: vertical-rl;text-orientation: mixed;font-size:28px;line-height:1.6;margin:0;font-family: 'Zen Old Mincho', serif;font-weight:700;}
.q_concept_box h3{font-size:18px;text-align:justify;}
.q_concept_box h3::before{content:"";display:block;width:30px;height:30px;background:url(/img/buffet.svg) center center / contain no-repeat;flex-shrink:0;margin-left:0px;margin-top:10px;}

.q_parent {display: flex; flex-direction: column;}
.q_slide{order: 1;margin-bottom:30px;}
.q_parent > .inner{order: 2;}
.q_cut_box h3{font-size:20px;}
.q_cut_box{margin-bottom:0;}
.q_slide_item{width:160px;flex-shrink:0;}
  .q_slide_track {gap: 0;}
  @keyframes slide {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-160px * 4));}
  }

.q_veg_back{background: url(/img/be_back.png) center center / 100% auto repeat;padding:50px 0;}
.q_veg_area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.q_veg_img{width:100%;order: 2;}
.q_veg_txt{font-size:14px;font-weight:600;width:90%;line-height:1.8;order: 1;margin-bottom:50px;}
.q_veg_txt p{margin-bottom:1.8em;}
.q_veg_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:28px;line-height:1.6;margin-bottom:30px;position:relative;}

.q_rice_txt p{margin-bottom:1.8em;}
.q_rice_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:28px;line-height:1.6;margin-bottom:30px;position:relative;}

.q_kids_back > .inner{width:100%;}
.q_kids_back{background:url(/img/quality/kids_l.svg) left top 50px / 45px auto no-repeat, url(/img/quality/kids_r.svg) right top 50px / 45px auto no-repeat, url(/img/be_back.png) center center / 100% auto repeat;padding:50px 0;min-height:624px;}
.q_kids_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.q_kids_txt{width:90%;line-height:1.7;font-size:16px;font-weight:600;margin:0 auto;}
.q_kids_txt p{margin-bottom:2em;}
.q_kids_txt h3{font-family: 'Zen Old Mincho', serif;font-weight:700;font-size:28px;line-height:1.6;margin:50px auto 30px;position:relative;text-align:center;}
.q_kids_txt h3::before{content:"";position:absolute;top:-20px;left:50%;transform: translateX(-50%);width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;pointer-events:none;}
.q_diag_slide{overflow:hidden;position:relative;height:624px;width:700px;}
.q_diag_track{position:absolute;left:50%;transform:translateX(-50%) rotate(10deg);display:flex;flex-direction:column;gap:15px;}
.q_diag_item{width:420px;flex-shrink:0;}
.q_diag_item img{width:100%;height:260px;object-fit:cover;border-radius:8px;display:block;}

  .q_diag_slide {height: auto; width: 100%; overflow: hidden;}
  .q_diag_track {position: static; transform: none; flex-direction: row; gap: 5px;}
  .q_diag_item {width: 180px;}
  .q_diag_item img {width: 180px; height: auto; object-fit: cover;}

.q_kidslink{width:240px;height:60px;font-size:15px;margin:50px auto;}

.q_sec_area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:50px;}
h3.q_sec{font-size:28px;font-family: 'Zen Old Mincho', serif;font-weight:700;line-height:1.6;margin:0 auto 30px;text-align:center;position:relative;padding-top:15px;}
h3.q_sec::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:45px;background:url(/img/text_over_l.svg) center center / contain no-repeat;}
.q_sec_img{width:100%;}
.q_sec_txt{width:100%;font-size:14px;line-height:1.7;}
.q_sec_txt p{margin-bottom:2em;}
.q_sec_txt h4{font-family: "Shippori Antique", sans-serif;font-weight:500;font-size:18px;line-height:1.6;margin:30px auto 0;text-align:center;}

}