@charset "UTF-8";

/*
	header
*/
.l-header {
	width: 100%;
	height: 96px;
	display: flex;
	background: #fff;
	position: fixed;
	align-items: center;
	border-bottom: 0;
}
.l-header .logo {
	width: 40px;
	height: 40px;
	margin-left: 80px;
}
/* @media screen and (max-width: 1279px) {
	.l-header .logo {
		margin-left: calc((1440 - 1280) / 2 * 100%);
	}
} */
.l-header .header-menu {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: center;
	flex: 1;
	height: 96px;
}
.l-header .header-menu .header-menu-main,
.l-header .header-menu .header-menu-main nav {
	height: 56px;
}
.l-header .header-menu .header-menu-main nav > ul {
	display: flex;
	margin-right: 40px;
	height: 56px;
	align-items: center;
}
.l-header .header-menu .header-menu-main nav > ul > li {
	font-size: 15px;
	font-weight: bold;
	margin-left: 96px;
	height: 100%;
	display: flex;
	align-items: center;
}
.l-header .header-menu .header-menu-main nav > ul > li.products > a {
	position: relative;
	padding-right: 24px;
}
.l-header .header-menu .header-menu-main nav > ul > li.products > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-25%);
	border: 5px solid transparent;
	border-top: 8px solid #000;
}
.l-header .header-menu .header-menu-sub {
	display: flex;
	height: 40px;
}
.l-header .header-menu .header-menu-sub > div > ul {
	display: flex;
	height: 100%;
	align-items: center;
}
.l-header .header-menu .header-menu-sub .menu-sub-link .link-list .item {
	margin: 0 40px 0 0;
	position: relative;
}
.l-header .header-menu .header-menu-sub .menu-sub-link .link-list .item a {
	font-size: 13px;
	padding-left: 16px;
	position: relative;
}
.l-header .header-menu .header-menu-sub .menu-sub-link .link-list .item a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-left: 6px solid #000;
}
.l-header .header-menu .header-menu-sub .menu-sub-social {
	background: #e60113;
}
.l-header .header-menu .header-menu-sub .menu-sub-social .social-list .item {
	margin: 0 32px;
}
.l-header .header-menu .header-menu-sub .menu-sub-social .social-list .item img {
	height: 18px;
	width: auto;
	vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {
	.l-header {
		height: 64px;
	}
	.l-header .logo {
		width: 32px;
		height: 32px;
		margin-left: 32px;
	}
	.l-header .header-menu {
		display: none;
	}
}

.l-header .header-menu .item.item-parent:hover .menu-main-subMenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition: all .6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.menu-main-subMenu {
	visibility: hidden;
	opacity: 0;
	transform: translateY(40px);
	transition: all .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	background: #fff;
}
.menu-main-subMenu .menu-main-subMenu-inner {
	width: calc(1280 / 1400 * 100%);
	margin: 0 auto;
}
.menu-main-subMenu .menu-main-subMenu-products .head {
	padding-top: 40px;
}
.menu-main-subMenu .menu-main-subMenu-products .head .title {
	font-size: 32px;
	font-weight: bold;
}
.menu-main-subMenu .menu-main-subMenu-products .main {
	display: flex;
	justify-content: space-between;
	padding: 32px 0 72px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-links-list {
	display: flex;
	flex-wrap: wrap;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-links-list .item {
	width: 50%;
	margin-bottom: 40px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-links-list .item a {
	position: relative;
	padding-left: 16px;
	font-style: 18px;
	font-weight: bold;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-links-list .item a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-left: 6px solid #000;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list {
	display: flex;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item {
	width: 160px;
	padding-top: 256px;
	/* height: 280px; */
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 16px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item a {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: bold;
	background: rgba(0, 0, 0, .2);
	color: #fff;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item:hover::before {
	transform: scale(1.05);
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .pigma::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_pigma.jpg) no-repeat center / cover;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .gelly-roll::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_gelly-roll.jpg) no-repeat center / cover;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .koi-coloring-brush-pen::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-coloring-brush-pen.jpg) no-repeat center / cover;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .koi-water-colors::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-water-colors.jpg) no-repeat center / cover;
}

.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .item img {
	padding-top: 16px;
	height: 18px;
	width: auto;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .koi-coloring-brush-pen img {
	height: 22px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .koi-water-colors img {
	height: 26px;
}

.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .special-history {
	width: 688px;
	padding-top: 140px;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .special-history::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/banner_100th-history_02.jpg) no-repeat center / cover;
}
.menu-main-subMenu .menu-main-subMenu-products .main .main-subLinks-list .special-history a {
	background: none;
}

.l-header .header-navButton {
	display: none;
}
@media screen and (max-width: 767px) {
	.l-header .header-navButton {
		display: block;
		cursor: pointer;
		margin-left: auto;
	}
	.l-header .header-navButton .header-navButton-button {
		all: unset;
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-right: 8px;
	}
	.l-header .header-navButton .header-navButton-button-text {
		font-size: 10px;
		color: #000;
	}
	.l-header .header-navButton .header-navButton-button-icon {
		display: block;
		height: 20px;
		margin: 0 auto;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		width: 22px;
	}
	.l-header .header-navButton .header-navButton-button-icon span {
		background: #000000;
		display: block;
		height: 2px;
		position: relative;
		transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition-delay: 0s;
		width: 100%;
	}
	.l-header .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-top {
		transform: translateY(0) rotate(0deg);
	}
	.l-header .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-middle {
		transform: translateY(5px) rotate(0deg);
	}
	.l-header .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-bottom {
		transform: translateY(10px) rotate(0deg);
	}
	.l-header.is-open .header-navButton .header-navButton-button-icon {
		transform: rotate(90deg);
	}
	.l-header.is-open .header-navButton .header-navButton-button-icon span {
		transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition-delay: .2s;
	}
	.l-header.is-open .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-top {
		transform: translateY(8px) rotate(45deg);
	}
	.l-header.is-open .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-middle {
		opacity: 0;
	}
	.l-header.is-open .header-navButton .header-navButton-button-icon span.header-navButton-button-icon-bottom {
		transform: translateY(4px) rotate(-45deg);
	}
}


.header-nav {
	display: none;
}
@media screen and (max-width: 767px) {
	.header-nav {
		/* display: block; */
		visibility: hidden;
		opacity: 0;
		height: calc(100vh - 64px);
		background: #fff;
		width: 100%;
		top: 64px;
		position: fixed;
		overflow-y: scroll;
		z-index: 99;
		flex-direction: column;
	}
	.header-nav.is-open {
		display: flex;
	}
	.l-header.is-open + .header-nav {
		visibility: visible;
		opacity: 1;
	}
	.header-nav .header-nav-main {
		width: 84%;
		margin: 0 auto 48px;
	}
	.header-nav .nav-main-list {
		display: flex;
		flex-direction: column;
	}
	.header-nav .nav-main-list > .item > a,
	.header-nav .nav-main-list > .item > span {
		font-size: 28px;
		font-weight: bold;
		margin: 56px 0 0;
		position: relative;
		display: block;
		width: 100%;
	}
	.header-nav .nav-main-list > .item-parent > span::before,
	.header-nav .nav-main-list > .item-parent > span::after {
		content: '';
		display: block;
		position: absolute;
		background: #000;
		top: 50%;
		transform: translateY(-50%);
	}
	.header-nav .nav-main-list > .item-parent > span::before {
		width: 12px;
		height: 1px;
		right: 0;
	}
	.header-nav .nav-main-list > .item-parent > span::after {
		width: 1px;
		height: 12px;
		right: 6px;
	}
	.header-nav .nav-main-list > .item-parent.is-open > span::after {
		opacity: 0;
	}
	.header-nav .nav-main-list > .item > a::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		border: 6px solid transparent;
		border-left: 8px solid #000;
	}

	.header-nav .nav-main-subnav {
		display: none;
		flex-direction: column;
	}
	.header-nav .nav-main-subnav .main-subnav-links-list {
		display: flex;
		flex-wrap: wrap;
	}
	.header-nav .nav-main-subnav .main-subnav-links-list .item {
		width: 50%;
		margin-top: 40px;
	}
	.header-nav .nav-main-subnav .main-subnav-links-list .item a {
		font-size: 16px;
		font-weight: bold;
		position: relative;
		padding-left: 24px;
		display: inherit;
	}
	.header-nav .nav-main-subnav .main-subnav-links-list .item a::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border: 6px solid transparent;
		border-left: 8px solid #000;
	}

	.header-nav .nav-main-subnav .main-subnav-subLinks {
		margin-top: 32px;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .item {
		width: 100%;
		height: 0;
		padding-top: calc(256 / 630 * 100%);
		position: relative;
		margin-bottom: 16px;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .item::before {
		content: '';
		display: block;
		width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .pigma::before {
		background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_pigma.jpg) no-repeat center / cover;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .gelly-roll::before {
		background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_gelly-roll.jpg) no-repeat center / cover;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .koi-coloring-brush-pen::before {
		background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-coloring-brush-pen.jpg) no-repeat center / cover;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .koi-water-colors::before {
		background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-water-colors.jpg) no-repeat center / cover;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .special-history::before {
		background: url(/global/wp-content/themes/sakuracraypas/images/banner_100th-history_03.jpg) no-repeat center / cover;
	}

	.header-nav .nav-main-subnav .main-subnav-subLinks .item img {
		position: absolute;
		height: 18px;
		width: auto;
		bottom: 16px;
		left: 16px;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .koi-coloring-brush-pen img {
		height: 30px;
		bottom: 6px;
	}
	.header-nav .nav-main-subnav .main-subnav-subLinks .koi-water-colors img {
		height: 34px;
		bottom: 6px;
	}

	.header-nav-contact {
		justify-items: flex-end;
		margin-top: auto;
		align-self: flex-end;
		margin: auto 8% 8px;
	}
	.header-nav-contact a {
		padding-left: 16px;
		position: relative;
	}
	.header-nav-contact a::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border: 4px solid transparent;
		border-left: 6px solid #000;
	}

	.header-nav .header-nav-sub {
		background: #e60113;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 8%;
		box-sizing: border-box;
	}
	.header-nav .header-nav-sub a {
		color: #fff;
	}
	.header-nav .header-nav-sub .nav-sub-link a {
		padding-left: 16px;
		position: relative;
	}
	.header-nav .header-nav-sub .nav-sub-link a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border: 4px solid transparent;
		border-left: 6px solid #fff;
	}
	.header-nav .header-nav-sub .nav-sub-social .social-list {
		display: flex;
	}
	.header-nav .header-nav-sub .nav-sub-social .social-list .item {
		margin-left: 24px;
	}
	.header-nav .header-nav-sub .nav-sub-social .social-list .item img {
		height: 20px;
	}
}


/*
	footer
*/
.l-footer {
	width: 100%;
	background: #272727;
}
.l-footer .footer-inner {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
}
.l-footer small,
.l-footer a {
	color: #fff;
}
.l-footer .footer-main {
	padding-top: 64px;
	display: flex;
	justify-content: space-between;
}
.l-footer .footer-main .footer-column {
	width: 20%;
}
.l-footer .footer-main .footer-column.column2 {
	width: 40%;
}
.l-footer .footer-main .footer-column .footer-item {
	margin-bottom: 48px;
}
.l-footer .footer-main .footer-column .footer-item > a {
	font-weight: bold;
	font-size: 18px;
}
.l-footer .footer-main .footer-column .footer-subList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 32px;
}
.l-footer .footer-main .footer-column .footer-subItem {
	width: 50%;
	margin-bottom: 24px;
}
.l-footer .footer-main .footer-column .footer-subList.col1 .footer-subItem {
	width: 100%;
}
.l-footer .footer-main .footer-column .footer-subItem a {
	font-size: 14px;
	position: relative;
	padding-left: 16px;
	display: inline-block;
}
.l-footer .footer-main .footer-column .footer-subItem a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-left: 6px solid #fff;
}
.l-footer .footer-foot {
	margin-top: 48px;
}
.l-footer .footer-foot .footer-foot-links .link {
	font-size: 12px;
}
.l-footer .footer-foot .footer-foot-copyright {
	text-align: center;
	padding: 24px;
}
.l-footer .footer-foot .footer-foot-copyright small {
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	.l-footer .footer-inner {
		width: 84%;
	}
	.l-footer .footer-main {
		padding-top: 32px;
		flex-direction: column;
	}
	.l-footer .footer-main .footer-column {
		width: 100%;
	}
	.l-footer .footer-main .footer-column.column2 {
		width: 100%;
	}
	.l-footer .footer-main .footer-column.column2_sp {
		width: 50%;
	}
	.l-footer .footer-main .footer-column .is-small {
		display: flex;
		flex-wrap: wrap;
	}
	.l-footer .footer-main .footer-column .is-small .footer-item {
		width: 50%;
	}
}

/*
	home
*/
.heading-title {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.heading-title {
		font-size: 28px;
	}
}

/* Hero */
.l-hero {
	min-height: calc(100vh - 96px);
	margin-top: 96px;
	position: relative;
}
.l-hero .hero-body {
	width: 100%;
	height: 60%;
	position: absolute;
	top: 0;
	z-index: 2;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 60px;
	box-sizing: border-box;
	transition: 1.2s ease;
}
.l-hero .hero-copy {
	margin-left: 80px;
	width: calc(1040 / 1440 * 100%);
	opacity: 0;
	transform: translate3d(20px, 0, 0);
	transition: 1.6s ease;
}
.l-hero .hero-subCopy {
	margin-top: 1em;
	margin-left: 84px;
	font-size: 18px;
	color: #717171;
	opacity: 0;
	transform: translate3d(20px, 0, 0);
	transition: 1.6s ease .8s;
}
.l-hero .hero-layer {
	position: absolute;
	top: 60%;
	content: '';
	width: 100%;
	background: #fff;
	z-index: 2;
	transition: 1.6s ease 2s;
	height: 40%;
}
.l-hero.is-active .hero-copy {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.l-hero.is-active .hero-subCopy {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.l-hero.is-active .hero-layer {
	height: 0;
}
@media screen and (max-width: 767px) {
	.l-hero .hero-body {
		height: 40%;
		padding-bottom: 32px;
	}
	.l-hero .hero-layer {
		top: 40%;
		height: 60%;
	}
	.l-hero .hero-copy {
		left: 24px;
		bottom: 24px;
		top: unset;
		width: 80%;
		transform: translate3d(0, 0, 0);
		margin-left: 24px;
	}
	.l-hero .hero-subCopy {
		margin-left: 24px;
		font-size: 14px;
		margin-right: 16px;
	}
}


/* Mv */
.l-mv {
	min-height: 100vh;
	margin-top: 96px;
	position: relative;
	margin-top: -40vh;
}
.l-mv .mv-figure {
	min-height: 100vh;
	height: 100%;
}
.l-mv .mv-figure .swiper-wrapper {
	min-height: 100vh;
	height: 100%;
}
.l-mv .mv-figure .swiper-slide {
	min-height: 100vh;
	height: 100%;
}
.l-mv .mv-figure .pigma {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/mv01.jpg) no-repeat center 0% / cover;
}
.l-mv .mv-figure .gelly-roll {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/mv02.jpg) no-repeat 0% center / cover;
}
.l-mv .mv-figure .koi-coloring-brush-pen {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/mv03.jpg) no-repeat 0% center / cover;
}
.l-mv .mv-figure .koi-water-color {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/mv04.jpg) no-repeat 0% center / cover;
}
/* .l-mv .mv-figure .pigma.swiper-slide-active,
.l-mv .mv-figure .pigma.swiper-slide-duplicate-active,
.l-mv .mv-figure .pigma.swiper-slide-prev {
  animation: bgSlideUp 12s linear 0s 1 normal both;
} */
@keyframes bgSlideUp {
  0% {
    background-position: center 100%;
  }
  100% {
    background-position: center 0%;
  }
}
@keyframes bgSlideDown {
  0% {
    background-position: center 0%;
  }
  100% {
    background-position: center 100%;
  }
}

.l-mv .mv-figure .gelly-roll.swiper-slide-active,
.l-mv .mv-figure .koi-water-color.swiper-slide-active,
.l-mv .mv-figure .gelly-roll.swiper-slide-duplicate-active,
.l-mv .mv-figure .koi-water-color.swiper-slide-duplicate-active,
.l-mv .mv-figure .gelly-roll.swiper-slide-prev,
.l-mv .mv-figure .koi-water-color.swiper-slide-prev {
  animation: bgSlideDown 12s linear 0s 1 normal both;
}
@keyframes bgSlideRight {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 100% center;
  }
}
.l-mv .mv-figure .pigma.swiper-slide-active,
.l-mv .mv-figure .pigma.swiper-slide-duplicate-active,
.l-mv .mv-figure .pigma.swiper-slide-prev,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-active,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-duplicate-active,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-prev {
  animation: bgSlideUp 12s linear 0s 1 normal both;
}
@keyframes bgSlideLeft {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}



@media screen and (max-width: 767px) {
	.l-mv {
		min-height: calc(100vh - 64px);
		margin-top: 64px;
		margin-top: -60vh;
	}
	.l-mv .mv-figure {
		min-height: calc(100vh - 64px);
		height: 100%;
	}
	.l-mv .mv-figure .swiper-wrapper {
		min-height: calc(100vh - 64px);
		height: 100%;
	}
	.l-mv .mv-figure .swiper-slide {
		min-height: calc(100vh - 64px);
		height: 100%;
	}
	.l-mv .mv-figure .pigma {
		background-image: url(/global/wp-content/themes/sakuracraypas/images/home/mv01_sp.jpg);
	}
	.l-mv .mv-figure .gelly-roll {
		background-image: url(/global/wp-content/themes/sakuracraypas/images/home/mv02_sp.jpg);
	}
	.l-mv .mv-figure .koi-coloring-brush-pen {
		background-image: url(/global/wp-content/themes/sakuracraypas/images/home/mv03_sp.jpg);
	}
	.l-mv .mv-figure .koi-water-color {
		background-image: url(/global/wp-content/themes/sakuracraypas/images/home/mv04_sp.jpg);
	}
.l-mv .mv-figure .gelly-roll.swiper-slide-active,
.l-mv .mv-figure .koi-water-color.swiper-slide-active,
.l-mv .mv-figure .gelly-roll.swiper-slide-duplicate-active,
.l-mv .mv-figure .koi-water-color.swiper-slide-duplicate-active,
.l-mv .mv-figure .gelly-roll.swiper-slide-prev,
.l-mv .mv-figure .koi-water-color.swiper-slide-prev {
  animation: bgSlideLeft 16s linear 0s 1 normal both;
}
.l-mv .mv-figure .pigma.swiper-slide-active,
.l-mv .mv-figure .pigma.swiper-slide-duplicate-active,
.l-mv .mv-figure .pigma.swiper-slide-prev,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-active,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-duplicate-active,
.l-mv .mv-figure .koi-coloring-brush-pen.swiper-slide-prev {
  animation: bgSlideRight 16s linear 0s 1 normal both;
}
}

/* Special */
.l-special {
	margin: 96px auto 0;
  display: flex;
  justify-content: center;
}
.l-special a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	.l-special {
		margin-top: 56px;
	}
}

/* Brands */
.l-home-brands {
	padding-bottom: 128px;
}
.l-home-brands .brands-head {
	padding: 128px 0 64px;
}
.l-home-brands .brands-main {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
}
.l-home-brands .brands-main .brand-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.l-home-brands .brands-main .brand-list .brand-item {
	overflow: hidden;
	position: relative;
}
.l-home-brands .brands-main .brand-list .brand-item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-brands .brands-main .brand-list .brand-item:hover::before {
	transform: scale(1.05);
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-brands .brands-main .brand-list .brand-item img {
	height: 34px;
	width: auto;
	position: absolute;
	bottom: 28px;
	left: 28px;
}
.l-home-brands .brands-main .brand-list .pigma {
	width: calc(744 / 1280 * 100%);
	padding-top: calc(496 / 1280 * 100%);
}
.l-home-brands .brands-main .brand-list .pigma::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/brand_pigma.jpg) no-repeat bottom center / cover;
}
.l-home-brands .brands-main .brand-list .gelly-roll {
	width: calc(500 / 1280 * 100%);
	padding-top: calc(496 / 1280 * 100%);
}
.l-home-brands .brands-main .brand-list .gelly-roll::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/brand_gelly-roll.jpg) no-repeat bottom center / cover;
}
.l-home-brands .brands-main .brand-list .koi-coloring-brush-pen {
	width: calc(500 / 1280 * 100%);
	padding-top: calc(496 / 1280 * 100%);
	margin-top: 40px;
}
.l-home-brands .brands-main .brand-list .koi-coloring-brush-pen::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/brand_koi-coloring-brush-pen.jpg) no-repeat bottom center / cover;
}
.l-home-brands .brands-main .brand-list .koi-water-color {
	width: calc(744 / 1280 * 100%);
	padding-top: calc(496 / 1280 * 100%);
	margin-top: 40px;
}
.l-home-brands .brands-main .brand-list .koi-water-color::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/brand_koi-water-color.jpg) no-repeat bottom center / cover;
}
.l-home-brands .brands-main .brand-list .koi-coloring-brush-pen img,
.l-home-brands .brands-main .brand-list .koi-water-color img {
	height: 48px;
	bottom: 20px;
}
.l-home-brands .brands-main .brand-list .brand-item a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.l-home-brands {
		padding-bottom: 0;
	}
	.l-home-brands .brands-head {
		padding: 64px 0 32px;
	}
	.l-home-brands .brands-main {
		width: 100%;
		margin: 0 auto;
	}
	.l-home-brands .brands-main .brand-list {
		flex-direction: column;
	}
	.l-home-brands .brands-main .brand-list .brand-item img {
		height: 18px;
		bottom: 16px;
		left: 16px;
	}
	.l-home-brands .brands-main .brand-list .pigma,
	.l-home-brands .brands-main .brand-list .gelly-roll,
	.l-home-brands .brands-main .brand-list .koi-coloring-brush-pen,
	.l-home-brands .brands-main .brand-list .koi-water-color {
		width: 100%;
		padding-top: calc(500 / 750 * 100%);
		margin-top: 0;
	}
	.l-home-brands .brands-main .brand-list .koi-coloring-brush-pen img,
	.l-home-brands .brands-main .brand-list .koi-water-color img {
		height: 32px;
		bottom: 12px;
	}
}

/* Products */
.l-home-products {
	background: #f0eee8;
	width: 100%;
	padding-bottom: 128px;
}
.l-home-products .products-head {
	padding: 96px 0;
}
@media screen and (max-width: 767px) {
	.l-home-products {
		padding-bottom: 64px;
	}
	.l-home-products .products-head {
		padding: 48px 0;
	}
}

.l-home-products .products-main .products-items {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
}
.l-home-products .products-main .products-items .products-items-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.l-home-products .products-main .products-items .products-items-list::after {
  content:"";
  display: block;
	width: calc(308 / 1280 * 100%);
}
.l-home-products .products-main .products-items .products-items-list .item {
	width: calc(308 / 1280 * 100%);
	padding-top: calc(176 / 1280 * 100%);
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.l-home-products .products-main .products-items .products-items-list .item:nth-child(n+5) {
	margin-top: 24px;
}
.l-home-products .products-main .products-items .products-items-list .item a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: bold;
	background: rgba(0, 0, 0, .2);
	color: #fff;
}
.l-home-products .products-main .products-items .products-items-list .item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-products .products-main .products-items .products-items-list .item:hover::before {
	transform: scale(1.05);
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-products .products-main .products-items .products-items-list .fineliners::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_fineliners.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .ballpoint-pens::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_ballpoint-pens.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .brush-pens::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_brush-pens.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .markers::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_markers.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .watercolors::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_watercolors.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .other-paints::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_other-paints.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .pastels::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_pastels.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .art-tools::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_art-tools.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .pencils-erasers::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_pencils-erasers.jpg) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .others::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_others.png) no-repeat bottom center / cover;
}
.l-home-products .products-main .products-items .products-items-list .all::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_all.jpg) no-repeat bottom center / cover;
}

@media screen and (max-width: 767px) {
	.l-home-products .products-main .products-items {
		width: 84%;
	}
	.l-home-products .products-main .products-items .products-items-list::after {
		width: calc(308 / 632 * 100%);
	}
	.l-home-products .products-main .products-items .products-items-list .item {
		width: calc(308 / 632 * 100%);
		padding-top: calc(176 / 308 * 100%);
	}
	.l-home-products .products-main .products-items .products-items-list .item:nth-child(n+5) {
		margin-top: 8px;
	}
	.l-home-products .products-main .products-items .products-items-list .item:nth-child(n+3) {
		margin-top: 8px;
	}
}

.l-home-products .products-main .products-style {
	margin-top: 160px;
}
.l-home-products .products-main .products-style .products-style-main {
	margin-top: 64px;
}
.l-home-products .products-main .products-style .products-style-list .item {
	/* width: 100%;
  aspect-ratio: 212 / 280; */
	padding-top: calc(280 / 1280 * 100%);
	/* height: 280px; */
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.l-home-products .products-main .products-style .products-style-list .item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.l-home-products .products-main .products-style .products-style-list .item a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: bold;
	background: rgba(0, 0, 0, .5);
	color: #fff;
}
.l-home-products .products-main .products-style .products-style-list .item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-products .products-main .products-style .products-style-list .item:hover::before {
	transform: scale(1.05);
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.l-home-products .products-main .products-style .products-style-list .sketch::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_sketch.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .manga::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_manga.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .doodle::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_doodle.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .watercolor::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_watercolor.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .lettering::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_lettering.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .pattern-art::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_pattern-art.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .journal::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_journal.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .craft::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_craft.jpg) no-repeat center / cover;
}
.l-home-products .products-main .products-style .products-style-list .industrial::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_industrial.jpg) no-repeat center / cover;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.l-home-products .products-main .products-style {
		margin-top: 80px;
	}
	.l-home-products .products-main .products-style .products-style-main {
		margin-top: 32px;
	}
	.l-home-products .products-main .products-style .products-style-list .item {
		padding-top: calc(380 / 750 * 100%);
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 16px !important;
	}
}

.l-home-products .products-main .products-keyword {
	margin-top: 160px;
}
.l-home-products .products-main .products-keyword .keyword-form {
	margin-top: 64px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.l-home-products .products-main .products-keyword .keyword-form .keyword-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  color: inherit;
  font-family: inherit;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e1e5;
	width: 690px;
	margin: 0 auto;
	border-radius: 6px;
	padding: 16px;
}
.l-home-products .products-main .products-keyword .keyword-form .keyword-input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.l-home-products .products-main .products-keyword .keyword-form .keyword-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 16px;
  font-family: inherit;
  background-color: transparent;
  background-image: none;
  border: none;
	margin-top: 40px;
	background: #e60113;
	color: #fff;
	width: 280px;
	border-radius: 6px;
	padding: 12px 16px;
}
.l-home-products .products-main .products-keyword .keyword-form .keyword-submit:hover,
.l-home-products .products-main .products-keyword .keyword-form .keyword-submit:focus {
  outline: none;
}
.l-home-products .products-main .products-keyword .keyword-form .keyword-submit::-moz-focus-inner {
  border: none;
  padding: 0;
}

@media screen and (max-width: 767px) {
	.l-home-products .products-main .products-keyword {
		margin-top: 80px;
	}
	.l-home-products .products-main .products-keyword .keyword-form .keyword-input {
		width: 84%;
	}
	.l-home-products .products-main .products-keyword .keyword-form .keyword-submit {
		margin-top: 23px;
	}
}

/* Inspiration */
.l-home-inspiration {
	padding-bottom: 80px;
}
.l-home-inspiration .inspiration-head {
	padding: 128px 0 80px;
}
.l-home-inspiration .inspiration-main {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
}
.l-home-inspiration .inspiration-main .inspiration-area {
	display: grid;
  grid-template-columns: 1.43820225fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 32px 56px;
  grid-auto-flow: row;
  grid-template-areas:
    "main sub01 sub01"
    "main sub02 sub02"
    "main sub03 sub03";
}

.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(1) {
	grid-area: main;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(2) {
	grid-area: sub01;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(3) {
	grid-area: sub02;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(4) {
	grid-area: sub03;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry .entry-block {
	display: flex;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(1) .entry-block {
	flex-direction: column-reverse;
	justify-content: flex-end;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(n+2) .entry-block {
	flex-direction: row-reverse;
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(n+2) .entry-block .entry-block-main {
	width: calc(432 / 712 * 100%);
}
.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(n+2) .entry-block .entry-block-figure {
	width: calc(240 / 712 * 100%);
	margin-right: 32px;
}
.l-home-inspiration .inspiration-entry a {
	display: block;
	height: 100%;
}
.l-home-inspiration .inspiration-entry a:hover {
	opacity: 0.8;
}
.l-home-inspiration .inspiration-entry .entry-block {
	height: 100%;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main {
	display: flex;
	flex-direction: column;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main .title {
	font-size: 20px;
	font-weight: bold;
	margin: 1.5em 0 .5em;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main .artist {
	font-size: 14px;
	font-weight: bold;
	color: #595959;
	margin: .5em 0 1.5em;
	display: flex;
	align-items: center;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main .artist img {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	object-fit: cover;
	margin-right: 10px;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main .link {
	align-self: flex-end;
	justify-items: flex-end;
	margin-top: 2em;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-main .link::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/global/wp-content/themes/sakuracraypas/images/icon_arrow_right.png) no-repeat center / 100%;
	margin-left: 4px;
	vertical-align: middle;
}
.l-home-inspiration .inspiration-entry .entry-block .entry-block-figure .image img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

@media screen and (max-width: 767px) {
	.l-home-inspiration {
		padding-bottom: 40px;
	}
	.l-home-inspiration .inspiration-head {
		padding: 64px 0 40px;
	}
	.l-home-inspiration .inspiration-main {
		width: 84%;
	}
	.l-home-inspiration .inspiration-main .inspiration-area {
		display: flex;
		flex-direction: column;
	}
	.l-home-inspiration .inspiration-main .inspiration-area .inspiration-entry:nth-child(n+2) .entry-block .entry-block-figure {
		margin-right: 16px;
	}
	.l-home-inspiration .inspiration-entry:nth-child(n+2) .entry-block .entry-block-main .title {
		font-size: 18px;
		margin-top: 0;
	}
}


/* Company */
.l-home-company {
	padding: 184px 0;
	width: 100%;
	background: url(/global/wp-content/themes/sakuracraypas/images/home/company_bg.jpg) no-repeat center / cover;
}
.l-home-company .company-inner {
	width: calc(1280 / 1400 * 100%);
	margin: 0 auto;
}
.l-home-company .company-main {
	width: calc(564 / 1440 * 100%);
	max-width: 564px;
	background: #fff;
	padding: 40px 32px;
}
.l-home-company .company-main .company-head .heading-title {
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}
.l-home-company .company-main .company-body {
	margin-top: 32px;
}
.l-home-company .company-main .company-body .text {
	font-size: 16px;
}
.l-home-company .company-main .company-body .links {
	margin-top: 32px;
	display: flex;
	font-size: 14px;
}
.l-home-company .company-main .company-body .link {
	padding: 8px 16px;
	border: 1px solid #737373;
	text-align: center;
	display: flex;
	align-items: center;
}
.l-home-company .company-main .company-body .link:not(:first-child) {
	margin-left: 24px;
}

@media screen and (max-width: 767px) {
	.l-home-company {
		padding: 96px 0;
	}
	.l-home-company .company-inner {
		width: 84%;
	}
	.l-home-company .company-main {
		padding: 24px 16px;
		width: 100%;
		box-sizing: border-box;
	}
	.l-home-company .company-main .company-head .heading-title {
		font-size: 24px;
	}
	.l-home-company .company-main .company-body {
		margin-top: 16px;
	}
	.l-home-company .company-main .company-body .links {
		margin-top: 24px;
		flex-direction: column;
	}
	.l-home-company .company-main .company-body .link {
		width: 100%;
		margin-bottom: 12px;
		box-sizing: border-box;
	}
	.l-home-company .company-main .company-body .link:not(:first-child) {
		margin-left: 0;
	}
}

/* Social */
.l-home-social {
	padding-bottom: 128px;
}
.l-home-social .social-instagram-head,
.l-home-social .social-links-head {
	padding: 96px 0 64px;
}
.l-home-social .social-instagram-main {
	width: calc(784 / 1440 * 100%);
	margin: 0 auto;
}
.l-home-social .social-instagram-main .social-instagram-feed {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.l-home-social .social-instagram-main .social-instagram-feed .post {
	width: calc(240 / 784 * 100%);
	margin-bottom: 32px;
}
.l-home-social .social-instagram-main .social-instagram-feed .post img {
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
@media screen and (max-width: 767px) {
	.l-home-social {
		padding-bottom: 64px;
	}
	.l-home-social .social-instagram-head,
	.l-home-social .social-links-head {
		padding: 48px 0 32px;
	}
}

.l-home-social .social-links-head {
	padding-bottom: 32px;
}
.l-home-social .social-links .social-links-list {
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-home-social .social-links .social-links-list .item {
	margin: 32px;
}
.l-home-social .social-links .social-links-list .facebook {
	width: 64px;
}
.l-home-social .social-links .social-links-list .instagram {
	width: 56px;
}
.l-home-social .social-links .social-links-list .youtube {
	width: 70px;
}
@media screen and (max-width: 767px) {
	.l-home-social .social-links .social-links-list .item {
		margin: 24px;
	}
	.l-home-social .social-links .social-links-list .facebook {
		width: 48px;
	}
	.l-home-social .social-links .social-links-list .instagram {
		width: 40px;
	}
	.l-home-social .social-links .social-links-list .youtube {
		width: 56px;
	}
}

/* News */
.l-home-news {
	padding: 40px 0 128px;
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
	display: flex;
}
.l-home-news .news-head {
	width: calc(480 / 1280 * 100%);
	display: flex;
	flex-direction: column;
}
.l-home-news .news-head .heading-title {
	text-align: left;
}
.l-home-news .news-head .heading-link {
	margin-top: 16px;
}
.l-home-news .news-head .heading-link::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/global/wp-content/themes/sakuracraypas/images/icon_arrow_right.png) no-repeat center / 100%;
	margin-left: 4px;
	vertical-align: bottom;
}
.l-home-news .news-main {
	width: calc(800 / 1280 * 100%);
}
.l-home-news .news-main .news-warning {
	padding: 12px 24px;
	border-radius: 8px;
	background: #e60113;
	color: #fff;
	margin-bottom: 8px;
	display: block;
}
.l-home-news .news-main .news-warning:hover {
	opacity: .8;
}
.l-home-news .news-main .news-warning::before {
	content: 'WARNING';
	display: inline-block;
	margin-right: 24px;
}
.l-home-news .news-main .news-list {
	margin-top: 40px;
	border-top: 1px solid #e6e6e6;
}
.l-home-news .news-main .news-list .item {
	border-bottom: 1px solid #e6e6e6;
	padding: 20px;
}
.l-home-news .news-main .news-list .item a {
	display: flex;
}
.l-home-news .news-main .news-list .item a .date {
	margin-right: 3em;
	color: #818181;
}

@media screen and (max-width: 767px) {
	.l-home-news {
		padding: 24px 0 64px;
		width: 84%;
		flex-direction: column;
	}
	.l-home-news .news-head {
		width: 100%;
	}
	.l-home-news .news-head .heading-title {
		text-align: center;
	}
	.l-home-news .news-head .heading-link {
		margin: 16px 0 24px;
		text-align: right;
	}
	.l-home-news .news-main {
		width: 100%;
	}
	.l-home-news .news-main .news-warning::before {
		display: block;
		margin-bottom: 0.5em;
	}
	.l-home-news .news-main .news-list .item a {
		flex-direction: column;
	}
	.l-home-news .news-main .news-list .item a .date {
		margin-right: 0;
		margin-bottom: 0.5em;
	}
}

/* Catalog */
.l-home-catalog {
	background: #e9e9e9;
	width: 100%;
	padding-bottom: 96px;
}
.l-home-catalog .catalog-head {
	padding: 96px 0;
}
.l-home-catalog .catalog-main {
	width: calc(1080 / 1440 * 100%);
	margin: 0 auto;
}
.l-home-catalog .catalog-main .catalog-list {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.l-home-catalog .catalog-main .catalog-list .item {
	width: calc(124 / 1080 * 100%);
}
.l-home-catalog .catalog-main .catalog-list .item:first-child {
	width: calc(244 / 1080 * 100%);
}
.l-home-catalog .catalog-main .catalog-list .item a {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 12px;
}
.l-home-catalog .catalog-main .catalog-list .item a:hover {
	opacity: 0.8;
}
.l-home-catalog .catalog-main .catalog-list .item .title {
	margin-bottom: 8px;
}
.l-home-catalog .catalog-main .catalog-list .item:not(first-child) .title {
	font-size: 13px;
}
.l-home-catalog .catalog-main .catalog-list .item .size {
	font-size: 13px;
	color: #575757;
	margin: 8px 0;
}
.l-home-catalog .catalog-main .catalog-list .item .button {
	color: #fff;
	background: #e60113;
	padding: 4px 8px;
	border-radius: 20px;
	width: 7em;
	margin: 0 auto;
	max-width: 90%;
	font-size: 13px;
}
@media screen and (max-width: 767px) {
	.l-home-catalog {
		padding-bottom: 48px;
	}
	.l-home-catalog .catalog-head {
		padding: 48px 0;
	}
	.l-home-catalog .catalog-main {
		width: 100%;
	}
	.l-home-catalog .catalog-main .catalog-list .item a img {
		height: 200px;
		width: auto;
	}
}


/*
	layout
*/
.layout {
	margin: 96px 0 0;
	padding-bottom: 64px;
}

.layout .breadcrumb {
	background: #f5f5f5;
}
.layout .breadcrumb .breadcrumb-list {
	display: flex;
	padding: 12px 0;
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
}
.layout .breadcrumb .breadcrumb-list a {
	font-size: 14px;
}

.layout .hero {
	width: 100%;
	height: 178px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.layout > .main > .main-title {
	margin-top: 124px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.layout {
		margin: 64px 0 0;
		padding-bottom: 32px;
	}
	.layout .breadcrumb .breadcrumb-list {
		width: 84%;
	}
	.layout .hero {
		height: 96px;
	}
	.layout > .main > .main-title {
		margin-top: 64px;
		font-size: 24px;
	}
}


/*
	Products
*/
#s-products {
	margin-top: 96px;
}
@media screen and (max-width: 767px) {
	#s-products {
		margin-top: 64px;
	}
}
.layout.products {
	background: #f4f4f7;
}
.layout.products .hero {
	background-image: url(/global/wp-content/themes/sakuracraypas/images/products_hero.jpg);
}

.layout.products .l-categories {
	margin-top: 104px;
}
.layout.products .categories-nav {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.layout.products .categories-nav .nav-item {
	flex: 1;
	display: block;
	text-align: center;
}
.layout.products .categories-nav .nav-item a {
	color: #000!important;
	padding: 12px 0;
	font-weight: bold;
	font-size: 15px;
	width: 100%;
	display: block;
}
.layout.products .categories-nav .nav-item a.on {
	border-bottom: 4px solid #e60113;
}

.layout.products .l-search {
	background: #fff;
	margin-top: 64px;
}
.layout.products .l-search .search-inner {
	padding: 48px 0 72px;
}
.layout.products .l-search .search-head {
	display: flex;
	align-items: center;
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto 48px;
}
.layout.products .l-search .search-head .title {
	font-size: 20px;
	font-weight: bold;
	margin-right: 32px;
}
.layout.products .l-search .search-head .list {
	display: flex;
	align-items: center;
}
.layout.products .l-search .search-head .list .item span {
	font-size: 18px;
	font-weight: bold;
	margin-right: 32px;
	display: block;
	padding: 8px 24px;
	border-radius: 8px;
	cursor: pointer;
}
.layout.products .l-search .search-head .list .item.is-active span,
.layout.products .l-search .search-head .list .item span:hover {
	background: #ebebeb;
}

@media screen and (max-width: 767px) {
	.layout.products .l-categories {
		margin-top: 56px;
	}
	.layout.products .categories-nav {
		overflow-x: scroll;
		width: 100%;
	}
	.layout.products .categories-nav .nav-item a {
		min-width: 7.5em;
		font-size: 16px;
	}
	.layout.products .l-search {
		margin-top: 32px;
	}
	.layout.products .l-search .search-inner {
		padding: 32px 0;
	}
	.layout.products .l-search .search-head {
		width: 84%;
		margin-bottom: 24px;
	}
	.layout.products .l-search .search-head .title {
		font-size: 16px;
		margin-right: 16px;
	}
	.layout.products .l-search .search-head .list .item span {
		font-size: 14px;
		margin-right: 16px;
		padding: 4px 16px;
	}
}

.layout.products .l-search .search-main .products-style-slide {
	display: none;
}
.layout.products .l-search .search-main .products-style-slide.is-active {
	display: block;
}

.layout.products .l-search .search-main .products-style-list {
	transform: translateX(5.55555556%);
}
.layout.products .l-search .search-main .products-style-list .item {
	/* width: 100%;
  aspect-ratio: 212 / 280; */
	padding-top: calc(280 / 1280 * 100%);
	/* height: 280px; */
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.layout.products .l-search .search-main .products-style-list .item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.layout.products .l-search .search-main .products-style-list .item a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: bold;
	background: rgba(0, 0, 0, .5);
	color: #fff;
}
.layout.products .l-search .search-main .products-style-list .item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}
.layout.products .l-search .search-main .products-style-list .item:hover::before {
	transform: scale(1.05);
	transition: all cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;
}

.layout.products .l-search .search-main .products-style-list img {
	width: 80%;
	position: absolute;
	top: 20px;
}

.layout.products .l-search .search-main .brand .products-style-list .pigma::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_pigma.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .brand .products-style-list .pigma img {
	width: 50%;
}
.layout.products .l-search .search-main .brand .products-style-list .gelly-roll::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_gelly-roll.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .brand .products-style-list .koi-coloring-brush-pen::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-coloring-brush-pen.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .brand .products-style-list .koi-water-colors::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/nav_products_koi-water-colors.jpg) no-repeat center / cover;
}

.layout.products .l-search .search-main .art-style .products-style-list .sketch::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_sketch.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .manga::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_manga.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .doodle::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_doodle.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .watercolor::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_watercolor.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .lettering::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_lettering.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .pattern-art::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_pattern-art.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .journal::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_journal.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .craft::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_craft.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .art-style .products-style-list .industrial::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/products_style_industrial.jpg) no-repeat center / cover;
}


.layout.products .l-search .search-main .products .products-style-list .fineliners::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_fineliners.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .ballpoint-pens::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_ballpoint-pens.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .brush-pens::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_brush-pens.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .markers::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_markers.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .watercolors::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_watercolors.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .other-paints::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_other-paints.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .pastels::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_pastels.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .art-tools::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_art-tools.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .pencils-erasers::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_pencils-erasers.jpg) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .others::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_others.png) no-repeat center / cover;
}
.layout.products .l-search .search-main .products .products-style-list .all::before {
	background: url(/global/wp-content/themes/sakuracraypas/images/home/products_items_all.jpg) no-repeat center / cover;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.layout.products .l-search .search-main .products-style-main {
		margin-top: 32px;
	}
	.layout.products .l-search .search-main .products-style-list .item {
		padding-top: calc(380 / 750 * 100%);
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 16px !important;
	}
}

.layout.products #item-list {
	margin-top: 104px;
}
@media screen and (max-width: 767px) {
	.layout.products #item-list {
		margin-top: 56px;
	}
}

/*
	Inspiration
*/
.layout.inspiration .hero {
	background-image: url(/global/wp-content/themes/sakuracraypas/images/inspiration_hero.jpg);
}

.layout.inspiration .l-entries {
	width: calc(1280 / 1440 * 100%);
	margin: 0 auto;
	padding-top: 96px;
}
.layout.inspiration-single .l-otherEntries {
	margin-top: 56px;
	border-top: 1px solid #dcdcdc;
}
.layout.inspiration .l-entries .entries-list,
.layout.inspiration-single .l-otherEntries .otherEntries-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.layout.inspiration .l-entries .entry {
	width: calc((100% - (24px * 3)) / 4);
}
.layout.inspiration-single .l-otherEntries .entry {
	width: calc((100% - (24px * 2)) / 3);
}
.layout.inspiration .l-entries .entry a,
.layout.inspiration-single .l-otherEntries .entry a {
	display: flex;
	flex-direction: column-reverse;
}
.layout.inspiration .l-entries .entry .entry-main .title,
.layout.inspiration-single .l-otherEntries .entry .entry-main .title {
	margin-top: 16px;
	font-size: 20px;
	font-weight: bold;
}
.layout.inspiration .l-entries .entry .entry-main .artist,
.layout.inspiration-single .l-otherEntries .entry .entry-main .artist {
	margin-top: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #595959;
	display: flex;
	align-items: center;
}
.layout.inspiration .l-entries .entry .entry-main .artist img,
.layout.inspiration-single .l-otherEntries .entry .entry-main .artist img {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	object-fit: cover;
	margin-right: 12px;
}
.layout.inspiration .l-entries .entry .entry-main .link,
.layout.inspiration-single .l-otherEntries .entry .entry-main .link {
	margin-top: 16px;
	font-size: 12px;
	text-align: right;
}
.layout.inspiration .l-entries .entry .entry-main .link::after,
.layout.inspiration-single .l-otherEntries .entry .entry-main .link::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/global/wp-content/themes/sakuracraypas/images/icon_arrow_right.png) no-repeat center / 100%;
	margin-left: 4px;
	vertical-align: text-bottom;
}
.layout.inspiration .l-entries .entry .entry-figure img,
.layout.inspiration-single .l-otherEntries .entry .entry-figure img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

@media screen and (max-width: 767px) {
	.layout.inspiration .l-entries {
		padding-top: 48px;
	}
	.layout.inspiration-single .l-otherEntries {
		margin-top: 32px;
	}
	.layout.inspiration .l-entries .entry {
		width: 100%;
		margin-bottom: 40px;
	}
	.layout.inspiration-single .l-otherEntries .entry {
		width: 100%;
		margin-bottom: 40px;
	}
}


.layout.inspiration-single .hero {
	overflow: hidden;
	height: 480px;
}
.layout.inspiration-single .hero img {
	object-fit: cover;
	width: 100%;
	object-position: 50% 50%;
}

.layout.inspiration-single .main {
	margin: 56px auto 0;
	width: calc(900 / 1440 * 100%);
}
.layout.inspiration-single .main .main-title {
	margin-bottom: 56px;
	text-align: left;
}
.layout.inspiration-single .l-contents {
	margin: 40px 0;
}
.layout.inspiration-single .l-contents h2 span{
	font-size: 24px;
	font-weight: bold !important;
	margin: 2em 0 1em;
	display: block;
}
.layout.inspiration-single .l-contents p {
	margin: 0 0 1em;
}
.layout.inspiration-single .l-info {
	margin: 24px 0;
}
.layout.inspiration-single .l-otherEntries .otherEntries-head {
	margin: 64px 0 56px;
}
.layout.inspiration-single .l-info .info-row {
	display: flex;
	margin: 0 0 16px 0;
	align-items: center;
}
.layout.inspiration-single .l-info .info-row_gray {
	background: #f8f8f8;
	padding: 24px;
}
.layout.inspiration-single .l-info .info-row .text {
	font-weight: bold;
	color: #282828;
	margin-right: 16px;
}
.layout.inspiration-single .l-info .info-row .name {
	font-size: 20px;
	font-weight: bold;
	color: #282828;
	margin-right: 16px;
}
.layout.inspiration-single .l-info .info-row .sub-text {
	font-weight: bold;
	color: #767676;
	margin-right: 16px;
}
.layout.inspiration-single .l-info .info-row img {
	height: 24px;
	width: auto;
	margin: 0 16px 0 0;
}
.layout.inspiration-single .l-info .info-row-artist {
	margin-right: 24px;
	display: flex;
	align-items: center;
}
.layout.inspiration-single .l-info .info-row-artist img {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	margin-right: 12px;
	object-fit: cover;
}
.layout.inspiration-single .l-info .info-row .info-row-social {
	display: flex;
	margin-right: 24px;
}
.layout.inspiration-single .l-info .info-row .info-row-products {
	display: flex;
	margin-right: 24px;
}
.layout.inspiration-single .l-info .info-row .info-row-style {
	display: flex;
	margin-right: 24px;
}

@media screen and (max-width: 767px) {
	.layout.inspiration-single .main {
		width: 84%;
		margin-top: 32px;
	}
	.layout.inspiration-single .main .main-title {
		margin-top: 32px;
		margin-bottom: 32px;
	}
	.layout.inspiration-single .l-info {
		flex-wrap: wrap;
	}
	.layout.inspiration-single .l-info .info-row {
		flex-wrap: wrap;
	}
	.layout.inspiration-single .l-info .info-row .info-row-products,
	.layout.inspiration-single .l-info .info-row .info-row-style {
		width: calc(50% - 24px);
		margin-top: 20px;
	}
	.layout.inspiration-single .l-info .info-row .info-row-social {
		width: 50%;
	}
	.layout.inspiration-single .l-info .info-row img {
		width: 100%;
		height: auto;
	}
	.layout.inspiration-single .l-info .info-row-artist img {
		width: 24px;
		height: 24px;

	}

}


/*
	Worldwide
*/
.layout.worldwide {
	background: #f4f4f7;
}
.layout.worldwide .hero {
	background-image: url(/global/wp-content/themes/sakuracraypas/images/worldwide_hero.jpg);
}

.layout.worldwide .l-lead {
	margin-top: 104px;
	text-align: center;
}
.layout.worldwide .l-lead .lead-text {
	font-size: 18px;
}
.layout.worldwide .l-map {
	margin-top: 120px;
	display: flex;
	width: 100%;
  position: relative;
  overflow: hidden;
}
.layout.worldwide .l-map::before {
  content: "";
  display: block;
  padding-top: calc(780 / 1440 * 100%);
}
.layout.worldwide .map {
  position: absolute;
  top: 0;
  right: 0;
	width: calc(1040 / 1440 * 100%);
	height: 100%;
}
.layout.worldwide .list {
  position: absolute;
  top: 0;
  left: 0;
	width: calc(400 / 1440 * 100%);
	height: 100%;
	background: #fff;
	padding: 24px 12px 124px;
	box-sizing: border-box;
}

.layout.worldwide .list .country-selector-container label {
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.layout.worldwide .list .country-selector-container select {
	margin-bottom: 16px;
	border: 0;
	border-bottom: 1px solid #000;
	width: 100%;
	padding-bottom: 12px;
	margin-top: 8px;
}
.layout.worldwide .list .store-list {
	overflow-y: scroll;
	height: 100%;
}
.layout.worldwide .list .store-item {
	padding: 30px 0;
	border-bottom: 1px solid #afafaf;
}
.layout.worldwide .list .store-item .head {
	display: flex;
	flex-direction: column-reverse;
}
.layout.worldwide .list .store-item h3 {
	font-size: 18px;
	margin-bottom: 16px;
}
.layout.worldwide .list .store-item h3 span {
	font-size: 15px;
	color: #575757;
}
.layout.worldwide .list .store-item .category {
	color: #fff;
	font-size: 14px;
	padding: 0 16px;
	display: inline;
	width: fit-content;
	margin-bottom: 4px;
}
.layout.worldwide .list .store-item .category.distributor {
	background: #e74c3c;
}
.layout.worldwide .list .store-item .category.ecshop,
.layout.worldwide .list .store-item .category.shop {
	background: #fc870d;
}
.layout.worldwide .list .store-item .category.affiliate {
	background: #0d8cfc;
}
.layout.worldwide .list .store-item .body {
	display: flex;
	flex-direction: column;
}
.layout.worldwide .list .store-item .body p,
.layout.worldwide .list .store-item .body a {
	font-size: 14px;
	margin-bottom: 4px;
}
.layout.worldwide .list .store-item .body a {
	color: #c95151;
	text-decoration: underline;
}
.layout.worldwide .list .store-item .facebook,
.layout.worldwide .list .store-item .instagram {
	/* padding-right: 16px; */
}
.layout.worldwide .list .store-item .facebook::after {
	content: '';
	display: inline-block;
	background: url(/global/wp-content/themes/sakuracraypas/images/icon_fb_circle.png) no-repeat center / 100%;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	vertical-align: text-bottom;
}
.layout.worldwide .list .store-item .instagram::after {
	content: '';
	display: inline-block;
	background: url(/global/wp-content/themes/sakuracraypas/images/icon_ig.png) no-repeat center / 100%;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	vertical-align: text-bottom;
}
.layout.worldwide .list .store-item .address {
	margin-bottom: 8px;
}
.layout.worldwide .list .store-item dl {
	overflow: hidden;
}
.layout.worldwide .list .store-item dt {
	float: left;
}
.layout.worldwide .list .store-item dt::after {
	content: ':';
	padding-right: 0.5em;
}
.layout.worldwide .list .store-item dd {

}

@media screen and (max-width: 767px) {
	.layout.worldwide .l-lead {
		margin-top: 56px;
	}
	.layout.worldwide .l-map {
		margin-top: 64px;
		flex-direction: column-reverse;
	}
	.layout.worldwide .map {
		position: static;
		width: 100%;
		height: 100%;
	}
	.layout.worldwide .map::before {
		content: "";
		display: block;
		padding-top: calc(780 / 1440 * 100%);
	}
	.layout.worldwide .list {
		position: static;
		width: 100%;
	}
}



/*
	Search
*/
.search .container{
	padding-top:96px;
	padding-bottom:100px;
}
.search h2.title-01{
	margin-top:50px;
}
.search .result_list{
	margin:50px auto;
}
.search .result_list li{
	padding-left:16px;
	position:relative;
	margin-bottom:10px;
}
.search .result_list li:before{
	content: '';
    position: absolute;
    top: 13px;
    left: 0px;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-left: 6px solid #333;
}
.search .result_list li h2{
	font-weight:bold;
	line-height:1.8;
}
@media screen and (max-width: 767px) {
	.search .container{
	padding-top:40px;
 }
}

.js-fadeInUp {
	opacity: 0;
	transform: translate3d(0, 32px, 0);
	transition: all 1.2s cubic-bezier(.23, 1, .32, 1);
}
.js-fadeInUp.is-active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: all 1.2s cubic-bezier(.23, 1, .32, 1);
}


/* ここからsustainable用css */
.sustainable *{
	box-sizing: border-box;
  }

  @media print, screen and (min-width:768px) {
	.sustainable .l-sm {
	  display: none!important
	}
  }


  .layout.sustainable .hero {
	  background-image: url(/global/wp-content/themes/sakuracraypas/images/sustainable/sustainable_hero.jpg);
  }

  .sustainable .main{
	padding:60px 0 100px;
  }
  @media print, screen and (min-width:768px) {
	.sustainable .main{
	  padding:40px 0 60px;
	}
  }

  .sustainable .anchor_nav {
	-ms-flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -16px
  }

  .sustainable .anchor_nav li {
	display: inline-block;
	margin-bottom: 16px;
	padding: 8px 16px;
	border-right: 1px solid #dedede
  }

  .sustainable .anchor_nav li, .sustainable .anchor_nav li:first-child {
	border-left: 1px solid #dedede
  }

  @media print, screen and (min-width:768px) {
	.sustainable .anchor_nav li:not(:first-of-type) {
		margin-left: -1px
	}
  }

  .sustainable .anchor_nav li a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-sizing: border-box;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 5px 32px;
	border-radius: 8px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	text-align: center
  }

  .sustainable .anchor_nav li a svg {
	-webkit-transition: .3s ease;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	transition: .3s ease
  }

  .sustainable .anchor_nav li a svg rect {
	fill: none
  }

  .sustainable .anchor_nav li a svg path {
	-webkit-transition: .3s;
	transition: .3s
  }

  @media print, screen and (min-width:769px) {
	.sustainable .anchor_nav li a:hover {
		background: red;
		color: #fff
	}
	.sustainable .anchor_nav li a:hover svg path {
		fill: #fff
	}
  }

  @media screen and (max-width:767px) {
	.sustainable .anchor_nav {
	  display: block;
	  margin-bottom: 0;
	  border-top: 1px solid #dedede;
	  border-left: none
	}
	.sustainable .anchor_nav li {
	  display: block;
	  width: auto;
	  margin: 0;
	  padding: 0;
	  border: none;
	  border-bottom: 1px solid #dedede
	}
	.sustainable .anchor_nav li:first-child {
	  border-left: none
	}
	.sustainable .anchor_nav li a {
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	  padding: 5px 15px;
	  border: none;
	  font-size: 14px;
	  text-align: left
	}
	.sustainable .anchor_nav li a svg {
	  width: 13px;
	  margin-right: 8px
	}
  }


  .sustainable .intro-about {
	padding-top: 120px
  }

  .sustainable .eco-about {
	padding-top: 120px
  }

  .sustainable .title-on_short_underbar {
	padding-bottom: 30px;
	/*background: url(/global/wp-content/themes/sakuracraypas/images/sustainable/line_sectiontitle.png) bottom no-repeat;*/
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center
  }

  @media screen and (max-width:767px) {
	.sustainable .title-on_short_underbar {
	  padding-bottom: 20px;
	  /*background: url(/global/wp-content/themes/sakuracraypas/images/sustainable/line_sectiontitle_sp.png) bottom no-repeat;
	  background-size: 41px auto;*/
	  font-size: 24px;
	  letter-spacing: .05em
	}
  }
  .sustainable .intro-about__titarea,
  .sustainable .eco-about__titarea {
	width: 1100px;
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
  }
  @media print, screen and (max-width:1279px) and (min-width:768px) {
	.sustainable .intro-about__titarea,
	.sustainable .eco-about__titarea {
	  width: calc(100% - 32px);
	  max-width: 1100px;
	}
  }

  @media screen and (max-width:767px) {
	.sustainable .intro-about__titarea,
	.sustainable .eco-about__titarea {
	  width: 100%;
	  padding: 0 16px;
	}
  }

  .sustainable .intro-about__titarea .tit,
  .sustainable .eco-about__titarea .tit {
	margin-top: 40px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.625
  }

  .sustainable .intro-about__titarea .txt,
  .sustainable .eco-about__titarea .txt {
	margin-top: 22px;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .8px;
	line-height: 2
  }

  .sustainable .eco-about__wrap {
	margin-top: 31px
  }

  .sustainable .eco-about__wrap .policy {
	position: relative;
	height: 540px;
	padding-top: 60px;
	background-image: url(/global/wp-content/themes/sakuracraypas/images/sustainable/eco/bg-policy.jpg);
	background-repeat: no-repeat;
	background-size: 100%
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
	.sustainable .eco-about__wrap .policy {
	  height: auto
	}
  }

  .sustainable .eco-about__wrap .policy__inner {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 59px;
	left: calc(50% - 500px);
	justify-content: space-between;
	padding: 47px 54px;
	background-color: hsla(0, 0%, 100%, .95)
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
	.sustainable .eco-about__wrap .policy__inner {
	  position: relative;
	  top: auto;
	  left: auto;
	  width: 90%;
	  margin: 0 auto
	}
  }

  .sustainable .c-tit__line-under-arrow {
	display: inline-block;
	position: relative;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.40909
  }

  .sustainable .c-tit__line-under-arrow.green:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2025.6%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.6%202-10.8%2018-10.8-18%22%20fill%3D%22none%22%20stroke%3D%22%23c7e7c2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E")
  }

  .sustainable .c-tit__line-under-arrow.green span:after, .c-tit__line-under-arrow.green span:before {
	background-color: rgba(68, 175, 53, .3)
  }

  .sustainable .c-tit__line-under-arrow.yellow:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2025.6%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.6%202-10.8%2018-10.8-18%22%20fill%3D%22none%22%20stroke%3D%22%23faff00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E")
  }


  .sustainable .c-tit__line-under-arrow:after {
	display: inline-block;
	position: absolute;
	bottom: -38px;
	left: calc(50% - 12.8px);
	width: 25.6px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2025.6%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.6%202-10.8%2018-10.8-18%22%20fill%3D%22none%22%20stroke%3D%22%23ffb2b2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: 100%;
	content: ""
  }

  .sustainable .c-tit__line-under-arrow span:after, .c-tit__line-under-arrow span:before {
	display: inline-block;
	position: absolute;
	bottom: -19px;
	width: calc(50% - 10px);
	height: 4px;
	border-radius: 2px;
	background-color: #ffb2b2;
	content: ""
  }

  @media (-ms-high-contrast:none), print {
	.sustainable .c-tit__line-under-arrow span:after, .c-tit__line-under-arrow span:before {
	  bottom: -20px
	}
  }

  .sustainable .c-tit__line-under-arrow span:before {
	left: 0
  }

  .sustainable .c-tit__line-under-arrow span:after {
	right: 1px
  }

  @media (-ms-high-contrast:none), print {
	.sustainable .c-tit__line-under-arrow span:after {
	  right: 0
	}
  }

  @media screen and (max-width:767px) {
	.sustainable .c-tit__line-under-arrow {
	  font-size: 18px;
	  line-height: 1
	}
	.sustainable .c-tit__line-under-arrow:after {
	  bottom: -32px;
	  left: calc(50% - 10px);
	  width: 19px;
	  height: 24px
	}
	.sustainable .c-tit__line-under-arrow span:after, .c-tit__line-under-arrow span:before {
	  bottom: -11px;
	  width: calc(50% - 7px);
	  height: 3px;
	  border-radius: 1.5px
	}
	.sustainable .c-tit__line-under-arrow span:after {
	  right: 1px
	}
  }


  .sustainable .company-page__inner {
	width: 1000px;
	margin: 0 auto
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
	.sustainable .company-page__inner {
	  width: calc(100% - 32px);
	  max-width: 1000px
	}
  }

  @media screen and (max-width:767px) {
	.sustainable .company-page__inner {
	  width: 100%;
	  padding: 0 16px
	}
  }

  .sustainable .eco-about__wrap .policy__item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
	.sustainable .eco-about__wrap .policy__item {
	  width: 100%;
	}
  }

  .sustainable .eco-about__wrap .policy__item--tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.40909;
	text-align: center
  }

  .sustainable .eco-about__wrap .policy__item--txt {
	width: 100%;
	margin-top: 60px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8125
  }

  .sustainable .eco-about__wrap .policy__item--list {
	width: 100%;
	margin-top: 60px;
	list-style: none;
	counter-reset: item
  }

  .sustainable .eco-about__wrap .policy__item--list li:not(:first-of-type) {
	margin-top: 28px;
	padding-right: 500px;
  }
	@media screen and (max-width:767px) {
		.sustainable .eco-about__wrap .policy__item--list li:not(:first-of-type) {
			padding-right: 0;
		}
	}

  .sustainable .eco-about__wrap .policy__item--list li .tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8125
  }

  .sustainable .eco-about__wrap .policy__item--list li .tit:before {
	margin-right: 5px;
	content: counter(item) ".";
	counter-increment: item
  }

  .sustainable .eco-about__wrap .policy__item--list li .txt {
	margin-top: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8125
  }

  .sustainable .eco-about__wrap .policy__item--image {
	position: absolute;
	bottom: 23px;
	right: 0;
  }
	@media screen and (max-width:767px) {
		.sustainable .eco-about__wrap .policy__item--image {
			padding-top: 20px;
			position: relative;
			bottom: 0;
			right: 0;
		}
	}

  .sustainable .eco-about__wrap .declaration {
	margin-top: 60px
  }

  .sustainable .eco-about__wrap .declaration__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
  }

  .sustainable .eco-about__wrap .declaration__item:not(:first-of-type) {
	margin-top: 51px
  }

  @media print, screen and (min-width:768px) {
	.sustainable .eco-about__wrap .declaration__item:nth-of-type(odd) .declaration__txtarea {
	  margin-right: 48px
	}
	.sustainable .eco-about__wrap .declaration__item:nth-of-type(2n) {
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: row-reverse;
	  flex-direction: row-reverse
	}
	.sustainable .eco-about__wrap .declaration__item:nth-of-type(2n) .declaration__imagearea {
	  margin-right: 48px
	}
  }

  .sustainable .eco-about__wrap .declaration__txtarea--tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -1.2px;
	line-height: 1.86364
  }

  .sustainable .eco-about__wrap .declaration__txtarea--txt {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8125
  }

  .sustainable .eco-about__wrap .declaration__imagearea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-shadow: 0 0 11px 5.6px rgba(0, 0, 0, .05);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 380px;
	min-width: 380px;
	height: 270px;
	margin-top: 9px;
	overflow: hidden;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 0 11px 5.6px rgba(0, 0, 0, .05)
  }

  @media screen and (max-width:767px) {
	.sustainable .eco-about__wrap .declaration__imagearea {
	  max-width: 380px
	}
  }

  .sustainable .eco-support {
	margin-top: 76px;
	padding-top: 67px;
	padding-bottom: 100px;
	background-image: url(/global/wp-content/themes/sakuracraypas/images/sustainable/eco/bg-support.png);
	background-position: 50%;
	background-size: cover
  }

  .sustainable .eco-support__tit {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.40909
  }

  .sustainable .eco-support__tit span {
	position: relative
  }

  .sustainable .eco-support__tit span:before {
	left: -105%
  }

  .sustainable .eco-support__tit span:after, .sustainable .eco-support__tit span:before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 2px);
	width: 100%;
	height: 3.5px;
	background-image: url(/global/wp-content/themes/sakuracraypas/images/sustainable/eco/img-tit-dotted-line@2x.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 1003.5px 3.5px;
	content: ""
  }

  .sustainable .eco-support__tit span:after {
	right: -105%
  }

  .sustainable .eco-support__list {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row-reverse;
	margin-top: 45px;
	counter-reset: item
  }

  .sustainable .eco-support__list--txtarea .list__item {
	list-style: none
  }

  .sustainable .eco-support__list--txtarea .list__item:not(:first-of-type) {
	margin-top: 26px
  }

  .sustainable .eco-support__list--txtarea .list__item__tit {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.86364
  }

  .sustainable .eco-support__list--txtarea .list__item__tit:before {
	margin-right: 5px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.86364;
	content: counter(item) ".";
	counter-increment: item
  }

  .sustainable .eco-support__list--txtarea .list__item__txt {
	margin-top: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8125
  }

  .sustainable .eco-support__list--txtarea .btn {
	margin-top: 32px;
	color: #fff
  }

  .sustainable .eco-support__list--imagearea {
	margin-right: 60px
  }

  .sustainable .eco-support__desc-area {
	margin-top: 62px;
	padding: 30px 30px 32px;
	border-radius: 16px;
	background-color: rgba(0, 153, 145, .15)
  }

  .sustainable .eco-support__desc-area--item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center
  }

  .sustainable .eco-support__desc-area--item:not(:first-of-type) {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid #fff
  }

  .sustainable .eco-support__desc-area--txt {
	color: #525252;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8125
  }

  .sustainable .eco-support__desc-area--image {
	width: 163px;
	min-width: 163px;
	margin-right: 29px;
	overflow: hidden;
	border-radius: 10px
  }

  @media screen and (max-width:767px) {
	.sustainable .eco-about {
	  padding-top: 60px
	}
	.sustainable .eco-about__titarea {
	  padding: 0 16px
	}
	.sustainable .eco-about__titarea .tit {
	  font-size: 17px;
	  line-height: 1.41176
	}
	.sustainable .eco-about__titarea .tit br {
	  display: none
	}
	.sustainable .eco-about__titarea .txt {
	  margin-top: 22px;
	  margin-left: 0;
	  font-size: 14px;
	  line-height: 2;
	  text-align: left
	}
	.sustainable .eco-about__titarea .txt br {
	  display: none
	}
	.sustainable .eco-about__wrap {
	  margin-top: 30px
	}
	.sustainable .eco-about__wrap .policy {
	  height: auto;
	  padding-top: 182px;
	  background-position: top;
	  background-repeat: no-repeat;
	  background-size: 180%
	}
	.sustainable .eco-about__wrap .policy__inner {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  position: relative;
	  top: inherit;
	  left: inherit;
	  flex-direction: column;
	  width: calc(100% - 32px);
	  margin-top: 45px;
	  padding: 0
	}
	.sustainable .eco-about__wrap .policy__item {
	  width: 100%;
	  padding: 30px 10px
	}
	.sustainable .eco-about__wrap .policy__item:not(:first-of-type) {
	  margin-top: 40px
	}
  }

  @media screen and (max-width:767px) and (max-width:767px) {
	.sustainable .eco-about__wrap .policy__item:not(:first-of-type) {
	  margin-top: 0
	}
  }

  @media screen and (max-width:767px) {
	.sustainable .eco-about__wrap .policy__item--tit {
	  font-size: 15px;
	  letter-spacing: 1px;
	  line-height: 1.66667
	}
	.sustainable .eco-about__wrap .policy__item--txt {
	  margin-top: 60px;
	  font-size: 14px;
	  line-height: 1.78571
	}
	.sustainable .eco-about__wrap .policy__item--list {
	  margin-top: 60px
	}
	.sustainable .eco-about__wrap .policy__item--list li:not(:first-of-type) {
	  margin-top: 28px
	}
	.sustainable .eco-about__wrap .policy__item--list li .tit {
	  font-size: 14px;
	  line-height: 1.42857
	}
	.sustainable .eco-about__wrap .policy__item--list li .tit:before {
	  margin-right: 5px
	}
	.sustainable .eco-about__wrap .policy__item--list li .txt {
	  margin-top: 5px;
	  margin-left: 18px;
	  font-size: 14px;
	  line-height: 1.42857
	}
	.sustainable .eco-about__wrap .declaration {
	  margin-top: 60px
	}
	.sustainable .eco-about__wrap .declaration__item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column
	}
	.sustainable .eco-about__wrap .declaration__item:not(:first-of-type) {
	  margin-top: 48px
	}
	.sustainable .eco-about__wrap .declaration__txtarea--tit {
	  font-size: 15px;
	  letter-spacing: -1.2px;
	  line-height: 1.66667
	}
	.sustainable .eco-about__wrap .declaration__txtarea--txt {
	  margin-top: 15px;
	  font-size: 14px;
	  line-height: 1.78571
	}
	.sustainable .eco-about__wrap .declaration__imagearea {
	  width: 100%;
	  min-width: 100%;
	  height: 270px;
	  margin-top: 15px;
	  border-radius: 8px
	}
  }

  @media screen and (max-width:767px) and (max-width:767px) {
	.sustainable .eco-about__wrap .declaration__imagearea {
	  min-width: auto;
	  max-width: 380px;
	  margin: 15px auto 0
	}
  }



  .sustainable .ac-enlightenment__wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 120px
  }

  .sustainable .ac-enlightenment__wrap--tit {
  -webkit-font-feature-settings: "palt";
  margin-top: 40px;
  margin-left: 2px;
  font-feature-settings: "palt";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2.6px;
  line-height: 1.58333
  }

  .sustainable .ac-enlightenment__wrap--txt {
  -webkit-font-feature-settings: "palt";
  margin-top: 23px;
  margin-left: -4px;
  font-feature-settings: "palt";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.4px;
  line-height: 2;
  text-align: center
  }

  .sustainable .ac-enlightenment__list {
  position: relative;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 115px;
  padding-top: 73px
  }

  .sustainable .ac-enlightenment__list:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%203%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20fill%3D%22%23356d8c%22%20opacity%3D%22.3%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  background-size: 6px 3px;
  content: ""
  }

  .sustainable .ac-enlightenment__item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  width: 100%
  }

  .sustainable .ac-enlightenment__item:not(:first-of-type) {
  margin-top: 69px
  }

  @media print, screen and (min-width:768px) {
  .sustainable .ac-enlightenment__item:nth-of-type(odd) .txtarea {
	margin-right: 50px
  }
  .sustainable .ac-enlightenment__item:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
  }
  .sustainable .ac-enlightenment__item:nth-of-type(2n) .imagearea {
	margin-right: 50px
  }
  }

  .sustainable .ac-enlightenment__item .txtarea {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
  .sustainable .ac-enlightenment__item .txtarea {
	width: calc(45% - 25px)
  }
  .sustainable .ac-enlightenment__item .txtarea img {
	width: 100%;
	height: auto
  }
  }

  .sustainable .ac-enlightenment__item .txtarea .tit {
  -webkit-font-feature-settings: "palt";
  position: relative;
  /*padding: 1px 16px 0;*/
  font-feature-settings: "palt";
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 1.40909
  }

  /*
  .sustainable .ac-enlightenment__item .txtarea .tit:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #336782;
  content: ""
  }
  */

  .sustainable .ac-enlightenment__item .txtarea .txt {
  -webkit-font-feature-settings: "palt";
  margin-top: 27px;
  font-feature-settings: "palt";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .4px;
  line-height: 1.8125
  }

  .sustainable .ac-enlightenment__item .txtarea .txt a {
  color: red;
  text-decoration: underline
  }

  @media print, screen and (max-width:1279px) and (min-width:768px) {
  .sustainable .ac-enlightenment__item .imagearea {
	width: calc(55% - 25px)
  }
  .sustainable .ac-enlightenment__item .imagearea img {
	width: 100%;
	height: auto
  }
  }

  @media (-ms-high-contrast:none), print {
  .sustainable .ac-enlightenment__item .imagearea {
	width: 500px;
	min-width: 500px
  }
  }

  @media screen and (max-width:767px) {
  .sustainable .ac-enlightenment__item .imagearea {
	margin: 0 auto
  }
  }

  @media screen and (max-width:767px) {
	.sustainable .ac-enlightenment__wrap {
	  padding-top: 60px
	}
	.sustainable .ac-enlightenment__wrap--tit {
	  margin-left: 2px;
	  font-size: 17px;
	  letter-spacing: 2.6px;
	  line-height: 1.41176
	}
	.sustainable .ac-enlightenment__wrap--txt {
	  margin-top: 23px;
	  margin-left: 0;
	  font-size: 14px;
	  letter-spacing: 1.4px;
	  line-height: 2;
	  text-align: left
	}
	.sustainable .ac-enlightenment__wrap--txt br {
	  display: none
	}
	.sustainable .ac-enlightenment__list {
	  margin-top: 30px;
	  margin-bottom: 55px;
	  padding-top: 43px
	}
	.sustainable .ac-enlightenment__item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column
	}
	.sustainable .ac-enlightenment__item:not(:first-of-type) {
	  margin-top: 70px
	}
	.sustainable .ac-enlightenment__item .txtarea .tit {
	  /*padding: 1px 15px 0;*/
	  font-size: 15px;
	  letter-spacing: 0;
	  line-height: 1.66667
	}
	/*
	.sustainable .ac-enlightenment__item .txtarea .tit:before {
	  width: 3px
	}
	*/
	.sustainable .ac-enlightenment__item .txtarea .txt {
	  margin-top: 15px;
	  font-size: 15px;
	  letter-spacing: 0;
	  line-height: 1.66667
	}
	.sustainable .ac-enlightenment__item .imagearea {
	  margin-top: 15px
	}
  }

	.sustainable #history .info {
		text-align: center;
		font-size: 20px;
	}
	.sustainable #history .info .br {
		display: none;
	}
	@media screen and (max-width:767px) {
		.sustainable #history .info .br {
			display: block;
		}
	}

	.sustainable #history a {
		margin: 15px auto 30px;
		display:table;
	}


  /* header */
  .l-header .header-menu .header-menu-main nav > ul > li.about-sakura > a {
	position: relative;
	padding-right: 24px;
  }
  .l-header .header-menu .header-menu-main nav > ul > li.about-sakura > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-25%);
	border: 5px solid transparent;
	border-top: 8px solid #000;
  }
  .about-sakura .menu-main-subMenu .menu-main-subMenu-products .main .main-links-list .item{
	width: 100%;
  }