<style>
@import url("https://fonts.googleapis.com/css2?family=Cormorant:wght@300&family=Lato:wght@700&family=Open+Sans:wght@700&family=Outfit:wght@100..900&family=Zen+Maru+Gothic:wght@500&display=swap");
</style>
body {
font-family: "Outfit";
font-weight: 400;
}
body {
color: #717071;
}
.u-mobile {
display: none;
}
html {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/contain repeat;
overflow-x: hidden;
}
html.is-fixed {
overflow: hidden;
}
main {
overflow: hidden;
} html {
font-size: 16px;
}  a {
color: inherit;
text-decoration: none;
transition: opacity 0.3s;
}
a:hover {
opacity: 0.8;
}
*,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
} body {
line-height: 1;
min-height: 100vh;
text-rendering: optimizeSpeed;
} ul,
ol {
list-style: none;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img {
display: block;
max-width: 100%;
width: 100%;
} article > * + * {
margin-top: 1em;
} input,
button,
textarea,
select {
font: inherit;
} img:not([alt]) {
filter: blur(10px);
} input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
picture {
display: block;
}
.c-btn {
background-color: black;
color: yellow;
padding: 0.625rem 2.5rem;
}
.c-hamburger {
cursor: pointer;
height: 100%;
position: relative;
width: 100%;
}
.c-hamburger span {
display: inline-block;
left: 50%;
position: absolute;
text-align: center;
transform: translate(-50%, -50%);
transition: all 0.45s;
}
.c-hamburger span:nth-child(1),
.c-hamburger span:nth-child(2) {
background-color: #717071;
height: 1px;
width: 100%;
}
.c-hamburger span:nth-child(1) {
top: calc(50% - 0.75rem);
}
.c-hamburger span:nth-child(2) {
top: 50%;
}
.c-hamburger span:nth-child(3) {
font-size: 0.875rem;
letter-spacing: 0.04em;
text-align: center;
top: calc(50% + 1.5rem);
}
.c-hamburger.is-active span:nth-child(1) {
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
width: 2.625rem;
}
.c-hamburger.is-active span:nth-child(2) {
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 2.625rem;
}
.c-hamburger.is-active span:nth-child(3) {
opacity: 0;
}
.c-lead {
font-size: 0.875rem;
letter-spacing: 0.08em;
line-height: 1.8571428571;
margin-top: 2.5rem;
text-align: center;
}
.c-more-btn {
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-name: cursor_off;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
transform: scale(0, 0);
transition: transform 0.3s;
z-index: 100;
}
.js-play-btn.is-cursor .c-more-btn {
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-name: cursor_scale;
display: block;
opacity: 1;
transform: scale(1, 1);
transition: transform 0.1s;
visibility: visible;
}
.c-more {
align-items: center;
display: inline-flex;
gap: 0.25rem;
justify-content: center;
margin-bottom: 1.0rem;
}
.c-more__text {
display: inline-block;
font-family: "Outfit", sans-serif;
font-size: 0.875rem;
letter-spacing: 0.035em;
position: relative;
}
.c-more__text::before {
background-color: #717071;
bottom: -0.25rem;
content: "";
display: none;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.c-more__arrow {
background-color: #b4001d;
border-radius: 50%;
height: 1.2375rem;
position: relative;
transition: all 0.45s;
width: 1.2375rem;
}
.c-more__arrow::before {
background-color: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
content: "";
height: 0.45rem;
inset: 0; position: absolute;
width: 0.45rem;
top: calc(50% - 0.225rem);
left: calc(50% - 0.175rem);
}
.c-news {
align-items: flex-start;
display: grid;
gap: 2.5rem;
grid-template-columns: 7.5rem 1fr;
padding-block: 1.875rem;
padding-inline: 2.0rem;
border-bottom: 1px solid rgba(113, 112, 113, 0.2);
}
.c-news__time {
font-size: 0.875rem;
letter-spacing: 0.09em;
line-height: 2.5714285714;
}
.c-news__title {
font-size: 0.875rem;
line-height: 2.5714285714;
}
.c-none {
margin-block: 6.25rem;
text-align: center;
}
.c-test {
color: red;
font-size: 1.25rem;
}
.c-title {
text-align: center;
}
.c-title h2 {
font-size: 1.375rem;
font-weight: 400;
letter-spacing: 0.07em;
margin-top: 0.75rem;
}
.c-title p {
font-family: "Outfit", sans-serif;
font-size: 2.5rem;
font-weight: 400;
letter-spacing: 0.07em;
}
@media (max-width: 768px) {
.c-title p {
font-size: 2.0rem;
}
.c-title h2{
font-size: 1.125rem;
}
}
.l-breadcrumb.--top {
padding-top: 6.25rem;
}
.l-company {
margin-top: -5rem;
}
.l-footer {
margin-top: -1px;
}
.l-inner {
height: inherit;
margin: 0 auto;
max-width: calc(62.5rem + 25px + 25px);
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
.l-topLineup {
margin-top: -11.25rem;
}
.l-topNews {
margin-top: -7.1742313324vw;
}
.l-topProduct {
margin-top: -1px;
}
.l-topRecruit {
margin-top: -1px;
}
.l-vision {
margin-top: -5.8565153734vw;
}
.js-fade {
opacity: 0;
transform: translateY(15%);
transition: all 1s cubic-bezier(0.155, 0.91, 0.695, 0.95);
}
.js-fade.is-fade {
opacity: 1;
transform: translateY(0);
}
.p-about {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center bottom/100% 150% no-repeat;
overflow: hidden;
padding-top: 8.125rem;
position: relative;
}
.p-about__wrap {
align-items: center;
display: grid;
gap: 6.25rem;
grid-template-columns: 30.5rem 1fr;
padding-bottom: 8.75rem;
position: relative;
}
.p-about__wrap::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/logo_big.webp) center center/contain no-repeat;
bottom: 0;
content: "";
height: 10rem;
position: absolute;
right: calc(50% - 40rem);
width: 63.75rem;
}
.p-about__title {
align-items: center;
color: #b3b3b4;
display: flex;
gap: 1.125rem;
}
.p-about__title p {
font-family: "Outfit", sans-serif;
font-size: 1.25rem;
letter-spacing: 0.04em;
}
.p-about__title h2 {
font-size: 0.75rem;
letter-spacing: 0.04em;
}
.p-about__text {
font-size: 0.875rem;
letter-spacing: 0.045em;
line-height: 2.4285714286;
margin-top: 2.5rem;
}
.p-about__btns {
align-items: center; flex-wrap: wrap;
gap: 1.25rem;
margin-top: 2.5rem;
}
.p-about__slider {
margin-left: calc(50% - 50vw);
margin-top: 3rem;
position: relative;
width: 100vw;
z-index: 1;
}
.p-about__slider picture {
display: block;
margin-right: 2.625rem;
width: 20.75rem;
}
.p-aboutus {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover no-repeat;
padding-bottom: 11.25rem;
padding-top: 6.25rem;
}
.p-aboutus__tabs {
align-items: center;
display: flex;
gap: 2.75rem;
justify-content: center;
margin-top: 2.75rem;
}
.p-aboutus__tab {
height: 5.125rem;
width: 5.125rem;
}
.p-aboutus__tab a {
align-items: center;
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/cover no-repeat;
border-radius: 50%;
color: #717071;
display: flex;
font-size: 1.0rem;
height: 100%;
justify-content: center;
letter-spacing: 0.02em;
transition: all 0.3s;
width: 100%;
}
.p-aboutus__lead {
font-size: 1.25rem;
font-weight: 400;
line-height: 2;
margin-top: 4.625rem;
text-align: center;
}
.p-aboutus__text {
font-size: 0.875rem;
letter-spacing: 0.045em;
line-height: 2.4285714286;
margin-top: 2.75rem;
text-align: center;
}
.p-archive {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover no-repeat;
padding-bottom: 11.25rem;
padding-top: 6.25rem;
}
.p-archive__blocks {
margin-top: 1.875rem;
}
.p-archive__block + .p-archive__block {
border-top: 1px solid rgba(113, 112, 113, 0.2);
}
.p-archive__nav {
margin-top: 1.875rem;
}
.p-breadcrumb__inner {
padding: 0;
}
.p-breadcrumb ol {
align-items: center;
display: flex;
justify-content: flex-start;
}
.p-breadcrumb li {
position: relative;
}
.p-breadcrumb li span {
display: inline-block;
font-size: 0.75rem;
letter-spacing: 0.07em;
}
.p-breadcrumb li + li {
margin-left: 1.75rem;
}
.p-breadcrumb li + li::before {
content: "＞";
font-size: 0.75rem;
left: -1.5em;
position: absolute;
top: 60%;
transform: translateY(-50%);
}
.p-company {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover no-repeat;
padding-bottom: 5rem;
padding-top: 9.375rem;
position: relative;
}
.p-company::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/frame.webp) center center/100% 100% no-repeat;
bottom: -2px;
content: "";
height: 6.25rem;
left: 0;
position: absolute;
width: 100%;
}
.p-company__blocks {
margin-top: 2.125rem;
}
.p-company__block {
border-top: 1px solid rgba(113, 112, 113, 0.2);
display: grid;
grid-template-columns: repeat(2, 1fr);
padding-block: 3.125rem;
}
.p-company__block + .p-company__block {
border-top: 1px solid rgba(113, 112, 113, 0.2);
}
.p-company__title {
font-size: 1.25rem;
font-weight: 400;
line-height: 2.3333333333;
}
.p-company__text {
font-size: 0.875rem;
letter-spacing: -0.045em;
margin-top: 1.375rem;
}
.p-company__text a{
text-decoration: underline;
color: #b4001d;
}
.p-company__info {
margin-top: 1.25rem;
}
.p-company__row {
display: grid;
font-size: 0.875rem;
grid-template-columns: 6.25rem 1fr;
letter-spacing: -0.075em;
line-height: 1.7142857143;
}
.p-company__content2 {
font-size: 1.25rem;
line-height: 2.3333333333;
position: relative;
}
.p-company__content2 .p-company__google {
bottom: 0;
position: absolute;
right: 0;
}
.p-company__about {
margin-inline: auto;
max-width: 40rem;
}
.p-company__aboutRow {
align-items: flex-start;
display: grid;
grid-template-columns: 12.5rem 1fr;
}
.p-company__aboutRow + .p-company__aboutRow {
margin-top: 1.125rem;
}
.p-company__aboutRow dt {
font-size: 1.25rem;
font-weight: 400;
line-height: 2;
}
.p-company__aboutRow dd {
font-size: 1.25rem;
font-weight: 400;
line-height: 2;
}
.p-company__map {
margin-top: 3rem;
}
.p-company__map iframe {
-o-object-fit: cover;
aspect-ratio: 900/330;
height: 100%;
object-fit: cover;
width: 100%;
}
.p-company__google {
margin-top: 1.125rem;
text-align: right;
}
.p-company__google .c-more__text {
font-size: 0.875rem;
}
.p-company__google .c-more__arrow {
height: 1.125rem;
width: 1.125rem;
}
.p-company__google .c-more__arrow::before {
height: 0.375rem;
width: 0.375rem;
}
.p-contact {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center bottom/cover no-repeat;
padding-bottom: 1.25rem;
padding-top: 6.25rem;
}
.p-contact__main {
aspect-ratio: 1;
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/75rem 75rem no-repeat;
border-radius: 50%;
margin-inline: auto;
margin-top: -4rem;
max-width: 75rem;
padding-bottom: 8.4375rem;
padding-top: 5.625rem;
position: relative;
}
.p-contact__main.--thanks {
aspect-ratio: unset;
background: none;
margin-top: 3.75rem;
}
.p-contact__form {
margin-inline: auto;
margin-top: 2.875rem;
max-width: 41.25rem;
}
.p-contact__row + .p-contact__row {
margin-top: 0.875rem;
}
.p-contact__row dt {
font-size: 0.875rem;
line-height: 1.5;
}
.p-contact__row dd {
margin-top: 0.375rem;
}
.p-contact__row dd.--half {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(2, 1fr);
}
.p-contact__row dd input {
background-color: #fff;
border-radius: 0.3125rem;
display: inline-block;
height: 2.625rem;
padding-inline: 0.5em;
width: 100%;
}
.p-contact__row dd textarea {
background-color: #fff;
border-radius: 0.625rem;
display: inline-block;
height: 5.25rem;
line-height: 1.5;
padding: 0.5em;
width: 100%;
}
.p-contact__submit {
margin-top: 2.25rem;
text-align: center;
}
.p-contact__submit input {
background-color: #b4001d;
border-radius: 0.3125rem;
color: #fff;
height: 2.5rem;
width: 10.625rem;
}
.p-contact__content {
margin-top: 3.75rem;
text-align: center;
}
.p-contact__subtitle {
font-size: 1.5rem;
line-height: 1.5;
}
.p-contact__text {
font-size: 1rem;
line-height: 1.5;
margin-top: 2rem;
}
.p-contact__btn {
margin-top: 2.5rem;
text-align: center;
}
.p-contact__btn a {
align-items: center;
background-color: #b4001d;
border-radius: 0.3125rem;
color: #fff;
display: inline-flex;
height: 2.5rem;
justify-content: center;
width: 100%;
width: 10.625rem;
}
.wpcf7-not-valid-tip {
margin-top: 0.375rem;
}
.p-drawer {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0.1875rem 0.1875rem 0.1875rem rgba(0, 0, 0, 0.3);
height: 100vh;
overflow-y: scroll;
padding-top: 6.25rem;
position: fixed;
right: 0;
top: 0;
transform: translateX(105%);
transition: all 0.45s;
width: 15.625rem;
}
.p-drawer::-webkit-scrollbar {
display: none;
}
.p-drawer::-webkit-scrollbar {
display: none;
}
.p-drawer.is-active {
transform: translateX(0);
}
.p-drawer__inner {
height: -moz-fit-content;
height: fit-content;
padding-bottom: 3.125rem;
padding-inline: 1.875rem;
}
.p-drawer__link {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.p-drawer__link + .p-drawer__link {
margin-top: 1.25rem;
}
.p-drawer__link a {
display: block;
font-size: 0.875rem;
letter-spacing: 0.055em;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.p-drawer__link > a::before {
background-color: #717071;
bottom: -0.125rem;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.45s;
width: 0%;
}
.p-drawer__btn {
cursor: pointer;
display: block;
height: 1.25rem;
position: relative;
transition: all 0.45s;
width: 1.25rem;
}
.p-drawer__btn::before {
background-color: #717071;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
content: "";
height: 0.375rem;
inset: 0;
margin: auto;
position: absolute;
transition: all 0.45s;
width: 0.25rem;
}
.p-drawer__subLinks {
display: none;
margin-left: 1em;
margin-top: 1.25rem;
width: 100%;
}
.p-drawer__link:nth-child(2) .p-drawer__subLinks {
display: block;
}
.p-drawer__subLink + .p-drawer__subLink {
margin-top: 1.25rem;
}
.p-drawer__link.is-active > a::before {
width: 100%;
}
.p-drawer__link.is-active .p-drawer__btn {
transform: rotate(90deg);
}
.p-drawer__link.is-active .p-drawer__btn::before {
background-color: #b4001d;
}
.p-float {
height: 100%;
left: 2.125rem;
position: fixed;
top: 0;
z-index: 999;
}
.p-float::before {
background-color: #717071;
content: "";
height: 100%;
left: 0;
opacity: 0.2;
position: absolute;
width: 1px;
}
.p-float__links {
margin-top: 6.875rem;
}
.p-float__link {
padding-left: 0.625rem;
position: relative;
}
.p-float__link::before {
background-color: #717071;
border-radius: 50%;
content: "";
height: 4px;
left: -2px;
position: absolute;
top: 65%;
transform: translateY(-50%);
transition: all 0.45s;
width: 4px;
}
.p-float__link.is-active::before {
background-color: #b4001d;
transform: scale(2);
}
.p-float__link + .p-float__link {
margin-top: 0.625rem;
}
.p-float__link a {
font-size: 0.625rem;
letter-spacing: 0.055em;
}
.p-footer {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_footer.webp) center center/cover no-repeat;
padding-bottom: 7.5rem;
padding-top: 3.125rem;
position: relative;
}
.p-footer__inner {
max-width: calc(68.75rem + 25px + 25px);
}
.p-footer__wrap {
align-items: flex-start;
display: grid;
gap: 5rem;
grid-template-columns: 13.875rem 1fr;
}
.p-footer__nav {
display: grid;
grid-template-columns: 10.625rem 10.625rem 10.625rem 7.5rem 5rem;
margin-left: auto;
width: -moz-fit-content;
width: fit-content;
}
.p-footer__link + .p-footer__link {
margin-top: 0.375rem;
}
.p-footer__link a {
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.08em;
line-height: 1.5;
}
.p-header {
height: 2.5rem;
left: 0;
position: fixed;
right: 0;
top: 2.5rem;
width: 100%;
z-index: 100;
}
.p-header__inner {
align-items: center;
display: flex;
max-width: unset;
padding: 0;
padding-inline: 2.5rem;
}
.p-header__logo {
max-width: 12.5rem;
}
.p-header__logo.is-index {
opacity: 0;
}
.p-header__hamburger {
height: 100%;
margin-left: auto;
position: relative;
width: 2.5rem;
z-index: 1;
}
.p-history {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover repeat;
padding-bottom: 7.5rem;
padding-top: 15rem;
position: relative;
}
.p-history::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/about/bg_history.webp) center center/100% 100% no-repeat;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 42.5rem;
}
.p-history__inner {
position: relative;
}
.p-history__blocks {
margin-top: 4.5rem;
}
.p-history__block {
font-size: 0.875rem;
letter-spacing: 0.045em;
line-height: 2.4285714286;
position: relative;
text-align: center;
}
.p-history__block + .p-history__block {
margin-top: 5rem;
}
.p-history__block + .p-history__block::before {
background-color: #b4001d;
border-radius: 50%;
content: "";
height: 0.5rem;
left: 50%;
position: absolute;
top: -2.875rem;
transform: translateX(-50%);
width: 0.5rem;
}
.p-history__img {
position: absolute;
display: none;
}
.p-history__img img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
}
.p-history__img.--1 {
right: calc(50% - 31.25rem);
top: 24.25rem;
transform: rotate(8deg);
width: 14.125rem;
}
.p-history__img.--2 {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
height: 15rem;
left: calc(50% - 31.25rem);
top: 53.5rem;
transform: rotate(-8deg);
width: 17.25rem;
}
.p-history__img.--3 {
border-radius: 50%;
overflow: hidden;
right: calc(50% - 31.25rem);
top: 83.75rem;
transform: rotate(8deg);
width: 16.625rem;
}
.p-history__img.--4 {
left: calc(50% - 31.25rem);
top: 113.75rem;
transform: rotate(0deg);
width: 14.125rem;
}
.p-history__img.--5 {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
height: 15rem;
right: calc(50% - 31.25rem);
top: 143.75rem;
transform: rotate(0deg);
width: 17.25rem;
}
.p-history__img.--6 {
border-radius: 50%;
left: calc(50% - 31.25rem);
overflow: hidden;
top: 181.25rem;
transform: rotate(8deg);
width: 16.625rem;
}
.p-intro {
background: rgba(0, 0, 0, 0.2);
height: 100dvh;
opacity: 1;
position: fixed;
top: 0;
transition: all 0.5s;
width: 100%;
}
.l-intro {
opacity: 1;
transition: all 0.5s;
}
.l-intro.is-scrolled {
opacity: 0;
}
.p-intro__title {
color: #fff;
height: -moz-fit-content;
height: fit-content;
inset: 0;
line-height: 1.5;
margin: auto;
opacity: 1;
position: absolute;
text-align: center;
transform: translateY(0);
transition: all 1s 1s;
width: 100%;
}
.p-intro__title h2 {
font-size: 0.875rem;
letter-spacing: 0.015em;
margin-top: 0.875rem;
}
.p-intro__title p {
font-family: "Outfit", sans-serif;
font-size: 1.375rem;
letter-spacing: 0.011em;
}
.p-intro__scroll {
bottom: 3.125rem;
left: 50%;
padding-top: 4.375rem;
position: absolute;
text-align: center;
transform: translateX(-50%);
}
.p-intro__scroll::before {
animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
background-color: #fff;
content: "";
height: 4.375rem;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 1px;
}
.p-intro__scroll span {
color: #fff;
font-size: 0.875rem;
letter-spacing: 0.06em;
}
.l-intro.l-intro.is-scrolled .p-intro__title {
opacity: 0;
transform: translateY(20%);
}
.p-lineup {
padding-bottom: 6.25rem;
padding-top: 6.25rem;
}
.p-lineup__form {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(3, 1fr);
margin-inline: auto;
margin-top: 2.875rem;
max-width: 47.5rem;
}
.p-lineup__select {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/archive/arrow_red.png) 96% center/1.5rem no-repeat;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 1.875rem;
color: #717071;
font-size: 1.0rem;
height: 2.75rem;
padding-left: 1.25rem;
}
.p-lineup__select:focus {
border: 1px solid #b4001d;
}
.p-lineup__inputText {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 1.875rem;
color: #717071;
font-size: 1.0rem;
height: 2.75rem;
padding-left: 1.25rem;
}
.p-lineup__inputText:focus {
border: 1px solid #b4001d;
}
.p-lineup__submit {
background-color: #b4001d;
border-radius: 1.875rem;
color: #fff;
grid-column: 2/3;
height: 2.75rem;
transition: all 0.45s;
}
.p-lineup__submit:hover {
opacity: 0.5;
}
.p-lineup__main {
margin-inline: auto;
margin-top: 2.875rem;
max-width: 61.25rem;
}
.p-lineup__items {
display: grid;
gap: 1.625rem;
grid-template-columns: repeat(3, 1fr);
}
.p-lineup__item {
cursor: pointer;
position: relative;
}
.p-lineup__item a {
align-items: center;
aspect-ratio: 1;
background-color: #fff;
border-radius: 50%;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%;
}
.p-lineup__item.--new::before {
align-items: center;
background-color: #b4001d;
border-radius: 50%;
color: #fff;
content: "NEW";
display: flex;
font-size: 0.875rem;
height: 3.5rem;
justify-content: center;
left: 1.5rem;
letter-spacing: 0.07em;
position: absolute;
top: 0.625rem;
width: 3.5rem;
z-index: 1;
}
.p-lineup__img {
display: block;
width: 18.15rem;
}
.p-lineup__img img {
-o-object-fit: contain;
aspect-ratio: 1;
height: 100%;
object-fit: contain;
transition: all 0.3s;
}
.p-lineup__name {
align-items: center;
bottom: 1.25rem;
display: flex;
font-size: 0.775rem;
justify-content: center;
left: 50%;
letter-spacing: 0.07em;
line-height: 1.5;
min-height: 2.5rem;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 70%;
}
.p-lineup__nav {
margin-top: 3.75rem;
}
.p-modal {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.p-modal__bg {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
}
.p-modal__contents {
align-items: center;
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/archive/bg_wave.webp) center center/100% 100% no-repeat;
bottom: 0;
display: flex;
height: -moz-fit-content;
height: fit-content;
height: 35rem;
left: 0;
margin: auto;
max-height: 43.75rem;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.p-modal__close {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/close.svg) center center/contain no-repeat;
height: 1.25rem;
position: absolute;
right: calc(50% - 31.25rem);
top: 0;
width: 1.25rem;
}
.p-modal__content {
align-items: center;
display: grid;
gap: 2.5rem;
grid-template-columns: 23.75rem 1fr;
margin-inline: auto;
max-width: 75rem;
padding-inline: 5rem;
position: relative;
width: 100%;
}
.p-modal__img {
display: block;
position: relative;
}
.p-modal__img img {
-o-object-fit: contain;
aspect-ratio: 1;
height: 100%;
object-fit: contain;
}
.p-modal__img.--new::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/new.webp) center center/contain no-repeat;
content: "";
height: 7.875rem;
left: 0;
position: absolute;
top: -1.25rem;
width: 5.875rem;
}
.p-modal__title {
font-size: 1.375rem;
letter-spacing: 0.07em;
line-height: 2;
}
.p-modal__text {
font-size: 0.875rem;
letter-spacing: 0.07em;
line-height: 1.8571428571;
margin-top: 0.5rem;
}
.p-modal__info {   margin-top: 1.25rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.p-modal__info_left{
width: 49%;
}
.p-modal__info_right{
width: 49%;
}
@media screen and (max-width: 768px) {
.p-modal__info_left{
width: 100%;
}
.p-modal__info_right{
width: 100%;
}
}
.p-modal__info.--1 {
grid-template-columns: 100%;
margin-top: 0;
}
.p-modal__row {
border-bottom: 1px solid #717071;
display: flex;
font-size: 0.875rem;
justify-content: space-between;
letter-spacing: 0.07em;
line-height: 2.2857142857;
padding-inline: 0.5rem;
}
.p-modal__close2 {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/close.svg) center center/contain no-repeat;
cursor: pointer;
height: 1.25rem;
position: absolute;
right: 1rem;
top: 1rem;
width: 1.25rem;
}
.p-modal__wrap {
align-items: flex-start;
display: grid;
gap: 1.5rem;
grid-template-columns: 24.375rem 1fr;
margin-top: 1.25rem;
}
.p-modal__recipeImg {
border-radius: 0.625rem;
overflow: hidden;
}
.p-modal__recipeImg img {
-o-object-fit: cover;
aspect-ratio: 220/146;
height: 100%;
object-fit: cover;
}
.p-modal__recipeTitle {
font-size: 1.375rem;
letter-spacing: 0.07em;
line-height: 1.7;
text-align: center;
}
.p-modal__contents2 {
background-color: #fff;
border-radius: 0.625rem;
height: 100%;
inset: 0;
margin: auto;
max-height: calc(100vh - 6.25rem);
max-width: 52.5rem;
overflow-y: scroll;
position: absolute;
width: 100%;
}
.p-modal__content2 {
padding: 2.75rem 5rem;
}
.p-modal__flow {
align-items: flex-start;
display: grid;
font-size: 0.875rem;
grid-template-columns: 4.5rem 1fr;
line-height: 2;
margin-top: 1.5rem;
}
.p-modal__share {
bottom: 1.25rem;
bottom: calc(50vh - min(50vh - 4.375rem, 50vh - 4.375rem));
left: calc(50% - 23.75rem);
position: fixed;
}
.p-modal__share::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/archive/share.svg) center center/contain no-repeat;
content: "";
height: 0.75rem;
left: 50%;
position: absolute;
top: -1.625rem;
transform: translateX(-50%);
width: 2.625rem;
}
.p-modal__sns-btns {
align-items: center;
display: flex;
gap: 0.625rem;
justify-content: center;
}
.p-modal__sns-btn {
width: 1.25rem;
}
.p-modal__sns-btn a {
display: block;
}
.p-mv {
height: 100dvh;
overflow: hidden;
position: relative;
}
.p-mv__inner {
height: 100%;
}
.p-mv__slider {
height: 100dvh;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.p-mv__slider .slick-list,
.p-mv__slider .slick-track {
height: 100%;
}
.p-mv__slider picture {
height: 100%;
}
.p-mv__slider picture img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.p-mv__cover {
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 1s;
width: 100%;
}
.p-mv__cover img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.l-mv.is-scrolled .p-mv__cover {
opacity: 0;
transform: scale(5);
}
.nav-links {
align-items: center;
display: flex;
gap: 1.375rem;
justify-content: center;
}
.page-numbers {
align-items: center;
display: flex;
font-size: 1rem;
font-weight: 500;
justify-content: center;
height: 1.875rem;
width: 1.875rem;
}
.page-numbers.prev {
transform: rotate(180deg);
width: 0.75rem;
}
.page-numbers.next {
width: 0.75rem;
}
.page-numbers.current {
background-color: #b4001d;
border-radius: 50%;
color: #fff;
height: 1.875rem;
width: 1.875rem;
}
.p-recipe {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover no-repeat;
padding-bottom: 6.25rem;
padding-top: 6.25rem;
}
.p-recipe__tabs {
align-items: center;
display: flex;
gap: 2.75rem;
justify-content: center;
margin-top: -2.5rem;
}
.p-recipe__tab {
height: 5.125rem;
width: 5.125rem;
}
.p-recipe__tab a {
align-items: center;
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/cover no-repeat;
border-radius: 50%;
color: #717071;
display: flex;
font-size: 1.125rem;
height: 100%;
justify-content: center;
letter-spacing: 0.02em;
transition: all 0.3s;
width: 100%;
}
.p-recipe__tab.is-active a {
background: #b4001d;
color: #fff;
}
.p-recipe__items {
display: grid;
gap: 1.625rem 1.5rem;
grid-template-columns: repeat(3, 1fr);
margin-top: 3.125rem;
}
.p-recipe__img {
border-radius: 0.625rem;
display: block;
overflow: hidden;
}
.p-recipe__img img {
-o-object-fit: cover;
aspect-ratio: 182/121;
height: 100%;
object-fit: cover;
transition: all 0.45s;
}
.p-recipe__name {
font-size: 0.875rem;
letter-spacing: 0.07em;
line-height: 1.5;
margin-top: 0.625rem;
text-align: center;
}
.p-safety {
margin-inline: auto;
max-width: 80.625rem;
padding-top: 6.25rem;
}
.p-safety__inner {
max-width: 100%;
padding: 0;
}
.p-safety__blocks {
margin-top: 1.25rem;
}
.p-safety__block.--3 {
margin-top: -4.25rem;
position: relative;
}
.p-safety__img1 {
border-radius: 50%;
margin-left: 1.875rem;
overflow: hidden;
width: 33.75rem;
}
.p-safety__img1 img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
}
.p-safety__content {
align-items: center;
aspect-ratio: 1;
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center center/cover no-repeat;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.p-safety__content.--1 {
margin-left: auto;
margin-top: -28.75rem;
width: 49rem;
}
.p-safety__content.--2 {
margin-left: auto;
margin-left: 4.25rem;
margin-top: -28.125rem;
width: 39rem;
}
.p-safety__content.--3 {
margin-left: auto;
margin-left: auto;
margin-right: 3.875rem;
margin-top: -16.25rem;
width: 47rem;
}
.p-safety__content.--4 {
margin-left: auto;
margin-left: auto;
margin-top: -25rem;
width: 41rem;
}
.p-safety__content.--5 {
margin-left: auto;
margin-left: 2.375rem;
margin-top: -16.625rem;
width: 53rem;
}
.p-safety__content.--6 {
margin-left: auto;
margin-left: 27.875rem;
margin-top: -12.5rem;
width: 41rem;
}
.p-safety__content.--7 {
margin-left: 3.125rem;
margin-top: -18.75rem;
width: 33.125rem;
}
.p-safety__subtitle {
color: #b4001d;
font-size: 1.375rem;
letter-spacing: 0.07em;
}
.p-safety__bigText {
font-size: 1.25rem;
line-height: 2;
margin-top: 1rem;
}
.p-safety__text {
font-size: 0.875rem;
letter-spacing: -0.045em;
line-height: 2.4285714286;
margin-top: 1.875rem;
}
.p-safety__img2 {
border-radius: 50%;
margin-left: 10.375rem;
margin-top: -16.25rem;
overflow: hidden;
width: 23.375rem;
}
.p-safety__img2 img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
}
.p-safety__img3 {
border-radius: 50%;
margin-left: auto;
margin-right: -1.375rem;
overflow: hidden;
width: 34.625rem;
z-index: 1;
}
.p-safety__img3 img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
}
.p-safety__img4 {
border-radius: 50%;
margin-left: -3.75rem;
overflow: hidden;
width: 45.125rem;
z-index: 1;
}
.p-safety__img4 img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
}
.p-safety__lists {
margin-top: 1rem;
}
.p-safety__lists.--small {
margin-top: 2rem;
}
.p-safety__list {
font-size: 1.25rem;
line-height: 2;
padding-left: 1.25rem;
position: relative;
}
.p-safety__list.--small {
font-size: 0.875rem;
}
.p-safety__list::before {
background-color: #b4001d;
border-radius: 50%;
content: "";
height: 0.5rem;
left: 0;
position: absolute;
top: 1rem;
width: 0.5rem;
}
.p-safety__list.--small::before {
height: 0.375rem;
left: 0.375rem;
top: 0.75rem;
width: 0.375rem;
}
.p-safety__list + .p-safety__list {
margin-top: 0.375rem;
}
.p-safety__bottomImg {
margin-left: calc(50% - 50vw);
margin-top: -10.5rem;
width: 100vw;
}
.p-safety__wrapText {
margin-top: 0.75rem;
}
.p-safety__wrapText p {
display: grid;
font-size: 0.875rem;
grid-template-columns: 6.25rem 1fr;
letter-spacing: -0.045em;
line-height: 2;
}
.p-safety__wrapText p small {
display: block;
font-size: 0.625rem;
}
.p-safety__wrapText p + p {
margin-top: 0.375rem;
}
.p-safety__figure {
margin-inline: auto;
margin-top: 1.625rem;
mix-blend-mode: multiply;
width: 11.5rem;
}
.p-single {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white2.webp) center center/cover no-repeat;
padding-bottom: 11.25rem;
padding-top: 6.25rem;
}
.p-single__mainTitle {
font-size: 1.5rem;
line-height: 1.5;
margin-top: 1.875rem;
}
.p-single__thumbnail {
margin-inline: auto;
margin-top: 1.25rem;
max-width: 50rem;
}
.p-single__thumbnail img {
-o-object-fit: cover;
aspect-ratio: 12/8;
height: 100%;
object-fit: cover;
}
.p-single__content {
line-height: 1.5;
margin-top: 2.5rem;
}
.p-single__content p {
font-size: 1rem;
}
.p-single__content h2 {
font-size: 1.5rem;
}
.p-single__link {
margin-top: 3.75rem;
text-align: center;
}
.p-single__link a {
text-decoration: underline;
}
.p-subMv {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/submv.webp) center center/100% 100% no-repeat;
padding-bottom: 5.5rem;
padding-top: 6.25rem;
position: relative;
z-index: 1;
}
.p-subMv__title {
margin-top: 0.5rem;
text-align: center;
}
.p-subMv__title p {
font-size: 2.5rem;
letter-spacing: 0.07em;
font-weight: 400;
}
.p-subMv__title h1 {
font-size: 1.375rem;
letter-spacing: 0.07em;
margin-top: 1rem;
font-weight: 400;
}
.p-test {
color: red;
font-size: 1.25rem;
}
.p-topAccess {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center bottom/cover no-repeat;
padding-bottom: 5rem;
padding-top: 6.25rem;
position: relative;
}
.p-topAccess__blocks {
margin-top: 1.25rem;
}
.p-topAccess__block {
align-items: flex-start;
display: grid;
grid-template-columns: 1fr 17.5rem;
padding-block: 3.75rem;
}
.p-topAccess__block + .p-topAccess__block {
border-top: 1px solid rgba(113, 112, 113, 0.2);
}
.p-topAccess__subtitle {
font-size: 1.5rem;
font-weight: 400;
}
.p-topAccess__address {
font-size: 1.125rem;
margin-top: 2.5rem;
}
.p-topAccess__tel {
font-size: 1.125rem;
margin-top: 0.875rem;
}
.p-topAccess__map iframe {
-o-object-fit: cover;
aspect-ratio: 140/70;
height: 100%;
object-fit: cover;
width: 100%;
}
.p-topLineup {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/cover repeat;
padding-top: 21.25rem;
position: relative;
}
.p-topLineup__inner {
margin-inline: auto;
max-width: 81.25rem;
overflow: hidden;
}
.p-topLineup__slider {
margin-left: calc(50% - 50vw);
padding-top: 2.8125rem;
width: 100vw;
}
.p-topLineup__item {
margin: 0 1rem;
position: relative;
transform: scale(0.33);
transform-origin: right;
transition: all 2s;
width: 37.5rem;
}
.p-topLineup__item a {
display: block;
}
.p-topLineup__item::before {
background-color: #b4001d;
border-radius: 50%;
content: "";
height: 5rem;
left: 1.875rem;
position: absolute;
top: 3.125rem;
transition: all 0.45s;
width: 5rem;
z-index: 10;
}
.p-topLineup__item.slick-center + .p-topLineup__item {
transform-origin: left;
}
.p-topLineup__img {
align-items: center;
aspect-ratio: 1;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
}
.p-topLineup__img img {
-o-object-fit: contain;
height: auto;
object-fit: contain;
transition: all 0.3s;
width: 35.425rem;
}
.p-topLineup__text {
font-size: 0.875rem;
letter-spacing: 0.07em;
line-height: 1.8571428571;
margin-top: 2.5rem; max-width: 100%;
opacity: 0;
text-align: center;
transition: all 2s;
visibility: hidden;
}
.p-topLineup__item.slick-center {
transform: scale(1);
}
.p-topLineup__item.slick-center .p-topLineup__text {
opacity: 1;
visibility: visible;
}
.p-topLineup__item.--new::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/new.png) center center/contain no-repeat;
border-radius: initial;
height: 8.25rem;
top: 0;
width: 6.75rem;
}
.p-topNews {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center top/cover no-repeat;
padding-top: 9.375rem;
padding-bottom: 1.0rem;
position: relative;
}
.p-topNews__blocks {
margin-inline: auto;
margin-top: 1.25rem;
max-width: 56.25rem;
}
.p-topNews__block + .p-topNews__block {
border-top: 1px solid rgba(113, 112, 113, 0.2);
}
.p-topNews__btn {
margin-top: 4rem;
text-align: center;
}
.p-topProduct {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/cover repeat;
padding-top: 7.5rem;
position: relative;
}
.p-topProduct__title .c-title {
align-items: center;
display: flex;
gap: 2.125rem;
justify-content: center;
}
.p-topProduct__title .c-title h2 {
margin-top: 0;
}
.p-topProduct__main {
margin-left: calc(50% - 50vw);
margin-top: 2.5rem;
width: 100vw;
}
.p-topProduct__main a {
display: block;
}
.p-topProduct__main a + a {
margin-top: 1.25rem;
}
.p-topProduct__slider {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_slider.webp) center center/contain repeat-x;
padding-block: 3.75rem;
}
.p-topProduct__slider picture {
animation: kakukaku 1.5s steps(2, jump-none) infinite;
margin: 0 1.25rem;
width: 14rem;
}
.p-topProduct__slider picture:nth-child(even) {
animation: kakukaku2 1.5s steps(2, jump-none) infinite;
}
.p-topProduct__slider picture img {
-o-object-fit: contain;
aspect-ratio: 1;
height: 100%;
object-fit: contain;
transition: all 0.3s;
}
.p-topRecipe {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/cover repeat;
padding-bottom: 18.4480234261vw;
padding-top: 7.5rem;
position: relative;
}
.p-topRecipe__main {
cursor: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/more.svg), default;
margin-left: calc(50% - 50vw);
margin-top: 2.5rem;
width: 100vw;
}
.p-topRecipe__slider + .p-topRecipe__slider {
margin-top: -1.5rem;
}
.p-topRecipe__sliderImg {
aspect-ratio: 1;
border-radius: 50%;
display: block;
margin-left: -0.75rem;
overflow: hidden;
padding: 1.5rem;
position: relative;
transition: all 0.3s;
width: 28.75rem;
z-index: 1;
}
.p-topRecipe__slider picture {
border-radius: 50%;
overflow: hidden;
}
.p-topRecipe__slider picture::before {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center center/cover no-repeat;
content: "";
height: calc(100% + 3rem);
left: -1.5rem;
position: absolute;
top: -1.5rem;
width: calc(100% + 3rem);
z-index: -1;
}
.p-topRecipe__slider picture img {
-o-object-fit: cover;
aspect-ratio: 1;
height: 100%;
object-fit: cover;
transition: all 0.3s;
width: 100%;
}
.p-topRecipe__sliderContent {
align-items: center;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
color: #fff;
display: flex;
font-size: 1.25rem;
height: calc(100% - 3rem);
inset: 0;
justify-content: center;
letter-spacing: 0.045em;
line-height: 1.5;
margin: auto;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.45s;
visibility: hidden;
width: calc(100% - 3rem);
}
.p-topRecruit {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center bottom/cover no-repeat;
padding-top: 10rem;
position: relative;
}
.p-topRecruit__lead {
margin-top: 3rem;
text-align: center;
}
.p-topRecruit__btns {
align-items: center;
display: flex;
gap: 4.625rem;
justify-content: center;
margin-inline: auto;
margin-top: 3rem;
max-width: 48.75rem;
width: 100%;
}
.p-topRecruit__btn {
aspect-ratio: 1;
width: 100%;
}
.p-topRecruit__btn a {
align-items: center;
background-color: #fff;
border: 2px solid #717071;
border-radius: 50%;
color: #717071;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
text-align: center;
transition: all 0.45s;
width: 100%;
}
.p-topRecruit__btn .circle-border {
bottom: 0;
height: 108%;
left: -4%;
position: absolute;
right: 0;
rotate: -90deg;
top: -4%;
width: 108%;
z-index: 0;
}
.p-topRecruit__btn .circle {
fill: none;
stroke: #b4001d;
stroke-width: 2;
stroke-dasharray: 500;
stroke-dashoffset: 500;
transition: stroke 1s, stroke-dashoffset 1s;
}
.p-topRecruit__en {
font-size: 1.25rem;
}
.p-topRecruit__subtitle {
font-size: 1.875rem;
letter-spacing: 0.025em;
margin-top: 0.875rem;
position: relative;
width: -moz-fit-content;
width: fit-content;
font-weight: 500;
}
.p-topRecruit__subtitle::before {
-webkit-mask: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/arrow.svg) center center/contain no-repeat;
background-color: #717071;
content: "";
display: none;
height: 1.125rem;
mask: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/arrow.svg) center center/contain no-repeat;
position: absolute;
right: -1.25rem;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 0.625rem;
}
.p-topRecruit__img {
margin-top: 4.25rem;
}
.p-vision {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray2.webp) center top/cover no-repeat;
padding-bottom: 10rem;
padding-top: 16rem;
}
.p-vision__blocks {
margin-top: 5rem;
}
.p-vision__block {
align-items: flex-start;
display: flex;
gap: 3.75rem;
}
.p-vision__block:nth-child(2) {
flex-direction: row-reverse;
}
.p-vision__block + .p-vision__block {
margin-top: 6.25rem;
}
.p-vision__content {
width: calc(100% - 26.5625rem);
}
.p-vision__block:nth-child(odd) .p-vision__content {
padding-left: 3rem;
}
.p-vision__bigText {
font-size: 1.25rem;
font-weight: 400;
line-height: 2;
}
.p-vision__text {
font-size: 0.875rem;
letter-spacing: -0.045em;
line-height: 2.4285714286;
margin-top: 1.5rem;
}
.p-vision__name {
font-size: 0.875rem;
letter-spacing: -0.045em;
line-height: 2.4285714286;
text-align: right;
}
.p-vision__img {
display: block;
width: 23.5rem;
}
.p-vision__lists {
margin-top: 2.125rem;
}
.p-vision__list {
font-size: 0.875rem;
letter-spacing: -0.045em;
line-height: 2.4285714286;
padding-left: 1.25rem;
position: relative;
}
.p-vision__list::before {
background-color: #b4001d;
border-radius: 50%;
content: "";
height: 0.5rem;
left: 0;
position: absolute;
top: 0.875rem;
width: 0.5rem;
}
.p-vision__list + .p-vision__list {
margin-top: 1.75rem;
}
.p-vision__text.--mind {
margin-top: 3.25rem;
}
.p-vision__subtitle {
align-items: center;
display: flex;
font-size: 0.875rem;
}
.p-vision__subtitle span {
display: inline-block;
font-size: 1.25rem;
margin-left: 1.625rem;
}
.p-vision__subtitle span em {
color: #b4001d;
font-style: normal;
}
@media (hover: hover) {
.c-more:hover .c-more__arrow {
transform: translateX(0.3125rem);
}
.p-aboutus__tab a:hover {
background: #b4001d;
color: #fff;
}
.p-lineup__item:hover .p-lineup__img img {
transform: scale(1.1);
}
.p-recipe__item:hover .p-recipe__img img {
transform: scale(1.1);
}
.p-topLineup__img:hover img {
transform: scale(1.1);
}
.p-topProduct__slider picture:hover img {
transform: scale(1.1);
}
.p-topRecipe__sliderImg:hover img {
transform: scale(1.1);
}
.p-topRecipe__sliderImg:hover .p-topRecipe__sliderContent {
opacity: 1;
visibility: visible;
}
.p-topRecruit__btn a:hover {
color: #b4001d;
}
.p-topRecruit__btn a:hover .p-topRecruit__subtitle::before {
background-color: #b4001d;
}
.p-topRecruit__btn a:hover .circle {
stroke-dashoffset: 0;
}
}
@media screen and (max-width: 1440px) {
html {
font-size: 1.3114754098vw;
}
}
@media screen and (max-width: 768px) {
.u-desktop {
display: none;
}
.u-mobile {
display: block;
}
html {
font-size: 16px;
}
a[href^="tel:"] {
pointer-events: none;
}
.c-news {
gap: 0.625rem;
grid-template-columns: 100%;
padding-block: 1.25rem;
padding-inline: 0;
}
.c-test {
color: green;
font-size: 3.125rem;
}
.l-inner {
max-width: 33.75rem;
padding-left: 20px;
padding-right: 20px;
}
.l-topNews {
margin-top: -4.875rem;
}
.l-vision {
margin-top: 0;
}
.p-about {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_white.webp) center bottom/auto 150% no-repeat;
padding-top: 5rem;
}
.p-about__wrap {
gap: 3.75rem;
grid-template-columns: 100%;
padding-bottom: 5rem;
}
.p-about__wrap::before {
height: 3.375rem;
right: 0;
width: 21.25rem;
}
.p-about__text {
margin-top: 1.25rem;
}
.p-about__slider picture {
width: 13.75rem;
}
.p-aboutus__title {
margin-top: 2.5rem;
}
.p-aboutus__tabs {
flex-wrap: wrap;
gap: 1.25rem;
}
.p-aboutus__tab {
height: 3.75rem;
width: 3.75rem;
}
.p-aboutus__tab a {
font-size: 0.875rem;
}
.p-aboutus__lead {
font-size: 1.125rem;
}
.p-archive__title {
margin-top: 1.25rem;
}
.p-breadcrumb__inner {
padding: 0;
}
.p-company::before {
height: 3.125rem;
}
.p-company__block {
gap: 1.25rem;
grid-template-columns: 100%;
padding-block: 2.5rem;
}
.p-company__title {
font-size: 1rem;
}
.p-company__row {
font-size: 0.75rem;
grid-template-columns: 5rem 1fr;
}
.p-company__content2 {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
gap: 0 1.25rem;
line-height: 1.5;
}
.p-company__content2 .p-company__google {
position: initial;
text-align: right;
width: 100%;
}
.p-company__aboutRow {
grid-template-columns: 100%;
}
.p-company__aboutRow + .p-company__aboutRow {
margin-top: 0.75rem;
}
.p-company__aboutRow dt {
font-size: 1rem;
line-height: 1.5;
}
.p-company__aboutRow dd {
font-size: 0.875rem;
line-height: 1.5;
}
.p-company__map iframe {
aspect-ratio: 1;
}
.p-contact {
background-size: auto 150%;
}
.p-contact__inner {
padding: 0 20px;
}
.p-contact__main {
aspect-ratio: unset;
background: none;
margin-top: 2.5rem;
max-width: unset;
padding-top: 0;
}
.p-contact__row dd {
margin-top: 0.75rem;
}
.p-contact__row dd textarea {
height: 3.875rem;
}
.p-float {
display: none;
}
.p-footer {
padding-bottom: 5rem;
}
.p-footer__wrap {
display: block;
}
.p-footer__logo {
margin-inline: auto;
max-width: 15.625rem;
}
.p-footer__nav {
gap: 1.25rem;
grid-template-columns: repeat(2, 1fr);
margin-left: initial;
margin-top: 2.5rem;
width: 100%;
}
.p-footer__links:nth-child(3) {
grid-row: 2/4;
}
.p-footer__link + .p-footer__link {
margin-top: 0.75rem;
}
.p-footer__link a {
font-size: 0.875rem;
}
.p-header {
top: 1.25rem;
}
.p-header__logo {
max-width: 8.75rem;
}
.p-history {
padding-bottom: 5rem;
padding-top: 5rem;
}
.p-history::before {
width: 20rem;
}
.p-history__blocks {
margin-inline: auto;
max-width: 18.75rem;
}
.p-history__img {
display: none;
}
.p-lineup__title {
margin-top: 1.25rem;
}
.p-lineup__form {
gap: 0.625rem;
grid-template-columns: 100%;
margin-inline: auto;
max-width: 15.625rem;
}
.p-lineup__select {
font-size: 1rem;
}
.p-lineup__inputText {
font-size: 1rem;
}
.p-lineup__submit {
grid-column: initial;
}
.p-lineup__items {
gap: 0.75rem;
grid-template-columns: repeat(2, 1fr);
}
.p-lineup__item {
padding-bottom: 3.125rem;
}
.p-lineup__item.--new::before {
left: 0;
top: 0;
}
.p-lineup__img {
width: 7.5rem;
}
.p-lineup__name {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
bottom: 0;
display: -webkit-box;
height: 2rem;
overflow: hidden;
width: 100%;
}
.p-modal__contents {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/archive/bg_wave.webp) center center/200% 100% no-repeat;
display: block;
max-height: calc(100% - 3.125rem);
padding-block: 3.125rem;
}
.p-modal__close {
position: fixed;
right: 1.25rem;
top: 7.5rem;
}
.p-modal__content {
display: block;
margin-top: 10%;
max-height: 90%;
overflow-y: scroll;
padding: 0 20px;
}
.p-modal__info {
grid-template-columns: 100%;
}
.p-modal__close2 {
position: fixed;
right: 2.5rem;
top: 3.75rem;
}
.p-modal__wrap {
gap: 1.25rem;
grid-template-columns: 100%;
}
.p-modal__recipeTitle {
font-size: 1.125rem;
}
.p-modal__contents2 {
max-width: calc(100% - 3.125rem);
}
.p-modal__content2 {
padding: 2.5rem 1.25rem 5rem;
}
.p-modal__flow {
grid-template-columns: 100%;
}
.p-modal__share {
bottom: 1.25rem;
display: block;
left: 0;
position: relative;
}
.p-recipe__tabs {
flex-wrap: wrap;
gap: 1.25rem;
gap: 1.25rem;
margin-top: 1.25rem;
}
.p-recipe__tab {
height: 3.75rem;
width: 3.75rem;
}
.p-recipe__tab a {
font-size: 0.875rem;
}
.p-recipe__items {
gap: 1.25rem;
grid-template-columns: repeat(2, 1fr);
}
.p-safety {
overflow: hidden;
}
.p-safety__title {
margin-top: 1.25rem;
}
.p-safety__blocks {
margin-top: 3.75rem;
}
.p-safety__block.--3 {
margin-top: 2rem;
}
.p-safety__img1 {
margin-left: auto;
margin-right: calc(-20px + 0.625rem);
width: 17.5rem;
}
.p-safety__contentInner {
margin-inline: auto;
max-width: 21.875rem;
}
.p-safety__content.--1 {
margin-left: calc(50% - 50vw - 10rem);
margin-top: 1.25rem;
width: 43.75rem;
}
.p-safety__content.--2 {
margin-left: calc(50% - 50vw - 3.125rem);
margin-top: 2.5rem;
width: 31.25rem;
}
.p-safety__content.--3 {
margin-left: calc(50% - 50vw - 3.75rem);
margin-top: -2.5rem;
width: 31.25rem;
}
.p-safety__content.--4 {
margin-left: calc(50% - 50vw - 3.125rem);
margin-top: -2.5rem;
width: 31.25rem;
}
.p-safety__content.--5 {
margin-left: calc(50% - 63vw - 3.75rem);
margin-top: -3.75rem;
width: 39.25rem;
}
.p-safety__content.--6 {
margin-left: calc(50% - 50vw - 3.125rem);
margin-top: 1.25rem;
width: 31.25rem;
}
.p-safety__content.--7 {
margin-left: calc(50% - 50vw - 3.125rem);
margin-top: 1.25rem;
width: 31.25rem;
}
.p-safety__subtitle {
font-size: 1.125rem;
line-height: 1.5;
}
.p-safety__bigText {
font-size: 1rem; margin-top: 2.0rem;
}
.p-safety__text {
margin-top: 1.125rem;
}
.p-safety__img2 {
margin-left: -3.75rem;
margin-top: 2.5rem;
}
.p-safety__img3 {
margin-right: -2.5rem;
width: 26.25rem;
}
.p-safety__img4 {
width: 23.75rem;
}
.p-safety__list {
font-size: 1rem;
padding-left: 1rem;
}
.p-safety__list::before {
height: 0.375rem;
top: 0.75rem;
width: 0.375rem;
}
.p-safety__bottomImg {
margin-top: -1.25rem;
position: relative;
z-index: 1;
}
.p-single__title {
margin-top: 1.25rem;
}
.p-single__link {
margin-top: 1.875rem;
}
.p-subMv {
padding-top: 5rem;
}
.p-subMv__title {
margin-top: 1rem;
}
.p-subMv__title p {
font-size: 2rem;
}
.p-subMv__title h1 {
font-size: 1.125rem;
}
.p-test {
color: green;
font-size: 3.125rem;
}
.p-topAccess {
background-size: auto 150%;
}
.p-topAccess__block {
gap: 1.875rem;
grid-template-columns: 100%;
}
.p-topAccess__subtitle {
font-size: 1.125rem;
line-height: 1.5;
}
.p-topAccess__address {
font-size: 0.875rem;
line-height: 1.5;
margin-top: 1.5rem;
}
.p-topAccess__tel {
font-size: 0.875rem;
}
.p-topLineup {
padding-top: 13.75rem;
}
.p-topLineup__item {
width: 20rem;
}
.p-topLineup__item::before {
opacity: 0;
}
.p-topLineup__img img {
width: 15.625rem;
}
.p-topLineup__item.--new::before {
height: 5rem;
opacity: 1;
width: 5rem;
}
.p-topNews {
padding-top: 7.5rem;
}
.p-topProduct__title .c-title {
display: block;
}
.p-topProduct__title .c-title h2 {
margin-top: 0.75rem;
}
.p-topProduct__slider {
background-size: auto 100%;
}
.p-topRecipe {
padding-bottom: 12.5rem;
padding-top: 6.25rem;
}
.p-topRecipe__slider + .p-topRecipe__slider {
margin-top: -0.75rem;
}
.p-topRecipe__sliderImg {
margin-left: -0.375rem;
padding: 0.75rem;
width: 17.5rem;
}
.p-topRecipe__slider picture::before {
height: calc(100% + 1.5rem);
left: -0.75rem;
top: -0.75rem;
width: calc(100% + 1.5rem);
}
.p-topRecipe__sliderContent {
height: calc(100% - 1.5rem);
width: calc(100% - 1.5rem);
}
.p-topRecruit {
background-size: auto 150%;
}
.p-topRecruit__lead {
line-height: 1.5;
margin-top: 1.5rem;
}
.p-topRecruit__btns {
flex-wrap: wrap;
gap: 2.25rem;
}
.p-topRecruit__btn {
max-width: 18.75rem;
}
.p-topRecruit__img {
height: 12.5rem;
}
.p-topRecruit__img img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.p-vision {
padding-bottom: 5rem;
padding-top: 5rem;
}
.p-vision__block {
display: block;
}
.p-vision__block + .p-vision__block {
margin-top: 5rem;
}
.p-vision__content {
width: 100%;
}
.p-vision__block:nth-child(odd) .p-vision__content {
padding: 0;
}
.p-vision__bigText {
font-size: 1.125rem;
}
.p-vision__img {
margin-inline: auto;
margin-top: 1.875rem;
max-width: 18.75rem;
}
.p-vision__list + .p-vision__list {
margin-top: 1rem;
}
.p-vision__subtitle {
flex-wrap: wrap;
}
.p-vision__subtitle span {
margin-left: 0;
margin-top: 1.25rem;
}
.p-vision__subtitle{
display: block;
}
}
@media (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
}
@keyframes cursor_scale {
0% {
height: 0;
margin: 0;
opacity: 0;
width: 0;
}
100% {
height: 7.875rem;
margin: -50px 0 0 -50px;
opacity: 1;
width: 6.5rem;
}
}
@keyframes cursor_off {
0% {
height: 126px;
margin: -50px 0 0 -50px;
opacity: 0;
width: 104px;
}
100% {
height: 0;
margin: 0;
opacity: 1;
width: 0;
}
}
@keyframes scrolldown {
0% {
transform: scale(1, 0);
transform-origin: 0 0;
}
50% {
transform: scale(1, 1);
transform-origin: 0 0;
}
51% {
transform: scale(1, 1);
transform-origin: 0 100%;
}
100% {
transform: scale(1, 0);
transform-origin: 0 100%;
}
}
@keyframes kakukaku {
0% {
transform: rotate(-3deg);
}
100% {
transform: rotate(3deg);
}
}
@keyframes kakukaku2 {
0% {
transform: rotate(3deg);
}
100% {
transform: rotate(-3deg);
}
} .news_img_box{
width: 100%;
margin-top: 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news_img{
width: 30%;
}
.news_img_top{
width: 80%;
margin: 5% auto 0;
}
.text_small{
text-align: center;
margin-top: 5%;
}
.text_small p{
font-size: 0.8rem;
}
@media (max-width: 768px) {
.news_img_top{
width: 100%;
margin: 5% auto 0;
}
.news_img{
width: 50%;
}
}
@media (max-width: 400px) {
.news_img{
width: 100%;
}
}
.gtranslate_wrapper {
bottom: 2.25rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 6.25rem;
position: absolute;
width: 100%;
}
.gtranslate_wrapper a {
display: block;
text-align: center;
}
.gtranslate_wrapper a + a {
border-left: 1px solid;
}
html[lang="en"] .p-about__text br {
display: none;
}  .p-header__inner {
position: relative;
}
.p-drawer__translate--top {
position: absolute;
top: 8rem;
right: 1.5rem;
z-index: -1;
max-width: 6.25rem;
width: 100%;
}
@media screen and (max-width: 768px) {
.p-drawer__translate--top {
right: 0rem;
}
}body {
font-family: "Outfit";
font-weight: 400;
}
body {
color: #717071;
}
.u-mobile {
display: none;
}
html {
background: url(//ia-foods.com/wp-content/themes/ia_theme/assets/images/common/bg_gray.webp) center center/contain repeat;
overflow-x: hidden;
}
html.is-fixed {
overflow: hidden;
}
main {
overflow: hidden;
}
.l-archive,
.l-single {
margin-top: -5rem;
}
.p-archive__blocks {
margin-inline: auto;
max-width: 56.25rem;
}
.c-news {
position: relative;
}
.c-news::before {
background-color: #b4001d;
border-radius: 50%;
content: "";
height: 1.375rem;
position: absolute;
right: 2.0rem;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 1.375rem;
}
.c-news::after {
background-color: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
content: "";
content: "";
height: 0.5rem;
position: absolute;
position: absolute;
right: 2.375rem;
top: 50%;
transform: translateY(-50%);
width: 0.5rem;
}
.c-news:hover {
opacity: 0.6;
}
.p-company__btn {
margin-top: 3.125rem;
text-align: center;
}
.p-subMv__title h2 {
font-size: 1.375rem;
letter-spacing: 0.07em;
margin-top: 1rem;
}
.p-single__inner { max-width: 900px;
}
.p-single__content p{
line-height: 2.0;
}
@media screen and (max-width: 768px) {
.u-desktop {
display: none;
}
.u-mobile {
display: block;
}
.p-subMv__title h2 {
font-size: 1.125rem;
}
}
.slick-list{
overflow: visible!important;	
}