﻿@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600&display=swap";header{margin-bottom:140px}header #ttl_site{display:block;min-height:700px;padding-top:36.45%;text-indent:-9999px;background-image:url(../images/recipe/main_visual@2x.jpg);background-size:cover;background-position:center center}header #txt_copy{width:auto;height:131px;text-indent:-9999px;background-image:url(../images/recipe/txt_copy_pc.svg);background-size:contain;background-position:center center}main{width:1000px;line-height:1.8;margin:0 auto 130px}main .font_small{font-size:1.2rem}main .paren_num li{list-style-type:none;counter-increment:number}main .paren_num li::before{content:"（ " counter(number) " ）"}main .list_cmn_2{list-style:none}main .list_cmn_3{list-style:none;margin-left:1em}main .list_dott,main .list_slash,main .list_dott_2{width:auto;list-style:none}main .list_dott li,main .list_slash li,main .list_dott_2 li{display:inline;width:auto}main .list_dott li:not(:last-child):after,main .list_slash li:not(:last-child):after,main .list_dott_2 li:not(:last-child):after{content:"、";font-family:sans-serif}main .list_dott_2 li:not(:last-child):after{content:"・"}main .list_slash li:not(:last-child):after{content:"／"}main .list_maru{list-style:none;margin:0 0 0 .2em}main .list_maru li{position:relative;width:auto;text-indent:-1.2em;padding:0 0 0 1em}main .list_maru li:nth-child(1):before{content:"①"}main .list_maru li:nth-child(2):before{content:"②"}main .list_maru li:nth-child(3):before{content:"③"}main .list_maru li:nth-child(4):before{content:"④"}main .list_maru li:nth-child(5):before{content:"⑤"}main .list_maru li:nth-child(6):before{content:"⑥"}main .list_maru li:nth-child(7):before{content:"⑦"}main .list_maru li:nth-child(8):before{content:"⑧"}main .list_maru li:nth-child(9):before{content:"⑨"}main .list_maru li:nth-child(10):before{content:"⑩"}main .list_maru li:before{margin:0 .2em 0 0}main .dl_flex{display:flex;align-items:baseline;flex-wrap:wrap;width:auto;font-size:1.4rem}main .dl_flex dt{width:3em}main .dl_flex dt:after{content:"：";margin:0 0 0 3px}main .dl_flex dd{width:calc(100% - 3em)}main .ttl_contents{width:1000px;font-size:6.5rem;font-weight:700;line-height:1;color:#005842;text-align:center;margin:0 auto 34px}main .ttl_contents span{position:relative;display:block;width:auto;height:230px;background-position:center top;background-size:auto 172px;text-indent:-9999px;margin:0 auto 45px}main .ttl_contents span:after{position:absolute;left:0;right:0;bottom:0;content:"";display:block;width:140px;height:2px;background-color:#005842;margin:0 auto}main .ttl_box{display:inline-block;border:2px solid #005842;border-radius:0 50px 0 0;box-shadow:15px 15px 0px 0px #005842;font-size:4.6rem;font-weight:600;color:#005842;line-height:1.2;padding:24px 83px 24px 44px;margin-bottom:51px}main .ttl_square{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;color:#005842}main .ttl_square::before{content:"■";margin:0px 5px 0px 0px}main #lead_txt{width:clamp(323px,82.82vw,690px);height:clamp(170px,43.59vw,376px);text-indent:-9999px;background-image:url(../images/recipe/txt_lead.svg);background-repeat:no-repeat;background-size:contain;margin:0 auto min(18vw,180px)}main .section_about h2{font-size:4.5rem;font-weight:600;color:#005842;text-align:center;margin-bottom:72px}main .section_about .about_flx{display:flex;align-items:flex-start;width:880px;margin:0 auto 188px}main .section_about .about_flx figure{margin-right:32px}main .section_about .about_flx p{font-size:2.1rem;color:#005842;letter-spacing:.007em;line-height:1.9}main .section_comparison{margin-bottom:167px}main .section_comparison h2{text-align:center;font-family:"Zen Kaku Gothic New",sans-serif;font-size:4.5rem;font-weight:700;color:#005842}main .section_comparison .lead_haw_to{display:flex;justify-content:center;align-items:center;margin-bottom:77px;font-size:2.2rem;color:#005842}main .section_comparison .lead_haw_to h3{font-weight:500;width:123px;height:80px;display:flex;justify-content:center;align-items:center;border:solid 1px #005842;border-radius:8px;margin-right:40px}main .section_comparison .lead_haw_to ol li{display:flex;font-weight:500}main .section_comparison .lead_haw_to ol li:not(:last-child){margin-bottom:10px}main .section_comparison .lead_haw_to ol li:first-child::before{content:"（１）";padding-right:1em}main .section_comparison .lead_haw_to ol li:nth-child(2)::before{content:"（２）";padding-right:1em}main .txt_lead{width:1000px;font-size:1.8rem;font-weight:500;line-height:1.9;text-align:center;color:#005842;margin:0 auto 140px}main .is_wrapper{width:1000px;margin:0 auto}main #flex_loop{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;width:auto}main #flex_loop .section_loop{width:480px;border:solid 2px #005842;padding:4em}main #flex_loop .section_loop h2{text-align:center;font-family:"Zen Kaku Gothic New",sans-serif;font-size:2.8rem;font-weight:600;color:#005842;margin-bottom:0}main #flex_loop .section_loop h2 span{display:inline-block}main #flex_loop .section_loop figure img{width:100%;height:auto}main #flex_loop .section_loop .raw-materials{border-top:solid 1px #005842;border-bottom:solid 1px #005842;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:500;color:#005842;padding:8px;margin-bottom:56px}main #flex_loop .section_loop .raw-materials dt::after{content:"／"}main #flex_loop .section_loop .how_to{margin-bottom:56px}main #flex_loop .section_loop .how_to .ttl_how_to{display:flex;align-items:center;margin-bottom:63px}main #flex_loop .section_loop .how_to .ttl_how_to .circle_txt{display:flex;justify-content:center;align-items:center;width:96px;height:96px;border:1px solid #005842;border-radius:50%;color:#005842;font-size:2rem;line-height:1.3;margin-right:23px}main #flex_loop .section_loop .how_to .ttl_how_to .with_bgcolor{background-color:#005842;color:#fff}main #flex_loop .section_loop .how_to .ttl_how_to h3{font-size:2.3rem;color:#005842}main #flex_loop .section_loop .how_to h4{font-size:2.5rem;font-weight:600;color:#005842;text-align:left;margin-bottom:10px;line-height:1.5}main #flex_loop .section_loop .how_to p{font-size:1.6rem;text-align:left}main #flex_loop .section_loop .anchor_recipe{display:flex;justify-content:center;align-items:center;max-width:359px;max-height:143px;border:solid 3px #005842;border-radius:20px;margin:0 auto}main #flex_loop .section_loop .anchor_recipe.syoyu_ramen{margin-top:96px}main #flex_loop .section_loop .anchor_recipe a{width:100%;line-height:1.6;font-weight:600;font-size:2.2rem;color:#005842;padding:1.3em 0}main #flex_loop .section_loop .anchor_recipe a span{display:block;font-size:2.1rem}main #flex_loop .section_loop .anchor_recipe.with_bgcolor{background-color:#005842;border:none}main #flex_loop .section_loop .anchor_recipe.with_bgcolor a{color:#fff}main #flex_loop .section_loop .anchor_recipe:hover{opacity:.8}main .section_pro{margin:110px auto 0}main .section_pro .heading_box{margin-bottom:45px}main .section_pro .heading_box h2{width:849px;height:175px;text-indent:-9999px;background-image:url(../images/recipe/ttl_pro_torigara.svg);background-size:contain;margin:0 0 60px 0}main .section_pro .heading_box p{font-family:"Shippori Mincho B1",serif;font-size:2.3rem;font-weight:600;color:#005842;line-height:2.3}main .section_pro .pro_profile{display:flex;align-items:flex-end;margin-bottom:80px;max-width:907px}main .section_pro .pro_profile figure{min-width:287px;margin-right:39px}main .section_pro .pro_profile figure img{width:100%;height:auto}main .section_pro .pro_profile figure .pro_profile_txt_sp{display:none;color:#231815}main .section_pro .pro_profile figure .pro_profile_txt_sp h3{font-weight:700;font-size:2.8rem}main .section_pro .pro_profile figure .pro_profile_txt_sp h3 span{font-size:1.6rem}main .section_pro .pro_profile figure .pro_profile_txt_sp p{font-size:1.6rem}main .section_pro .pro_profile figure .pro_profile_txt_sp p.status{font-weight:700}main .section_pro .pro_profile .pro_profile_txt{color:#231815}main .section_pro .pro_profile .pro_profile_txt h3{font-weight:700;font-size:2.8rem}main .section_pro .pro_profile .pro_profile_txt h3 span{font-size:1.6rem}main .section_pro .pro_profile .pro_profile_txt p{font-size:1.6rem}main .section_pro .pro_profile .pro_profile_txt p.status{font-weight:700;margin-bottom:14px}main .section_pro .section_pro_recipe{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;width:auto;border:2px solid #005842;border-radius:0 50px 0 0;box-shadow:15px 15px 0px 0px #005842;margin:0 0 70px}main .section_pro .section_pro_recipe h3{position:relative;width:100%;height:120px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:3.3rem;font-weight:700;color:#005842;line-height:1.4;border-bottom:2px solid #005842;padding:20px 0 0 160px}main .section_pro .section_pro_recipe h3 span{display:block;width:100%;font-family:"Shippori Mincho B1",serif;font-size:2.4rem;font-weight:700}main .section_pro .section_pro_recipe h3:before{position:absolute;top:0;left:0;content:"";display:block;width:120px;height:120px;background-position:center center;background-repeat:no-repeat;background-color:#005842;background-size:auto 48px}main .section_pro .section_pro_recipe h3.ttl_pro_1:before{background-image:url(../images/common/ttl_pro_1.svg)}main .section_pro .section_pro_recipe h3.ttl_pro_2:before{background-image:url(../images/common/ttl_pro_2.svg)}main .section_pro .section_pro_recipe h3.ttl_pro_3:before{background-image:url(../images/common/ttl_pro_3.svg)}main .section_pro .section_pro_recipe h3.ttl_pro_4:before{background-image:url(../images/common/ttl_pro_4.svg)}main .section_pro .section_pro_recipe .photo_area figure{width:500px}main .section_pro .section_pro_recipe .photo_area figure:not(:last-of-type){border-bottom:2px solid #005842}main .section_pro .section_pro_recipe .photo_area figure img{width:100%;height:auto}main .section_pro .section_pro_recipe .detail_pro_recipe{width:calc(100% - 500px);font-size:1.6rem;line-height:1.8;font-weight:500;border-left:2px solid #005842;padding:38px 45px 20px 28px}main .section_pro .section_pro_recipe .detail_pro_recipe section:not(:last-of-type){margin-bottom:77px}main .section_pro .section_pro_recipe .detail_pro_recipe section h5{font-weight:500}main .section_pro .section_pro_recipe .detail_pro_recipe section ul:not(:last-of-type){margin-bottom:42px}main .section_pro .section_pro_recipe .section_profile{position:absolute;left:28px;bottom:28px;width:442px;font-size:1.3rem}main .section_pro .section_pro_recipe .section_profile h4{width:auto;font-size:1.6rem;font-weight:700;line-height:1;color:#005842;margin:0 0 38px}main .section_pro .section_pro_recipe .section_profile h5{width:auto;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 14px}main .section_pro .section_pro_recipe .section_profile h5 span{font-size:1.4rem}main .section_pro .section_pro_recipe .section_profile .list_dott_2{font-size:1.3rem;margin:0 0 25px}main .mar00{margin-bottom:0px}main .mar05{margin-bottom:5px}main .mar10{margin-bottom:10px}main .mar15{margin-bottom:15px}main .mar20{margin-bottom:20px}main .mar25{margin-bottom:25px}main .mar30{margin-bottom:30px}main .mar40{margin-bottom:40px}main .mar50{margin-bottom:50px}main .mar60{margin-bottom:60px}main .mar70{margin-bottom:70px}main .mar80{margin-bottom:80px}@media screen and (max-width: 1000px){header{margin-bottom:max(14vw,56px)}header #ttl_site{min-height:252px}header #txt_copy{width:max(78vw,323px);height:15vw;margin:0 auto}main{width:100%;line-height:1.8;margin:0 auto 60px}main #section_lead{width:auto;height:60vw;background-image:url(../images/top/txt_lead_sp.svg);margin:0 0 50px}main .list_cmn_2{list-style:none}main .list_cmn_3{list-style:none;margin-left:1em}main .ttl_contents{width:92%;font-size:3.4rem;line-height:1.2;margin:0 auto 20px}main .ttl_contents span{height:170px;background-size:auto 120px;margin:0 auto 30px}main .ttl_contents span:after{width:100px;height:1px}main .ttl_box{border-radius:0 6.4vw 0 0;box-shadow:10px 10px 0px 0px #005842;font-size:2.6rem;padding:12px 43px 14px 24px;margin-bottom:30px}main .dl_flex dd br{display:none}main .txt_lead{width:92%;font-size:3vw;font-weight:400;margin:0 auto 60px}main #lead_txt{margin:0 auto 16.66vw}main .section_about{width:92%;margin:0 auto 56px}main .section_about h2{font-size:max(5vw,2.2rem);margin-bottom:14px}main .section_about .about_flx{display:block;width:100%;margin:0}main .section_about .about_flx figure{margin:0 0 27px 0;text-align:center}main .section_about .about_flx figure img{width:100%}main .section_about .about_flx p{font-size:1.4rem}main #flex_loop{display:block;width:92%;margin:0 auto}main #flex_loop .section_loop{width:100%;padding:48px max(5vw,20px)}main #flex_loop .section_loop:not(:last-child){margin-bottom:23px}main #flex_loop .section_loop h2{font-size:2.4rem}main #flex_loop .section_loop .raw-materials{font-size:2.2rem;margin-bottom:46px}main #flex_loop .section_loop .how_to .ttl_how_to{margin-bottom:43px}main #flex_loop .section_loop .how_to .ttl_how_to .circle_txt{width:84px;height:84px;font-size:1.8rem;margin-right:24px}main #flex_loop .section_loop .how_to .ttl_how_to h3{font-size:2rem}main #flex_loop .section_loop .how_to h4{font-size:2.3rem}main #flex_loop .section_loop .anchor_recipe a{font-size:1.8rem;color:#005842;padding:1em 0}main #flex_loop .section_loop .anchor_recipe a span{font-size:1.7rem}main #flex_loop .section_loop .anchor_recipe.with_bgcolor{background-color:#005842;border:none}main #flex_loop .section_loop .anchor_recipe.with_bgcolor a{color:#fff}main #flex_loop .section_loop .anchor_recipe:hover{opacity:.8}main .section_comparison{margin-bottom:100px}main .section_comparison h2{font-size:max(5vw,2.2rem);margin-bottom:26px}main .section_comparison .lead_haw_to{display:block;width:92%;margin:0 auto 30px;font-size:1.6rem}main .section_comparison .lead_haw_to h3{width:90px;height:37px;margin:0 0 23px 0;border-radius:6px}main .section_comparison .lead_haw_to ol li:nth-child(1)::before,main .section_comparison .lead_haw_to ol li:nth-child(2)::before{padding-right:.3em}main .section_pro{width:calc(92% - 2px);margin:0 auto}main .section_pro .heading_box{margin-bottom:max(5vw,24px)}main .section_pro .heading_box h2{background-image:url(../images/recipe/ttl_pro_torigara_sp.svg);width:315px;height:125px;margin:0 0 30px}main .section_pro .heading_box p{font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:2}main .section_pro .pro_profile{display:block;margin-bottom:44px}main .section_pro .pro_profile figure{display:flex;align-items:flex-end;min-width:auto;margin:0 auto 18px}main .section_pro .pro_profile figure img{width:max(30vw,174px);height:auto;margin-right:14px}main .section_pro .pro_profile figure .pro_profile_txt_sp{display:block}main .section_pro .pro_profile figure .pro_profile_txt_sp h3{font-size:1.7rem}main .section_pro .pro_profile figure .pro_profile_txt_sp h3 span{font-size:1.1rem}main .section_pro .pro_profile .pro_profile_txt h3,main .section_pro .pro_profile .pro_profile_txt .status{display:none}main .section_pro .pro_profile .pro_profile_txt p{font-size:1.3rem}main .section_pro .section_pro_recipe{position:relative;display:block;width:100%;border-radius:0 30px 0 0;box-shadow:8px 8px 0px 0px #005842;margin:0 0 70px}main .section_pro .section_pro_recipe h3{position:relative;top:-1px;width:100%;height:auto;font-size:2.2rem;line-height:1.4;border-bottom:2px solid #005842;padding:15px 15px 15px 100px}main .section_pro .section_pro_recipe h3 span{font-size:1.4rem;font-weight:700}main .section_pro .section_pro_recipe h3 span.long_txt{font-size:1.3rem}main .section_pro .section_pro_recipe h3:before{width:80px;min-height:80px;background-size:auto 28px;height:100%}main .section_pro .section_pro_recipe .photo_area{display:flex;flex-wrap:wrap;border-bottom:2px solid #005842}main .section_pro .section_pro_recipe .photo_area figure{width:100%;border:none}main .section_pro .section_pro_recipe .photo_area figure:not(:first-of-type){width:50%}main .section_pro .section_pro_recipe .photo_area figure:first-of-type{border-bottom:2px solid #005842;margin:-1px 0 0}main .section_pro .section_pro_recipe .photo_area figure:nth-of-type(2){border-bottom:none;border-right:2px solid #005842}main .section_pro .section_pro_recipe .photo_area figure img{height:100%;object-fit:cover}main .section_pro .section_pro_recipe .photo_area figure.collage{position:relative}main .section_pro .section_pro_recipe .photo_area figure.collage .pos-l{position:absolute;z-index:2;top:0;left:0;clip-path:polygon(0% 100%, -1% -1%, 58% 0%, 43% 101%)}main .section_pro .section_pro_recipe .photo_area figure.collage .pos-r{position:absolute;z-index:1;top:0;left:0}main .section_pro .section_pro_recipe .photo_area figure.collage .border{position:absolute;top:0;left:0;z-index:1;width:calc(100% + 3px);height:100%;clip-path:polygon(0% 100%, -1% -1%, 58% 0%, 43% 101%);background-color:#005842}main .section_pro .section_pro_recipe .detail_pro_recipe{width:100%;border-left:none;padding:30px 18px 32px 18px}main .section_pro .section_pro_recipe .detail_pro_recipe section{border-top:none}main .section_pro .section_pro_recipe .detail_pro_recipe section:not(:last-of-type){margin-bottom:50px}main .section_pro .section_pro_recipe .detail_pro_recipe section ul:not(:last-of-type){margin-bottom:32px}main .section_pro .section_pro_recipe .detail_pro_recipe section .mar50{margin:0}main .section_pro .section_pro_recipe .section_profile{position:static;width:100%}main .section_pro .section_pro_recipe .section_profile h4{width:auto;font-size:1.4rem;margin:0 0 30px}}