@charset "utf-8";

h2#top_title{font-size:374%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:baseline;position:relative;margin-bottom:1.4em}
@media (max-width:540px) {h2#top_title{font-size:260%;}}@media (max-width:344px) {h2#top_title{font-size:240%;}}
h2#top_title span.small{font-size:34%;margin-left:3px}h2#top_title span.firstletter{color:#fff}
h2#top_title:before{position:absolute;bottom:-10px;left:calc(50% - 30px);width:60px;height:5px;content:'';border-radius:3px;background:#fff;opacity:0;transition: .33s ease-in-out}
h2#top_title.obi:before{opacity:1;transition-delay:1s;background:#6eba33;}
h2#top_title.obi{display:inline-block;color:#fff;background-image:linear-gradient(90deg,#000 50%,#000 50%,#fff 50%);background-size:200% 100%;background-position:100% 0;padding:.5rem 1rem;animation:slideIn .67s ease forwards,slideOut .67s .67s ease forwards;text-align:center;animation-fill-mode:forwards}
@keyframes slideIn {0% {background-position:100% 0;color:#fff;}100% {background-position:0 0;color: #fff;}}
@keyframes slideOut {0% {background-position:0 0;color:#fff;}100% {background-position:-100% 0;color: #333;}}
h2#top_title.obi span.firstletter {animation: changeColor 0.67s 0.67s ease forwards;}
@keyframes changeColor {0% {color: #fff;}100% {color: #6eba33;}}
h2#top_title02{font-size:374%;color:#f6f6f6;text-align:center;display:flex;justify-content:center;align-items:baseline;position:relative;margin-bottom:1.4em}
@media (max-width:540px) {h2#top_title02{font-size:260%;}}@media (max-width:344px) {h2#top_title02{font-size:240%;}}
h2#top_title02 span.small {font-size:34%;margin-left:3px;}
h2#top_title02 span.firstletter{color: #f6f6f6;}
h2#top_title02:before{position:absolute;bottom:-10px;left:calc(50% - 30px);width:60px;height:5px;content:'';border-radius:3px;background:#f6f6f6;opacity:0;transition:opacity .5s ease-in-out}
h2#top_title02.obi02:before{opacity:1;transition-delay:1.5s;background:#6eba33}
h2#top_title02.obi02{display:inline-block;color:#fff;background-image:linear-gradient(90deg,#000 50%,#000 50%,#f6f6f6 50%);background-size:200% 100%;background-position:100% 0;padding:.5rem 1rem;animation:slideIn 1s ease forwards,slideOut 1s 1s ease forwards;text-align:center}
@keyframes slideIn {0% {background-position: 100% 0;color: #f6f6f6;}100% {background-position: 0 0;color: #f6f6f6;}}
@keyframes slideOut {0% {background-position: 0 0;color: #f6f6f6;}100% {background-position: -100% 0;color: #333;}}
h2#top_title02.obi02 span.firstletter {animation: changeColor 1s 1s ease forwards;}
@keyframes changeColor {0% {color: #f6f6f6;}100% {color: #6eba33;}}
div.top_h2_card{display:flex;justify-content:center;align-items:center;margin-bottom:-10em;}@media (max-width:1024px) {div.top_h2_card{margin-bottom:-2em;}}
.top_flex_A{display:flex;align-items:center;justify-content:center;width:900px;margin:auto;}@media (max-width:1024px) {.top_flex_A{width:80%;}}@media (max-width:820px) {.top_flex_A{display:block;margin:0 auto;width:90%;}}
.top_flex_A_01{margin:auto;}@media(max-width:768px){.top_flex_A_01{margin-bottom:4em;}}
.link_button span{margin-left:-1em;}
.top_video{width:420px;border:1px solid #fff;}@media(max-width:853px){.top_video{width:80%;}}
.topLogo{width:90%;}@media(max-width:768px){.topLogo{width:84%;}}
.top01Button{width:50%;padding:0.8em 1.2em;margin:auto;}@media(max-width:430px){.top_video{width:90%;}}
.top_flex_B{display:flex;align-items:center;width:1200px;margin-bottom:6em;margin-top:-2em;margin-left:auto;margin-right:auto;}@media (max-width:1280px) {.top_flex_B{width:85%;}}@media (max-width:912px) {.top_flex_B{display:block;width:90%;}}
.top_flex_B_01{padding:1em;flex:3;text-align:center;}.top_flex_B_02{padding:0.1em;flex:1;text-align:center;}
.category_select {cursor:pointer;}
.case_category {background-color:#000;width:334px;color:#fff;padding:.8em;text-align:right;margin:-0.2em auto auto auto;transition-duration:0.2s ease;}
@media (max-width:1280px) {.case_category{width:357px;}}@media (max-width:1024px) {.case_category{width:356px;}}@media (max-width:820px) {.case_category{width:357px;}}@media (max-width:414px) {.case_category{width:344px;}}@media (max-width:412px) {.case_category{width:342px;}}@media (max-width:390px) {.case_category{width:322px;}}
@media (max-width:375px) {.case_category{width:308.6px;}}@media (max-width:360px) {.case_category{width:294px;}}@media (max-width:344px) {.case_category{width:280px;}}
div.overimg{overflow:hidden;transition-duration:0.4s ease;}
.brightness {filter:brightness(.8) grayscale(.2);transition-duration:.2s;transform: scale(1.06);}@media (max-width:912px) {.brightness{transform: scale(1.06);}}
.category_select:hover .brightness{filter:none;transition:0.2s ease;}
.category_select:hover .case_category{background-color: #6eba33;transition:0.2s ease;}
div.category_select:hover img{animation-timing-function:ease-in;transform:scale(1);}@media (max-width:912px) {div.category_select:hover img{transform:scale(1.06);}}
h3.card_feature{color:#6eba33;;margin-bottom:0.5;font-size:200%;line-height:1.25;}@media (max-width:768px) {h3.card_feature{font-size:160%;}}
.img_effect {padding: 11px;background-color: #FFFFFF;box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);}
.card_inner {margin-right: auto;margin-left: auto;max-width: 600px;}@media (min-width:760px) {.card_inner {max-width:1232px;padding-right:16px;padding-left:16px;}}@media (min-width:760px) {.card_contents {padding-top:120px;padding-bottom:120px;}}
.c-button{font-size:18px;line-height:calc(21.6/18);font-weight:400;display:block;position:relative;border-radius:8px;border:1px solid var(--base-color);background-color:var(--color-white);padding:21px 48px 23px;text-align:center;color:var(--base-color);letter-spacing:.1em;transition:color .4s,background-color .4s}.c-button::after{content:'';width:8px;height:8px;border:0;border-top:solid 2px var(--base-color);border-right:solid 2px var(--base-color);position:absolute;top:50%;right:36px;margin-top:-4px;transform:rotate(45deg);transition:border-color .4s}
.c-button:hover{background-color:var(--base-color);color:var(--color-white)}
.c-button:hover::after{border-color:var(--color-white)}
.card_textImgBox {margin-top:60px;counter-increment: number 1;}@media (min-width:768px) {.card_textImgBox {margin-top: 62px;}}@media (max-width:430px) {.card_textImgBox {width:80%;}}.card_textImgBox_inner {display:block;}@media (min-width: 768px) {.card_textImgBox_inner {display:flex;}}.card_textImgBox_textBox {position:relative;background-color:#fff;box-shadow:2px 2px 4px rgba(120,120,120,0.3),10px 10px 8px rgba(120,120,120,0.2);padding:60px 88px 42px;width:80%;z-index: 1;}@media (min-width:768px) {.card_textImgBox_textBox {padding: 60px 72px 48px;margin-top: 50px;}}@media (max-width:540px) {.card_textImgBox_textBox {width:75%;}}.card_textImgBox_textBox::before {position: absolute;content: "";width:100%;height:53px;background-color:#fff;box-shadow:2px 2px 4px rgba(120,120,120,0.3),10px 10px 8px rgba(120,120,120,0.2);top:-53px;left:0;z-index:-2;}@media (min-width: 768px) {.card_textImgBox_textBox::before {width:150px;height:100%;top:0;left:-150px;}}@media (max-width: 767px) {.card_textImgBox_textBox::before {display:none;}}.card_textImgBox_textBoxR {position:relative;background-color:#fff;box-shadow:-2px 2px 4px rgba(120,120,120,0.3),-10px 10px 8px rgba(120,120,120,0.2);padding:60px 88px 42px;width:80%;z-index:1;}@media (min-width:768px) {.card_textImgBox_textBoxR {padding:60px 72px 48px;margin-top:50px;}}@media (max-width:540px) {.card_textImgBox_textBoxR {width:75%;}}.card_textImgBox_textBoxR::before {position: absolute;content: "";width: 100%;height: 53px;background-color:#fff;box-shadow:-2px 2px 4px rgba(120,120,120,0.3),-10px 10px 8px rgba(120,120,120,0.2);top:-53px;left:0;z-index:-2;}@media (min-width:768px) {.card_textImgBox_textBoxR::before {width:150px;height:100%;top: 0;left:-150px;}}@media (max-width:767px) {.card_textImgBox_textBoxR::before {display:none;}}.card_textImgBox_text{font-size:16px;line-height:1.75;font-weight:400;color:#444;margin-top:39px}
.card_textImgBox_img{width:100%;max-width:500px;display:block;position:relative;z-index:5;margin-right:auto;margin-left:auto}@media (min-width:768px) {.card_textImgBox_img{max-width:580px}}@media (max-width:430px) {.card_textImgBox_img{max-width:300px}}.card_textImgBox_img img{aspect-ratio:600 / 400;height: auto;object-fit:cover;}
.card_textImgBox_button {margin-top:40px;}.card_textImgBox_number::before{position:absolute;font-size:86px;letter-spacing:.1em;line-height:calc(84/70);right:25px;font-weight:100;content:"0"counter(number) " ";top:0;color:#6eba33;font-weight:700}@media (min-width:768px) {.card_textImgBox_number::before {right:50px;top:-50px;opacity:0.5;}}@media (max-width:767px) {.card_textImgBox_number::before {display:none;}}
.card_textImgBox:nth-child(even) .card_textImgBox_inner {flex-direction:row-reverse;}.card_textImgBox:nth-child(even) .card_textImgBox_textBox::before {left:initial;right:-150px;}.card_textImgBox:nth-child(even) .card_textImgBox_number::before {right:initial;color:#6eba33;left:50px;font-weight:bold;opacity:0.5;}
.btn-case{margin:2em;display:block;position:relative;}.btn-case a{width:180px;box-sizing:border-box;border-radius:.3rem;color:#6eba33!important;padding:0.6em 2.6em 0.6em 2em;transition:.1s ease-in-out;font-size:14px;font-weight:500;background:#fff;border:#6eba33 1px solid}@media (max-width:540px) {.btn-case a{width:220px;display:block;text-align:center;}}
.btn-case a:hover{border:1px solid #6eba33;background:#6eba33;color:#fff!important;}
.btn-case a::after{content:'';position:absolute;top:50%;margin-left:8px;width:0;height:0;border:5px solid transparent;border-left-color:#6eba33;border-width:5px 8px;transform:translateY(-50%);transition:.2s ease}
.btn-case a:hover::after{border-left-color:#fff;transition:.2s ease;margin-left:-.05em;transform:translateY(-10%) rotate(90deg)}
h3.lpH3{font-size:1.8em;color:#004336;border-bottom:dotted 3px #004336;margin: 1em auto 50px;padding: 0 0 3px 0;line-height:1.2;}@media(max-width:430px){h3.lpH3 {font-size:1.3em;}}
h3.lpH3 span{color: #fff;-webkit-text-stroke:5px #b7a87e;paint-order: stroke;font-size:2em;}
h3.problemH3{font-size:1.2em;color:#b7a87e;margin-top:1.5em;margin-bottom:0.5em;}
h4.reviewTitle{padding:0;margin:0 0 0.5em 0;color:#004336;font-size:1.2em;line-height:1.5;}
h4.infographic{font-size:1em;text-align:center;background-color:#004336;color:#fff;border-radius:50rem;font-weight:bold;padding:0.25em;}
.q_underline1 {font-weight:bold;background-image: -webkit-linear-gradient(left, transparent 50%, #e7e2d4 50%);background-image: -moz-linear-gradient(left, transparent 50%, #b7a87e 50%);background-image: linear-gradient(to right, transparent 50%, #e7e2d4 50%);}
.swiper-slide.reviewCard{width:33%;background:#f2f2f2;padding:2em;min-height:19em!important;border-radius:0.25rem;font-size:92%;}
.swiper-slide.reviewCard:hover{transform:scale(1);cursor: default;}
@media(max-width:768px){.swiper-slide.reviewCard{width:50%;}}
.userCategory{font-size:86%;flex:3;line-height:1.5;}
.userIcon{flex:1;}
.userFlex{display:flex;padding:0em!important;justify-content:flex-start; align-items:center;margin-bottom:1em;}
.userFlex div{flex-basis:2em;}
.star{color:#6eba33;font-size:1.2em;text-align:left;margin-bottom:1em!important;margin-top:1em!important;}
.copyBase{text-align:right;margin-top:1em;}
.date::before{display:none!important;}
.form__ttl {position:relative;text-align:center;display:block;width: fit-content;line-height:1.2;margin:1.6rem auto 4rem;padding:0 2rem;}
.form__ttl__main {font-size:1.4rem;font-weight:bold;color:#444;}@media (max-width:768px) {.form__ttl__main{font-size:1.2rem;}}@media (max-width:360px) {.form__ttl__main{font-size:1rem;}}
.form__ttl__sub {display: block;font-size: 1.2rem;font-weight:bold;color:#444;}@media (max-width:768px) {.form__ttl__sub{font-size:0.9rem;}}
.form__ttl::before,.form__ttl::after {content: "";position: absolute;bottom: 0;width: 1px;height: 2rem;background: rgba(0, 0, 0, 0.4);}
.form__ttl::before {transform: rotate(-30deg);left: 0;}.form__ttl::after {transform: rotate(30deg);right: 0;}
.topForm{width:50%;margin-left:auto;margin-right:auto;}@media (max-width:768px) {.topForm{width:85%;}}@media (max-width:390px) {.br768{display:none;}}
.interactive{margin-right:auto;margin-left:auto;margin-top:8em;width:1000px;height:630px;}@media (max-width:1280px) {.interactive{width:90%;margin-top:4em;}}
img.cp-runtime{max-width:100%!important;max-height:100%!important;}@media(max-width:768px){.br768over{display:none;}}
.ctaForm_flex{display:flex;width:1100px;margin:auto;margin-bottom:6em;}@media(max-width:1024px){.ctaForm_flex{display:block;width:90%;}}
.cta_catalog{flex:3;padding:1em 3.6em 1em 0em;}@media(max-width:1024px){.cta_catalog{padding:1em 0.5em;}}
.cta_catalog p{font-size:90%;line-height:1.75em;color:#666;}
.cta_form_cont{flex:1;padding:30em 6em;}
.catalog_cont{background-color:#fafafa;padding:1em 1em 1.2em 1em;border-radius:0.5rem;margin-top:2.5em;}.catalog_cont p {color:#6eba33;font-size:120%;font-weight:bold;text-align:center;}.catalog_cont ul li {color:#666;font-size:90%;}
h4.light_form{text-align:center;color:#6eba33;}h4.light_form:before {content: "";display: inline-block;width:28px;height:28px;background: url("https://food.uchida-it.co.jp/solution/wp-content/uploads/2025/05/icon_light02.svg") center center no-repeat;background-size:contain;vertical-align: -0.4em;}
ul.catalogContents{list-style:none;margin-left:2em;line-height:1.75em;margin-top:1em;}
ul.catalogContents li:before{content: "";display: inline-block;width:1.5em;height:1.5em;background:url("https://food.uchida-it.co.jp/solution/wp-content/uploads/2026/02/iconCircleCheck-1.svg") center center no-repeat;background-size: contain;vertical-align: -0.3em;margin-right:0.2em;}
.gallery-image{margin:auto;text-align:center;margin-bottom:2em;margin-top:1.5em;}
.ctaBtn_sc {border: 1.5px solid #6eba33; color: #fff!important; max-width: 400px; color: #fff; background-color: #6eba33; position: relative; padding: 1em 2.4em 1em 1.8em; border-radius: 100vh; text-decoration: none; display: inline-block; transition: 0.2s; text-align: center; margin-top: 2em; cursor: pointer; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), 0px 8px 8px rgb(0 0 0 / 15%);}
@media(max-width:360px){.ctaBtnMain{font-size:95%;}}
.ctaBtn_sc_copy {font-size: 80%; color: #fff; position: absolute; top: -2em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%;}
.ctaBtn_sc_copy:before {margin-right: 0.5rem; content: '＼';}
.ctaBtn_sc_copy:after {margin-left: 0.5rem; content: '／';}
.ctaBtn_sc:hover {font-weight: bold; background: #fff; color: #6eba33!important; box-shadow: 0px 2px 2px rgb(0 0 0 / 15%), 0px 4px 4px rgb(0 0 0 / 10%); transition: 0.2s ease-in-out; transform: scale(0.95)!important;}.ctaBtn_sc::after {content: ''; position: absolute; top: 50%; margin-left: 8px; margin-right: 16em; width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff; border-width: 6px 10px; transform: translateY(-70%);transition:0.2s ease;}
.ctaBtn_sc:hover::after {border-left-color: #6eba33; transform: translateY(-10%) rotate(90deg); transition:0.2s ease;margin-left:-0.05em;}
.cta_block {display: flex; justify-content: center; align-items: center; width: 800px;margin: auto;}
@media (max-width: 768px) {.cta_block {display: block;width:86%;}}@media (max-width:430px) {.cta_block {width: 90%;}}
h3.triangle {margin-top:2.4em !important;margin-bottom:1em!important;}
dl.qa dd,dl.qa dt{line-height:1.7;font-size:0.95em;max-width:900px;width:100%;} dl.qa{margin-top:1em;max-width:1050px;width:100%;}
@media (max-width:1200px) {dl.qa dd,dl.qa dt,dl.qa {width:90%;}}