@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
td,
th {
	font-weight: inherit;
	text-align: left;
	vertical-align: middle
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a img {
	border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

button {
	-webkit-appearance: none;
	appearance: none;
	background: 0;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0
}

html {
	box-sizing: border-box;
	font-size: 62.5%
}

*,
:after,
:before {
	box-sizing: inherit
}

img {
	box-sizing: content-box;
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

a {
	transition-duration: .5s
}

b,
strong {
	font-weight: 700
}

sup {
	font-size: .7em;
	vertical-align: super
}

table {
	max-width: 100%;
	width: 100%
}

table p:not([class]):not(:last-child) {
	margin-bottom: 1em
}

td,
th {
	word-wrap: break-word;
	min-height: 1em;
	word-break: break-all
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c1c1c1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #c1c1c1
}

input::placeholder,
textarea::placeholder {
	color: #c1c1c1
}

[type=email],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url],
button,
select,
textarea {
	background: 0;
	border: 0;
	outline: 0
}

[type=checkbox],
[type=radio],
a,
area,
button,
label,
select {
	cursor: pointer
}

.body-in {
	overflow-x: hidden
}

.anime {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.anime:not(.key) {
	transition-duration: .5s
}

.anime.quick {
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
	transition-duration: 0s
}

.anime.flip-x {
	transform: rotateX(90deg)
}

.anime.flip-y {
	transform: rotateY(90deg)
}

.anime.zoom-in {
	transform: scale(0)
}

.anime.top-in {
	transform: translateY(-50px);
	transform-origin: 0 0
}

.anime.bottom-in {
	transform: translateY(50px)
}

.anime.left-in {
	transform: translateX(-50px)
}

.anime.right-in {
	transform: translateX(50px)
}

@-webkit-keyframes transform-purge {
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes transform-purge {
	to {
		opacity: 1;
		transform: none
	}
}

.anime.bottom-in,
.anime.fade-in,
.anime.flip-x,
.anime.flip-y,
.anime.left-in,
.anime.right-in,
.anime.top-in,
.anime.zoom-in {
	opacity: 0
}

.anime.active .anime.bottom-in.chain:not(.key),
.anime.active .anime.fade-in.chain:not(.key),
.anime.active .anime.flip-x.chain:not(.key),
.anime.active .anime.flip-y.chain:not(.key),
.anime.active .anime.left-in.chain:not(.key),
.anime.active .anime.right-in.chain:not(.key),
.anime.active .anime.top-in.chain:not(.key),
.anime.active .anime.zoom-in.chain:not(.key),
.anime.bottom-in.active:not(.key),
.anime.bottom-in.lock:not(.key),
.anime.fade-in.active:not(.key),
.anime.fade-in.lock:not(.key),
.anime.flip-x.active:not(.key),
.anime.flip-x.lock:not(.key),
.anime.flip-y.active:not(.key),
.anime.flip-y.lock:not(.key),
.anime.left-in.active:not(.key),
.anime.left-in.lock:not(.key),
.anime.right-in.active:not(.key),
.anime.right-in.lock:not(.key),
.anime.top-in.active:not(.key),
.anime.top-in.lock:not(.key),
.anime.zoom-in.active:not(.key),
.anime.zoom-in.lock:not(.key),
.swiper-slide-active .anime.bottom-in:not(.key),
.swiper-slide-active .anime.fade-in:not(.key),
.swiper-slide-active .anime.flip-x:not(.key),
.swiper-slide-active .anime.flip-y:not(.key),
.swiper-slide-active .anime.left-in:not(.key),
.swiper-slide-active .anime.right-in:not(.key),
.swiper-slide-active .anime.top-in:not(.key),
.swiper-slide-active .anime.zoom-in:not(.key) {
	opacity: 1;
	transform: none
}

.anime.active .anime.bottom-in.chain.key,
.anime.active .anime.fade-in.chain.key,
.anime.active .anime.flip-x.chain.key,
.anime.active .anime.flip-y.chain.key,
.anime.active .anime.left-in.chain.key,
.anime.active .anime.right-in.chain.key,
.anime.active .anime.top-in.chain.key,
.anime.active .anime.zoom-in.chain.key,
.anime.bottom-in.active.key,
.anime.bottom-in.lock.key,
.anime.fade-in.active.key,
.anime.fade-in.lock.key,
.anime.flip-x.active.key,
.anime.flip-x.lock.key,
.anime.flip-y.active.key,
.anime.flip-y.lock.key,
.anime.left-in.active.key,
.anime.left-in.lock.key,
.anime.right-in.active.key,
.anime.right-in.lock.key,
.anime.top-in.active.key,
.anime.top-in.lock.key,
.anime.zoom-in.active.key,
.anime.zoom-in.lock.key,
.swiper-slide-active .anime.bottom-in.key,
.swiper-slide-active .anime.fade-in.key,
.swiper-slide-active .anime.flip-x.key,
.swiper-slide-active .anime.flip-y.key,
.swiper-slide-active .anime.left-in.key,
.swiper-slide-active .anime.right-in.key,
.swiper-slide-active .anime.top-in.key,
.swiper-slide-active .anime.zoom-in.key {
	-webkit-animation-name: transform-purge;
	animation-name: transform-purge
}

@-webkit-keyframes expand-x {
	to {
		max-width: 100%;
		opacity: 1;
		white-space: normal
	}
}

@keyframes expand-x {
	to {
		max-width: 100%;
		opacity: 1;
		white-space: normal
	}
}

@-webkit-keyframes expand-y {
	to {
		max-height: 100%;
		white-space: normal
	}
}

@keyframes expand-y {
	to {
		max-height: 100%;
		white-space: normal
	}
}

.anime.expand-x {
	max-width: 0
}

.anime.active .anime.expand-x.chain:not(.key),
.anime.expand-x.active:not(.key),
.anime.expand-x.lock:not(.key),
.swiper-slide-active .anime.expand-x:not(.key) {
	max-width: 100%;
	white-space: normal
}

.anime.active .anime.expand-x.chain.key,
.anime.expand-x.active.key,
.anime.expand-x.lock.key,
.swiper-slide-active .anime.expand-x.key {
	-webkit-animation-name: expand-x;
	animation-name: expand-x
}

.anime.expand-y {
	max-height: 0
}

.anime.active .anime.expand-y.chain:not(.key),
.anime.expand-y.active:not(.key),
.anime.expand-y.lock:not(.key),
.swiper-slide-active .anime.expand-y:not(.key) {
	max-height: 100%;
	white-space: normal
}

.anime.active .anime.expand-y.chain.key,
.anime.expand-y.active.key,
.anime.expand-y.lock.key,
.swiper-slide-active .anime.expand-y.key {
	-webkit-animation-name: expand-y;
	animation-name: expand-y
}

.anime.expand-x,
.anime.expand-y {
	overflow: hidden;
	white-space: nowrap
}

@-webkit-keyframes focus-in {
	to {
		filter: blur(0);
		opacity: 1
	}
}

@keyframes focus-in {
	to {
		filter: blur(0);
		opacity: 1
	}
}

.anime.blur {
	opacity: 0
}

.anime.active .anime.blur.chain:not(.key),
.anime.blur.active:not(.key),
.anime.blur.lock:not(.key),
.swiper-slide-active .anime.blur:not(.key) {
	opacity: 1
}

.anime.active .anime.blur.chain.key,
.anime.blur.active.key,
.anime.blur.lock.key,
.swiper-slide-active .anime.blur.key {
	-webkit-animation-name: transform-purge;
	animation-name: transform-purge
}

@supports (filter:blur(12px)) {
	.anime.blur {
		filter: blur(12px)
	}

	.anime.active .anime.blur.chain:not(.key),
	.anime.blur.active:not(.key),
	.anime.blur.lock:not(.key),
	.swiper-slide-active .anime.blur:not(.key) {
		filter: blur(0)
	}

	.anime.active .anime.blur.chain.key,
	.anime.blur.active.key,
	.anime.blur.lock.key,
	.swiper-slide-active .anime.blur.key {
		-webkit-animation-name: focus-in;
		animation-name: focus-in
	}
}

body .mont,
button.mont,
input.mont,
select.mont,
textarea.mont {
	font-family: Montserrat, -apple-system, Noto Sans CJK JP, Noto Sans Japanese, Noto Sans JP, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif
}

@font-face {
	font-family: Quentin;
	font-style: normal;
	font-weight: 400;
	src: url(Quentin/Quentin.ttf.woff) format("woff"), url(Quentin/Quentin.ttf.svg#Quentin/Quentin) format("svg"), url(Quentin/Quentin.ttf.eot), url(Quentin/Quentin.eot?#iefix) format("embedded-opentype")
}

body .quen,
button.quen,
input.quen,
select.quen,
textarea.quen {
	font-family: Quentin, Noto Serif JP, Yu Mincho, YuMincho, Hiragino Mincho ProN, NotoSerifCJKjp, HGS明朝E, HG明朝E, serif
}

.o-list>li,
.u-list>li {
	margin: 0 0 0 2%;
	width: 98%
}

.u-list>li {
	list-style-type: disc
}

.o-list>li {
	list-style-type: decimal
}

.flex {
	display: -ms-flexbox;
	display: flex
}

.flex.bet,
.pc-flex.bet,
.sp-flex.bet {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex.aro,
.pc-flex.aro,
.sp-flex.aro {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.flex.vstart,
.pc-flex.vstart,
.sp-flex.vstart {
	-ms-flex-align: start;
	align-items: flex-start
}

.flex.vend,
.pc-flex.vend,
.sp-flex.vend {
	-ms-flex-align: end;
	align-items: flex-end
}

.flex.vcenter,
.pc-flex.vcenter,
.sp-flex.vcenter {
	-ms-flex-align: center;
	align-items: center
}

.flex.hstart,
.pc-flex.hstart,
.sp-flex.hstart {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex.hcenter,
.pc-flex.hcenter,
.sp-flex.hcenter {
	-ms-flex-pack: center;
	justify-content: center
}

.flex.hend,
.pc-flex.hend,
.sp-flex.hend {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.flex.str,
.pc-flex.str,
.sp-flex.str {
	-ms-flex-align: stretch;
	align-items: stretch
}

.flex.vert,
.pc-flex.vert,
.sp-flex.vert {
	-ms-flex-direction: column;
	flex-direction: column
}

.flex.break,
.pc-flex.break,
.sp-flex.break {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex.hori-r,
.pc-flex.hori-r,
.sp-flex.hori-r {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.youtube-wrap {
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

.youtube-wrap iframe {
	height: 100% !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important
}

.grayscale {
	filter: grayscale(100%)
}

.activeToggle.active .activeToggle__off,
.activeToggle:not(.active) .activeToggle__on {
	display: none
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-container-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-ms-flex-align: start;
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.js-clickExclActive {
	cursor: pointer
}

.js-clickExclActive>* {
	pointer-events: none
}

.md-acc .acc-btn {
	cursor: pointer
}

.md-acc .acc-check {
	display: none
}

.md-acc .acc-body {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform-origin: 0 0;
	transition-duration: .5s
}

.md-acc .acc-body .acc-body:not(.active) {
	transition-duration: 0s
}

.md-acc .acc-body:not(.active) .acc-on,
.md-acc .acc-check:not(:checked)~.acc-body .acc-on,
.md-acc .acc-check:not(:checked)~.acc-btn .acc-on {
	display: none
}

.md-acc .acc-body.active,
.md-acc .acc-check:checked~.acc-body,
.md-acc .acc-check:checked~.acc-btn,
.md-acc .acc-check:checked~.acc-btn .acc-body {
	max-height: none;
	opacity: 1
}

.md-acc .acc-body.active .acc-off,
.md-acc .acc-check:checked~.acc-body .acc-off,
.md-acc .acc-check:checked~.acc-btn .acc-body .acc-off,
.md-acc .acc-check:checked~.acc-btn .acc-off,
.sp-md-acc .acc-check {
	display: none
}

.md-btn {
	-ms-flex-pack: center;
	-ms-flex-align: center;
	align-items: center;
	border: 0;
	border-radius: 5rem;
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .25em;
	line-height: 1;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition-duration: .5s;
	vertical-align: middle;
	width: 100%;
	z-index: 1
}

.md-btn.left-text {
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left
}

.md-btn.mat {
	padding: 0
}

.md-btn.mat a,
.md-btn.mat button,
.md-btn.mat input[type=button],
.md-btn.mat input[type=submit] {
	-ms-flex-pack: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	border: 0;
	color: inherit;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: inherit;
	font-weight: inherit;
	height: 100%;
	justify-content: center;
	line-height: 1;
	outline: 0;
	transition: color 0s;
	width: 100%
}

.md-btn:before {
	background: 0 0;
	content: "";
	display: inline-block;
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition-duration: .5s;
	width: 100%;
	z-index: -1
}

.md-btn:not(.reverse):before {
	left: -100%
}

.md-btn.reverse:before {
	right: -100%
}

.md-btn.stay:before {
	display: none
}

.md-btn .head-icon {
	margin-left: -1em;
	margin-right: .5em
}

.md-btn .left-icon,
.md-btn .right-icon {
	font-size: .8em;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: color 0s;
	z-index: 10
}

.md-btn .right-icon {
	right: 1em;
	transition: right .5s
}

.md-btn .left-icon {
	left: 1em;
	transition: left .5s
}

.md-btn:hover,
a:hover .md-btn {
	text-decoration: none
}

.md-btn:hover:not(.reverse):before,
a:hover .md-btn:not(.reverse):before {
	left: 0
}

.md-btn:hover.reverse:before,
a:hover .md-btn.reverse:before {
	right: 0
}

.md-btn:hover .right-icon:not(.stay),
a:hover .md-btn .right-icon:not(.stay) {
	right: .8em
}

.md-btn:hover .left-icon:not(.stay),
a:hover .md-btn .left-icon:not(.stay) {
	left: .8em
}

.md-btn.white {
	background-color: #fff;
	border: 2px solid #fff;
	color: #000
}

.md-btn.black,
.md-btn.white:before,
.md-btn.white:hover,
a:hover .md-btn.white {
	background-color: #000;
	color: #fff
}

.md-btn.black {
	border: 2px solid #000
}

.md-btn.black:before,
.md-btn.black:hover,
a:hover .md-btn.black {
	background-color: #fff;
	color: #000
}

.md-btn.yellow {
	background-color: #e3971c;
	border: 2px solid #e3971c;
	color: #fff
}

.md-btn.yellow:before {
	background-color: rgba(227, 151, 28, .2);
	mix-blend-mode: multiply
}

.md-btn.whiteLine {
	border: 2px solid #fff;
	color: #fff
}

.md-btn.whiteLine:before,
.md-btn.whiteLine:hover,
a:hover .md-btn.whiteLine {
	background-color: #fff;
	color: #e3971c
}

.md-btn.yellowLine {
	border: 2px solid #e3971c;
	color: #e3971c
}

.md-btn.yellowLine:before,
.md-btn.yellowLine:hover,
a:hover .md-btn.yellowLine {
	background-color: #e3971c;
	color: #fff
}

.md-btn.brownLine {
	border: 2px solid #80472c;
	color: #80472c
}

.md-btn.brownLine:before,
.md-btn.brownLine:hover,
a:hover .md-btn.brownLine {
	background-color: #80472c;
	color: #fff
}

@font-face {
	font-display: swap;
	font-family: iconfont;
	src: url(font/icon/iconfont.eot?94f6cb4df6e32f96e69297299b71640c?#iefix) format("embedded-opentype"), url(font/icon/iconfont.woff2?94f6cb4df6e32f96e69297299b71640c) format("woff2"), url(font/icon/iconfont.woff?94f6cb4df6e32f96e69297299b71640c) format("woff")
}

.iconfont,
i[class*=icon-]:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: iconfont !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400 !important;
	text-decoration: none;
	text-transform: none
}

i[class*=icon-] {
	display: inline-block;
	line-height: 1;
	vertical-align: middle
}

i[class*=icon-]:before {
	display: inline-block;
	vertical-align: bottom
}

.icon-blank:before {
	content: "\f101"
}

.icon-cart:before {
	content: "\f102"
}

.icon-close:before {
	content: "\f103"
}

.icon-d-right:before {
	content: "\f104"
}

.icon-down:before {
	content: "\f105"
}

.icon-facebook:before {
	content: "\f106"
}

.icon-instagram:before {
	content: "\f107"
}

.icon-item:before {
	content: "\f108"
}

.icon-left:before {
	content: "\f109"
}

.icon-line:before {
	content: "\f10a"
}

.icon-minus:before {
	content: "\f10b"
}

.icon-play:before {
	content: "\f10c"
}

.icon-plus:before {
	content: "\f10d"
}

.icon-print:before {
	content: "\f10e"
}

.icon-rateOff:before {
	content: "\f10f"
}

.icon-rateOn:before {
	content: "\f110"
}

.icon-rec-info_01:before {
	content: "\f111"
}

.icon-rec-info_02:before {
	content: "\f112"
}

.icon-rec-info_03:before {
	content: "\f113"
}

.icon-rec-info_04:before {
	content: "\f114"
}

.icon-recipe:before {
	content: "\f115"
}

.icon-right:before {
	content: "\f116"
}

.icon-search:before {
	content: "\f117"
}

.icon-twitter:before {
	content: "\f118"
}

.icon-up:before {
	content: "\f119"
}

.icon-voice-after:before {
	content: "\f11a"
}

.icon-voice-before:before {
	content: "\f11b"
}

.icon-youtube:before {
	content: "\f11c"
}

.md-lay {
	display: inline-block;
	transform: perspective(0) translateZ(0);
	vertical-align: middle;
	z-index: 1
}

.md-lay,
.md-lay .lay-bg {
	position: relative;
	transition-duration: .5s
}

.md-lay .lay-bg {
	z-index: 2
}

.md-lay .lay-bg img {
	vertical-align: middle;
	width: 100%
}

.md-lay .lay-bg .on {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition-duration: .5s
}

.md-lay .lay-bg .off {
	position: relative;
	transition-duration: .5s
}

.md-lay:after,
.md-lay:before {
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: perspective(0) translateZ(0);
	transition-duration: .5s;
	width: 100%
}

.md-lay:before {
	background: rgba(0, 0, 0, .5);
	z-index: 3
}

.md-lay:after {
	z-index: 4
}

.md-lay.zoom {
	overflow: hidden
}

.md-lay.block,
.md-lay.over {
	display: block
}

.md-lay.over .lay-bg img {
	margin-left: 50%;
	max-width: none;
	transform: translate(-50%);
	width: auto
}

.md-lay.through {
	display: inline-block;
	overflow: visible
}

.md-lay.through .lay-bg img {
	max-width: none;
	width: auto
}

.md-lay.no-cover:after,
.md-lay.no-cover:before {
	display: none
}

.md-lay .lay-content {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5
}

.md-lay-wrap.active .md-lay .lay-bg .on,
a.active .md-lay .lay-bg .on {
	opacity: 1
}

.md-lay-wrap.active .md-lay .lay-bg .off,
a.active .md-lay .lay-bg .off {
	opacity: 0
}

.md-lay-wrap.active .md-lay.zoom .lay-bg,
a.active .md-lay.zoom .lay-bg {
	transform: perspective(0) translateZ(0) scale(1.05)
}

.md-lay-wrap.active .md-lay.bright:before,
a.active .md-lay.bright:before {
	opacity: 1
}

.md-lay-wrap.active .md-lay.border:after,
a.active .md-lay.border:after {
	box-shadow: inset 0 0 0 10px hsla(0, 0%, 100%, .5);
	opacity: 1
}

.md-loading {
	max-height: 60vh;
	min-height: 9rem;
	position: relative
}

.md-loading:before {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: mdLoading;
	animation-name: mdLoading;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	border: 3px solid #80472c;
	border-bottom-color: rgba(128, 71, 44, .5);
	border-radius: 50%;
	content: "";
	display: block;
	height: 4rem;
	left: 50%;
	margin: -2rem 0 0 -2rem;
	position: absolute;
	top: 50%;
	width: 4rem;
	z-index: 2
}

.md-loading:not(.active) {
	opacity: 0;
	visibility: hidden
}

@-webkit-keyframes mdLoading {
	to {
		transform: rotate(1turn)
	}
}

@keyframes mdLoading {
	to {
		transform: rotate(1turn)
	}
}

.md-overlay {
	background: rgba(0, 0, 0, .7);
	cursor: pointer;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	transition-duration: .5s;
	width: 100%;
	z-index: 1000
}

.md-overlay:not(.active) {
	opacity: 0;
	visibility: hidden;
	z-index: -1
}

.md-overlay--modal {
	z-index: 10000
}

.md-overlay--ripple {
	border-radius: 50%;
	height: 300vh;
	transform: translate(50%, -50%);
	width: 300vh
}

.md-overlay--ripple:not(.active) {
	height: 0;
	width: 0
}

.md-overlay--shutter {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) 50%, hsla(0, 0%, 100%, 0));
	height: 200vh
}

.md-overlay--shutter:not(.active) {
	transform: translateY(-100%)
}

.md-uline {
	position: relative;
	text-decoration: none
}

.md-uline:before {
	background: #80472c;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transform: rotateY(90deg);
	transform-origin: 50%;
	transition-duration: .5s;
	width: 100%;
	z-index: 5
}

.md-uline.uline-block {
	display: block
}

.md-uline.uline-left:before {
	transform-origin: 0
}

.md-uline.uline-right:before {
	transform-origin: 100%
}

.md-uline.active,
.md-uline:hover,
a.active .md-uline,
a:hover .md-uline {
	text-decoration: none
}

.md-uline.active:before,
.md-uline:hover:before,
a.active .md-uline:before,
a:hover .md-uline:before {
	transform: rotateY(0)
}

.u-pc {
	display: block
}

.u-sp,
.u-spi {
	display: none
}

.u-inlineb {
	display: inline-block
}

body {
	background: #fdf8e8;
	width: 100%
}

body,
button,
input,
select,
textarea {
	word-wrap: break-word;
	color: #282828;
	font-family: -apple-system, Noto Sans CJK JP, Noto Sans Japanese, Noto Sans JP, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 400
}

body {
	line-height: 1.8
}

a {
	color: #80472c;
	text-decoration: none
}

p:not([class]):not(:last-child) {
	margin-bottom: 1em
}

::selection {
	background-color: #6d3c25;
	color: #fff
}

.mont {
	font-weight: 600;
	letter-spacing: .05em
}

.textBrown {
	color: #80472c
}

.textYellow {
	color: #e3971c
}

.textAqua {
	color: #85aaba
}

.marker {
	background-image: linear-gradient(0deg, #ffecba, #ffecba 30%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0))
}

.fixSns {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(9rem, -100%) rotate(90deg);
	z-index: 100
}

.fixSns__title {
	color: #80472c;
	font-size: 1rem;
	margin: 0 1rem 0 0;
	white-space: nowrap
}

.fixSns__list {
	text-align: center
}

.fixSns__item {
	padding: 1rem .5rem;
	transform: rotate(-90deg)
}

.fixSns__item:hover {
	color: #e3971c
}

.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.itemBg {
	overflow: hidden
}

.itemBg,
.itemBg svg {
	pointer-events: none;
	position: relative;
	width: 100%;
	z-index: 1
}

.itemBg svg {
	left: 50%;
	transform: translate(-50%)
}

.itemBg__path {
	transition-duration: .3s
}

a.active .itemBg__path,
a:hover .itemBg__path,
button.active .itemBg__path,
button:hover .itemBg__path,
label:hover .itemBg__path {
	fill: #e3971c
}

.pager {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1
}

.pager__no {
	margin: 0 1rem
}

.pager__item {
	color: #e3971c;
	padding: 1rem
}

.pager__item:hover {
	text-decoration: underline
}

.pager__item--no {
	color: #d9bc8e
}

.pager__item--no:hover {
	color: #e3971c
}

.pager__item--active {
	color: #e3971c;
	pointer-events: none
}

.scroll {
	overflow: auto;
	scrollbar-color: #e3971c #fff;
	scrollbar-width: thin
}

.scroll::-webkit-scrollbar {
	cursor: default;
	height: 10px;
	width: 10px
}

.scroll::-webkit-scrollbar-track {
	background: #fff
}

.scroll::-webkit-scrollbar-thumb {
	background: #e3971c
}

.topcontrol {
	display: none
}

.headerPad {
	padding-top: 10rem
}

.header {
	background: #fdf8e8;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	left: 0;
	position: fixed;
	top: 0;
	white-space: nowrap;
	width: 100%;
	z-index: 1001
}

.header--noShadow {
	box-shadow: none
}

.header--noShadow.active {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.header__frame {
	height: 10rem;
	padding: 0 7rem
}

.header__left,
.header__right {
	width: calc(50% - 7.5rem)
}

.header__center {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

.headerLogo__img {
	display: block
}

.headerPulldown__head {
	color: #80472c;
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: 700;
	height: 10rem;
	line-height: 1;
	min-width: 10rem;
	padding: 4rem 1.5rem 1rem;
	position: relative;
	transition-duration: .5s
}

.headerPulldown__body {
	background: #f7e5c1;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 99%;
	transform: rotateX(90deg);
	transform-origin: 0 0;
	transition-duration: .3s;
	width: 100%;
	z-index: -1
}

.headerPulldown:hover .headerPulldown__body {
	opacity: 1;
	transform: none;
	z-index: 2
}

.headerPullMenu {
	padding: 4.8rem 0
}

.headerPullMenu__title {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .01em
}

.headerPullMenu__link {
	display: block
}

.headerPullMenu__link:hover {
	text-decoration: underline
}

.headerPullMenu__sep {
	position: relative;
	width: 17rem
}

.headerPullMenu__sep:before {
	background: #e6ceab;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 1px
}

.headerPullMenu__list {
	max-width: 71rem;
	width: 100%
}

.headerPullMenu__list--company {
	max-width: 100rem
}

.headerPullMenu__list:after,
.headerPullMenu__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 25%
}

.headerPullMenu__item {
	padding: 1rem .5rem;
	width: 25%
}

.headerPullMenu__item--col3 {
	width: 33.333%
}

.headerPullMenu__item--free {
	width: auto
}

.headerPullMenu__item--free:not(:last-child) {
	margin: 0 3em 0 0
}

.headerPullMenu__item--sp {
	width: auto
}

.headerPullMenu__item--sp:not(:last-child) {
	margin: 0 3em 0 0
}

.headerPullMenu__link {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .01em
}

.headerPullMenu__table {
	width: auto
}

.headerPullMenu__cell {
	padding: .5rem 3em .5rem 0
}

.headerPullMenu__cell--enjoy {
	padding-right: 4em
}

.headerLink {
	border-radius: 3rem;
	color: #80472c;
	line-height: 1;
	padding: .5rem 1rem;
	transition-duration: .2s
}

.headerLink--icon {
	border-radius: 50%;
	padding: 0
}

.headerLink.active,
a.active .headerLink,
a:hover .headerLink {
	background: #f7e5c1;
	color: rgba(128, 71, 44, .5)
}

.headerSubNav {
	padding: 0 25rem 0 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 1rem;
	width: 100%;
	z-index: 2
}

.headerSubNav__item {
	font-size: 1.2rem;
	font-weight: 500;
	padding: 1rem;
	pointer-events: auto
}

.headerSubNav__icon {
	height: 4rem;
	pointer-events: auto;
	width: 4rem
}

.headerSubNav__icon--cart {
	font-size: 2.1rem
}

.headerSubNav__icon--search {
	font-size: 2rem
}

.headerBnr {
	margin: 0 0 0 2rem;
	padding: 3rem 0 1rem
}

.headerBnr__item {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: 14rem
}

.gNavBtn {
	border: 0;
	cursor: pointer;
	display: inline-block;
	height: 5.5rem;
	left: 1rem;
	position: fixed;
	top: 0;
	vertical-align: middle;
	width: 5.5rem;
	z-index: 1001
}

.gNavBtn__box {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.gNavBtn__bar {
	background: #80472c;
	border-radius: 0;
	display: block;
	height: 3px;
	left: 1.5rem;
	position: absolute;
	transform-origin: 50% 50%;
	transition-duration: .5s;
	width: calc(100% - 3rem);
	z-index: 2
}

.gNavBtn__bar:first-of-type {
	top: 2.1rem
}

.gNavBtn__bar:nth-of-type(2) {
	display: none
}

.gNavBtn__bar:nth-of-type(3) {
	bottom: 2.1rem
}

.gNavBtn.active .gNavBtn__bar {
	background: #80472c
}

.gNavBtn.active .gNavBtn__bar:first-of-type {
	margin-top: -1.5px;
	top: 50%;
	transform: rotate(-45deg);
	transition: top .5s, margin .5s, transform .5s ease .5s
}

.gNavBtn.active .gNavBtn__bar:nth-of-type(2) {
	opacity: 0;
	transform: rotateY(90deg);
	transition-delay: .4s
}

.gNavBtn.active .gNavBtn__bar:nth-of-type(3) {
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(45deg);
	transition: bottom .5s, margin .5s, transform .5s ease .5s
}

.gNav {
	background: #fdf8e8;
	left: 0;
	max-height: calc(100% - 5.5rem);
	overflow-y: auto;
	padding: 2.5rem 0 0;
	position: fixed;
	top: 5.5rem;
	transform-origin: 0 0;
	transition-duration: .5s;
	width: 100%;
	z-index: 1000
}

.gNav:after {
	content: "";
	display: block;
	height: 5rem
}

.gNav:not(.active) {
	transform: translate(100%);
	visibility: hidden
}

.gNav__item {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	height: 5rem;
	padding: 0 1.5rem;
	position: relative
}

.gNav__item.active {
	background: #f7e5c1
}

.gNav__subMenu {
	margin: 1rem 0 0
}

.gNav__subItem {
	font-size: 1.5rem;
	font-weight: 500;
	padding: 0 1em
}

.gNav__sys {
	padding: 2rem 0 1rem
}

.gNav__sysItem {
	line-height: 1;
	padding: 1.5rem
}

.gNav__sysItem--shop {
	font-size: 3.6rem
}

.gNav__sysItem--search {
	font-size: 3rem
}

.gNav__search {
	padding: 0 2rem 2rem
}

.gNav__sns {
	line-height: 1
}

.gNav__snsTitle {
	color: #80472c;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center
}

.gNav__snsList {
	margin: 1.6rem 0 0
}

.gNav__snsItem {
	margin: 0 1.5rem;
	width: 3rem
}

.headerSpBtn {
	color: #80472c;
	font-size: 2.35rem;
	height: 5.5rem;
	position: fixed;
	right: 1rem;
	top: 0;
	width: 5.5rem;
	z-index: 1000
}

.headerSpBtn--2 {
	right: 6.5rem
}

.headerSpBtn--search {
	font-size: 2rem;
	height: 4.5rem;
	top: .5rem;
	width: 4.5rem
}

.headerSearch {
	background: #f7e5c1;
	left: 0;
	padding: 2.4rem;
	position: fixed;
	top: 10rem;
	transition-duration: .3s;
	width: 100%;
	z-index: 999
}

.headerSearch:not(.active) {
	pointer-events: none;
	transform: translateY(-100%)
}

.headerSearch__box {
	padding: 0 6.5rem;
	position: relative
}

.headerSearch__close {
	border: 1px solid #ddc2a0;
	border-radius: 50%;
	color: #80472c;
	font-size: 1rem;
	height: 3.4rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3.4rem;
	z-index: 2
}

.headerSearchBox {
	position: relative
}

.headerSearchBox__text {
	background: #fff;
	border-radius: 5rem;
	font-size: 1.6rem;
	padding: 2rem 7rem 2rem 3rem;
	width: 100%
}

.headerSearchBox__btn {
	color: #ddc2a0;
	font-size: 2rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 7rem;
	z-index: 2
}

.headerSearchBox__btn:hover {
	color: #80472c
}

.footer {
	background: #f7e5c1;
	position: relative;
	z-index: 1
}

.footer__base {
	padding: 5.1rem 0 7rem
}

.footerPad {
	height: 15rem
}

.pagetop {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	height: 6.4rem;
	position: absolute;
	right: 10rem;
	top: -3.2rem;
	width: 6.4rem;
	z-index: 2
}

.footerData {
	text-align: center;
	width: 32rem
}

.footerData__sep {
	width: 100%
}

.footerData__item {
	width: 6.36rem
}

.footerData__item img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.footerData__logo {
	margin: 1rem 0 0;
	mix-blend-mode: multiply
}

.footerData__text {
	color: #80472c;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 2;
	margin: 2rem 0 0;
	text-align: center;
	width: 100%
}

.footerLink {
	width: calc(100% - 37rem)
}

.footerLink__list {
	font-feature-settings: "palt";
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	max-width: 20rem;
	padding: 0 0 2rem
}

.footerLink__list--1 {
	width: 12rem
}

.footerLink__list--2 {
	width: 15rem
}

.footerLink__list--3 {
	width: 16rem
}

.footerLink__list--4 {
	width: 15rem
}

.footerLink__list--5 {
	width: 13rem
}

.footerLink__list--6 {
	width: 14rem
}

.footerLink__item {
	font-size: 1.3rem;
	padding: 0 1rem 0 0
}

.footerLink__item:hover {
	text-decoration: underline
}

.footerLink__item--head {
	font-weight: 700
}

.footerLink__item--item {
	margin: .5rem 0 0
}

.footerLink__item--btn {
	height: 3.6rem;
	letter-spacing: .15em;
	margin: 2.5rem 0 0 -1.5rem;
	width: 15rem
}

.footerLink__item--btn:hover {
	text-decoration: none
}

.footerLink__item--news {
	font-weight: 700;
	margin: 2rem 0 0
}

.footerLink__item--bnr {
	display: block;
	margin: 3rem 0 0;
	position: relative;
	width: 18rem;
	z-index: 2
}

.footerLink__icon {
	margin: 0 .5rem 0 0
}

.footerLink__icon--recipe {
	font-size: 1.5rem
}

.footerLink__bnr a {
	display: inline-block;
	margin: 0 1rem 0 0;
	position: relative;
	width: 18rem;
	z-index: 2
}

.footerNote {
	background: #fff;
	color: #b28f69;
	font-size: 1.2rem;
	height: 5rem;
	line-height: 1;
	padding: 0 5rem
}

.footerNote__item {
	color: #b28f69;
	margin: 0 1.5em 0 0
}

.footerNote__item:hover {
	text-decoration: underline
}

.cookieBox {
	transition-duration: .5s
}

.cookieBox:not(.active) {
	opacity: 0;
	pointer-events: none
}

.cookieBox--pad {
	padding: 0 0 10rem
}

.cookieBox--pad:not(.active) {
	display: none
}

.cookieBox__in {
	background: #111;
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 999999
}

.cookieBox__cnt {
	color: #fff;
	margin: 0 auto;
	max-width: 100rem;
	padding: 2rem 8rem 2rem 2rem;
	position: relative;
	z-index: 1
}

.cookieBox__txt {
	font-size: 12px;
	line-height: 1.8;
	max-width: 850px
}

.cookieBox__txt a {
	text-decoration: underline
}

.cookieBox__txt a:hover {
	text-decoration: none
}

.cookieBox__btn {
	border: none;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 5%;
	top: 15px;
	width: 30px;
	z-index: 1
}

.topMv {
	overflow: hidden;
	padding: 0 7rem
}

.topMv,
.topMv__frame {
	position: relative
}

.topMv__movieArea {
	height: auto;
	position: relative;
	z-index: 1
}

.topMv__slide .swiper-container {
	border-radius: 3.2rem;
	margin: auto;
	overflow: hidden;
	width: calc(100% - 48px)
}

.topMv__movie {
	display: block;
	left: 50%;
	opacity: .85;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 2
}

.topMv__slideImgWrap {
	aspect-ratio: 1088/368;
	margin: auto;
	overflow: hidden;
	position: relative
}

.topMv__slideImgWrap img {
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%
}

.topMv__scroll {
	bottom: 2rem;
	color: #80472c;
	left: 0;
	position: absolute;
	transform: translate(-2.5rem, -100%) rotate(90deg);
	z-index: 2
}

.topMv__scrollBar {
	background: #80472c;
	height: 2px;
	margin: 0 0 0 1.3rem;
	width: 4rem
}

.topMv__move {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	height: 4.8rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 4.8rem;
	z-index: 2
}

.topMv__move--prev {
	left: 0
}

.topMv__move--next {
	right: 0
}

.topMv__subSlide {
	margin: 12px auto 0;
	text-align: center;
	width: calc(100% - 48px)
}

.topMv__subSlide .swiper-slide {
	width: calc(16.66667% - 8px)
}

.topMv__subSlideImg {
	aspect-ratio: 174/57;
	border-radius: 1.2rem;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.swiper-slide-thumb-active .topMv__subSlideImg,
.topMv__subSlideImg.is-active {
	border: 3px solid #e3971c
}

.topMv__subSlideImg img {
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%
}

.topMvNews {
	-ms-grid-columns: 132px 1fr;
	background: #fff;
	border-radius: 1.2rem;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 132px 1fr;
	margin: 2.4rem auto 0;
	overflow: hidden;
	width: calc(100% - 48px)
}

.topMvNews__head {
	-ms-flex-pack: center;
	background: #f7e5c1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 2rem 0 1.8rem 2.4rem
}

.topMvNews__title {
	color: #80472c;
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.topMvNews__titleSub {
	color: #e3971c;
	display: block;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: .3em
}

.topMvNews__body {
	padding: .6rem 2.8rem
}

.topMvNews__item {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #282828;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.3;
	overflow: hidden;
	padding: 1.6rem 0
}

.topMvNews__item+.topMvNews__item {
	border-top: 1px solid #d5d5d4
}

.topMvNews__date {
	display: inline-block;
	font-size: 1.2rem;
	width: 13rem
}

.topMvNews__ctg {
	background: #e3971c;
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	margin: 0 .3rem;
	padding: .5rem;
	text-align: center;
	width: 9.8rem
}

.topMvNews__itemTitle {
	display: inline-block;
	font-size: 1.2rem
}

a:hover .topMvNews__itemTitle {
	text-decoration: underline
}

.topIntro {
	margin: 14rem 0 0
}

.topIntro__img {
	background-position: 100% 0;
	background-size: cover;
	border-radius: 0 3rem 3rem 0;
	overflow: hidden;
	position: relative;
	width: 40%;
	z-index: 1
}

.topIntro__data {
	padding: 9rem 4rem 9rem 9rem
}

.topIntro__title {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 0 auto
}

.topIntro__text {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 2;
	margin: 5.9rem 0 0
}

.topLine {
	margin: 13.5rem 0 0
}

.topLine__head {
	background: #fff;
	border-radius: 3rem;
	height: 44rem;
	line-height: 1;
	text-align: center;
	width: 44rem
}

.topLine__headIcon {
	mix-blend-mode: multiply;
	text-align: center
}

.topLine__headMain {
	color: #80472c;
	font-size: 4.4rem
}

.topLine__headMain,
.topLine__headSub {
	font-weight: 700;
	letter-spacing: .2em;
	margin: 2rem 0 0
}

.topLine__headSub {
	color: #e3971c;
	font-size: 2.6rem
}

.topLine__headText {
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 2;
	margin: 2rem 0 0
}

.topLine__itemBlock {
	width: 100%
}

.topLine__item {
	color: #80472c;
	font-weight: 700;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	line-height: 1;
	margin: 7.4rem 0 0;
	text-align: center
}

.topLine__item--main {
	margin: 0;
	width: calc(100% - 44rem)
}

.topLine__img {
	position: relative
}

.topLine__img img {
	position: relative;
	z-index: 2
}

.topLine__bg {
	left: 50%;
	max-width: 200px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1
}

.topLine__data {
	position: relative;
	z-index: 2
}

.topLine__data--main {
	margin: 0 0 0 -3rem
}

.topLine__text {
	font-size: 1.4rem;
	letter-spacing: .05em;
	margin: 2rem 0 0
}

.topLine__text--main {
	font-size: 2rem;
	margin: 0
}

.topLine__name {
	font-size: 2.4rem;
	letter-spacing: .15em;
	margin: 1rem 0 0
}

.topLine__name--main {
	font-size: 3.4rem
}

.topLine__name--sub {
	font-size: 2rem
}

.topLine__more {
	margin: 8.5rem 0 0
}

.topLine__btn {
	font-size: 1.8rem;
	height: 8rem;
	margin: 0 .8rem;
	max-width: 49%;
	padding: 0 0 0 1em;
	width: 35rem
}

.topLine__bnr {
	background: #fff;
	border-radius: 3rem;
	margin: 7.8rem 0 0;
	max-width: 100%;
	width: 72rem
}

.topLine__bnrImg {
	text-align: center;
	width: 32rem
}

.topLine__bnrData {
	width: calc(100% - 32rem)
}

.topLine__bnrMain {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1
}

.topLine__bnrSub {
	font-size: 1.4rem;
	margin: 1rem 0 0
}

.topLine__btnIcon {
	left: 3rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.topLine__btnIcon--item {
	font-size: 3.1rem
}

.topLine__btnIcon--cart {
	font-size: 2.7rem
}

.topDev {
	margin: 17rem 0 0;
	overflow: hidden;
	position: relative
}

.topDev__bgText {
	color: #f7e5c1;
	font-size: 7.9rem;
	left: 0;
	line-height: 0;
	pointer-events: none;
	position: absolute;
	top: 7rem;
	transform: rotate(-5deg);
	white-space: nowrap;
	width: 100%;
	z-index: 3
}

.topDev__bg {
	background: #f7e5c1;
	border-radius: 5rem 0 0 5rem;
	height: 75%;
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	width: 75%;
	z-index: 1
}

.topDev__mv {
	border-radius: 3rem 0 0 3rem;
	margin: 0 0 0 auto;
	overflow: hidden;
	position: relative;
	width: 50%;
	z-index: 2
}

.topDev__frame {
	position: relative;
	z-index: 4
}

.topDev__message {
	margin: -40% 0 0;
	max-width: 49%;
	padding: 9.5rem 4rem 0 6.5rem;
	width: 51rem
}

.topDev__title {
	text-align: center
}

.topDev__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5;
	margin: 7.5rem 0
}

.topDev__data {
	margin: -5rem 0 0;
	max-width: 52%;
	width: 72rem
}

.topDev__img {
	margin: 0 auto;
	width: 37.5rem
}

.topDev__list {
	margin: -24rem 0 0;
	position: relative;
	z-index: 2
}

.topDev__item {
	background: #fff;
	border-radius: 50%;
	height: 19.5rem;
	text-align: center;
	width: 19.5rem
}

.topDev__item--2 {
	margin: 12rem 0 0
}

.topDev__name {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 1rem 0 0
}

.topDev__more {
	color: #e3971c;
	margin: .5rem 0 0
}

.topDev__arrow {
	font-size: 1.4rem;
	margin: 0 -1em 0 0
}

.topDev__column {
	background: #fff;
	border-right: 2.4rem solid #fcf3b3;
	margin: 6rem 0 1rem;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 72rem;
	z-index: 3
}

.topDev__columnImg {
	width: 22.7rem
}

.topDev__columnData {
	color: #282828;
	line-height: 1;
	text-align: justify;
	width: calc(100% - 20rem)
}

.topDev__columnHead {
	padding: 0 5rem
}

.topDev__columnSub {
	color: #e3971c;
	font-size: 1.6rem;
	font-weight: 700
}

.topDev__columnMain {
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .15em;
	margin: 1rem 0
}

.topDev__columnText {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 4rem 0 0;
	width: 22rem
}

.topCom {
	background-attachment: fixed;
	background-image: url(../img/top_com_bg.jpg);
	background-position: 50%;
	background-size: cover;
	margin: 16rem 0 0;
	padding: 14rem 0
}

.topCom__title {
	color: #fff;
	font-size: 3.4rem;
	font-weight: 700;
	letter-spacing: .5em
}

.topCom__sub,
.topCom__title {
	line-height: 1;
	text-align: center
}

.topCom__sub {
	color: #fffdc4;
	font-size: 2.4rem;
	letter-spacing: .2em;
	margin: 2rem 0 0
}

.topCom__text {
	color: #fff;
	font-weight: 700;
	letter-spacing: .2em;
	margin: 4.5rem 0 0;
	text-align: center
}

.topCom__list {
	margin: 3.6rem 0 0
}

.topCom__item {
	border-radius: 4rem;
	color: #fff;
	margin: 1.6rem 0 0;
	overflow: hidden;
	position: relative;
	width: 32%;
	z-index: 1
}

.topCom__item--last {
	border-radius: 0
}

.topCom__itemBg {
	border-radius: 4rem;
	overflow: hidden
}

.topCom__en {
	height: 1em;
	left: 3rem;
	letter-spacing: .15em;
	position: absolute;
	top: 3rem;
	transform: rotate(90deg);
	white-space: nowrap;
	width: 1em;
	z-index: 2
}

.topCom__link {
	background: #fff;
	border-radius: 4rem;
	height: 25rem;
	text-align: center
}

.topCom__linkSub {
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: .15em
}

.topCom__linkMain {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.5
}

.topCom__linkMore {
	font-size: 2.2rem;
	line-height: 1;
	margin: 2rem 0 0
}

.topCom__linKArrow {
	font-size: .6em;
	margin: 0 -1em 0 1em
}

.topCom__btn {
	font-size: 1.8rem;
	height: 8.2rem;
	margin: 2rem 0 0
}

.topHead {
	line-height: 1
}

.topHead__main {
	font-size: 4.8rem;
	font-weight: 700;
	letter-spacing: .2em
}

.topHead__sub {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: .3em;
	margin: 1.5rem 0 0
}

.topHead__text {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin: 2rem 0 0
}

.topRec {
	overflow: hidden;
	padding: 20rem 0 0;
	position: relative
}

.topRec__bg {
	background: #f7e5c1;
	border-radius: 0 0 0 3rem;
	height: calc(100% - 21.5rem);
	position: absolute;
	right: 0;
	top: 0;
	width: 35%;
	z-index: 1
}

.topRec__base {
	position: relative;
	z-index: 2
}

.topRec__data {
	width: 36.8rem
}

.topRec__info {
	max-width: 65rem;
	padding: 0 0 0 3rem;
	width: calc(100% - 33.8rem)
}

.topRec__sample {
	background: #f7e5c1;
	border-radius: 3rem;
	box-shadow: 0 0 1rem #f7e5c1;
	color: #282828;
	display: block;
	margin: 6.7rem 0 0;
	padding: 4.2rem 2.4rem
}

.topRec__sampleTitle {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1;
	text-align: center
}

.topRec__sampleImg {
	border-radius: 2rem;
	margin: 2.2rem 0 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 1
}

.topRec__sampleHead {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .15em;
	margin: 2rem 0 0
}

.topRec__sampleText {
	font-size: 1.6rem;
	margin: 1rem 0 0;
	text-align: justify
}

.topRec__img img {
	border-radius: 3rem;
	max-width: none;
	width: 78.3rem
}

.topRec__sns {
	background-image: url(../img/svg/top_rec_frame.svg);
	background-position: 0 0;
	background-size: 100% 100%;
	height: 23rem;
	line-height: 1;
	margin: 2.7rem 0 0
}

.topRec__snsTitle {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .15em;
	text-align: center
}

.topRec__snsText {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2;
	margin: 1.5rem 0 0;
	text-align: center
}

.topRec__snsMarker {
	background-image: linear-gradient(0deg, #ffecba, #ffecba 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0))
}

.topRec__snsList {
	margin: 1.5rem 0 0
}

.topRec__snsItem {
	color: #282828;
	font-size: 3rem;
	margin: 0 .8rem;
	width: 3rem
}

.topRec__snsItem:hover {
	color: #e3971c
}

.topRec__snsItem--youtube {
	font-size: 2.6rem
}

.topRecSlide {
	overflow: hidden;
	padding: 6rem 0;
	position: relative;
	z-index: 2
}

.topRecSlide .swiper-container,
.topRecSlide .swiper-wrapper {
	overflow: visible
}

.topRecSlide__base {
	width: 182.5rem
}

.topRecSlide__item {
	background: #fff;
	border-radius: 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.topRecSlide__name {
	color: #282828;
	font-size: 1.8rem;
	font-weight: 500;
	min-height: 12.5rem;
	padding: 0 1em;
	position: relative;
	z-index: 2
}

.topRecSlide__nameIn {
	padding: 2em 0
}

.topRecSlide__clamp {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.topRecSlide__icon {
	background: #fff;
	border: 1px solid #f7e5c1;
	border-radius: 50%;
	height: 6.8rem;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	left: 2rem;
	overflow: hidden;
	padding: 1rem;
	position: absolute;
	text-align: center;
	top: 0;
	transform: translateY(-50%);
	width: 6.8rem;
	z-index: 2
}

.topRecSlide__icon img {
	mix-blend-mode: multiply
}

.topRecSlide__move {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	height: 7rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 7rem;
	z-index: 2
}

.topRecSlide__move--prev {
	left: 7rem
}

.topRecSlide__move--next {
	right: 7rem
}

.topSearch {
	background: #fff;
	padding: 6.4rem 0
}

.topSearch__title {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	margin: 0 0 2rem
}

.searchBox,
.searchBox__text {
	position: relative;
	z-index: 2
}

.searchBox__text {
	width: calc(100% - 27.5rem)
}

.searchBox__input {
	border: 1px solid #d9d9d9;
	border-radius: 5rem;
	font-size: 1.6rem;
	height: 7rem;
	padding: 2rem 7rem 2rem 3rem;
	width: 100%
}

.searchBox__textSend {
	color: #e3971c;
	font-size: 2.4rem;
	height: 7rem;
	position: absolute;
	right: 0;
	top: 0;
	width: 7rem;
	z-index: 2
}

.searchBox__send {
	height: 7.2rem;
	position: relative;
	width: 24.4rem;
	z-index: 2
}

.searchBox__list {
	margin: 3rem 0 0;
	position: relative;
	z-index: 1
}

.searchBox__item {
	border: 1px solid #e3971c;
	border-radius: 5rem;
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	height: 6.4rem;
	padding: 0 3rem;
	position: relative;
	transition-duration: .5s;
	width: 23%;
	z-index: 2
}

.searchBox__item.active,
.searchBox__item:hover {
	background: #e3971c;
	color: #fff
}

.searchBox__item.active {
	pointer-events: none
}

.searchBox__item--recipe {
	height: 4.3rem;
	width: 100%
}

.searchBox__icon {
	font-size: 1.3rem;
	transition-duration: .2s
}

.active .searchBox__icon {
	transform: rotate(45deg)
}

.searchBox__close {
	height: 200vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1
}

.searchBox__close:not(.active) {
	pointer-events: none
}

.searchBox__pop {
	background: #f7e5c1;
	border-radius: 3rem;
	margin: 2.5rem 0 0;
	padding: 3.2rem;
	position: absolute;
	top: 100%;
	width: 49%;
	z-index: 2
}

.searchBox__pop:not(.active) {
	height: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden
}

.searchBox__pop:before {
	border-color: transparent transparent #f7e5c1;
	border-style: solid;
	border-width: 0 17px 17px;
	bottom: 100%;
	content: "";
	height: 0;
	position: absolute;
	width: 0
}

.searchBox__pop--1 {
	left: 0
}

.searchBox__pop--1:before {
	left: 11rem
}

.searchBox__pop--2 {
	left: 0
}

.searchBox__pop--2:before {
	right: 11rem
}

.searchBox__pop--3 {
	right: 0
}

.searchBox__pop--3:before {
	left: 11rem
}

.searchBox__pop--4 {
	right: 0
}

.searchBox__pop--4:before {
	right: 11rem
}

.searchBox__pop--recipe {
	left: 0;
	width: 100%
}

.searchBox__pop--recipe:before {
	right: 11rem
}

.searchBox__sec:not(:first-child) {
	margin: 3rem 0 0
}

.searchBox__headline {
	border-bottom: 1px dashed #e3971c;
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	padding: 0 0 1.3rem
}

.searchBox__checkList {
	font-feature-settings: "palt";
	margin: .5rem 0 0
}

.searchBox__checkItem {
	color: #80472c;
	font-size: 1.6rem;
	line-height: 1.2;
	margin: 1rem 0 0;
	width: 48%
}

.searchBox__checkItem--recipe {
	width: 24%
}

.searchBox__check {
	height: 1.6rem;
	margin: .2rem .5rem 0 0;
	width: 1.6rem
}

.searchBox__checkName {
	width: calc(100% - 2rem)
}

.searchBox__select {
	font-size: 1.5rem;
	font-weight: 700;
	height: 6.4rem;
	margin: 3rem 0 0
}

.topAct {
	padding: 14rem 0 0
}

.topAct__list {
	margin: 2.4rem 0 0
}

.topAct__item {
	border-radius: 3rem;
	color: #fff;
	margin: 1.6rem 0 0;
	overflow: hidden;
	width: 32%
}

.topAct__item--1 {
	background: #fff;
	color: #069dda;
	width: 100%
}

.topAct__item--1 .lay-bg,
.topAct__item--1 .md-lay {
	height: 100%
}

.topAct__item--1 .lay-bg img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.topAct__item--2 {
	background: #9dcc8f;
	width: 49%
}

.topAct__item--3 {
	background: #dec982;
	width: 49%
}

.topAct__item--4 {
	background: #abb5dd
}

.topAct__item--5 {
	background: #e2a9a9
}

.topAct__item--6 {
	background: #ddab8b
}

.topAct__img {
	background-position: 50%;
	background-size: cover
}

.topAct__img--1 {
	width: 49%
}

.topAct__data {
	padding: 2.5rem 3.2rem;
	text-align: justify
}

.topAct__data--1 {
	padding: 5rem;
	width: 51%
}

.topAct__name {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.3
}

.topAct__name--1 {
	font-size: 2.8rem
}

.topAct__text {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 1rem 0 0
}

.topAct__text--1 {
	margin: 2.5rem 0 0
}

.topAct__logo {
	margin: 6rem 0 0
}

.topAct__more {
	margin: 3.2rem 0 0;
	text-align: right
}

.topAct__btn {
	font-size: 1.5rem;
	font-weight: 700;
	height: 4.8rem;
	width: 29rem
}

.topMov {
	margin: 6.4rem 0 0
}

.topMov--recipe {
	margin: 11rem 0 0
}

.topMov__title {
	color: #80472c;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.topMov__title--page {
	text-align: left
}

.topMov__text {
	color: #80472c;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	margin: 1.6rem 0 0
}

.topMov__text--page {
	text-align: left
}

.topMov__list {
	margin: 2.4rem 0 0
}

.topMov__item {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: 32%
}

.topMov__item--cm,
.topMov__item--making {
	border-radius: 0;
	max-width: 100%;
	width: 46rem
}

.topMov__item--week {
	border-radius: 0;
	max-width: 100%;
	width: 100%
}

.topMov__movie {
	cursor: pointer;
	position: relative;
	z-index: 1
}

.topMov__img {
	color: #fff;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}

.topMov__img img {
	transform: scale(1.1)
}

.topMov__icon {
	font-size: 7.3rem
}

.topBnr {
	margin: 8rem 0 0
}

.topBnr__list {
	margin-top: 2rem
}

.topBnr__list:after,
.topBnr__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 32%
}

.topBnr__link {
	width: 32%
}

.topNews {
	padding: 13.5rem 0 17rem
}

.topNews__frame {
	background: #fff;
	border-radius: 3rem;
	margin: 3.1rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.topNews__btn {
	background: #f7e5c1;
	color: rgba(128, 71, 44, .5);
	font-size: 1.9rem;
	font-weight: 700;
	height: 6.2rem;
	letter-spacing: .25em;
	width: 49%
}

.topNews__btn.active {
	background: #fff;
	color: #e3971c
}

.topNews__btn:hover {
	color: #e3971c
}

.topNews__box {
	padding: 3rem 5.5rem 4.4rem
}

.topNews__item {
	border-bottom: 1px solid #d5d5d4;
	color: #282828;
	display: block;
	font-size: 1.6rem;
	line-height: 1;
	overflow: hidden;
	padding: 2rem .5rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

.topNews__cat,
.topNews__date {
	display: inline-block
}

.topNews__cat {
	background: #e3971c;
	color: #fff;
	font-size: 1.2rem;
	min-width: 11rem;
	padding: .5rem;
	text-align: center
}

.topNews__cat,
.topNews__title {
	margin: 0 0 0 .9rem
}

.topNews__more {
	letter-spacing: .15em;
	margin: 2.95rem 0 0;
	text-align: right
}

.topNews__moreLink {
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: underline
}

.topNews__moreArrow {
	font-size: 1.4rem;
	margin: 0 0 0 .5rem
}

.bread {
	font-size: 1.4rem;
	height: 6rem;
	letter-spacing: .05em;
	line-height: 2.285;
	padding: 1rem 0 0
}

.bread,
.bread__link {
	color: #80472c
}

.bread__arrow {
	font-size: 1.2rem;
	margin: 0 .6rem
}

.contents {
	background: #fdf8e8;
	color: #80472c
}

.partsRecommend {
	background: #f7e5c1;
	padding: 11.2rem 0
}

.partsRecommend--recipe {
	margin: 11.2rem 0 0
}

.partsRecommend__head {
	color: #e3971c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding: 0 3.8rem 1.9rem;
	position: relative;
	text-align: center
}

.partsRecommend__head:before {
	background-image: url(../img/svg/rec_pop.svg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: "";
	height: 2rem;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1
}

.partsRecommend__body {
	margin-top: 5.5rem
}

.partsRecommend__col {
	width: calc(50% - .8rem)
}

.partsRecommend__col:not(:first-child) {
	margin-left: 1.6rem
}

.partsRecommend__col--full {
	width: 100%
}

.partsRecommend__link {
	background: #fff;
	border-radius: 3.2rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.partsRecommend__link--pickup {
	height: 100%;
	max-height: 35.7rem
}

.partsRecommend__link--wide {
	width: 48%
}

.partsRecommend__img {
	background-size: cover;
	border-radius: 3.2rem 0 0 3.2rem;
	-ms-flex: none;
	flex: none;
	position: relative;
	width: 18rem;
	z-index: 1
}

.partsRecommend__img--main {
	width: 23rem
}

.partsRecommend__text {
	color: #282828;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.9;
	padding: 1rem;
	width: calc(100% - 18rem)
}

.partsRecommend__text--main {
	width: calc(100% - 23rem)
}

.partsRecommend__text--pickup {
	padding: 0 5rem
}

.partsRecommend__ttl {
	font-weight: 700
}

.partsRecommend__ttl--en {
	color: #e3971c;
	font-size: 2rem;
	letter-spacing: .2em
}

.partsRecommend__ttl--ja {
	font-size: 2.4rem
}

.partsRecommend__desc {
	margin-top: 3rem
}

.partsRecommend__btnwrapper {
	margin: 4rem auto 0;
	width: 50rem
}

.partsRecommend__btn {
	border: 2px solid #e3971c;
	border-radius: 4rem;
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	letter-spacing: .2em;
	position: relative;
	z-index: 1
}

.partsRecommend__btn:before,
.partsRecommend__btn:hover,
a:hover .partsRecommend__btn {
	background-color: #e3971c;
	color: #fff
}

.partsRecommend__btn .icon {
	font-size: 1.5rem
}

.partsEnjoy {
	padding: 13.8rem 0
}

.partsEnjoy__head {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	text-align: center
}

.partsEnjoy__link {
	margin: 6.4rem auto 0;
	width: 72rem
}

.partsEnjoy__img {
	border-radius: 3.2rem 0 0 3.2rem;
	width: 31rem
}

.partsEnjoy__text {
	background: #9dcc8f;
	border-radius: 0 3.2rem 3.2rem 0;
	color: #fff;
	-ms-flex: auto;
	flex: auto;
	padding: 0 4rem;
	width: calc(100% - 31rem)
}

.partsEnjoy__ttl {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em
}

.partsEnjoy__desc {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.9
}

.partsCommitted {
	background: #642f02 url(../img/parts_committed_bg.jpg) no-repeat 50%/cover;
	padding: 11.2rem 0
}

.partsCommitted__head {
	text-align: center
}

.partsCommitted__head--ja {
	color: #fff;
	font-size: 3.4rem;
	font-weight: 700;
	letter-spacing: .6em;
	text-align: left
}

.partsCommitted__head--en {
	color: #fffdc4;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .3em;
	text-transform: uppercase
}

.partsCommitted__intro {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin-top: 4.8rem;
	text-align: center
}

.partsCommitted__list {
	margin-top: 5.6rem
}

.partsCommitted__item {
	background: #fff;
	border-radius: 3.2rem;
	color: #80472c;
	font-size: 3.2rem;
	font-weight: 700;
	height: 22rem;
	letter-spacing: .1em;
	text-align: center;
	width: calc(33.33333% - 1.06667rem)
}

.partsCommitted__item--sub {
	font-size: 2rem;
	line-height: 1.5
}

.partsCommitted__more {
	margin: 3.6rem auto 0;
	width: 39rem
}

.partsCommitted__btn {
	border: 1px solid #fff;
	border-radius: 4rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	letter-spacing: .2em
}

.partsCommitted__btn:before,
.partsCommitted__btn:hover,
a:hover .partsCommitted__btn {
	background-color: #fff;
	color: #80472c
}

.partsCommitted__btn .icon {
	font-size: 1.4rem
}

.partsLineup {
	background: #fdf8e8;
	padding: 13.6rem 0;
	text-align: center
}

.partsLineup__head {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em
}

.partsLineup__list {
	margin-top: 6rem
}

.partsLineup__item {
	max-width: 16.3rem;
	position: relative;
	width: 24%
}

.partsLineup__link {
	color: #282828;
	display: block;
	position: relative;
	z-index: 1
}

.partsLineup__link .itemBg {
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1
}

.partsLineup__img {
	position: relative;
	z-index: 2
}

.partsLineup__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.partsLineup__text {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	margin-top: 1.7rem
}

.partsLineup .partsLineupOther {
	margin-top: 6.2rem
}

.partsLineup .partsLineupOther__link {
	background: #fff;
	border-radius: 3.2rem;
	height: 16.4rem;
	position: relative
}

.partsLineup .partsLineupOther .partsLineupCollabo {
	width: 66%
}

.partsLineup .partsLineupOther .partsLineupEc {
	width: 32%
}

.partsLineup .partsLineupOther .partsLineupEc__text {
	color: #80472c;
	letter-spacing: .05em;
	margin-left: 3.4rem
}

.partsLineup .partsLineupOther .partsLineupEc__ttl {
	font-size: 2.8rem;
	font-weight: 700
}

.partsLineup .partsLineupOther .partsLineupEc__desc {
	font-size: 1.5rem
}

.rateIcon {
	color: #e3971c;
	font-size: 2.6rem;
	margin: 0 .8rem
}

.rateIcon--lineup {
	font-size: 1.6rem;
	margin: 0 .4rem
}

.rateIcon--point {
	font-size: 1.2rem;
	margin: 0 .3rem
}

.rateIcon--sel {
	font-size: 1.8rem;
	margin: 0 .5rem
}

.storyMv {
	position: relative
}

.storyMv__slide img {
	border-radius: 3.2rem;
	height: auto;
	width: 100%
}

.storyMv__title {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	position: absolute;
	right: 60%;
	top: 15%;
	z-index: 2
}

.storyMv__text {
	margin: 0 1.4rem;
	opacity: 0;
	transform: translateY(2rem);
	transition: 2s
}

.storyMv__text--1 {
	transition-delay: 1s;
	transition-delay: 1.5s
}

.storyMv__text--2 {
	transition-delay: 2.5s
}

.storyMv__text--3 {
	transition-delay: 3.5s
}

.storyMv__text--4 {
	transition-delay: 4.5s
}

.storyMv__text--5 {
	transition-delay: 5.5s
}

.storyMv__text--6 {
	transition-delay: 6.5s
}

.storyMv__text--7 {
	transition-delay: 7.5s
}

.storyMv__text--8 {
	transition-delay: 8.5s
}

.storyMv__text--9 {
	transition-delay: 9.5s
}

.storyMv__text.active {
	opacity: 1;
	transform: none
}

.storyIntro {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2.2;
	padding: 10rem 0 7.7rem;
	text-align: center
}

.storyContainer {
	overflow: hidden;
	padding: 0 0 3rem;
	position: relative
}

.storyBg__img {
	position: absolute;
	z-index: -1
}

.storyBg__img--01 {
	left: -41.8rem;
	top: 6%
}

.storyBg__img--02 {
	right: -41.7rem;
	text-align: right;
	top: 12%
}

.storyBg__img--03 {
	left: -41.8rem;
	top: 53%
}

.storySec {
	margin: 3rem 5vw 0
}

.storySec__text {
	background: no-repeat 50%/contain;
	position: relative
}

.storySec__textDeco {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.storySec__textDeco img {
	opacity: 0;
	position: absolute;
	transform: scale(0);
	transition: 1s cubic-bezier(.165, .84, .44, 1)
}

.storySec__textDeco img.wave1 {
	transition-delay: 0s
}

.storySec__textDeco img.wave2 {
	transition-delay: .1s
}

.storySec__textDeco img.wave3 {
	transition-delay: .2s
}

.storySec__textDeco img.wave4 {
	transition-delay: .3s
}

.storySec__textDeco img.wave5 {
	transition-delay: .4s
}

.storySec__textDeco img.active {
	opacity: 1;
	transform: none
}

.storySec__textDeco--01 img:first-child {
	left: calc(50% - 15.7rem);
	top: 20%
}

.storySec__textDeco--01 img:nth-child(2) {
	left: 10%;
	top: 13%;
	width: 13.3%
}

.storySec__textDeco--01 img:nth-child(3) {
	left: 6%;
	top: 57%;
	width: 7.3%
}

.storySec__textDeco--01 img:nth-child(4) {
	right: 0;
	top: 5%;
	width: 5%
}

.storySec__textDeco--01 img:nth-child(5) {
	right: 10%;
	top: 55%;
	width: 21.3%
}

.storySec__textDeco--02 img:first-child {
	left: calc(50% - 13.8rem);
	top: 20%
}

.storySec__textDeco--02 img:nth-child(2) {
	left: 1%;
	top: 23%;
	width: 24.5%
}

.storySec__textDeco--02 img:nth-child(3) {
	left: 25%;
	top: 77%;
	width: 10%
}

.storySec__textDeco--02 img:nth-child(4) {
	right: 10%;
	top: 15%;
	width: 6.5%
}

.storySec__textDeco--02 img:nth-child(5) {
	right: 0;
	top: 65%;
	width: 12.8%
}

.storySec__textDeco--03 img:first-child {
	left: calc(50% - 13.35rem);
	top: 24%
}

.storySec__textDeco--03 img:nth-child(2) {
	left: 1%;
	top: 20%;
	width: 11.2%
}

.storySec__textDeco--03 img:nth-child(3) {
	left: 1%;
	top: 72%;
	width: 4.5%
}

.storySec__textDeco--03 img:nth-child(4) {
	right: 1%;
	top: 32%;
	width: 6.3%
}

.storySec__textDeco--03 img:nth-child(5) {
	right: 0;
	top: 60%;
	width: 34.1%
}

.storySec__textDeco--04 img:first-child {
	left: calc(50% - 15.6rem);
	top: 20%
}

.storySec__textDeco--04 img:nth-child(2) {
	left: 1%;
	top: 12%;
	width: 38.8%
}

.storySec__textDeco--04 img:nth-child(3) {
	right: 1%;
	top: 15%;
	width: 4.7%
}

.storySec__textDeco--04 img:nth-child(4) {
	right: 0;
	top: 80%;
	width: 23.4%
}

.storySec__ttl {
	font-size: 6.4rem;
	opacity: 0;
	transform: rotate(-15deg) translateX(-2rem);
	transition: 1s 1s
}

.storySec__ttl.active {
	opacity: 1;
	transform: rotate(-15deg)
}

.storySec__ttl--01 {
	color: #e5d97e
}

.storySec__ttl--02 {
	color: #a991ce
}

.storySec__ttl--03 {
	color: #89abd9
}

.storySec__ttl--04 {
	color: #a5cba4
}

.storySec__desc {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	opacity: 0;
	text-orientation: upright;
	transform: translateY(2rem);
	transition: 1s 1s;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.storySec__desc.active {
	opacity: 1;
	transform: none
}

.storySec__largeNum--ie {
	display: none
}

.storySec__num {
	text-align: center;
	text-combine-upright: all;
	vertical-align: text-top
}

.storySec__img {
	position: relative
}

.storySec__img--img {
	opacity: 0;
	transition: 1s
}

.storySec__img--img.active {
	opacity: 1;
	transform: none
}

.storySec__img--deco {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(.8);
	transition: 1s cubic-bezier(.165, .84, .44, 1);
	z-index: -1
}

.storySec__img--deco.active {
	opacity: 1;
	transform: none
}

.storySec__img--deco img:not(:first-child) {
	left: 0;
	position: absolute;
	top: 0
}

.storySec__img--deco img:first-child {
	transform: rotate(12deg) translate(3%)
}

.storySec__img--deco img:nth-child(2) {
	transform: rotate(67deg)
}

.storyTask {
	color: #80472c;
	font-weight: 700;
	padding: 9.8rem 0 9rem;
	text-align: center
}

.storyTask__text {
	font-size: 1.8rem;
	letter-spacing: .2em;
	line-height: 2
}

.storyTask__text--em {
	background: linear-gradient(0deg, #fbdba9 .8rem, #fbdba9 .81rem, transparent 0, transparent);
	font-size: 2.4rem;
	line-height: 1.5
}

.storyTask__container {
	background: #fff;
	border: 4px solid #e3971c;
	border-radius: 2.5rem;
	margin: 2.8rem auto;
	max-width: 90.4rem;
	padding: 2.4rem 0
}

.storyTask__container--text {
	color: #e3971c;
	font-size: 2.2rem;
	letter-spacing: .1em;
	line-height: 1.8;
	text-decoration: underline
}

.storyOutro {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	padding: 10rem 0 8rem
}

.storyOutro,
.storyQuestion {
	text-align: center
}

.storyQuestion__container {
	margin: 0 auto;
	position: relative;
	width: 76.3rem
}

.storyQuestion__bg {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transition: 1s cubic-bezier(.165, .84, .44, 1)
}

.storyQuestion__bg.wave1 {
	transition-delay: 0s
}

.storyQuestion__bg.wave2 {
	transition-delay: .1s
}

.storyQuestion__bg.wave3 {
	transition-delay: .2s
}

.storyQuestion__bg.wave4 {
	transition-delay: .3s
}

.storyQuestion__bg.wave5 {
	transition-delay: .4s
}

.storyQuestion__bg.active {
	opacity: 1;
	transform: none
}

.storyQuestion__img {
	display: inline-block;
	left: 20%;
	max-width: 43.4rem;
	opacity: 0;
	position: absolute;
	top: 25%;
	transform: scale(0);
	transition: 1s cubic-bezier(.165, .84, .44, 1);
	width: 100%
}

.storyQuestion__img.wave1 {
	transition-delay: 0s
}

.storyQuestion__img.wave2 {
	transition-delay: .1s
}

.storyQuestion__img.wave3 {
	transition-delay: .2s
}

.storyQuestion__img.wave4 {
	transition-delay: .3s
}

.storyQuestion__img.wave5 {
	transition-delay: .4s
}

.storyQuestion__img.active {
	opacity: 1;
	transform: none
}

.storyQuestion__text {
	background: #fffdd6;
	border: 3px solid #be905a;
	border-radius: 50%;
	color: #80472c;
	filter: drop-shadow(0 .3rem 3rem rgba(85, 58, 26, .1));
	font-size: 1.6rem;
	font-weight: 700;
	height: 23rem;
	letter-spacing: .2em;
	line-height: 1.5;
	opacity: 0;
	position: absolute;
	text-align: center;
	transform: scale(0);
	transition: 1s cubic-bezier(.165, .84, .44, 1);
	width: 23rem
}

.storyQuestion__text.wave1 {
	transition-delay: 0s
}

.storyQuestion__text.wave2 {
	transition-delay: .1s
}

.storyQuestion__text.wave3 {
	transition-delay: .2s
}

.storyQuestion__text.wave4 {
	transition-delay: .3s
}

.storyQuestion__text.wave5 {
	transition-delay: .4s
}

.storyQuestion__text.active {
	opacity: 1;
	transform: none
}

.storyQuestion__text:before {
	border: 1px solid #be905a;
	border-radius: 50%;
	content: "";
	display: block;
	height: calc(100% - 12px);
	left: 6px;
	position: absolute;
	top: 6px;
	width: calc(100% - 12px)
}

.storyQuestion__text--inner {
	height: 100%;
	width: 100%
}

.storyQuestion__text--01 {
	height: 17.2rem;
	left: 38%;
	top: 0;
	width: 17.2rem
}

.storyQuestion__text--02 {
	height: 20rem;
	left: 5%;
	top: 20%;
	width: 20rem
}

.storyQuestion__text--03 {
	bottom: 3%;
	left: 5%
}

.storyQuestion__text--04 {
	right: 0;
	top: 15%
}

.storyQuestion__text--05 {
	bottom: 5%;
	height: 20rem;
	right: 10%;
	width: 20rem
}

.storyTest {
	background: #fff;
	border-radius: 3.2rem;
	margin-top: 8rem;
	padding: 5.6rem 9.2rem;
	text-align: center
}

.storyTest__head {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.7
}

.storyTest__head--border {
	background: linear-gradient(0deg, #fbdba9 1.2rem, #fbdba9 1.21rem, transparent 0, transparent)
}

.storyTest__desc {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin-top: 2.2rem
}

.storyTest__desc--em {
	background: linear-gradient(0deg, #fbdba9 1.2rem, #fbdba9 1.21rem, transparent 0, transparent);
	font-size: 2.4rem
}

.storyTest__subhead {
	background: #be905a;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	height: 4rem;
	letter-spacing: .1em;
	line-height: 2.25;
	margin: 4.8rem 0 2.4rem
}

.storyTest__graph {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: 26rem
}

.storyTest__text {
	text-align: left;
	width: calc(100% - 30rem)
}

.storyTest__ttl {
	border-bottom: 1px solid #e3971c;
	color: #e3971c;
	font-size: 1.6rem;
	font-weight: 700
}

.storyTest__ttl:not(:first-child) {
	margin-top: 2rem
}

.storyTest__dtl {
	font-size: 1.5rem;
	font-weight: 500
}

.storyTest__note {
	font-size: 1.4rem;
	margin-top: 2.5rem
}

.storyFlow {
	background: #fff;
	border-radius: 3.2rem;
	color: #80472c;
	margin-top: 1.6rem;
	padding: 5.6rem 9.2rem
}

.storyFlow__head {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.67;
	text-align: center
}

.storyFlow__head--border {
	background: linear-gradient(0deg, #fbdba9 1.2rem, #fbdba9 1.21rem, transparent 0, transparent)
}

.storyFlow__desc {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.78;
	margin-top: 2.2rem
}

.storyFlow__img {
	margin-top: 4rem;
	text-align: center
}

.storyEnd {
	margin-top: 11.2rem;
	text-align: center
}

.storyEnd__text {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2
}

.storyEnd__text--em {
	background: linear-gradient(0deg, #fbdba9 1.2rem, #fbdba9 1.21rem, transparent 0, transparent);
	font-size: 2.4rem
}

.storyEnd__img+* {
	margin-top: -7.7rem
}

.storyInterview {
	background: url(../img/10st_interview_bg.png) no-repeat bottom/100% 100%;
	margin-top: 3.9rem;
	padding: 22.5rem 0 8rem
}

.storyInterview__head {
	font-weight: 700;
	text-align: center
}

.storyInterview__head--en {
	color: #e3971c;
	font-size: 2.8rem;
	letter-spacing: .2em;
	line-height: 1.4
}

.storyInterview__head--ja {
	color: #80472c;
	font-size: 2.4rem
}

.storyInterview__item {
	background: #fff;
	border-radius: 3.2rem;
	margin-top: 4rem;
	padding: 4.5rem 4rem;
	width: calc(50% - .8rem)
}

.storyInterview__text {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1
}

.storyInterview__copy {
	color: #80472c
}

.storyInterview__pos {
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 2rem
}

.storyInterview__name {
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: .8rem
}

.storyInterview__img {
	width: 138px
}

.storyInterview__message {
	font-size: 1.6rem;
	line-height: 1.75;
	margin-top: 3rem
}

.storyLineup {
	margin: 15.5rem 0 10rem
}

.storyLineup__head {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.4;
	text-align: center
}

.storyLineup__frame {
	margin-top: 4.5rem
}

.storyLineup__pickup {
	background: #fff;
	border-radius: 3.2rem;
	padding: 4.5rem 9.2rem;
	width: 100%
}

.storyLineup__pickupHead {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .2em
}

.storyLineup__pickupName {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .1em
}

.storyLineup__pickupName .note {
	font-size: 1.5rem;
	margin-left: 2.7rem
}

.storyLineup__pickupDesc {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2;
	margin-top: 2.8rem
}

.storyLineup__pickupRate {
	margin-top: 5rem
}

.storyLineup__pickupRate--ttl {
	background: #80472c;
	border-radius: .8rem 0 0 .8rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	padding: 1.3rem 2rem
}

.storyLineup__pickupRate--dtl {
	background: #fdf8e8;
	border-radius: 0 .8rem .8rem 0;
	color: #e3971c;
	font-size: 2.8rem;
	width: 32.7rem
}

.storyLineup__pickupRate--dtl .icon,
.storyLineup__pickupRate--icon {
	margin: 0 .8rem
}

.storyLineup__itemBlock {
	width: 100%
}

.storyLineup__item {
	color: #80472c;
	font-weight: 700;
	line-height: 1;
	margin: 7.4rem 0 0;
	text-align: center
}

.storyLineup__item--main {
	margin: 0;
	width: calc(100% - 44rem)
}

.storyLineup__img {
	position: relative
}

.storyLineup__img img {
	position: relative;
	z-index: 2
}

.storyLineup__bg {
	left: 50%;
	max-width: 200px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1
}

.storyLineup__data {
	position: relative;
	z-index: 2
}

.storyLineup__data--main {
	margin: 0 0 0 -3rem
}

.storyLineup__text {
	font-size: 1.4rem;
	letter-spacing: .05em;
	margin: 2rem 0 0
}

.storyLineup__text--main {
	font-size: 2rem;
	margin: 0
}

.storyLineup__name {
	font-size: 2.4rem;
	letter-spacing: .15em;
	margin: 1rem 0 0
}

.storyLineup__name--main {
	font-size: 3.4rem
}

.storyLineup__name--sub {
	font-size: 2rem
}

.storyLineup__more {
	margin: 8.5rem 0 0
}

.storyLineup__btn {
	font-size: 1.8rem;
	height: 8rem;
	margin: 0 .8rem;
	max-width: 49%;
	padding: 0 0 0 1em;
	width: 35rem
}

.storyLineup__bnr {
	background: #fff;
	border-radius: 3rem;
	height: 16.4rem;
	margin: 7.8rem 0 0;
	max-width: 100%;
	width: 72rem
}

.storyLineup__bnrImg {
	text-align: center;
	width: 32rem
}

.storyLineup__bnrData {
	width: calc(100% - 32rem)
}

.storyLineup__bnrMain {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1
}

.storyLineup__bnrSub {
	font-size: 1.4rem;
	margin: 1rem 0 0
}

.storyLineup__btnIcon {
	left: 3rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.storyLineup__btnIcon--item {
	font-size: 3.1rem
}

.storyLineup__btnIcon--cart {
	font-size: 2.7rem
}

.storyRecipe {
	margin: 13.6rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.storyRecipe .swiper-container,
.storyRecipe .swiper-wrapper {
	overflow: visible
}

.storyRecipe__base {
	width: 182.5rem
}

.storyRecipe__item {
	background: #fff;
	border-radius: 3rem;
	display: block;
	overflow: hidden
}

.storyRecipe__name {
	color: #282828;
	font-size: 1.8rem;
	font-weight: 500;
	min-height: 12.5rem;
	padding: 0 1em;
	position: relative;
	z-index: 2
}

.storyRecipe__clamp {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.storyRecipe__icon {
	background: #f7e5c1;
	border-radius: 50%;
	height: 8.8rem;
	left: 2rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	width: 8.8rem;
	z-index: 2
}

.storyRecipe__icon img {
	mix-blend-mode: multiply
}

.storyRecipe__move {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	height: 7rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 7rem;
	z-index: 2
}

.storyRecipe__move--prev {
	left: 7rem
}

.storyRecipe__move--next {
	right: 7rem
}

.storySns {
	background: #fff;
	padding: 6.7rem 0 7.3rem;
	text-align: center
}

.storySns__head {
	color: #e3971c;
	font-size: 2.6rem;
	font-weight: 600;
	letter-spacing: .1em
}

.storySns__desc {
	color: #282828;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.8;
	margin-top: 2.2rem
}

.storySns__list {
	margin-top: 4rem
}

.storySns__item {
	margin: 0 1.5rem
}

.storySns__link {
	color: #282828;
	font-size: 4rem
}

.storyMovie {
	padding: 8rem 0 16.7rem
}

.storyMovie .tomMov,
.storyMovie .topBnr {
	margin: 5.6rem 0 0
}

.campaign_goma600g img {
	border: 0
}

.campaign_goma600g li {
	list-style: none;
	list-style-position: outside
}

.campaign_goma600g h1,
.campaign_goma600g h2,
.campaign_goma600g h3 {
	font-size: 100%;
	font-weight: 400
}

.campaign_goma600g #contentsWrap {
	margin: 0 auto;
	max-width: 960px
}

.campaign_goma600g #contentsWrap .goma600g-header {
	position: relative
}

.campaign_goma600g #contentsWrap .goma600g-header .goma600g-logo {
	left: 28px;
	position: absolute;
	top: 22px
}

.campaign_goma600g #contentsWrap .goma600g-body {
	background: #ffe329;
	padding: 0 0 45px
}

.campaign_goma600g #contentsWrap .goma600g-lineup {
	padding: 0 34px 24px
}

.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container {
	background: url(../campaign/goma600g/images/bg_lineup_pc.png) no-repeat center 0;
	border-radius: 30px;
	overflow: hidden;
	padding: 0 34px 50px
}

.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container .heading {
	padding: 46px 40px 0
}

.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container ul {
	margin: -3px auto 48px;
	overflow: hidden;
	width: 95%
}

.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container ul li {
	float: left;
	font-size: 0;
	margin: 0 1%;
	padding: 0;
	width: 48%
}

.campaign_goma600g #contentsWrap .goma600g-recipe {
	padding: 0 34px
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container {
	background: url(../campaign/goma600g/images/bg_recipe_pc.png) no-repeat 0 0;
	background-size: cover;
	border-radius: 50px;
	padding: 0 0 50px
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .heading {
	padding: 46px 48px 31px
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato {
	padding: 0 48px 40px
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato-movie {
	background: url(../campaign/goma600g/images/potato_head_pc.png) no-repeat 0 0
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list {
	padding: 0 48px
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul {
	overflow: hidden
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li {
	float: left;
	margin: 0 1% 28px;
	width: 48%
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li img {
	display: block
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li a {
	display: block;
	height: 152px;
	width: 100%
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li a:hover {
	opacity: .8
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li img {
	height: auto;
	width: 100%
}

.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-button-top {
	margin: 30px auto 0;
	width: 350px
}

.campaign_goma600g .wrapper {
	width: 100%
}

.campaign_goma600g a {
	color: inherit;
	text-decoration: none;
	transition: opacity .3s
}

.campaign_goma600g a:active,
.campaign_goma600g a:hover,
.campaign_goma600g a:hover img {
	opacity: .8
}

.campaign_gomashoku div,
.campaign_gomashoku h1,
.campaign_gomashoku h2,
.campaign_gomashoku h3,
.campaign_gomashoku h4,
.campaign_gomashoku img,
.campaign_gomashoku li,
.campaign_gomashoku p,
.campaign_gomashoku ul {
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	vertical-align: baseline
}

.campaign_gomashoku ul {
	list-style-type: none
}

.campaign_gomashoku #gomashoku {
	background-attachment: scroll;
	background-image: url(../campaign/gomashoku/images/bg_top.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	margin: 15px auto 35px;
	max-width: 968px;
	padding: 7px 0 0
}

.campaign_gomashoku #gomashoku h1 {
	display: block;
	margin: 0 auto;
	max-width: 954px
}

.campaign_gomashoku .gomashokuWrap {
	background-attachment: scroll;
	background-image: url(../campaign/gomashoku/images/bg_und.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	padding: 0 0 12px
}

.campaign_gomashoku .inner {
	background-attachment: scroll;
	background-color: #fff;
	background-image: url(../campaign/gomashoku/images/bg.png);
	background-position: top;
	background-repeat: repeat-y;
	display: block;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative
}

.campaign_gomashoku .colBox {
	display: block;
	margin: 20px auto;
	max-width: 900px;
	position: relative
}

.campaign_gomashoku #col01 h2.sttl {
	position: absolute;
	right: 20px;
	top: 30px;
	width: 35%
}

.campaign_gomashoku #col01 #btnBox {
	display: block;
	left: 45px;
	position: absolute;
	top: 35%
}

.campaign_gomashoku #btnBox li {
	display: block;
	float: left;
	line-height: 0;
	padding: 0 17px;
	width: 20%
}

.campaign_gomashoku .colTxt {
	background-image: url(../campaign/gomashoku/images/col01_txtBg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	bottom: 20px;
	left: 20px;
	max-width: 860px;
	padding: 40px;
	position: absolute
}

.campaign_gomashoku .colTxt,
.campaign_gomashoku .tabeawaseWrap {
	background-attachment: scroll;
	background-position: top;
	display: block
}

.campaign_gomashoku .tabeawaseWrap {
	background-image: url(../campaign/gomashoku/images/awase_bg.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	max-width: 880px;
	padding-top: 10px;
	position: relative;
	z-index: 100
}

.campaign_gomashoku .tabeawaseinner {
	background-attachment: scroll;
	background-image: url(../campaign/gomashoku/images/awase_bg_und.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	padding-bottom: 10px
}

.campaign_gomashoku #col02 .tabeawase {
	background-attachment: scroll;
	background-image: url(../campaign/gomashoku/images/col02_awaseBg.gif);
	background-position: top;
	background-repeat: repeat;
	border-radius: 8px;
	display: block;
	margin: 0 auto;
	max-width: 850px;
	position: relative
}

.campaign_gomashoku ul.awaseList {
	display: block;
	padding: 18px
}

.campaign_gomashoku ul.awaseList li {
	background-attachment: scroll;
	background-image: url(../campaign/gomashoku/images/goma_line.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 30px;
	position: relative
}

.campaign_gomashoku ul.awaseList li.noLine {
	background: 0 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.campaign_gomashoku ul.awaseList li h3 {
	display: block;
	padding-left: 20px;
	width: 15%
}

.campaign_gomashoku ul.awaseList li h4 {
	left: 20%;
	max-width: 80%;
	position: absolute;
	top: 5px
}

.campaign_gomashoku ul.awaseList li em {
	left: 20%;
	max-width: 80%;
	position: absolute;
	top: 40px
}

.campaign_gomashoku #col03 h2.sttl {
	margin-top: 50px
}

.campaign_gomashoku #new_products {
	padding: 32px 0 100px;
	position: relative
}

.campaign_gomashoku #new_products h2 {
	text-align: center
}

.campaign_gomashoku #new_products_list {
	letter-spacing: -.5em;
	padding: 12px 0 0;
	text-align: center
}

.campaign_gomashoku #new_products_list li {
	zoom: 1;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 1%;
	text-align: center;
	width: 23%
}

.campaign_gomashoku #new_products_list img {
	display: block;
	margin: 0 auto
}

.campaign_gomashoku #new_products_list span {
	display: block;
	font-size: 81.25%;
	text-align: center
}

.campaign_gomashoku #new_products .more {
	bottom: 40px;
	position: absolute;
	right: 26px
}

.campaign_gomashoku #col01 {
	margin-top: 0
}

.campaign_gomashoku #recipe_tab {
	letter-spacing: -.5em;
	line-height: 0;
	padding: 29px 0 0
}

.campaign_gomashoku #recipe_tab li {
	zoom: 1;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: inline-block;
	letter-spacing: 0;
	line-height: 0;
	margin: 0 .5%;
	position: relative;
	text-align: center;
	width: 19%;
	z-index: 0
}

.campaign_gomashoku #recipe_tab li:first-child {
	margin-left: 0
}

.campaign_gomashoku #recipe_tab .open {
	z-index: 10
}

.campaign_gomashoku #recipe_tab li a {
	display: block;
	padding-top: 3px
}

.campaign_gomashoku #recipe_tab li img {
	border-top: 3px solid transparent
}

.campaign_gomashoku #tab1 {
	background-color: #dce4d1
}

.campaign_gomashoku #tab1.open {
	background-color: #fff;
	box-shadow: 0 -2px 2px 0 #ccc
}

.campaign_gomashoku #tab1.open img {
	border-top-color: #729349
}

.campaign_gomashoku #tab2 {
	background-color: #f8efd2
}

.campaign_gomashoku #tab2.open {
	background-color: #fff;
	box-shadow: 0 -2px 2px 0 #ccc
}

.campaign_gomashoku #tab2.open img {
	border-top-color: #729349
}

.campaign_gomashoku #tab3 {
	background-color: #fce7e6
}

.campaign_gomashoku #tab3.open {
	background-color: #fff;
	box-shadow: 0 -2px 2px 0 #ccc
}

.campaign_gomashoku #tab3.open img {
	border-top-color: #729349
}

.campaign_gomashoku #tab4 {
	background-color: #d7e6ed
}

.campaign_gomashoku #tab4.open {
	background-color: #fff;
	box-shadow: 0 -2px 2px 0 #ccc
}

.campaign_gomashoku #tab4.open img {
	border-top-color: #729349
}

.campaign_gomashoku #tab5 {
	background-color: #e5e0ec
}

.campaign_gomashoku #tab5.open {
	background-color: #fff;
	box-shadow: 0 -2px 2px 0 #ccc
}

.campaign_gomashoku #tab5.open img {
	border-top-color: #729349
}

.campaign_gomashoku #recipe_list {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 0 3px 0 #ccc;
	min-height: 475px;
	position: relative;
	z-index: 1
}

.campaign_gomashoku #recipe_list li {
	display: none;
	letter-spacing: -.5em;
	padding: 29px 20px 28px;
	position: relative
}

.campaign_gomashoku #recipe_list #recipe_tab1 {
	display: block
}

.campaign_gomashoku #recipe_list li h3 {
	margin: 0 0 32px;
	padding: 8px 0 9px;
	text-align: center
}

.campaign_gomashoku #recipe_tab1 h3 {
	background-color: #e3e9db
}

.campaign_gomashoku #recipe_tab2 h3 {
	background-color: #f8efd2
}

.campaign_gomashoku #recipe_tab3 h3 {
	background-color: #fce7e6
}

.campaign_gomashoku #recipe_tab4 h3 {
	background-color: #d7e6ed
}

.campaign_gomashoku #recipe_tab5 h3 {
	background-color: #e5e0ec
}

.campaign_gomashoku .recipe_box {
	letter-spacing: 0;
	padding: 0 0 25px 19px;
	position: relative;
	vertical-align: top;
	width: 48%
}

.campaign_gomashoku .recipe_box .img {
	border: 9px solid #fff;
	box-shadow: 0 0 4px 0 #ccc;
	display: block;
	margin-bottom: 22px
}

.campaign_gomashoku .recipe_box .cap {
	left: 0;
	max-width: 50%;
	position: absolute;
	top: -12px
}

.campaign_gomashoku .recipe_box .ttl {
	margin-bottom: 13px
}

.campaign_gomashoku .recipe_box .more {
	text-align: right
}

.campaign_gomashoku .recipe_box .name {
	color: #333;
	font-size: 93%;
	padding-bottom: .5em
}

.campaign_gomashoku .phR {
	display: block;
	float: right;
	margin-left: 0;
	width: 10%
}

.campaign_gomashoku .colTxt>img {
	width: 85%
}

.campaign_gomashoku .clearfix {
	zoom: 1;
	min-height: 1px
}

.campaign_gomashoku .clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.campaign_gomashoku a {
	color: inherit;
	text-decoration: none;
	transition: opacity .3s
}

.campaign_gomashoku a:active,
.campaign_gomashoku a:hover,
.campaign_gomashoku a:hover img {
	opacity: .8
}

body .campGomaSyoku__title {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 1px
}

body .campGomaSyoku__title--4 {
	color: #145585
}

.campaign-info {
	background-image: url(../img/campaign-info_bg.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 8.4rem 0 16rem
}

.campaign-info__logo {
	margin: 0 auto;
	width: 326px
}

.campaign-info__message {
	font-size: 3.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.4;
	margin-top: 34px;
	text-align: center
}

.campaign-info__text {
	font-size: 2.8rem;
	font-weight: 700;
	margin-top: 1.6rem;
	text-align: center
}

.campaign-info__btn1Wrapper {
	margin: 5.6rem auto 0;
	max-width: 55.2rem
}

.campaign-info__btn2Wrapper {
	margin: 2.4rem auto 0;
	max-width: 37.8rem
}

.campaign-info__btn {
	background-color: #e3971c;
	border-radius: 9999px;
	color: #fff;
	font-size: 2.4rem;
	height: 8rem
}

.campaign-info__img {
	margin: 9rem auto 0;
	max-width: 50rem
}

.collPro__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.collPro__list {
	margin: -3.2rem 0 0
}

.collPro__list:after,
.collPro__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 32%
}

.collPro__item {
	font-weight: 700;
	line-height: 1;
	margin: 6.4rem 0 0;
	text-align: center;
	width: 32%
}

.collPro__img {
	padding: 0 5rem;
	text-align: center
}

.collPro__brand,
.collPro__name {
	font-size: 1.8rem
}

.collPro__name {
	line-height: 1.5;
	margin: 1rem 0 0
}

.collPro__clamp {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.collPro__chip .icon {
	background: #e3971c;
	color: #fff;
	font-size: 1.4rem;
	margin: 1.5rem 0 0;
	padding: .5rem 1rem
}

.collPro__more {
	margin: 2.4rem 0 0;
	text-align: center
}

.collPro__btn {
	font-size: 1.6rem;
	height: 4.8rem;
	max-width: 20rem
}

.collItem__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.collItem__box {
	background: #fff;
	border-radius: 3rem;
	margin: 5.6rem 0 0;
	padding: 9.2rem 9.2rem 9.2rem 7.6rem
}

.collItem__img {
	width: 32rem
}

.collItem__data {
	font-size: 1.6rem;
	width: calc(100% - 38.6rem)
}

.collItem__name {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700
}

.collItem__chip .icon {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	margin: 1.5rem 0 0;
	padding: .5rem 1rem
}

.collItem__text {
	line-height: 2;
	margin: 2.4rem 0 0
}

.collItem__text a {
	text-decoration: underline
}

.collItem__text a:hover {
	text-decoration: none
}

.collItem__text p:not([class]):not(:last-child) {
	margin-bottom: 0
}

.collItem__more {
	margin: 1.5rem 0 0
}

.collItem__link {
	color: #e3971c;
	text-decoration: underline
}

.collItem__link:hover {
	text-decoration: none
}

.collItem__contact {
	line-height: 2;
	margin: 1.5rem 0 0
}

.collBack {
	margin: 8rem 0 0;
	text-align: center
}

.collBack__btn {
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	max-width: 38rem
}

.cAccess__map {
	height: 35rem
}

.cAccess__map iframe {
	height: 100%;
	width: 100%
}

.cAccess__sec {
	margin: 5rem 0 0
}

.cAccess__title {
	border-bottom: 1px solid #d9bc8e;
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1;
	padding: 0 0 1.6rem
}

.cAccess__table {
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	margin: 3rem 0 0
}

.cAccess__cell {
	font-feature-settings: "palt";
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	padding: 1.5rem
}

.cAccess__cell--th {
	background: #f7e5c1;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	width: 20rem
}

.cAccess__cell--td {
	color: #282828;
	width: calc(100% - 20rem)
}

.cConIntro {
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1.8
}

.cConIntro__img {
	border-radius: 4rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.cConIntro__title {
	color: #e3971c;
	font-size: 2.8rem;
	letter-spacing: .28em;
	margin: 7rem 0 0
}

.cConIntro__text {
	font-size: 2rem;
	margin: 2rem 0 0
}

.cConSec {
	margin: 8rem 0 0
}

.cConSec+.cConSec {
	margin: 6.4rem 0 0
}

.cConSec__title {
	border-bottom: 1px solid #d9bc8e;
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1;
	padding: 0 0 1.6rem
}

.cConSec__list {
	font-size: 1.6rem
}

.cConSec__item {
	color: #282828;
	line-height: 2;
	margin: 1.5rem 0 0;
	padding: 0 0 0 1.5em;
	position: relative
}

.cConSec__item:before {
	content: "・";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2
}

.cConSec__note {
	color: #282828;
	margin: 2rem 0 0
}

.cConSec__link {
	color: #e3971c;
	text-decoration: underline
}

.cConSec__link:hover {
	text-decoration: none
}

.cGroup__nav {
	gap: 1.6rem;
	margin-bottom: 3rem
}

.cGroup__nav,
.cGroup__navBtn {
	display: -ms-flexbox;
	display: flex
}

.cGroup__navBtn {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 2px solid #e3971c;
	border-radius: 50px;
	color: #e3971c;
	-ms-flex: 1;
	flex: 1;
	font-size: 1.8rem;
	font-weight: 600;
	justify-content: center;
	padding: 1.5rem 4rem 1.5rem 3rem;
	position: relative;
	text-decoration: none;
	transition: all .3s
}

.cGroup__navBtn:after {
	border-bottom: 2px solid #e3971c;
	border-right: 2px solid #e3971c;
	content: "";
	height: 10px;
	margin-top: -2px;
	position: absolute;
	right: 2rem;
	transform: rotate(45deg);
	transition: all .3s;
	width: 10px
}

.cGroup__navBtn:hover {
	background-color: #e3971c;
	color: #fff
}

.cGroup__navBtn:hover:after {
	border-bottom-color: #fff;
	border-right-color: #fff
}

.cGroup__intro {
	font-feature-settings: "palt";
	border: 1px solid #d9bc8e;
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .2em;
	line-height: 2;
	padding: 2rem;
	text-align: justify
}

.cGroup__link {
	color: #e3971c;
	text-decoration: underline
}

.cGroup__link:hover {
	text-decoration: none
}

.cGroup__subhead {
	font-size: 2rem;
	font-weight: 600;
	margin: 5rem 0 0
}

.cGroup__table {
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	color: #282828;
	margin: 2rem 0 0
}

.cGroup__table a[href^="mailto:"] {
	color: #282828
}

.cGroup__cell {
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	padding: 2rem
}

.cGroup__cell--th {
	background: #f7e5c1;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	width: 20rem
}

.cGroup__cell--td {
	width: calc(100% - 20rem)
}

.cGroup__in {
	width: 100%
}

.cHisBase {
	background: #fff;
	border-radius: 3rem;
	margin: 4rem 0 0;
	padding: 8rem 9.2rem
}

.cHisIntro__text {
	font-feature-settings: "palt";
	border: 1px solid #80472c;
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .2em;
	line-height: 2;
	margin: 2rem 0 0;
	padding: 3rem;
	text-align: justify
}

.cHisTime {
	padding: 5rem 0 0
}

.cHisTime__list {
	background: #fff;
	position: relative
}

.cHisTime__list:before {
	background: url(../img/company_history_line.png) repeat-y center 0;
	background-size: 4px auto;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 4px;
	z-index: 1
}

.cHisTime__item {
	color: #282828;
	margin: 8rem 0 2.5rem;
	width: 46%
}

.cHisTime__item:nth-child(odd) {
	margin-left: auto
}

.cHisTime__item--box {
	background: #f6f3e7;
	padding: 2rem
}

.cHisTime__icon {
	color: #e3971c;
	font-size: 2.2rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	transform: scaleX(-1);
	width: 100%;
	z-index: 2
}

.cHisTime__title {
	color: #eb9720;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1
}

.cHisTime__year {
	color: #b09988;
	font-size: 1.3rem;
	font-weight: 700;
	margin: .5rem 0 .8rem
}

.cHisTime__text {
	font-size: 1.5rem
}

.cHisTime__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 2rem 0 0;
	text-align: center
}

.cOffice {
	background: #fff;
	border-radius: 3rem;
	margin: 4rem 0 0;
	padding: 8rem 9.2rem
}

.cOffice__map {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 0 auto;
	max-width: 80rem;
	mix-blend-mode: multiply;
	text-align: center
}

.cOffice__table {
	background: #fff;
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	color: #282828;
	margin: 5rem 0 0
}

.cOffice__cell {
	font-feature-settings: "palt";
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 2rem
}

.cOffice__cell--title {
	background: #f7e5c1;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center
}

.cOffice__cell--name {
	width: 20rem
}

.cOffice__cell--address {
	width: calc(100% - 40rem)
}

.cOffice__cell--tel {
	width: 20rem
}

.cOffice__in {
	width: 100%
}

.cOfficeTel {
	font-size: 1.4rem
}

.cOfficeTel:not(:first-child) {
	margin: .5rem 0 0
}

.cOfficeTel__label {
	margin: 0 0 .2rem
}

.cOfficeTel__chip {
	background: #80472c;
	color: #fff;
	font-size: 1.2rem;
	margin: 0 .5rem 0 0;
	padding: 0 .5rem
}

.cOrg {
	background: #fff;
	border-radius: 3rem;
	line-height: 1.6;
	margin: 4rem 0 0;
	padding: 8rem 9.2rem;
	position: relative
}

.cOrg__box {
	padding: 0 3.125%
}

.cOrg__item {
	background: #fff;
	color: #282828
}

.cOrg .parent {
	border: 2px solid #dedede;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 0;
	padding: 2px 0;
	position: relative;
	text-align: center;
	width: 160px
}

.cOrg .branch_wrap {
	padding: 10px 0 0 80px
}

.cOrg .branch01_tit,
.cOrg .branch02_tit,
.cOrg .branch03_tit,
.cOrg .branch04_tit,
.cOrg .branch05_tit {
	border: 2px solid #dedede;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
	padding: 2px 0;
	position: relative;
	text-align: center;
	width: 160px
}

.cOrg .branch01_tit:before,
.cOrg .branch02_tit:before,
.cOrg .branch03_tit:before,
.cOrg .branch04_tit:before,
.cOrg .branch05_tit:before {
	border-bottom: 2px solid #dedede;
	border-left: 2px solid #dedede;
	bottom: 12px;
	content: "";
	height: 34px;
	left: -12px;
	position: absolute;
	width: 12px
}

.cOrg .branch01_tit.first:before,
.cOrg .branch02_tit.first:before,
.cOrg .branch03_tit.first:before,
.cOrg .branch04_tit.first:before,
.cOrg .branch05_tit.first:before {
	height: 26px
}

.cOrg .branch01_tit.cel1:before,
.cOrg .branch02_tit.cel1:before,
.cOrg .branch03_tit.cel1:before,
.cOrg .branch04_tit.cel1:before,
.cOrg .branch05_tit.cel1:before {
	height: 90px
}

.cOrg .branch01_tit.cel2:before,
.cOrg .branch02_tit.cel2:before,
.cOrg .branch03_tit.cel2:before,
.cOrg .branch04_tit.cel2:before,
.cOrg .branch05_tit.cel2:before {
	height: 120px
}

.cOrg .branch01_tit.cel3:before,
.cOrg .branch02_tit.cel3:before,
.cOrg .branch03_tit.cel3:before,
.cOrg .branch04_tit.cel3:before,
.cOrg .branch05_tit.cel3:before {
	height: 240px
}

.cOrg .branch01_tit.cel9:before,
.cOrg .branch02_tit.cel9:before,
.cOrg .branch03_tit.cel9:before,
.cOrg .branch04_tit.cel9:before,
.cOrg .branch05_tit.cel9:before {
	height: 360px
}

.cOrg .branch01_tit.cel19:before,
.cOrg .branch02_tit.cel19:before,
.cOrg .branch03_tit.cel19:before,
.cOrg .branch04_tit.cel19:before,
.cOrg .branch05_tit.cel19:before {
	height: 1180px
}

.cOrg .wh .branch01_tit,
.cOrg .wh .branch02_tit,
.cOrg .wh .branch03_tit,
.cOrg .wh .branch04_tit,
.cOrg .wh .branch05_tit {
	background: #fff;
	border: 2px solid #dedede;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
	padding: 2px 0;
	position: relative;
	text-align: center;
	width: 160px
}

.cOrg .step02 {
	padding: 5px 0 0 80px
}

.cOrg .step03 {
	padding: 5px 0 0 160px
}

.cOrg .step04 {
	padding: 5px 0 0 240px
}

.cOrg .step05 {
	padding: 5px 0 0 320px
}

.companySec {
	margin-top: 7.4rem
}

.companySec__head {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.4
}

.compBase {
	background: #fff;
	border-radius: 3rem;
	margin: 4rem 0 0;
	padding: 8rem 9.2rem
}

.companyAbout {
	padding: 0 0 13.6rem
}

.companyAbout__container {
	background: #fff;
	border-radius: 3.8rem;
	margin-top: 4rem;
	padding: 8rem 9.2rem
}

.companyAbout__list {
	border-left: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	line-height: 1.75
}

.companyAbout__dtl,
.companyAbout__ttl {
	border-bottom: 1px solid #d9bc8e;
	padding: 2rem 4rem
}

.companyAbout__ttl {
	background: #f7e5c1;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	width: 18.4rem
}

.companyAbout__dtl {
	color: #282828;
	font-size: 1.6rem;
	width: calc(100% - 18.4rem)
}

.companyBusiness {
	background: #f7e5c1;
	padding: 11.2rem 0
}

.companyBusiness__sec {
	background: #fff;
	border-radius: 3.8rem;
	margin-top: 1.6rem;
	padding: 8rem 9.2rem
}

.companyBusiness__sec:first-of-type {
	margin-top: 3.2rem
}

.companyBusiness__head {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2
}

.companyBusiness__text {
	color: #282828;
	font-size: 1.6rem;
	line-height: 1.75;
	margin: 2.4rem 0 0
}

.companyPhilosophy__sec {
	background: #fff;
	border-radius: 3.2rem;
	margin-top: 4rem;
	padding: 8rem 9.2rem
}

.companyPhilosophy__head {
	border-bottom: 1px solid #d9bc8e;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	margin-top: 4.5rem;
	padding-bottom: 1.5rem
}

.companyPhilosophy__head:not(:first-child) {
	margin-top: 6.4rem
}

.companyPhilosophy__subhead {
	color: #fc1c00;
	font-size: 3.2rem;
	margin: 2.5rem 0 0
}

.companyPhilosophy__lead {
	color: #e3971c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .28em;
	margin: 3rem 0 0
}

.companyPhilosophy__text {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	margin: 2.5rem 0 0
}

.companyPhilosophy__text--tight {
	margin: 0
}

.companyPhilosophy__textLink {
	color: #e3971c;
	text-decoration: underline
}

.companyPhilosophy__textLink:hover {
	text-decoration: none
}

.companyPhilosophy__subtext {
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.9;
	margin: 2.5rem 0 0
}

.companyPhilosophy__link {
	margin: 2.5rem 0 0
}

.companyPhilosophy__btn {
	font-size: 1.6rem;
	font-weight: 700;
	height: 5.4rem;
	letter-spacing: .05em;
	width: 36.6rem
}

.companyPhilosophy__img {
	margin-bottom: 3rem
}

.companyPhilosophy__img:not(:first-of-type) {
	margin-top: 2.5rem;
	width: 100%
}

.companyGreeting__sec {
	background: #fff;
	border-radius: 3.2rem;
	margin-top: 4rem;
	padding: 8rem 9.1rem
}

.companyGreeting__wrapper {
	margin-bottom: 4.8rem
}

.companyGreeting__header {
	font-feature-settings: "palt";
	color: #e3971c;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.6;
	text-align: center
}

.companyGreeting__header--img {
	margin-top: 3.8rem
}

.companyGreeting__caption {
	color: #282828;
	font-size: 1.4rem;
	margin-top: 1.2rem;
	text-align: center
}

.companyGreeting__text {
	margin-top: 1.6rem
}

.companyGreeting__signature,
.companyGreeting__text {
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.9
}

.companyGreeting__signature {
	font-weight: 700;
	margin-top: 4rem;
	text-align: right
}

.companyFooterNav {
	padding: 6.5rem 0
}

.companyFooterNav__wrapper {
	padding: 0 9.2rem
}

.companyFooterNav__list:not(:first-child) {
	margin-top: 3.25rem
}

.companyFooterNav__item {
	border-right: 1px solid #d9bc8e;
	color: #be905a;
	-ms-flex: auto;
	flex: auto;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2.2
}

.companyFooterNav__item:first-child {
	border-left: 1px solid #d9bc8e
}

.companyFooterNav__item.current {
	color: #e3971c;
	pointer-events: none
}

.companyFooterSDGs {
	background: #f7e5c1;
	padding: 8rem 0
}

.companyFooterSDGs__container {
	background: #fff;
	border-radius: 3.2rem;
	padding: 4.5rem 9.2rem
}

.companyFooterSDGs__head {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em
}

.companyFooterSDGs__desc {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.8;
	margin-top: 1rem
}

.companyFooterSDGs__linkwrapper {
	margin-top: 2.3rem;
	text-align: right
}

.companyFooterSDGs__link {
	color: #e3971c;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2.2
}

.companyFooterSDGs__icon {
	font-size: 1.3rem;
	margin-left: 1.6rem
}

.companyFooterSns {
	background: #fff;
	padding: 6.7rem 0 7.3rem;
	text-align: center
}

.companyFooterSns__head {
	color: #e3971c;
	font-size: 2.6rem;
	font-weight: 600;
	letter-spacing: .1em
}

.companyFooterSns__desc {
	color: #282828;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.8;
	margin-top: 2.2rem
}

.companyFooterSns__list {
	margin-top: 4rem
}

.companyFooterSns__item {
	margin: 0 1.5rem
}

.companyFooterSns__link {
	color: #282828;
	font-size: 4rem
}

.companyFooterMovie {
	padding: 13.6rem 0 16.8rem
}

.companyFooterMovie__head {
	color: #80472c;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.9
}

.companyFooterMovie__subhead {
	color: #80472c;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .05em
}

.companyFooterMovie__list {
	margin-bottom: 5.6rem;
	margin-top: 2.4rem
}

.contactVoice .main_contact.page03 .lead {
	background: url(../contact/img/03/main.jpg) no-repeat top;
	background-size: 100% auto;
	margin-bottom: 40px;
	padding: 105px 0 120px 20px
}

.contactVoice .main_contact.page03 .lead .tit {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px
}

.contactVoice .main_contact.page03 .lead .txt {
	font-size: 16px
}

.contactVoice .main_contact.page03 .box {
	margin-bottom: 70px
}

.contactVoice .main_contact.page03 .box h3 {
	border-bottom: 1px solid #e1dbc9;
	color: #633411;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: center
}

.contactVoice .main_contact.page03 .box h3 span {
	position: relative
}

.contactVoice .main_contact.page03 .box h3 span:before {
	background: url(../img/cmn/icon_fuki.png) no-repeat 50%;
	background-size: 100% auto;
	content: "";
	height: 30px;
	left: -40px;
	position: absolute;
	top: -10px;
	width: 32px
}

.contactVoice .main_contact.page03 .box h4 {
	color: #eb9720;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center
}

.contactVoice .main_contact.page03 .box .products_list {
	margin-bottom: 35px;
	text-align: center
}

.contactVoice .main_contact.page03 .box .products_list li {
	background: #fff;
	border: 1px solid #e1dbc9;
	border-radius: 5px;
	display: inline-block;
	height: 220px;
	margin: 0 10px 15px;
	padding: 25px 0;
	vertical-align: top;
	width: 180px
}

.contactVoice .main_contact.page03 .box .products_list li:hover {
	border: 1px solid #633411
}

.contactVoice .main_contact.page03 .box .products_list li .ph {
	margin: 0 auto 10px;
	width: 65px
}

.contactVoice .main_contact.page03 .box .products_list li .txt {
	color: #633411;
	font-size: 16px;
	font-weight: 700;
	padding-top: 8px;
	text-align: center
}

.contactVoice .main_contact.page03 .box .voice_list ul li {
	margin-bottom: 15px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.custmer {
	background: #fcf2cf;
	border-radius: 30px;
	color: #633411;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 30px;
	position: relative;
	text-align: left
}

.contactVoice .main_contact.page03 .box .voice_list ul li.custmer:before {
	background: url(../contact/img/03/arrow01.png) no-repeat 0 0;
	background-size: 100% auto;
	content: "";
	height: 27px;
	left: -5px;
	position: absolute;
	top: 0;
	width: 35px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya {
	background: #eb9720;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 30px;
	position: relative;
	text-align: left
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya:before {
	background: url(../contact/img/03/arrow02.png) no-repeat 0 0;
	background-size: 100% auto;
	content: "";
	height: 27px;
	position: absolute;
	right: -5px;
	top: 0;
	width: 35px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .txt {
	margin-bottom: 15px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list {
	text-align: center
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li {
	display: inline-block;
	font-size: 14px;
	margin: 0 1%;
	width: 47%
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li img {
	border-radius: 5px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li p:nth-child(2) {
	margin-top: 5px
}

.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list.small {
	margin: 0 auto;
	width: 50%
}

.contact {
	padding: 0 0 10rem
}

.contact--tel {
	padding-top: 5rem
}

.contact .ta_right {
	text-align: right
}

.contact .main_contact.index .faq_tit {
	background: #fcf2cf;
	border-bottom: 1px solid #e1dbc9;
	border-top: 1px solid #e1dbc9;
	color: #633411;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	padding: 15px 20px
}

.contact .main_contact.index .faq_box {
	border: 1px solid #e1dbc9;
	border-radius: 8px;
	margin: 0 auto 20px;
	padding: 15px 20px;
	width: calc(100% - 40px)
}

.contact .main_contact.index .faq_box .more {
	color: #633411;
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	padding: 7px 35px 7px 0;
	position: relative
}

.contact .main_contact.index .faq_box .more:before {
	background: url(../img/cmn/icon_side_tit_yg_o.png) no-repeat center 1px;
	background-size: 21px;
	bottom: 0;
	content: "";
	height: 22px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px
}

.contact .main_contact.index .faq_box .more span {
	background: #84c95e;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin: 0 10px 0 0;
	padding: 9px 15px;
	position: relative;
	vertical-align: top
}

.contact .main_contact.index .faq_box .more span:after {
	border: 5px solid transparent;
	border-top-color: #84c95e;
	bottom: -9px;
	content: "";
	display: block;
	height: 6px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	transform: translateX(-50%);
	width: 10px
}

.contact .main_contact.index .faq_box .more span.txt {
	background: 0 0;
	color: #633411;
	display: inline-block;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	position: static;
	vertical-align: top;
	width: calc(100% - 87px)
}

.contact .main_contact.index .faq_box .more span.txt:after {
	display: none
}

.contact .main_contact.index .faq_box .more span.txt02 {
	background: 0 0;
	color: #633411;
	display: inline-block;
	line-height: 2;
	margin: 0;
	padding: 0;
	position: static;
	vertical-align: top;
	width: calc(100% - 87px)
}

.contact .main_contact.index .faq_box .more span.txt02:after {
	display: none
}

.contact .main_contact.index .faq_box .more_cnt {
	border-top: 3px solid #e1dbc9;
	display: none;
	margin-top: 10px;
	padding-top: 25px
}

.contact .main_contact.index .faq_box .more_cnt>.txt {
	font-size: 16px;
	margin-bottom: 25px
}

.contact .main_contact.index .faq_box .more_cnt table th {
	text-align: left
}

.contact .main_contact.index .faq_box .more_cnt ul li {
	display: inline-block;
	margin: 0 1%;
	vertical-align: top;
	width: 47%
}

.contact .main_contact.index .faq_box .more_cnt ul li .ph {
	margin-bottom: 10px
}

.contact .main_contact.index .faq_box .more_cnt .tit {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

.contact .main_contact.index .faq_box .more_cnt ul li .txt {
	font-size: 14px;
	text-align: center
}

.contact .main_contact .txt a {
	text-decoration: underline
}

.contact .main_contact .txt a:hover {
	text-decoration: none
}

.contact .main_contact.index .faq_box .more_cnt .btn {
	height: 50px;
	width: 246px
}

.contact .main_contact.index .faq_box .more_cnt .btn a {
	background: #fff;
	border: 2px solid #eb9720;
	color: #eb9720;
	font-size: 16px;
	line-height: 46px
}

.contact .main_contact.index .faq_box .more_cnt .btn a:after {
	border: 0;
	border-right: 2px solid #eb9720;
	border-top: 2px solid #eb9720;
	bottom: 0;
	content: "";
	height: 7px;
	margin: auto;
	position: absolute;
	right: 20px;
	top: 0;
	transform: rotate(45deg);
	vertical-align: middle;
	width: 7px
}

.contact .main_contact.index .faq_box .more_cnt .btn a:hover {
	background: #eb9720;
	color: #fff
}

.contact .main_contact.index .faq_box .more_cnt .btn a:hover:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff
}

.contact .main_contact.index .faq_box.box18 .more_cnt table {
	margin-bottom: 10px
}

.contact .main_contact.index .faq_box.box18 .more_cnt table th {
	text-align: center
}

.contact .main_contact.index .faq_box.box19 .more_cnt .txt .tit,
.contact .main_contact.index .faq_box.box20 .more_cnt .txt .tit {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

.contact .main_contact.index .faq_box.box19 .more_cnt .txt .alert,
.contact .main_contact.index .faq_box.box20 .more_cnt .txt .alert {
	background: #ffe3e3;
	color: #d80000;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 10px
}

.contact .main_contact.index .faq_box.box19 .more_cnt ul li,
.contact .main_contact.index .faq_box.box20 .more_cnt ul li {
	margin-bottom: 10px
}

.contact .main_contact.index .faq_box.box19 .more_cnt .h_2 {
	height: 3.2em
}

.contact .main_contact.index .faq_box.box19 .more_cnt .col_1 {
	width: 100%
}

.contact .main_contact.index .faq_box.box19 .more_cnt .col_1 .ph {
	display: inline-block;
	margin: 0 1%;
	vertical-align: top;
	width: 47%
}

.contact .main_contact.index .faq_box.box20 .more_cnt .col_1 {
	width: 100%
}

.contact .main_contact.index .faq_box.box20 .more_cnt .col_1 .ph_box {
	display: inline-block;
	margin: 0 1%;
	vertical-align: top;
	width: 47%
}

.contact .main_contact.index .faq_box.box20 .more_cnt li .ph.mt25 {
	margin-top: 35px
}

.contact .main_contact.index .section01,
.contact .main_contact.index .section02 {
	margin-bottom: 70px
}

.contact .main_contact.index .section02 .txt,
.contact .main_contact.index .section03 .txt {
	font-size: 16px;
	margin-bottom: 30px;
	text-align: center
}

.contact .tel {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-left: 75px;
	text-align: center
}

.contact .tel span {
	display: inline-block;
	position: relative;
	vertical-align: top
}

.contact .tel span:before {
	background: url(../img/cmn/icon_freedial.jpg) no-repeat 50%;
	background-size: 100% auto;
	content: "";
	height: 40px;
	left: -75px;
	position: absolute;
	width: 68px
}

.contact .container {
	margin: 0 auto;
	padding: 0
}

.contact .clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.contact table {
	border-collapse: collapse;
	text-align: left
}

.contact table th {
	background: #eee;
	border: 1px solid #ccc;
	font-weight: 400;
	padding: 15px;
	text-align: center
}

.contact table td {
	word-wrap: break-word;
	border: 1px solid #ccc;
	padding: 15px
}

.contact table {
	font-size: 100%;
	width: 100%
}

.contact button {
	font-size: 99%
}

.contact .gnav {
	text-align: right
}

.contact h2.ttl {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 60px;
	position: relative;
	text-align: center
}

.contact h2.ttl:after {
	background: url(../img/cmn/icon_sesame.png) no-repeat 50%;
	background-size: 112px auto;
	bottom: -20px;
	content: "";
	display: inline-block;
	height: 13px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 112px
}

.contactMore {
	text-align: center
}

.contactMore__btn {
	font-size: 1.8rem;
	height: 6.5rem;
	max-width: 44rem
}

@font-face {
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/icomoon.eot?i8fcpd#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?i8fcpd) format("truetype"), url(../fonts/icomoon.woff?i8fcpd) format("woff"), url(../fonts/icomoon.svg?i8fcpd#icomoon) format("svg");
	src: url(../fonts/icomoon.eot?phylq9);
	src: url(../fonts/icomoon.eot?phylq9#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?phylq9) format("truetype"), url(../fonts/icomoon.woff?phylq9) format("woff"), url(../fonts/icomoon.svg?phylq9#icomoon) format("svg")
}

.page-enjoy3 em {
	font-style: inherit;
	font-weight: inherit
}

.page-enjoy3 .tit {
	font-weight: 100
}

.page-enjoy3 a {
	color: inherit;
	text-decoration: none;
	transition: opacity .3s
}

.page-enjoy3 a:active,
.page-enjoy3 a:hover,
.page-enjoy3 a:hover img {
	opacity: .8
}

.page-enjoy3 ::selection {
	background: #f2edd3
}

.page-enjoy3 :focus {
	outline: 0
}

.page-enjoy3 *,
.page-enjoy3 :after,
.page-enjoy3 :before {
	box-sizing: border-box
}

.page-enjoy3 .wrapper {
	position: relative;
	width: 100%;
	z-index: 1
}

.page-enjoy3 main {
	padding: 60px 0 120px
}

.page-enjoy3 .container {
	margin: 0 auto;
	padding: 0
}

.page-enjoy3 .btn {
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 396px
}

.page-enjoy3 .btn a {
	background: #eb9720;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 60px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .4s
}

.page-enjoy3 .btn a:after {
	border: 4px solid transparent;
	border-left-color: #fff;
	bottom: 0;
	content: "";
	height: 4px;
	margin: auto;
	position: absolute;
	right: 37px;
	top: 0;
	vertical-align: middle;
	width: 4px
}

.page-enjoy3 .main_visit img {
	vertical-align: bottom
}

.page-enjoy3 .title {
	font-feature-settings: "palt";
	font-family: M PLUS\ 1p, -apple-system, Noto Sans CJK JP, Noto Sans Japanese, Noto Sans JP, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
	font-size: 39px;
	font-weight: 600;
	margin-bottom: 34px;
	text-align: center
}

.page-enjoy3 .title small {
	color: #eb9720;
	display: block;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 2px
}

.page-enjoy3 .main_factory .flow_txt {
	color: #eb9720;
	font-size: 17px;
	font-weight: 600;
	text-align: center
}

.page-enjoy3 .main_factory .section_recipe {
	border-top: 1px solid #e1dac8;
	text-align: center
}

.page-enjoy3 .main_factory .section_recipe h4 {
	position: relative
}

.page-enjoy3 .main_factory .section_recipe h4:before {
	-webkit-animation: swing 2s linear infinite;
	animation: swing 2s linear infinite;
	background: url(../enjoy/img/factory/03/icon_recipe.png) no-repeat 50%;
	background-size: auto 100%;
	color: #fff;
	content: "";
	height: 135px;
	position: absolute;
	right: 125px;
	top: -100px;
	width: 167px;
	z-index: 1000
}

.page-enjoy3 .main_factory .section_recipe .unit li {
	border: 1px solid #d3c8ad;
	padding: 18px;
	position: relative
}

.page-enjoy3 .main_factory .section_recipe .unit li:after {
	border: 5.2px solid transparent;
	border-left: 8px solid #d3c8ad;
	border-right: none;
	bottom: 10px;
	content: "";
	display: block;
	height: 0;
	margin-top: -3.2px;
	position: absolute;
	right: 10px;
	width: 0
}

.page-enjoy3 .main_factory .section_recipe .unit .ph {
	margin-bottom: 12px
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 {
	display: -ms-flexbox;
	display: flex
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box {
	position: relative
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a {
	-ms-flex-pack: center;
	background-color: #eb9720;
	border-radius: 50%;
	display: block;
	font-weight: 600;
	height: 92px;
	justify-content: center;
	padding-top: 10px;
	position: relative;
	text-align: center;
	width: 92px
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a dt {
	color: #fdff00;
	font-size: 17px
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a dd {
	color: #fff;
	font-size: 20px;
	line-height: 1.1
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box:after {
	border: 8.2px solid transparent;
	border-left: 11px solid #f8d1a6;
	border-right: none;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: -22px;
	top: 50%;
	transform: translateY(-50%);
	width: 0
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box:last-child:after {
	display: none
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box.line a {
	padding-top: 6px
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a:hover {
	background-color: #f9dbbc
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a:hover dd,
.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a:hover dt {
	color: #eb9720
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li .inner {
	background-color: #f2ecd1;
	position: relative
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5 {
	background-color: #eb9720;
	border-radius: 9999px;
	color: #fff;
	font-size: clamp((18*(800/1200)) * 1px, 18/1200*100vw, 18px);
	font-weight: 600;
	left: 50%;
	padding: clamp((6*(800/1200)) * 1px, 6/1200*100vw, 6px) 0;
	position: absolute;
	text-align: center;
	top: clamp(-30px, -30/1200*100vw, (-30*(800/1200)) * 1px);
	transform: translateX(-50%);
	z-index: 2
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5 em {
	color: #fdff00;
	font-size: clamp((32*(800/1200)) * 1px, 32/1200*100vw, 32px);
	padding-right: clamp((4*(800/1200)) * 1px, 4/1200*100vw, 4px)
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5:before {
	background-color: #fff;
	border-radius: 50%;
	color: #eb9720;
	content: "1";
	font-weight: 600;
	height: clamp((38*(800/1200)) * 1px, 38/1200*100vw, 38px);
	left: clamp((14*(800/1200)) * 1px, 14/1200*100vw, 14px);
	line-height: clamp((38*(800/1200)) * 1px, 38/1200*100vw, 38px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: clamp((38*(800/1200)) * 1px, 38/1200*100vw, 38px);
	z-index: 1000
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box02 h5:before {
	content: "2"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box03 h5:before {
	content: "3"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box04 h5:before {
	content: "4"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box05 h5:before {
	content: "5"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box06 h5:before {
	content: "6"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .box07 h5:before {
	content: "7"
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .ph {
	margin-bottom: clamp((15*(800/1200)) * 1px, 15/1200*100vw, 15px)
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .tit {
	color: #eb9720;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: clamp((10*(800/1200)) * 1px, 10/1200*100vw, 10px)
}

.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .txt {
	font-size: 13px;
	line-height: 1.7
}

.page-enjoy3 .main_factory.factory04 .section_flow .unit01 .box a {
	background-color: #c8a854
}

.page-enjoy3 .main_factory.factory04 .section_flow .unit01 .box a:hover {
	background-color: #f7eed9
}

.page-enjoy3 .main_factory.factory04 .section_flow .unit01 .box a:hover dd,
.page-enjoy3 .main_factory.factory04 .section_flow .unit01 .box a:hover dt {
	color: #c8a854
}

.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li h5 {
	background-color: #c8a854
}

.page-enjoy3 .main_factory.factory04 .flow_txt,
.page-enjoy3 .main_factory.factory04 .section_flow .unit02 .tit,
.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li h5:before {
	color: #c8a854
}

.page-enjoy3 .main_factory.factory04 .section_recipe h4:before {
	display: none
}

@-webkit-keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0)
	}
}

.heaIntro {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 2;
	text-align: center
}

.heaIntro,
.heaNav {
	margin: 11.2rem 0 0
}

.heaNav__item {
	border: 2px solid #e3971c;
	border-radius: 3rem;
	color: #e3971c;
	font-weight: 700;
	height: 12rem;
	letter-spacing: .25em;
	line-height: 1;
	text-align: center;
	width: 32%
}

.heaNav__in {
	width: 100%
}

.heaNav__no {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em
}

.heaNav__name {
	font-size: 2rem;
	margin: .5rem 0 .8rem
}

.heaNav__icon {
	font-size: 1.5rem
}

.heaSec {
	margin: 6rem 0 0;
	padding: 6rem 0 0
}

.heaSec+.heaSec {
	margin: 4rem 0 0;
	padding: 4rem 0 0
}

.heaSec__head,
.heaSec__no {
	letter-spacing: .25em
}

.heaSec__no {
	color: #e3971c;
	font-size: 3.6rem;
	font-weight: 700;
	margin: 0 .5em 0 0
}

.heaSec__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.5
}

.heaBox {
	background: #fff;
	border-radius: 3rem;
	margin: 4rem 0 0;
	padding: 6.4rem 0
}

.heaBox+.heaBox {
	margin: 2rem 0 0
}

.heaBox__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	max-width: 48%;
	width: 100%
}

.heaBox__img--full {
	margin: 4.5rem 0 0;
	max-width: 100%;
	text-align: center
}

.heaBox__data {
	width: 49%
}

.heaBox__data--full {
	width: 100%
}

.heaBox__head {
	font-feature-settings: "palt";
	font-size: 1.6rem;
	margin: 0 0 2.4rem;
	text-align: center
}

.heaBox__head,
.heaBox__title {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .1em
}

.heaBox__title {
	font-feature-settings: "palt";
	font-size: 2rem
}

.heaBox__text {
	margin: 2rem 0 0;
	text-align: justify
}

.heaCheck {
	background: #f7e5c1;
	margin: 13.6rem 0 0;
	padding: 8rem 0
}

.heaCheck__box {
	background: #fff;
	border-radius: 3rem;
	padding: 5.6rem 0
}

.heaCheck__img {
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	width: 16.8rem;
	z-index: 1
}

.heaCheck__data {
	width: calc(100% - 20rem)
}

.heaCheck__title {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1
}

.heaCheck__pos {
	font-size: 1.8rem;
	margin: 1rem 0 0
}

.heaCheck__name {
	font-size: 2.2rem;
	font-weight: 700
}

.heaCheck__text {
	margin: 1rem 0 0;
	text-align: justify
}

.heaKnow {
	margin: -2rem 0 0;
	padding: 0 0 17rem
}

.heaKnow__title {
	text-align: center
}

.heaKnow__title,
.lesTitle {
	font-size: 2.8rem;
	line-height: 1
}

.heaKnow__title,
.lesIntro,
.lesTitle {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .25em
}

.lesIntro {
	padding: 1rem 0 0
}

.lesIntro__list {
	margin: 10.3rem 0 0
}

.lesIntro__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: 48%;
	z-index: 1
}

.lesIntro__data {
	width: 48%
}

.lesIntro__title {
	line-height: 1.8;
	margin: 0 0 2rem
}

.lesIntro__text {
	font-size: 2rem;
	line-height: 2;
	text-align: justify
}

.lesProg {
	background: #f7e5c1;
	margin: 13.6rem 0 0;
	padding: 13.6rem 0
}

.lesProg__intro {
	font-weight: 700
}

.lesProg__text {
	font-feature-settings: "palt";
	color: #80472c;
	font-size: 2rem;
	letter-spacing: .25em;
	line-height: 2;
	margin: 3rem 0 0;
	text-align: justify
}

.lesStep {
	margin: 6rem 0 0
}

.lesStep__box {
	position: relative
}

.lesStep__box--01 {
	z-index: 3
}

.lesStep__box--02 {
	z-index: 2
}

.lesStep__box--03 {
	z-index: 1
}

.lesStep__box:not(:first-child) {
	margin: .8rem 0 0
}

.lesStep__no {
	background: #e3971c;
	color: #fff;
	font-size: 3.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1;
	padding: 3rem 0;
	position: relative;
	width: 7.6rem
}

.lesStep__no--01 {
	border-radius: 3rem 0 0
}

.lesStep__no--03 {
	border-radius: 0 0 0 3rem
}

.lesStep__no--01:after,
.lesStep__no--02:after {
	border-color: #e3971c transparent transparent;
	top: 100%
}

.lesStep__no--01:after,
.lesStep__no--02:after,
.lesStep__no--02:before,
.lesStep__no--03:before {
	border-style: solid;
	border-width: 27px 38px 0;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
	z-index: 2
}

.lesStep__no--02:before,
.lesStep__no--03:before {
	border-color: #f7e5c1 transparent transparent;
	top: 0
}

.lesStep__main {
	width: calc(100% - 7.6rem)
}

.lesStep__img {
	background-position: 50%;
	background-size: cover;
	overflow: hidden;
	position: relative;
	width: 44.3rem
}

.lesStep__img--01 {
	border-radius: 0 3rem 0 0
}

.lesStep__img--03 {
	border-radius: 0 0 3rem
}

.lesStep__data {
	background: #fff;
	padding: 4rem;
	width: calc(100% - 44.3rem)
}

.lesStep__dataIn {
	width: 100%
}

.lesStep__title {
	color: #e3971c;
	font-weight: 700;
	letter-spacing: .25em;
	width: 100%
}

.lesStep__titleTag {
	border: 2px solid #e3971c;
	border-radius: 5rem;
	font-size: 2rem;
	line-height: 1;
	padding: .7rem .5em .7rem .75em;
	text-align: center
}

.lesStep__titleText {
	font-size: 2.4rem;
	letter-spacing: .1em;
	width: calc(100% - 9.5rem)
}

.lesStep__list {
	padding: 1rem 0 0
}

.lesStep__item {
	font-weight: 500;
	margin: 1rem 0 0;
	padding: 0 0 0 1.5em;
	position: relative
}

.lesStep__item:before {
	color: #e3971c;
	content: "●";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2
}

.lesStd {
	padding: 13.6rem 0
}

.lesStd__box {
	background: #fff;
	border-radius: 3rem;
	margin: 4.3rem 0 0;
	overflow: hidden;
	padding: 4.8rem
}

.lesStd__box+.lesStd__box {
	margin: 1.6rem 0 0
}

.lesStd__data {
	width: calc(100% - 25rem)
}

.lesStd__img {
	text-align: center;
	width: 23.4rem
}

.lesStd__tag {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 3.4rem;
	font-weight: 700;
	height: 13rem;
	width: 13rem
}

.lesStd__base {
	width: calc(100% - 17.5rem)
}

.lesStd__name {
	border-bottom: 2px dashed #e3971c;
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	padding: 0 0 1.6rem
}

.lesStd__item {
	font-feature-settings: "palt";
	line-height: 1;
	margin: 1rem 0 0
}

.lesStd__itemIcon {
	color: #e3971c;
	font-size: 1rem;
	margin: 0 .5rem 0 0;
	transform: scale(.7)
}

.lesStd__itemHead {
	color: #e3971c;
	font-size: 1.6rem;
	margin: 0 .5rem 0 0;
	padding: .5rem 0 0
}

.lesStd__itemText {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	margin: 0 .5rem 0 0;
	padding: .5rem
}

.lesStd__marker {
	background-image: linear-gradient(0deg, #ffecba, #ffecba 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0))
}

.lesStd__text {
	font-size: 1.6rem;
	line-height: 2;
	margin: 4rem 0 0
}

.lesVoice {
	padding: 0;
	text-align: center
}

.lesVoice__img {
	margin: 4.8rem 0 0
}

.lesAc {
	margin: 13.5rem 0 0
}

.lesAc__intro {
	font-size: 1.5rem;
	margin: 2rem 0 1rem
}

.lesAc__table {
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e
}

.lesAc__cell {
	font-feature-settings: "palt";
	background: #fff;
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	font-size: 1.6rem;
	padding: 1rem
}

.lesAc__cell--year {
	width: 22rem
}

.lesAc__cell--pos {
	width: calc(100% - 32rem)
}

.lesAc__cell--class {
	width: 32rem
}

.lesAc__cell--block {
	border: 0 solid #000;
	padding: 0;
	width: calc(100% - 22rem)
}

.lesAc__cell--title {
	background: #f7e5c1;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500
}

.lesContact {
	padding: 8rem 0 0;
	text-align: center
}

.lesContact__title {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1
}

.lesContact__more {
	margin: 3.2rem 0 0
}

.lesContact__btn {
	font-size: 2.4rem;
	font-weight: 700;
	height: 8rem;
	max-width: 44.4rem
}

.lesGoal {
	background: #f7e5c1;
	margin: 13.6rem 0 0;
	padding: 8rem 0
}

.lesGoal__box {
	background: #fff;
	border-radius: 3rem;
	padding: 4rem
}

.lesGoal__img {
	width: 32.8rem
}

.lesGoal__data {
	color: #80472c;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: calc(100% - 37rem)
}

.lesGoal__title {
	font-feature-settings: "palt";
	letter-spacing: .2em
}

.lesGoal__text {
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	margin: 1rem 0 0
}

.lesGoal__more {
	margin: 2rem 0 0
}

.lesGoal__link {
	color: #e3971c;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.lesGoal__link:hover {
	text-decoration: underline
}

.lesGoal__icon {
	font-size: .8em;
	margin: .2em 0 0 1em
}

.qaIntro {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 2;
	margin: 8rem 0 0
}

.qaFrame {
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 50%, #f7e5c1 0);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 11.2rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 10
}

.qaFrame__list {
	position: relative;
	z-index: 2
}

.qaFrame__side {
	width: 33rem
}

.qaFrame__main {
	width: calc(100% - 33rem)
}

.qaSide {
	width: 33rem;
	z-index: 2
}

.qaSide__item {
	border-radius: 3rem 0 0 3rem;
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	height: 9.6rem;
	letter-spacing: .25em;
	line-height: 1.7;
	opacity: .6;
	padding: 0 1rem 0 7rem;
	width: 100%
}

.qaSide__item.active {
	background: #f7e5c1;
	opacity: 1
}

.qaMain {
	background: #f7e5c1;
	margin: 0 0 0 auto;
	padding: .8rem 0 14rem 6rem
}

.qaMain__sec {
	padding: 4rem 0 0
}

.qaMain__sec:not(:last-child) {
	padding: 3rem 0
}

.qaMain__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1.5
}

.qaMain__list {
	margin: 2rem 0
}

.qaMain__list:after,
.qaMain__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 33%
}

.qaMain__item {
	background: #fff;
	border-radius: 3rem;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.5;
	margin: .5rem 0 0;
	min-height: 23rem;
	padding: 1em;
	text-align: center;
	transition-duration: .3s;
	width: 33%
}

.qaMain__item:hover {
	background: #e3971c;
	color: #fff
}

.modal {
	left: 50%;
	max-width: 108.8rem;
	pointer-events: none;
	position: fixed;
	top: 50%;
	transition-duration: .3s;
	width: calc(100% - 2rem);
	z-index: 50000
}

.modal:not(.active) {
	opacity: 0;
	visibility: hidden
}

.modal__frame {
	pointer-events: auto;
	transform: translate(-50%, -50%)
}

.modal__closeBG {
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1
}

.modal__close {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 1.8rem;
	height: 6.5rem;
	position: absolute;
	right: 2.4rem;
	top: 2.4rem;
	width: 6.5rem;
	z-index: 2
}

.modal__box {
	background: #fff;
	border-radius: 3rem;
	max-height: 95vh;
	overflow: hidden;
	padding: 3rem 0 0;
	pointer-events: auto
}

.modal__box:after {
	content: "";
	display: block;
	height: 3rem
}

.modal__content {
	max-height: calc(85vh - 6rem);
	padding: 7rem 3rem 0
}

.modal__content:after {
	content: "";
	display: block;
	height: 6rem
}

.qaSec__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1.5
}

.qaSec__box {
	margin: 5.8rem 0 0
}

.qaSec__box+.qaSec__box {
	margin: 4.8rem 0 0
}

.qaSec__head {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1.5
}

.qaSec__list {
	margin: 3rem 0 0
}

.qaSec__text {
	font-size: 1.6rem;
	line-height: 2;
	margin: 2.2rem 0 0;
	text-align: justify
}

.qaSec__text--col2 {
	margin: 0;
	width: calc(100% - 37rem)
}

.qaSec__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 2rem auto 0;
	text-align: center;
	width: 72rem
}

.qaSec__img--col2 {
	margin: 0;
	text-align: left;
	width: 35.2rem
}

.qaSec__subHead {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.5
}

.qaSec__item,
.qaSec__item--2 {
	width: 49%
}

.qaSec__table {
	font-feature-settings: "palt";
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	margin: 1.5rem 0 0
}

.qaSec__cell {
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	min-height: 8rem;
	padding: 1rem 2rem
}

.qaSec__cell--head {
	background: #fdf8e8;
	color: #80472c;
	font-weight: 500;
	width: 18rem
}

.qaSec__cell--body {
	width: calc(100% - 18rem)
}

.qaSec__more {
	margin: 6.4rem 0 0;
	text-align: center
}

.qaSec__btn {
	height: 8rem;
	max-width: 54rem
}

.qaKal__title,
.qaSec__btn {
	font-size: 1.8rem;
	font-weight: 700
}

.qaKal__title {
	color: #80472c
}

.qaKal__intro {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 2rem 0 0;
	text-align: right
}

.qaKal__table {
	font-feature-settings: "palt";
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	margin: 1rem 0 0
}

.qaKal__cell {
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	padding: 1rem 2rem;
	white-space: nowrap
}

.qaKal__cell--head {
	background: #fdf8e8;
	color: #80472c;
	font-weight: 500;
	text-align: center
}

.qaKal__cell--body {
	text-align: right
}

.qaKal__note {
	font-size: 1.4rem;
	margin: 1rem 0 0
}

.syoIntro {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .4em;
	padding: 11.2rem 0 0
}

.syoIntro__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: 50%
}

.syoIntro__data {
	width: 48%
}

.syoIntro__title {
	font-size: 2.8rem
}

.syoIntro__text {
	font-size: 2rem;
	margin: 2rem 0 0
}

.syoPoint {
	overflow: hidden;
	padding: 15rem 0 12.7rem
}

.syoPoint__title {
	color: #80472c;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.syoBlock,
.syoPoint__title {
	letter-spacing: .25em
}

.syoBlock--01,
.syoBlock--02,
.syoBlock--03 {
	margin: 9rem 0 0
}

.syoBlock__frame {
	position: relative
}

.syoBlock__frame--01,
.syoBlock__frame--02,
.syoBlock__frame--03 {
	padding: 0 0 15.5rem
}

.syoBlock__bg {
	bottom: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1
}

.syoBlock__bg--01 {
	left: 3rem;
	width: 162rem
}

.syoBlock__bg--02 {
	right: -2rem;
	width: 166rem
}

.syoBlock__bg--03 {
	left: -3rem;
	width: 166rem
}

.syoBlock__content {
	position: relative;
	z-index: 2
}

.syoBlock__list {
	position: relative;
	z-index: 1
}

.syoBlock__title--01 {
	width: 11.5rem
}

.syoBlock__title--02 {
	width: 13.4rem
}

.syoBlock__title--03 {
	width: 12.1rem
}

.syoBlock__img {
	position: relative;
	width: 52.2rem;
	z-index: 1
}

.syoBlock__img img,
.syoBlock__text {
	border-radius: 3rem
}

.syoBlock__text {
	font-feature-settings: "palt";
	background: #fff;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	max-width: 100%;
	padding: 4.5rem 5rem;
	position: absolute;
	text-align: justify;
	width: 49.5rem;
	z-index: 2
}

.syoBlock__text--01 {
	left: 11.3rem;
	top: 7rem
}

.syoBlock__text--02 {
	right: 13rem;
	top: 8rem
}

.syoBlock__text--03 {
	left: 12rem;
	top: 14.3rem
}

.syoBlock__icon {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	position: absolute;
	z-index: 3
}

.syoBlock__icon--01-01 {
	left: 40rem;
	top: 1.5rem;
	width: 13.2rem
}

.syoBlock__icon--01-02 {
	bottom: -10rem;
	left: 12rem;
	width: 68rem
}

.syoBlock__icon--02-01 {
	right: 18rem;
	top: 1.8rem;
	width: 42.8rem
}

.syoBlock__icon--02-02 {
	bottom: -5.6rem;
	left: 0;
	width: 49.1rem
}

.syoBlock__icon--02-03 {
	bottom: -4.6rem;
	right: 16rem;
	width: 8.5rem
}

.syoBlock__icon--03-01 {
	left: 33rem;
	top: 5.2rem;
	width: 24.6rem
}

.syoBlock__icon--03-02 {
	bottom: -22rem;
	left: 8.4rem;
	width: 11.5rem
}

.syoBlock__icon--03-03 {
	bottom: -6.6rem;
	right: 20rem;
	width: 35.2rem
}

.syoMessage {
	margin: 10rem 0 0
}

.syoMessage__text {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	text-align: center
}

.syoAct {
	background: #f7e5c1;
	padding: 11.2rem 0
}

.syoAct__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1
}

.syoAct__goal {
	margin: 6.4rem 0 0
}

.syoLes {
	background: #fff;
	border-radius: 3.5rem;
	letter-spacing: .25em;
	margin: 4.8rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.syoLes__img {
	width: 39.3rem
}

.syoLes__data {
	padding: 0 5rem;
	width: calc(100% - 39.3rem)
}

.syoLes__in {
	width: 100%
}

.syoLes__sub {
	font-size: 1.8rem
}

.syoLes__main,
.syoLes__sub {
	color: #80472c;
	font-weight: 700;
	line-height: 1
}

.syoLes__main {
	font-size: 2.4rem;
	margin: 1.2rem 0 0
}

.syoLes__text {
	font-size: 1.6rem;
	line-height: 2;
	margin: 2rem 0 0;
	text-align: justify
}

.syoLes__more {
	margin: 1.5rem 0 0
}

.syoLes__link {
	color: #e3971c;
	font-weight: 700
}

.syoLes__link:hover {
	text-decoration: underline
}

.syoLes__icon {
	font-size: .8em;
	margin: 0 0 0 .5em
}

.syoOther {
	margin: 6.4rem 0 0
}

.syoOther__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em
}

.syoOther__table {
	border-top: 1px solid #d9bc8e;
	margin: 3rem 0 0
}

.syoOther__line {
	border-bottom: 1px solid #d9bc8e;
	padding: 2rem 0
}

.syoOther__cell {
	font-size: 1.6rem
}

.syoOther__cell--th {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	padding: 0 1em 0 0;
	width: 32rem
}

.syoOther__cell--td {
	width: calc(100% - 32rem)
}

.voBg {
	overflow: hidden;
	pointer-events: none
}

.voBg__img {
	margin: 0 0 0 50%;
	min-width: 136.6rem;
	transform: translate(-50%);
	width: 100%
}

.voMv {
	letter-spacing: .7em;
	pointer-events: none;
	position: relative;
	text-align: center;
	z-index: 1
}

.voMv__box {
	left: 0;
	position: absolute;
	top: -42rem;
	width: 100%;
	z-index: 2
}

.voMv__title {
	background-image: url(../img/svg/vo_mv_pop.svg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	color: #fff;
	display: inline-block;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	padding: 0 .2em 3.5rem
}

.voMv__img {
	margin: 4rem auto 0;
	width: 41.3rem
}

.voIntro {
	color: #80472c;
	font-weight: 700;
	margin: 14rem 0 0;
	position: relative;
	text-align: center;
	z-index: 2
}

.voIntro__title {
	font-size: 3.6rem;
	letter-spacing: .4em
}

.voIntro__text {
	font-feature-settings: "palt";
	font-size: 2rem;
	letter-spacing: .25em;
	line-height: 2;
	margin: 2rem 0 0
}

.voNav {
	padding: 3rem 0 0;
	position: relative;
	z-index: 2
}

.voNav__item {
	color: #80472c;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	text-align: center;
	width: 32%
}

.voNav__item svg {
	width: 100%
}

.voNav__item path {
	fill: #f7e5c1;
	transition-duration: .5s
}

.voNav__item:hover {
	color: #fff
}

.voNav__item:hover path {
	fill: #e3971c
}

.voNav__bg {
	position: relative;
	width: 100%;
	z-index: 1
}

.voNav__box {
	width: 100%
}

.voNav__case {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700
}

.voNav__item:hover .voNav__case {
	color: #fff
}

.voNav__title {
	font-size: 2rem;
	margin: 1rem 0
}

.voNav__arrow {
	color: #e3971c;
	font-size: 2.9rem
}

.voNav__item:hover .voNav__arrow {
	color: #fff
}

.voNav__box {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

.voSec {
	padding: 11.2rem 0 0
}

.voSec+.voSec {
	padding: 13.6rem 0 0
}

.voSec__intro {
	line-height: 1;
	padding: 0 0 8rem;
	text-align: center
}

.voSec__case {
	color: #e3971c;
	font-size: 3.2rem;
	font-weight: 700
}

.voSec__title {
	font-feature-settings: "palt";
	color: #80472c;
	font-size: 3.2rem;
	line-height: 1.6;
	margin: 3rem 0 0
}

.voSec__pop,
.voSec__title {
	font-weight: 700;
	letter-spacing: .25em
}

.voSec__pop {
	background-image: url(../img/svg/rec_pop.svg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	color: #e3971c;
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1;
	margin: 5.6rem 0 0;
	padding: 0 .2em 4rem
}

.voSec__pop:first-child {
	margin: 0
}

.voSec__item {
	margin: 3.1rem 4.2rem 0
}

.voSec__item--1 {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 108px
}

.voSec__item--self {
	margin: 3.1rem 2.6rem 0
}

.voSec__img {
	text-align: center
}

.voSec__name {
	font-feature-settings: "palt";
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.5;
	margin: 2.5rem 0 0;
	white-space: nowrap
}

.voSec__more {
	margin: 5.6rem 0 0
}

.voSec__btn {
	font-weight: 1.6rem;
	height: 6.4rem;
	max-width: 32rem
}

.voRes {
	background: #f7e5c1;
	padding: 8rem 0
}

.voRes__block {
	background: #fff;
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.voRes__block+.voRes__block {
	margin: 1.6rem 0 0
}

.voRes__head {
	color: #fff;
	font-weight: 700;
	line-height: 1;
	min-height: 16rem;
	text-align: center;
	width: 18rem
}

.voRes__head--before {
	background: #90b958
}

.voRes__head--after {
	background: #e3971c
}

.voRes__icon--before {
	font-size: 5.4rem
}

.voRes__icon--after {
	font-size: 8.5rem
}

.voRes__title {
	font-size: 1.7rem;
	margin: 1rem 0 0
}

.voRes__body {
	color: #80472c;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .1em;
	padding: 4rem;
	text-align: justify;
	width: calc(100% - 18rem)
}

.voRes__body--act {
	font-size: 1.8rem
}

.voRes__line+.voRes__line {
	margin: .5rem 0 0
}

.voRes__line--act {
	font-size: 1.8rem
}

.voRes__line--act+.voRes__line--act {
	margin: 1rem 0 0
}

.voRes__img--1,
.voRes__img--2 {
	width: 36rem
}

.voRes__img--full {
	width: 100%
}

.voRes__img--self {
	margin: 3.2rem 0 0;
	text-align: center
}

.voRes__data--1,
.voRes__data--2 {
	width: calc(100% - 40rem)
}

.voRes__data--full {
	width: 100%
}

.voRes__no {
	background: #e3971c;
	border-radius: 50%;
	display: inline-block;
	height: 1em;
	position: relative;
	width: 1em
}

.voRes__noIn {
	color: #fff;
	display: inline-block;
	font-size: .8em;
	left: 0;
	letter-spacing: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}

.voPoint {
	color: #90b958;
	font-weight: 700;
	text-decoration: underline
}

.voPoint--act {
	color: #e3971c
}

.voContact {
	padding: 8rem 0 13.6rem;
	text-align: center
}

.voContact__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1
}

.voContact__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2;
	margin: 1.5em 0 0;
	text-align: center
}

.voContact__list {
	padding: 2.8rem 0 0
}

.voContact__item {
	font-size: 1.8rem;
	height: 8rem;
	margin: 1.6rem 0 0;
	width: 49%
}

.enjoyMv {
	overflow: hidden
}

.enjoyMv__img {
	position: relative;
	width: 50%
}

.enjoyMv__img img {
	border-radius: 5rem 0 0 5rem;
	max-width: none;
	min-width: 50vw;
	width: 67.5rem
}

.enjoyMv__data {
	line-height: 1.5
}

.enjoyMv__main {
	color: #80472c;
	font-size: 4.8rem;
	font-weight: 700;
	letter-spacing: .1em
}

.enjoyMv__sub {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .15em;
	margin: 2rem 0 0
}

.enjoyMenu {
	padding: 14rem 0 13.5rem
}

.enjoyMenu__pager {
	height: 53.2rem;
	position: relative;
	width: 51.6rem
}

.enjoyMenu__core {
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 16.5rem;
	transform: translate(-50%);
	z-index: 2
}

.enjoyMenu__slide {
	width: calc(100% - 55.5rem)
}

.enjoyMenu__red {
	color: red
}

.enjoyMenu__bg {
	left: 50%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 1
}

.swiper-pagination-bullet-active .enjoyMenu__bg {
	width: 100%
}

.enjoyMenu__bg svg {
	pointer-events: none;
	width: 100%
}

.enjoyMenu__bg path {
	transition-duration: .3s
}

.swiper-pagination-bullet-active .enjoyMenu__bg path {
	fill: #e3971c
}

.enjoyMenu__pagerFrame {
	position: relative;
	z-index: 2
}

.enjoyMenu__pagerFrame--01 {
	transform: translateY(-2rem)
}

.enjoyMenu__pagerFrame--02 {
	transform: translateY(-.5rem)
}

.enjoyMenu__pagerFrame--03 {
	transform: translate(0)
}

.enjoyMenu__pagerFrame--04 {
	transform: translateY(-.5rem)
}

.enjoyMenu__pagerFrame--05 {
	transform: translate(0)
}

.enjoyMenu__pagerFrame--06 {
	transform: translateY(1rem)
}

.enjoyMenu__pagerIcon {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	text-align: center;
	z-index: 2
}

.enjoyMenu__pagerIcon--on {
	margin: 0 auto;
	position: relative;
	transform: scale(1.2) translateY(-1rem)
}

.enjoyMenu__pagerIcon--off {
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%)
}

.enjoyMenu__pagerIcon--01 {
	width: 7.8rem
}

.enjoyMenu__pagerIcon--02 {
	width: 8.4rem
}

.enjoyMenu__pagerIcon--03 {
	width: 6.2rem
}

.enjoyMenu__pagerIcon--04 {
	width: 9.1rem
}

.enjoyMenu__pagerIcon--05 {
	width: 7.2rem
}

.enjoyMenu__pagerIcon--06 {
	width: 7.8rem
}

.enjoyMenu__pagerTitle {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	margin: .5rem 0 0;
	position: relative;
	text-align: center;
	z-index: 2
}

.enjoyMenu__pagerTitle--03 {
	font-size: 1.6rem
}

.swiper-pagination-bullet-active .enjoyMenu__pagerTitle {
	color: #fff
}

.enjoyMenu .swiper-pagination-bullet {
	color: #fff;
	cursor: pointer;
	position: absolute;
	width: 25rem
}

.enjoyMenu .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .on {
	opacity: 0
}

.enjoyMenu .swiper-pagination-bullet:first-child {
	height: 13.9rem;
	right: 2rem;
	top: 10rem;
	width: 15.5rem
}

.enjoyMenu .swiper-pagination-bullet:nth-child(2) {
	height: 12.9rem;
	right: 2rem;
	top: 29.3rem;
	width: 15.5rem
}

.enjoyMenu .swiper-pagination-bullet:nth-child(3) {
	height: 12.8rem;
	left: 50%;
	top: 38.5rem;
	transform: translate(-50%);
	width: 17rem
}

.enjoyMenu .swiper-pagination-bullet:nth-child(4) {
	height: 13.8rem;
	left: 2rem;
	top: 30.5rem;
	width: 13.5rem
}

.enjoyMenu .swiper-pagination-bullet:nth-child(5) {
	height: 14rem;
	left: 2rem;
	top: 10rem;
	width: 15rem
}

.enjoyMenu .swiper-pagination-bullet:nth-child(6) {
	height: 14.2rem;
	left: 50%;
	top: 1rem;
	transform: translate(-50%);
	width: 14.2rem
}

.enjoyMenu .swiper-pagination-bullet-active .off {
	opacity: 0
}

.enjoyMenu__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.enjoyMenu__titleIcon {
	height: 7.3rem;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 0 1.7rem 0 0;
	text-align: center;
	width: 7.3rem
}

.enjoyMenu__titleIcon--01 img {
	width: 6.3rem
}

.enjoyMenu__titleIcon--02 img {
	width: 6.2rem
}

.enjoyMenu__titleIcon--03 img {
	width: 5.2rem
}

.enjoyMenu__titleIcon--04 img {
	width: 7rem
}

.enjoyMenu__titleIcon--05 img {
	width: 5.9rem
}

.enjoyMenu__titleIcon--06 img {
	width: 6.3rem
}

.enjoyMenu__titleText {
	width: calc(100% - 9rem)
}

.enjoyMenu__btn {
	border: 2px solid #e3971c;
	border-radius: 50%;
	color: #e3971c;
	font-size: 1.6rem;
	height: 4.8rem;
	margin: 0 0 0 .4rem;
	width: 4.8rem
}

.enjoyMenu__box {
	background: #fff;
	border-radius: 3rem;
	box-sizing: border-box;
	margin: 2.3rem 0 0;
	padding: 4rem 4.8rem 0;
	width: 100%
}

.enjoyMenu__box+.enjoyMenu__box {
	margin: .5rem 0 0
}

.enjoyMenu__box:after {
	content: "";
	display: block;
	height: 3.2rem
}

.enjoyMenu__boxTitle {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.3;
	margin: 0 0 1.2rem
}

.enjoyMenu__boxText {
	font-feature-settings: "palt";
	font-size: 1.6rem;
	letter-spacing: .15em;
	line-height: 2;
	text-align: justify;
	width: 100%
}

.enjoyMenu__more {
	margin: 1.6rem 0 0
}

.enjoyMenu__link {
	color: #e3971c;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.enjoyMenu__link:hover {
	text-decoration: underline
}

.enjoyMenu__linkIcon {
	margin: 0 0 0 .5em
}

.enjoyBnr {
	margin: 1.6rem 0 0
}

.enjoyBnr:after,
.enjoyBnr:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 32%
}

.enjoyBnr__item {
	margin: .8rem 0 0;
	width: 32%
}

.enjoyMov {
	padding: 6rem 0 17rem
}

.errorPage {
	padding: 10rem 0 15rem
}

.errorPage__code {
	color: #80472c;
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1
}

.errorPage__codeItem {
	margin: 0 .6em 0 0
}

.errorPage__title {
	color: #80472c;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1;
	margin: 5rem 0 0
}

.errorPage__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .2em;
	margin: 4.5rem 0 0;
	text-align: justify
}

.errorPage__back {
	margin: 4.8rem 0 0
}

.errorPage__btn {
	font-size: 1.8rem;
	font-weight: 700;
	height: 6.4rem;
	max-width: 26rem
}

.newsMv {
	height: 28rem;
	letter-spacing: .15em;
	line-height: 1
}

.newsMv__in {
	width: 100%
}

.newsMv__main {
	color: #80472c;
	font-size: 5.6rem;
	font-weight: 700
}

.newsMv__sub {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .15em;
	margin: 1.5rem 0 0
}

.newsBase {
	padding: 0 0 20rem
}

.newsSide {
	width: 26rem
}

.newsSide__block {
	background: #fff;
	border-radius: 3rem;
	overflow: hidden
}

.newsSide__block:not(:first-child) {
	margin: 1.6rem 0 0
}

.newsSide__head {
	background: #d9bc8e;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 600;
	height: 6rem;
	letter-spacing: .15em;
	position: relative
}

.newsSide__body {
	padding: 2rem 3.25rem 3rem
}

.newsSide__year {
	line-height: 1;
	margin: 0 0 1.5rem
}

.newsSide__yearNow {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700
}

.newsSide__yearMove {
	color: #e3971c;
	font-size: 1.2rem;
	height: 2rem;
	width: 2rem
}

.newsSide__yearMove:hover {
	color: #80472c
}

.newsSide__yearMove:not(.active) {
	opacity: 0;
	pointer-events: none
}

.newsSide__item {
	color: #282828;
	font-size: 1.6rem;
	height: 5rem
}

.newsSide__item:not(:first-child) {
	border-top: 1px solid #d5d5d4
}

.newsSide__icon {
	color: #e3971c;
	font-size: 1.2rem;
	margin: 0 0 0 .5rem
}

.newsMain {
	width: calc(100% - 27.6rem)
}

.newsMain__frame {
	background: #fff;
	border-radius: 3rem;
	padding: 4rem 4.8rem 2rem
}

.newsMain__item {
	color: #282828;
	font-size: 1.6rem;
	line-height: 1;
	padding: 2.5rem 0
}

.newsMain__item:not(:first-child) {
	border-top: 1px solid #d5d5d4
}

.newsMain__date {
	margin: 0 1rem 0 0
}

.newsMain__cat {
	background: #000;
	border-radius: .3rem;
	color: #fff;
	font-size: 1.2rem;
	margin: 0 .4rem 0 0;
	padding: .5rem .8rem
}

.newsMain__cat--new {
	background: #e31c1c
}

.newsMain__title {
	line-height: 1.5;
	margin: 1rem 0 0;
	width: 100%
}

.newsMain__item:hover .newsMain__title {
	text-decoration: underline
}

.newsPager {
	margin: 3.8rem 0 0
}

.newsDetail {
	background: #fff;
	border-radius: 3.2rem;
	margin: 0 0 14.5rem;
	padding: 6.7rem 8.5rem 6rem
}

.newsDetail__section {
	margin: 0 auto;
	max-width: 91rem
}

.newsDetail__mainBox {
	border: 1px solid #222;
	margin: 0 0 4rem;
	padding: 3rem;
	text-align: center
}

.newsDetail__date {
	font-size: 1.6rem;
	margin: 0 0 .5rem
}

.newsDetail__catList {
	margin: 0 0 1.2rem;
	overflow: hidden
}

.newsDetail__cat {
	color: #fff;
	display: inline-block;
	font-size: 1.1rem;
	margin: 0 0 .2rem;
	padding: 0 .5rem
}

.newsDetail__tit {
	font-size: 2.2rem;
	line-height: 1.6;
	margin: 0 0 .8rem
}

.newsDetail__cntBox {
	margin: 0 0 10rem
}

.newsDetail__article p {
	color: #222;
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	margin-bottom: .6em !important;
	min-height: 1.4em
}

.newsDetail__btn {
	height: 8rem;
	margin: 0 auto;
	width: 35.1rem
}

.newsDetail__btn .md-btn {
	height: 100%
}

.numberHead__text {
	padding: 12rem 0;
	text-align: center
}

.numberHead__text--en {
	font-size: 5.6rem;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.1;
	text-transform: uppercase
}

.numberHead__text--ja {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .4em
}

.numberMain {
	background: #e3971c;
	border-radius: 2.2rem;
	margin: 0 auto 12rem;
	padding: 3rem 3rem 4rem;
	width: 100rem
}

.numberSection {
	margin-top: 3rem
}

.numberSection:first-child {
	margin-top: 1rem
}

.numberSection__ph_box {
	width: 47rem
}

.numberSection__ph_box img {
	border-radius: 1.5rem 0 0 1.5rem
}

.numberSection__txt_box {
	background: #fff;
	border-radius: 0 1.5rem 1.5rem 0;
	height: 44rem;
	text-align: center;
	width: 47rem
}

.numberSection__title {
	background: #eb9720;
	border-radius: 5rem;
	color: #fff;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 700;
	margin-top: -1rem;
	padding: 1.2rem 3.5rem;
	position: relative
}

.numberSection__title:before {
	border: 1.5rem solid transparent;
	border-top-color: #eb9720;
	content: "";
	left: 50%;
	margin-left: -1.5rem;
	position: absolute;
	top: 100%
}

.numberSection__number {
	color: #eb9720;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 6rem
}

.numberSection__number span {
	font-size: 8.5rem;
	margin: 0 .5rem
}

.numberSection__txt {
	font-weight: 700;
	margin-top: 2rem
}

.numberSection__txt span {
	font-weight: 400
}

.numberSection__btn {
	height: 5rem;
	margin: 6rem auto 0;
	width: 24.6rem
}

.numberSection__btn .md-btn {
	height: 100%;
	width: 100%
}

.numberSection--01 .numberSection__ph_box,
.numberSection--04 .numberSection__ph_box {
	-ms-flex-order: 2;
	order: 2
}

.numberSection--01 .numberSection__ph_box img,
.numberSection--04 .numberSection__ph_box img {
	border-radius: 0 1.5rem 1.5rem 0
}

.numberSection--01 .numberSection__txt_box,
.numberSection--04 .numberSection__txt_box {
	-ms-flex-order: 1;
	border-radius: 1.5rem 0 0 1.5rem;
	order: 1
}

.numberSection--02 .numberSection__btn,
.numberSection--02 .numberSection__number,
.numberSection--05 .numberSection__btn,
.numberSection--05 .numberSection__number {
	margin-top: 4rem
}

.numberSection--01 .numberSection__title {
	background: #fc1c00
}

.numberSection--01 .numberSection__title:before {
	border-top: 1.5rem solid #fc1c00
}

.numberSection--01 .numberSection__number {
	color: #fc1c00
}

.numberSection--01 .numberSection__btn a {
	border: .2rem solid #fc1c00;
	color: #fc1c00
}

.numberSection--01 .numberSection__btn a:after {
	border-right: .2rem solid #fc1c00;
	border-top: .2rem solid #fc1c00
}

.numberSection--01 .numberSection__btn a:hover {
	background: #fc1c00;
	color: #fff
}

.numberSection--01 .numberSection__btn a:hover:after {
	border-right: .2rem solid #fff;
	border-top: .2rem solid #fff
}

.numberSection--02 .numberSection__ph_box {
	position: relative
}

.numberSection--02 .numberSection__pin {
	opacity: 0;
	position: absolute;
	width: 2.3rem
}

.numberSection--02 .numberSection__pin img {
	border-radius: 0
}

.numberSection--02 .numberSection__pin.animated {
	opacity: 1
}

.numberSection--02 .numberSection__pin.pin01 {
	left: 29.9rem;
	top: 6.1rem
}

.numberSection--02 .numberSection__pin.pin02 {
	left: 30rem;
	top: 18.4rem
}

.numberSection--02 .numberSection__pin.pin03 {
	left: 28.3rem;
	top: 25.3rem
}

.numberSection--02 .numberSection__pin.pin04 {
	left: 27.3rem;
	top: 26.2rem
}

.numberSection--02 .numberSection__pin.pin05 {
	left: 28.2rem;
	top: 27.1rem
}

.numberSection--02 .numberSection__pin.pin06 {
	left: 23.2rem;
	top: 27.1rem
}

.numberSection--02 .numberSection__pin.pin07 {
	left: 19rem;
	top: 28.8rem
}

.numberSection--02 .numberSection__pin.pin08 {
	left: 15.3rem;
	top: 29rem;
	width: 2.9rem
}

.numberSection--02 .numberSection__pin.pin09 {
	left: 11.3rem;
	top: 29.9rem
}

.numberSection--02 .numberSection__pin.pin10 {
	left: 8.4rem;
	top: 31.7rem
}

.numberSection--03 .numberSection__txt_box {
	border-radius: 1.5rem;
	width: 46.5rem
}

.numberSection--03 .numberSection__txt_box_left {
	position: relative
}

.numberSection--03 .numberSection__txt_box_left .numberSection__title {
	background: #633411
}

.numberSection--03 .numberSection__txt_box_left .numberSection__title:before {
	border-top: 1.5rem solid #633411
}

.numberSection--03 .numberSection__txt_box_left .numberSection__graph {
	height: 13rem;
	left: 5.5rem;
	position: absolute;
	top: 8.5rem;
	width: 13rem
}

.numberSection--03 .numberSection__txt_box_left .numberSection__number {
	color: #633411;
	margin-left: 12rem
}

.numberSection--03 .numberSection__txt_box_left .numberSection__btn,
.numberSection--03 .numberSection__txt_box_left .numberSection__txt {
	margin-top: 4rem
}

.numberSection--03 .numberSection__txt_box_left .numberSection__btn a {
	border: .2rem solid #633411;
	color: #633411
}

.numberSection--03 .numberSection__txt_box_left .numberSection__btn a:after {
	border-right: .2rem solid #633411;
	border-top: .2rem solid #633411
}

.numberSection--03 .numberSection__txt_box_left .numberSection__btn a:hover {
	background: #633411;
	color: #fff
}

.numberSection--03 .numberSection__txt_box_left .numberSection__btn a:hover:after {
	border-right: .2rem solid #fff;
	border-top: .2rem solid #fff
}

.numberSection--03 .numberSection__txt_box_right {
	position: relative
}

.numberSection--03 .numberSection__txt_box_right .numberSection__title {
	background: #05998b
}

.numberSection--03 .numberSection__txt_box_right .numberSection__title:before {
	border-top: 1.5rem solid #05998b
}

.numberSection--03 .numberSection__txt_box_right .numberSection__ph {
	bottom: -1.4rem;
	position: absolute;
	right: .7rem;
	width: 11.9rem
}

.numberSection--03 .numberSection__txt_box_right .numberSection__number {
	color: #05998b;
	margin-left: -6rem
}

.numberSection--03 .numberSection__txt_box_right .numberSection__txt {
	margin-left: -6rem
}

.numberSection--03 .numberSection__txt_box_right .numberSection__btn {
	margin-left: 8rem
}

.numberSection--03 .numberSection__txt_box_right .numberSection__btn a {
	border: .2rem solid #05998b;
	color: #05998b
}

.numberSection--03 .numberSection__txt_box_right .numberSection__btn a:after {
	border-right: .2rem solid #05998b;
	border-top: .2rem solid #05998b
}

.numberSection--03 .numberSection__txt_box_right .numberSection__btn a:hover {
	background: #05998b;
	color: #fff
}

.numberSection--03 .numberSection__txt_box_right .numberSection__btn a:hover:after {
	border-right: .2rem solid #fff;
	border-top: .2rem solid #fff
}

.numberSection--05 .numberSection__title {
	background: #633411
}

.numberSection--05 .numberSection__title:before {
	border-top: 1.5rem solid #633411
}

.numberSection--05 .numberSection__number {
	color: #633411
}

.numberSection--05 .numberSection__btn a {
	border: .2rem solid #633411;
	color: #633411
}

.numberSection--05 .numberSection__btn a:after {
	border-right: .2rem solid #633411;
	border-top: .2rem solid #633411
}

.numberSection--05 .numberSection__btn a:hover {
	background: #633411;
	color: #fff
}

.numberSection--05 .numberSection__btn a:hover:after {
	border-right: .2rem solid #fff;
	border-top: .2rem solid #fff
}

.policy {
	padding: 8.5rem 0 16.5rem
}

.policy__box {
	background: #fff;
	border-radius: 3rem;
	padding: 8.15rem 9.2rem 7.8rem
}

.policy__sec:not(:first-child) {
	margin: 6rem 0 0
}

.policy__sec--sub {
	padding: 0 0 0 1em
}

.policy__sec--sub:not(:first-child) {
	margin: 3rem 0 0
}

.policy__title {
	border-bottom: 1px solid #d9bc8e;
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.5;
	margin: 0 0 1.5rem;
	padding: 0 0 1.5rem
}

.policy__title--sub {
	border: 0;
	font-size: 1.6rem;
	padding: 0
}

.policy__text {
	font-size: 1.6rem;
	line-height: 2
}

.policy__item,
.policy__text--end {
	margin: 1.5rem 0 0
}

.policy__link {
	color: #e3971c;
	text-decoration: underline
}

.policy__link:hover {
	text-decoration: none
}

.policy__blank {
	margin: 0 0 0 .5em
}

.policy__note {
	margin: 4rem 0;
	text-align: right
}

.presentItem {
	margin-top: 13.6rem
}

.presentItem__wrap {
	margin: 0 auto;
	max-width: 90rem;
	padding-left: 1rem;
	padding-right: 1rem
}

.presentItem__img {
	background: url(../img/svg/present_bg.svg) no-repeat 50%/contain;
	max-width: 36rem
}

.presentItem__text {
	text-align: center
}

.presentItem__head {
	background: #e3971c;
	display: inline-block;
	height: 5.2rem;
	position: relative;
	text-align: center;
	width: 44.4rem;
	z-index: 1
}

.presentItem__head:after,
.presentItem__head:before {
	border-bottom: 2.6rem solid #e3971c;
	border-top: 2.6rem solid #e3971c;
	bottom: -2.6rem;
	content: "";
	position: absolute;
	width: 4.5rem;
	z-index: -2
}

.presentItem__head:before {
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid #e3971c;
	left: -3rem
}

.presentItem__head:after {
	border-left: 1.5rem solid #e3971c;
	border-right: 1.5rem solid transparent;
	right: -3rem
}

.presentItem__head--text {
	color: #fff;
	display: inline-block;
	font-size: 2.8rem;
	font-weight: 700;
	height: 100%;
	letter-spacing: .2em;
	position: relative;
	width: 100%
}

.presentItem__head--text:after,
.presentItem__head--text:before {
	border-bottom: 1.3rem solid transparent;
	border-top: 1.3rem solid #b27107;
	content: "";
	position: absolute;
	top: 100%;
	width: 1rem;
	z-index: -1
}

.presentItem__head--text:before {
	border-left: .8rem solid transparent;
	border-right: .8rem solid #b27107;
	left: 0
}

.presentItem__head--text:after {
	border-left: .8rem solid #b27107;
	border-right: .8rem solid transparent;
	right: 0
}

.presentItem__name {
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.75;
	margin-top: 4rem
}

.presentItem__desc {
	display: inline-block;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	margin-top: 2.3rem;
	position: relative
}

.presentItem__desc:before {
	background: #f9d300;
	bottom: 0;
	content: "";
	display: block;
	height: .8rem;
	left: 0;
	position: absolute;
	width: 100%
}

.presentItem__desc .em {
	color: #e3971c
}

.presentItem__desc .num {
	font-size: 6.4rem;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.1
}

.presentItem__btn {
	height: 6.4rem;
	margin-top: 6.8rem;
	width: 29.6rem
}

.presentAbout {
	background: #fff;
	border-radius: 2.4rem;
	margin: 11.1rem 0 9.6rem;
	padding: 7.3rem 9.2rem
}

.presentAbout__head {
	background: #e3971c;
	border-radius: 2.4rem;
	color: #fdf8e8;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 2;
	padding: 2.8rem 0;
	text-align: center
}

.presentAbout__head--link {
	color: #fffb9a;
	text-decoration: underline
}

.presentAbout__head--link:hover {
	text-decoration: none
}

.presentAbout__text {
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.9;
	margin-top: 4rem
}

.presentAbout__ttl {
	color: #80472c;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 2;
	margin-top: 4.4rem
}

.presentAbout__dtl {
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.9;
	margin-top: 1.6rem
}

.presentAbout__conclution {
	border-bottom: 2px solid #e3971c;
	color: #80472c;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	margin-top: 5.6rem;
	padding-bottom: 1.2rem
}

.presentAbout__note {
	color: #282828;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 2;
	margin-top: 5.6rem
}

.presentForm {
	background: #f9f8f3;
	padding: 9.6rem 0 13.8rem
}

.presentForm .cnt_remaining {
	background: #fc1c00;
	border-radius: .5rem;
	bottom: 8rem;
	color: #fff;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 1px;
	padding: .5rem .5rem 1rem 1rem;
	position: fixed;
	right: 5rem;
	z-index: 999
}

.presentForm .cnt_remaining var {
	font-size: 2rem;
	font-style: 400
}

.presentForm__wrap {
	margin: 0 auto;
	max-width: 84.6rem;
	padding-left: 1rem;
	padding-right: 1rem
}

.presentForm__stepBar {
	list-style: none;
	margin: 0 0 1em;
	overflow: hidden;
	position: relative;
	text-align: center
}

.presentForm__step {
	background: #fff;
	color: #888;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 6rem;
	padding: 0 4rem 0 2rem;
	position: relative;
	width: 33.3333333333%
}

.presentForm__step:after,
.presentForm__step:before {
	background: #fff;
	border-left: 4px solid #f9f8f2;
	content: "";
	display: block;
	height: 3rem;
	left: -1.5rem;
	position: absolute;
	width: 2.5rem
}

.presentForm__step:before {
	bottom: 0;
	transform: skew(-30deg)
}

.presentForm__step:after {
	top: 0;
	transform: skew(30deg)
}

.presentForm__step:first-child:after,
.presentForm__step:first-child:before {
	content: none
}

.presentForm__step.current {
	background: #2b2b2b;
	color: #fff
}

.presentForm__step.current:after,
.presentForm__step.current:before {
	background: #2b2b2b
}

.presentForm__wrapper {
	background: #fff;
	padding: 2.5rem
}

.presentForm__block {
	border-bottom: 1px dotted #ccc;
	color: #222;
	overflow: hidden
}

.presentForm__block:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.presentForm__ttl .must {
	float: left;
	padding: 1rem;
	text-align: right;
	vertical-align: top;
	width: 8%
}

.presentForm__ttl .must span {
	background: #fc1c00;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	height: 3.8rem;
	line-height: 3.8rem;
	margin-top: .5rem;
	text-align: center;
	width: 3.8rem
}

.presentForm__tit {
	float: left;
	font-size: 1.3rem;
	line-height: 3rem;
	min-height: 3rem;
	padding: 2rem 1.2rem 1.3rem 0;
	text-align: right;
	vertical-align: top;
	width: 24%
}

.presentForm__dtl {
	float: left;
	padding: 2rem 1rem;
	width: 68%;
	word-break: break-all
}

.presentForm__dtl #gender label {
	background: #efefef;
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 1.3rem;
	margin: 0 0 1rem;
	padding: .8rem .5rem;
	width: 16.5rem
}

.presentForm .notice {
	border: 1px dotted #c00;
	color: #c00;
	font-size: 1.3rem;
	margin-top: 1rem;
	padding: 1rem;
	width: 47.8rem
}

.presentForm input,
.presentForm textarea {
	border: 1px solid #bbb;
	padding: 1rem
}

.presentForm input[type=email],
.presentForm input[type=tel],
.presentForm input[type=text],
.presentForm textarea {
	font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
	font-size: 1.4rem;
	width: 50rem
}

.presentForm select {
	border: 1px solid #bbb;
	height: 4rem;
	padding: .5rem
}

.presentForm .formError {
	display: block;
	padding-bottom: 1.3rem
}

.presentForm .formError .formErrorArrow {
	bottom: 0;
	height: 1.5rem;
	left: 2rem;
	position: absolute;
	width: 1.5rem
}

.presentForm .formError .formErrorArrow.line1 {
	width: 1px
}

.presentForm .formError .formErrorArrow.line2 {
	width: 3px
}

.presentForm .formError .formErrorArrow.line3 {
	width: 5px
}

.presentForm .formError .formErrorArrow.line4 {
	width: 7px
}

.presentForm .formError .formErrorArrow.line5 {
	width: 9px
}

.presentForm .formError .formErrorArrow.line6 {
	width: 11px
}

.presentForm .formError .formErrorArrow.line7 {
	width: 13px
}

.presentForm .formError .formErrorArrow.line8 {
	width: 15px
}

.presentForm .formError .formErrorArrow.line9 {
	width: 17px
}

.presentForm .formError .formErrorArrow.line10 {
	width: 19px
}

.presentForm .formError .formErrorContent {
	background: #e0382c;
	border-radius: 3px;
	box-shadow: 0 0 6px #888;
	color: #fff;
	font-weight: 700;
	padding: 3px 5px;
	position: relative
}

.presentForm .formError .formErrorClose {
	background: #333;
	border: 2px solid #252525;
	border-radius: .9rem;
	box-shadow: 1px -1px 3px #888;
	color: #efefef;
	cursor: pointer;
	display: block;
	font-weight: 700;
	height: 1.6rem;
	position: absolute;
	right: -4px;
	text-align: center;
	top: -4px;
	width: 1.6rem
}

.presentForm .fixed {
	padding-bottom: 0
}

.presentForm .fixed .formErrorArrow {
	display: none
}

.presentForm .fixed .formErrorContent {
	background: #e0382c;
	border: 1px solid #e0382c;
	border-radius: 0;
	box-shadow: none;
	margin-top: .5em
}

.presentForm .fixed .fixed .formErrorClose {
	display: none
}

.presentForm .btn_confirm,
.presentForm .btn_submit {
	-webkit-appearance: none;
	appearance: none;
	background: #fc1c00;
	border: none !important;
	font-size: 1.8rem;
	margin: 2rem auto 1rem;
	padding: 2rem 0 !important;
	width: 70%
}

.btn_back,
.btn_top a,
.presentForm .btn_confirm,
.presentForm .btn_submit {
	color: #fff;
	display: block;
	font-weight: 700;
	position: relative;
	text-align: center
}

.btn_back,
.btn_top a {
	background: #aaa;
	border: none;
	font-size: 1.1em;
	margin: 0 auto 10px;
	padding: 15px 0;
	text-decoration: none;
	width: 55%
}

.btn_back:hover,
.btn_top a:hover {
	background: #bbb;
	color: #fff;
	text-decoration: none
}

.preThanks {
	padding: 5rem 0 15rem
}

.preThanks .catch {
	color: #fc1c00
}

.preThanks__back {
	margin: 3rem 0 0;
	text-align: center
}

.preThanks__btn {
	font-size: 1.8rem;
	height: 6rem;
	max-width: 46rem
}

.productHead {
	padding: 0 0 11.2rem
}

.productHead__img--coll {
	mix-blend-mode: multiply;
	padding: 6rem 0
}

.productHead__text {
	font-feature-settings: "palt"
}

.productHead__en {
	display: block;
	font-size: 5.2rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap
}

.productHead__ja {
	color: #e3971c;
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .4em
}

.productIntro {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin-top: 4rem
}

.productIntro__note {
	font-size: 1.5rem;
	font-weight: 400
}

.productIntro__mark {
	display: inline-block;
	font-size: .5em;
	transform: translateY(-1em)
}

.productHeadNav {
	margin-top: 9rem
}

.productHeadNav__item {
	width: calc(25% - 1.2rem)
}

.productHeadNav__btn {
	border: 2px solid #e3971c;
	border-radius: 3.2rem;
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	height: 6.4rem;
	letter-spacing: .2em
}

.productHeadNav__btn:before,
.productHeadNav__btn:hover,
a:hover .productHeadNav__btn {
	background-color: #e3971c;
	color: #fff
}

.productHeadNav__btn .icon {
	font-size: 1.4rem;
	position: absolute;
	right: 3.2rem
}

.productNav {
	background: #fff;
	padding: 5.3rem 0
}

.productNav__head {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center
}

.productNav__head--category {
	font-size: 3.6rem;
	margin-bottom: 3rem
}

.productNav__list {
	margin-top: 2.4rem
}

.productNav .productNavItem {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 0 1.7rem;
	position: relative;
	width: 13rem
}

@-moz-document url-prefix() {
	.productNav .productNavItem {
		image-rendering: auto
	}
}

.productNav .productNavItem__link {
	display: block;
	margin: 0 auto;
	opacity: .3;
	position: relative;
	z-index: 1
}

.productNav .productNavItem__link.active,
.productNav .productNavItem__link:hover {
	opacity: 1
}

.productNav .productNavItem__link.active {
	pointer-events: none
}

.productNav .productNavItem__img {
	text-align: center
}

.productNav .productNavItem .itemBg {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1
}

.productItem {
	font-feature-settings: "palt";
	padding: 11rem 0 3.2rem
}

.productItem--food {
	padding: 11rem 0 13rem
}

.productItem:not(.active) {
	display: none
}

.productItem__base {
	padding: 0 9.2rem
}

.productItem__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: calc(41% - 5rem)
}

@-moz-document url-prefix() {
	.productItem__img {
		image-rendering: auto
	}
}

.productItem__content {
	margin-left: 5rem;
	width: 59%
}

.productItem__name {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productItem__desc {
	font-size: 1.8rem;
	letter-spacing: .05em;
	line-height: 1.8;
	margin-top: 3.2rem
}

.productItem__data {
	margin-top: 1.8rem
}

.productItem__ttl {
	border-radius: .8rem 0 0 .8rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	margin-top: .8rem;
	width: 13rem
}

.productItem__ttl--limit,
.productItem__ttl--storage {
	background: #d9bc8e
}

.productItem__ttl--scent {
	background: #80472c
}

.productItem__dtl {
	background: #fff;
	border-radius: 0 .8rem .8rem 0;
	font-size: 1.6rem;
	letter-spacing: .05em;
	margin-top: .8rem;
	padding: 1.2rem 0 1.2rem 2.2rem;
	width: calc(100% - 13rem)
}

.productItem__more {
	margin-top: 4rem;
	width: 35.3rem
}

.productItem__btn {
	border: 2px solid #e3971c;
	border-radius: 3.2rem;
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	height: 6.4rem;
	letter-spacing: .2em
}

.productItem__btn:before,
.productItem__btn:hover,
a:hover .productItem__btn {
	background-color: #e3971c;
	color: #fff
}

.productItem__btn .icon {
	font-size: 1.2rem
}

.productItem .productItemInfo {
	margin-top: 4rem
}

.productItem .productItemInfo__head {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productItem .productItemInfo__link {
	margin-top: 1.6rem
}

.productItem .productItemInfo__link:hover .icon {
	transform: translateX(.5rem)
}

.productItem .productItemInfo__img {
	-ms-flex-negative: 0;
	border-radius: 3.2rem 0 0 3.2rem;
	flex-shrink: 0;
	width: 43.3%
}

.productItem .productItemInfo__text {
	background: #fff;
	border-radius: 0 3.2rem 3.2rem 0;
	-ms-flex: auto;
	flex: auto;
	padding: 0 3rem
}

.productItem .productItemInfo__ttl {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.4
}

.productItem .productItemInfo__desc {
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .2em;
	margin-top: 1.6rem;
	text-align: right
}

.productItem .productItemInfo__desc .icon {
	font-size: 1.2rem;
	margin-left: 1.6rem;
	transition: .5s
}

.productItem .productItemInfo__more {
	margin: 1.6rem 0 0 auto;
	width: 26rem
}

.productItem .productItemInfo__more--ec {
	width: 31.5rem
}

.productItem .productItemInfo__btn {
	border: 2px solid #e3971c;
	border-radius: 2.9rem;
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	height: 5.8rem;
	letter-spacing: .2em
}

.productItem .productItemInfo__btn:before,
.productItem .productItemInfo__btn:hover,
a:hover .productItem .productItemInfo__btn {
	background-color: #e3971c;
	color: #fff
}

.productItem .productItemInfo__btn .icon-right {
	font-size: 1.2rem
}

.productItem .productItemInfo__btn .icon-cart {
	font-size: 2.4rem;
	margin-right: 2rem
}

.productItem .productItemInfo__flexbtn {
	-ms-flex-pack: end;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end
}

.productItem .productItemInfo__flexbtn .productItemInfo__more {
	margin: 1.6rem 0 0;
	min-width: 245px;
	padding: 0 4px;
	width: 50%
}

.productItem .productItemInfo__flexbtn .productItemInfo__btn .icon-cart {
	margin-right: .1rem
}

.productItem .productItemTokuho {
	margin-top: 4rem
}

.productItem .productItemTokuho__head {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productItem .productItemTokuho__link {
	margin-top: 4rem
}

.productItem .productItemTokuho__link:hover .icon {
	transform: translateX(.5rem)
}

.productItem .productItemTokuho__img {
	border-radius: 3.2rem 0 0 3.2rem
}

.productItem .productItemTokuho__text {
	background: #fff;
	border-radius: 0 3.2rem 3.2rem 0;
	-ms-flex: auto;
	flex: auto;
	padding: 3.8rem;
	position: relative
}

.productItem .productItemTokuho__ttl {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.4
}

.productItem .productItemTokuho__desc {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .075em
}

.productItem .productItemTokuho__icon {
	position: absolute;
	right: 2.7rem;
	top: -2.4rem
}

.productItem .productItemLineup {
	background: #e3971c;
	border-radius: 3.2rem;
	margin-top: 6.4rem;
	transition: .5s
}

.productItem .productItemLineup.active {
	background: #f7e5c1
}

.productItem .productItemLineup.active .productItemLineup__head {
	color: #80472c
}

.productItem .productItemLineup.active .productItemLineup__head .icon {
	transform: rotate(180deg)
}

.productItem .productItemLineup__head {
	color: #fff;
	cursor: pointer;
	font-size: 2rem;
	font-weight: 700;
	height: 6.4rem;
	letter-spacing: .1em;
	position: relative;
	text-align: center;
	transition: .5s
}

.productItem .productItemLineup__head .icon {
	position: absolute;
	right: 4.5rem;
	transition: .5s
}

.productItem .productItemLineup__container {
	display: none
}

.productItem .productItemLineup__list {
	padding: .8rem 1.6rem 1.6rem
}

.productItem .productItemLineup .productItemLineupItem {
	background: #fff;
	border-radius: 1.6rem;
	gap: 0 1.1rem;
	margin-top: .8rem;
	padding: clamp((40*(800/1200)) * 1px, 40/1200*100vw, 40px) clamp((42*(800/1200)) * 1px, 42/1200*100vw, 42px);
	width: 49.5%
}

.productItem .productItemLineup .productItemLineupItem.full {
	width: 100%
}

.productItem .productItemLineup .productItemLineupItem__img {
	width: 30.5%
}

.productItem .productItemLineup .productItemLineupItem__tbl {
	border: 1px solid #d9bc8e;
	border-bottom: none;
	font-size: 1.6rem;
	height: 17rem;
	line-height: 2;
	width: 62.5%
}

.productItem .productItemLineup .productItemLineupItem__tbl.full {
	width: 100%
}

.productItem .productItemLineup .productItemLineupItem__row {
	border-bottom: 1px solid #d9bc8e
}

.productItem .productItemLineup .productItemLineupItem__ttl {
	background: #fdf8e8;
	font-weight: 500;
	text-align: center;
	vertical-align: center
}

.productItem .productItemLineup .productItemLineupItem__dtl {
	border-left: 1px solid #d9bc8e;
	padding: 0 1.8rem;
	vertical-align: center
}

.productItem .productItemLineup .productItemLineupItem__btn {
	border: 2px solid #e3971c;
	border-radius: 2.3rem;
	color: #e3971c;
	font-size: 1.5rem;
	font-weight: 700;
	height: 4.6rem;
	letter-spacing: 0;
	margin: 1.5rem 0 0 auto;
	width: 29rem
}

.productItem .productItemLineup .productItemLineupItem__btn:before,
.productItem .productItemLineup .productItemLineupItem__btn:hover,
a:hover .productItem .productItemLineup .productItemLineupItem__btn {
	background-color: #e3971c;
	color: #fff
}

.productItem .productItemLineup .productItemLineupItem__btn .icon {
	font-size: 2.6rem;
	margin-right: 1.6rem
}

.productItemPickup {
	display: -ms-flexbox;
	display: flex;
	gap: 0 2%;
	margin: 0 auto;
	padding: 3.2rem 0 13.6rem;
	width: 86%
}

.productItemPickup__link {
	background: #fff;
	border-radius: 3.2rem;
	margin-top: 3rem;
	padding: 3.8rem 0 4rem 6%;
	width: 48%
}

.productItemPickup__img {
	-ms-flex: none;
	flex: none;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	position: relative;
	width: 10rem
}

@-moz-document url-prefix() {
	.productItemPickup__img {
		image-rendering: auto
	}
}

.productItemPickup__img img {
	bottom: -2rem;
	position: absolute;
	width: 100%;
	z-index: 2
}

.productItemPickup__img--tokuho img {
	left: -3rem;
	max-width: 14rem;
	width: 14rem
}

.productItemPickup__img--jyunpaku img {
	left: -2rem
}

.productItemPickup__img--koikuchi img {
	left: -2rem;
	max-width: 10.5rem;
	width: 10.5rem
}

.productItemPickup__text {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.2;
	margin-left: 2.5rem
}

.productItemPickup__head {
	color: #e3971c;
	font-size: 1.4rem
}

.productItemPickup__desc,
.productItemPickup__desc--sm {
	font-size: 1.8rem;
	letter-spacing: .35em;
	margin-top: .8rem
}

.productItemPickup__desc--sm {
	font-size: 1.4rem
}

.productItemPickup__name {
	font-size: 2.4rem;
	font-size: clamp((24*(800/1200)) * 1px, 24/1200*100vw, 24px)
}

.productPoint {
	background: #f7e5c1;
	padding: 11.2rem 0
}

.productPoint__head {
	font-size: 2.8rem
}

.productPoint__head,
.productPoint__text {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .2em;
	text-align: center
}

.productPoint__text {
	font-size: 1.8rem;
	margin-top: 2.3rem
}

.productPoint__list {
	border-radius: 3.2rem;
	margin-top: 4rem;
	overflow: hidden
}

.productPoint__item {
	background: #fff;
	border-left: 2px solid #f7e5c1;
	width: 25%
}

.productPoint__item--col3 {
	border-left: none;
	width: 75%
}

.productPoint__item:first-child .productPoint__ttl {
	background: #be905a
}

.productPoint__item:nth-child(2) .productPoint__ttl {
	background: #a37641
}

.productPoint__item:nth-child(3) .productPoint__ttl {
	background: #cca110
}

.productPoint__ttl {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	height: 7.2rem;
	line-height: 1.2;
	text-align: center
}

.productPoint__ttl--note {
	font-size: 1.3rem;
	margin-top: .5rem
}

.productPoint .productPointItem {
	padding: 3.2rem 3rem 4rem
}

.productPoint .productPointItem__img {
	-ms-flex-align: end;
	-ms-flex-pack: center;
	align-items: flex-end;
	display: -ms-flexbox;
	display: flex;
	height: 196px;
	justify-content: center
}

.productPoint .productPointItem__data {
	margin-top: 1rem
}

.productPoint .productPointItem__ttl {
	background: #80472c;
	border-radius: .8rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	height: 2.6rem;
	margin-top: .5rem;
	width: 4.4rem
}

.productPoint .productPointItem__dtl {
	margin-left: 1rem;
	margin-top: .5rem
}

.productPoint .productPointItem__dtl--icon {
	margin: 0 .2rem;
	width: 1.2rem
}

.productPoint .productPointItem__desc {
	color: #282828;
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.4;
	margin-top: 1.4rem
}

.productPoint__more {
	margin: 4.8rem auto 0;
	width: 35rem
}

.productPoint__btn {
	border: 1px solid #e3971c;
	border-radius: 4rem;
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	letter-spacing: .2em
}

.productPoint__btn:before,
.productPoint__btn:hover,
a:hover .productPoint__btn {
	background-color: #e3971c;
	color: #fff
}

.productPoint__btn .icon {
	font-size: 1.4rem
}

.tokuhoNote {
	margin: 8rem 0 0
}

.tokuhoNote__box {
	background: #fff;
	border-radius: 3rem;
	padding: 9.2rem
}

.tokuhoNote__sec:not(:first-child) {
	margin: 4.2rem 0 0
}

.tokuhoNote__head {
	color: #80472c;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 1.5rem
}

.tokuhoNote__text {
	font-size: 1.6rem;
	text-align: justify
}

.tokuhoNote__message {
	border-bottom: 2px solid #e3971c;
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	margin: 5rem 0 0;
	padding: 1.3rem
}

.tokuhoNote__table {
	border-left: 1px solid #d9bc8e;
	border-top: 1px solid #d9bc8e;
	margin: 8rem 0 0
}

.tokuhoNote__cell {
	border-bottom: 1px solid #d9bc8e;
	border-right: 1px solid #d9bc8e;
	font-size: 1.6rem;
	padding: 1.3rem
}

.tokuhoNote__cell--head {
	background: #fdf8e8;
	color: #80472c;
	font-weight: 500;
	text-align: center;
	width: 22rem
}

.tokuhoNote__cell--body {
	width: calc(100% - 22rem)
}

.tokuhoNote__cellSub {
	font-size: 1.4rem
}

.tokuhoBnr {
	margin: 11.2rem 0 0
}

.tokuhoBnr__item {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	max-width: 49.5%;
	width: 53.6rem
}

.productsHead {
	overflow: hidden
}

.productsHead__img {
	border-radius: 3.2rem 0 0 3.2rem;
	overflow: hidden;
	width: 50%
}

.productsHead__ttl {
	line-height: 1;
	padding-right: 13.2rem
}

.productsHead__ttl--text {
	line-height: 1.2;
	margin-left: 1.72rem
}

.productsHead__ttl--en {
	font-size: 4.8rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productsHead__ttl--ja {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .4em;
	margin: 2rem 0 0
}

.productsBody {
	padding: 0 0 13.6rem
}

.productsBody__head {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .3em;
	padding: 9.6rem 0;
	text-align: center
}

.productsPickup {
	background: #fff;
	border-radius: 3.2rem;
	padding: 4.5rem 9.2rem
}

.productsPickup__head {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .2em
}

.productsPickup__name {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productsPickup__name .note {
	font-size: 1.5rem;
	margin-left: 2.7rem
}

.productsPickup__desc {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2;
	margin-top: 2.8rem
}

.productsPickup__rate {
	margin-top: 5rem
}

.productsPickup__rate--ttl {
	background: #80472c;
	border-radius: .8rem 0 0 .8rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	padding: 1.3rem 2rem
}

.productsPickup__rate--dtl {
	background: #fdf8e8;
	border-radius: 0 .8rem .8rem 0;
	color: #e3971c;
	font-size: 2.8rem;
	width: 32.7rem
}

.productsPickup__rate--dtl .icon,
.productsPickup__rate--icon {
	margin: 0 .8rem
}

.productsLineup {
	margin-top: 12.3rem
}

.productsLineup .productsLineupItem {
	text-align: center
}

.productsLineup .productsLineupItem__link {
	color: #80472c;
	display: block
}

.productsLineup .productsLineupItem__img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	position: relative
}

@-moz-document url-prefix() {
	.productsLineup .productsLineupItem__img {
		image-rendering: auto
	}
}

.productsLineup .productsLineupItem__img img {
	position: relative;
	z-index: 2
}

.productsLineup .productsLineupItem__bg {
	left: 50%;
	max-width: 197px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 1
}

.productsLineup .productsLineupItem__desc {
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	margin-top: 1.8rem
}

.productsLineup .productsLineupItem__name {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em
}

.productsLineup .productsLineupItem__rate {
	margin-top: 1.6rem
}

.productsLineup .productsLineupItem__rate--ttl {
	background: #80472c;
	border-radius: .8rem 0 0 .8rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	padding: 1.3rem 2rem
}

.productsLineup .productsLineupItem__rate--dtl {
	background: #fff;
	border-radius: 0 .8rem .8rem 0;
	color: #e3971c;
	font-size: 1.8rem;
	width: 14.6rem
}

.productsLineup .productsLineupItem__rate--dtl .icon {
	margin: 0 .26rem
}

.productsLineup .productsLineupItem__rate--icon {
	margin: 0 .26em;
	width: 1.3rem
}

.productsLineup__more {
	margin-top: 6.5rem
}

.productsLineup__btn {
	border: 1px solid #e3971c;
	border-radius: 4rem;
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	letter-spacing: .2em;
	margin: 0 .8rem;
	width: 35.2rem
}

.productsLineup__btn:before,
.productsLineup__btn:hover,
a:hover .productsLineup__btn {
	background-color: #e3971c;
	color: #fff
}

.productsLineup__btn .icon {
	font-size: 1.5rem
}

.productsLineup__sublist {
	margin-top: 7rem
}

.productsLineup__sublist .partsLineup {
	padding: 0
}

.productsLineup__sublist .partsLineup__head,
.productsLineup__sublist .partsLineup__item:first-child,
.productsLineup__sublist .partsLineup__item:nth-child(2) {
	display: none
}

.productsLineup__sublist .partsLineup__link {
	color: #80472c;
	display: block
}

.productsLineup__sublist .partsLineup__text {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .1em;
	margin-top: 2rem
}

.recMain {
	margin: 1.4rem 0 0
}

.recMain__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: 62.8rem;
	z-index: 1
}

.recMain__img img {
	width: 100%
}

.recMain__data {
	width: calc(100% - 70rem)
}

.recMain__title {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.5
}

.recMain__cat {
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 1.5rem 0 0
}

.recMain__catItem {
	color: #b28f69
}

.recMain__catItem:hover {
	color: #80472c;
	text-decoration: underline
}

.recMain__info {
	margin: 7.4rem 0 0
}

.recMain__infoItem {
	margin: .6rem 0;
	width: 49%
}

.recMain__infoChip {
	background: #000;
	border-radius: 1rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	height: 4rem;
	line-height: 1;
	padding: 0 0 0 1rem;
	position: relative;
	width: 11.5rem
}

.recMain__infoChip--1 {
	background: #d9c6a6;
	color: #80472c
}

.recMain__infoChip--2 {
	background: #fdcfcd;
	color: #fc6262
}

.recMain__infoChip--3 {
	background: #f8d494;
	color: #d67c00
}

.recMain__infoChip--4 {
	background: #cdedfc;
	color: #2e87c7
}

.recMain__infoIcon {
	font-size: 1.9rem;
	left: .5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.recMain__infoVal {
	width: calc(100% - 12.5rem)
}

.recMain__note {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 1.8rem 0 0
}

.recMain__desc {
	font-size: 1.8rem;
	line-height: 2;
	margin: 4rem 0 0
}

.recUse {
	margin: 8rem 0 0
}

.recUse__title {
	border-bottom: 2px solid #e3971c;
	color: #e3971c;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
	padding: 0 0 3.1rem
}

.recUse__table {
	font-size: 1.8rem;
	line-height: 1.5;
	table-layout: fixed
}

.recUse__cell {
	font-feature-settings: "palt";
	border-bottom: 2px dashed rgba(227, 151, 28, .4);
	font-size: 1.8rem
}

.recUse__cell--th {
	padding: 3rem 5rem
}

.recUse__cell--td {
	padding: 3rem 5rem 3rem 0
}

.recUse__note {
	font-size: 1.4rem;
	margin: 2rem 0 0
}

.recMake {
	margin: 8rem 0 0
}

.recMake__title {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1
}

.recMake__pre {
	margin: 4rem 0 0
}

.recMake__preTitle {
	background: #e3971c;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	padding: .5rem
}

.recMake__preText {
	font-size: 1.6rem;
	margin: 0 1em
}

.recMake__flow {
	margin: 4rem 0 0
}

.recMake__item {
	background: #fff;
	border-radius: 2rem;
	padding: 3rem 4rem
}

.recMake__item:not(:first-child) {
	margin: 1.6rem 0 0
}

.recMake__no {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	height: 3.4rem;
	margin: .5rem 0 0;
	width: 3.4rem
}

.recMake__text {
	font-size: 2rem;
	line-height: 2;
	width: calc(100% - 5rem)
}

.recMake__note {
	font-size: 1.6rem;
	line-height: 2;
	margin: 2rem 0 0
}

.recPrint {
	padding: 11rem 0 0;
	text-align: center
}

.recPrint__btn {
	font-size: 1.8rem;
	height: 8rem;
	max-width: 56rem
}

.recPrint__icon {
	font-size: 4.1rem;
	left: 3.8rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.recPrint__text {
	font-size: 1.8rem;
	font-weight: 700
}

.recPrint__arrow {
	font-size: 1.5rem;
	position: absolute;
	right: 3.8rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.recDetSns {
	margin: 8rem 0 0;
	text-align: center
}

.recDetSns__title {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.recDetSns__list {
	font-size: 3.3rem;
	margin: 2.4rem 0 0
}

.recDetSns__item {
	margin: 0 1.3rem
}

.recDetSns__item:hover {
	color: #e3971c
}

.recPro {
	background: #f7e5c1;
	margin: 13.6rem 0 0;
	padding: 8rem 0
}

.recPro__box {
	background: #fff;
	border-radius: 3rem;
	padding: 6.5rem 0 7rem
}

.recPro__img {
	width: 23.4rem
}

.recPro__data {
	width: 100%
}

.recPro__img+.recPro__data {
	width: calc(100% - 27.6rem)
}

.recPro__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.5
}

.recPro__name {
	color: #282828;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	margin: 3.75rem 0 0
}

.recPro__text {
	font-size: 2rem;
	line-height: 2;
	margin: 1.5rem 0 0
}

.recPro__more {
	margin: 3rem 0 0;
	text-align: right
}

.recPro__btn {
	font-weight: 700;
	height: 5.8rem;
	max-width: 26rem
}

.recPro__arrow,
.recPro__btn {
	font-size: 1.5rem
}

.recHow {
	padding: 11.2rem 0 10rem
}

.recHow__box {
	border-radius: 3rem;
	overflow: hidden;
	padding: 8rem 0 7.6rem;
	position: relative;
	z-index: 1
}

.recHow__list {
	margin: 3.1rem 0 0
}

.recHow__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: 44.4rem;
	z-index: 1
}

.recHow__data {
	width: calc(100% - 47rem)
}

.recHow__text {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2
}

.recHow__more {
	text-align: right
}

.recHow__btn {
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	max-width: 35.2rem
}

.recSort {
	background: #f7e5c1;
	margin: 6.4rem 0 0;
	padding: 4.6rem 0
}

.recSort__list:after,
.recSort__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 26rem
}

.recSort__item {
	background: #fff;
	border-radius: 5rem;
	color: #d5c3ba;
	font-size: 2rem;
	font-weight: 500;
	height: 6.4rem;
	letter-spacing: .15em;
	line-height: 1;
	margin: 1rem 0;
	max-width: 48%;
	width: 26rem
}

.recSort__item.active,
.recSort__item:hover {
	background: #e3971c;
	color: #fff
}

.recRes {
	padding: 11rem 0 16rem
}

.recRes__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1
}

.recRes__titleLarge {
	font-size: 4.8rem;
	margin: 0 .5rem 0 0
}

.recRes__list:after,
.recRes__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 23%
}

.recRes__item {
	margin: 6.2rem 0 0;
	width: 23%
}

.recRes__item--full {
	width: 100%
}

.recRes__img {
	border-radius: 2rem;
	height: 16rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.recRes__imgIn {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1
}

.recRes__data {
	margin: 1rem 0 0
}

.recRes__name {
	color: #282828;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5
}

.recRes__info {
	margin: .8rem 0 0
}

.recRes__infoItem {
	line-height: 1;
	margin: .8rem 0 0;
	width: 49%
}

.recRes__infoIcon {
	border-radius: .5rem;
	font-size: 2.4rem;
	height: 3.2rem;
	width: 3.2rem
}

.recRes__infoIcon--1 {
	background: #d9c6a6;
	color: #80472c
}

.recRes__infoIcon--2 {
	background: #fdcfcd;
	color: #fc6262
}

.recRes__infoIcon--3 {
	background: #f8d494;
	color: #d67c00
}

.recRes__infoIcon--4 {
	background: #cdedfc;
	color: #2e87c7
}

.recRes__infoVal {
	color: #282828;
	font-size: 1.6rem;
	width: calc(100% - 4.6rem)
}

.recRes__tag {
	color: #b28f69;
	font-size: 1.6rem;
	line-height: 1.2;
	margin: 1.3rem 0 0
}

.recResInfo__item {
	background: #000;
	border-radius: .5rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	height: 3.2rem;
	line-height: 1;
	margin: 0 0 0 .8rem;
	padding: 0 0 0 1rem;
	position: relative;
	width: 11.2rem
}

.recResInfo__item--1 {
	background: #d9c6a6;
	color: #80472c
}

.recResInfo__item--2 {
	background: #fdcfcd;
	color: #fc6262
}

.recResInfo__item--3 {
	background: #f8d494;
	color: #d67c00
}

.recResInfo__item--4 {
	background: #cdedfc;
	color: #2e87c7
}

.recResInfo__icon {
	font-size: 1.9rem;
	left: .8rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.recPager {
	margin: 9.6rem 0 0
}

.recSearch {
	padding: .6rem 0 0;
	z-index: 10
}

.recSearch,
.recSearch__list {
	position: relative
}

.recSearch__main {
	width: calc(100% - 34rem)
}

.recSearch__sub {
	width: 32.7rem
}

.recSearch__text {
	position: relative;
	width: 100%;
	z-index: 2
}

.recSearch__input {
	background: #fff;
	border-radius: 5rem;
	font-size: 1.7rem;
	height: 6rem;
	padding: 1.5rem 8rem 1.5rem 3rem;
	width: 100%
}

.recSearch__textSend {
	color: #e3971c;
	font-size: 2rem;
	height: 6rem;
	position: absolute;
	right: 0;
	top: 0;
	width: 8rem;
	z-index: 2
}

.recSearch__tag {
	font-size: 1.3rem;
	line-height: 1;
	margin: 1.7rem 0 0;
	padding: 0 1em
}

.recSearch__tagItem {
	color: #80472c;
	display: inline-block;
	opacity: .6;
	padding: .3rem
}

.recSearch__tagItem:hover {
	opacity: 1
}

.recSearch .swiper-slide {
	width: auto
}

.recMv {
	margin: 4.5rem 0 0
}

.recMv__movie {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: calc(100% - 34rem)
}

.recMv__movie video {
	border-radius: 3rem;
	width: 100%
}

.recMv__recipe {
	background: #f7e5c1;
	border-radius: 3rem;
	box-shadow: 0 0 1rem #f7e5c1;
	color: #282828;
	padding: 4rem 2.4rem;
	width: 32.7rem
}

.recMv__recipeTitle {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .3em;
	line-height: 1;
	text-align: center
}

.recMv__recipeImg {
	border-radius: 2rem;
	margin: 2.5rem 0 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 1
}

.recMv__recipeHead {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .15em;
	margin: 2rem 0 0
}

.recMv__recipeText {
	font-size: 1.4rem;
	margin: 1rem 0 0;
	text-align: justify
}

.recSns {
	background-image: url(../img/svg/rec_frame.svg);
	background-position: 0 0;
	background-size: 100% 100%;
	line-height: 1;
	margin: 2.7rem 0 0;
	padding: 3.2rem 5.6rem
}

.recSns__in {
	width: 100%
}

.recSns__title {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .15em
}

.recSns__text {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2;
	margin: 1.5rem 0 0
}

.recSns__marker {
	background-image: linear-gradient(0deg, #ffecba, #ffecba 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0))
}

.recSns__list {
	margin: 3.5rem 0 0
}

.recSns__item {
	color: #282828;
	font-size: 3rem;
	margin: 0 .6rem
}

.recSns__item:hover {
	color: #e3971c
}

.recSns__item--youtube {
	font-size: 2.6rem
}

.recWeek {
	margin: 11rem 0;
	overflow: hidden;
	padding: 0 0 6.4rem;
	position: relative
}

.recWeek--10story {
	margin: 0
}

.recWeek__bg {
	background: #f7e5c1;
	bottom: 0;
	height: 44rem;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1
}

.recWeek__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	text-align: center
}

.recWeek__head {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1;
	margin: 1.5rem 0 0;
	padding: 1.7rem 0;
	position: relative
}

.recWeek__head:before {
	background-image: url(../img/svg/rec_pop.svg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: "";
	height: 2rem;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1
}

.recWeek__slide {
	margin: 7rem 0 0;
	position: relative;
	z-index: 2
}

.recWeek__icon {
	color: #fff;
	font-size: 6.7rem
}

.recWeek .swiper-container {
	overflow: visible
}

.recWeek__item {
	position: relative
}

.recWeek__en {
	color: #e3971c;
	font-size: 6.3rem;
	left: -.6em;
	line-height: 0;
	pointer-events: none;
	position: absolute;
	transform: rotate(-10deg);
	z-index: 2
}

.recWeek__box {
	background: #fff;
	border-radius: 4.5rem;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .2)
}

.recWeek__box,
.recWeek__img {
	overflow: hidden;
	position: relative;
	z-index: 1
}

.recWeek__img iframe {
	background: #000
}

.recWeek__data {
	background: #fff;
	padding: 1.9rem 2.9rem;
	position: relative;
	transform: perspective(0) translateZ(0);
	z-index: 2
}

.recWeek__dataImg {
	border-radius: 2rem;
	overflow: hidden;
	width: 14rem
}

.recWeek__dataText {
	font-weight: 700;
	line-height: 1;
	padding: 1rem;
	text-align: center;
	width: calc(100% - 14rem)
}

.recWeek__dataMessage {
	color: #e3971c;
	font-size: 1.5rem
}

.recWeek__dataName {
	color: #282828;
	font-size: 1.8rem;
	margin: 1rem 0 0
}

.recWeek__pager {
	margin: 4.7rem 0 0
}

.recWeek .swiper-pagination-bullet {
	color: #b5916b;
	cursor: pointer;
	font-weight: 700;
	height: 5rem;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	margin: 0 .8rem;
	outline: 0;
	width: 5rem
}

.recWeek .swiper-pagination-bullet-active {
	background-image: url(../img/slide_week.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 5rem auto;
	color: #fff
}

.recDay {
	margin: 11rem 0 0;
	overflow: hidden
}

.recDay__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	text-align: center
}

.recDay__title--tab {
	font-size: 2.4rem
}

.recDay__tab {
	margin: 6.4rem 0 0
}

.recDay__tabItem {
	background: #d9bc8e;
	border-radius: 2rem 2rem 0 0;
	color: #b28f69;
	font-size: 2.4rem;
	font-weight: 700;
	height: 6.4rem;
	line-height: 1;
	transition-duration: .5s;
	width: 33%
}

.recDay__tabItem.active,
.recDay__tabItem:hover {
	background: #f7e5c1;
	color: #e3971c
}

.recDay__body {
	background: #f7e5c1;
	padding: 8rem 0
}

.recDay__slide {
	margin: 4rem 0 0;
	position: relative
}

.recDay__more {
	margin: 5.6rem 0 8rem;
	padding: 0 1rem;
	text-align: center
}

.recDay__btn {
	font-weight: 1.8rem;
	font-weight: 700;
	height: 8rem;
	max-width: 35rem
}

.recDay__scene {
	margin: 2rem 0 0
}

.recDay__sceneItem {
	background: #fff;
	border-radius: 2rem;
	height: 26rem;
	margin: 2rem 0 0;
	text-align: center;
	width: 26rem
}

.recDay__sceneName {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	margin: 2rem 0 0
}

.recScene {
	background: #f7e5c1;
	padding: 0 0 11.2rem
}

.recHead {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.recCat {
	margin: 16rem 0 0
}

.recCat__item {
	color: #282828;
	margin: 4rem 0 0;
	max-width: 24%;
	text-align: center
}

.recCat__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.recCat__name {
	font-size: 2rem;
	font-weight: 500;
	margin: 2.4rem 0 0
}

.recIng {
	margin: 11.2rem 0 0
}

.recIng__item {
	background: #fff;
	border-radius: 2rem;
	color: #282828;
	font-weight: 500;
	line-height: 1.3;
	margin: 1.6rem 0 0;
	padding: 2.3rem 3rem;
	text-align: center;
	width: 24%
}

.recIng__img {
	width: 8rem
}

.recIng__name {
	padding: 0 1rem;
	width: calc(100% - 8rem)
}

.recItem {
	margin: 5.5rem 0 0
}

.recItem__tab {
	margin: 6rem 0 0
}

.recItem__tabItem {
	padding: 0 5% 4rem;
	position: relative;
	width: 25%
}

.recItem__tabItem.active:after {
	border-color: transparent transparent #f7e5c1;
	border-style: solid;
	border-width: 0 20px 20px;
	bottom: 0;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 0
}

.recItem__img {
	position: relative
}

.recItem__img img {
	position: relative;
	z-index: 2
}

.recItem__tabItem:not(.active) .recItem__img {
	opacity: .3
}

.recItem__bg {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1
}

.recItem__name {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	margin: 1.7rem 0 0;
	text-align: center
}

.recItem__body {
	background: #f7e5c1
}

.recItem__list {
	padding: 6.8rem 0 7.3rem
}

.recItem__item {
	font-size: 2rem;
	text-align: center;
	width: 20%
}

.recItem__itemImg {
	height: 100%
}

.recItem__itemImg--01-01,
.recItem__itemImg--01-02,
.recItem__itemImg--01-03,
.recItem__itemImg--01-04 {
	padding: 0 1.5rem
}

.recItem__itemImg--01-05 {
	padding: 0 0 0 3rem
}

.recItem__itemImg--04-03,
.recItem__itemImg--04-04 {
	padding: 0 2rem
}

.recItem__itemSep:last-child {
	display: none
}

.recItem__itemName {
	font-feature-settings: "palt";
	color: #282828;
	font-weight: 500;
	height: 4.5em;
	line-height: 1.5;
	margin: 1.5rem 0 0;
	text-align: center
}

@font-face {
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/icomoon.eot?i8fcpd#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?i8fcpd) format("truetype"), url(../fonts/icomoon.woff?i8fcpd) format("woff"), url(../fonts/icomoon.svg?i8fcpd#icomoon) format("svg")
}

.page-recruit a {
	color: inherit;
	text-decoration: none;
	transition: opacity .3s
}

.page-recruit a:active,
.page-recruit a:hover,
.page-recruit a:hover img {
	opacity: .8
}

.page-recruit ::selection {
	background: #f2edd3
}

.page-recruit :focus {
	outline: 0
}

.page-recruit *,
.page-recruit :after,
.page-recruit :before {
	box-sizing: border-box
}

.page-recruit .wrapper {
	width: 100%
}

.page-recruit main {
	padding-bottom: 120px
}

.page-recruit .container {
	margin: 0 auto;
	padding: 0
}

.page-recruit .pan {
	margin: 38px auto 25px;
	width: 1100px
}

.page-recruit .pan ul {
	text-align: left
}

.page-recruit .pan ul li {
	color: #633411;
	display: inline-block;
	font-size: .85em;
	vertical-align: top
}

.page-recruit .pan ul li:after {
	content: ">";
	margin: 0 3px
}

.page-recruit .pan ul li:last-child:after {
	display: none
}

.page-recruit .pan ul li a {
	color: #633411
}

.page-recruit .article_h2 {
	color: #222;
	height: 200px;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	width: 100%
}

.page-recruit .article_h2 .cover {
	background: hsla(0, 0%, 100%, .9);
	height: 100%;
	width: 100%
}

.page-recruit .article_h2 .txt_box {
	left: 50%;
	margin: auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.page-recruit .article_h2 .sub {
	color: #eb9720;
	font-weight: 400;
	height: auto;
	margin: 0 auto
}

.page-recruit .article_h2 h2 {
	color: #eb9720;
	font-family: Montserrat, sans-serif;
	font-size: 50px;
	font-weight: 100;
	line-height: 1;
	margin-bottom: 40px;
	position: relative
}

.page-recruit .article_h2 h2:after {
	background: #eb9720;
	bottom: -20px;
	content: "";
	display: inline-block;
	height: 4px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 28px
}

.page-recruit .main_recruit .article_h2 {
	background: url(../img/cmn/cmn_mv.jpg) no-repeat 50%;
	background-size: cover;
	width: 100%
}

.page-recruit h2.ttl {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 60px;
	position: relative;
	text-align: center
}

.page-recruit h2.ttl:after {
	background: url(../img/cmn/icon_sesame.png) no-repeat 50%;
	background-size: 112px auto;
	bottom: -20px;
	content: "";
	display: inline-block;
	height: 13px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 112px
}

.page-recruit h3.ttl {
	border-bottom: 1px solid #dedede;
	font-family: Noto Sans JP, sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 35px;
	padding: 0 0 20px 20px
}

.page-recruit .drawer-overlay {
	position: relative
}

.page-recruit .cnt_box {
	margin-bottom: 50px
}

.page-recruit .main_recruit.index .section01 {
	margin: 0 auto;
	width: 1000px
}

.page-recruit .main_recruit.index .section01 .cnt_box .txt {
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0 5%
}

.page-recruit .main_recruit.index .section01 .cnt_box .link {
	margin-bottom: 30px;
	padding: 0 5%
}

.page-recruit .main_recruit.index .section01 .cnt_box .link.bnr_mynavi {
	background: #fff;
	border: 2px solid #00ace9;
	border-radius: 6px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 150px 45px;
	width: 90%
}

.selMv {
	font-size: .625vw;
	position: relative
}

.selMv__bg {
	pointer-events: none;
	position: relative;
	text-align: center;
	z-index: 1
}

.selMv__title {
	left: 0;
	position: absolute;
	top: 8em;
	width: 100%;
	z-index: 2
}

.selMv__text {
	color: #80472c;
	font-size: 2.4em;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.selMv__text--main {
	background-image: linear-gradient(0deg, #f9d800, #f9d800 20%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0));
	color: #e3971c;
	font-size: 4em;
	margin: 0 .1em;
	padding: 0 .1em
}

.selMv__sep {
	padding: 1rem 0 0;
	width: 100%
}

.selIntro {
	color: #80472c;
	margin: 5rem 0 0;
	text-align: center
}

.selIntro__img {
	margin: 0 auto;
	max-width: 93.6rem
}

.selIntro__note {
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 2.8rem 0 0
}

.selIntro__text {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin: 5rem 0 0
}

.selIntro__aqua {
	color: #85aaba
}

.selIntro__border {
	font-feature-settings: "palt";
	border-bottom: 2px solid #e3971c
}

.selHead {
	color: #e3971c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	padding: .5em;
	position: relative
}

.selHead:before {
	background-image: url(../img/svg/rec_pop.svg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: "";
	height: 2rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1
}

.selFive {
	background: #f7e5c1;
	margin: 11.2rem 0 0;
	padding: 11.2rem 0
}

.selFive__title {
	font-size: 3.2rem;
	letter-spacing: .15em;
	line-height: 1;
	margin: 5rem 0 0
}

.selFive__intro,
.selFive__title {
	color: #80472c;
	font-weight: 700;
	text-align: center
}

.selFive__intro {
	font-size: 2rem;
	letter-spacing: .2em;
	line-height: 2;
	margin: 3rem 0 0
}

.selFive__list {
	margin: 2rem 0 0
}

.selFive__item {
	background: #fff;
	border-radius: 2rem;
	margin: 1.6rem 0 0;
	padding: 4.8rem 5.6rem;
	width: 49%
}

.selFive__item--junpaku,
.selFive__item--tokuho {
	width: 100%
}

.selFive__img {
	max-width: 22rem;
	min-width: 15rem
}

.selFive__head {
	color: #e3971c;
	font-size: 1.4rem
}

.selFive__head,
.selFive__name {
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1
}

.selFive__name {
	color: #80472c;
	font-size: 2.4rem;
	margin: 1rem 0 0
}

.selFive__min {
	font-size: .6em
}

.selFive__table {
	margin: 1.7rem 0 0
}

.selFive__line {
	border-radius: 1rem;
	margin: .4rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.selFive__cell {
	height: 4rem;
	line-height: 1
}

.selFive__cell--th {
	background: #d9bc8e;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	width: 7.2rem
}

.selFive__cell--td {
	background: #fdf8e8;
	font-size: 1.6rem;
	font-weight: 500;
	padding: 0 1.8rem;
	width: calc(100% - 7.2rem)
}

.selFive__note {
	font-size: 1.3rem;
	line-height: 1.5;
	margin: 1.5rem 0 0
}

.selFive__move {
	font-size: 1.6rem;
	font-weight: 700;
	height: 4.6rem;
	margin: 1.4rem 0 0
}

.selFive__tokuho {
	max-width: 45.2rem
}

.selFive__tokuhoTitle {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .15em
}

.selFive__tokuhoBnr {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges
}

.selFive__tokuhoBtn {
	font-size: 1.6rem;
	font-weight: 700;
	height: 6.4rem;
	margin: 1.6rem 0 0
}

.selData {
	padding: 9.5rem 0 8.5rem;
	text-align: center
}

.selData__title {
	font-size: 3.2rem;
	margin: 2.4rem 0 0
}

.selData__intro,
.selData__title {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .2em
}

.selData__intro {
	font-size: 2rem;
	line-height: 2;
	margin: 3rem 0 0
}

.selData__list {
	position: relative
}

.selData__item {
	margin: 6.4rem 3.1rem 0
}

.selData__pop {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	height: 20rem;
	position: absolute;
	right: 3rem;
	text-align: center;
	top: 5.8rem;
	width: 20rem;
	z-index: 2
}

.selData__posSep {
	display: block
}

.selData__itemName {
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	margin: 2.4rem 0 0
}

.selData__more {
	margin: 8rem 0 0
}

.selData__btn {
	font-size: 1.8rem;
	height: 8rem;
	max-width: 35rem
}

.selLink {
	background: #f7e5c1;
	padding: 8rem 0 6.3rem
}

.selLink__item {
	width: 49%
}

.selLink__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .2em
}

.selLink__bnr {
	display: block;
	margin: -2rem 0 0
}

.selLink__btn {
	font-size: 1.6rem;
	font-weight: 700;
	height: 4.8rem;
	max-width: 24.7rem
}

.selLink__btn--dummy {
	opacity: 0
}

.selLink__recipe {
	background: #fff;
	border-radius: 3rem;
	margin: 3rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.selLink__recipeImg {
	width: 23.2rem
}

.selLink__recipeData {
	padding: 1rem 3rem;
	width: calc(100% - 23.2rem)
}

.selLink__recipeTitle {
	color: #282828;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1
}

.selLink__recipeText {
	color: #e3971c;
	font-weight: 700;
	margin: 2rem 0 0;
	text-align: right
}

.selLink__recipeIcon {
	font-size: .8em;
	margin: 0 0 0 1rem
}

.selCon {
	padding: 12rem 0 16.7rem
}

.selCon__title {
	color: #80472c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1;
	text-align: center
}

.selCon__item {
	border-radius: 3rem;
	color: #fff;
	margin: 4.8rem 0 0;
	overflow: hidden;
	position: relative;
	width: 49%;
	z-index: 1
}

.selCon__item--1 {
	background: #e3af5c
}

.selCon__item--2 {
	background: #795e4a
}

.selCon__item--3 {
	background: #ddab8b
}

.selCon__img {
	width: 18.4rem
}

.selCon__data {
	padding: 0 3rem;
	width: calc(100% - 18.4rem)
}

.selCon__name {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1
}

.selCon__text {
	font-size: 1.8rem;
	font-weight: 500;
	margin: 1rem 0 0;
	text-align: justify
}

.pageTitle {
	font-weight: 700;
	line-height: 1;
	margin: 4.4rem 0 0
}

.pageTitle__main {
	color: #80472c;
	font-size: 5.6rem;
	font-weight: 700;
	letter-spacing: .2em
}

.pageTitle__sub {
	color: #e3971c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em;
	margin: 1.5rem 0 0
}

.mapList {
	margin: 0 0 11.5rem
}

.mapList__block {
	margin: 6.4rem 0 0;
	width: 32%
}

.mapList__box {
	background: #fff;
	border-radius: 2rem;
	padding: 4rem;
	width: 100%
}

.mapList__box:not(:first-child) {
	margin: 2.3rem 0 0
}

.mapList__head {
	border-bottom: 1px solid #d9bc8e;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0 1.5rem;
	padding: 0 0 1.5rem
}

.mapList__head,
.mapList__sub {
	color: #80472c;
	display: block;
	font-weight: 700;
	letter-spacing: .2em
}

.mapList__sub {
	font-size: 1.6rem;
	line-height: 1;
	margin: 2rem 0 .5rem
}

.mapList__item {
	color: #e3971c;
	display: block;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: .5rem 0;
	text-decoration: underline
}

.mapList__item:hover {
	text-decoration: none
}

.mapList__item--shift {
	margin: 0 0 0 1em
}

.mapMovie {
	padding: 0 0 16.8rem
}

.smellFrame {
	overflow: hidden
}

.smellIntro {
	margin: 13.6rem 0 0
}

.smellIntro__frame {
	position: relative
}

.smellIntro__title {
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 46rem;
	z-index: 2
}

.smellIntro__img {
	overflow: hidden;
	width: calc(100% - 46rem);
	z-index: 2
}

.smellIntro__box,
.smellIntro__img {
	border-radius: 3rem;
	position: relative
}

.smellIntro__box {
	background: #f7e5c1;
	margin: -16rem 0 0 auto;
	padding: 25rem 9rem 9rem;
	width: calc(100% - 9rem);
	z-index: 1
}

.smellIntro__head {
	color: #80472c;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1
}

.smellIntro__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .15em;
	line-height: 2;
	margin: 2rem 0 0;
	text-align: justify
}

.smellIntro__act {
	background: #fff;
	border-radius: 3rem;
	overflow: hidden;
	width: 32rem
}

.smellIntro__data {
	width: calc(100% - 36rem)
}

.smellIntro__actTitle {
	background: #80472c;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	height: 6rem;
	letter-spacing: .25em;
	text-align: center
}

.smellIntro__actImg {
	padding: 2.5rem 1rem;
	text-align: center
}

.smellPoint {
	margin: 11.2rem 0 0
}

.smellPoint__frame {
	background: #fff;
	border-radius: 3rem;
	padding: 10rem 3rem
}

.smellPoint__title {
	font-size: 2.8rem
}

.smellPoint__message,
.smellPoint__title {
	color: #80472c;
	font-weight: 700;
	letter-spacing: .25em;
	text-align: center
}

.smellPoint__message {
	font-size: 1.8rem;
	line-height: 2;
	margin: 4rem 0 0
}

.smellPoint__list,
.smellPoint__message--end {
	margin: 8rem 0 0
}

.smellPointLine:not(:first-child) {
	margin: 6.4rem 0 0
}

.smellPointLine__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	width: 42rem;
	z-index: 1
}

.smellPointLine:nth-child(2n) .smellPointLine__img {
	-ms-flex-order: 1;
	order: 1
}

.smellPointLine__data {
	width: calc(100% - 48rem)
}

.smellPointLine:nth-child(2n) .smellPointLine__data {
	-ms-flex-order: 2;
	order: 2
}

.smellPointLine__title {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.5
}

.smellPointLine__text {
	font-size: 1.6rem;
	line-height: 2;
	margin: 2rem 0 0;
	text-align: justify
}

.smellMes {
	color: #80472c;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 2;
	margin: 11.2rem 0 0;
	position: relative;
	text-align: center;
	z-index: 2
}

.smellInt {
	background: #f7e5c1;
	margin: 30rem 0 0;
	padding: 0 0 13.6rem;
	position: relative
}

.smellInt__bg {
	bottom: 100%;
	left: 50%;
	max-width: none;
	min-width: 220rem;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%);
	width: 100%;
	z-index: 1
}

.smellInt__title {
	color: #80472c;
	line-height: 1;
	text-align: center
}

.smellInt__main {
	color: #e3971c;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .2em
}

.smellInt__sub {
	font-size: 2.4rem;
	letter-spacing: .1em;
	margin: 1.5rem 0 0
}

.smellInt__box {
	background: #fff;
	border-radius: 3rem;
	margin: 4.8rem 0 0;
	padding: 9rem
}

.smellIntData {
	letter-spacing: .1em
}

.smellIntData__list {
	width: 100%
}

.smellIntData__item {
	border: 3px solid #000;
	border-radius: 3rem;
	padding: 3rem;
	width: 49%
}

.smellIntData__item--green {
	background: #f9fff2;
	border-color: #90b958
}

.smellIntData__item--orange {
	background: #fff8ed;
	border-color: #e3971c
}

.smellIntData__head {
	border-bottom: 2px dashed #000;
	gap: 1.8rem;
	padding: 0 0 1.6rem
}

.smellIntData__head--green {
	border-color: #90b958
}

.smellIntData__head--orange {
	border-color: #e3971c
}

.smellIntData__icon {
	width: 7.6rem
}

.smellIntData__data {
	width: calc(100% - 4rem)
}

.smellIntData__pos {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1
}

.smellIntData__name {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	margin: 1rem 0 0
}

.smellIntData__unit {
	font-size: 1.4rem;
	line-height: 1;
	margin: 1rem 0 0 .3rem
}

.smellIntData__text {
	font-feature-settings: "palt";
	font-size: 1.4rem;
	line-height: 2;
	margin: 1.4rem 0 0;
	text-align: center
}

.smellIntAns {
	margin: 6.4rem 0 0
}

.smellIntAns__item {
	border-top: 1px solid #d9bc8e;
	padding: 3rem 0 0
}

.smellIntAns__item:not(:first-child) {
	margin: 3rem 0 0
}

.smellIntAns__title {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .25em;
	line-height: 1.5
}

.smellIntAns__que {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	height: 5.6rem;
	width: 5.6rem
}

.smellIntAns__titleText {
	width: calc(100% - 7rem)
}

.smellIntAns__ans,
.smellIntAns__list:not(:first-child) {
	margin: 2rem 0 0
}

.smellIntAns__data {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 2rem 0 0;
	text-align: center;
	width: 7.6rem
}

.smellIntAns__data--green {
	color: #90b958
}

.smellIntAns__data--orange {
	color: #e3971c
}

.smellIntAns__img {
	margin: 0 auto
}

.smellIntAns__name {
	margin: 1rem 0 0
}

.smellIntAns__text {
	border: 3px solid #000;
	border-radius: 3rem;
	font-size: 1.6rem;
	line-height: 2;
	padding: 3rem;
	position: relative;
	text-align: justify;
	width: calc(100% - 11rem)
}

.smellIntAns__text--green {
	background: #f9fff2;
	border-color: #90b958
}

.smellIntAns__text--orange {
	background: #fff8ed;
	border-color: #e3971c
}

.smellIntAns__pop {
	position: absolute;
	right: 100%;
	top: 6rem;
	width: 2.8rem;
	z-index: 2
}

.pureMv {
	mix-blend-mode: multiply
}

.pureMv__img {
	border-radius: 5rem;
	overflow: hidden
}

.pureIntro {
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2;
	margin: 13rem 0 0;
	text-align: center
}

.purePoint {
	margin: 6.8rem 0 0
}

.purePoint__box {
	padding: 9rem 0 0;
	position: relative
}

.purePoint__box:not(:first-child) {
	margin: 2rem 0 0
}

.purePoint__bg {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	position: absolute;
	top: 0;
	z-index: 1
}

.purePoint__bg--1 {
	left: 0;
	width: 32rem
}

.purePoint__bg--2 {
	right: 3rem;
	width: 30rem
}

.purePoint__list {
	position: relative;
	z-index: 2
}

.purePoint__box:nth-child(2n) .purePoint__head {
	-ms-flex-order: 2;
	order: 2
}

.purePoint__title {
	text-align: center;
	width: 19rem
}

.purePoint__box:nth-child(2n) .purePoint__title {
	-ms-flex-order: 2;
	order: 2
}

.purePoint__img {
	border-radius: 3rem;
	overflow: hidden;
	width: 46rem
}

.purePoint__box:nth-child(2n) .purePoint__img {
	-ms-flex-order: 1;
	order: 1
}

.purePoint__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 2;
	text-align: justify;
	width: calc(100% - 69rem)
}

.purePoint__box:nth-child(2n) .purePoint__text {
	-ms-flex-order: 1;
	order: 1
}

.pureStep {
	background: #f7e5c1;
	margin: 15rem 0 0;
	padding: 15rem 0 13.5rem
}

.pureStep__frame {
	position: relative
}

.pureStep__title {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 23.5rem;
	z-index: 2
}

.pureStep__title img {
	width: 11.5rem
}

.pureStep__box {
	padding: 0 0 0 34rem
}

.pureStep__text {
	font-feature-settings: "palt";
	color: #80472c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 2
}

.pureStep__line:not(:first-child) {
	margin: 1rem 0 0
}

.pureStep__list {
	margin: 11.2rem 0 0;
	position: relative
}

.pureStep__list:before {
	background: #f5ddb1;
	content: "";
	display: block;
	height: 100%;
	left: -6.8rem;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 1
}

.pureStepBlock {
	position: relative;
	z-index: 2
}

.pureStepBlock:not(:first-child) {
	margin: 6rem 0 0
}

.pureStepBlock:first-child:before,
.pureStepBlock:last-child:before {
	background: #f7e5c1;
	content: "";
	display: block;
	height: 50%;
	left: -8rem;
	position: absolute;
	width: 100%;
	z-index: 1
}

.pureStepBlock:first-child:before {
	top: 0
}

.pureStepBlock:last-child:before {
	bottom: 0
}

.pureStepBlock__no {
	left: -10.8rem;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.pureStepBlock__noText {
	color: #e3971c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	position: relative;
	z-index: 2
}

.pureStepBlock__noVal {
	background: #e3971c;
	border-radius: 50%;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	height: 7.6rem;
	margin: 1rem 0 0;
	position: relative;
	width: 7.6rem;
	z-index: 1
}

.pureStepBlock__box {
	background: #fff;
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.pureStepBlock__img {
	background-color: #fdf8e8;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	width: 35rem
}

.pureStepBlock__img--2 {
	background-size: 90% auto
}

.pureStepBlock__img--3 {
	background-size: auto 85%
}

.pureStepBlock__file {
	opacity: 0;
	pointer-events: none
}

.pureStepBlock__data {
	padding: 5.6rem 4rem;
	text-align: justify;
	width: calc(100% - 35rem)
}

.pureStepBlock__data--noImage {
	width: 100%
}

.pureStepBlock__title {
	color: #e3971c;
	font-size: 2.8rem;
	font-weight: 700
}

.pureStepBlock__tag {
	background: #f7e5c1;
	border-radius: 3rem;
	color: #e3971c;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	margin: .8rem .8rem 0 0;
	padding: .5rem 1rem
}

.pureStepBlock__tag--white {
	background: #d9d9d9;
	color: #fff
}

.pureStepBlock__text {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.8;
	margin: 2rem 0 0
}

.pureStepBlock__text--noImage {
	margin: 0 0 0 4rem
}

.pureStepEnd {
	margin: 15rem 0 0;
	position: relative;
	text-align: center
}

.pureStepEnd__text {
	position: absolute;
	right: 50%;
	top: 6rem;
	transform: translate(20rem);
	z-index: 2
}

.safeIntro {
	color: #80472c;
	font-weight: 700;
	margin: 15rem 0 0;
	text-align: center
}

.safeIntro__title {
	font-size: 3.2rem;
	letter-spacing: .25em;
	line-height: 1
}

.safeIntro__text {
	font-size: 2rem;
	letter-spacing: .2em;
	line-height: 2;
	margin: 3rem 0 0
}

.safeFrame {
	background: #f7e5c1;
	padding: 0 0 16rem
}

.safeFrame,
.safeSec:not(:first-child) {
	margin: 16rem 0 0
}

.safeImg {
	background-color: #80472c;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	position: relative
}

.safeImg--1 {
	background-image: url(../img/safe_bg_01.jpg)
}

.safeImg--2 {
	background-image: url(../img/safe_bg_02.jpg)
}

.safeImg--3 {
	background-image: url(../img/safe_bg_03.jpg)
}

.safeImg__frame {
	height: 52rem;
	position: relative
}

.safeImg__title {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.safeImg__text {
	bottom: 5rem;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 2;
	position: absolute;
	right: 0;
	text-align: justify;
	text-shadow: 0 0 1rem rgba(0, 0, 0, .7);
	width: 54rem;
	z-index: 2
}

.safeList {
	margin: 2.5rem 0 0
}

.safeList__item {
	margin: 6rem 0 0;
	width: 100%
}

.safeList__item--col2 {
	width: 48%
}

.safeList__item--col3 {
	width: 32%
}

.safeList__item--img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.safeList__item--img img {
	width: 100%
}

.safeList__title {
	color: #80472c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .15em
}

.safeList__text {
	line-height: 2;
	margin: 1rem 0 0;
	text-align: justify
}

.safeList__more {
	margin: 3.2rem 0 0;
	text-align: right
}

.safeList__btn {
	font-size: 1.6rem;
	font-weight: 700;
	height: 6.5rem;
	letter-spacing: .1em;
	line-height: 1;
	max-width: 35rem
}

.spMv__frame,
.spMv__img {
	position: relative
}

.spMv__img {
	border-radius: 3rem;
	overflow: hidden;
	pointer-events: none;
	text-align: center;
	z-index: 1
}

.spMv__text {
	color: #fff;
	font-weight: 700;
	left: 10rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.spMv__sub {
	font-size: 2rem;
	letter-spacing: .5em;
	line-height: 1
}

.spMv__main {
	font-size: 3.6rem;
	letter-spacing: .5em;
	line-height: 1.8;
	margin: 1.5rem 0 0
}

.spIntro {
	padding: 11.4rem 6.25% 0;
	text-align: center
}

.spSec {
	overflow: hidden;
	position: relative
}

.spSec--1 {
	margin: 7.7rem 0 0
}

.spSec--2 {
	margin: 12rem 0 0
}

.spSec--3 {
	margin: 13.2rem 0 0
}

.spSec--4 {
	margin: 12.2rem 0 0
}

.spSec--5 {
	margin: 13.2rem 0 0
}

.spSec__frame {
	position: relative
}

.spSec__frame--1,
.spSec__frame--2,
.spSec__frame--3,
.spSec__frame--4 {
	padding: 39.5rem 0 0
}

.spSec__frame--5 {
	padding: 39rem 0 0
}

.spSec__mv {
	position: absolute;
	top: 6rem;
	z-index: 2
}

.spSec__mv img {
	border-radius: 3rem;
	max-width: none
}

.spSec__mv--1 {
	right: 25rem
}

.spSec__mv--2 {
	left: 25rem
}

.spSec__mv--3 {
	right: 27rem
}

.spSec__mv--4 {
	left: 19rem;
	top: -35rem
}

.spSec__mv--5 {
	right: 27rem
}

.spSec__title {
	position: absolute;
	top: 0;
	z-index: 3
}

.spSec__title--1,
.spSec__title--3,
.spSec__title--5 {
	right: 0
}

.spSec__title--2 {
	left: 0
}

.spSec__title--4 {
	left: -6rem;
	top: -39rem
}

.spSec__box {
	background: #f7e5c1;
	border-radius: 3rem;
	color: #80472c;
	position: relative;
	width: 93%
}

.spSec__box--1,
.spSec__box--3,
.spSec__box--5 {
	padding: 19rem 9.5rem 9.5rem 0
}

.spSec__box--2,
.spSec__box--4 {
	margin: 0 0 0 auto;
	padding: 19rem 0 9.5rem 9.5rem
}

.spSec__box--4 {
	z-index: 3
}

.spSec__box--5 {
	padding: 18rem 2rem 9.6rem;
	width: 100%
}

.spSec__head {
	color: #80472c;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1;
	text-align: center
}

.spSec__head--3,
.spSec__head--4 {
	line-height: 2;
	text-align: left
}

.spSec__head--4 {
	white-space: nowrap
}

.spSec__head--5 {
	text-align: left
}

.spSec__list {
	position: relative;
	z-index: 4
}

.spSec__list--4 {
	margin: -8.4rem 0 0
}

.spSec__item {
	margin: 6.4rem 0 0
}

.spSec__item--1 {
	width: 32%
}

.spSec__item--2 {
	margin: 5.5rem 3rem 0
}

.spSec__img {
	position: relative;
	text-align: center
}

.spSec__no {
	font-size: 4rem;
	line-height: 1;
	text-align: center;
	transform: translateY(-40%);
	width: 100%
}

.spSec__chip,
.spSec__no {
	font-weight: 700;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2
}

.spSec__chip {
	background: #80472c;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	height: 7.4rem;
	letter-spacing: .2em;
	padding: 0 0 0 .2em;
	transform: translate(-30%, -30%);
	width: 7.4rem
}

.spSec__text {
	font-size: 1.6rem;
	font-weight: 500;
	margin: 1.5rem 0 0;
	text-align: center
}

.spSec__note {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .15em;
	line-height: 2;
	margin: 4rem 0 0;
	text-align: justify
}

.spSec__note--1 {
	font-weight: 700;
	text-align: center
}

.spSec__note--3 {
	margin: 2rem 0 0
}

.spSec__data {
	width: calc(100% - 30rem)
}

.spSec__product {
	width: 24.2rem
}

.spSec__info {
	font-size: 1.5rem;
	font-weight: 500;
	margin: 1.5rem 0 0
}

.spSec__more {
	margin: 4rem 0 0;
	text-align: center
}

.spSec__btn {
	font-size: 1.6rem;
	font-weight: 700;
	height: 6.4rem;
	max-width: 35rem
}

.spSec__btn--4-1 {
	letter-spacing: .15em;
	max-width: 100%;
	width: 41rem
}

.spSec__btn--4-2 {
	letter-spacing: .15em;
	margin: 0 0 0 2rem;
	width: 29rem
}

.spLink {
	padding: 13.6rem 0 16.8rem
}

.spLink__title {
	color: #80472c;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1
}

.spLink__list {
	margin: -.8rem 0 0
}

.spLink__list:after,
.spLink__list:before {
	-ms-flex-order: 2;
	content: "";
	order: 2;
	width: 24%
}

.spLink__item {
	margin: 3.2rem 0 0;
	text-align: center;
	width: 24%
}

.spLink__img {
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.spLink__name {
	font-size: 1.8rem;
	font-weight: 500;
	margin: 1.5rem 0 0
}

body.lock {
	overflow: hidden
}

.serif {
	font-family: "Noto Serif JP", Yu Mincho, YuMincho, Hiragino Mincho ProN, NotoSerifCJKjp, HGS明朝E, HG明朝E, serif
}

.is-none {
	display: none !important
}

.is-hide {
	opacity: 0;
	pointer-events: none
}

.js-hide {
	display: none
}

.ta-center {
	text-align: center
}

.ta-right {
	text-align: right
}

.ta-left {
	text-align: left
}

.fw-700 {
	font-weight: 700
}

.fw-900 {
	font-weight: 900
}

.fz-e7 {
	font-size: .7em
}

.fz-e8 {
	font-size: .8em
}

.fz-e9 {
	font-size: .9em
}

.fz-11 {
	font-size: 1.1em
}

.fz-12 {
	font-size: 1.2em
}

.is-false {
	pointer-events: none
}

.img-sharp {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges
}

@-moz-document url-prefix() {
	.img-sharp {
		image-rendering: auto;
	}
}

@media (min-width:741px) and (max-width:1160px) {
	.contact .gnav {
		text-align: left
	}
}

@media screen and (min-width:769px) {
	.pc-flex {
		display: -ms-flexbox;
		display: flex
	}

	.flex.pc-bet,
	.pc-flex.pc-bet {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.flex.aro,
	.flex.pc-aro,
	.pc-flex.aro,
	.pc-flex.pc-aro {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	.flex.pc-vstart,
	.pc-flex.pc-vstart {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.flex.pc-vend,
	.pc-flex.pc-vend {
		-ms-flex-align: end;
		align-items: flex-end
	}

	.flex.pc-vcenter,
	.pc-flex.pc-vcenter {
		-ms-flex-align: center;
		align-items: center
	}

	.flex.pc-hstart,
	.pc-flex.pc-hstart {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.flex.pc-hcenter,
	.pc-flex.pc-hcenter {
		-ms-flex-pack: center;
		justify-content: center
	}

	.flex.pc-hend,
	.pc-flex.pc-hend {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.flex.pc-str,
	.pc-flex.pc-str {
		-ms-flex-align: stretch;
		align-items: stretch
	}

	.flex.pc-vert,
	.pc-flex.pc-vert {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex.pc-break,
	.pc-flex.pc-break {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex>.pc-1,
	.pc-flex>.pc-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.flex>.pc-2,
	.pc-flex>.pc-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.flex>.pc-3,
	.pc-flex>.pc-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.flex.pc-hori-r,
	.pc-flex.pc-hori-r {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.op:hover {
		opacity: .7
	}

	.hoverToggle:hover .hoverToggle__off,
	.hoverToggle:not(:hover) .hoverToggle__on {
		display: none
	}

	.sp-md-acc .acc-btn {
		cursor: auto
	}

	.md-lay.pc-over {
		display: block
	}

	.md-lay.pc-over .lay-bg img {
		margin-left: 50%;
		max-width: none;
		transform: translate(-50%);
		width: auto
	}

	.md-lay.pc-through {
		display: inline-block;
		overflow: visible
	}

	.md-lay.pc-through .lay-bg img {
		max-width: none;
		width: auto
	}

	.md-lay-wrap:hover .md-lay .lay-bg .on,
	a:hover .md-lay .lay-bg .on {
		opacity: 1
	}

	.md-lay-wrap:hover .md-lay .lay-bg .off,
	a:hover .md-lay .lay-bg .off {
		opacity: 0
	}

	.md-lay-wrap:hover .md-lay.zoom .lay-bg,
	a:hover .md-lay.zoom .lay-bg {
		transform: perspective(0) translateZ(0) scale(1.05)
	}

	.md-lay-wrap:hover .md-lay.bright:before,
	a:hover .md-lay.bright:before {
		opacity: 1
	}

	.md-lay-wrap:hover .md-lay.border:after,
	a:hover .md-lay.border:after {
		box-shadow: inset 0 0 0 10px hsla(0, 0%, 100%, .5);
		opacity: 1
	}

	a:not(:hover) .md-lay.hide .lay-content {
		opacity: 0
	}

	.wrap {
		margin: 0 auto;
		padding-left: 1rem;
		padding-right: 1rem
	}

	.wrap.w460 {
		max-width: 48rem
	}

	.wrap.w620 {
		max-width: 64rem
	}

	.wrap.w720 {
		max-width: 74rem
	}

	.wrap.w850 {
		max-width: 87rem
	}

	.wrap.w900 {
		max-width: 92rem
	}

	.wrap.w950 {
		max-width: 97rem
	}

	.wrap.w1000 {
		max-width: 102rem
	}

	.wrap.w1080 {
		max-width: 110rem
	}

	.wrap.w1088 {
		max-width: 110.8rem
	}

	.wrap.w1200 {
		max-width: 122rem
	}

	.wrap.w1220 {
		max-width: 124rem
	}

	.wrap.w1222 {
		max-width: 124.2rem
	}

	.wrap.w1300 {
		max-width: 132rem
	}

	.fixSns__item {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges
	}

	.headerLink:hover,
	.headerPulldown:hover .headerLink {
		background: #f7e5c1;
		color: rgba(128, 71, 44, .5)
	}

	.gNav {
		top: 10rem
	}

	.topIntro__data {
		max-width: 60%
	}

	.topRec__snsItem {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges
	}

	.topRecSlide__base {
		margin: 0 0 0 50%;
		transform: translate(-50%)
	}

	.topNews__item:hover {
		background: rgba(227, 151, 28, .2)
	}

	.topNews__date {
		text-align: right;
		width: 16rem
	}

	.topNews__date--mv {
		width: auto
	}

	.partsRecommend__link--pad {
		margin: 1rem 0 0
	}

	.storyRecipe__base {
		margin: 0 0 0 50%;
		transform: translate(-50%)
	}

	.cHisTime__item:nth-child(2n) {
		text-align: right
	}

	.companyGreeting__header {
		white-space: nowrap
	}

	.companyFooterSns__item {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges
	}

	.page-enjoy3 .main_factory .section_recipe {
		margin-top: 110px;
		padding-top: 70px
	}

	.page-enjoy3 .main_factory .section_recipe h4 {
		margin-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
		width: 1100px
	}

	.page-enjoy3 .main_factory .section_recipe .unit {
		display: -ms-flexbox;
		display: flex;
		gap: 0 1.8%;
		margin: 0 auto;
		max-width: 1100px;
		padding: 0 1.25vw;
		width: 100%
	}

	.page-enjoy3 .main_factory .section_recipe .unit li {
		padding: 18px 18px 10px;
		width: 353px
	}

	.page-enjoy3 .main_factory .section_recipe .unit li .txt {
		font-size: 18px;
		font-weight: 700
	}

	.page-enjoy3 .main_factory .btn {
		margin-top: 35px;
		width: 446px
	}

	.page-enjoy3 .main_factory .btn a {
		font-size: 18px
	}

	.page-enjoy3 .main_factory .btn a:after {
		border-left: 7px solid #fff
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 {
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto clamp((180*(800/1200)) * 1px, 180/1200*100vw, 180px);
		max-width: 836px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 {
		margin: 0 auto;
		max-width: 1100px;
		position: relative
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li {
		padding-top: clamp((30*(800/1200)) * 1px, 30/1200*100vw, 30px);
		z-index: 1000
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li .inner {
		padding: clamp((56*(800/1200)) * 1px, 56/1200*100vw, 56px) clamp((21*(800/1200)) * 1px, 21/1200*100vw, 21px) clamp((35*(800/1200)) * 1px, 35/1200*100vw, 35px)
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5 {
		padding-left: clamp((30*(800/1200)) * 1px, 30/1200*100vw, 30px);
		width: 332px;
		width: clamp((332*(800/1200)) * 1px, 332/1200*100vw, 332px)
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li:after {
		border: clamp((17*(800/1200)) * 1px, 17/1200*100vw, 17px) solid transparent;
		border-left: clamp((70*(800/1200)) * 1px, 70/1200*100vw, 70px) solid #f2ecd1;
		border-right: none;
		content: "";
		display: block;
		height: 0;
		position: absolute;
		transform: rotate(-195deg);
		width: 0
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box02:after,
	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box04:after,
	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box06:after {
		left: clamp(-60px, -60/1200*100vw, (-60*(800/1200)) * 1px)
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box01:after,
	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box03:after,
	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box05:after {
		right: clamp(-60px, -60/1200*100vw, (-60*(800/1200)) * 1px);
		transform: rotate(-14deg)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 {
		-ms-grid-columns: 38.09% 23.36% 38.09%;
		-ms-grid-rows: (auto)[4];
		display: -ms-grid;
		display: grid;
		grid-template-columns: 38.09% 23.36% 38.09%;
		grid-template-rows: repeat(4, auto);
		margin-bottom: clamp((30*(800/1200)) * 1px, 30/1200*100vw, 30px);
		position: relative
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02:before {
		-ms-grid-row-span: 3;
		-ms-grid-column-span: 1;
		aspect-ratio: 514/3774;
		background-image: url(../enjoy/img/factory/04/bg_flow.jpg);
		background-size: contain;
		content: "";
		display: block;
		-ms-grid-column: 2;
		grid-column: 2/3;
		-ms-grid-row: 1;
		grid-row: 1/4;
		left: 50%;
		position: relative;
		transform: translate(-50%);
		width: 100%
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box01,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box03,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box05 {
		left: 0;
		margin-top: clamp(-85px, -85/1200*100vw, (-85*(800/1200)) * 1px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box02,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box04,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box06 {
		margin-top: clamp(-15px, -15/1200*100vw, (-15*(800/1200)) * 1px);
		right: 0
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box01,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box02,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box03,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box04,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box05,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box06,
	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box07 {
		position: relative;
		width: 100%
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box01 {
		-ms-grid-row-span: 1;
		-ms-grid-column-span: 1;
		-ms-grid-column: 1;
		grid-column: 1/2;
		-ms-grid-row: 1;
		grid-row: 1/2
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box01:after {
		top: clamp((140*(800/1200)) * 1px, 140/1200*100vw, 140px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box02 {
		-ms-grid-row-span: 1;
		-ms-grid-column-span: 1;
		-ms-grid-column: 3;
		grid-column: 3/4;
		-ms-grid-row: 1;
		grid-row: 1/2
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box02:after {
		top: clamp((360*(800/1200)) * 1px, 360/1200*100vw, 360px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box03 {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
		margin-top: 0
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box03:after {
		top: clamp((75*(800/1200)) * 1px, 75/1200*100vw, 75px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box04 {
		-ms-grid-column: 3;
		grid-column: 3;
		-ms-grid-row: 2;
		grid-row: 2;
		margin-top: clamp((20*(800/1200)) * 1px, 20/1200*100vw, 20px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box04:after {
		top: clamp((300*(800/1200)) * 1px, 300/1200*100vw, 300px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box05 {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 3;
		grid-row: 3
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box05:after {
		top: clamp((65*(800/1200)) * 1px, 65/1200*100vw, 65px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box06 {
		-ms-grid-column: 3;
		grid-column: 3;
		-ms-grid-row: 3;
		grid-row: 3;
		margin-top: clamp((20*(800/1200)) * 1px, 20/1200*100vw, 20px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box06:after {
		top: clamp((200*(800/1200)) * 1px, 200/1200*100vw, 200px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box07 {
		-ms-grid-column-span: 3;
		-ms-grid-column: 1;
		grid-column: 1/4;
		-ms-grid-row: 4;
		grid-row: 4;
		margin: clamp((100*(800/1200)) * 1px, 100/1200*100vw, 100px) auto 0;
		text-align: center;
		width: clamp((746*(800/1200)) * 1px, 746/1200*100vw, 746px)
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box07 .ph_box {
		display: block;
		margin: clamp((25*(800/1200)) * 1px, 25/1200*100vw, 25px) auto 0;
		width: auto
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box07 .ph_box .ph {
		margin: 0 auto;
		max-width: 385px
	}

	.page-enjoy3 .main_factory.factory04 .section_flow .unit02 li.box07:after {
		display: none
	}

	.heaNav__item:hover {
		background: #e3971c;
		color: #fff
	}

	.qaSide {
		position: absolute;
		top: 0
	}

	.qaSide.move {
		position: fixed;
		top: 15rem
	}

	.qaSide.end {
		bottom: 0;
		position: absolute;
		top: auto
	}

	.qaSide__item:hover {
		background: #f7e5c1;
		opacity: 1
	}

	.newsMv__main--shift,
	.newsMv__sub--shift {
		margin: 0 0 0 -.1em
	}

	.numberSection--02 .numberSection__txt_box,
	.numberSection--05 .numberSection__txt_box {
		position: relative
	}

	.numberSection--02 .numberSection__wrap,
	.numberSection--05 .numberSection__wrap {
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%
	}

	.productHead {
		white-space: nowrap
	}

	.productHead__en--shift {
		margin: 0 0 0 -.1em
	}

	.productHead__ja {
		margin: .8rem 0 0
	}

	.productHeadNav__item--product03 {
		margin: 0 1rem
	}

	.productPoint .productPointItem--col3 {
		width: 33.333%
	}

	.recSns__item {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges
	}

	.recItem__item--03 {
		margin: 0 2%
	}

	.selFive__img {
		margin: 0 0 0 2rem
	}

	.sp {
		display: none !important
	}

	.pc-hide {
		display: none
	}

	.pc-ta-center {
		text-align: center
	}

	.pc-ta-right {
		text-align: right
	}

	.pc-ta-left {
		text-align: left
	}
}

@media screen and (min-width:769px) and (-ms-high-contrast:none) {

	.md-lay-wrap:hover .md-lay.zoom .lay-bg,
	a:hover .md-lay.zoom .lay-bg {
		transform: none
	}
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.topDev__columnImg {
		width: 30.27%
	}
}

@media screen and (min-width:0\0) and (-webkit-min-device-pixel-ratio:0.75),
screen and (min-width:0\0) and (min-resolution:72dpi) {
	.numberSection__title .selector {
		property: value
	}

	.numberSection__title:before {
		border: 1.5rem solid transparent;
		border-top-color: #eb9720;
		content: "";
		left: 50%;
		margin-left: -1.5rem;
		position: absolute;
		top: 99.5%
	}
}

@media screen and (min-width:0\0) and (-webkit-min-device-pixel-ratio:0.75),
screen and (min-width:0\0) and (min-device-pixel-ratio:0.75),
screen and (min-width:0\0) and (min-resolution:72dpi) {
	.page-recruit .sub {
		font-family: メイリオ, Meiryo, sans-serif;
		font-weight: 400
	}

	.page-recruit .article_h2 {
		margin-top: 125px
	}
}

@media screen and (max-width:1600px) {
	.topMv__movieArea {
		height: auto
	}

	.topMv__movie {
		position: static;
		transform: none
	}
}

@media screen and (max-width:1400px) {
	.topDev__item {
		height: 19rem;
		width: 19rem
	}
}

@media screen and (max-width:1300px) {
	.header__frame {
		padding: 0 6rem
	}

	.headerPulldown__head {
		min-width: 0;
		padding: 4rem .5rem 1rem
	}

	.headerSubNav {
		padding: 0 20rem 0 0
	}

	.headerSubNav__item {
		font-size: 1rem;
		font-weight: 500;
		padding: .5em
	}

	.headerBnr {
		margin: 0 0 0 1.5rem
	}

	.headerBnr__item {
		width: 12rem
	}
}

@media screen and (max-width:1200px) {
	.header__frame {
		padding: 0 5rem
	}
}

@media screen and (max-width:1100px) {
	.header__frame {
		padding: 0 4rem
	}

	.headerPulldown__head {
		font-size: 1.3rem
	}

	.headerPullMenu__cell {
		padding-right: 1em
	}

	.headerPullMenu__cell--enjoy {
		padding-right: 2em
	}

	.headerSubNav {
		padding: 0 15rem 0 0
	}

	.headerSubNav__icon {
		height: 3rem;
		width: 3rem
	}

	.headerSubNav__icon--cart {
		font-size: 2.1rem
	}

	.headerSubNav__icon--search {
		font-size: 1.6rem
	}

	.headerBnr {
		margin: 0 0 0 1rem
	}

	.headerBnr__item {
		width: 10rem
	}

	.topIntro__data {
		padding: 4rem 4rem 2rem
	}

	.topDev__item {
		height: 15rem;
		width: 15rem
	}

	.topDev__name {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.topDev__arrow {
		font-size: 1.4rem;
		margin: 0 -1em 0 0
	}

	.topCom__list {
		margin: 3.6rem 0 0
	}

	.topCom__itemIn {
		width: 80%
	}

	.topCom__link {
		height: 15rem
	}

	.topCom__linkSub {
		font-size: 1.3rem
	}

	.topCom__linkMain {
		font-size: 2rem
	}

	.topCom__linkMore {
		font-size: 1.8rem;
		line-height: 1;
		margin: 1rem 0 0
	}

	.topCom__btn {
		font-size: 1.2rem;
		height: 6.2rem;
		margin: 2rem 0 0
	}

	.storyMv__text {
		margin: 0 1.3rem
	}

	.qaMain__list:after,
	.qaMain__list:before {
		display: none
	}

	.qaMain__item {
		width: 49%
	}

	.recMain__infoItem {
		width: 100%
	}

	.purePoint__list {
		position: relative;
		z-index: 2
	}

	.purePoint__head {
		width: 100%
	}

	.purePoint__box:nth-child(2n) .purePoint__head {
		-ms-flex-order: 1;
		order: 1
	}

	.purePoint__title {
		width: 19rem
	}

	.purePoint__img {
		border-radius: 5rem;
		width: calc(100% - 19rem)
	}

	.purePoint__text {
		font-size: 1.8rem;
		line-height: 1.8;
		margin: 2rem 0 0;
		width: 100%
	}

	.purePoint__box:nth-child(2n) .purePoint__text {
		-ms-flex-order: 2;
		order: 2
	}
}

@media screen and (max-width:1100px) and (min-width:801px) {
	.topLine__head {
		margin: 0 auto
	}

	.topLine__item {
		max-width: 24%
	}

	.topLine__item--main {
		margin: 0;
		max-width: 100%;
		width: 100%
	}

	.storyLineup__item {
		max-width: 24%
	}

	.storyLineup__item--main {
		margin: 0;
		max-width: 100%;
		width: 100%
	}
}

@media screen and (max-width:1000px) {
	.topRecSlide__base {
		width: 100%
	}

	.partsRecommend__text {
		font-size: 1.6rem
	}

	.partsRecommend__text--pickup {
		padding: 0 2rem
	}

	.partsRecommend__ttl--en {
		font-size: 1.8rem
	}

	.partsRecommend__ttl--ja {
		font-size: 2rem
	}

	.partsLineup .partsLineupOther .partsLineupCollabo {
		width: 100%
	}

	.partsLineup .partsLineupOther .partsLineupEc {
		margin: 1.5rem 0 0;
		width: 100%
	}

	.storyMv__text {
		margin: 0 1.2rem
	}

	.storyRecipe__base {
		width: 100%
	}

	.syoBlock__title {
		margin: 0 auto
	}

	.syoBlock__text {
		margin: 3rem 0 0;
		position: static;
		width: 100%
	}

	.syoMessage__text {
		font-size: 2rem
	}

	.voNav__title {
		font-size: 1.8rem
	}

	.voSec__item--self {
		margin: 3.1rem 1.3rem 0
	}

	.productHead__en {
		font-size: 4.8rem
	}

	.productHead__ja,
	.productIntro {
		font-size: 1.6rem
	}

	.selFive__item {
		padding: 4.8rem 2.6rem
	}

	.selFive__cell {
		height: 4rem;
		line-height: 1
	}

	.selFive__cell--th {
		font-size: 1.6rem;
		width: 5rem
	}

	.selFive__cell--td {
		padding: 0 1rem;
		width: calc(100% - 5rem)
	}

	.selFive__note {
		font-size: 1.3rem;
		line-height: 1.5;
		margin: 1.5rem 0 0
	}

	.selFive__move {
		font-size: 1.6rem;
		font-weight: 700;
		height: 4.6rem;
		margin: 1.4rem 0 0
	}

	.selFive__tokuho {
		max-width: 45.2rem
	}

	.selData__pop {
		border-radius: 2rem;
		font-size: 1.5rem;
		height: auto;
		margin: 3.2rem 0 0;
		padding: 1.5rem 0;
		position: static;
		width: 100%
	}

	.selData__posSep {
		display: none
	}

	.selData__sep--junsei.selData__sep--3 {
		width: 100%
	}

	.selCon__name {
		font-size: 1.8rem
	}

	.selCon__text {
		font-size: 1.4rem
	}

	.smellIntro {
		margin: 9rem 0 0;
		padding: 0 6.25%
	}

	.smellIntro__title {
		margin: 0 auto;
		max-width: 70%;
		position: static
	}

	.smellIntro__img {
		margin: 7rem 0 0;
		width: 100%
	}

	.smellIntro__box {
		margin: 2rem 0 0;
		padding: 4rem 1.9rem;
		width: 100%
	}

	.smellIntro__head {
		font-size: 1.5rem
	}

	.smellIntro__text {
		font-size: 1.5rem;
		font-weight: 400;
		letter-spacing: 0;
		margin: 1rem 0 0
	}

	.smellIntro__act {
		margin: 3.2rem 0 0;
		width: 100%
	}

	.smellIntro__data {
		width: 100%
	}

	.smellIntro__actTitle {
		font-size: 1.95rem;
		height: 5.6rem
	}

	.smellIntro__actImg {
		padding: 2rem 3rem
	}

	.smellIntData__img,
	.smellIntData__list {
		width: 100%
	}

	.smellIntData__item {
		margin: 1.2rem 0 0;
		padding: 2rem;
		width: 100%
	}

	.smellIntData__name {
		font-size: 2rem;
		margin: 1.5rem 0 0
	}

	.smellIntData__unit {
		font-size: 1.4rem;
		line-height: 1;
		margin: 1rem 0 0 .3rem
	}

	.smellIntData__text {
		font-size: 1.6rem;
		font-weight: 500;
		margin: 1rem 0 0;
		text-align: justify
	}
}

@media screen and (max-width:1000px) and (min-width:801px) {
	.syoBlock__text br {
		display: none
	}

	.syoBlock__icon--01-01 {
		top: -5rem
	}

	.syoBlock__icon--01-02 {
		bottom: -10rem;
		left: 50%;
		transform: translate(-50%)
	}

	.syoBlock__icon--02-01 {
		left: 0;
		right: auto;
		top: -5rem
	}

	.syoBlock__icon--02-02 {
		bottom: -8rem;
		left: 50%;
		transform: translate(-50%)
	}

	.syoBlock__icon--02-03 {
		bottom: -6rem;
		right: 2rem
	}

	.syoBlock__icon--03-01 {
		left: auto;
		right: 0;
		top: -7rem
	}

	.syoBlock__icon--03-02 {
		bottom: 20rem;
		left: 0
	}

	.syoBlock__icon--03-03 {
		bottom: -6.6rem;
		right: 50%;
		transform: translate(50%)
	}
}

@media screen and (max-width:900px) {
	.header__frame {
		padding: 0 2.5rem
	}

	.headerPulldown__head {
		font-size: 1.1rem
	}

	.headerSubNav {
		padding: 0 10rem 0 0
	}

	.headerBnr {
		margin: 0 0 0 .5rem
	}

	.headerBnr__item {
		image-rendering: auto;
		width: 8rem
	}

	.topRec__snsText {
		font-size: 1.6rem
	}

	.storyMv__text {
		margin: 0 1rem
	}

	.recSns__text {
		font-size: 1.6rem
	}

	.pureStep {
		margin: 8rem 0 0;
		padding: 8rem 6.25%
	}

	.pureStep__title {
		position: static;
		text-align: center;
		width: 100%
	}

	.pureStep__title img {
		width: 13rem
	}

	.pureStep__box {
		padding: 0
	}

	.pureStep__text {
		font-size: 1.7rem;
		padding: 5.5rem 0 0;
		text-align: center
	}

	.pureStep__line:not(:first-child) {
		margin: 1rem 0 0
	}

	.pureStep__list {
		margin: 11.2rem 0 0;
		position: relative
	}

	.pureStep__list:before {
		left: 50%;
		transform: translate(-50%)
	}

	.pureStepBlock {
		position: relative;
		z-index: 2
	}

	.pureStepBlock:not(:first-child) {
		margin: 3rem 0 0
	}

	.pureStepBlock:first-child:before,
	.pureStepBlock:last-child:before {
		background: #f7e5c1;
		left: 0
	}

	.pureStepBlock:last-child:before {
		display: none
	}

	.pureStepBlock__no {
		position: static;
		transform: none
	}

	.pureStepBlock__noVal {
		height: 6.2rem;
		margin: 1rem auto 0;
		width: 6.2rem
	}

	.pureStepBlock__box {
		margin: 2rem 0 0
	}

	.pureStepBlock__img {
		background: #fdf8e8;
		text-align: center;
		width: 100%
	}

	.pureStepBlock__file {
		opacity: 1
	}

	.pureStepBlock__data {
		padding: 2.8rem;
		width: 100%
	}

	.pureStepBlock__title {
		font-size: 2rem
	}

	.pureStepBlock__text {
		font-size: 1.6rem;
		letter-spacing: 0;
		margin: 1rem 0 0
	}

	.spSec__box--4 {
		padding: 24rem 0 9.5rem 9.5rem
	}

	.spSec__btn--4-1,
	.spSec__btn--4-2 {
		font-size: 1.4rem
	}
}

@media screen and (max-width:768px) {
	.sp-flex {
		display: -ms-flexbox;
		display: flex
	}

	.flex.sp-bet,
	.sp-flex.sp-bet {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.flex.aro,
	.flex.sp-aro,
	.sp-flex.aro,
	.sp-flex.sp-aro {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	.flex.sp-vstart,
	.sp-flex.sp-vstart {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.flex.sp-vend,
	.sp-flex.sp-vend {
		-ms-flex-align: end;
		align-items: flex-end
	}

	.flex.sp-vcenter,
	.sp-flex.sp-vcenter {
		-ms-flex-align: center;
		align-items: center
	}

	.flex.sp-hstart,
	.sp-flex.sp-hstart {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.flex.sp-hcenter,
	.sp-flex.sp-hcenter {
		-ms-flex-pack: center;
		justify-content: center
	}

	.flex.sp-hend,
	.sp-flex.sp-hend {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.flex.sp-str,
	.sp-flex.sp-str {
		-ms-flex-align: stretch;
		align-items: stretch
	}

	.flex.sp-vert,
	.sp-flex.sp-vert {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex.sp-break,
	.sp-flex.sp-break {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex>.sp-1,
	.sp-flex>.sp-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.flex>.sp-2,
	.sp-flex>.sp-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.flex>.sp-3,
	.sp-flex>.sp-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.flex.sp-hori-r,
	.sp-flex.sp-hori-r {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.sp-table-break td,
	.sp-table-break th,
	.sp-table-break tr {
		display: inline-block;
		width: 100%
	}

	.sp-table-over {
		overflow-x: auto
	}

	.sp-table-over th {
		white-space: nowrap
	}

	.hoverToggle__on {
		display: none
	}

	.sp-md-acc .acc-body {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transform-origin: 0 0;
		transition-duration: .5s
	}

	.sp-md-acc .acc-body .acc-body:not(.active) {
		transition-duration: 0s
	}

	.sp-md-acc .acc-body:not(.active) .acc-on,
	.sp-md-acc .acc-check:not(:checked)~.acc-body .acc-on,
	.sp-md-acc .acc-check:not(:checked)~.acc-btn .acc-on {
		display: none
	}

	.sp-md-acc .acc-body.active,
	.sp-md-acc .acc-check:checked~.acc-body,
	.sp-md-acc .acc-check:checked~.acc-btn {
		max-height: none;
		opacity: 1
	}

	.md-btn:before,
	.sp-md-acc .acc-body.active .acc-off,
	.sp-md-acc .acc-check:checked~.acc-body .acc-off,
	.sp-md-acc .acc-check:checked~.acc-btn .acc-off {
		display: none
	}

	.md-lay.sp-over {
		display: block
	}

	.md-lay.sp-over .lay-bg img {
		margin-left: 50%;
		max-width: none;
		transform: translate(-50%);
		width: auto
	}

	.md-lay.sp-through {
		display: inline-block;
		overflow: visible
	}

	.md-lay.sp-through .lay-bg img {
		max-width: none;
		width: auto
	}

	.u-pc {
		display: none
	}

	.u-sp {
		display: block
	}

	.u-spi {
		display: inline-block
	}

	.sp-wrap {
		padding-left: 3.125%;
		padding-right: 3.125%
	}

	.sp-wrap2 {
		padding-left: 6.25%;
		padding-right: 6.25%
	}

	.pager {
		font-size: 1.2rem
	}

	.pager__no {
		margin: 0 1rem
	}

	.pager__item {
		padding: 1rem
	}

	.scroll::-webkit-scrollbar {
		height: 5px;
		width: 5px
	}

	.headerPad {
		padding-top: 5.5rem
	}

	.header {
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		max-height: 100%;
		overflow: auto
	}

	.header__frame {
		height: 5.5rem;
		padding: 0
	}

	.headerLogo {
		width: 4.5rem
	}

	.headerBnr {
		margin: 0 0 0 2rem;
		padding: 0
	}

	.headerBnr__item {
		width: 14rem
	}

	.headerSearch {
		padding: 1.2rem 2rem;
		top: 5.5rem
	}

	.headerSearch__box {
		padding: 0 5rem 0 0
	}

	.headerSearch__close {
		font-size: 1rem;
		height: 3rem;
		width: 3rem
	}

	.headerSearchBox__text {
		padding: 1rem 5rem 1rem 2rem
	}

	.headerSearchBox__btn {
		font-size: 1.6rem;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 5rem;
		z-index: 2
	}

	.footer__base {
		padding: 5.5rem 0 5rem
	}

	.footerPad {
		height: 7rem
	}

	.pagetop {
		font-size: 1.5rem;
		height: 6rem;
		right: 2rem;
		top: -3rem;
		width: 6rem
	}

	.footerData {
		padding: 0 3.125%;
		width: 100%
	}

	.footerData__logo {
		margin: 1.6rem 0 0
	}

	.footerData__text {
		font-size: 1.4rem;
		font-weight: 500;
		margin: 2.8rem 0 0;
		width: 100%
	}

	.footerNote {
		height: auto;
		padding: 0
	}

	.footerNote__list {
		background: #f7e5c1;
		padding: 0 0 1.5rem;
		width: 100%
	}

	.footerNote__item {
		margin: 0;
		padding: 0 .5em
	}

	.footerNote__copy {
		height: 4.5rem;
		width: 100%
	}

	.cookieBox--pad {
		padding: 0 0 40vw
	}

	.cookieBox__cnt {
		display: block;
		padding: 5.3333vw;
		width: 100%
	}

	.cookieBox__txt {
		font-size: 2.9333vw;
		line-height: 1.5;
		width: 90%
	}

	.cookieBox__btn {
		margin: 2.6667vw auto 0;
		right: 3.4%;
		top: 4%;
		width: 6vw;
		z-index: 99999999999
	}

	.topMv {
		padding: 2.4rem 0 0
	}

	.topMv__frame {
		position: relative
	}

	.topMv__movie {
		position: absolute;
		transform: translate(-50%, -50%)
	}

	.topMv__move {
		font-size: .8rem;
		height: 3.6rem;
		width: 3.6rem
	}

	.topMv__move--prev {
		left: .4rem
	}

	.topMv__move--next {
		right: .4rem
	}

	.topMv__title {
		width: 70%
	}

	.topMv__slideImgWrap {
		aspect-ratio: 654/719
	}

	.topMv__subSlide {
		width: 100%
	}

	.topMv__subSlide .swiper-container {
		margin: auto;
		overflow: visible;
		width: calc(100% - 48px)
	}

	.topMv__subSlideImg {
		aspect-ratio: 213/69;
		border-radius: .6rem
	}

	.topMvNews {
		display: block;
		margin: 1.2rem auto 0;
		position: static;
		width: calc(100% - 48px)
	}

	.topMvNews__head {
		-ms-flex-pack: start;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-direction: row;
		flex-direction: row;
		justify-content: flex-start;
		padding: .8rem 1.9rem .6rem
	}

	.topMvNews__title {
		display: inline-block;
		font-size: 1.2rem
	}

	.topMvNews__titleSub {
		display: inline-block;
		font-size: .9rem;
		margin-left: 1rem
	}

	.topMvNews__body {
		padding: .6rem 1.2rem
	}

	.topMvNews__date {
		width: 13rem
	}

	.topMvNews__ctg {
		margin: 0 .3rem;
		padding: .3rem .2rem;
		width: 9.8rem
	}

	.topMvNews__itemTitle {
		margin-top: .2rem
	}

	a:hover .topMvNews__itemTitle {
		text-decoration: none
	}

	.topIntro {
		margin: 8rem 0 0;
		padding: 0 6.25%
	}

	.topIntro__img {
		border-radius: 3rem;
		width: 100%
	}

	.topIntro__data {
		padding: 0 0 7rem;
		width: 100%
	}

	.topIntro__text {
		font-size: clamp(1.5rem, 3.2vw, 2rem);
		margin: 4rem 0 0
	}

	.topLine {
		margin: 8rem 0 0
	}

	.topLine__head {
		height: 23rem;
		width: 100%
	}

	.topLine__headIcon {
		margin: 0 auto;
		width: 7.5rem
	}

	.topLine__headMain {
		font-size: 2.8rem;
		margin: 1rem 0 0
	}

	.topLine__headSub {
		font-size: 1.65rem;
		margin: 1.5rem 0 0
	}

	.topLine__headText {
		line-height: 1.5;
		margin: 1.5rem 0 0
	}

	.topLine__item {
		margin: 3.2rem 0 0;
		width: 47%
	}

	.topLine__item--main {
		margin: 2.5rem auto 0;
		padding: 0;
		width: 55%
	}

	.topLine__img--main {
		margin: 0 auto;
		max-width: 248px
	}

	.topLine__bg {
		max-width: 20rem
	}

	.topLine__data {
		margin: 1rem 0 0
	}

	.topLine__text {
		font-size: 1.1rem;
		margin: 2rem 0 0
	}

	.topLine__text--main {
		font-size: 1.4rem
	}

	.topLine__name {
		font-size: 1.9rem;
		margin: 1rem 0 0
	}

	.topLine__name--main {
		font-size: 2.2rem
	}

	.topLine__name--sub {
		font-size: 1.7rem
	}

	.topLine__more {
		margin: 5.5rem 0 0
	}

	.topLine__more--end {
		margin: 4rem 0 0
	}

	.topLine__btn {
		font-size: 1.5rem;
		height: 5.6rem;
		margin: 0;
		max-width: 100%;
		width: 100%
	}

	.topLine__btn:not(:first-child) {
		margin: 1.6rem 0 0
	}

	.topLine__subFrame {
		margin: 1.5rem 0 0
	}

	.topLine__bnr {
		border-radius: 2rem;
		margin: 5.5rem 0 0;
		max-width: 100%
	}

	.topLine__bnrImg {
		padding: 0 1rem;
		width: 11.5rem
	}

	.topLine__bnrData {
		white-space: nowrap;
		width: auto
	}

	.topLine__bnrMain {
		font-size: 1.7rem
	}

	.topLine__bnrSub {
		font-size: 1rem;
		margin: .5rem 0 0;
		transform: scale(.85);
		transform-origin: 0 0
	}

	.topLine__btnIcon {
		left: 3rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2
	}

	.topLine__btnIcon--item {
		font-size: 3.1rem
	}

	.topLine__btnIcon--cart {
		font-size: 2.7rem
	}

	.topDev {
		margin: 10rem 0 0
	}

	.topDev__bgText {
		font-size: 10vw;
		text-align: center;
		top: 20vw
	}

	.topDev__bg {
		height: 85%;
		position: absolute;
		right: 0;
		top: 55%;
		transform: translateY(-50%);
		width: 75%;
		z-index: 1
	}

	.topDev__mv {
		margin: 2.7rem 0 0 auto;
		width: 93.75%
	}

	.topDev__message {
		margin: 0;
		max-width: 100%;
		padding: 9.5rem 0 0;
		width: 100%
	}

	.topDev__title {
		margin: -8rem auto 0;
		text-align: center;
		width: 55%
	}

	.topDev__text {
		font-size: clamp(1.5rem, 3.2vw, 2rem);
		margin: 4rem 0 0;
		text-align: center
	}

	.topDev__data {
		margin: 4rem 0 0;
		max-width: 100%;
		width: 100%
	}

	.topDev__img {
		margin: 0 auto;
		width: 53.3333333333vw
	}

	.topDev__list {
		margin: 0;
		padding: 1rem 0 0
	}

	.topDev__item {
		height: 15rem;
		margin: 1rem 1rem 0;
		width: 15rem
	}

	.topDev__name {
		font-size: 1.7rem;
		margin: 1rem 0 0
	}

	.topDev__more {
		margin: 0
	}

	.topDev__arrow {
		font-size: 1.2rem;
		margin: 0 -1em 0 0
	}

	.topDev__column {
		border-right: 0;
		margin: 3.5rem 0 1rem
	}

	.topDev__columnImg {
		height: 100%;
		width: 22.6%
	}

	.topDev__columnImg div {
		height: 100%
	}

	.topDev__columnImg img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.topDev__columnData {
		padding: .5rem 2rem;
		width: calc(100% - 10rem)
	}

	.topDev__columnHead {
		padding: 0;
		width: 100%
	}

	.topDev__columnSub {
		font-size: 1.2rem
	}

	.topDev__columnMain {
		font-size: 1.5rem;
		margin: .5rem 0 0
	}

	.topDev__columnText {
		font-size: 1.2rem;
		margin: .5rem 0 0;
		padding: 0 2rem 0 0;
		width: 100%
	}

	.topCom {
		background-attachment: scroll;
		background-color: #623e22;
		background-image: url(../img/top_com_bg_sp.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin: 8rem 0 0;
		padding: 7rem 0
	}

	.topCom__title {
		font-size: 3.1rem;
		line-height: 1.3
	}

	.topCom__sub {
		font-size: 1.9rem;
		margin: 1rem 0 0
	}

	.topCom__text {
		font-size: 11px;
		font-size: 2.9333333333vw;
		margin: 4.5rem 0 0
	}

	.topCom__list {
		margin: 3.6rem 0 0;
		padding: 0 2.4rem
	}

	.topCom__item {
		border-radius: 2rem;
		margin: 1.2rem 0 0;
		position: relative;
		width: 100%
	}

	.topCom__itemIn {
		width: 100%
	}

	.topCom__itemBg {
		border-radius: 7.5rem
	}

	.topCom__en {
		height: 1em;
		left: 3rem;
		letter-spacing: .15em;
		top: 2rem;
		transform: none;
		white-space: nowrap;
		width: 1em
	}

	.topCom__en,
	.topCom__no {
		position: absolute;
		z-index: 2
	}

	.topCom__no {
		bottom: 1rem;
		right: 1rem;
		width: 25%
	}

	.topCom__name {
		padding: 0 3rem;
		white-space: nowrap
	}

	.topCom__itemMain {
		font-size: clamp(2rem, 3.2vw, 3.2vw);
		font-weight: 700;
		line-height: 1.3
	}

	.topCom__itemSub {
		font-size: clamp(1.5rem, 2.4vw, 2.4vw);
		font-weight: 500;
		margin: .5rem 0 0
	}

	.topCom__link {
		height: 19rem
	}

	.topCom__linkSub {
		font-size: 1.2rem
	}

	.topCom__linkMain {
		font-size: 2.4rem
	}

	.topCom__linkMore {
		font-size: 1.6rem;
		margin: 1.6rem 0 0
	}

	.topCom__btn {
		font-size: 1.5rem;
		height: 5.6rem
	}

	.topHead__main {
		font-size: 2.8rem
	}

	.topHead__sub {
		font-size: 1.65rem
	}

	.topHead__text {
		font-size: 1.4rem
	}

	.topHead--spSmall .topHead__main {
		font-size: 2.8rem
	}

	.topHead--spSmall .topHead__sub {
		font-size: 1.4rem
	}

	.topRec {
		padding: 8rem 0 0
	}

	.topRec__bg {
		border-radius: 0 0 0 3rem;
		height: 58rem;
		width: 45%
	}

	.topRec__img {
		text-align: right
	}

	.topRec__img img {
		border-radius: 3vw 0 0 3vw;
		width: 95vw
	}

	.topRec__headArea {
		margin: 4rem 0 0;
		width: 100%
	}

	.topRec__base {
		padding: 0 5vw
	}

	.topRec__data {
		width: auto
	}

	.topRec__info {
		max-width: 100%;
		padding: 0;
		width: 100%
	}

	.topRec__sample {
		margin: 6.7rem 0 0;
		padding: 3.4rem 1.9rem
	}

	.topRec__sampleTitle {
		font-size: 2.1rem
	}

	.topRec__sampleImg {
		margin: 1.9rem 0 0
	}

	.topRec__sampleHead {
		margin: 2rem 0 0
	}

	.topRec__sampleText {
		font-size: 1.4rem
	}

	.topRec__sns {
		background-image: url(../img/top_rec_frame.png);
		height: auto;
		margin: 2.3rem 0 0;
		min-height: 21rem;
		padding: 2rem 0
	}

	.topRec__snsTitle {
		font-size: 1.8rem
	}

	.topRec__snsText {
		font-size: 1.4rem;
		margin: 1.2rem 0 0
	}

	.topRec__snsList {
		margin: 1.5rem 0 0
	}

	.topRec__snsItem {
		font-size: 2.1rem;
		margin: 0 .8rem
	}

	.topRec__snsItem--youtube {
		font-size: 2rem
	}

	.topRecSlide__base {
		width: 100%
	}

	.topRecSlide__item {
		border-radius: 4vw
	}

	.topRecSlide__name {
		font-size: 1.5rem;
		min-height: 9rem
	}

	.topRecSlide__icon {
		height: 4rem;
		left: 1rem;
		padding: .5rem;
		width: 4rem
	}

	.topSearch {
		padding: 4rem 3.125%
	}

	.searchBox__text {
		width: 100%
	}

	.searchBox__input {
		font-size: 1.4rem;
		height: 4.4rem;
		padding: 1rem 5rem 1rem 2rem;
		width: 100%
	}

	.searchBox__textSend {
		font-size: 1.4rem;
		height: 4.4rem;
		width: 4.4rem
	}

	.searchBox__send {
		height: 4.4rem;
		margin: 1.6rem auto 0;
		width: 22rem
	}

	.searchBox__list {
		margin: 1.6rem 0 0
	}

	.searchBox__item {
		font-size: 1.3rem;
		height: 3.6rem;
		margin: .8rem 0 0;
		padding: 0 1.5rem;
		width: 48%
	}

	.searchBox__item--recipe {
		font-size: 1.4rem;
		height: 3.3rem;
		letter-spacing: .2em
	}

	.searchBox__icon--recipe {
		font-size: 1.1rem;
		right: .5rem
	}

	.searchBox__pop {
		border-radius: 3rem;
		left: 0;
		margin: 2.5rem 0 0;
		padding: 3.2rem;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 2
	}

	.searchBox__pop:before {
		border-color: transparent transparent #f7e5c1;
		border-style: solid;
		border-width: 0 15px 15px;
		height: 0;
		width: 0
	}

	.searchBox__pop--1:before {
		left: 8rem
	}

	.searchBox__pop--2:before {
		right: 8rem
	}

	.searchBox__pop--3:before {
		left: 8rem
	}

	.searchBox__pop--4:before {
		right: 8rem
	}

	.searchBox__pop--recipe {
		top: calc(100% - 2rem)
	}

	.searchBox__pop--recipe:before {
		left: 8rem;
		right: auto
	}

	.searchBox__sec:not(:first-child) {
		margin: 2.5rem 0 0
	}

	.searchBox__headline {
		font-size: 1.7rem;
		padding: 0 0 1rem
	}

	.searchBox__checkList {
		margin: .5rem 0 0
	}

	.searchBox__checkItem {
		font-size: 1.4rem;
		margin: 1.7rem 0 0;
		width: 48%
	}

	.searchBox__check {
		height: 1.4rem;
		width: 1.4rem
	}

	.searchBox__select {
		height: 4.4rem;
		margin: 2.4rem 0 0
	}

	.topAct {
		padding: 8rem 3.125% 0
	}

	.topAct__list {
		margin: 2.3rem 0 0
	}

	.topAct__item {
		border-radius: 2rem;
		margin: 1.2rem 0 0;
		width: 100%
	}

	.topAct__img {
		background-repeat: no-repeat;
		min-height: 15rem;
		width: 30%
	}

	.topAct__img--1 {
		background-color: #fff;
		background-size: cover;
		width: 100%
	}

	.topAct__data {
		padding: 1rem 1.6rem;
		width: 60%
	}

	.topAct__data--1 {
		padding: 4rem 3rem;
		width: 100%
	}

	.topAct__name {
		font-size: 1.5rem
	}

	.topAct__name--1 {
		font-size: 1.8rem
	}

	.topAct__logo {
		margin: 1.5rem 0 0
	}

	.topAct__text {
		font-size: 1.3rem;
		margin: 1rem 0 0
	}

	.topAct__text br {
		display: none
	}

	.topAct__more {
		margin: 2.8rem 0 0;
		text-align: center
	}

	.topAct__btn {
		max-width: 100%
	}

	.topMov {
		margin: 5.2rem 0 0
	}

	.topMov__title {
		font-size: 2rem;
		line-height: 1.8
	}

	.topMov__text {
		font-size: 1.5rem;
		line-height: 1.8;
		margin: 1rem 0 0
	}

	.topMov__list {
		margin: 2.4rem 0 0;
		padding: 0 3.125%
	}

	.topMov__item {
		border-radius: 3rem;
		position: relative;
		width: 100%;
		z-index: 1
	}

	.topMov__item:not(:first-child) {
		margin: 1.2rem 0 0
	}

	.topMov__item--cm {
		border-radius: 0;
		width: 55.3333vw
	}

	.topMov__item--cm:not(:first-child) {
		margin: 0
	}

	.topMov__item--making,
	.topMov__item--week {
		border-radius: 0;
		width: 100%
	}

	.topMov__item--week:not(:first-child) {
		margin: 0
	}

	.topMov__icon {
		font-size: 7.3rem
	}

	.topMov__icon--cm {
		font-size: 10vw
	}

	.topBnr {
		margin: 5.6rem 0 0
	}

	.topBnr__list {
		margin-top: 0;
		padding: 0 3.125%
	}

	.topBnr__list:after,
	.topBnr__list:before {
		display: none
	}

	.topBnr__link {
		width: 100%
	}

	.topBnr__link:not(:first-child) {
		margin: .8rem 0 0
	}

	.topNews {
		padding: 6.5rem 3.125% 11rem
	}

	.topNews__frame {
		margin: 2.8rem 0 0
	}

	.topNews__btn {
		font-size: 1.8rem;
		height: 6.2rem;
		letter-spacing: .5em
	}

	.topNews__box {
		padding: 0 1.9rem 3.35rem
	}

	.topNews__item {
		font-size: 1.2rem;
		overflow: visible;
		padding: 1.9rem 0 2.1rem;
		text-overflow: ellipsis;
		white-space: normal
	}

	.topNews__cat {
		font-size: 1.1rem;
		margin: 0 0 0 .9rem;
		min-width: 0;
		padding: .5rem 1rem
	}

	.topNews__title {
		display: block;
		line-height: 1.5;
		margin: .5rem 0 0
	}

	.topNews__cramp {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden
	}

	.topNews__more {
		margin: 1.7rem 0 0
	}

	.topNews__moreArrow,
	.topNews__moreLink {
		font-size: 1.2rem
	}

	.bread {
		display: none
	}

	.partsRecommend {
		padding: 5.6rem 0
	}

	.partsRecommend__head {
		font-size: 2rem;
		padding: 0 0 1rem
	}

	.partsRecommend__body {
		margin-top: 3.5rem
	}

	.partsRecommend__col {
		width: 100%
	}

	.partsRecommend__col:not(:first-child) {
		margin: 0
	}

	.partsRecommend__link {
		margin: .4rem 0
	}

	.partsRecommend__link--wide {
		width: 100%
	}

	.partsRecommend__img {
		background-position: 50%;
		background-size: cover;
		width: 34.25%
	}

	.partsRecommend__img--main {
		min-height: 20rem
	}

	.partsRecommend__text {
		font-size: 1.5rem;
		line-height: 1.7;
		padding: 1rem 1.5rem;
		width: 65.75%
	}

	.partsRecommend__ttl--en {
		font-size: 1.2rem
	}

	.partsRecommend__ttl--ja {
		font-size: 1.6rem
	}

	.partsRecommend__desc {
		margin: 1rem 0 0
	}

	.partsRecommend__btnwrapper {
		margin: 3.2rem auto 0;
		width: 100%
	}

	.partsRecommend__btn {
		border-radius: 2.8rem;
		font-size: 1.4rem;
		height: 5.6rem
	}

	.partsRecommend__btn .icon {
		font-size: 1.2rem
	}

	.partsEnjoy {
		padding: 8rem 0 11rem
	}

	.partsEnjoy__head {
		font-size: 1.6rem;
		line-height: 1.6
	}

	.partsEnjoy__link {
		margin: 3.2rem auto 0;
		width: 100%
	}

	.partsEnjoy__img {
		-ms-flex: none;
		flex: none;
		width: 17.5rem
	}

	.partsEnjoy__text {
		padding: 0 1rem;
		width: calc(100% - 17.5rem)
	}

	.partsEnjoy__ttl {
		font-size: 1.5rem;
		letter-spacing: .1em
	}

	.partsEnjoy__desc {
		font-size: 1.3rem;
		letter-spacing: 0;
		line-height: 1.5
	}

	.partsCommitted {
		background: #642f02 url(../img/parts_committed_bg_sp.jpg) no-repeat 50%/cover;
		padding: 8rem 0
	}

	.partsCommitted__head {
		text-align: center
	}

	.partsCommitted__head--ja {
		font-size: 3.1rem;
		letter-spacing: .4em;
		line-height: 1.5;
		margin-right: -1em
	}

	.partsCommitted__head--en {
		font-size: 1.8rem;
		margin-top: 1rem
	}

	.partsCommitted__intro {
		font-size: 1.5rem;
		margin-top: 4.2rem
	}

	.partsCommitted__list {
		margin-top: 4rem
	}

	.partsCommitted__item {
		font-size: 2.4rem;
		height: auto;
		margin-top: 1rem;
		padding: 1.7rem 0;
		width: 100%
	}

	.partsCommitted__item--sub {
		font-size: 1.6rem;
		line-height: 1.5
	}

	.partsCommitted__more {
		margin: 3.2rem auto 0;
		width: 100%
	}

	.partsCommitted__btn {
		border-radius: 2.8rem;
		font-size: 1.4rem;
		height: 5.6rem
	}

	.partsCommitted__btn .icon {
		font-size: 1rem
	}

	.partsLineup {
		padding: 8rem 0
	}

	.partsLineup__head {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.partsLineup__list {
		margin-top: 3rem
	}

	.partsLineup__list:after,
	.partsLineup__list:before {
		display: none
	}

	.partsLineup__item {
		max-width: 49%;
		width: 49%
	}

	.partsLineup__item:nth-child(n+3) {
		margin-top: 2.6rem
	}

	.partsLineup__text {
		font-size: 1.7rem;
		margin-top: 1rem
	}

	.partsLineup .partsLineupOther {
		display: block;
		margin-top: 5.6rem;
		text-align: left
	}

	.partsLineup .partsLineupOther__link {
		border-radius: 1.6rem;
		height: auto
	}

	.partsLineup .partsLineupOther .partsLineupCollabo {
		width: 100%
	}

	.partsLineup .partsLineupOther .partsLineupEc {
		margin-top: 1.5rem;
		padding: 1rem 0;
		width: 100%
	}

	.partsLineup .partsLineupOther .partsLineupEc__text {
		margin-left: 2.2rem
	}

	.partsLineup .partsLineupOther .partsLineupEc__ttl {
		font-size: 1.8rem
	}

	.partsLineup .partsLineupOther .partsLineupEc__desc {
		font-size: 1.2rem
	}

	.rateIcon {
		font-size: 1.6rem;
		width: 1.3rem
	}

	.rateIcon--lineup {
		font-size: 1.4rem;
		margin: 0 .2rem
	}

	.rateIcon--point {
		font-size: 1.5rem
	}

	.rateIcon--sel {
		font-size: 1.6rem;
		margin: 0 .3rem
	}

	.storyMv__slide img {
		border-radius: 0;
		width: auto
	}

	.storyMv__title {
		margin: 3.6rem 6.25% 0;
		position: relative;
		right: auto;
		top: auto
	}

	.storyMv__text {
		margin: 0 .9rem
	}

	.storyIntro {
		font-size: 1.7rem;
		line-height: 1.9;
		padding: 9rem 0 5.6rem
	}

	.storyBg__img img {
		width: 50%
	}

	.storyBg__img--01 {
		left: 0
	}

	.storyBg__img--02 {
		right: 0
	}

	.storyBg__img--03 {
		left: 0
	}

	.storySec {
		background: no-repeat top 5rem/content;
		margin: 4rem 0 0;
		overflow: hidden;
		padding: 0 3.125%
	}

	.storySec__text {
		background: 0 0;
		width: 100%
	}

	.storySec__textDeco {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1
	}

	.storySec__textDeco--01 img:first-child {
		left: calc(50% - 15.7rem);
		top: 20%
	}

	.storySec__textDeco--01 img:nth-child(2) {
		left: 10%;
		top: 5%
	}

	.storySec__textDeco--01 img:nth-child(3) {
		left: 5%;
		top: 80%
	}

	.storySec__textDeco--01 img:nth-child(4) {
		right: 3%;
		top: 12%
	}

	.storySec__textDeco--01 img:nth-child(5) {
		right: 3%;
		top: 70%
	}

	.storySec__textDeco--02 img:first-child {
		left: calc(50% - 13.8rem);
		top: 20%
	}

	.storySec__textDeco--02 img:nth-child(2) {
		left: 1%;
		top: 23%
	}

	.storySec__textDeco--02 img:nth-child(3) {
		left: 11%;
		top: 91%
	}

	.storySec__textDeco--02 img:nth-child(4) {
		right: 10%;
		top: 15%
	}

	.storySec__textDeco--02 img:nth-child(5) {
		top: 80%;
		width: 10%
	}

	.storySec__textDeco--03 img:first-child {
		left: calc(50% - 13.35rem);
		top: 24%
	}

	.storySec__textDeco--03 img:nth-child(2) {
		left: 1%;
		top: 20%
	}

	.storySec__textDeco--03 img:nth-child(3) {
		left: 1%;
		top: 80%
	}

	.storySec__textDeco--03 img:nth-child(4) {
		right: 1%;
		top: 32%
	}

	.storySec__textDeco--03 img:nth-child(5) {
		right: 3%;
		top: 80%;
		width: 25%
	}

	.storySec__textDeco--04 img:first-child {
		left: calc(50% - 15.6rem);
		top: 10%
	}

	.storySec__textDeco--04 img:nth-child(2) {
		left: 1%;
		top: 12%
	}

	.storySec__textDeco--04 img:nth-child(3) {
		right: 1%;
		top: 15%
	}

	.storySec__textDeco--04 img:nth-child(4) {
		right: 5%;
		top: 85%
	}

	.storySec__ttl {
		font-size: 4.8rem;
		white-space: nowrap
	}

	.storySec__desc {
		font-size: 1.7rem;
		margin: 0 3.125%
	}

	.storySec__desc--01 {
		text-align: center
	}

	.storySec__img {
		margin-top: 3rem
	}

	.storySec---03 .storySec__img {
		margin-bottom: 3rem
	}

	.storySec__img--img {
		opacity: 0;
		transition: 1s
	}

	.storySec__img--img.active {
		opacity: 1;
		transform: none
	}

	.storySec__img--deco {
		left: 0;
		top: 0
	}

	.storySec__img--deco img:not(:first-child) {
		left: 0;
		position: absolute;
		top: 0
	}

	.storySec__img--deco img:first-child {
		transform: rotate(-168deg)
	}

	.storySec__img--deco img:nth-child(2) {
		transform: rotate(-123deg)
	}

	.storySec---03 .storySec__img--deco {
		left: 5%;
		top: 5%;
		width: 90%
	}

	.storySec---04 .storySec__img--deco {
		left: 2%;
		top: 2%;
		width: 96%
	}

	.storyTask {
		padding: 8rem 0 5rem
	}

	.storyTask__text {
		font-size: 1.6rem;
		line-height: 1.75
	}

	.storyTask__text--em {
		font-size: 2rem
	}

	.storyTask__container {
		border-radius: 1.6rem;
		margin: 3.2rem auto;
		padding: 3.2rem 0
	}

	.storyTask__container--text {
		font-size: 1.7rem;
		line-height: 2.1
	}

	.storyOutro {
		font-size: 1.6rem;
		padding: 6.5rem 0 6.8rem
	}

	.storyQuestion__container {
		width: auto
	}

	.storyQuestion__bg {
		left: 0;
		top: 0
	}

	.storyQuestion__img {
		left: 14%;
		max-width: 71.5%;
		top: 7%;
		width: 71.5%
	}

	.storyQuestion__text {
		font-size: 1.4rem
	}

	.storyQuestion__text--01 {
		height: 39.2vw;
		left: 55%;
		top: 40%;
		width: 39.2vw
	}

	.storyQuestion__text--02 {
		height: 39.2vw;
		left: 5%;
		top: 40%;
		width: 39.2vw
	}

	.storyQuestion__text--03 {
		bottom: 0;
		height: 39.2vw;
		left: 5%;
		width: 39.2vw
	}

	.storyQuestion__text--04 {
		height: 47.2vw;
		right: calc(50% - 23.6vw);
		top: 58%;
		width: 47.2vw
	}

	.storyQuestion__text--05 {
		bottom: 0;
		height: 39.2vw;
		right: 5%;
		width: 39.2vw
	}

	.storyTest {
		margin-top: 4.3rem;
		padding: 4.8rem 2.8rem
	}

	.storyTest__head {
		font-size: 2rem
	}

	.storyTest__head--border {
		background: linear-gradient(0deg, #fbdba9 .6rem, #fbdba9 .61rem, transparent 0, transparent)
	}

	.storyTest__desc {
		font-size: 1.5rem;
		letter-spacing: .1em;
		line-height: 1.5;
		margin-top: 2.62rem
	}

	.storyTest__desc--em {
		background: linear-gradient(0deg, #fbdba9 .6rem, #fbdba9 .61rem, transparent 0, transparent);
		font-size: 1.8rem
	}

	.storyTest__subhead {
		border-radius: 1.6rem;
		height: auto;
		line-height: 1.6;
		margin: 4rem 0 2.4rem;
		padding: 1.6rem 2.2rem
	}

	.storyTest__graph {
		width: 100%
	}

	.storyTest__text {
		margin: 2.4rem 0 0;
		width: 100%
	}

	.storyTest__ttl {
		font-size: 1.4rem
	}

	.storyTest__ttl,
	.storyTest__ttl:not(:first-child) {
		margin-top: 1.2rem
	}

	.storyTest__dtl {
		font-size: 1.2rem
	}

	.storyTest__note {
		font-size: .8rem;
		margin-top: 1rem
	}

	.storyFlow {
		margin-top: 4.7rem;
		padding: 4.8rem 2.8rem
	}

	.storyFlow__head {
		font-size: 1.8rem;
		letter-spacing: .1em;
		line-height: 1.55
	}

	.storyFlow__head--border {
		background: linear-gradient(0deg, #fbdba9 .6rem, #fbdba9 .61rem, transparent 0, transparent)
	}

	.storyFlow__desc {
		font-size: 1.6rem;
		letter-spacing: .1em;
		line-height: 1.75;
		margin-top: 2.8rem
	}

	.storyFlow__img {
		margin-top: 5.4rem
	}

	.storyEnd {
		margin-top: 5.2rem
	}

	.storyEnd__text {
		font-size: 1.5rem;
		letter-spacing: .1em;
		line-height: 1.7
	}

	.storyEnd__text--em {
		background: linear-gradient(0deg, #fbdba9 .6rem, #fbdba9 .61rem, transparent 0, transparent);
		font-size: 1.8rem
	}

	.storyEnd__text:last-child {
		margin-top: 3.2rem
	}

	.storyEnd__img+* {
		margin-top: 1.2rem
	}

	.storyInterview {
		background: url(../img/10st_interview_bg_sp.png) no-repeat top/100% 100%;
		margin-top: 0;
		padding: 15.5rem 0 6.8rem
	}

	.storyInterview__head--en {
		font-size: 2.4rem;
		letter-spacing: .1em
	}

	.storyInterview__head--ja {
		font-size: 1.7rem
	}

	.storyInterview__item {
		margin-top: 2.7rem;
		padding: 3.2rem 2.8rem;
		width: 100%
	}

	.storyInterview__copy {
		letter-spacing: .1em;
		line-height: 1.5
	}

	.storyInterview__pos {
		margin-top: 2.8rem
	}

	.storyInterview__name {
		margin-top: .6rem
	}

	.storyInterview__img {
		width: 36%
	}

	.storyInterview__message {
		font-size: 1.5rem;
		line-height: 1.8;
		margin-top: 2.3rem
	}

	.storyLineup {
		margin: 8rem 0 6rem
	}

	.storyLineup__head {
		font-size: 2.4rem;
		font-weight: 600;
		letter-spacing: .1em
	}

	.storyLineup__pickup {
		display: block;
		padding: 3.4rem 2.8rem 2.5rem
	}

	.storyLineup__pickupHead {
		font-size: 1.5rem
	}

	.storyLineup__pickupItem {
		margin-top: 1rem
	}

	.storyLineup__pickupName {
		font-size: 2.4rem;
		line-height: 1.2
	}

	.storyLineup__pickupName .note {
		margin: .7rem 0 0
	}

	.storyLineup__pickupDesc {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.8;
		margin-top: 1rem
	}

	.storyLineup__pickupRate {
		height: 3.6rem;
		margin-top: 1.5rem
	}

	.storyLineup__pickupRate--ttl {
		border-radius: .4rem 0 0 .4rem;
		padding: 0 1.3rem
	}

	.storyLineup__pickupRate--dtl {
		border-radius: 0 .4rem .4rem 0;
		-ms-flex: auto;
		flex: auto;
		font-size: 2rem;
		width: auto
	}

	.storyLineup__pickupImg {
		margin: 6rem auto 0;
		width: 16rem
	}

	.storyLineup__item {
		margin: 3.2rem 0 0;
		width: 47%
	}

	.storyLineup__item--main {
		margin: 2.5rem 0 0;
		width: 100%
	}

	.storyLineup__img--main {
		margin: 0 auto;
		width: 70%
	}

	.storyLineup__bg {
		max-width: 20rem
	}

	.storyLineup__bg--main {
		max-width: 100%
	}

	.storyLineup__data {
		margin: 1rem 0 0
	}

	.storyLineup__text {
		font-size: 1.1rem;
		margin: 2rem 0 0
	}

	.storyLineup__text--main {
		font-size: 1.4rem
	}

	.storyLineup__name {
		font-size: 1.9rem;
		margin: 1rem 0 0
	}

	.storyLineup__name--main {
		font-size: 2.2rem
	}

	.storyLineup__name--sub {
		font-size: 1.7rem
	}

	.storyLineup__more {
		margin: 5.5rem 0 0
	}

	.storyLineup__more--end {
		margin: 4rem 0 0
	}

	.storyLineup__btn {
		font-size: 1.5rem;
		height: 5.6rem;
		margin: 0;
		max-width: 100%;
		width: 100%
	}

	.storyLineup__btn:not(:first-child) {
		margin: 1.6rem 0 0
	}

	.storyLineup__subFrame {
		margin: 1.5rem 0 0
	}

	.storyLineup__bnr {
		border-radius: 2rem;
		height: 8.5rem;
		margin: 5.5rem 0 0;
		max-width: 100%
	}

	.storyLineup__bnrImg {
		padding: 0 1rem;
		width: 11.5rem
	}

	.storyLineup__bnrData {
		white-space: nowrap;
		width: auto
	}

	.storyLineup__bnrMain {
		font-size: 1.7rem
	}

	.storyLineup__bnrSub {
		font-size: 1rem;
		margin: .5rem 0 0;
		transform: scale(.85);
		transform-origin: 0 0
	}

	.storyLineup__btnIcon {
		left: 3rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2
	}

	.storyLineup__btnIcon--item {
		font-size: 3.1rem
	}

	.storyLineup__btnIcon--cart {
		font-size: 2.7rem
	}

	.storyRecipe__base {
		width: 100%
	}

	.storyRecipe__item {
		border-radius: 4vw
	}

	.storyRecipe__name {
		font-size: 1.5rem;
		min-height: 9rem
	}

	.storyRecipe__icon {
		height: 5rem;
		left: 1rem;
		width: 5rem
	}

	.storySns {
		padding: 4.8rem 0 5.6rem
	}

	.storySns__head {
		font-size: 2.4rem
	}

	.storySns__desc {
		font-size: 1.8rem
	}

	.storySns__item {
		margin: 0 1.25rem
	}

	.storySns__link {
		font-size: 3.5rem
	}

	.storyMovie {
		padding: 1.2rem 0 11rem
	}

	.campaign_goma600g #contentsWrap {
		background: #ffe329;
		margin: 0 auto;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-header {
		background: #fff;
		padding: 5rem 0 0;
		position: relative
	}

	.campaign_goma600g #contentsWrap .goma600g-header .goma600g-logo {
		left: 18px;
		position: absolute;
		top: 14px
	}

	.campaign_goma600g #contentsWrap .goma600g-header .goma600g-logo img {
		width: 86px
	}

	.campaign_goma600g #contentsWrap .goma600g-header .goma600g-hero {
		height: auto;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-header .goma600g-hero img {
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-body {
		background: #ffe329;
		padding: 0 0 45px
	}

	.campaign_goma600g #contentsWrap .goma600g-lineup {
		border-radius: 50px;
		padding: 0 34px 24px;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container {
		background: url(../campaign/goma600g/images/bg_lineup_mobile.png) no-repeat 0 0;
		background-size: cover;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container .heading {
		padding: 46px 0 0
	}

	.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container ul {
		margin: 35px auto 0;
		overflow: hidden
	}

	.campaign_goma600g #contentsWrap .goma600g-lineup .goma600g-container ul li {
		float: none;
		font-size: 0;
		margin: 0 auto 54px;
		padding: 0;
		text-align: center;
		width: 90%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe {
		padding: 0 32px;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container {
		background: url(../campaign/goma600g/images/bg_recipe_mobile.png) no-repeat 0 0;
		background-size: cover;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .heading {
		background: url(../campaign/goma600g/images/heading_2_mobile.png) no-repeat center 50px;
		background-size: 90% auto;
		padding: 50px 32px 31px
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .heading img {
		height: 82px;
		visibility: hidden;
		width: 512px
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato {
		padding: 0 32px
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-potato-title {
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato-movie {
		background: url(../campaign/goma600g/images/potato_head_mobile.png) no-repeat 0 0;
		padding: 0
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato-recipe {
		background: url(../campaign/goma600g/images/potato_recipe_mobile.png) no-repeat 0 0;
		background-size: 100% auto;
		padding: 0 0 50%;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-potato-recipe img {
		height: auto;
		visibility: hidden;
		width: 100%
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list {
		padding: 25px 32px 0
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul {
		overflow: hidden
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li {
		float: none;
		margin: 0 0 22px;
		width: auto
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-container .goma600g-recipe-list ul li a {
		display: block;
		height: auto
	}

	.campaign_goma600g #contentsWrap .goma600g-recipe .goma600g-button-top {
		margin: 30px auto 0;
		max-width: 80%;
		width: 350px
	}

	.campaign_gomashoku #col01 #btnBox {
		left: 0;
		top: 40%
	}

	.campaign_gomashoku .colTxt {
		padding: 2rem
	}

	.campaign_gomashoku ul.awaseList li h3 {
		width: 25%
	}

	.campaign_gomashoku ul.awaseList li em,
	.campaign_gomashoku ul.awaseList li h4 {
		left: 30%;
		max-width: 65%
	}

	.campaign_gomashoku .recipe_box {
		width: 100%
	}

	body .campGomaSyoku__title--4 {
		font-size: 3vw
	}

	.campaign-info {
		padding: 17.6vw 0 5.3333333333vw
	}

	.campaign-info__logo {
		margin: 0 auto;
		width: 55.0666666667vw
	}

	.campaign-info__message {
		font-size: 6.4vw;
		margin: 8vw auto 0;
		padding-left: .5em;
		text-align: left;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.campaign-info__text {
		font-size: 4.2666666667vw;
		margin-top: 5.3333333333vw
	}

	.campaign-info__img {
		margin: 16vw auto 0;
		width: 72.2666666667vw
	}

	.campaign-info__btn1Wrapper {
		margin: 8vw auto 0;
		max-width: 100%;
		width: 87.2vw
	}

	.campaign-info__btn2Wrapper {
		margin: 6.4vw auto 24vw;
		max-width: 100%;
		width: 87.2vw
	}

	.campaign-info__btn {
		font-size: 4vw;
		height: 14.9333333333vw;
		letter-spacing: .05em
	}

	.collPro {
		padding: 0 3.125%
	}

	.collPro__title {
		font-size: 2rem
	}

	.collPro__list {
		margin: -.8rem 0 0
	}

	.collPro__list:after,
	.collPro__list:before {
		display: none
	}

	.collPro__item {
		margin: 2.8rem 0 0;
		width: 49%
	}

	.collPro__img {
		padding: 0 1rem
	}

	.collPro__brand {
		font-size: 1.3rem
	}

	.collPro__name {
		font-size: 1.4rem;
		margin: .5rem 0 0
	}

	.collPro__chip .icon {
		font-size: 1.2rem;
		margin: 1rem 0 0;
		padding: .5rem 1rem
	}

	.collPro__more {
		margin: 1.6rem 0 0
	}

	.collPro__btn {
		font-size: 1.4rem;
		height: 3.8rem;
		max-width: 15rem
	}

	.collItem {
		padding: 0 3.125%
	}

	.collItem__title {
		font-size: 2rem
	}

	.collItem__box {
		margin: 3.8rem 0 0;
		padding: 4rem 1.9rem
	}

	.collItem__img {
		text-align: center;
		width: 100%
	}

	.collItem__img img {
		width: 16rem
	}

	.collItem__data {
		font-size: 1.5rem;
		width: 100%
	}

	.collItem__name {
		font-size: 1.6rem
	}

	.collItem__brand {
		font-size: 1.4rem
	}

	.collItem__chip .icon {
		font-size: 1.2rem;
		margin: 1.5rem 0 0;
		padding: .5rem 1rem
	}

	.collItem__more,
	.collItem__text {
		margin: 1.5rem 0 0
	}

	.collItem__link {
		color: #e3971c;
		text-decoration: underline
	}

	.collItem__link:hover {
		text-decoration: none
	}

	.collItem__contact {
		margin: 1.5rem 0 0
	}

	.collBack {
		margin: 5.6rem 0 0;
		padding: 0 3.125%
	}

	.collBack__btn {
		font-size: 1.35rem;
		height: 5.6rem
	}

	.cAccess__map {
		height: 20rem
	}

	.cAccess__sec {
		margin: 3rem 0 0
	}

	.cAccess__title {
		font-size: 1.6rem;
		padding: 0 0 1.2rem
	}

	.cAccess__table {
		margin: 2rem 0 0
	}

	.cAccess__cell {
		font-size: 1.5rem;
		padding: 1rem
	}

	.cAccess__cell--th {
		font-size: 1.5rem;
		padding: 1rem 0;
		width: 12rem
	}

	.cAccess__cell--td {
		width: calc(100% - 12rem)
	}

	.cConIntro {
		letter-spacing: .1em;
		text-align: center
	}

	.cConIntro__title {
		font-size: 1.8rem;
		letter-spacing: .1em;
		margin: 4rem 0 0
	}

	.cConIntro__text {
		font-size: 1.6rem;
		margin: 2rem 0 0
	}

	.cConSec {
		margin: 5.6rem 0 0
	}

	.cConSec+.cConSec {
		margin: 4rem 0 0
	}

	.cConSec__title {
		font-size: 1.6rem;
		padding: 0 0 1.2rem
	}

	.cConSec__list {
		font-size: 1.5rem
	}

	.cConSec__item {
		margin: 1rem 0 0
	}

	.cConSec__sub {
		font-size: 1.2rem
	}

	.cConSec__note {
		font-size: 1.5rem;
		margin: 2.5rem 0 0
	}

	.cGroup__nav {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 1.5rem;
		margin-bottom: 2rem
	}

	.cGroup__navBtn {
		font-size: 1.6rem;
		padding: 1.2rem 3rem;
		width: 100%
	}

	.cGroup__intro {
		font-size: 1.5rem;
		padding: 1rem
	}

	.cGroup__subhead {
		font-size: 1.6rem
	}

	.cGroup__table {
		font-size: 1.5rem;
		margin: .5rem 0 0
	}

	.cGroup__cell {
		padding: 1rem
	}

	.cGroup__cell--th {
		font-size: 1.5rem;
		width: 10rem
	}

	.cGroup__cell--td {
		width: calc(100% - 10rem)
	}

	.cGroup__in {
		width: 100%
	}

	.cHisBase {
		border-radius: 0;
		padding: 8rem 0 6.8rem
	}

	.cHisIntro {
		padding: 0 3.125%
	}

	.cHisIntro__text {
		font-size: 1.5rem;
		margin: 1rem 0 0;
		padding: 2rem
	}

	.cHisTime {
		padding: 5rem 3.125% 0
	}

	.cHisTime__item {
		background: #fff;
		border: 1px solid #e3decd;
		margin: 0;
		padding: 2rem;
		position: relative;
		width: 100%;
		z-index: 2
	}

	.cHisTime__item:not(:first-child) {
		margin: 3rem 0 0
	}

	.cHisTime__item--box {
		background: #f6f3e7
	}

	.cHisTime__icon {
		top: 0;
		transform: translateY(-50%)
	}

	.cHisTime__title {
		font-size: 1.8rem
	}

	.cHisTime__year {
		font-size: 1.3rem;
		margin: .5rem 0 .8rem
	}

	.cHisTime__text {
		font-size: 1.4rem
	}

	.cOffice {
		border-radius: 0;
		margin: 3rem 0;
		padding: 8rem 3.125% 6.8rem
	}

	.cOffice__line {
		border-bottom: 1px solid #d9bc8e;
		border-right: 1px solid #d9bc8e
	}

	.cOffice__cell {
		border-bottom: 0;
		border-right: 0;
		font-size: 1.4rem;
		padding: 0 1rem
	}

	.cOffice__cell--name {
		background: #f7e5c1;
		color: #80472c;
		font-size: 1.6rem;
		font-weight: 500;
		padding: 1rem;
		width: 100%
	}

	.cOffice__cell--address {
		padding: 1rem 1rem 0;
		width: 100%
	}

	.cOffice__cell--tel {
		padding: .5rem 1rem 1rem;
		width: 100%
	}

	.cOffice__in {
		width: 100%
	}

	.cOrg {
		border-radius: 0;
		margin: 3rem auto;
		padding: 8rem 0 6.8rem;
		position: relative
	}

	.cOrg__box {
		width: 100%
	}

	.cOrg .parent {
		border: 2px solid #dedede;
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 10px;
		padding: 10px 0;
		position: relative;
		text-align: center;
		width: 100%
	}

	.cOrg .branch_wrap {
		padding: 10px 0 0 10%
	}

	.cOrg .branch01_tit,
	.cOrg .branch02_tit,
	.cOrg .branch03_tit,
	.cOrg .branch04_tit,
	.cOrg .branch05_tit {
		border: 2px solid #dedede;
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 10px;
		padding: 10px 0;
		position: relative;
		text-align: center;
		width: 100%
	}

	.cOrg .branch01_tit:before,
	.cOrg .branch02_tit:before,
	.cOrg .branch03_tit:before,
	.cOrg .branch04_tit:before,
	.cOrg .branch05_tit:before {
		bottom: 20px;
		content: "";
		height: 60px;
		left: -12px;
		position: absolute;
		width: 12px
	}

	.cOrg .branch01_tit.first:before,
	.cOrg .branch02_tit.first:before,
	.cOrg .branch03_tit.first:before,
	.cOrg .branch04_tit.first:before,
	.cOrg .branch05_tit.first:before {
		height: 44px
	}

	.cOrg .branch01_tit.cel1:before,
	.cOrg .branch02_tit.cel1:before,
	.cOrg .branch03_tit.cel1:before,
	.cOrg .branch04_tit.cel1:before,
	.cOrg .branch05_tit.cel1:before {
		height: 150px
	}

	.cOrg .branch01_tit.cel2:before,
	.cOrg .branch02_tit.cel2:before,
	.cOrg .branch03_tit.cel2:before,
	.cOrg .branch04_tit.cel2:before,
	.cOrg .branch05_tit.cel2:before {
		height: 185px
	}

	.cOrg .branch01_tit.cel3:before,
	.cOrg .branch02_tit.cel3:before,
	.cOrg .branch03_tit.cel3:before,
	.cOrg .branch04_tit.cel3:before,
	.cOrg .branch05_tit.cel3:before {
		height: 240px
	}

	.cOrg .branch01_tit.cel9:before,
	.cOrg .branch02_tit.cel9:before,
	.cOrg .branch03_tit.cel9:before,
	.cOrg .branch04_tit.cel9:before,
	.cOrg .branch05_tit.cel9:before {
		height: 605px
	}

	.cOrg .branch01_tit.cel19:before,
	.cOrg .branch02_tit.cel19:before,
	.cOrg .branch03_tit.cel19:before,
	.cOrg .branch04_tit.cel19:before,
	.cOrg .branch05_tit.cel19:before {
		height: 1180px
	}

	.cOrg .wh .branch01_tit,
	.cOrg .wh .branch02_tit,
	.cOrg .wh .branch03_tit,
	.cOrg .wh .branch04_tit,
	.cOrg .wh .branch05_tit {
		background: #fff;
		border: 2px solid #dedede;
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 10px;
		padding: 10px 0;
		position: relative;
		text-align: center;
		width: 100%
	}

	.cOrg .step02 {
		padding: 10px 0 0 10%
	}

	.cOrg .step03 {
		padding: 10px 0 0 20%
	}

	.cOrg .step04 {
		padding: 10px 0 0 30%
	}

	.cOrg .step05 {
		padding: 10px 0 0 40%
	}

	.companySec {
		margin-top: 5.6rem
	}

	.companySec__head {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.compBase {
		border-radius: 0;
		margin: 3rem 0;
		padding: 8rem 3.125% 6.8rem
	}

	.companyAbout {
		padding: 0
	}

	.companyAbout__container {
		border-radius: 0;
		margin-top: 2.4rem;
		padding: 8rem 0 6.8rem
	}

	.companyAbout__dtl,
	.companyAbout__ttl {
		padding: 1.2rem 0
	}

	.companyAbout__ttl {
		font-size: 1.5rem;
		width: 7.6rem
	}

	.companyAbout__dtl {
		font-size: 1.5rem;
		padding-left: .9rem;
		width: calc(100% - 7.6rem)
	}

	.companyBusiness {
		padding: 6.8rem 0
	}

	.companyBusiness__sec {
		border-radius: 3.2rem;
		margin-top: .8rem;
		padding: 4rem 2.8rem
	}

	.companyBusiness__sec:first-of-type {
		margin-top: 2.4rem
	}

	.companyBusiness__head {
		font-size: 1.6rem;
		letter-spacing: .1em;
		line-height: 1.6
	}

	.companyBusiness__text {
		font-size: 1.5rem;
		margin: 1.2rem 0 0
	}

	.companyPhilosophy__sec {
		border-radius: 0;
		margin-top: 2.4rem;
		padding: 5.6rem 0
	}

	.companyPhilosophy__head {
		font-size: 1.6rem;
		letter-spacing: .1em;
		margin-top: 3.5rem;
		padding-bottom: 1.25rem
	}

	.companyPhilosophy__head:not(:first-child) {
		margin-top: 4rem
	}

	.companyPhilosophy__subhead {
		font-size: 2.6rem;
		margin: 1.5rem 0 0
	}

	.companyPhilosophy__lead {
		font-size: 1.8rem;
		letter-spacing: .1em;
		margin: 2rem 0 0
	}

	.companyPhilosophy__text {
		font-size: 1.6rem;
		letter-spacing: .1em;
		margin: 1.5rem 0 0
	}

	.companyPhilosophy__subtext {
		font-size: 1.5rem;
		letter-spacing: .1em;
		margin: 1.5rem 0 0
	}

	.companyPhilosophy__link {
		margin: 1.5rem 0 0
	}

	.companyPhilosophy__btn {
		font-size: 1.6rem;
		height: 5.4rem;
		width: 100%
	}

	.companyPhilosophy__img {
		margin-top: 1.5rem
	}

	.companyGreeting__sec {
		border-radius: 0;
		margin-top: 2.4rem;
		padding: 5.6rem 0
	}

	.companyGreeting__wrapper {
		margin-bottom: 8rem
	}

	.companyGreeting__img {
		text-align: center
	}

	.companyGreeting__header {
		font-size: 2.4rem;
		letter-spacing: .3em;
		line-height: 1.8;
		margin-top: 4rem
	}

	.companyGreeting__header--img {
		margin-top: 3rem
	}

	.companyGreeting__text {
		margin-top: 3rem
	}

	.companyGreeting__signature,
	.companyGreeting__text {
		font-size: 1.5rem;
		letter-spacing: .1em;
		line-height: 1.8
	}

	.companyGreeting__signature {
		margin-top: 3.6rem
	}

	.companyFooterNav {
		padding: 5.6rem 0 6.6rem
	}

	.companyFooterNav__wrapper {
		padding: 0
	}

	.companyFooterNav__list:not(:first-child) {
		margin-top: 2.5rem
	}

	.companyFooterNav__item {
		border-right: 1px solid #d9bc8e;
		-ms-flex: none;
		flex: none;
		font-size: 1.5rem;
		letter-spacing: .1em;
		line-height: 1.3;
		width: 50%
	}

	.companyFooterNav__item:first-child,
	.companyFooterNav__item:nth-child(odd) {
		border-left: 1px solid #d9bc8e
	}

	.companyFooterNav__item:nth-child(n+3) {
		margin-top: 2.5rem
	}

	.companyFooterSDGs {
		padding: 6.8rem 0
	}

	.companyFooterSDGs__container {
		padding: 4.8rem 2.8rem
	}

	.companyFooterSDGs__img {
		text-align: center
	}

	.companyFooterSDGs__text {
		margin-top: 4.8rem;
		text-align: center
	}

	.companyFooterSDGs__head {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.companyFooterSDGs__desc {
		font-size: 1.7rem;
		font-weight: 400;
		letter-spacing: .084em;
		line-height: 1.6;
		margin-top: 2rem
	}

	.companyFooterSDGs__linkwrapper {
		margin-top: 3.2rem;
		text-align: center
	}

	.companyFooterSDGs__link {
		font-size: 1.6rem
	}

	.companyFooterSDGs__icon {
		font-size: 1.2rem;
		margin-left: 1.1rem
	}

	.companyFooterSns {
		padding: 4.8rem 0 5.6rem
	}

	.companyFooterSns__head {
		font-size: 2.4rem
	}

	.companyFooterSns__desc {
		font-size: 1.8rem
	}

	.companyFooterSns__item {
		margin: 0 1.25rem
	}

	.companyFooterSns__link {
		font-size: 3.5rem
	}

	.companyFooterMovie {
		padding: 6.8rem 0 11rem
	}

	.companyFooterMovie__wrap {
		padding: 0 2rem
	}

	.companyFooterMovie__head {
		font-size: 2rem;
		line-height: 1.6
	}

	.companyFooterMovie__subhead {
		font-size: 1.4rem;
		line-height: 1.7
	}

	.companyFooterBanner__item:not(:first-child),
	.companyFooterMovie__item:not(:first-child) {
		margin-top: .8rem
	}

	.contactSpace {
		padding: 10rem 0 0
	}

	.contact .container {
		background: 0 0;
		border: none;
		margin: 0 auto;
		padding: 0;
		width: 100%
	}

	.contact table {
		font-size: 100%;
		text-align: left;
		width: 100%
	}

	.contact table th {
		background: #eee;
		border: 1px solid #ccc;
		font-weight: 400;
		padding: 3%;
		text-align: center;
		width: 25%
	}

	.contact table td {
		border: 1px solid #ccc;
		padding: 3%;
		word-break: break-all
	}

	.contact h2.ttl {
		font-size: 2rem;
		line-height: 1.5;
		margin-bottom: 4rem;
		position: relative
	}

	.contact h2.ttl:after {
		background-size: 80px auto;
		bottom: -2rem;
		height: 13px;
		width: 80px
	}

	.contactMore__btn {
		font-size: 1.6rem;
		height: 6rem;
		max-width: 44rem
	}

	.page-enjoy3 main {
		padding: 3rem 0 6rem
	}

	.page-enjoy3 .pc {
		display: none !important
	}

	.page-enjoy3 h4,
	.page-enjoy3 h5 {
		line-height: 1
	}

	.page-enjoy3 a {
		text-decoration: none
	}

	.page-enjoy3 img {
		width: 100%
	}

	.page-enjoy3 .main {
		width: auto
	}

	.page-enjoy3 .container {
		background: 0 0;
		border: none;
		margin: 0 auto;
		padding: 0;
		width: 100%
	}

	.page-enjoy3 .btn {
		width: 80%
	}

	.page-enjoy3 .btn a:after {
		right: 4%
	}

	.page-enjoy3 .title {
		font-size: 5.6vw;
		margin-bottom: 8%
	}

	.page-enjoy3 .title small {
		font-size: 4vw;
		line-height: 1.3;
		margin-top: 3%
	}

	.page-enjoy3 .main_factory .flow_txt {
		font-size: 4vw;
		margin-top: 8%;
		padding: 0 4%
	}

	.page-enjoy3 .main_factory .section_recipe {
		margin-top: 20%;
		padding-top: 14%
	}

	.page-enjoy3 .main_factory .section_recipe h4:before {
		height: 85px;
		right: 4px;
		width: 108px
	}

	.page-enjoy3 .main_factory .section_recipe .unit {
		margin: 0 auto 8%;
		width: 90%
	}

	.page-enjoy3 .main_factory .section_recipe .unit li {
		margin-bottom: 8%
	}

	.page-enjoy3 .main_factory .btn {
		width: 90%
	}

	.page-enjoy3 .main_factory .btn a {
		font-size: 4vw
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 {
		-ms-flex-pack: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto 3%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a {
		height: 70px;
		margin: 0 8px 7%;
		width: 70px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a dd {
		font-size: 13px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box:after {
		border: 4.2px solid transparent;
		border-left: 7px solid #f8d1a6;
		right: -8px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box.line a {
		padding-top: 2px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 {
		margin: 0 auto;
		width: 90%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 .ph {
		margin-bottom: 4%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li {
		margin-top: -12%;
		padding-top: 12%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li .inner {
		padding: 10% 4% 6%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5 {
		font-size: 2.5vw;
		padding: clamp((14*(800/1200)) * 1px, 14/1200*100vw, 14px) 0;
		width: 90%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5 em {
		font-size: 6vw
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li h5:before {
		font-size: 2.25vw;
		height: 4.75vw;
		line-height: 4.75vw;
		width: 4.75vw
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box_icon {
		background: 0 0;
		margin: 5% auto 12%;
		padding: 0;
		width: 80%
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box_icon.box_icon01 {
		margin-bottom: 12%;
		margin-top: 0
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit02 li.box07 .txt {
		margin-bottom: 5%
	}

	.page-enjoy3 a,
	.page-enjoy3 dd,
	.page-enjoy3 div,
	.page-enjoy3 dl,
	.page-enjoy3 dt,
	.page-enjoy3 em,
	.page-enjoy3 h4,
	.page-enjoy3 h5,
	.page-enjoy3 img,
	.page-enjoy3 li,
	.page-enjoy3 p,
	.page-enjoy3 small,
	.page-enjoy3 ul {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0
	}

	.page-enjoy3 article,
	.page-enjoy3 section {
		display: block
	}

	.page-enjoy3 ul {
		list-style: none
	}

	.page-enjoy3 img {
		border: 0;
		vertical-align: top
	}

	.page-enjoy3 section {
		clear: both
	}

	.heaIntro {
		font-size: 1.7rem;
		letter-spacing: .1em;
		margin: 4rem 0 0
	}

	.heaNav {
		margin: 6.8rem 6.25% 0
	}

	.heaNav__item {
		border-radius: 1.5rem;
		height: 13.5rem;
		letter-spacing: .1em
	}

	.heaNav__no {
		font-size: 2rem
	}

	.heaNav__name {
		font-size: 1.7rem;
		line-height: 1.5;
		margin: .5rem 0 1rem
	}

	.heaNav__icon {
		font-size: 1.1rem
	}

	.heaSec {
		margin: 3.9rem 0 0;
		padding: 3.9rem 6.25% 0
	}

	.heaSec+.heaSec {
		margin: 3.1rem 0 0;
		padding: 3.1rem 6.25% 0
	}

	.heaSec__head,
	.heaSec__no {
		letter-spacing: .1em
	}

	.heaSec__no {
		font-size: 2.5rem
	}

	.heaSec__title {
		font-size: 2rem
	}

	.heaBox {
		margin: 2.4rem 0 0;
		padding: 4.2rem 2.8rem
	}

	.heaBox+.heaBox {
		margin: 1.2rem 0 0
	}

	.heaBox__img {
		margin: 3rem 0 0;
		max-width: 100%;
		text-align: center
	}

	.heaBox__img:first-child {
		margin: 0
	}

	.heaBox__data {
		margin: 3rem 0 0;
		width: 100%
	}

	.heaBox__data:first-child {
		margin: 0
	}

	.heaBox__head {
		font-size: 1.3rem;
		letter-spacing: .1em;
		margin: 0 0 2rem
	}

	.heaBox__title {
		font-size: 1.7rem
	}

	.heaBox__text {
		font-size: 1.5rem;
		margin: 1.3rem 0 0
	}

	.heaCheck {
		margin: 8rem 0 0;
		padding: 4.8rem 6.25%
	}

	.heaCheck__box {
		padding: 2.5rem 1.9rem
	}

	.heaCheck__img {
		border-radius: 1rem;
		width: 11.2rem
	}

	.heaCheck__data {
		width: 100%
	}

	.heaCheck__headData {
		width: calc(100% - 12.5rem)
	}

	.heaCheck__pos,
	.heaCheck__title {
		font-size: 1.4rem
	}

	.heaCheck__pos {
		margin: .5rem 0 0
	}

	.heaCheck__name {
		font-feature-settings: "palt";
		font-size: 1.5rem
	}

	.heaCheck__text {
		font-size: 1.4rem;
		margin: 1.5rem 0 0
	}

	.heaKnow {
		margin: -2rem 0 0;
		padding: 0 6.25% 11rem
	}

	.heaKnow__title {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.lesTitle {
		font-size: 2rem
	}

	.lesIntro {
		letter-spacing: .2em;
		padding: .2rem 6.25% 0
	}

	.lesIntro__img,
	.lesIntro__list {
		margin: 6.6rem 0 0
	}

	.lesIntro__img {
		width: 100%
	}

	.lesIntro__data {
		padding: 0 6.25%;
		width: 100%
	}

	.lesIntro__title {
		margin: 0 0 2rem
	}

	.lesIntro__text {
		font-size: 1.7rem
	}

	.lesIntro__text,
	.lesProg {
		font-feature-settings: "palt"
	}

	.lesProg {
		margin: 6.6rem 0 0;
		padding: 6.6rem 6.25%
	}

	.lesProg__title {
		line-height: 2
	}

	.lesProg__text {
		font-size: 1.6rem;
		letter-spacing: .2em;
		margin: 2rem 0 0
	}

	.lesStep {
		margin: 6rem 0 0
	}

	.lesStep__box {
		position: relative
	}

	.lesStep__box--01 {
		z-index: 3
	}

	.lesStep__box--02 {
		z-index: 2
	}

	.lesStep__box--03 {
		z-index: 1
	}

	.lesStep__box:not(:first-child) {
		margin: .8rem 0 0
	}

	.lesStep__no {
		font-size: 2.8rem;
		width: 4.8rem
	}

	.lesStep__no--01 {
		border-radius: 3rem 0 0
	}

	.lesStep__no--03 {
		border-radius: 0 0 0 3rem
	}

	.lesStep__no--01:after,
	.lesStep__no--02:after {
		border-color: #e3971c transparent transparent;
		border-style: solid;
		border-width: 24px 24px 0;
		height: 0;
		width: 0
	}

	.lesStep__no--02:before,
	.lesStep__no--03:before {
		border-color: #f7e5c1 transparent transparent;
		border-style: solid;
		border-width: 24px 24px 0;
		height: 0;
		width: 0
	}

	.lesStep__main {
		width: calc(100% - 4.8rem)
	}

	.lesStep__img {
		width: 100%
	}

	.lesStep__img--01 {
		border-radius: 0
	}

	.lesStep__data {
		padding: 4rem 1.5rem;
		width: 100%
	}

	.lesStep__data--01 {
		border-radius: 0 3rem 0 0
	}

	.lesStep__dataIn {
		width: 100%
	}

	.lesStep__title {
		color: #e3971c;
		font-weight: 700;
		letter-spacing: .25em;
		width: 100%
	}

	.lesStep__titleTag {
		font-size: 1.4rem;
		padding: .7rem .5em .7rem .75em
	}

	.lesStep__titleText {
		font-size: 1.8rem;
		margin: 1.2rem 0 0;
		width: 100%
	}

	.lesStep__list {
		padding: 1rem 0 0
	}

	.lesStep__item {
		font-size: 1.5rem;
		margin: 1rem 0 0;
		position: relative
	}

	.lesStd {
		padding: 6.6rem 6.25%
	}

	.lesStd__box {
		margin: 2.4rem 0 0;
		padding: 4rem 2.8rem
	}

	.lesStd__box+.lesStd__box {
		margin: .8rem 0 0
	}

	.lesStd__data {
		width: 100%
	}

	.lesStd__img {
		margin: 4.3rem 0 0;
		width: 100%
	}

	.lesStd__head {
		border-bottom: 1px dashed #e3971c;
		padding: 0 0 1.5rem
	}

	.lesStd__tag {
		font-size: 1.7rem;
		height: 6.5rem;
		width: 6.5rem
	}

	.lesStd__base {
		width: calc(100% - 8rem)
	}

	.lesStd__name {
		border-bottom: 0;
		font-size: 1.7rem;
		line-height: 2;
		padding: 0
	}

	.lesStd__list {
		padding: .5rem 0 0
	}

	.lesStd__item {
		font-feature-settings: "palt";
		line-height: 1;
		margin: 1rem 0 0
	}

	.lesStd__itemIcon {
		transform: scale(.5);
		transform-origin: center
	}

	.lesStd__itemHead {
		font-size: 1.2rem;
		margin: 0 1.4rem 0 0;
		padding: 0
	}

	.lesStd__itemText {
		font-size: 1.6rem;
		line-height: 1.5;
		padding: .5rem
	}

	.lesStd__text {
		font-size: 1.5rem;
		line-height: 2;
		margin: 3rem 0 0
	}

	.lesVoice {
		padding: 0 6.25%
	}

	.lesVoice__title {
		font-size: 2rem
	}

	.lesVoice__img {
		margin: 3.2rem 0 0
	}

	.lesAc {
		margin: 6.6rem 6.25% 0
	}

	.lesAc__intro {
		font-size: 1.4rem;
		margin: 1rem 0
	}

	.lesAc__table {
		text-align: center
	}

	.lesAc__cell {
		font-size: 1.4rem;
		line-height: 1.3;
		padding: 1.5rem .2rem
	}

	.lesAc__cell--year {
		width: 5.5rem
	}

	.lesAc__cell--pos {
		padding: 1.5rem 1rem;
		text-align: left;
		width: calc(100% - 8.5rem)
	}

	.lesAc__cell--class {
		width: 8.5rem
	}

	.lesAc__cell--block {
		padding: 0;
		width: calc(100% - 5.5rem)
	}

	.lesAc__cell--title {
		font-size: 1.5rem
	}

	.lesContact {
		padding: 5.6rem 6.25% 0
	}

	.lesContact__title {
		font-size: 1.7rem;
		line-height: 1.5
	}

	.lesContact__more {
		margin: 2rem 0 0
	}

	.lesContact__btn {
		font-size: 1.5rem;
		height: 5.6rem;
		max-width: 32.7rem
	}

	.lesGoal {
		margin: 8rem 0 0;
		padding: 6.6rem 6.25%;
		text-align: center
	}

	.lesGoal__box {
		padding: 4.8rem 2.8rem
	}

	.lesGoal__img {
		text-align: center;
		width: 100%
	}

	.lesGoal__data {
		padding: 4.5rem 0 0;
		width: 100%
	}

	.lesGoal__title {
		line-height: 1.5
	}

	.lesGoal__text {
		font-size: 1.7rem;
		margin: 1rem 0 0
	}

	.lesGoal__more {
		margin: 3.2rem 0 0
	}

	.lesGoal__link {
		font-size: 1.4rem
	}

	.lesGoal__icon {
		font-size: .8em;
		margin: .2em 0 0 1em
	}

	.qaIntro {
		font-size: 1.7rem;
		letter-spacing: .1em;
		margin: 3.4rem 0 0;
		text-align: center
	}

	.qaFrame {
		background: 0;
		margin: 5rem 0 0
	}

	.qaFrame__list {
		position: static;
		z-index: auto
	}

	.qaFrame__side {
		padding: 10rem;
		width: 100%
	}

	.qaFrame__main,
	.qaSide {
		width: 100%
	}

	.qaSide {
		background: #fff;
		bottom: 0;
		left: 0;
		position: fixed;
		transition-duration: .5s
	}

	.qaSide:not(.active) {
		opacity: 0;
		pointer-events: none
	}

	.qaSide__list {
		padding: 1rem 6.25%
	}

	.qaSide__item {
		background: hsla(37, 50%, 70%, .3);
		border-radius: 2rem;
		color: #c5a68d;
		font-size: 1.4rem;
		height: 5rem;
		letter-spacing: .1em;
		line-height: 1.3;
		margin: .45rem .5%;
		opacity: 1;
		padding: .5rem;
		text-align: center;
		width: 32%
	}

	.qaSide__item.active {
		background: #e3971c;
		color: #fff
	}

	.qaMain {
		margin: .7rem 0 0;
		padding: 2rem 6.25%
	}

	.qaMain__sec {
		padding: 2rem 0 0
	}

	.qaMain__sec:not(:last-child) {
		padding: 2rem 0
	}

	.qaMain__title {
		font-size: 2rem
	}

	.qaMain__list {
		margin: .5rem 0 0
	}

	.qaMain__list:after,
	.qaMain__list:before {
		display: none
	}

	.qaMain__item {
		border-radius: 2rem;
		font-size: 1.5rem;
		margin: .9rem 0 0;
		min-height: 10rem;
		padding: 1em;
		width: 49%
	}

	.modal {
		width: calc(100% - 4.8rem)
	}

	.modal__close {
		font-size: 1.7rem;
		height: 4.4rem;
		right: 1.2rem;
		top: 1.2rem;
		width: 4.4rem
	}

	.modal__content {
		padding: 5.7rem 2.8rem 0
	}

	.modal__content:after {
		content: "";
		display: block;
		height: 6rem
	}

	.qaSec__title {
		font-size: 1.7rem
	}

	.qaSec__box {
		margin: 3rem 0 0
	}

	.qaSec__box+.qaSec__box {
		margin: 4rem 0 0
	}

	.qaSec__head {
		font-size: 1.6rem
	}

	.qaSec__list {
		margin: 0
	}

	.qaSec__text {
		font-size: 1.5rem;
		margin: 1.5rem 0 0;
		width: 100%
	}

	.qaSec__img {
		margin: 1rem 0 0;
		text-align: center;
		width: 100%
	}

	.qaSec__subHead {
		font-size: 1.5rem
	}

	.qaSec__item {
		width: 100%
	}

	.qaSec__item+.qaSec__item {
		margin: 3.2rem 0 0
	}

	.qaSec__table {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.qaSec__cell {
		min-height: 6.5rem;
		padding: .8rem
	}

	.qaSec__cell--head {
		width: 13.5rem
	}

	.qaSec__cell--body {
		width: calc(100% - 13.5rem)
	}

	.qaSec__more {
		margin: 6.8rem 0 0
	}

	.qaSec__btn {
		font-size: 1.4rem;
		height: 5.6rem;
		line-height: 1.5;
		max-width: 100%
	}

	.qaKal__title {
		font-size: 1.6rem
	}

	.qaKal__intro {
		font-size: 1.5rem;
		margin: 1rem 0 0
	}

	.qaKal__table {
		font-size: 1.3rem
	}

	.qaKal__cell {
		padding: 1rem
	}

	.syoIntro {
		letter-spacing: .2em;
		padding: 6.6rem 6.25% 0
	}

	.syoIntro__img {
		margin: 5.7rem 0 0;
		text-align: center;
		width: 100%
	}

	.syoIntro__data {
		width: 100%
	}

	.syoIntro__title {
		font-size: 2rem;
		padding: 0
	}

	.syoIntro__text {
		font-size: 1.7rem;
		margin: 2.5rem 0 0
	}

	.syoPoint {
		padding: 8rem 0 12.7rem
	}

	.syoPoint__title {
		font-size: 2rem;
		line-height: 2
	}

	.syoBlock--01,
	.syoBlock--02,
	.syoBlock--03 {
		margin: 10vw 0 0
	}

	.syoBlock__frame {
		padding: 0 6.25% 40vw
	}

	.syoBlock__bg {
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%
	}

	.syoBlock__title--01 {
		padding: 0 1.3rem 0 0;
		width: 7.5rem
	}

	.syoBlock__title--02 {
		padding: 0 0 0 .7rem;
		width: 7.8rem
	}

	.syoBlock__title--03 {
		padding: 0 1rem 0 0;
		width: 8rem
	}

	.syoBlock__img {
		padding: 10vw 0 0
	}

	.syoBlock__img--01 {
		width: calc(100% - 7.5rem)
	}

	.syoBlock__img--02 {
		width: calc(100% - 7.8rem)
	}

	.syoBlock__img--03 {
		width: calc(100% - 8rem)
	}

	.syoBlock__text {
		font-size: 1.5rem;
		font-weight: 500;
		margin: 2rem 0 0;
		padding: 3.6rem 2.8rem;
		position: static;
		width: 100%
	}

	.syoBlock__icon--01-01 {
		left: auto;
		right: 0;
		top: 0;
		width: 30%
	}

	.syoBlock__icon--01-02 {
		bottom: -12vw;
		left: auto;
		right: 0;
		width: 100%
	}

	.syoBlock__icon--02-01 {
		left: 0;
		right: auto;
		top: 3vw;
		width: 15%
	}

	.syoBlock__icon--02-02 {
		bottom: auto;
		left: 0;
		top: 52vw;
		width: 80vw
	}

	.syoBlock__icon--02-03 {
		bottom: -20vw;
		left: -3vw;
		right: 0;
		width: 100%
	}

	.syoBlock__icon--03-01 {
		left: auto;
		right: 0;
		top: -8vw;
		width: 50%
	}

	.syoBlock__icon--03-02 {
		bottom: -30vw;
		left: 0;
		width: 100%
	}

	.syoMessage {
		margin: 7rem 0 0
	}

	.syoMessage__text {
		font-size: 1.8rem
	}

	.syoAct {
		padding: 6.6rem 6.25%
	}

	.syoAct__title {
		font-size: 2rem
	}

	.syoAct__goal {
		margin: 6.7rem 0 0;
		text-align: center
	}

	.syoLes {
		letter-spacing: .1em;
		margin: 2rem 0 0
	}

	.syoLes__img {
		width: 100%
	}

	.syoLes__data {
		padding: 4rem 2.8rem 4.8rem;
		width: 100%
	}

	.syoLes__in {
		width: 100%
	}

	.syoLes__sub {
		font-size: 1.4rem
	}

	.syoLes__main {
		font-size: 1.6rem;
		margin: 1.2rem 0 0
	}

	.syoLes__text {
		font-size: 1.5rem
	}

	.syoLes__more,
	.syoLes__text {
		margin: 1.5rem 0 0
	}

	.syoOther {
		margin: 5.6rem 0 0
	}

	.syoOther__title {
		font-size: 2rem
	}

	.syoOther__table {
		margin: 3rem 0 0
	}

	.syoOther__line {
		padding: 1.6rem 0
	}

	.syoOther__cell--th {
		font-size: 1.6rem;
		padding: 0;
		width: 100%
	}

	.syoOther__cell--td {
		font-size: 1.5rem;
		margin: .5rem 0 0;
		width: 100%
	}

	.voBg__img {
		margin: 0;
		min-width: 0;
		transform: none
	}

	.voMv {
		letter-spacing: .35em
	}

	.voMv__box {
		top: -28vw
	}

	.voMv__title {
		font-size: 6vw;
		padding: 0 .2em 1em
	}

	.voMv__img {
		margin: 4vw auto 0;
		width: 55vw
	}

	.voIntro {
		margin: 50vw 0 0
	}

	.voIntro__title {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.voIntro__text {
		font-size: 1.7rem;
		letter-spacing: .2em;
		margin: 3.5rem 0 0
	}

	.voNav {
		padding: 3.2rem 6.25% 0
	}

	.voNav__item {
		margin: 2.4rem 0 0;
		width: 100%
	}

	.voNav__case,
	.voNav__title {
		font-size: 1.6rem
	}

	.voNav__title {
		margin: .5rem 0
	}

	.voNav__arrow {
		font-size: 1.7rem
	}

	.voSec,
	.voSec+.voSec {
		padding: 8rem 0 0
	}

	.voSec__intro {
		padding: 0 6.25% 6.6rem
	}

	.voSec__case {
		font-size: 1.7rem
	}

	.voSec__title {
		font-size: 2rem;
		letter-spacing: .25em;
		line-height: 1.5;
		margin: 1.5rem 0 0
	}

	.voSec__pop {
		font-size: 1.7rem;
		letter-spacing: .25em;
		margin: 4rem 0 0;
		padding: 0 .2em 3rem
	}

	.voSec__pop:first-child {
		margin: 0
	}

	.voSec__list {
		gap: 0;
		width: auto
	}

	.voSec__list--self {
		margin: 0 6.25%
	}

	.voSec__list--col2 {
		gap: 20%
	}

	.voSec__item {
		margin: 3rem .5rem 0
	}

	.voSec__item--self {
		margin: 3.4rem 0 0;
		max-width: 32%
	}

	.voSec__item--1 {
		margin: 3rem 4.6666666667vw 0;
		width: 20vw
	}

	.voSec__item--2 {
		width: 25.3333333333vw
	}

	.voSec__item--self-1 {
		margin: 0 0 0 -5%;
		max-width: 31%
	}

	.voSec__item--self-2,
	.voSec__item--self-3 {
		max-width: 25%
	}

	.voSec__item--self-4,
	.voSec__item--self-5,
	.voSec__item--self-6 {
		max-width: 26%
	}

	.voSec__item--3 {
		max-width: 9rem
	}

	.voSec__img {
		width: 100%
	}

	.voSec__img--pad {
		padding: 0 1rem
	}

	.voSec__name {
		font-size: 1.5rem;
		letter-spacing: 0;
		margin: 1rem 0 0
	}

	.voSec__more {
		margin: 4rem 0 0
	}

	.voSec__btn {
		font-weight: 1.35rem;
		height: 5.1rem;
		max-width: 27rem
	}

	.voRes {
		padding: 5.6rem 6.25%
	}

	.voRes__block+.voRes__block {
		margin: 1.2rem 0 0
	}

	.voRes__head {
		min-height: 6.6rem;
		width: 100%
	}

	.voRes__icon {
		margin: 0 .8rem 0 0
	}

	.voRes__icon--before {
		font-size: 3rem
	}

	.voRes__icon--after {
		font-size: 4.25rem
	}

	.voRes__title {
		font-size: 1.8rem;
		margin: 0
	}

	.voRes__body {
		line-height: 1.5;
		padding: 1.9rem;
		width: 100%
	}

	.voRes__body,
	.voRes__body--act {
		font-size: 1.6rem
	}

	.voRes__line+.voRes__line {
		margin: .5rem 0 0
	}

	.voRes__line--act {
		font-size: 1.6rem
	}

	.voRes__line--act+.voRes__line--act {
		margin: 1rem 0 0
	}

	.voRes__img {
		margin: 2rem 0 0
	}

	.voRes__img--1,
	.voRes__img--2,
	.voRes__img--full {
		width: 100%
	}

	.voRes__img--self {
		margin: 3.2rem 0 0;
		text-align: center
	}

	.voRes__data,
	.voRes__data--1,
	.voRes__data--2,
	.voRes__data--full {
		width: 100%
	}

	.voRes__no {
		background: #e3971c;
		border-radius: 50%;
		display: inline-block;
		height: 1em;
		position: relative;
		width: 1em
	}

	.voRes__noIn {
		color: #fff;
		display: inline-block;
		font-size: .8em;
		left: 0;
		letter-spacing: 0;
		line-height: 1;
		position: absolute;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		z-index: 2
	}

	.voContact {
		padding: 6.2rem 6.25% 9.8rem
	}

	.voContact__title {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.voContact__text {
		font-size: 1.6rem
	}

	.voContact__list {
		padding: 1.9rem 0 0
	}

	.voContact__item {
		font-size: 1.35rem;
		height: 5.6rem;
		margin: .9rem 0 0;
		width: 100%
	}

	.enjoyMv__img {
		position: relative;
		width: 100%
	}

	.enjoyMv__img img {
		border-radius: 0;
		width: 100%
	}

	.enjoyMv__data {
		text-align: center;
		width: 100%
	}

	.enjoyMv__main {
		font-size: 2.8rem;
		margin: 5rem 0 0
	}

	.enjoyMv__sub {
		font-size: 1.5rem;
		margin: 1.5rem 0 0
	}

	.enjoyMenu {
		padding: 6rem 6.25% 7.5rem
	}

	.enjoyMenu__pager {
		height: auto;
		width: 100%
	}

	.enjoyMenu__bg,
	.enjoyMenu__slide {
		width: 100%
	}

	.enjoyMenu__pagerFrame {
		position: relative;
		z-index: 2
	}

	.enjoyMenu__pagerFrame--01 {
		transform: translateY(-2vw)
	}

	.enjoyMenu__pagerFrame--02 {
		transform: translate(0)
	}

	.enjoyMenu__pagerFrame--03 {
		transform: translateY(2vw)
	}

	.enjoyMenu__pagerFrame--04 {
		transform: translateY(5vw)
	}

	.enjoyMenu__pagerFrame--05 {
		transform: translateY(2.5vw)
	}

	.enjoyMenu__pagerFrame--06 {
		transform: translateY(4vw)
	}

	.enjoyMenu__pagerIcon--on {
		transform: none
	}

	.enjoyMenu__pagerIcon--01,
	.enjoyMenu__pagerIcon--02 {
		width: 15vw
	}

	.enjoyMenu__pagerIcon--03 {
		width: 11vw
	}

	.enjoyMenu__pagerIcon--04 {
		width: 15vw
	}

	.enjoyMenu__pagerIcon--05 {
		width: 13vw
	}

	.enjoyMenu__pagerIcon--06 {
		width: 15vw
	}

	.enjoyMenu__pagerTitle {
		font-size: 3.5vw;
		margin: .2em 0 0
	}

	.enjoyMenu__pagerTitle--02,
	.enjoyMenu__pagerTitle--03 {
		letter-spacing: .2em;
		margin: .4em 0 0
	}

	.enjoyMenu__pagerTitle--03 {
		font-size: 3vw
	}

	.enjoyMenu__pagerTitle--04 {
		letter-spacing: .2em;
		margin: .5em 0 0
	}

	.enjoyMenu__pagerTitle--05 {
		margin: .5em 0 0
	}

	.enjoyMenu__pagerTitle--06 {
		letter-spacing: .2em;
		margin: .5em 0 0
	}

	.enjoyMenu .swiper-pagination-bullet {
		position: relative
	}

	.enjoyMenu .swiper-pagination-bullet:first-child,
	.enjoyMenu .swiper-pagination-bullet:nth-child(2),
	.enjoyMenu .swiper-pagination-bullet:nth-child(3),
	.enjoyMenu .swiper-pagination-bullet:nth-child(4),
	.enjoyMenu .swiper-pagination-bullet:nth-child(5),
	.enjoyMenu .swiper-pagination-bullet:nth-child(6) {
		height: 28vw;
		left: auto;
		right: auto;
		top: auto;
		transform: none;
		width: 31%
	}

	.enjoyMenu .swiper-pagination-bullet:nth-child(2) {
		width: 29%
	}

	.enjoyMenu .swiper-pagination-bullet:nth-child(4) {
		margin: 0 0 0 2%;
		width: 27%
	}

	.enjoyMenu .swiper-pagination-bullet:nth-child(5),
	.enjoyMenu .swiper-pagination-bullet:nth-child(6) {
		width: 27%
	}

	.enjoyMenu .swiper-pagination-bullet-active .off {
		opacity: 0
	}

	.enjoyMenu__frame {
		padding: 3rem 0 0
	}

	.enjoyMenu__title {
		font-size: 2rem;
		line-height: 1.3
	}

	.enjoyMenu__titleIcon {
		height: 6.7rem;
		margin: 0 .5rem 0 0;
		width: 6.7rem
	}

	.enjoyMenu__titleIcon--01 img,
	.enjoyMenu__titleIcon--02 img,
	.enjoyMenu__titleIcon--03 img,
	.enjoyMenu__titleIcon--04 img,
	.enjoyMenu__titleIcon--05 img,
	.enjoyMenu__titleIcon--06 img {
		width: 5.4rem
	}

	.enjoyMenu__titleText {
		width: calc(100% - 9rem)
	}

	.enjoyMenu__move {
		padding: 0 .1rem
	}

	.enjoyMenu__btn {
		border: 1px solid #e3971c;
		font-size: 1.2rem;
		height: 3.5rem;
		margin: 0 0 0 .5rem;
		width: 3.5rem
	}

	.enjoyMenu__box {
		margin: 2.6rem 0 0;
		padding: 2.8rem 2.8rem 0
	}

	.enjoyMenu__box+.enjoyMenu__box {
		margin: .9rem 0 0
	}

	.enjoyMenu__box:after {
		height: 2.8rem
	}

	.enjoyMenu__boxTitle {
		font-feature-settings: "palt";
		font-size: 1.6rem;
		letter-spacing: .1em
	}

	.enjoyMenu__boxText {
		font-size: 1.5rem
	}

	.enjoyMenu__more {
		margin: 2rem 0 0
	}

	.enjoyMenu__link {
		font-size: 1.4rem
	}

	.enjoyMenu__linkIcon {
		font-size: .8em;
		margin: 0 0 0 .3em
	}

	.enjoyBnr {
		margin: 1.6rem 0 0
	}

	.enjoyBnr:after,
	.enjoyBnr:before {
		display: none
	}

	.enjoyBnr__item {
		margin: .4rem 0 0;
		width: 49%
	}

	.enjoyMov {
		padding: 3rem 0 9rem
	}

	.errorPage {
		padding: 5.1rem 6.25% 10rem
	}

	.errorPage__code {
		font-size: 9vw;
		line-height: 1.5
	}

	.errorPage__codeItem {
		margin: 0;
		text-align: center;
		width: 100%
	}

	.errorPage__title {
		font-size: 2rem;
		line-height: 1.5;
		text-align: center
	}

	.errorPage__text,
	.errorPage__title {
		letter-spacing: .1em;
		margin: 3rem 0 0
	}

	.errorPage__text {
		font-size: 1.5rem;
		font-weight: 400
	}

	.errorPage__back {
		margin: 5.1rem 0 0
	}

	.errorPage__btn {
		font-size: 1.35rem;
		height: 5.6rem;
		max-width: 100%
	}

	.newsMv {
		height: 18rem;
		text-align: center
	}

	.newsMv__main {
		font-size: 3.6rem;
		line-height: 1.2
	}

	.newsMv__sub {
		font-size: 1.5rem;
		margin: 1rem 0 0
	}

	.newsBase {
		padding: 0 0 11rem
	}

	.newsSide {
		padding: 7rem 6.25% 0;
		width: 100%
	}

	.newsSide__block:not(:first-child) {
		margin: 2rem 0 0
	}

	.newsSide__head {
		font-size: 2rem;
		height: 6.7rem
	}

	.newsSide__arrow {
		font-size: 2.1rem;
		position: absolute;
		right: 3.4rem;
		top: 50%;
		transform: translateY(-50%);
		transition-duration: .2s
	}

	.acc-check:checked~.acc-btn .newsSide__arrow {
		transform: translateY(-50%) rotate(180deg)
	}

	.newsSide__body {
		padding: 2rem 3.25rem 3rem
	}

	.newsSide__year {
		line-height: 1;
		margin: 0 0 1.5rem
	}

	.newsSide__yearNow {
		color: #e3971c;
		font-size: 2rem;
		font-weight: 700
	}

	.newsSide__yearMove {
		color: #e3971c;
		font-size: 1.2rem;
		height: 2rem;
		width: 2rem
	}

	.newsSide__yearMove:hover {
		color: #80472c
	}

	.newsSide__yearMove:not(.active) {
		opacity: 0;
		pointer-events: none
	}

	.newsSide__item {
		color: #282828;
		font-size: 1.6rem;
		height: 5rem
	}

	.newsSide__item:not(:first-child) {
		border-top: 1px solid #d5d5d4
	}

	.newsSide__icon {
		color: #e3971c;
		font-size: 1.2rem;
		margin: 0 0 0 .5rem
	}

	.newsMain {
		width: 100%
	}

	.newsMain__frame {
		border-radius: 0;
		padding: 4rem 6.25%
	}

	.newsMain__item {
		color: #282828;
		font-size: 1.5rem;
		line-height: 1;
		padding: 1.5rem 0
	}

	.newsMain__item:not(:first-child) {
		border-top: 1px solid #d5d5d4
	}

	.newsMain__date {
		margin: 0 1rem 0 0
	}

	.newsMain__cat {
		margin: 0 .2rem 0 0
	}

	.newsMain__title {
		margin: 1rem 0 0
	}

	.newsDetail {
		border-radius: 0;
		margin: 0 0 4rem;
		padding: 3rem 1rem
	}

	.newsDetail__mainBox {
		border: none;
		padding: 0
	}

	.newsDetail__tit {
		font-size: 2rem;
		text-align: left
	}

	.newsDetail__cntBox {
		margin: 0 0 6rem
	}

	.newsDetail__btn {
		height: 6rem;
		width: 100%
	}

	.numberHead__text {
		padding: 4rem 0
	}

	.numberHead__text--en {
		font-size: 3.6rem
	}

	.numberHead__text--ja {
		font-size: 1.5rem
	}

	.numberMain {
		background: 0 0;
		border-radius: 0;
		margin: 0 auto 6rem;
		padding: 0;
		width: 100%
	}

	.numberSection {
		margin-top: 10rem;
		overflow: hidden
	}

	.numberSection:first-child {
		margin-top: 0
	}

	.numberSection__ph_box {
		margin: 3rem auto 0;
		width: 90%
	}

	.numberSection__ph_box img {
		border-radius: 1.5rem;
		width: 100%
	}

	.numberSection__txt_box {
		background: 0 0;
		height: auto;
		width: 100%
	}

	.numberSection__title {
		font-size: 5vw;
		font-weight: 700;
		margin-top: 0
	}

	.numberSection__number {
		font-size: 8vw;
		font-weight: 700;
		margin-top: 4rem
	}

	.numberSection__number span {
		font-size: 15vw
	}

	.numberSection__btn,
	.numberSection__txt {
		margin-top: 2rem
	}

	.numberSection--01 .numberSection__ph_box img,
	.numberSection--04 .numberSection__ph_box img {
		border-radius: 1.5rem
	}

	.numberSection--02 .numberSection__ph_box,
	.numberSection--05 .numberSection__ph_box {
		-ms-flex-order: 2;
		order: 2
	}

	.numberSection--02 .numberSection__txt_box,
	.numberSection--05 .numberSection__txt_box {
		-ms-flex-order: 1;
		order: 1
	}

	.numberSection--02 .numberSection__number,
	.numberSection--05 .numberSection__number {
		margin-top: 4rem
	}

	.numberSection--02 .numberSection__btn,
	.numberSection--05 .numberSection__btn {
		margin-top: 2rem
	}

	.numberSection--02 .numberSection__pin {
		width: 2.5rem
	}

	.numberSection--02 .numberSection__pin.animated {
		opacity: 1
	}

	.numberSection--02 .numberSection__pin.pin01 {
		left: 62.5%;
		top: 11.5%
	}

	.numberSection--02 .numberSection__pin.pin02 {
		left: 62.5%;
		top: 40%
	}

	.numberSection--02 .numberSection__pin.pin03 {
		left: 60.5%;
		top: 53.5%
	}

	.numberSection--02 .numberSection__pin.pin04 {
		left: 56.5%;
		top: 56.5%
	}

	.numberSection--02 .numberSection__pin.pin05 {
		left: 58.7%;
		top: 59.5%
	}

	.numberSection--02 .numberSection__pin.pin06 {
		left: 48.5%;
		top: 59.5%
	}

	.numberSection--02 .numberSection__pin.pin07 {
		left: 39.5%;
		top: 63%
	}

	.numberSection--02 .numberSection__pin.pin08 {
		left: 30.6%;
		top: 62%;
		width: 3.5rem
	}

	.numberSection--02 .numberSection__pin.pin09 {
		left: 23.2%;
		top: 66%
	}

	.numberSection--02 .numberSection__pin.pin10 {
		left: 17%;
		top: 70%
	}

	.numberSection--03 .numberSection__txt_box {
		width: 100%
	}

	.numberSection--03 .numberSection__txt_box_left {
		position: inherit
	}

	.numberSection--03 .numberSection__txt_box_left .numberSection__graph {
		margin: 4rem auto 0;
		position: inherit
	}

	.numberSection--03 .numberSection__txt_box_left .numberSection__number {
		margin-left: auto;
		margin-top: 2rem
	}

	.numberSection--03 .numberSection__txt_box_left .numberSection__btn,
	.numberSection--03 .numberSection__txt_box_left .numberSection__txt {
		margin-top: 2rem
	}

	.numberSection--03 .numberSection__txt_box_right {
		margin-top: 10rem;
		position: inherit
	}

	.numberSection--03 .numberSection__txt_box_right .numberSection__ph {
		margin: 4rem auto 0;
		position: inherit;
		width: 15%
	}

	.numberSection--03 .numberSection__txt_box_right .numberSection__number {
		margin-left: auto;
		margin-top: 2rem
	}

	.numberSection--03 .numberSection__txt_box_right .numberSection__btn,
	.numberSection--03 .numberSection__txt_box_right .numberSection__txt {
		margin-left: auto
	}

	.policy {
		padding: 5.6rem 0 11rem
	}

	.policy__box {
		border-radius: 0;
		padding: 5.6rem 6.25%
	}

	.policy__sec:not(:first-child) {
		margin: 3.2rem 0 0
	}

	.policy__title {
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 0 0 1.5rem;
		padding: 0 0 1rem
	}

	.policy__title--sub {
		font-size: 1.6rem;
		padding: 0
	}

	.policy__intro,
	.policy__text {
		font-size: 1.5rem
	}

	.policy__text--end {
		margin: 1rem 0 0
	}

	.policy__list {
		font-size: 1.5rem
	}

	.policy__item {
		margin: 1.5rem 0 0
	}

	.policy__link {
		font-size: 1.6rem
	}

	.policy__blank {
		margin: 0 0 0 .5em
	}

	.policy__note {
		font-size: 1.5rem;
		margin: 2rem 0
	}

	.presentItem {
		margin-top: 5.6rem
	}

	.presentItem__img {
		margin: 2.6rem auto 0;
		width: 72%
	}

	.presentItem__head {
		height: 4.8rem;
		width: 79vw
	}

	.presentItem__head:after,
	.presentItem__head:before {
		border-bottom: 2.4rem solid #e3971c;
		border-top: 2.4rem solid #e3971c;
		bottom: -2.4rem;
		width: 9vw
	}

	.presentItem__head:before {
		border-left: 3.5vw solid transparent;
		border-right: 3.5vw solid #e3971c;
		left: -5vw
	}

	.presentItem__head:after {
		border-left: 3.5vw solid #e3971c;
		border-right: 3.5vw solid transparent;
		right: -5vw
	}

	.presentItem__head--text {
		font-size: 2.3rem
	}

	.presentItem__head--text:after,
	.presentItem__head--text:before {
		border-bottom: 1.2rem solid transparent;
		border-top: 1.2rem solid #b27107;
		width: 2.8vw
	}

	.presentItem__head--text:before {
		border-left: 2.2vw solid transparent;
		border-right: 2.2vw solid #b27107
	}

	.presentItem__head--text:after {
		border-left: 2.2vw solid #b27107;
		border-right: 2.2vw solid transparent
	}

	.presentItem__name {
		font-size: 2rem;
		line-height: 1.6;
		margin-top: 4.5rem
	}

	.presentItem__desc {
		font-size: 1.8rem;
		margin-top: 2.3rem
	}

	.presentItem__desc:before {
		height: .6rem
	}

	.presentItem__desc .num {
		font-size: 6rem;
		line-height: 1
	}

	.presentItem__btn {
		height: 5.6rem;
		margin: 3.2rem 6.5% 0;
		width: 87%
	}

	.presentAbout {
		border-radius: 3.2rem;
		margin: 6.8rem 0 9.3rem;
		padding: 4rem 1.9rem 4.8rem
	}

	.presentAbout__head {
		font-size: 1.7rem;
		line-height: 1.6;
		padding: 3.2rem 0
	}

	.presentAbout__text {
		color: #282828;
		font-size: 1.6rem;
		letter-spacing: .05em;
		line-height: 1.9;
		margin-top: 4rem
	}

	.presentAbout__ttl {
		margin-top: 3.2rem
	}

	.presentAbout__dtl,
	.presentAbout__ttl {
		font-size: 1.5rem;
		letter-spacing: .1em;
		line-height: 1.8
	}

	.presentAbout__dtl {
		margin-top: 1.2rem
	}

	.presentAbout__conclution {
		border-bottom: none;
		display: block;
		letter-spacing: .1em;
		line-height: 1.8;
		margin-top: 4rem;
		padding-bottom: 0;
		text-align: center
	}

	.presentAbout__conclution--border {
		background: linear-gradient(0deg, #e3971c 2px, #e3971c 2.1px, transparent 0, transparent)
	}

	.presentAbout__note {
		letter-spacing: .1em;
		line-height: 1.7;
		margin-top: 4rem
	}

	.presentForm {
		padding: 6.6rem 0 0
	}

	.presentForm .cnt_remaining {
		bottom: 2rem;
		right: 1rem
	}

	.presentForm__stepbar {
		font-size: 1.2rem;
		margin: 0 auto 1em;
		width: 90%
	}

	.presentForm__step {
		background: #ccc;
		font-size: 1.2rem;
		line-height: 4rem;
		padding: 0 1.5rem 0 .5rem
	}

	.presentForm__step:after,
	.presentForm__step:before {
		background: #ccc;
		border-left: 4px solid #fff;
		height: 2rem;
		left: -.5rem;
		width: 1rem
	}

	.presentForm__step:before {
		transform: skew(-20deg)
	}

	.presentForm__step:after {
		transform: skew(20deg)
	}

	.presentForm__wrapper {
		padding: 0 0 11rem
	}

	.presentForm__ttl {
		margin: 1rem 1rem 0;
		padding: 1rem 0 0
	}

	.presentForm__ttl .must {
		padding: 0 0 0 1rem;
		text-align: left;
		width: auto
	}

	.presentForm__ttl .must span {
		border-radius: 0;
		display: inline-block;
		height: auto;
		line-height: 2.6rem;
		margin: .2rem 0
	}

	.presentForm__tit {
		padding: 0;
		width: auto
	}

	.presentForm__dtl {
		padding: .5rem 1rem 2rem;
		width: 100%
	}

	.presentForm__dtl #gender label {
		width: 30%
	}

	.presentForm .notice {
		width: 100%
	}

	.presentForm input,
	.presentForm textarea {
		background: #efefef;
		border: none
	}

	.presentForm input[type=email],
	.presentForm input[type=tel],
	.presentForm input[type=text],
	.presentForm textarea {
		font-size: 1.4rem;
		padding: 1.5rem;
		width: 96%
	}

	.presentForm select {
		border: 1px solid #bbb;
		height: 4rem;
		padding: .5rem
	}

	.presentForm .btn_confirm,
	.presentForm .btn_submit {
		-webkit-appearance: button;
		appearance: button;
		font-size: 1.6rem;
		margin: 5% auto 0;
		width: 86%
	}

	.preThanks {
		padding: 5rem 0 10rem
	}

	.preThanks__btn {
		font-size: 1.6rem;
		height: 5rem;
		max-width: 100%
	}

	.productHead {
		padding: 5.6rem 0 6.8rem
	}

	.productHead__img {
		text-align: center
	}

	.productHead__img--coll {
		margin: 1.5rem auto 0;
		max-width: 27rem;
		padding: 0
	}

	.productHead__text {
		text-align: center
	}

	.productHead__en {
		font-size: 3.6rem
	}

	.productHead__ja {
		font-size: 1.5rem;
		margin-top: .2rem
	}

	.productIntro {
		font-size: 1.7rem;
		letter-spacing: .1em;
		margin-top: 2.5rem;
		text-align: center
	}

	.productHeadNav {
		margin-top: 4.8rem
	}

	.productHeadNav__item {
		width: calc(50% - .45rem)
	}

	.productHeadNav__item:nth-child(n+3) {
		margin-top: .9rem
	}

	.productHeadNav__btn {
		border-radius: 3.2rem;
		font-size: 1.4rem;
		height: 4.4rem
	}

	.productHeadNav__btn .icon {
		font-size: 1.1rem;
		right: 1.9rem
	}

	.productNav {
		padding: 4.8rem 1.2rem
	}

	.productNav__head {
		font-size: 2rem;
		line-height: 1.6
	}

	.productNav__head--category {
		font-size: 2.5rem;
		margin-bottom: .8rem
	}

	.productNav__list {
		margin-top: 2.8rem
	}

	.productNav .productNavItem {
		margin: 0;
		width: calc(25% - 1.35rem)
	}

	.productNav .productNavItem:not(:nth-child(4n+1)) {
		margin-left: 1.8rem
	}

	.productNav .productNavItem__col5 {
		width: calc(20% - .24em)
	}

	.productNav .productNavItem__col5:not(:nth-child(4n+1)) {
		margin-left: 0
	}

	.productNav .productNavItem__col5:not(:nth-child(5n+1)) {
		margin-left: .3rem
	}

	.productItem {
		padding: 6.6rem 0 2.8rem
	}

	.productItem--food {
		padding: 6.6rem 0
	}

	.productItem--tokuho {
		padding: 0 0 2.8rem
	}

	.productItem__base {
		padding: 0
	}

	.productItem__img {
		margin: 0 auto;
		text-align: center;
		width: 48%
	}

	.productItem__content {
		margin: 4rem 0 0;
		width: 100%
	}

	.productItem__name {
		font-size: 2rem
	}

	.productItem__desc {
		font-size: 1.5rem;
		letter-spacing: .1em;
		margin-top: 1.6rem
	}

	.productItem__data {
		margin-top: 3rem
	}

	.productItem__ttl {
		font-size: 1.5rem;
		margin-top: .2rem;
		width: 8.4rem
	}

	.productItem__dtl {
		font-size: 1.5rem;
		margin-top: .2rem;
		padding: .9rem .9rem .9rem 1.2rem;
		width: calc(100% - 8.4rem)
	}

	.productItem__more {
		margin-top: 3.2rem;
		width: 100%
	}

	.productItem__btn {
		border-radius: 2.8rem;
		font-size: 1.4rem;
		height: 5.6rem
	}

	.productItem__btn .icon {
		font-size: 1rem
	}

	.productItem .productItemInfo__flexbtn {
		-ms-flex-align: end;
		align-items: flex-end;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.productItem .productItemInfo__head {
		font-size: 1.7rem
	}

	.productItem .productItemInfo__img {
		background-position: 50%;
		background-size: cover;
		min-height: 13rem;
		width: 40%
	}

	.productItem .productItemInfo__text {
		padding: 0 3.2rem 0 1.5rem
	}

	.productItem .productItemInfo__ttl {
		font-size: 1.5rem;
		line-height: 1.6
	}

	.productItem .productItemInfo__desc {
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 1rem
	}

	.productItem .productItemInfo__desc .icon {
		font-size: 1rem;
		margin-left: 1.6rem
	}

	.productItem .productItemInfo__more {
		margin: 1.6rem 0 0 auto;
		width: 23.6rem
	}

	.productItem .productItemInfo__more--ec {
		width: 28.9rem
	}

	.productItem .productItemInfo__btn {
		border-radius: 2.2rem;
		font-size: 1.4rem;
		height: 4.4rem
	}

	.productItem .productItemInfo__btn .icon-right {
		font-size: 1rem
	}

	.productItem .productItemInfo__btn .icon-cart {
		font-size: 1.9rem;
		margin-right: 1.1rem
	}

	.productItem .productItemTokuho__head {
		font-size: 1.7rem
	}

	.productItem .productItemTokuho__img {
		background-position: 50%;
		background-size: cover;
		min-height: 13rem;
		width: 12rem
	}

	.productItem .productItemTokuho__text {
		padding: 2.8rem 11.4rem 1.5rem .9rem
	}

	.productItem .productItemTokuho__ttl {
		font-size: 1.5rem;
		line-height: 1.6
	}

	.productItem .productItemTokuho__desc {
		font-size: 1.4rem
	}

	.productItem .productItemTokuho__icon {
		right: 1.4rem;
		top: -1.1rem;
		width: 9.2rem
	}

	.productItem .productItemLineup {
		margin-top: 5.6rem
	}

	.productItem .productItemLineup__head {
		border-radius: 2.8rem;
		font-size: 1.5rem;
		height: 5.6rem
	}

	.productItem .productItemLineup__head .icon {
		font-size: 1.1rem;
		right: 2.5rem
	}

	.productItem .productItemLineup__list {
		border-radius: 0 0 3.2rem 3.2rem;
		padding: 1rem .8rem 3.2rem
	}

	.productItem .productItemLineup .productItemLineupItem {
		border-radius: .8rem;
		padding: 1.1rem;
		width: 100%
	}

	.productItem .productItemLineup .productItemLineupItem:not(:nth-child(odd)) {
		margin-left: 0
	}

	.productItem .productItemLineup .productItemLineupItem:not(:first-child),
	.productItem .productItemLineup .productItemLineupItem:nth-child(n+3) {
		margin-top: .4rem
	}

	.productItem .productItemLineup .productItemLineupItem__tbl {
		font-size: 1.4rem;
		height: 13rem;
		line-height: 1.5
	}

	.productItem .productItemLineup .productItemLineupItem__dtl {
		padding: 0 1.2rem
	}

	.productItem .productItemLineup .productItemLineupItem__btn {
		border-radius: 2.3rem;
		font-size: 1.4rem;
		height: 4.6rem;
		margin: 1.1rem 0 0;
		width: 100%
	}

	.productItem .productItemLineup .productItemLineupItem__btn .icon {
		font-size: 1.9rem;
		margin-right: 1.2rem
	}

	.productItemPickup {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 2.8rem 0 7.2rem;
		width: 90%
	}

	.productItemPickup__link {
		margin-top: 5.641025641vw;
		padding: .5em 0;
		width: 100%
	}

	.productItemPickup__link:not(:first-child) {
		margin: 3.0769230769vw 0 0
	}

	.productItemPickup__img {
		height: 30.7692307692vw;
		text-align: center;
		width: 36%
	}

	.productItemPickup__img img {
		bottom: auto;
		bottom: 0;
		height: 100%;
		max-width: 100%;
		position: relative;
		top: -1.7948717949vw;
		width: auto
	}

	.productItemPickup__img--jyunpaku img,
	.productItemPickup__img--koikuchi img,
	.productItemPickup__img--tokuho img {
		left: 0
	}

	.productItemPickup__text {
		margin-left: 0;
		padding-right: .5em;
		width: 64%
	}

	.productItemPickup__head {
		font-size: 1.2rem;
		font-size: clamp(1.2rem, 2vw, 2vw)
	}

	.productItemPickup__desc,
	.productItemPickup__desc--sm {
		font-size: 1.5rem;
		font-size: clamp(1.5rem, 2.4vw, 2.4vw);
		letter-spacing: .25em;
		margin-top: .2rem
	}

	.productItemPickup__desc--sm {
		font-size: 1.5rem;
		font-size: clamp(1.4rem, 2.4vw, 2.4vw);
		letter-spacing: .15em;
		margin-top: .2rem
	}

	.productItemPickup__name {
		font-size: 2rem;
		font-size: clamp(2rem, 3vw, 3vw)
	}

	.productPoint {
		padding: 8rem 0
	}

	.productPoint__head {
		font-size: 2rem;
		letter-spacing: .1em
	}

	.productPoint__text {
		font-size: 1.6rem;
		line-height: 1.6;
		margin-top: 1.6rem
	}

	.productPoint__list {
		border-radius: 0;
		margin-top: 2.4rem
	}

	.productPoint__item {
		border-left: none;
		border-radius: 3.2rem;
		margin: .8rem 0 0;
		overflow: hidden;
		width: 100%
	}

	.productPoint__item--col3 {
		width: 100%
	}

	.productPoint__ttl {
		color: #fff;
		font-size: 1.8rem;
		font-weight: 700;
		height: 7.2rem;
		line-height: 1.2;
		text-align: center
	}

	.productPoint__ttl--note {
		font-size: 1.3rem;
		margin-top: .5rem
	}

	.productPoint .productPointItem {
		padding: 1.2rem 1.9rem 1.2rem .6rem;
		width: 100%
	}

	.productPoint .productPointItem:first-of-type {
		padding-top: 4rem
	}

	.productPoint .productPointItem:last-of-type {
		padding-bottom: 4rem
	}

	.productPoint .productPointItem__img {
		-ms-flex: none;
		flex: none;
		height: auto;
		text-align: left;
		width: 33.5%
	}

	.productPoint .productPointItem__data {
		margin-top: 0;
		width: 100%
	}

	.productPoint .productPointItem__ttl {
		border-radius: .4rem;
		font-size: 1.4rem;
		height: 2.6rem;
		margin: 0 0 .5rem;
		width: 4.4rem
	}

	.productPoint .productPointItem__dtl {
		margin: 0 0 .5rem;
		padding: 0 0 0 1rem;
		width: calc(100% - 4.4rem)
	}

	.productPoint .productPointItem__dtl--icon {
		margin: 0 .2rem;
		width: 1.2rem
	}

	.productPoint .productPointItem__desc {
		font-size: 1.4rem;
		letter-spacing: 0;
		line-height: 1.6;
		margin-top: 1.6rem
	}

	.productPoint__more {
		margin: 4rem auto 0;
		width: 100%
	}

	.productPoint__btn {
		border-radius: 2.8rem;
		font-size: 1.4rem;
		height: 5.6rem
	}

	.productPoint__btn .icon {
		font-size: 1rem
	}

	.tokuhoNote {
		margin: 5.5rem 6.25% 0
	}

	.tokuhoNote__box {
		padding: 4.8rem 1.8rem
	}

	.tokuhoNote__sec:not(:first-child) {
		margin: 3.2rem 0 0
	}

	.tokuhoNote__head {
		font-size: 1.5rem;
		margin: 0 0 1.2rem
	}

	.tokuhoNote__text {
		font-size: 1.5rem
	}

	.tokuhoNote__messageFrame {
		margin: 4rem 0 0;
		text-align: center
	}

	.tokuhoNote__message {
		display: inline;
		font-size: 1.8rem;
		line-height: 1.3;
		margin: 0;
		padding: 0
	}

	.tokuhoNote__table {
		margin: 4rem 0 0
	}

	.tokuhoNote__cell {
		font-size: 1.4rem;
		padding: .8rem 1.6rem
	}

	.tokuhoNote__cell--body,
	.tokuhoNote__cell--head {
		width: 100%
	}

	.tokuhoNote__cellSub {
		font-size: 1.4rem
	}

	.tokuhoBnr {
		margin: 4.8rem 0 0
	}

	.tokuhoBnr__item {
		max-width: 100%;
		width: 100%
	}

	.tokuhoBnr__item:not(:first-child) {
		margin: 1.2rem 0 0
	}

	.productsHead__img {
		border-radius: 0;
		width: 100%
	}

	.productsHead__ttl {
		margin: 4rem auto 0;
		padding: 0
	}

	.productsHead__ttl--img {
		width: 7.8rem
	}

	.productsHead__ttl--text {
		margin: 2rem auto 0;
		text-align: center
	}

	.productsHead__ttl--en {
		font-size: 2.8rem
	}

	.productsHead__ttl--ja {
		font-size: 1.5rem
	}

	.productsBody {
		padding: 0 0 8rem
	}

	.productsBody__head {
		font-size: 2rem;
		letter-spacing: .1em;
		padding: 5rem 0 3.2rem;
		text-align: center
	}

	.productsPickup {
		display: block;
		padding: 3.4rem 2.8rem 2.5rem
	}

	.productsPickup__head {
		font-size: 1.5rem
	}

	.productsPickup__item {
		margin-top: 1rem
	}

	.productsPickup__name {
		font-size: 2.4rem;
		line-height: 1.2
	}

	.productsPickup__name .note {
		margin: .7rem 0 0
	}

	.productsPickup__desc {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.8;
		margin-top: 1rem
	}

	.productsPickup__rate {
		height: 3.6rem;
		margin-top: 1.5rem
	}

	.productsPickup__rate--ttl {
		border-radius: .4rem 0 0 .4rem;
		padding: 0 1.3rem
	}

	.productsPickup__rate--dtl {
		border-radius: 0 .4rem .4rem 0;
		-ms-flex: auto;
		flex: auto;
		font-size: 2rem;
		width: auto
	}

	.productsPickup__img {
		left: 50%;
		margin: 6rem 0 0;
		position: relative;
		text-align: center;
		transform: translateX(-50%);
		width: 100%
	}

	.productsPickup__img img {
		max-height: 243px;
		width: auto
	}

	.productsLineup {
		margin-top: 5rem
	}

	.productsLineup__btn {
		border: 2px solid #e3971c
	}

	.productsLineup .productsLineupItem {
		width: calc(50% - .45rem)
	}

	.productsLineup .productsLineupItem:not(:nth-child(odd)) {
		margin-left: .9rem
	}

	.productsLineup .productsLineupItem:nth-child(n+3) {
		margin-top: 4.5rem
	}

	.productsLineup .productsLineupItem__desc {
		font-size: 1.1rem;
		letter-spacing: .05em;
		margin-top: .8rem
	}

	.productsLineup .productsLineupItem__name {
		font-size: 1.9rem
	}

	.productsLineup .productsLineupItem__rate {
		height: 2.8rem;
		margin-top: 1.2rem;
		width: auto
	}

	.productsLineup .productsLineupItem__rate--ttl {
		border-radius: .4rem 0 0 .4rem;
		font-size: 1.2rem;
		padding: 0;
		width: 29%
	}

	.productsLineup .productsLineupItem__rate--dtl {
		border-radius: 0 .4rem .4rem 0;
		font-size: 1.6rem;
		width: 71%
	}

	.productsLineup__more {
		margin-top: 6.3rem
	}

	.productsLineup__btn {
		border-radius: 2.8rem;
		font-size: 1.5rem;
		height: 5.6rem;
		margin: 1.2rem 0 0;
		width: 100%
	}

	.productsLineup__btn .icon {
		font-size: 1.2rem
	}

	.productsLineup__sublist {
		margin-top: 6.3rem
	}

	.productsLineup__sublist .partsLineup {
		padding: 0
	}

	.productsLineup__sublist .partsLineup__text {
		font-size: 1.7rem;
		margin-top: 1.5rem
	}

	.productsLineup__sublist .partsLineup .partsLineupOther {
		display: block;
		margin-top: 5.6rem;
		text-align: left
	}

	.productsLineup__sublist .partsLineup .partsLineupOther__link {
		border-radius: 1.6rem;
		height: auto
	}

	.productsLineup__sublist .partsLineup .partsLineupOther .partsLineupCollabo {
		width: 100%
	}

	.productsLineup__sublist .partsLineup .partsLineupOther .partsLineupEc {
		margin-top: 1.5rem;
		padding: 1rem 0;
		width: 100%
	}

	.productsLineup__sublist .partsLineup .partsLineupOther .partsLineupEc__text {
		margin-left: 2.2rem
	}

	.productsLineup__sublist .partsLineup .partsLineupOther .partsLineupEc__ttl {
		font-size: 1.8rem
	}

	.productsLineup__sublist .partsLineup .partsLineupOther .partsLineupEc__desc {
		font-size: 1.2rem
	}

	.partsLineup__item {
		width: 47%
	}

	.partsLineup__link {
		margin: 0 auto;
		max-width: 200px
	}

	.partsLineup__list {
		gap: 3% 3%
	}

	.recMain {
		margin: 3rem 0 0;
		padding: 0 6.25%
	}

	.recMain__img {
		margin: 1.6rem 0 0;
		width: 100%
	}

	.recMain__data {
		width: 100%
	}

	.recMain__title {
		font-size: 2.1rem
	}

	.recMain__cat {
		font-size: 1.3rem;
		margin: .7rem 0 0
	}

	.recMain__info {
		margin: 1rem 0 0
	}

	.recMain__infoItem {
		margin: .6rem 0;
		width: 49%
	}

	.recMain__infoChip {
		font-size: 1.1rem;
		height: 2.5rem;
		width: 8rem
	}

	.recMain__infoIcon {
		font-size: 1.2rem;
		left: .5rem
	}

	.recMain__infoVal {
		font-size: 1.5rem;
		width: calc(100% - 9rem)
	}

	.recMain__note {
		font-size: 1.2rem;
		margin: 1.2rem 0 0
	}

	.recMain__desc {
		font-size: 1.4rem;
		margin: 2rem 0 0
	}

	.recUse {
		margin: 4rem 0 0;
		padding: 0 6.25%
	}

	.recUse__title {
		border-bottom: 2px solid #e3971c;
		font-size: 1.8rem;
		padding: 0 0 1.2rem
	}

	.recUse__cell,
	.recUse__table {
		font-size: 1.5rem
	}

	.recUse__cell {
		border-bottom: 1px dashed rgba(227, 151, 28, .4)
	}

	.recUse__cell--th {
		padding: 1.5rem 1.5rem 1.5rem 0
	}

	.recUse__cell--td {
		padding: 1.5rem 0
	}

	.recUse__note {
		margin: 1rem 0 0
	}

	.recMake {
		margin: 5rem 0 0;
		padding: 0 6.25%
	}

	.recMake__title {
		font-size: 1.8rem
	}

	.recMake__pre {
		margin: 1.25rem 0 0
	}

	.recMake__preText,
	.recMake__preTitle {
		font-size: 1.4rem
	}

	.recMake__flow {
		margin: 1.25rem 0 0
	}

	.recMake__item {
		padding: 1.4rem 1.5rem
	}

	.recMake__item:not(:first-child) {
		margin: .4rem 0 0
	}

	.recMake__no {
		font-size: 1.4rem;
		height: 2.1rem;
		margin: .5rem 0 0;
		width: 2.1rem
	}

	.recMake__text {
		font-size: 1.4rem;
		width: calc(100% - 3rem)
	}

	.recMake__note {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recPrint {
		padding: 5.3rem 6.25% 0
	}

	.recPrint__btn {
		border-width: 2px;
		font-size: 1.5rem;
		height: 4.8rem;
		max-width: 33.9rem
	}

	.recPrint__icon {
		font-size: 2.5rem;
		left: 2.8rem
	}

	.recPrint__text {
		font-size: 1.5rem;
		font-weight: 700
	}

	.recPrint__arrow {
		font-size: 1.1rem;
		right: 2rem
	}

	.recDetSns {
		margin: 5.3rem 0 0
	}

	.recDetSns__title {
		font-size: 1.8rem
	}

	.recDetSns__list {
		font-size: 3.2rem;
		margin: 1.55rem 0 0
	}

	.recDetSns__item {
		margin: 0 2rem
	}

	.recPro {
		margin: 5.3rem 0 0;
		padding: 4rem 6.25%
	}

	.recPro__box {
		padding: 3.2rem 3.6rem 4rem
	}

	.recPro__list {
		margin: 2.8rem 0 0
	}

	.recPro__img {
		width: 9.5rem
	}

	.recPro__data {
		width: 100%
	}

	.recPro__img+.recPro__data {
		width: calc(100% - 10rem)
	}

	.recPro__title {
		font-size: 1.6rem;
		text-align: center
	}

	.recPro__name {
		font-size: 1.4rem;
		margin: 0
	}

	.recPro__text {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recPro__more {
		margin: 3rem 0 0;
		text-align: center
	}

	.recPro__btn {
		font-size: 1.4rem;
		height: 4.4rem;
		max-width: 23.9rem
	}

	.recPro__arrow {
		font-size: 1.1rem
	}

	.recHow {
		padding: 4rem 6.25% 13rem
	}

	.recHow__box {
		background: 0;
		padding: 0
	}

	.recHow__list {
		margin: 2.4rem 0 0
	}

	.recHow__img {
		width: 100%
	}

	.recHow__data {
		margin: 1.6rem 0 0;
		width: 100%
	}

	.recHow__text {
		font-size: 1.4rem
	}

	.recHow__more {
		text-align: center
	}

	.recHow__btn {
		font-size: 1.4rem;
		height: 4.4rem;
		margin: 1.3rem 0 0;
		max-width: 100%
	}

	.recSort {
		margin: 2.4rem 0 0;
		padding: 1.9rem 6.25%
	}

	.recSort__list:after,
	.recSort__list:before {
		display: none
	}

	.recSort__item {
		font-size: 1.2rem;
		height: 3.2rem;
		margin: .4rem 0;
		width: 48%
	}

	.recListSearch {
		margin: 2rem 0 0
	}

	.recRes {
		padding: 4rem 6.25% 11rem
	}

	.recRes__title {
		font-size: 1.8rem
	}

	.recRes__titleLarge {
		font-size: 2.4rem;
		margin: 0 .5rem 0 0
	}

	.recRes__list {
		margin: 1.4rem 0 0
	}

	.recRes__list:after,
	.recRes__list:before {
		-ms-flex-order: 2;
		content: "";
		order: 2;
		width: 48%
	}

	.recRes__item {
		margin: 2.8rem 0 0;
		width: 48%
	}

	.recRes__item--full {
		width: 100%
	}

	.recRes__img {
		height: 25vw
	}

	.recRes__data {
		margin: .8rem 0 0
	}

	.recRes__name {
		font-size: 1.4rem
	}

	.recRes__info,
	.recRes__infoItem {
		margin: .8rem 0 0
	}

	.recRes__infoIcon {
		font-size: 1.4rem;
		height: 1.9rem;
		width: 1.9rem
	}

	.recRes__infoVal {
		font-size: 1.25rem;
		width: calc(100% - 2.5rem)
	}

	.recRes__tag {
		font-size: 1.1rem;
		margin: .8rem 0 0
	}

	.recResInfo {
		margin: 2rem 0 0;
		width: 100%
	}

	.recResInfo__item {
		font-size: 1.1rem;
		height: 2.5rem;
		margin: 0;
		max-width: 24%;
		padding: 0 0 0 1rem;
		width: 8rem
	}

	.recResInfo__icon {
		font-size: 1.4rem;
		left: .6rem
	}

	.recPager {
		margin: 5.5rem 0 0
	}

	.recSearch {
		padding: 1.6rem 6.25% 0
	}

	.recSearch__list {
		padding: 0 0 3rem;
		position: relative
	}

	.recSearch__main,
	.recSearch__sub {
		width: 100%
	}

	.recSearch__text {
		position: relative;
		width: 100%;
		z-index: 2
	}

	.recSearch__input {
		font-size: 1.6rem;
		height: 4.5rem;
		padding: 1.5rem 7rem 1.5rem 3rem;
		width: 100%
	}

	.recSearch__textSend {
		font-size: 1.4rem;
		height: 4.5rem;
		width: 4.5rem
	}

	.recSearch__tag {
		bottom: 0;
		font-size: 1.3rem;
		left: 0;
		margin: 0;
		overflow: hidden;
		position: absolute;
		width: 100%;
		z-index: 2
	}

	.recSearch__tagItem {
		color: #80472c;
		display: inline-block;
		opacity: .6;
		padding: .3rem
	}

	.recSearch__tagItem:hover {
		opacity: 1
	}

	.recSearch .swiper-container {
		overflow: visible
	}

	.recMv {
		margin: 1.2rem 3.125% 0;
		padding: 0 3.125%
	}

	.recMv__movie {
		width: 100%
	}

	.recMv__recipe {
		margin: 4rem 0 0;
		padding: 3.4rem 2.1rem;
		width: 100%
	}

	.recMv__recipeData {
		padding: 0 1rem
	}

	.recMv__recipeTitle {
		font-size: 2.1rem
	}

	.recMv__recipeImg {
		margin: 1.9rem 0 0
	}

	.recMv__recipeText {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recSns {
		background-image: url(../img/top_rec_frame.png);
		margin: 2.3rem auto 0;
		padding: 3rem 0;
		text-align: center
	}

	.recSns__title {
		font-size: 1.8rem
	}

	.recSns__text {
		font-size: 1.4rem;
		margin: 1.2rem 0 0
	}

	.recSns__list {
		margin: 1.5rem 0 0
	}

	.recSns__item {
		font-size: 2.1rem;
		margin: 0 .8rem
	}

	.recSns__item--youtube {
		font-size: 2rem
	}

	.recWeek {
		margin: 8rem 0;
		padding: 0 0 3.3rem
	}

	.recWeek--10story {
		margin: 0
	}

	.recWeek__bg {
		height: 25.5rem
	}

	.recWeek__title {
		font-size: 2.4rem
	}

	.recWeek__head {
		font-size: 1.8rem;
		margin: 1rem 0 0;
		padding: 1rem 0;
		position: relative
	}

	.recWeek__slide {
		margin: 5rem 0 0
	}

	.recWeek__icon {
		font-size: 4.5rem
	}

	.recWeek__item {
		position: relative
	}

	.recWeek__en {
		font-size: 3.55rem;
		left: -.3em;
		top: .2em
	}

	.recWeek__box {
		border-radius: 3rem
	}

	.recWeek__data {
		padding: 1.5rem 1.7rem
	}

	.recWeek__dataImg {
		border-radius: 1rem;
		width: 9rem
	}

	.recWeek__dataText {
		width: calc(100% - 9rem)
	}

	.recWeek__dataMessage {
		font-size: 1.25rem
	}

	.recWeek__dataName {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recWeek__pager {
		margin: 1.6rem 0 0
	}

	.recWeek .swiper-pagination-bullet {
		height: 3.2rem;
		margin: 0 .5rem;
		width: 3.2rem
	}

	.recWeek .swiper-pagination-bullet-active {
		background-image: url(../img/slide_week_sp.png);
		background-size: 3.2rem auto
	}

	.recDay__title {
		font-size: 2.4rem;
		line-height: 1.5
	}

	.recDay__title--tab {
		font-size: 1.6rem
	}

	.recDay__tab {
		margin: 3.2rem 0 0;
		padding: 0 6.25%
	}

	.recDay__tabItem {
		font-size: 2.3rem;
		height: 4.5rem
	}

	.recDay__body {
		padding: 3.3rem
	}

	.recDay__slide {
		margin: 1.7rem 0 0
	}

	.recDay__more {
		margin: 1.8rem 0 3.2rem
	}

	.recDay__btn {
		font-weight: 1.4rem;
		height: 4.4rem;
		max-width: 24rem
	}

	.recDay__scene {
		margin: 2.5rem 0 0;
		padding: 0 6.25%
	}

	.recDay__sceneItem {
		height: 40vw;
		margin: .9rem 0 0;
		width: 49%
	}

	.recDay__sceneImg {
		margin: 0 auto;
		width: 7.5rem
	}

	.recDay__sceneName {
		font-size: 1.5rem;
		margin: 1rem 0 0
	}

	.recScene {
		padding: 0 0 4rem
	}

	.recHead {
		font-size: 1.95rem
	}

	.recCat {
		margin: 6.8rem 0 0;
		padding: 0 6.25%
	}

	.recCat__item {
		margin: 2.3rem 0 0;
		max-width: 49%
	}

	.recCat__name {
		font-size: 1.55rem;
		margin: 1rem 0 0
	}

	.recIng {
		margin: 11.2rem 0 0;
		padding: 0 6.25%
	}

	.recIng__item {
		font-size: 1.5rem;
		margin: 1.6rem 0 0;
		padding: 1rem .8rem;
		width: 48%
	}

	.recIng__img {
		width: 6rem
	}

	.recIng__name {
		width: calc(100% - 6rem)
	}

	.recItem {
		margin: 5.5rem 0 0
	}

	.recItem__tab,
	.recItem__title {
		padding: 0 6.25%
	}

	.recItem__tab {
		margin: 2.4rem 0 0
	}

	.recItem__tabItem {
		padding: 0 5% 4rem;
		position: relative;
		width: 25%
	}

	.recItem__tabItem.active:after {
		border-color: transparent transparent #f7e5c1;
		border-style: solid;
		border-width: 0 10px 14px 14px;
		height: 0;
		width: 0
	}

	.recItem__name {
		font-size: 1.5rem;
		margin: 1.7rem 0 0
	}

	.recItem__body {
		background: #f7e5c1;
		padding: 0 6.25%
	}

	.recItem__list {
		padding: 1rem 0 4rem
	}

	.recItem__list:after,
	.recItem__list:before {
		-ms-flex-order: 2;
		content: "";
		order: 2;
		width: 33%
	}

	.recItem__item {
		margin: 4rem 0 0;
		padding: 0 1rem;
		text-align: center;
		width: 33.333%
	}

	.recItem__itemImg--01-01,
	.recItem__itemImg--01-02,
	.recItem__itemImg--01-03,
	.recItem__itemImg--01-04 {
		padding: 0 1rem
	}

	.recItem__itemImg--01-05 {
		padding: 0 0 0 2rem
	}

	.recItem__itemName {
		font-size: 1.4rem;
		line-height: 1.3;
		margin: 1.5rem 0 0
	}

	.page-recruit .main_recruit.index .section01 .cnt_box .link.bnr_mynavi {
		padding: 10px 40px 14px;
		width: auto
	}

	.selMv {
		font-size: 2.7vw
	}

	.selMv__title {
		top: 6em
	}

	.selMv__text {
		font-size: 1.8em
	}

	.selMv__text--main {
		font-size: 2.9em;
		margin: .25em 0 .5em;
		padding: 0 .1em
	}

	.selMv__sep {
		padding: 0
	}

	.selIntro {
		margin: 3rem 0 0
	}

	.selIntro__img {
		max-width: 93.6rem
	}

	.selIntro__note {
		font-size: 1.2rem;
		margin: 1rem 0 0
	}

	.selIntro__text {
		margin: 5.6rem 0 0
	}

	.selHead,
	.selIntro__text {
		font-size: 1.8rem
	}

	.selHead:before {
		height: 2rem;
		left: 50%;
		position: absolute;
		top: 100%;
		transform: translate(-50%);
		width: 70%;
		z-index: 1
	}

	.selFive {
		margin: 6.6rem 0 0;
		padding: 6.6rem 6.25%
	}

	.selFive__title {
		font-size: 1.8rem;
		margin: 3.7rem 0 0
	}

	.selFive__intro {
		color: #80472c;
		font-size: 1.7rem;
		font-weight: 700;
		letter-spacing: .1em;
		line-height: 2;
		margin: 3rem 0 0;
		text-align: center
	}

	.selFive__list {
		margin: 5.4rem 0 0
	}

	.selFive__item {
		margin: 1rem 0 0;
		padding: 2.5rem;
		width: 100%
	}

	.selFive__data {
		width: calc(100% - 10rem)
	}

	.selFive__img {
		min-width: 0;
		width: 10rem
	}

	.selFive__name {
		font-size: 1.75rem;
		margin: 1rem 0 0
	}

	.selFive__table {
		margin: .8rem 0 0
	}

	.selFive__line {
		margin: .2rem 0 0
	}

	.selFive__cell {
		height: 2.7rem
	}

	.selFive__cell--th {
		font-size: 1.4rem;
		width: 4.8rem
	}

	.selFive__cell--td {
		font-size: 1.4rem;
		padding: 0 1.1rem;
		white-space: nowrap;
		width: calc(100% - 4.8rem)
	}

	.selFive__note {
		font-size: 1.2rem;
		margin: 1rem 0 0
	}

	.selFive__more {
		text-align: center;
		width: 100%
	}

	.selFive__move {
		font-size: 1.4rem;
		font-weight: 700;
		height: 3.8rem;
		margin: 1.4rem 0 0;
		max-width: 21.5rem
	}

	.selFive__tokuho {
		margin: 2.4rem 0 0;
		max-width: 100%;
		width: 100%
	}

	.selFive__tokuhoTitle {
		font-size: 1.4rem
	}

	.selFive__tokuhoBnr {
		display: block;
		text-align: center
	}

	.selFive__tokuhoBtn {
		font-size: 1.4rem;
		height: 3.8rem;
		margin: 1.6rem 0 0
	}

	.selData {
		padding: 6.2rem 6.25%
	}

	.selData__title {
		font-size: 2.4rem;
		margin: 1.7rem 0 0
	}

	.selData__intro {
		font-size: 1.7rem;
		margin: 2.2rem 0 0
	}

	.selData__list {
		margin: -1rem 0 0
	}

	.selData__item {
		margin: -2rem 1% 0
	}

	.selData__item--junsei {
		max-width: 31%
	}

	.selData__item--junsei.selData__item--1 {
		max-width: 33%
	}

	.selData__item--junsei.selData__item--2 {
		max-width: 30%
	}

	.selData__item--junsei.selData__item--3 {
		max-width: 24%
	}

	.selData__item--koikuchi.selData__item--1 {
		max-width: 27.8%
	}

	.selData__item--koikuchi.selData__item--2 {
		max-width: 23.8%
	}

	.selData__item--koikuchi.selData__item--3 {
		max-width: 19%
	}

	.selData__item--koikuchi.selData__item--4 {
		max-width: 11.5%
	}

	.selData__itemImg {
		transform: scale(.8);
		transform-origin: center 100%
	}

	.selData__itemName {
		font-size: 1.3rem;
		margin: 1.5rem 0 0
	}

	.selData__more {
		margin: 4rem 0 0
	}

	.selData__btn {
		font-size: 1.35rem;
		height: 5.6rem;
		max-width: 35rem
	}

	.selLink {
		padding: 6.8rem 6.25%
	}

	.selLink__item {
		width: 100%
	}

	.selLink__item:not(:first-child) {
		margin: 3.18rem 0 0
	}

	.selLink__title {
		font-size: 1.7rem
	}

	.selLink__bnr {
		display: block;
		margin: -2rem 0 0
	}

	.selLink__btn {
		font-size: 1.6rem;
		font-weight: 700;
		height: 4.8rem;
		max-width: 24.7rem
	}

	.selLink__btn--dummy {
		opacity: 0
	}

	.selLink__recipe {
		margin: 1.6rem 0 0
	}

	.selLink__recipeImg {
		background-position: 50%;
		background-size: cover;
		min-height: 14rem;
		width: 13.1rem
	}

	.selLink__recipeData {
		padding: 1rem 1.6rem;
		width: calc(100% - 13.1rem)
	}

	.selLink__recipeTitle {
		font-size: 1.5rem;
		line-height: 1.5
	}

	.selLink__recipeText {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.selLink__recipeMore {
		margin: 1.5rem 0 0;
		text-align: right
	}

	.selCon {
		padding: 8rem 6.25% 10rem
	}

	.selCon__title {
		font-size: 1.6rem;
		line-height: 2
	}

	.selCon__list {
		margin: 2rem 0 0
	}

	.selCon__item {
		margin: 1.2rem 0 0;
		width: 100%
	}

	.selCon__img {
		background-position: 50%;
		background-size: cover;
		width: 12.7rem
	}

	.selCon__data {
		padding: 2rem 1rem;
		width: calc(100% - 12.7rem)
	}

	.selCon__name {
		font-size: 1.5rem
	}

	.selCon__text {
		font-size: 1.3rem;
		margin: .8rem 0 0
	}

	.pageTitle {
		margin: 5.6rem 0 0;
		padding: 0 6.25%;
		text-align: center
	}

	.pageTitle__main {
		font-size: 3.6rem;
		letter-spacing: .1em
	}

	.pageTitle__sub {
		font-size: 1.5rem;
		margin: 1rem 0 0
	}

	.mapList {
		margin: 5.6rem 0;
		padding: 0 6.25%
	}

	.mapList__block {
		margin: 0;
		width: 100%
	}

	.mapList__block:not(:first-child) {
		margin: .8rem 0 0
	}

	.mapList__box {
		padding: 2.8rem 1.9rem
	}

	.mapList__box:not(:first-child) {
		margin: .8rem 0 0
	}

	.mapList__head {
		font-size: 2rem;
		margin: 0 0 1.5rem;
		padding: 0 0 1.5rem
	}

	.mapList__sub {
		margin: 1.5rem 0 .5rem
	}

	.mapMovie {
		padding: 0 0 11rem
	}

	.smellPoint {
		margin: 3.8rem 0 0;
		padding: 0 6.25%
	}

	.smellPoint__frame {
		padding: 4rem 1.9rem
	}

	.smellPoint__title {
		font-size: 1.8rem;
		letter-spacing: 0
	}

	.smellPoint__message {
		font-size: 1.6rem;
		letter-spacing: .1em;
		margin: 2.8rem 0 0;
		text-align: justify
	}

	.smellPoint__message--end {
		margin: 4rem 0 0;
		text-align: center
	}

	.smellPointLine:not(:first-child),
	.smellPoint__list {
		margin: 4rem 0 0
	}

	.smellPointLine__img {
		margin: 2rem 0 0;
		width: 100%
	}

	.smellPointLine:nth-child(2n) .smellPointLine__img {
		-ms-flex-order: 2;
		order: 2
	}

	.smellPointLine__data {
		width: 100%
	}

	.smellPointLine:nth-child(2n) .smellPointLine__data {
		-ms-flex-order: 1;
		order: 1
	}

	.smellPointLine__title {
		font-size: 1.6rem
	}

	.smellPointLine__text {
		font-size: 1.5rem;
		margin: 1rem 0 0
	}

	.smellMes {
		font-size: 1.7rem;
		letter-spacing: .1em;
		margin: 8rem 0 0
	}

	.smellInt {
		margin: 14rem 0 0;
		padding: 8rem 6.25%
	}

	.smellInt__bg {
		left: 0;
		min-width: 0;
		transform: none
	}

	.smellInt__main {
		font-size: 2.4rem
	}

	.smellInt__sub {
		font-size: 1.7rem
	}

	.smellInt__box {
		margin: 3.2rem 0 0;
		padding: 3.2rem 1.9rem
	}

	.smellIntAns {
		margin: 4.8rem 0 0
	}

	.smellIntAns__item {
		padding: 3rem 0 0
	}

	.smellIntAns__item:not(:first-child) {
		margin: 3rem 0 0
	}

	.smellIntAns__title {
		font-size: 1.7rem;
		letter-spacing: 0;
		line-height: 1.5
	}

	.smellIntAns__que {
		font-size: 1.8rem;
		height: 4.5rem;
		width: 4.6rem
	}

	.smellIntAns__titleText {
		width: calc(100% - 5.5rem)
	}

	.smellIntAns__ans {
		margin: 1.5rem 0 0
	}

	.smellIntAns__list:not(:first-child) {
		margin: 2.4rem 0 0
	}

	.smellIntAns__data {
		padding: 0;
		text-align: left;
		width: 100%
	}

	.smellIntAns__img {
		margin: 0;
		width: 7.6rem
	}

	.smellIntAns__name {
		font-size: 1.7rem;
		width: calc(100% - 9rem)
	}

	.smellIntAns__text {
		font-size: 1.5rem;
		margin: 2.5rem 0 0;
		padding: 2.8rem 2rem;
		width: 100%
	}

	.smellIntAns__text:before {
		background: #000;
		content: "";
		height: 2rem;
		left: 2.5rem;
		position: absolute;
		top: 0;
		width: 10rem;
		z-index: 3
	}

	.smellIntAns__text--green:before {
		background: #f9fff2
	}

	.smellIntAns__text--orange:before {
		background: #fff8ed
	}

	.smellIntAns__pop {
		bottom: calc(100% - 5px);
		left: 2.5rem;
		right: auto;
		top: auto;
		width: 1.6rem
	}

	.pureMv {
		padding: 2.4rem 6.25% 0
	}

	.pureIntro {
		font-size: 1.7rem;
		margin: 8rem 0 0
	}

	.purePoint {
		margin: 8rem 0 0;
		padding: 0 6.25%
	}

	.purePoint__box {
		padding: 5rem 0 0;
		position: relative
	}

	.purePoint__box:not(:first-child) {
		margin: 5.5rem 0 0
	}

	.purePoint__bg--1 {
		left: -3.125%;
		width: 15rem
	}

	.purePoint__bg--2 {
		right: -3.125%;
		width: 15rem
	}

	.purePoint__list {
		position: relative;
		z-index: 2
	}

	.purePoint__title {
		width: 11rem
	}

	.purePoint__title img {
		width: 4.8rem
	}

	.purePoint__img {
		border-radius: 3rem;
		width: calc(100% - 11rem)
	}

	.purePoint__text {
		font-size: 1.6rem;
		margin: 4.2rem 0 0;
		width: 100%
	}

	.pureStepEnd {
		margin: 5.8rem 0 0
	}

	.pureStepEnd__text {
		transform: translate(12rem)
	}

	.pureStepEnd__text img {
		width: 5.2rem
	}

	.pureStepEnd__img {
		margin: 0 auto;
		max-width: 55.4rem
	}

	.safeIntro {
		font-feature-settings: "palt";
		margin: 7rem 0 0
	}

	.safeIntro__title {
		font-size: 2rem;
		letter-spacing: .1em;
		line-height: 2
	}

	.safeIntro__text {
		font-size: 1.7rem;
		letter-spacing: .1em;
		line-height: 2;
		margin: 2.5rem 0 0
	}

	.safeFrame {
		padding: 0 0 8rem
	}

	.safeFrame,
	.safeSec:not(:first-child) {
		margin: 8rem 0 0
	}

	.safeImg {
		background-attachment: scroll;
		font-size: 2.5vw
	}

	.safeImg--1 {
		background-image: url(../img/safe_bg_01_sp.jpg)
	}

	.safeImg--2 {
		background-image: url(../img/safe_bg_02_sp.jpg)
	}

	.safeImg--3 {
		background-image: url(../img/safe_bg_03_sp.jpg)
	}

	.safeImg__frame {
		height: 51em
	}

	.safeImg__frame--3 {
		height: 60em
	}

	.safeImg__title {
		left: auto;
		right: 3.5em;
		top: 3.5em;
		transform: none;
		width: 30%
	}

	.safeImg__title--2 {
		right: 2.5em;
		width: 35%
	}

	.safeImg__title--3 {
		right: 2.5em;
		width: 33%
	}

	.safeImg__text {
		bottom: 2.5em;
		font-size: 1.6em;
		padding: 0 6.25%;
		right: 0;
		width: 100%
	}

	.safeList {
		margin: 2.5rem 0 0;
		padding: 0 6.25%
	}

	.safeList__item {
		margin: 4rem 0 0;
		width: 100%
	}

	.safeList__item--img+.safeList__item--img {
		margin: 1.5rem 0 0
	}

	.safeList__text,
	.safeList__title {
		font-size: 1.5rem
	}

	.safeList__text {
		margin: 1rem 0 0
	}

	.safeList__more {
		margin: 2.4rem 0 0
	}

	.safeList__btn {
		font-size: 1.4rem;
		height: 5.5rem;
		max-width: 100%
	}

	.spMv {
		font-size: 1.4vw;
		padding: 2.4rem 6.25% 0
	}

	.spMv__text {
		left: 5em;
		width: 56%
	}

	.spMv__sub {
		font-size: 2em
	}

	.spMv__main {
		font-size: 3.6em;
		margin: .5em 0 0
	}

	.spIntro {
		padding: 5rem 6.25% 0
	}

	.spIntro img {
		max-width: 80%
	}

	.spSec--1 {
		margin: 7.7rem 0 0
	}

	.spSec--2 {
		margin: 6.6rem 0 0
	}

	.spSec--3 {
		margin: 5.3rem 0 0
	}

	.spSec--4,
	.spSec--5 {
		margin: 5.1rem 0 0
	}

	.spSec__frame {
		padding: 40vw 6.25% 0
	}

	.spSec__frame--4,
	.spSec__frame--5 {
		padding: 49vw 6.25% 0
	}

	.spSec__mv {
		overflow: hidden;
		top: 5.5rem;
		width: 60vw
	}

	.spSec__mv img {
		border-radius: 0;
		max-width: 100%
	}

	.spSec__mv--1 {
		border-radius: 0 10vw 10vw 0;
		left: 0
	}

	.spSec__mv--2 {
		border-radius: 10vw 0 0 10vw;
		left: auto;
		right: 0
	}

	.spSec__mv--3 {
		border-radius: 0 10vw 10vw 0;
		left: 0;
		right: auto;
		width: 55vw
	}

	.spSec__mv--4 {
		border-radius: 10vw 0 0 10vw;
		left: auto;
		right: 0
	}

	.spSec__mv--5 {
		border-radius: 0 10vw 10vw 0;
		left: 0;
		right: auto;
		width: 55vw
	}

	.spSec__title--1 {
		right: 13vw;
		width: 25vw
	}

	.spSec__title--2 {
		left: 10vw;
		width: 28vw
	}

	.spSec__title--3 {
		right: 11vw;
		width: 29vw
	}

	.spSec__title--4 {
		left: 11vw;
		top: 0;
		width: 28vw
	}

	.spSec__title--5 {
		right: 11vw;
		width: 29vw
	}

	.spSec__box {
		border-radius: 3rem;
		width: 100%
	}

	.spSec__box--1,
	.spSec__box--2 {
		padding: 45vw 2.8rem 4.8rem
	}

	.spSec__box--3 {
		padding: 48vw 2.8rem 4.8rem
	}

	.spSec__box--4 {
		padding: 44vw 2.8rem 4.8rem;
		z-index: 1
	}

	.spSec__box--5 {
		padding: 35vw 2.8rem 4.8rem
	}

	.spSec__head {
		font-size: 15px;
		font-size: 4vw;
		letter-spacing: .1em;
		line-height: 1.5
	}

	.spSec__head--3,
	.spSec__head--4 {
		text-align: center
	}

	.spSec__head--4 {
		width: 100%
	}

	.spSec__list {
		position: relative;
		z-index: 4
	}

	.spSec__list--1 {
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 4vw 0 0
	}

	.spSec__list--2 {
		gap: 4vw;
		margin: 2.4rem 0 0
	}

	.spSec__list--4 {
		margin: 0
	}

	.spSec__item--1 {
		-ms-flex-pack: center;
		gap: 0 3%;
		justify-content: center;
		margin: 3rem 0 0;
		width: 100%;
		width: auto
	}

	.spSec__item--2 {
		margin: 2.6rem 0 0;
		width: 100%
	}

	.spSec__item--2 img {
		width: 100%
	}

	.spSec__img--1 {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20vw
	}

	.spSec__img--2 {
		background: #fff;
		border-radius: 4vw
	}

	.spSec__img--2 img {
		max-width: 228px;
		width: 75%
	}

	.spSec__no {
		font-size: 2.45rem;
		font-size: 18px;
		font-size: 4.8vw
	}

	.spSec__chip {
		font-size: 6vw;
		height: 20vw;
		padding: 0 0 0 .2em;
		transform: translate(-20%, -20%);
		width: 20vw
	}

	.spSec__text--1 {
		font-size: clamp(1.6rem, 3.2vw, 3.2vw);
		margin: 0;
		text-align: left;
		width: 32vw
	}

	.spSec__note {
		font-size: 1.7rem;
		letter-spacing: .1em;
		margin: 4rem 0 0
	}

	.spSec__note--1 {
		font-size: 4.5vw;
		margin: 2.8rem 0 0;
		white-space: nowrap
	}

	.spSec__note--2,
	.spSec__note--3,
	.spSec__note--4,
	.spSec__note--5 {
		font-size: 1.5rem;
		font-weight: 400;
		margin: 3.2rem 0 0
	}

	.spSec__data {
		width: 100%
	}

	.spSec__product {
		margin: 3.1rem auto 0;
		max-width: 21.5rem;
		width: 100%
	}

	.spSec__info {
		font-size: 1.2rem;
		font-weight: 400;
		margin: 1.5rem 0 0
	}

	.spSec__more {
		margin: 4rem 0 0
	}

	.spSec__btn {
		font-size: 1.35rem;
		height: 6.6rem;
		max-width: 100%
	}

	.spSec__btn--4-1 {
		letter-spacing: .15em;
		line-height: 1.5;
		max-width: 100%;
		width: 100%
	}

	.spSec__btn--4-2 {
		letter-spacing: .15em;
		margin: 1.2rem 0 0;
		width: 100%
	}

	.spSec__btn--5-1 {
		letter-spacing: .15em;
		line-height: 1.5;
		max-width: 100%;
		width: 100%
	}

	.spSec__btn--5-2 {
		letter-spacing: .15em;
		margin: 1.2rem 0 0;
		width: 100%
	}

	.spLink {
		padding: 8rem 6.25% 11rem
	}

	.spLink__title {
		font-size: 2rem
	}

	.spLink__list {
		margin: -.8rem 0 0
	}

	.spLink__list:after,
	.spLink__list:before {
		display: none
	}

	.spLink__item {
		margin: 2.8rem 0 0;
		width: 49%
	}

	.spLink__img {
		border-radius: 3rem
	}

	.spLink__name {
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 1rem 0 0
	}

	.pc {
		display: none !important
	}

	.sp-hide {
		display: none
	}

	.sp-ta-center {
		text-align: center
	}

	.sp-ta-right {
		text-align: right
	}

	.sp-ta-left {
		text-align: left
	}

	.img-sharp {
		image-rendering: auto
	}
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
	.topNews__cramp {
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media screen and (max-width:768px) and (max-width:350px) {
	.topCom__itemMain {
		font-size: 1.6rem
	}

	.topCom__itemSub {
		font-size: 1.3rem
	}

	.partsRecommend__text {
		font-size: 1.2rem
	}

	.partsRecommend__btn {
		font-size: 1.2rem;
		letter-spacing: 0
	}

	.heaSec__title {
		font-size: 1.8rem
	}

	.syoMessage__text {
		font-size: 1.4rem
	}

	.recResInfo__item {
		margin: .2rem 0;
		max-width: 48%;
		width: 48%
	}

	.selFive__tokuhoBtn {
		font-size: 1.2rem
	}
}

@media screen and (max-width:768px) and (max-width:400px) {
	.footerData__text {
		font-size: 1.3rem
	}

	.topLine__bnrImg {
		width: 9rem
	}

	.topLine__bnrData {
		width: calc(100% - 9rem)
	}

	.topCom__title {
		font-size: 2.6rem
	}

	.topCom__sub,
	.topRec__snsTitle {
		font-size: 1.6rem
	}

	.topRec__snsText {
		font-size: 1.2rem
	}

	.searchBox__item--recipe {
		font-size: 1.1rem;
		white-space: nowrap
	}

	.partsCommitted__head--ja {
		font-size: 2.4rem
	}

	.storyLineup__bnrImg {
		width: 9rem
	}

	.storyLineup__bnrData {
		width: calc(100% - 9rem)
	}

	.lesIntro {
		letter-spacing: .1em
	}

	.lesIntro__title {
		font-size: 1.7rem
	}

	.lesIntro__text {
		font-size: 5.3vw;
		white-space: nowrap
	}

	.lesProg__text {
		font-size: 4.2vw
	}

	.lesStd__name {
		font-size: 1.5rem;
		letter-spacing: 0
	}

	.lesStd__itemText {
		font-feature-settings: "palt";
		text-align: justify
	}

	.lesStd__itemText br {
		display: none
	}

	.recPrint__icon {
		font-size: 2rem;
		left: 2rem
	}

	.recPrint__text {
		font-size: 1.5rem;
		font-weight: 700
	}

	.recPrint__arrow {
		font-size: 1rem;
		right: 1.5rem
	}

	.recSns__title {
		font-size: 1.6rem
	}

	.recSns__text {
		font-size: 1.2rem
	}

	.selFive__data {
		width: calc(100% - 7rem)
	}

	.selFive__img {
		width: 7rem
	}

	.spSec__head {
		font-size: 4.5vw
	}
}

@media screen and (max-width:768px) and (max-width:450px) {
	.productHead__en {
		font-size: 2.6rem
	}
}

@media screen and (max-width:768px) and (max-width:500px) {
	.topMv__movie {
		position: static;
		transform: none
	}
}

@media screen and (max-width:768px) and (max-width:600px) {
	.topCom__itemBg {
		border-radius: 4rem
	}
}

@media screen and (max-width:760px) {
	.contactVoice .main_contact.page03 .lead {
		background: 0 0;
		margin-bottom: 15%;
		padding: 0
	}

	.contactVoice .main_contact.page03 .lead .tit {
		font-size: 5.5vw;
		font-weight: 700;
		margin-bottom: 4%;
		text-align: center
	}

	.contactVoice .main_contact.page03 .lead .txt {
		font-size: 4vw;
		text-align: center
	}

	.contactVoice .main_contact.page03 .lead .ph {
		margin-bottom: 5%
	}

	.contactVoice .main_contact.page03 .box {
		margin-bottom: 15%
	}

	.contactVoice .main_contact.page03 .box h3 {
		border-bottom: 1px solid #e1dbc9;
		color: #633411;
		font-size: 4.8vw;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 5%;
		padding-bottom: 3%;
		padding-left: 25px;
		text-align: left
	}

	.contactVoice .main_contact.page03 .box h3 span {
		position: relative
	}

	.contactVoice .main_contact.page03 .box h3 span:before {
		background: url(../img/cmn/icon_fuki.png) no-repeat 50%;
		background-size: 100% auto;
		content: "";
		height: 25px;
		left: -25px;
		position: absolute;
		top: -10px;
		width: 20px
	}

	.contactVoice .main_contact.page03 .box h4 {
		color: #eb9720;
		font-size: 4.3vw;
		font-weight: 700;
		margin-bottom: 5%;
		text-align: center
	}

	.contactVoice .main_contact.page03 .box .products_list {
		margin-bottom: 10%;
		text-align: center
	}

	.contactVoice .main_contact.page03 .box .products_list li {
		background: #fff;
		border: 1px solid #e1dbc9;
		border-radius: 5px;
		display: inline-block;
		height: 180px;
		margin: 0 1% 3%;
		padding: 5% 0 0;
		vertical-align: top;
		width: 47%
	}

	.contactVoice .main_contact.page03 .box .products_list li:hover {
		border: 1px solid #633411
	}

	.contactVoice .main_contact.page03 .box .products_list li .ph {
		margin: 0 auto 10px;
		width: 55px
	}

	.contactVoice .main_contact.page03 .box .products_list li .txt {
		color: #633411;
		font-size: 4vw;
		font-weight: 700;
		padding-top: 0;
		text-align: center
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li {
		margin-bottom: 15px
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.custmer {
		background: #fcf2cf;
		border-radius: 25px;
		color: #633411;
		font-size: 4.5vw;
		font-weight: 700;
		padding: 3% 8%;
		position: relative;
		text-align: left
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.custmer:before {
		background: url(../contact/img/03/arrow01.png) no-repeat 0 0;
		background-size: 100% auto;
		content: "";
		height: 27px;
		left: -5px;
		position: absolute;
		top: 0;
		width: 35px
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya {
		background: #eb9720;
		border-radius: 30px;
		color: #fff;
		font-size: 4.5vw;
		font-weight: 700;
		padding: 5% 8%;
		position: relative;
		text-align: left
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya:before {
		background: url(../contact/img/03/arrow02.png) no-repeat 0 0;
		background-size: 100% auto;
		content: "";
		height: 27px;
		position: absolute;
		right: -5px;
		top: 0;
		width: 35px
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .txt {
		margin-bottom: 4%
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list {
		text-align: center
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li {
		display: inline-block;
		font-size: 3.8vw;
		margin: 0 0 3%;
		width: 100%
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li img {
		border-radius: 5px
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list li p:nth-child(2) {
		margin-top: 2%
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list.small {
		margin: 0 auto;
		width: 100%
	}

	.contactVoice .main_contact.page03 .box .voice_list ul li.kadoya .ph_list.small li {
		margin: 0 1%;
		width: 47%
	}

	.contact .main_contact.index .faq_tit {
		background: #fcf2cf;
		border-bottom: 1px solid #e1dbc9;
		border-top: 1px solid #e1dbc9;
		color: #633411;
		font-size: 5.5vw;
		font-weight: 700;
		margin-bottom: 5%;
		padding: 5%
	}

	.contact .main_contact.index .faq_box {
		border: 1px solid #e1dbc9;
		border-radius: 8px;
		margin: 0 auto 5%;
		padding: 3%;
		width: 100%
	}

	.contact .main_contact.index .faq_box .more {
		color: #633411;
		font-size: 4.2vw;
		font-weight: 700;
		line-height: 2;
		padding: 3% 20px 3% 0;
		position: relative
	}

	.contact .main_contact.index .faq_box .more:before {
		background: url(../img/cmn/icon_side_tit_yg_o.png) no-repeat center 1px;
		background-size: 15px;
		bottom: 0;
		content: "";
		height: 16px;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 15px
	}

	.contact .main_contact.index .faq_box .more span {
		background: #84c95e;
		border-radius: 5px;
		color: #fff;
		display: inline-block;
		font-size: 3.8vw;
		line-height: 1;
		margin: 0 10px 0 0;
		padding: 3%;
		position: relative;
		vertical-align: top
	}

	.contact .main_contact.index .faq_box .more span:after {
		border: 5px solid transparent;
		border-top-color: #84c95e;
		bottom: -9px;
		content: "";
		display: block;
		height: 6px;
		left: 50%;
		overflow: hidden;
		position: absolute;
		transform: translateX(-50%);
		width: 10px
	}

	.contact .main_contact.index .faq_box .more span.txt {
		background: 0 0;
		color: #633411;
		display: inline-block;
		line-height: 1.3;
		margin: 0;
		padding: 0;
		position: static;
		vertical-align: top;
		width: calc(100% - 70px)
	}

	.contact .main_contact.index .faq_box .more span.txt:after {
		display: none
	}

	.contact .main_contact.index .faq_box .more span.txt02 {
		background: 0 0;
		color: #633411;
		display: inline-block;
		line-height: 1.3;
		margin: 0;
		padding: 0;
		position: static;
		vertical-align: top;
		width: calc(100% - 70px)
	}

	.contact .main_contact.index .faq_box .more span.txt02:after {
		display: none
	}

	.contact .main_contact.index .faq_box .more_cnt {
		border-top: 3px solid #e1dbc9;
		display: none;
		margin-top: 5%;
		padding-top: 5%
	}

	.contact .main_contact.index .faq_box .more_cnt>.txt {
		font-size: 3.8vw;
		margin-bottom: 5%
	}

	.contact .main_contact.index .faq_box .more_cnt table {
		font-size: 3.4vw
	}

	.contact .main_contact.index .faq_box .more_cnt table th {
		padding: 1.5%;
		text-align: left;
		width: auto
	}

	.contact .main_contact.index .faq_box .more_cnt table td {
		padding: 1.5%
	}

	.contact .main_contact.index .faq_box .more_cnt table.tbl_cal {
		font-size: 3.4vw;
		white-space: nowrap
	}

	.contact .main_contact.index .faq_box .more_cnt table.tbl_cal th {
		padding: 1.5%;
		text-align: left;
		width: auto
	}

	.contact .main_contact.index .faq_box .more_cnt table.tbl_cal td {
		padding: 1.5%
	}

	.contact .main_contact.index .faq_box .more_cnt ul li {
		display: inline-block;
		margin: 0 0 5%;
		vertical-align: top;
		width: 100%
	}

	.contact .main_contact.index .faq_box .more_cnt ul li .ph {
		margin-bottom: 4%
	}

	.contact .main_contact.index .faq_box .more_cnt .tit {
		font-size: 3.8vw;
		font-weight: 700;
		margin-bottom: 4%
	}

	.contact .main_contact.index .faq_box .more_cnt ul li .txt {
		font-size: 3.8vw;
		text-align: center
	}

	.contact .main_contact.index .faq_box .more_cnt .btn {
		height: 50px;
		width: 80%
	}

	.contact .main_contact.index .faq_box .more_cnt .btn a {
		background: #fff;
		border: 2px solid #eb9720;
		color: #eb9720;
		font-size: 4.2vw;
		line-height: 46px
	}

	.contact .main_contact.index .faq_box .more_cnt .btn a:after {
		border: 0;
		border-right: 2px solid #eb9720;
		border-top: 2px solid #eb9720;
		bottom: 0;
		content: "";
		height: 7px;
		margin: auto;
		position: absolute;
		right: 20px;
		top: 0;
		transform: rotate(45deg);
		vertical-align: middle;
		width: 7px
	}

	.contact .main_contact.index .faq_box .more_cnt .btn a:hover {
		background: #eb9720;
		color: #fff
	}

	.contact .main_contact.index .faq_box .more_cnt .btn a:hover:after {
		border-right: 2px solid #fff;
		border-top: 2px solid #fff
	}

	.contact .main_contact.index .faq_box.box18 .more_cnt table {
		margin-bottom: 4%
	}

	.contact .main_contact.index .faq_box.box18 .more_cnt table th {
		text-align: center
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt .txt .tit,
	.contact .main_contact.index .faq_box.box20 .more_cnt .txt .tit {
		font-size: 3.8vw;
		font-weight: 700;
		margin-bottom: 4%
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt .txt .alert,
	.contact .main_contact.index .faq_box.box20 .more_cnt .txt .alert {
		background: #ffe3e3;
		color: #d80000;
		font-size: 3.8vw;
		font-weight: 700;
		padding: 3% 5%
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt ul li,
	.contact .main_contact.index .faq_box.box20 .more_cnt ul li {
		margin-bottom: 4%
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt .h_2 {
		height: auto
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt .col_1 {
		width: 100%
	}

	.contact .main_contact.index .faq_box.box19 .more_cnt .col_1 .ph {
		display: inline-block;
		margin: 0 0 5%;
		vertical-align: top;
		width: 100%
	}

	.contact .main_contact.index .faq_box.box20 .more_cnt .col_1 {
		width: 100%
	}

	.contact .main_contact.index .faq_box.box20 .more_cnt .col_1 .ph_box {
		display: inline-block;
		margin: 0 0 5%;
		vertical-align: top;
		width: 100%
	}

	.contact .main_contact.index .faq_box.box20 .more_cnt li .ph.mt25 {
		margin-top: 0
	}

	.contact .main_contact.index .section01,
	.contact .main_contact.index .section02 {
		margin-bottom: 15%
	}

	.contact .main_contact.index .section02 .txt,
	.contact .main_contact.index .section03 .txt {
		font-size: 4vw;
		margin-bottom: 5%;
		text-align: center
	}

	.contact .tel {
		font-size: 8vw;
		font-weight: 700;
		margin-bottom: 5%;
		padding-left: 50px;
		text-align: center
	}

	.contact .tel span {
		display: inline-block;
		padding-top: 5px;
		position: relative
	}

	.contact .tel span:before {
		background: url(../img/cmn/icon_freedial.jpg) no-repeat 50%;
		background-size: 100% auto;
		content: "";
		height: 30px;
		left: -50px;
		position: absolute;
		top: 10px;
		width: 40px
	}

	.page-recruit .pc {
		display: none !important
	}

	.page-recruit h2,
	.page-recruit h3 {
		line-height: 1
	}

	.page-recruit a {
		text-decoration: none
	}

	.page-recruit img {
		width: 100%
	}

	.page-recruit .main {
		width: auto
	}

	.page-recruit main {
		margin-top: 0;
		padding-bottom: 15%;
		padding-top: 0
	}

	.page-recruit .container {
		background: 0 0;
		border: none;
		margin: 0 auto;
		padding: 0;
		width: 100%
	}

	.page-recruit .pan {
		display: none
	}

	.page-recruit .article_h2 {
		color: #222;
		height: 150px;
		margin-bottom: 8%;
		position: relative;
		text-align: center;
		width: 100%
	}

	.page-recruit .article_h2 .cover {
		background: hsla(0, 0%, 100%, .9);
		height: 100%;
		width: 100%
	}

	.page-recruit .article_h2 .txt_box {
		left: 50%;
		margin: auto;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%
	}

	.page-recruit .article_h2 .sub {
		font-size: 4vw;
		font-weight: 400;
		height: auto;
		margin: 0 auto 10px
	}

	.page-recruit .article_h2 h2 {
		color: #eb9720;
		font-family: Montserrat, sans-serif;
		font-size: 8.5vw;
		font-weight: 100;
		line-height: 1;
		margin-bottom: 30px;
		padding: 0 5%;
		position: relative
	}

	.page-recruit .article_h2 h2:after {
		background: #eb9720;
		bottom: -15px;
		content: "";
		display: inline-block;
		height: 4px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		width: 20px
	}

	.page-recruit h2.ttl {
		font-size: 7vw;
		font-weight: 700;
		margin-bottom: 15%;
		position: relative;
		text-align: center
	}

	.page-recruit h2.ttl:after {
		background: url(../img/cmn/icon_sesame.png) no-repeat 50%;
		background-size: 80px auto;
		bottom: -90%;
		content: "";
		display: inline-block;
		height: 13px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		width: 80px
	}

	.page-recruit h3.ttl {
		border-bottom: 1px solid #dedede;
		font-size: 6vw;
		line-height: 1.3;
		margin-bottom: 4%;
		padding: 0 3% 3%
	}
}

@media screen and (max-width:740px) {
	.contactVoice .section_index_ir {
		margin: 0 auto;
		padding: 0 5%;
		width: 100%
	}

	.contactVoice .section_index_ir aside.side {
		float: none;
		margin: 15% auto 0;
		width: 100%
	}

	.contactVoice .section_index_ir aside.side .side_menu {
		background: #fff;
		border: 1px solid #e1dbc9;
		margin-bottom: 4%;
		padding: 5% 4%
	}

	.contactVoice .section_index_ir aside.side .side_menu h3 {
		font-size: 5.5vw;
		font-weight: 700;
		margin-bottom: 5%;
		text-align: center
	}

	.contactVoice .section_index_ir aside.side .side_menu .index02 {
		font-size: 4vw;
		font-weight: 700
	}

	.contactVoice .section_index_ir aside.side .side_menu .index02 a {
		background: #fff;
		border-top: 1px solid #e1dbc9;
		color: #633411;
		display: inline-block;
		height: 100%;
		padding: 4% 4% 4% 40px;
		position: relative;
		width: 100%
	}

	.contactVoice .section_index_ir aside.side .side_menu .index02 a:before {
		background: #e1dbc9;
		border-radius: 50%;
		bottom: 0;
		content: "";
		height: 12px;
		left: 16px;
		margin: auto;
		position: absolute;
		top: 0;
		width: 12px
	}

	.contactVoice .section_index_ir aside.side .side_menu .index02 a:hover {
		background: #fcf2cf
	}

	.page-recruit a,
	.page-recruit div,
	.page-recruit h2,
	.page-recruit h3,
	.page-recruit img,
	.page-recruit li,
	.page-recruit p,
	.page-recruit span,
	.page-recruit ul {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0
	}

	.page-recruit article,
	.page-recruit section {
		display: block
	}

	.page-recruit ul {
		list-style: none
	}

	.page-recruit img {
		border: 0;
		vertical-align: top
	}

	.page-recruit section {
		clear: both
	}

	.page-recruit .cnt_box {
		margin-bottom: 15%
	}

	.page-recruit .main_recruit.index .section01 {
		margin: 0 auto;
		padding: 0 5%;
		width: 100%
	}

	.page-recruit .main_recruit.index .section01 .cnt_box .txt {
		font-size: 4.2vw;
		margin-bottom: 3%;
		padding: 0
	}

	.page-recruit .main_recruit.index .section01 .cnt_box .link {
		margin-bottom: 10%;
		padding: 0
	}
}

@media screen and (max-width:320px) {
	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box a {
		height: 64px;
		width: 64px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box:after {
		right: -8px
	}

	.page-enjoy3 .main_factory.factory_flow .section_flow .unit01 .box:nth-child(4):after {
		display: none
	}

	.page-enjoy3 .main_factory h4 small {
		font-size: 3.5vw
	}
}

@media (-ms-high-contrast:none) {

	.page-enjoy3 ::-ms-backdrop,
	.page-recruit ::-ms-backdrop {
		line-height: 2.3em
	}
}

@media (-ms-high-contrast:none) {

	.md-lay-wrap.active .md-lay.zoom .lay-bg,
	.md-lay-wrap:hover .md-lay.zoom .lay-bg,
	a.active .md-lay.zoom .lay-bg,
	a:hover .md-lay.zoom .lay-bg {
		transform: none
	}

	.topMvNews__item {
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.topCom {
		background-attachment: scroll
	}

	.topRecSlide__clamp {
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.storySec__largeNum {
		display: none
	}

	.storySec__largeNum--ie {
		display: inline-block;
		line-height: 1;
		text-align: center;
		width: 1em;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.storySec__largeNum--shift {
		transform: translateY(-.1rem)
	}

	.storySec__num {
		display: inline-block;
		line-height: 1;
		text-align: center;
		transform: translateY(-.6rem);
		width: 2em;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.collPro__clamp,
	.storyRecipe__clamp {
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.voNav__item {
		height: 30rem
	}

	.voNav__bg {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2
	}

	.enjoyMenu {
		overflow: hidden
	}

	.enjoyMenu .swiper-container {
		overflow: visible
	}

	.enjoyMenu .swiper-wrapper {
		height: auto !important
	}

	.productNav .productNavItem__link {
		padding: 1.5rem 0
	}

	.ie-hide {
		display: none
	}
}

@media screen and (orientation:landscape) {
	.md-overlay--ripple {
		height: 300vw;
		width: 300vw
	}
}

@media print {

	.bread,
	.fixSns,
	.footer,
	.header,
	.headerPad,
	.headerSearch,
	.noPrint,
	.sp {
		display: none
	}

	.recMain {
		margin: 1.4rem 0 0
	}

	.recMain__img {
		width: 50%
	}

	.recMain__data {
		width: 48%
	}

	.recMain__title {
		font-size: 2rem
	}

	.recMain__cat {
		font-size: 1.4rem;
		margin: 1.5rem 0 0
	}

	.recMain__info {
		margin: 2rem 0 0
	}

	.recMain__infoItem {
		margin: .6rem 0;
		width: 100%
	}

	.recMain__infoChip {
		border-radius: 1rem;
		font-size: 1.6rem;
		height: 4rem;
		padding: 0 0 0 1rem;
		position: relative;
		width: 11.8rem
	}

	.recMain__infoIcon {
		font-size: 1.9rem;
		left: .8rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2
	}

	.recMain__infoVal {
		width: calc(100% - 12.8rem)
	}

	.recMain__note {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recMain__desc {
		font-size: 1.8rem;
		line-height: 2;
		margin: 2rem 0 0
	}

	.recUse {
		margin: 3rem 0 0
	}

	.recUse__title {
		font-size: 2rem;
		padding: 0 0 1.5rem
	}

	.recUse__table {
		font-size: 1.6rem
	}

	.recUse__cell {
		font-feature-settings: "palt";
		font-size: 1.5rem
	}

	.recUse__cell--th {
		padding: 1.5rem 3rem
	}

	.recUse__cell--td {
		padding: 1.5rem 3rem 1.5rem 0
	}

	.recUse__note {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}

	.recMake {
		margin: 3rem 0 0
	}

	.recMake__title {
		font-size: 1.8rem
	}

	.recMake__pre {
		margin: 2rem 0 0
	}

	.recMake__preTitle {
		background: 0;
		color: #e3971c;
		font-size: 1.4rem
	}

	.recMake__preText {
		font-size: 1.4rem
	}

	.recMake__flow {
		margin: 2rem 0 0
	}

	.recMake__item {
		padding: 1.5rem 2rem
	}

	.recMake__item:not(:first-child) {
		margin: 1rem 0 0
	}

	.recMake__no {
		background: 0;
		color: #e3971c;
		font-size: 1.6rem;
		height: 2.4rem;
		width: 2.4rem
	}

	.recMake__text {
		font-size: 1.6rem;
		width: calc(100% - 5rem)
	}

	.recMake__note {
		font-size: 1.6rem;
		margin: 1rem 0 0
	}
}

@media print,
screen and (min-width:741px) {

	.page-recruit div,
	.page-recruit h2,
	.page-recruit h3,
	.page-recruit li,
	.page-recruit p,
	.page-recruit ul {
		margin: 0;
		padding: 0
	}

	.page-recruit img {
		border: 0
	}

	.page-recruit ul {
		list-style: none
	}

	.page-recruit h2,
	.page-recruit h3 {
		font-size: 100%;
		font-weight: inherit
	}
}

@media print,
screen and (min-width:761px) {
	.page-recruit .sp {
		display: none !important
	}

	.page-recruit img {
		width: 100%
	}
}

@media print,
screen and (min-width:769px) {
	.page-enjoy3 img {
		border: 0
	}

	.page-enjoy3 em {
		font-style: normal;
		font-weight: inherit
	}

	.page-enjoy3 ul {
		list-style: none
	}

	.page-enjoy3 h4,
	.page-enjoy3 h5 {
		font-size: 100%;
		font-weight: inherit
	}

	.page-enjoy3 .sp {
		display: none !important
	}

	.page-enjoy3 img {
		width: 100%
	}
}

/*# sourceMappingURL=common.css.map */