/* オーダーメイドだしパックページ専用 */
.page-order{position:relative}
.o-main{color:var(--navy);line-height:1.9}
.o-main section{position:relative;max-width:1200px;margin:0 auto}
.mincho{font-family:Noto Serif JP,sans-serif;font-weight:500}
.kaisei-harunoumi{font-family:kaisei-harunoumi,sans-serif;font-weight:500;}
.nshogomincho{font-family:dnp-shuei-nshogomincho-std,sans-serif;font-weight:700;}
.rough{border-radius:14px;object-fit:cover;display:block;max-width:100%}
.o-h2{font-weight:700;text-align:center;margin:0 0 6px}
.o-h2--l{text-align:left;line-height:1.4}
.o-h3{font-weight:700;text-align:center;margin:0 0 14px}
.o-sub{text-align:center;font-size:var(--fs-md);font-weight:500}
.o-center{text-align:center;font-size:var(--fs-md)}
.o-lead2{font-size:var(--fs-md);line-height:1.8}

/* キービジュアル */
.o-hero{
	height:1020px;
	background:url("../images/dashi/top.png") ;
	background-position:left top;
	background-size:80% auto;
	background-repeat:no-repeat;
}
.fish--h1{right:200px;top:60px;width:150px}
.fish--h2{left:60px;bottom:40px;width:350px}
.fish--l4{right:0px;top:35%;width:300px}
.o-hero-h{
  position:absolute;right:8%;top:3%;margin:0;
  writing-mode:vertical-rl;
  color:#2b2f6e;
   line-height:1.5; letter-spacing:-0.01em;
}
.o-hero-h .l{display:block}
.o-hero-h .l1{line-height:1}
.o-hero-h .big{font-size:2.5em; letter-spacing:.1em;font-weight:700;}
.o-hero-h .sm{vertical-align:top}
.o-hero-h .l2{margin-top:9.0em; margin-right:-1.25em}
.o-hero-h .l3{margin-top:10.0em}
.o-click{position:absolute;right:5%;top:520px;width:146px;height:146px;color:#fff;font-size:var(--fs-sm);font-weight:700;line-height:1.2;text-align:center;padding-top:22px;text-shadow:none;
	background-image: url(../images/dashi/03.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.o-click small{display:block;font-size:var(--fs-md);font-weight:400}
.o-click i{display:block;font-style:normal;line-height:1;border-bottom:1px solid #fff;margin:0 12px 4px}
.o-hero-udon{position:absolute;right:75px;top:660px;width:335px;height:335px;object-fit:cover;border-radius:50%}

/* お悩み */
.o-worry{padding:30px 16px 50px}
.o-worry-list{display:flex;justify-content:center;gap:20px;list-style:none;margin:40px 0 0;padding:0}
.o-worry-list li{width:165px;height:165px;color:#fff;text-align:center;font-size:var(--fs-xs);line-height:1.5;padding-top:30px;position:relative;text-shadow:none;
	background-image: url(../images/dashi/03.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.o-worry-list li img{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 35px;
}
.o-worry-list p{margin:0 0 6px}

/* お任せください */
.o-leave{display:flex;justify-content:center;gap:60px;padding:30px 16px 20px;min-height:560px}
.o-leave-h{writing-mode:vertical-rl;line-height:1.2;margin:0}
.o-points{width:560px;margin:60px 0 0}
.o-points>div{display:flex;align-items:baseline;padding:5px 0 8px;border-bottom:3px double #6a77b8}
.o-points dt{flex:0 0 6.2em;font-family:dnp-shuei-nshogomincho-std,sans-serif;font-weight:700;font-size:var(--fs-xl);letter-spacing:.05em}
.o-points dd{margin:0;font-size:var(--fs-base)}
.o-brush{position:absolute;left:50%;bottom:-8px;transform:translateX(-30%);display:flex;flex-direction:column;z-index:1;line-height:1.5;}
.o-brush span{
  font-size:var(--fs-4xl);
  font-family:kaisei-harunoumi,sans-serif;font-weight:700;
  display:block; width:fit-content; margin:0 auto;
  background:linear-gradient(180deg,#ff9a4a 0%,#ff6a22 40%,#ff4a06 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 1px rgba(255,190,110,.7));
  text-shadow:none;
}
.fish--l1{right:30px;top:20px;width:250px}

/* 主役 */
.o-main-dashi{display:flex;align-items:center;gap:30px;padding:60px 40px 40px}
.o-main-dashi .section-back{
	height: auto;
	top: -20%;
}
.o-md-img{width:720px;max-width:60%;height:auto;aspect-ratio:720/690}
.o-md-txt h2{line-height:1.4;margin:0 0 14px}
.o-md-txt p{font-size:var(--fs-md);line-height:1.9;margin:0}

/* 可能性 */
.o-possible{padding:60px 40px 50px}
.o-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:40px 0}
.o-row--rev .o-row-t{order:2}
.o-row-t p{font-size:var(--fs-base);color:#444;margin:0 0 14px}
.o-tag{display:flex;align-items:center;gap:14px;font-size:var(--fs-md);margin:0 0 12px;font-weight:700;}
.o-tag::after{content:"";flex:1;border-top:1px solid var(--navy)}
.o-lead{font-weight:700;color:var(--navy)!important;line-height:1.5}
.o-view{display:flex;align-items:center;border:1px solid var(--navy);padding:6px 8px!important;font-size:var(--fs-sm)!important;color:var(--navy)!important}
.o-view b{padding-right:12px;margin-right:12px;border-right:1px solid var(--navy)}
.o-row-i img{width:100%;height:auto}
.o-row-i--2{display:grid;gap:10px}

/* 旨み */
.o-straight{padding:60px 90px 70px}
.o-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 24px;list-style:none;margin:30px 0 0;padding:0 40px 0 0}
.o-steps li{position:relative;z-index: 1;}
.o-steps li:not(:nth-child(4n))::after{content:"";position:absolute;right:-18px;top:100px;border:9px solid transparent;border-left:13px solid #111;border-right:0}
.st-img{position:relative}
.st-img img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.st-img b{position:absolute;right:0;top:0;bottom:0;width:44px;background:rgba(40,46,110,.92);color:#fff;writing-mode:vertical-rl;padding:0;text-align:left;display:flex;align-items:center;justify-content:center;line-height: 1;text-shadow:none;}
.o-steps p{font-size:var(--fs-xs);line-height:1.55;margin:6px 0 0}
.fish--r1{right:20px;top:260px;width:240px}

/* 5つの理由 */
.o-reasons{min-height:900px}
.o-reasons .section-back{height:auto;top:-50%;}
.o-reasons .section-back-bottom{height:auto;top:unset;bottom:-20%;}
.o-reasons-h{position:absolute;left:50%;top:150px;transform:translateX(-50%);text-align:center;line-height:1.5;margin:0;width:420px;z-index:2;}
.o-reasons ul{list-style:none;margin:0;padding:0}
.rs{position:absolute;width:260px;text-align:center;color:#111;font-size:var(--fs-base);line-height:1.7;z-index:1;}
.rs p{margin:0 0 8px}
.rs img{width:100%;height:auto;object-fit:cover;position:absolute;top:-40px;left:0;z-index:-1;}
.rs1{left:150px;top:90px;padding-top:40px;}.rs2{right:150px;top:30px;padding-top:20px;}.rs3{left:120px;top:370px}.rs4{left:50%;top:500px;transform:translateX(-50%);padding-top:20px;}.rs5{right:110px;top:320px;padding-top:20px;}

/* 味づくりの流れ */
.o-flow1{padding:40px 90px 50px}
.o-flow1 .section-back{height:auto;top:45%;}
.o-flow-hero{position:absolute;right:-20px;top:60px;width:560px;height:520px;object-fit:cover;z-index: -1;}
.o-st{position:relative;max-width:620px;margin-top:40px}
.o-st h3{font-weight:700;margin:0 0 4px}
.o-st h3 i{font-style:normal;margin-right:6px}
.o-st>p{font-size:var(--fs-base);margin:0 0 20px 40px}
.o-axis{margin:20px 0 40px 36px;width:100%;max-width:500px;}
.o-wish{position:relative;margin-left:-10px}
.o-note{margin:24px 0 0 40px!important;font-size:var(--fs-md)!important;letter-spacing:.1em}
.o-st--2,.o-st--3{max-width:none;margin-top:60px}
.o-dish,.o-cond{display:flex;gap:40px;justify-content:center;list-style:none;padding:0;margin:0}
.o-dish li,.o-cond li{text-align:center;font-size:var(--fs-base)}
.o-dish img{width:210px;height:210px;object-fit:cover;border-radius:50%;display:block;margin-bottom:6px}
.o-cond{gap:100px}
.o-cond li{position:relative}
.o-cond img{width:200px;height:200px;object-fit:cover;border-radius:50%;display:block}
.o-cond span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;font-size:var(--fs-xl);font-weight:700;line-height:1.3;text-shadow:var(--fuchi-nv);}

/* ご要望 */
.o-cases{padding:20px 125px 60px}
.o-cases .section-back-bottom{height:auto;top:unset;bottom:-50%;}
.o-line-h,.o-line-t{display:flex;align-items:center;gap:30px;font-weight:700;text-align:center;color:#555;letter-spacing:.2em;margin:0 0 30px}
.o-line-h::before,.o-line-h::after,.o-line-t::before,.o-line-t::after{content:"";flex:1;border-top:1px solid #555}
.o-line-t{margin-top:50px}
.o-case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:0}
.o-case-list li{border:1px solid #ccc;padding:6px 14px 14px;font-size:var(--fs-sm);color:#333;background-color:#fff;}
.case-no{font-size:var(--fs-xs);color:#555;font-weight:700;}
.o-case-list h4{font-weight:500;text-align:center;line-height:1.4;margin:0 0 14px;color:var(--navy)}
.o-case-list img{width:100%;height:auto;margin-bottom:16px;display:block}
.o-case-list dl{display:grid;grid-template-columns:62px 1fr;gap:8px 10px;margin:0;line-height:1.5}
.o-case-list dt{border:1px solid #333;font-weight:400;text-align:center;font-size:var(--fs-sm);align-self:start;padding:2px 0;color:#333}
.o-case-list dd{margin:0}
.o-case-list dt:first-of-type,.o-case-list dd:first-of-type{padding-bottom:12px;border-bottom:1px solid #333}
.o-mat{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:0;font-size:var(--fs-sm);color:#333;text-align:center}
.o-mat img{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block}

/* 納品 / FAQ 共通 */
.o-check-h{display:flex;align-items:center;justify-content:space-between;font-weight:700;line-height:1.5;text-align:center;margin:0 0 30px}
.o-check-h::before,.o-check-h::after{content:"";width:232px;height:34px;flex:none;background:repeating-conic-gradient(#74b3d0 0 25%,#fff 0 50%) 0 0/34px 34px;opacity:.95}
.o-deliv{padding:60px 90px 20px}
.o-dflow{display:flex;gap:26px;list-style:none;padding:0;margin:0}
.o-dflow li{flex:1;border:1px solid var(--navy);padding:2px 6px 8px;position:relative;background:#fff}
.o-dflow li:not(:last-child)::after{content:"";position:absolute;right:-19px;top:50%;border:7px solid transparent;border-left:10px solid var(--navy);border-right:0}
.o-dflow b{display:block;white-space:nowrap}
.o-dflow i{font-style:normal;margin-right:.6em}
.o-dflow img{width:100%;display:block}
.o-support{text-align:center;font-size:var(--fs-lg);font-weight:700;margin:28px 0}
.o-faq{padding:90px 90px 80px}
.o-faq-list{list-style:none;padding:0;margin:0}
.o-faq-list li{padding:10px 8px 8px;border-bottom:3px double #6a77b8}
.o-faq-list p{margin:0;font-size:var(--fs-base)}
.o-faq-list .q{font-weight:700;color:#222}
.o-faq-list .a{padding-left:2em;font-weight:500}
.o-faq-btn{width: min(100%, 200px);text-align:center;color:#000;background-color:#fff;padding: 6px 14px;border: 1px solid #999;position:relative;font-weight:700;}
.o-faq-btn::after {
    content: "›";
    position: absolute;
    right: 14px;
}
.fish--r2{right:0;bottom:-40px;width:200px}

/* タブレット・スマホ */
@media (max-width:991.98px){
  .o-hero{height:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 16px;background-size:cover}
  .o-hero>*{position:relative!important;inset:auto!important;transform:none!important}
  .o-hero-h{/*writing-mode:horizontal-tb;text-align:center;*/color:#fff;text-shadow:var(--fuchi-nv);}
  .o-hero-udon{width:70%;max-width:300px;height:auto;aspect-ratio:1}
  .o-worry-list{flex-wrap:wrap}
  .o-leave{flex-direction:column;align-items:center;min-height:0;gap:20px}
  .o-leave-h{writing-mode:horizontal-tb;text-align:center}
  .o-points{width:100%;margin:0}
  .o-brush{position:static;transform:none;margin-top:20px}
  .o-brush span{margin-left:0!important;line-height: 1.5;}
  .o-main-dashi{display:block;padding-left:16px;padding-right:16px}
  .o-md-txt{position: absolute;top:55%;right:16px;transform:translateY(-50%);}
  .o-possible,.o-straight,.o-flow1,.o-cases,.o-deliv,.o-faq,.o-home{padding-left:16px;padding-right:16px}
  .o-row--rev .o-row-t{order:0}
  .o-steps{grid-template-columns:1fr 1fr;padding:0;width:80%;}.o-steps li::after{display:none}
  .o-reasons{min-height:0;padding:30px 16px}
  .o-reasons-h{position:static;transform:none;width:auto;}
  .o-reasons ul{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
  .rs1,.rs2,.rs3,.rs4,.rs5{left:unset;top:unset;padding-top:unset;right:unset;transform:unset;}
  .rs{position:relative;transform:none!important;width:auto}
  .rs img{position:unset;}
  .rs p{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:100%;}
  .o-flow-hero{width:50%;height:auto;border-radius:30px}
  .o-axis{width:90%;}
  .o-dish,.o-cond{flex-wrap:wrap;gap:16px}
  .o-mat{flex-wrap:wrap}
  .o-check-h{gap:10px;}.o-check-h::before,.o-check-h::after{width:50px}
  .o-dflow{flex-wrap:wrap}.o-dflow li{flex:0 0 calc(50% - 13px)}.o-dflow li::after{display:none}
  .o-line-h,.o-line-t{letter-spacing:.05em;gap:10px}
}
@media (max-width:767px){
  .o-row{grid-template-columns:1fr;display:grid;padding-left:16px;padding-right:16px}
  .o-case-list{grid-template-columns:1fr}
  .o-home-list{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:667px){
  .o-reasons ul{grid-template-columns:1fr 1fr;}
}