.vh_max {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100)
}

.f_sans {
	font-family: 'Noto Sans JP', sans-serif
}

.f_en {
	font-family: 'roboto', sans-serif
}

.text {
	line-height: 2;
	letter-spacing: ls(75)
}

.u_ba {
	position: relative
}

.u_ba::before,
.u_ba::after {
	content: '';
	position: absolute;
	display: block
}

html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	font-size: 62.5%
}

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

body {
	min-width: 100%;
	margin: 0;
	color: #444;
	font-family: YakuHanJP, 'Noto Sans JP', "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position: relative;
	font-size: min(3.1vw, 24px);
	line-height: 1.8;
	letter-spacing: .15rem;
	font-feature-settings: 'palt';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (min-width: 769px) {
	body {
		font-size: 1.8rem;
		letter-spacing: .2rem
	}
}

@keyframes FadeIn {
	0% {
		opacity: 0;
		transform: translateY(0%)
	}

	100% {
		opacity: 1;
		transform: translateY(0%)
	}
}

nav {
	display: block
}

.en,
h1,
h2,
h3,
header .navigation .main-menu a,
footer {
	font-family: YakuHanJP, 'Montserrat', 'Noto Sans JP', "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif
}

a {
	color: #444;
	text-decoration: none;
	background-color: transparent
}

a:focus {
	outline: none
}

a:hover,
.vertical_btn:hover {
	color: rgba(0, 0, 0, 0.5)
}

button {
	padding: 0;
	cursor: pointer
}

figure {
	margin: 0
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-style: none;
	vertical-align: top
}

p {
	margin: 0
}

i {
	font-style: normal
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	border: none;
	outline: none
}

button,
input {
	overflow: visible
}

input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none
}

input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px
}

button,
select {
	text-transform: none
}

button {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #444
}

ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	list-style: none
}

input,
textarea {
	-webkit-appearance: none !important;
	border-radius: 0 !important
}

address {
	font-style: normal
}

.fixed {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden
}

@media (min-width: 769px) {
	.sp-only {
		display: none
	}
}

.pc-only {
	display: none
}

@media (min-width: 769px) {
	.pc-only {
		display: block
	}
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.slick-prev:before {
	background: url(../images/common/arrow-prev.svg) no-repeat 50% 50%;
	background-size: contain
}

.slick-next:before {
	background: url(../images/common/arrow-next.svg) no-repeat 50% 50%;
	background-size: contain
}

.box-style1 {
	background: #444;
	position: relative
}

.box-style1:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent #FBF8F2 transparent transparent
}

.images-box {
	position: relative;
	overflow: hidden
}

.images-box div {
	width: 100%;
	height: 130%;
	margin-left: 0;
	margin-top: -15%
}

.preload {
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	opacity: 0
}

picture>* {
	width: 100%
}

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

.lazyload-parent img.lazyloaded {
	opacity: 1
}

.slick-prev,
.slick-next {
	z-index: 100
}

.slick-prev:before,
.slick-next:before {
	content: '';
	display: block
}

header {
	text-align: center;
	opacity: .5;
	opacity: 1;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 100;
	background: #fff;
	width: 100%;
	background: #fff
}

@media (max-width: 768px) {
	header {
		width: 100%;
		padding-top: min(3vw, 20px);
		padding-bottom: min(3vw, 20px)
	}
}

header::after {
	content: "";
	clear: both
}

@media (max-width: 768px) {
	header h1 {
		width: min(33vw, 263px);
		margin-left: min(10vw, 30px);
		float: left
	}
}

@media (min-width: 769px) {
	header h1 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		display: block;
		width: 180px;
		transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1)
	}
}

header h1 img {
	width: 100%
}

@media (max-width: 768px) {
	header h1 img {
		overflow: hidden;
		display: block
	}
}

@media (min-width: 769px) {
	header h1 img {
		vertical-align: top;
		display: block;
		margin-left: auto;
		margin-right: auto
	}
}

@media (max-width: 768px) {
	header>.sp-only {
		position: fixed;
		z-index: 999;
		width: min(11vw, 70px);
		height: calc(min(11vw, 70px) * 1)
	}

	header>.sp-only img {
		display: block;
		width: 60%;
		margin-top: 20%;
		margin-left: 30%;
		margin-right: 10%
	}

	header .menu__toggler_wrap {
		position: fixed;
		z-index: 999;
		width: min(11vw, 70px);
		height: calc(min(11vw, 70px) * 1);
		outline: none;
		cursor: pointer;
		top: min(3vw, 25px);
		right: min(4vw, 30px)
	}

	header .menu__toggler_wrap p {
		font-size: min(3vw, 19px);
		letter-spacing: .1rem;
		font-family: YakuHanJP, 'Montserrat', 'Noto Sans JP', "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		line-height: 1
	}

	header .menu__toggler_wrap .menu__toggler {
		position: relative;
		margin-top: min(1.2vw, 10px);
		width: calc(min(11vw, 70px) * .7);
		height: calc(min(11vw, 70px) * .5);
		margin-left: auto;
		margin-right: auto
	}

	header .menu__toggler_wrap .menu__toggler span,
	header .menu__toggler_wrap .menu__toggler span::before,
	header .menu__toggler_wrap .menu__toggler span::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		background-color: #444;
		left: 0;
		transition: 1s cubic-bezier(0.77, 0, 0.175, 1), background-color 0.5s
	}

	header .menu__toggler_wrap .menu__toggler span {
		top: 50%
	}

	header .menu__toggler_wrap .menu__toggler span::before {
		top: calc(min(11vw, 70px) * -.15);
		width: 100%
	}

	header .menu__toggler_wrap .menu__toggler span::after {
		top: calc(min(11vw, 70px) * .15);
		width: 100%
	}

	header .menu__toggler_wrap .menu__toggler.active>span {
		background-color: transparent
	}

	header .menu__toggler_wrap .menu__toggler.active>span::before,
	header .menu__toggler_wrap .menu__toggler.active>span::after {
		background-color: #444;
		top: 0px
	}

	header .menu__toggler_wrap .menu__toggler.active>span::before {
		transform: rotate(-225deg)
	}

	header .menu__toggler_wrap .menu__toggler.active>span::after {
		transform: rotate(225deg)
	}

	header .navigation {
		position: fixed;
		z-index: 998;
		height: 100vh;
		background: #c4c4c4;
		z-index: 100;
		top: 0;
		transition: 1s right cubic-bezier(0.77, 0, 0.175, 1);
		right: -29.85075rem;
		padding: 11.9403rem 3.58209rem 0
	}

	header .navigation.active {
		right: 0
	}

	header .navigation .main-menu {
		text-align: left
	}

	header .navigation .main-menu>*:not(:last-child) {
		margin-bottom: min(3vw, 20px)
	}
}

@media (max-width: 768px) and (max-width: 768px) {
	header .navigation .main-menu>*:last-child {
		display: none
	}
}

@media (max-width: 768px) {
	header .navigation a {
		color: #444;
		letter-spacing: .29851rem;
		font-size: min(4vw, 22px)
	}
}

@media (min-width: 769px) {
	header .menu__toggler_wrap {
		display: none
	}

	header .navigation {
		width: 866px;
		margin-left: auto;
		margin-right: auto
	}

	header .navigation .main-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 15px
	}

	header .navigation .main-menu>* {
		line-height: 1
	}

	header .navigation .main-menu>*:not(:last-child) {
		padding-right: 40px
	}

	header .navigation .main-menu>* a {
		font-size: 1.7rem;
		font-weight: normal;
		letter-spacing: .1rem;
		line-height: 1
	}
}

@media (min-width: 769px) {
	header.show h1 {
		transform: scale(0.75);
		margin-top: 0;
		margin-bottom: -15px
	}
}

main {
	opacity: .5;
	opacity: 1
}

@media (max-width: 768px) {
	main>section:not(#mainvisual-sec) {
		padding-top: min(17vw, 120px)
	}
}

@media (min-width: 769px) {
	main>section:not(#mainvisual-sec) {
		padding-top: 120px
	}
}

@media (max-width: 768px) {
	main>section:first-child:not(#mainvisual-sec) {
		padding-top: min(20w, 220px)
	}
}

@media (min-width: 769px) {
	main>section:first-child:not(#mainvisual-sec) {
		padding-top: 220px
	}
}

main>section>.container {
	margin-left: min(4vw, 30px);
	margin-right: min(4vw, 30px)
}

@media (min-width: 769px) {
	main>section>.container {
		width: 866px;
		margin-left: auto;
		margin-right: auto
	}
}

main>section>.container>* {
	width: 100%
}

main>section>.container>*:not(:last-child) {
	margin-bottom: min(2vw, 20px)
}

@media (min-width: 769px) {
	main>section>.container>*:not(:last-child) {
		margin-bottom: 20px
	}
}

main>section>.container>*+img {
	margin-top: min(1vw, 30px)
}

@media (min-width: 769px) {
	main>section>.container>*+img {
		margin-top: 30px
	}
}

@media (max-width: 768px) {
	main>section>.container>* br {
		display: none
	}
}

main>section>.container img+.list-set {
	margin-top: 30px
}

main>section>.container h2 {
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #444;
	line-height: 1;
	letter-spacing: .2rem;
	font-size: min(5vw, 42px);
	padding-bottom: min(2vw, 15px);
	margin-bottom: min(5vw, 50px) !important
}

@media (min-width: 769px) {
	main>section>.container h2 {
		font-size: 3.2rem;
		padding-bottom: 10px;
		margin-bottom: 50px !important
	}
}

main>section>.container h2 span {
	font-size: min(2.9vw, 24px)
}

@media (min-width: 769px) {
	main>section>.container h2 span {
		font-size: 1.8rem
	}
}

main>section>.container>.sub-section+.sub-section {
	margin-top: min(8vw, 100px)
}

@media (min-width: 769px) {
	main>section>.container>.sub-section+.sub-section {
		margin-top: 50px
	}
}

main>section>.container>.sub-section h3 {
	font-weight: 400;
	background: #e1e1e1;
	color: #fff;
	line-height: 1.5;
	letter-spacing: .2rem;
	font-size: min(5vw, 34px);
	margin-bottom: min(5vw, 40px);
	padding: min(3vw, 30px) min(3vw, 30px) min(4vw, 40px)
}

@media (min-width: 769px) {
	main>section>.container>.sub-section h3 {
		font-size: 3.3rem;
		margin-bottom: 35px;
		padding: 30px
	}
}

@media (max-width: 768px) {
	main>section>.container>.sub-section h3 br {
		display: none
	}
}

main>section>.container>.sub-section h3 span {
	display: block;
	color: #444;
	font-size: min(3vw, 22px)
}

@media (min-width: 769px) {
	main>section>.container>.sub-section h3 span {
		font-size: 1.6rem
	}
}

main>section>.container .list-set {
	border-bottom: 1px solid #E1E1E1;
	padding-bottom: min(3vw, 30px);
	margin-bottom: min(3vw, 30px)
}

@media (min-width: 769px) {
	main>section>.container .list-set {
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

main>section>.container .list-set dl {
	display: flex;
	flex-wrap: wrap;
	table-layout: fixed
}

@media (max-width: 768px) {
	main>section>.container .list-set dl span {
		font-size: 80%;
		display: block
	}
}

main>section>.container .list-set dl dt {
	width: min(27vw, 220px);
	padding-right: min(3vw, 20px)
}

@media (min-width: 769px) {
	main>section>.container .list-set dl dt {
		width: 250px
	}
}

main>section>.container .list-set dl dd {
	width: calc(100% - min(27vw, 220px));
	word-wrap: break-word
}

@media (min-width: 769px) {
	main>section>.container .list-set dl dd {
		width: calc(100% - 250px)
	}
}

main>section>.container .list-set dl dd .gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-top: 15px;
	margin-bottom: 30px
}

main>section>.container .list-set dl dd .gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

main>section>.container .list-set dl dd input,
main>section>.container .list-set dl dd textarea {
	width: 100%;
	background-color: #ddd;
	padding: 3rem
}

main>section#mainvisual-sec {
	margin-top: min(15vw, 110px)
}

@media (min-width: 769px) {
	main>section#mainvisual-sec {
		margin-top: 135px
	}
}

@media (max-width: 768px) {
	main>section#mainvisual-sec>.container {
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 769px) {
	main>section#mainvisual-sec>.container {
		width: 100%
	}
}

main>section#mainvisual-sec>.container div {
	width: 100%
}

@media (max-width: 768px) {
	main>section#mainvisual-sec>.container div {
		height: min(90vw, 700px)
	}
}

@media (min-width: 769px) {
	main>section#mainvisual-sec>.container div {
		height: 700px
	}
}

main>section#mainvisual-sec>.container div.mainvisual1 {
	background: url("../images/mainvisual1.jpg") 50% 50% no-repeat;
	background-size: cover
}

main>section#mainvisual-sec>.container div.mainvisual2 {
	background: url("../images/mainvisual2.jpg") 50% 50% no-repeat;
	background-size: cover
}

main>section#mainvisual-sec>.container div.mainvisual3 {
	background: url("../images/mainvisual3.jpg") 50% 50% no-repeat;
	background-size: cover
}

main>section#mainvisual-sec>.container div.mainvisual4 {
	background: url("../images/mainvisual4.jpg") 50% 50% no-repeat;
	background-size: cover
}

main>section#contact-sec .list-set {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none
}

main>section#contact-sec .list-set dl {
	border: none !important
}

main>section#contact-sec .list-set dl>* {
	padding-bottom: 1.5rem
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl>* {
		padding-bottom: 3rem
	}
}

main>section#contact-sec .list-set dl dt {
	width: min(33vw, 240px);
	padding-right: min(3vw, 20px)
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl dt {
		width: 250px;
		padding-right: 30px
	}
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl dt label {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between
	}
}

main>section#contact-sec .list-set dl dt label br {
	display: block
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl dt label br {
		display: none
	}
}

main>section#contact-sec .list-set dl dt label .required {
	line-height: 1;
	background: #9b9b9b;
	color: #fff;
	padding: .5rem .5rem .7rem
}

@media (max-width: 768px) {
	main>section#contact-sec .list-set dl dt label .required {
		display: inline-block;
		margin-top: .5rem;
		font-size: 75%
	}
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl dt label .required {
		font-size: 60%;
		float: right;
		padding: 1rem 1rem 1.2rem
	}
}

main>section#contact-sec .list-set dl dd {
	width: calc(100% - min(33vw, 240px))
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set dl dd {
		width: calc(100% - 250px)
	}
}

main>section#contact-sec .list-set dl dd input,
main>section#contact-sec .list-set dl dd textarea {
	width: 100%;
	background-color: #EFEFEF;
	padding: 1rem
}

@media (min-width: 769px) {

	main>section#contact-sec .list-set dl dd input,
	main>section#contact-sec .list-set dl dd textarea {
		padding: 2rem
	}
}

main>section#contact-sec .list-set .agreement {
	text-align: right
}

main>section#contact-sec .list-set .agreement .checkbox-scale {
	-webkit-appearance: checkbox !important;
	border-radius: auto !important;
	transform: scale(1.5);
	margin-right: .5rem
}

main>section#contact-sec .list-set .agreement .checkbox-scale:checked {
	animation: 0.5s linear 0s normal 1 running scale
}

@keyframes scale {
	30% {
		transform: scale(1.8)
	}

	70% {
		transform: scale(1.5)
	}

	100% {
		transform: none
	}
}

main>section#contact-sec .list-set .agreement a {
	text-decoration: underline
}

main>section#contact-sec .list-set .submit-wrapper {
	text-align: right
}

main>section#contact-sec .list-set .submit-wrapper input {
	background: #444;
	color: #fff;
	margin-top: 2rem;
	font-size: min(4vw, 20px);
	letter-spacing: min(.5vw, 2px);
	padding: min(4vw, 20px) min(5.5vw, 27px) min(3.5vw, 15px) min(6vw, 30px)
}

@media (min-width: 769px) {
	main>section#contact-sec .list-set .submit-wrapper input {
		margin-top: 3rem;
		font-size: 2rem;
		letter-spacing: 1rem;
		padding: 2rem 3rem 2rem 4rem
	}
}

main>section#contact-sec .list-set .submit-wrapper input:hover {
	opacity: .5
}

main>section#article-sec .container>h2 {
	line-height: 1.6;
	font-weight: bold
}

main>section#article-sec .container>h3 {
	margin-top: min(6vw, 50px);
	border-left: 2px solid #9b9b9b;
	padding-left: min(2vw, 20px)
}

main>section#article-sec .container table {
	background: #e1e1e1;
	border-collapse: separate;
	border-spacing: 1px
}

main>section#article-sec .container table tr>* {
	background: #fff
}

main>section#article-sec .container figure,
main>section#article-sec .container .table-wrap {
	margin-top: min(6vw, 50px)
}

main>section#article-sec .container figure figcaption,
main>section#article-sec .container .table-wrap figcaption {
	font-size: 80%;
	display: block;
	padding-top: min(3vw, 20px)
}

main>section#article-sec .container figure+*,
main>section#article-sec .container .table-wrap+* {
	margin-top: min(6vw, 50px)
}

main>section#article-sec .container .table-wrap {
	width: 100%;
	overflow: scroll;
	border: none
}

main>section#article-sec .container .table-wrap table {
	width: 1000px
}

main>section#article-sec .container .table-wrap table thead th {
	position: sticky;
	top: 0;
	z-index: 1
}

main>section#article-sec .container .table-wrap table th:first-child {
	position: sticky;
	left: 0;
	background-color: #ddd
}

main>section#article-sec .container .table-wrap table thead th:first-child {
	z-index: 2;
	background: #9b9b9b
}

main>section#article-sec .container .table-wrap table th,
main>section#article-sec .container .table-wrap table td {
	border-collapse: collapse;
	text-align: left;
	padding: .2rem .5rem;
	font-weight: normal
}

main>section#article-sec .container .table-wrap table thead th {
	background: #9b9b9b;
	color: #E0E0E0
}

@media (max-width: 768px) {
	main>section .policy>h3 {
		padding-top: min(4vw, 50px)
	}
}

@media (min-width: 769px) {
	main>section .policy>h3 {
		padding-top: 50px
	}
}

@media (max-width: 768px) {
	main>section .policy>h3+* {
		padding-top: min(3vw, 30px)
	}
}

@media (min-width: 769px) {
	main>section .policy>h3+* {
		padding-top: 30px
	}
}

@media (max-width: 768px) {
	main>section .policy>h4 {
		padding-top: min(3vw, 30px)
	}
}

@media (min-width: 769px) {
	main>section .policy>h4 {
		padding-top: 30px
	}
}

@media (max-width: 768px) {
	main>section .policy>h4+* {
		padding-top: min(2vw, 15px)
	}
}

@media (min-width: 769px) {
	main>section .policy>h4+* {
		padding-top: 15px
	}
}

main>section .policy>ol {
	list-style-type: decimal;
	padding-left: min(6vw, 30px)
}

@media (min-width: 769px) {
	main>section .policy>ol {
		padding-left: min(2vw, 30px)
	}
}

@media (max-width: 768px) {
	main>section .policy>ol {
		padding-top: min(3vw, 20px)
	}
}

@media (min-width: 769px) {
	main>section .policy>ol {
		padding-top: 20px
	}
}

main>section .policy>ol>* {
	list-style-type: decimal
}

main>section .policy>ol>* b {
	display: block
}

@media (max-width: 768px) {
	main>section .policy>ol.mgn-ol>*:not(:first-child) {
		padding-top: min(3vw, 20px)
	}
}

@media (min-width: 769px) {
	main>section .policy>ol.mgn-ol>*:not(:first-child) {
		padding-top: 20px
	}
}

main>section .policy p br {
	display: block
}

footer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background: #E1E1E1;
	color: #fff;
	line-height: 1;
	padding-top: min(7vw, 50px);
	padding-bottom: min(7vw, 50px);
	margin-top: min(13vw, 80px)
}

@media (min-width: 769px) {
	footer {
		padding-top: 50px;
		padding-bottom: 40px;
		margin-top: 120px
	}
}

@media (min-width: 769px) {
	.flex {
		display: flex;
		flex-wrap: wrap
	}
}

@media (min-width: 769px) {
	.flex.row-re {
		flex-direction: row-reverse
	}
}

.webp #mainvisual-sec>* .images-box {
	background: url(../images/scene1.webp) no-repeat 50% 50%;
	background-size: cover
}

.webp #mainvisual-sec>* .images-box.scene2 {
	background: url(../images/scene2.webp) no-repeat 50% 50%;
	background-size: cover
}

.webp main>section#concept-sec>* .count.count2 .images-box div {
	background: url(../images/count2.webp) no-repeat 50% 50%;
	background-size: contain
}

.webp main>section#concept-sec>* .count.count3 .images-box div {
	background: url(../images/count4.webp) no-repeat 50% 50%;
	background-size: contain
}

.webp main>section#concept-sec>* .count.count4 .images-box div {
	background: url(../images/count3.webp) no-repeat 50% 50%;
	background-size: cover
}

.webp main>section#concept-sec>* .count.count8 .images-box div {
	background: url(../images/count8.webp) no-repeat 50% 50%;
	background-size: contain
}

.webp main>section#concept-sec>* .count.count11 .images-box div {
	background: url(../images/count11.webp) no-repeat 50% 50%;
	background-size: contain
}

.webp main>section#about-sec>div .images-box div {
	background: url(../images/chef.webp) no-repeat 50% 50%;
	background-size: cover
}

.webp main>section#shop-sec {
	margin-bottom: 7.76119rem
}

.webp main>section#shop-sec>div .images-box div {
	background: url(../images/shop.webp) no-repeat 50% 50%;
	background-size: contain
}

@media (min-width: 769px) {
	.webp main>section#shop-sec>div .images-box div {
		background: url(../images/shop.webp) no-repeat 50% 50%;
		background-size: cover
	}
}

.no-webp #mainvisual-sec>* .images-box {
	background: url(../images/scene1.jpg) no-repeat 50% 50%;
	background-size: cover
}

.no-webp #mainvisual-sec>* .images-box.scene2 {
	background: url(../images/scene2.jpg) no-repeat 50% 50%;
	background-size: cover
}

.no-webp main>section#concept-sec>* .count.count2 .images-box div {
	background: url(../images/count2.jpg) no-repeat 50% 50%;
	background-size: contain
}

.no-webp main>section#concept-sec>* .count.count3 .images-box div {
	background: url(../images/count4.jpg) no-repeat 50% 50%;
	background-size: contain
}

.no-webp main>section#concept-sec>* .count.count4 .images-box div {
	background: url(../images/count3.jpg) no-repeat 50% 50%;
	background-size: cover
}

.no-webp main>section#concept-sec>* .count.count8 .images-box div {
	background: url(../images/count8.jpg) no-repeat 50% 50%;
	background-size: contain
}

.no-webp main>section#concept-sec>* .count.count11 .images-box div {
	background: url(../images/count11.jpg) no-repeat 50% 50%;
	background-size: contain
}

.no-webp main>section#about-sec>div .images-box div {
	background: url(../images/chef.jpg) no-repeat 50% 50%;
	background-size: cover
}

.no-webp main>section#shop-sec {
	margin-bottom: 7.76119rem
}

.no-webp main>section#shop-sec>div .images-box div {
	background: url(../images/shop.jpg) no-repeat 50% 50%;
	background-size: contain
}

@media (min-width: 769px) {
	.no-webp main>section#shop-sec>div .images-box div {
		background: url(../images/shop.jpg) no-repeat 50% 50%;
		background-size: cover
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes slideup {
	0% {
		opacity: 0;
		transform: translate3d(0, 1.79104rem, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

.error {
	color: #F00;
	font-weight: bold;
}