<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

body {
	width: 100vw;
	overflow-x: hidden;
}

/* テキストアニメーション */
.haccp-title.is-show {
	--y: 5px;
}
.char {
	display: inline-block;
	opacity: 0;
	transform: translateY(var(--y, 10px));
	animation: char-anime 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
	animation-delay: calc(0.06s * var(--char-index));
}
@keyframes char-anime {
	0% {
		opacity: 0;
		transform: translateY(var(--y, 10px));
	}
	100% {
		opacity: 1;
		transform: translateY(var(--y, 0));
	}
}

/* ------------------------------------------
企業理念 
/* ---------------------------------------- */

.policy-list {
    padding-left: 1em;
}
.policy-list li {
	list-style-type: decimal;
}

#haccp-sec {
    --policy-text-w: 38.6%;
}

#haccp-sec .sec-text {
    position: relative;
    z-index: 2;
}

#haccp-sec .sec-ttl::before {
    --min-size: 80;
    --max-size: 160;
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--clamp-size) * -1);
    left: 10%;
    width: 30%;
    max-height: 400px;
    aspect-ratio: 1 / 1.15;
    background: url("../img/initiatives/father-bird-white_01.svg") no-repeat center center / contain;
    z-index: -1;
}
#haccp-sec .sec-text::after {
    --min-size: 80;
    --max-size: 160;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -17%;
    width: 17%;
    max-height: 100px;
    aspect-ratio: 1.17 / 1;
    background: url("../img/initiatives/child-bird-white_01.svg") no-repeat center center / contain;
    z-index: -1;
}

#haccp-sec .sec-ttl {
    position: relative;
    z-index: 2;
}
#haccp-sec .sec-content {
    position: relative;
    z-index: 2;
}

.sec-ttl + .text,
.factory-sec .text {
    width: fit-content;
    max-width: 500px;
    margin-inline: auto;
}

.sec-text {
    max-width: 500px;
    margin-inline: auto;
}

.bg-full {
    position: relative;
}

.bg-full::after {
    content: "";
    display: block;
    width: min(404px, 26.9vw);
    height: min(313px, 20.8vw);
    position: absolute;
    right: min(48px, var(--size1-half));
    bottom: calc(min(46px, 3vw) * -1);
    background: url(../img/initiatives/birds_illust_01.svg) right bottom / contain no-repeat;
}

/* bg_egg-front.webpをid="egg-mask-layer"でマスクする */
.haccp-container {
    width: min(100%, calc(100vw - var(--size4)));
    margin-inline: auto;
    overflow: visible;
    margin-top: var(--space-xl);
    position: relative;
    z-index: 0;
}

.haccp-figure {
    width: 100%;
    height: 100%;
    margin-inline: auto;
}

.haccp-figure img {
    object-fit: contain;
}

/* HACCPの説明2つ */
.haccp-detail-wrapper {
    background-color: var(--color_white);
    padding-inline: var(--size2);
}

.haccp-detail-sec {
    --min-size: 80;
    --max-size: 160;
    padding-top: var(--clamp-size);
    max-width: var(--content_w_lg);
    margin-inline: auto;
    position: relative;
    display: grid;
    grid-template-columns: 694fr 392fr;
    gap: var(--space-xl) var(--space-l);
}
.haccp-detail-sec:last-child {
    padding-bottom: var(--clamp-size);
}
.haccp-detail-sec:nth-child(even) {
    grid-template-columns: 392fr 694fr;
}

.haccp-detail-wrapper .haccp-detail-sec::before {
    --min-size: 80;
    --max-size: 160;
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    bottom: calc(var(--space-xxxl) * -1);
    transform: translateX(-50%);
    width: 100vw;
    height: var(--space-xxxl);
    background-color: var(--color_white);
    z-index: 0;
}

.haccp-title {
    margin-bottom: 1.3em;
    position: relative;
    text-align: left;
}
.haccp-title::before {
    display: block;
    position: absolute;
    top: -0.9em;
    letter-spacing: 0.5em;
    left: 0.25em;
    color: var(--color_primary);
}
.haccp-title.dot5::before {
    content: "・・・・・・";
}
.haccp-title.dot4::before {
    content: "・・・・";
}
.haccp-title.dot4-last::before {
    content: "・・・・";
    right: -0.25em;
    margin-left: revert;
    text-align: right;
}
.haccp-title.dot4-last_white::before {
    content: "・・・・";
    right: -0.25em;
    margin-left: revert;
    text-align: right;
    color: white;
}

.haccp-detail-figure {
    order: -1;
    border-radius: var(--radius-xxl);
    overflow: hidden;
    aspect-ratio: 1.3 / 1;
}

.haccp-detail-sec:nth-child(even) .haccp-detail-figure {
    order: 1;
}

/* 最新設備 */
/*********************************************/
/* EQUIPMENT01-04 section.new-equipment-sec */
/*********************************************/

.new-equipment-sec {
    --min-size: 80;
    --max-size: 160;
    --min-viewport: 375;
    --max-viewport: 1440;
	--margin-l: 21.6%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	column-gap: 2vw;
    padding-block: var(--clamp-size);
    padding-inline: var(--size2);
    position: relative;
    z-index: 1;
    background-color: var(--color_primary);
    border-radius: max(50px, 0.6vw) max(50px, 0.6vw) 0 0;
}

.new-equipment-sec::before {
    content: "";
    display: block;
    width: 19.2vw;
    height: 9.8vw;
    position: absolute;
    left: -0.5px;
    bottom: -0.5px;
    transform: rotateY(180deg);
    z-index: 2;
    background: url(../img/common/bg_ivory-wave_01.svg) right bottom / contain no-repeat;
}

.new-equipment-sec::after {
    content: "";
    display: block;
    position: absolute;
    width: min(260px, 20.4vw);
    height: 10.9vw;
    right: -0.5px;
    bottom: -0.5px;
    background: url(../img/common/bg_ivory-wave_02.svg) right bottom / contain no-repeat;
}

.new-equipment-sec + .new-equipment-sec {
	--min-size: 80;
    --max-size: 160;
    --min-viewport: 375;
    --max-viewport: 1440;
	padding-top: calc(var(--clamp-size) * 0.75);
}

.new-equipment-sec:nth-child(even){
	margin-left: var(--margin-l);
}

.new-equipment-sec .inner {
	/* max-width: 57%;
	flex: 1 1 57%; */
	overflow: visible;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto 1fr;
	column-gap: 2vw;
	margin-left: -5vw;
	position: relative;
    z-index: 1;
}

/* EQUIPMENT01-03のあしらい */
.new-equipment-sec .haccp-detail-sec {
    display: grid;
    grid-template-columns: 630fr 36fr 486fr;
    gap: 0;
    padding-top: calc(var(--clamp-size) * 0.75);
}
.new-equipment-sec .haccp-detail-sec:nth-child(even) {
    display: grid;
    grid-template-columns: 486fr 36fr 630fr;
    gap: 0;
}
.new-equipment-sec .haccp-detail-sec:last-child {
    padding-block-end: 0;
}

.new-equipment-sec .haccp-detail-sec .haccp-detail-container {
    grid-column: 2 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 0 1em;
    position: relative;
    z-index: 1;
}
.new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-detail-container {
    grid-column: 1 / 3;
}

.new-equipment-sec .haccp-detail-sec .sec-ttl {
    display: contents;
}
.haccp-detail-sec .equipment-no {
    grid-row: 1;
	--min-size: 32;
    --max-size: 64;
    --min-viewport: 375;
    --max-viewport: 1440;
	display: inline-flex;
	flex-direction: column;
    width: fit-content;
	font-size: var(--clamp-size);
	letter-spacing: 0.05em;
	line-height: 1.35;
	text-align: center;
}
.haccp-detail-sec .equipment-no::before {
    grid-column: 2 / 3;
    grid-row: 1;
	content: "equipment";
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.25em;
	font-weight: var(--fw_en_medium);
	letter-spacing: 0.05em;
	line-height: inherit;
	border-bottom: 3px solid var(--color_accent);
	padding: 0.06em
}

.new-equipment-sec .haccp-detail-sec .haccp-title {
	align-self: flex-end;
	font-weight: var(--fw_en_medium);
    margin-bottom: 1em;
}
.new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-title {
    grid-column: 1 / 3;
    grid-row: 1;
    text-align: right;
}

.new-equipment-sec .haccp-detail-sec .text {
	grid-column: -2 / -1;
    max-width: revert;
}
.new-equipment-sec .haccp-detail-sec:nth-child(even) .text {
	grid-column: 1 / -1
}

.new-equipment-sec .haccp-detail-sec .link-btn__unit {
	grid-column: -2 / -1;
}

.new-equipment-sec .haccp-detail-sec .haccp-detail-figure {
    grid-column: 1 / 3;
    grid-row: 1;
	aspect-ratio: 1.3 / 1;
	overflow: visible;
    order: revert;
    position: relative;
}
.new-equipment-sec .haccp-detail-sec .haccp-detail-figure::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-detail-figure {
    grid-column: 2 / 4;
    order: revert;
}

.new-equipment-sec .haccp-detail-sec:nth-child(1) .haccp-detail-figure::before {
    width: 11%;
    left: 0;
    background-image: url(../img/initiatives/equipment_01_illust.svg);
}
.new-equipment-sec .haccp-detail-sec:nth-child(2) .haccp-detail-figure::before {
    width: 11%;
    right: 0;
    background-image: url(../img/initiatives/equipment_02_illust.svg);
}
.new-equipment-sec .haccp-detail-sec:nth-child(3) .haccp-detail-figure::before {
    width: 16%;
    left: -2%;
    background-image: url(../img/initiatives/equipment_03_illust.svg);
}
.new-equipment-sec .haccp-detail-sec:nth-child(4) .haccp-detail-figure::before {
    width: 24%;
    right: -4%;
    background-image: url(../img/initiatives/equipment_04_illust.svg);
}

.new-equipment-sec .haccp-detail-sec .haccp-detail-figure img {
	border-radius: var(--radius-xxl);
    z-index: 0;
}

/* 商品づくりの現場 */
/*********************************************/
/* section.factory-sec */
/*********************************************/

.factory-sec .content {
    padding-top: var(--space-xl);
}

.factories {
    --min-size: 80;
    --max-size: 160;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-xxl);
    padding-bottom: calc(var(--clamp-size) * 0.75);
}

.factory-figure {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: var(--space-m);
}

.factory-figure img {
    border-radius: var(--radius-xxl);
    aspect-ratio: 1.3 / 1;
    height: auto;
}

.factory-figure figcaption {
    width: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0 var(--space-s);
}

.factory-figure figcaption .text {
    width: 100%;
    margin-top: 0.2em;
    margin-left: 0;
}


@media screen and (max-width: 768px) {
    .haccp-container {
        width: auto;
        margin-inline: calc(var(--size1) * -1);
    }
    #haccp-sec .sec-ttl::before {
        top: calc(var(--clamp-size) * -0.6);
        right: calc(var(--size1-half) * -1);
        bottom: revert;
    }
    #haccp-sec .sec-text::after {
        right: calc(var(--size1-half) * -1);
        top: -70%;
        bottom: revert;
    }
    .haccp-detail-wrapper {
        padding-inline: var(--size1);
    }
    .new-equipment-sec {
        --margin-l: 10%;
        padding-inline: var(--size1);
	}
    .haccp-detail-sec,
    .haccp-detail-sec:nth-child(even) {
        grid-template-columns: 1fr;
    }
    .haccp-detail-sec:nth-child(even) .haccp-detail-figure {
        order: -1;
    }
    .new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-detail-figure {
        grid-column: 1 / -1;
    }
    .new-equipment-sec .haccp-detail-sec:nth-child(even) .text {
        grid-column: 1 / -1;
    }
    .new-equipment-sec .haccp-detail-sec,
    .new-equipment-sec .haccp-detail-sec:nth-child(even) {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }
    .new-equipment-sec .haccp-detail-sec .haccp-detail-container {
        grid-row: revert;
    }
    .new-equipment-sec .haccp-detail-sec .text {
        grid-column: 1 / -1;
    }

    .new-equipment-sec .haccp-detail-sec .haccp-detail-container,
    .new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-detail-container {
        grid-column: 1 / -1;
        grid-row: 3 / 4;
        margin-top: -1.5em;
        gap: 0;
    }
    .haccp-title {
        margin-bottom: 0.3em;
    }
    .new-equipment-sec .haccp-detail-sec .haccp-title {
        margin-bottom: 0.5em;
    }
    .new-equipment-sec .haccp-detail-sec:nth-child(even) .haccp-title {
        grid-column: 2 / -1;
        text-align: left;
    }
    .new-equipment-sec .haccp-detail-sec .haccp-detail-figure {
        grid-row: 1 / 3;
    }
    .new-equipment-sec .haccp-detail-sec:nth-child(1) .haccp-detail-figure::before,
    .new-equipment-sec .haccp-detail-sec:nth-child(3) .haccp-detail-figure::before{
        left: revert;
        right: 0;
    }
    .new-equipment-sec .haccp-detail-sec:nth-child(3) .haccp-detail-figure::before{
        transform: rotateY(180deg);
    }

    .factory-figure {
        gap: var(--space-s);
    }
}


@media screen and (max-width: 600px) {
    #greeting-sec .content {
        grid-template-columns: 1fr;
    }

    .factories {
        grid-template-columns: 1fr;
    }
    .factory-figure figcaption {
        grid-template-columns: 1fr;
    }
    .factory-figure figcaption .text {
        margin-top: 0;
    }
}
</pre></body></html>