@charset "utf-8";
#toppage .header_logo img {
		opacity: 1;
}
#toppage .ann20th img {
		opacity: 1;
		transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
#toppage header.active .header_logo img {
		transition: opacity 0.5s ease-out;
		opacity: 1;
}
#toppage header.active .ann20th img {
		transform: scale(0.5) translate(-112px, -115px);
}
.no_scroll {
		overflow: hidden;
		height: 100vh !important;
}
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: #fff;
		z-index: 9999;
}
.loading_base_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
}
.loading_logo {
		width: 490px;
		opacity: 0;
		position: relative;
}
.loading_base_wrap .loading_logo_cont {
		width: 100px;
		height: 100px;
		position: absolute;
		bottom: 0;
		left: 0;
}
.loading_logo img {
		mix-blend-mode: multiply;
}
.loading_logo.active {
		animation: fadeIn 0.5s linear forwards;
}
.loading_logo::before, .loading_logo::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		bottom: -50px;
}
.loading_logo::before {
		background: rgba(0, 0, 0, 0);
}
.loading_logo::after {
		height: 1;
		background: rgba(0, 0, 0, 0.2);
		background: #a11d23;
		transform-origin: left center;
		transform: scaleX(0);
}
.loading_logo.active::after {
		animation: loadingLine 1s linear forwards;
}
@keyframes loadingLine {
		0% {
				transform: scaleX(0);
		}
		100% {
				transform: scaleX(1);
		}
}
@keyframes countUpNo {
		0% {
				color: rgba(0, 0, 0, 1);
		}
		100% {
				color: rgba(0, 0, 0, 0);
		}
}
.loading_logo img {
		width: 100%;
		height: auto;
}
.hero_section, .slide_bg, .swiper-slide, .introduction_tile, .tile_caption, .tile_caption_title {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}
.hero_section {
		overflow: hidden;
}
.hero_container .swiper-slide {
		position: relative;
}
.slide_bg {
		position: relative;
		background-position: center center;
		background-repeat: no-repeat !important;
		background-size: cover;
		opacity: 0;
}
.hero_container .swiper-slide.hero_slide1 .slide_bg {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_1.jpg);
}
.hero_container .swiper-slide.hero_slide2 .slide_bg {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_2.jpg);
}
.hero_container .swiper-slide.hero_slide3 .slide_bg {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_3.jpg);
}
.hero_container .swiper-slide.hero_slide4 .slide_bg {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_4.jpg);
}
.swiper-slide {
		overflow: hidden;
}
.swiper-slide-active .slide_bg {
		position: relative;
		z-index: 10;
		opacity: 1;
}
.swiper-slide-active .slide_bg, .swiper-slide-duplicate-active .slide_bg, .swiper-slide-prev .slide_bg {
		animation: zoomIn 6s linear forwards;
}
@keyframes zoomIn {
		0% {
				transform: scale(1.2);
		}
		100% {
				opacity: 1;
				transform: scale(1);
		}
}
.hero_container .hero_scroll_outer {
		width: 100%;
		height: 94px;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: flex-end;
}
.hero_scroll {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
		color: #4c4949;
}
.hero_scroll_bar {
		height: 94px;
		width: 1px;
		background: #ededed;
		margin: 10px auto 0;
		position: relative;
}
.hero_scroll_bar::after {
		content: '';
		display: block;
		width: 1px;
		height: 94px;
		position: absolute;
		left: 0;
		top: 0;
		background: #a11d23;
		transform-origin: center top;
		transform: scale(0);
		animation: heroScroll 2s ease infinite;
}
@keyframes heroScroll {
		0%, 15% {
				transform: scale(0);
				opacity: 0;
		}
		30% {
				transform: scale(1);
				opacity: 1;
		}
		80% {
				transform: scale(1);
				opacity: 1;
		}
		100% {
				transform: scale(1);
				opacity: 0;
		}
}
.swiper-pagination {
		text-align: left;
		box-sizing: border-box;
		padding-left: 45px;
		z-index: 20;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 43px;
}
.swiper-pagination-bullet {
		background: none;
		opacity: 1;
		box-sizing: border-box;
		border: 1px solid #b2b2b2;
		position: relative;
}
.swiper-pagination-bullet::before {
		content: '・';
		position: absolute;
		left: 45px;
		top: -4px;
		font-size: 10px;
}
.swiper-pagination-bullet::after {
		font-family: 'Roboto', sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
		color: #a11d23;
		position: absolute;
		left: -12px;
		transform: rotate(90deg);
		transform-origin: right bottom;
		line-height: 1;
		white-space: nowrap;
		width: 10px;
		text-align: right;
		opacity: 0;
}
.swiper-pagination-bullet:last-child::before {
		display: none;
}
.swiper-pagination-bullet-active {
		background: #a11d23;
		border: 1px solid #a11d23;
		opacity: 1;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
		transform: rotate(90deg);
		transition: opacity 1s;
		opacity: 1;
}
.swiper-pagination-bullets .swiper-pagination-bullet:first-child::after {
		content: 'peeler';
		top: -4.2em;
}
.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2)::after {
		content: 'kitchen knife';
		top: -8.2em;
}
.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3)::after {
		content: 'grater / fine shredder';
		top: -12.4em;
}
.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4)::after {
		content: 'kitchen scissors';
		top: -10.3em;
}
.hero_container {
		position: relative;
		box-sizing: border-box;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 60px;
}
.swiper_gauge {
		width: 380px;
		height: 1px;
		background: #ededed;
		position: relative;
		transform: translateY(-50px) translateX(45px);
		z-index: 50;
}
.swiper_gauge::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #a11d23;
		position: absolute;
		top: 0;
		left: 0;
		transform: scaleX(0);
		transform-origin: left center;
}
.swiper_gauge.active::after {
		animation: eneGauge 6s forwards;
}
@keyframes eneGauge {
		0% {
				transform: scaleX(0);
		}
		100% {
				transform: scaleX(1);
		}
}
.hero_container .hero_caption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
}
.hero_caption h1 {
		width: 490px;
}
.hero_caption h1 img {
		width: 100%;
		height: auto;
}
.introduction_section {
		background: #fff;
}
.introduction_all {
		display: flex;
		flex-wrap: wrap;
}
.introduction_about {
		display: flex;
}
.introduction_about_right {
		width: 60%;
		display: flex;
		flex-wrap: wrap;
}
.introduction_tile {
		width: 20%;
		height: 20vw;
		box-sizing: border-box;
		border: 2px solid #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		transform-origin: center center;
		cursor: pointer;
		position: relative;
		opacity: 0;
		top: 50px;
		transition: opacity 0.5s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.active .introduction_tile {
		opacity: 1;
		top: 0px;
}
.introduction_tile.tile_01, .introduction_tile.tile_04, .introduction_tile.tile_07, .introduction_tile.tile_10 {
		transition-delay: 0s;
}
.introduction_tile.tile_02, .introduction_tile.tile_05, .introduction_tile.tile_08, .introduction_tile.tile_11 {
		transition-delay: 0.2s;
}
.introduction_tile.tile_03, .introduction_tile.tile_06, .introduction_tile.tile_09, .introduction_tile.tile_12 {
		transition-delay: 0.4s;
}
.introduction_tile.products, .introduction_tile.tile_13, .introduction_tile.tile_14 {
		transition-delay: 0.6s;
}
.introduction_tile.tile_15, .introduction_tile.tile_18 {
		transition-delay: 0s;
}
.introduction_tile.movie, .introduction_tile.tile_19, .introduction_tile.tile_20 {
		transition-delay: 0.2s;
}
.introduction_tile.tile_16, .introduction_tile.tile_17, .introduction_tile.recipe {
		transition-delay: 0.4s;
}
.introduction_tile.movie::after, .introduction_tile.products::after, .introduction_tile.comingsoon::after, .introduction_tile.recipe::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.15);
		mix-blend-mode: multiply;
		transition: 1s cubic-bezier(0.18, 0.06, 0.23, 1);
		z-index: 0;
		pointer-events: none;
}
.introduction_tile.movie::after, .introduction_tile.products::after, .introduction_tile.recipe::after {
		opacity: 0;
}
@media (hover: hover) {
		.introduction_tile.products:hover::after, .introduction_tile.movie:hover::after, .introduction_tile.recipe:hover::after {
				opacity: 1;
		}
}
.introduction_tile.about {
		width: 40%;
		height: 40vw;
		overflow: hidden;
		position: relative;
		transition: background 0.3s;
		background: #f6f6f6;
}
.introduction_tile.about::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_pc.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		transition: background 0.3s;
}
.introduction_tile.about:lang(en)::before {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_pc_en.png);
}
@media (hover: hover) {
		.introduction_tile.about:hover {
				background-color: rgba(0, 0, 0, 0.2);
		}
		.introduction_tile.about:hover::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_wht_pc.png);
		}
		.introduction_tile.about:lang(en):hover::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_pc_en_wht.png);
		}
}
.introduction_tile.about .tile_about_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		display: flex;
		align-items: center;
		z-index: 50;
		box-sizing: border-box;
		padding-left: 120px;
		transition: 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (hover: hover) {
		.introduction_tile.about:hover .tile_about_wrap {
				color: #fff;
		}
		.introduction_tile.about:hover .tile_caption_title {
				color: #fff;
		}
}
.introduction_tile.about .tile_about_wrap .link_viewmore {
		position: absolute;
		bottom: 60px;
		opacity: 0;
		transition: 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (hover: hover) {
		.introduction_tile.about:hover .tile_about_wrap .link_viewmore {
				opacity: 1;
		}
}
p.tile_about_catch {
		font-size: 1.5vw;
		font-weight: 500;
		letter-spacing: 4px;
		line-height: 1.8;
		margin-bottom: 30px;
}
p.tile_about_caption {
		font-size: 0.8vw;
		letter-spacing: 1px;
		line-height: 2;
		font-weight: 400;
}
.introduction_tile.comingsoon::after {
		background: rgba(0, 0, 0, 0.2);
		opacity: 1;
		z-index: 10;
		cursor: default;
}
.introduction_tile.comingsoon::before {
		content: 'Coming Soon...';
		font-family: 'Helvetica LT W01 Roman';
		font-weight: 300;
		letter-spacing: 2px;
		color: #FFF;
		font-size: 20px;
		line-height: 1;
		opacity: 1;
		position: absolute;
		top: calc(50% - 13px);
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 100;
}
.introduction_tile.comingsoon, .introduction_tile.comingsoon .tile_caption_title {
		color: rgba(0, 0, 0, 0.3);
}
.introduction_tile.medium {
		width: 40%;
		height: 20vw;
		background-size: cover;
}
.introduction_tile.tile_01 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/ab5060_01.jpg);
}
.introduction_tile.tile_02 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3000_01.jpg);
}
.introduction_tile.tile_03 {
		/* background-image: url(/contents_file/products/brand/select100/images/products/dh3108_01.jpg); */
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3145_01.jpg);
}
.introduction_tile.tile_04 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3146_01.jpg);
}
.introduction_tile.tile_05 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3127_01.jpg);
}
.introduction_tile.tile_06 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3017_01.jpg);
}
.introduction_tile.tile_07 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3144_01.jpg);
}
.introduction_tile.tile_08 {
		/* background-image: url(/contents_file/products/brand/select100/images/products/dh3120_01.jpg); */
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3149_01.jpg);
}
.introduction_tile.tile_09 {
		/* background-image: url(/contents_file/products/brand/select100/images/products/dh3115_01.jpg); */
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3140_01.jpg);
}
.introduction_tile.tile_10 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3005_01.jpg);
}
.introduction_tile.tile_11 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/df5009_01.jpg);
}
.introduction_tile.tile_12 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3002_01.jpg);
}
.introduction_tile.tile_13 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3003_01.jpg);
}
.introduction_tile.tile_14 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3104_01.jpg);
}
.introduction_tile.tile_15 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3020_01.jpg);
}
.introduction_tile.tile_16 {
		/*   background-image: url(/contents_file/products/brand/select100/images/products/dh3013_02.jpg); */
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3141_01.jpg);
}
.introduction_tile.tile_17 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/ap5125_01.jpg);
}
.introduction_tile.tile_18 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3129_01.jpg);
}
.introduction_tile.tile_19 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh3026_01.jpg);
}
.introduction_tile.tile_20 {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/products/dh5705_01.jpg);
}
.introduction_tile.products {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/top_tile_products.jpg);
		background-position: right bottom;
}
.introduction_tile.movie {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/top_tile_movie.jpg);
		background-position: right bottom;
}
.introduction_tile.recipe {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/top_tile_recipe.jpg);
		background-position: right bottom;
}
.introduction_about_right .introduction_tile {
		width: calc(100% / 3);
}
.tile_caption {
		padding: 60px;
		position: relative;
		z-index: 5;
		height: 100%;
		box-sizing: border-box;
		overflow: hidden;
}
.tile_caption_title, .tile_caption p {
		transition: 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.tile_caption_title {
		font-family: 'Helvetica LT W01 Roman';
		color: #a11d23;
		font-weight: 400;
		display: flex;
		margin: 0 0 2vw;
}
.tile_caption_title .no_sup {
		margin-right: 0;
		font-size: 0.7vw;
		transform: translateY(5px);
		width: 2vw;
}
.tile_caption_title h5 {
		font-size: 1.4vw;
		font-weight: 400;
		letter-spacing: 1px;
}
.introduction_tile.medium .tile_caption p {
		font-size: 0.7vw;
		line-height: 1.8;
		letter-spacing: 2px;
		font-weight: 400;
		margin-left: 50px;
}
@media (hover: hover) {
		.introduction_tile.about:hover .tile_caption p, .introduction_tile.products:hover .tile_caption_title, .introduction_tile.products:hover .tile_caption p {
				color: #fff;
		}
}
.link_viewmore {
		font-size: 15px;
}
.introduction_tile .link_viewmore {
		position: absolute;
		left: 105px;
		bottom: 60px;
		letter-spacing: 1px;
		z-index: 10;
		opacity: 0;
		transition: opacity 0.5s ease-out;
}
.link_viewmore a {
		color: #a11d23;
		text-decoration: none;
		padding: 0 30px 0px 0;
		position: relative;
		transition: color 0.5s ease-out;
}
.introduction_tile .link_viewmore a {
		color: #a11d23;
}
.link_viewmore a::before, .link_viewmore a::after {
		content: '';
		display: block;
}
.link_viewmore a::before {
		content: '';
		display: block;
		height: 1px;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -3px;
		background: #fff;
		transform-origin: left center;
}
.link_viewmore a::after {
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		top: 6px;
		right: 0;
		transform: rotate(45deg);
}
.introduction_tile .link_viewmore a::before {
		background: #a11d23;
}
.introduction_tile .link_viewmore a::after {
		border-top: 1px solid #a11d23;
		border-right: 1px solid #a11d23;
}
.topics_hdr .link_viewmore a {
		color: #4c4949;
}
.topics_hdr .link_viewmore a::before {
		background: #4c4949;
}
.topics_hdr .link_viewmore a::after {
		border-top: 1px solid #4c4949;
		border-right: 1px solid #4c4949;
}
.topics_hdr .link_viewmore a::before {
		background: #4c4949;
}
@media (hover: hover) {
		.introduction_tile:not(.comingsoon):hover .link_viewmore {
				opacity: 1;
		}
		.introduction_tile:hover .tile_caption_title, .introduction_tile:hover p {
				color: #fff !important;
		}
		.introduction_tile:hover .link_viewmore a {
				color: #a11d23;
		}
		.introduction_tile .link_viewmore a:hover, .topics_hdr .link_viewmore a:hover {
				color: #a11d23 !important;
		}
}
.introduction_tile .link_viewmore a:hover::after, .topics_hdr .link_viewmore a:hover::after {
		border-top: 1px solid #a11d23 !important;
		border-right: 1px solid #a11d23 !important;
}
.introduction_tile .link_viewmore a:hover::before, .topics_hdr .link_viewmore a:hover::before {
		background: #a11d23;
		animation: lineHover 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
@keyframes lineHover {
		0% {
				transform: scaleX(0);
		}
		100% {
				transform: scaleX(1);
		}
}
.introduction_tile .tile_link, .products_tile .tile_link {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 100%;
		z-index: 10;
		color: #FFF;
		opacity: 0;
		transition: opacity 0.7s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (hover: hover) {
		.introduction_tile:not(.comingsoon) .introduction_tile:hover .tile_caption_title, .introduction_tile:not(.comingsoon) introduction_tile:hover .tile_caption p {
				color: #fff;
		}
		.introduction_tile:hover .tile_link, .products_tile:hover .tile_link {
				opacity: 1;
		}
}
.tile_link a {
		color: #fff;
		text-decoration: none;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
}
.tile_link p {
		text-align: center;
}
.productname_en {
		font-size: 28px;
		font-family: 'Helvetica LT W01 Roman';
		margin: 0 0 10px;
		letter-spacing: 1px;
}
.productname_jp {
		font-size: 14px;
}
.spObj {
		display: none;
}
@media(max-width: 2000px) {
		.tile_caption_title .no_sup {
				font-size: 12px;
				transform: translateY(5px);
				width: 40px;
		}
		.tile_caption_title h5 {
				font-size: 28px;
		}
		p.tile_about_catch {
				font-size: 30px;
		}
		.introduction_tile.medium .tile_caption p {
				font-size: 15px;
				margin-left: 41px;
		}
}
@media(min-width: 1601px) {
		br.tabBr {
				display: none;
		}
}
@media(max-width: 1600px) {
		p.tile_about_caption, .link_viewmore {
				font-size: 15px;
		}
		.tile_caption {
				padding: 30px;
		}
		.introduction_tile.about .tile_about_wrap {
				padding-left: 60px;
		}
		.introduction_tile.about .link_viewmore {
				bottom: 30px;
		}
		.introduction_tile .link_viewmore {
				left: 72px;
		}
}
@media(max-width: 1440px) {
		p.tile_about_catch {
				font-size: 24px;
				margin: 0 0 20px;
		}
		p.tile_about_caption, .link_viewmore {
				font-size: 14px;
		}
		.productname_en {
				font-size: 20px;
		}
		.productname_jp {
				font-size: 12px;
		}
		.tile_caption {
				padding: 20px;
		}
		.introduction_tile.about .tile_about_wrap {
				padding-left: 68px;
		}
		.topics_hdr {
				width: 30%;
				padding-left: 5%;
		}
		.tile_caption {
				padding: 30px;
		}
		.introduction_tile .link_viewmore {
				left: 72px;
		}
		.introduction_tile.medium .tile_caption p {
				margin-left: 42px;
		}
}
@media(max-width: 1023px) {
		.pcObj {
				display: none;
		}
		.spObj {
				display: block;
		}
}
@media(max-width: 1024px) {
		.introduction_tile.about, .introduction_tile.tile_01, .introduction_tile.tile_02, .introduction_tile.tile_03, .introduction_tile.tile_04, .introduction_tile.tile_05, .introduction_tile.tile_06 {
				opacity: 1;
				top: 0;
		}
}
@media(max-width: 1023px) {
		#toppage header .header_logo {
				opacity: 0; /* Re: */
				opacity: 1;
				transition: opacity 0.5s ease-out;
		}
		#toppage header.active .header_logo {
				opacity: 1;
		}
		.loading_logo, .hero_caption h1 {
				width: 55vw;
		}
		.swiper-container-horizontal > .swiper-pagination-bullets {
				bottom: 40px;
		}
		.swiper_gauge {
				width: 37.5vw;
				transform: translateY(-30px) translateX(10px);
		}
		.swiper-pagination {
				padding-left: 10px;
		}
		.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
				margin: 0 4vw;
		}
		.swiper-pagination-bullet {
				width: 5px;
				height: 5px;
		}
		.swiper-pagination-bullet::before {
				left: 4vw;
				top: -5px;
				font-size: 8px;
				color: #ccc;
		}
		.swiper-pagination-bullet::after {
				font-size: 10px;
				left: -12px;
		}
		.hero_scroll {
				font-size: 10px;
		}
		.introduction_about {
				display: block;
				top: 0 !important;
				opacity: 1 !important;
		}
		.introduction_tile.about {
				width: 100%;
				min-height: 100vw;
		}
		.introduction_about_right, .introduction_tile.medium {
				width: 100%;
		}
		.introduction_tile {
				width: 50%;
				height: inherit;
				min-height: 50vw;
				border: 1px solid #fff;
				background-size: cover;
		}
		.introduction_tile.medium {
				height: 50vw;
		}
		.introduction_about_right .introduction_tile {
				width: 50%;
		}
		.introduction_tile.about {}
		.topics_section {
				padding-top: 100px;
		}
		.introduction_tile.tile_01, .introduction_tile.tile_02, .introduction_tile.tile_03, .introduction_tile.tile_04, .introduction_tile.tile_05, .introduction_tile.tile_06, .introduction_tile.tile_07, .introduction_tile.tile_08, .introduction_tile.tile_09, .introduction_tile.tile_10, .introduction_tile.tile_11, .introduction_tile.tile_12, .introduction_tile.tile_13, .introduction_tile.tile_14, .introduction_tile.tile_15, .introduction_tile.tile_16, .introduction_tile.tile_17, .introduction_tile.tile_18, .introduction_tile.tile_19, .introduction_tile.tile_20, .introduction_tile.products, .introduction_tile.movie, .introduction_tile.recipe {
				transition-delay: 0s;
		}
}
@media(max-width: 768px) {
		.hero_container .swiper-slide.hero_slide1 .slide_bg {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_1_sp.jpg);
		}
		.hero_container .swiper-slide.hero_slide2 .slide_bg {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_2_sp.jpg);
		}
		.hero_container .swiper-slide.hero_slide3 .slide_bg {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_3_sp.jpg);
		}
		.hero_container .swiper-slide.hero_slide4 .slide_bg {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/slide_4_sp.jpg);
		}
}
@media(max-width: 767px) {
		.loading_logo::before, .loading_logo::after {
				bottom: -25px;
		}
		.tile_caption {
				padding: 20px;
		}
		.introduction_tile .link_viewmore {
				left: 44px;
		}
		.introduction_tile.medium .tile_caption p {}
		.tile_caption_title h5 {
				font-size: 18px;
		}
		.tile_caption_title .no_sup {
				width: 24px;
				font-size: 9px;
				transform: translateY(3px);
		}
		p.tile_about_caption, .link_viewmore, .introduction_tile.medium .tile_caption p {
				font-size: 12px;
		}
		.introduction_tile.medium .tile_caption p {
				margin-left: 24px;
		}
		.introduction_tile.about .tile_caption {
				padding-bottom: 45px;
		}
		.introduction_tile.about {
				height: auto;
		}
		.introduction_tile.about::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_sp.png);
		}
		.introduction_tile.about:lang(en)::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_sp_en.png);
		}
		@media (hover: hover) {
				.introduction_tile.about:hover::before {
						background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_wht_sp.png);
				}
				.introduction_tile.about:lang(en):hover::before {
						background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/top/about_tile_bg_sp_en_wht.png");
				}
		}
		.introduction_tile.about .tile_about_wrap {
				position: static;
				display: block;
				padding: 0 20px 30px 50px;
		}
		.introduction_tile.about .tile_about_wrap .link_viewmore {
				margin-top: 40px;
				position: static;
		}
		p.tile_about_caption {
				letter-spacing: 1px;
		}
		.link_viewmore a {
				padding-right: 25px;
		}
		.link_viewmore a::after {
				top: 4px;
		}
		.introduction_tile.comingsoon::before {
				font-size: 14px;
		}
}
/* 2503 PLUS*/
.moomin_bnr_wrap {
		display: flex;
		justify-content: flex-end;
		padding-right: 40px;
		height: 1px;
		transform: translateY(-180px);
		z-index: 2000;
		position: relative;
		box-sizing: border-box;
}
.moomin_bnr_wrap.isFixed {
		position: fixed;
		top: 320px;
		left: 0;
		width: 100%;
}
.moomin_bnr {
		width: 240px;
		position: relative;
}
.moomin_bnr_body img {
		width: 100%;
		height: auto;
		border-radius: 10px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.moomin_bnr .bnr_close {
		position: absolute;
		top: -6px;
		right: -6px;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		background: #53565A;
		cursor: pointer;
}
.bnr_close::before, .bnr_close::after {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		left: 6px;
		width: 9px;
		height: 1px;
		background: #fff;
		pointer-events: none
}
.bnr_close::before {
		transform: rotate(45deg)
}
.bnr_close::after {
		transform: rotate(-45deg)
}
@media(max-width: 767px) {
		.moomin_bnr_wrap, .moomin_bnr_wrap.isFixed {
				position: fixed !important;
				right: inherit;
				top: inherit;
				bottom: 25px;
				left: 20px;
				transform: translateY(0) !important;
				height: 95px;
				width: 240px;
				padding-right: 0;
		}
		.moomin_bnr {
				width: 240px;
				position: static;
				right: inherit;
				left: inherit;
				bottom: inherit;
		}
		.moomin_bnr .bnr_close {
				position: absolute;
				top: -8px;
				right: -8px;
				width: 27px;
				height: 27px;
		}
		.bnr_close::before, .bnr_close::after {
				top: 13px;
				left: 7px;
				width: 13px;
				height: 1px;
		}
}