@charset "utf-8";

/*****************************************************
	Product Common
*****************************************************/
/* --- Parts --- */
.vertical-thumbnail {
	width: 50%;
	margin: 0 auto;
}

.subtab-none {
	display: block;
	height: 50px;
	margin-top: 20px;
}

.bg_circle {
	display: inline-block;
	margin: 0 .2rem;
	padding: .8rem 1.3rem;
	font-size: 2rem;
	border-radius: 5rem;
	background-color: #FFD900;
}

/* --- Tab Menu ---------- */
.tab-submenu {
	width: 100%;
	margin: 16px auto 0;
	padding: 0;
	text-align: center;
}

.tab-submenu__inner .menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 4px;
	padding: 0;
}

.tab-submenu__inner .menu li {
	list-style-type: none;
	flex-grow: 1;
	margin: 4px 2px 0;
	font-size: 14px;
	color: #555;
	background-color: #C5E4E7;
}

.tab-submenu__inner .menu li a {
	display: inline-block;
	padding: 16px 8px;
	width: 100%;
	box-sizing: border-box;
}

.tab-submenu__inner .menu a:hover,
.tab-submenu__inner .menu a:active,
.tab-submenu__inner .menu .current-menu-item a

/* , .current-menu-parent a */
	{
	color: #333;
	background-color: #4BB9C3;
}

.bg_cloud_genba .tab-submenu .tab-submenu__inner a {
	background-color: #C5D0AF;
}

.bg_cloud_genba .tab-submenu .tab-submenu__inner a:hover,
.bg_cloud_genba .tab-submenu .tab-submenu__inner a:active,
.bg_cloud_genba .tab-submenu .tab-submenu__inner .current-menu-item a {
	background-color: #AFC67F;
}

.bg_cloud_unei .tab-submenu .tab-submenu__inner a {
	background-color: #D3E0EC;
}

.bg_cloud_unei .tab-submenu .tab-submenu__inner a:hover,
.bg_cloud_unei .tab-submenu .tab-submenu__inner a:active,
.bg_cloud_unei .tab-submenu .tab-submenu__inner .current-menu-item a {
	background-color: #6293C4;
}

.bg_cloud_omakase .tab-submenu .tab-submenu__inner a {
	background-color: #E5CB7D;
}

.bg_cloud_omakase .tab-submenu .tab-submenu__inner a:hover,
.bg_cloud_omakase .tab-submenu .tab-submenu__inner a:active,
.bg_cloud_omakase .tab-submenu .tab-submenu__inner .current-menu-item a {
	background-color: #D1A725;
}

/* --- Feature Icon --- */
.product-page-allfeatures {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
}

.product-page-allfeatures .wp-block-image {
	margin: 0
}

.product-page-allfeatures img {
	max-width: 80px;
	width: 100%;
	margin: 0 12px 16px;
}

/* --- Feature Article --- */
.product-feature {
	padding-top: 32px;
	padding-bottom: 56px;
	border-top: solid 1px #ccc;
}

.product-feature:first-of-type {
	border-top: 0;
}

.product-feature-title {
	text-align: center;
}

.product-feature__icon {
	text-align: center;
}

.product-feature__icon .wp-block-image {
	display: inline-block;
	margin: 0 0 32px;
}

.product-feature__icon img {
	max-width: 130px;
	height: 100%;
}

.product-feature__icon img:not(:last-of-type) {
	margin-right: 32px;
}

/* --- Feature Article Single --- */
.product-feature-single {
	padding-top: 32px;
	padding-bottom: 56px;
	border-top: solid 1px #ccc;
}

.product-feature-single:first-of-type {
	border-top: 0;
}

/* List Circle */
.product-feature__list {
	list-style-type: none;
	margin: 16px 16px 16px 24px;
	padding: 0;
}

.product-feature__list-multi {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 16px 16px 16px 24px;
	padding: 0;
}

.product-feature__list {
	position: relative;
}

.product-feature__list-multi li {
	position: relative;
	min-width: 50%;
}

.product-feature__list li::before,
.product-feature__list-multi li::before {
	position: absolute;
	left: -24px;
	content: "●";
	color: #74503E;
}

/* List Circle - dashed */
.product-feature__list-dashed {
	display: flex;
	flex-direction: column;
	margin-top: 1.5rem;
}

.product-feature__list-dashed__head {}

.product-feature__list-dashed__head {
	position: relative;
	display: flex;
	flex-direction: column;
	color: #74503e;
}

.product-feature__list-dashed__head::after {
	position: absolute;
	top: 4px;
	left: 0;
	content: '';
	width: 12px;
	height: 12px;
	background: #74503e;
	border-radius: 50%;
}

.product-feature__list-dashed__head .head-title {
	margin: 0 0 0 24px;
	font-size: 16px;
}

.product-feature__list-dashed__head span {
	display: flex;
	flex-grow: 3;
	width: auto;
	height: auto;
	margin: 12px 24px;
	border-top: dashed 1px #74503e;
}

.product-feature__list-dashed__txt {
	width: 94%;
	margin: 0 auto;
}

/* Price Table */
.price_style {
	border-collapse: collapse;
	width: 92%;
	margin: 24px auto 0;
	padding: 1em;
}

.price_style th,
.price_style td {
	padding: 0 1em;
	vertical-align: middle;
	text-align: center;
}

.price_style .cell_title,
.price_style .cell_cnt {
	display: block;
	border-bottom: 0;
}

.price_style .cell_title {
	color: #fff;
	background: #4bb9c3;
}

.price_style .cell_title div {
	min-height: 80px;
	padding: 1em 0;
	font-size: 1.3em;
	line-height: 1.5em;
}

.price_style .cell_cnt {
	color: #333;
	background: #fff;
}

.price_style .cell_cnt div {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80px;
	padding: 1em 0;
	font-size: 1.7em;
}

.price_style tr:last-child .cell_title div,
.price_style tr:last-child .cell_cnt div {
	border-bottom: 0;
}

.direction-col {
	flex-direction: column;
}

/* 3tab */
.tab-maincontent--other-feature {
	display: flex;
	justify-content: space-between;
	border-right: solid 2px #74503E;
	border-left: solid 2px #74503E;
	text-align: center;
}

.tab-maincontent--other-feature div {
	width: 100%;
	margin: 0;
	padding: 0 24px;
	font-size: 90%;
	line-height: 1.4;
}

/* --- Tab Link Button - Article Bottom Area --- */
.tabpage-link-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* --- Product Article --- */
/* 2box */
.function-2box {
	width: 100%;
}

.function-2box>.wp-block-group__inner-containe {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 94%;
	margin: auto;
}

.function-2box-item {
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

/* 4box */
.function-4box-up,
.function-4box-down {
	width: 100%;
}

.function-4box-up,
.function-4box-down {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 94%;
	margin: auto;
}

.function-4box-item {
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: dashed 1px #d5cac5;
	text-align: center;
}

.border-solid .function-4box-item {
	border-bottom: solid 1px #ccc;
}

.function-4box-down .function-4box-item:last-child,
.border-solid.function-4box-down.border-solid .function-4box-item:last-child {
	border-bottom: 0;
}

.function-4box-item {
	padding: 16px 0;
}

/* ** Media Queries ** */
@media (min-width: 640px) {

	/* --- Parts --- */
	.subtab-none {
		margin-top: 80px;
	}

	/* Price */
	.price_style .cell_title div {
		border-bottom: 0;
	}

	.price_style .cell_cnt div {
		border-bottom: 0;
	}
}

@media (min-width: 768px) {

	/* --- Tab submenu --- */
	.tab-submenu__inner .menu li {
		flex: 1;
	}

	/* Price */
	.price_style .cell_title,
	.price_style .cell_cnt {
		display: table-cell;
		border-bottom: 0;
	}

	.price_style .cell_title {
		width: 30%;
	}

	.price_style .cell_cnt {
		width: auto;
	}

	.price_style .cell_title div {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 100px;
		border-bottom: solid 2px #fff;
	}

	.price_style .cell_cnt div {
		min-height: 100px;
		border-bottom: solid 2px #4bb9c3;
	}

	/* --- Feature Icon --- */
	.product-page-allfeatures img {
		max-width: 100px;
		margin: 0 12px 24px;
	}

	/* --- Feature Article --- */
	.product-feature {
		padding-bottom: 0;
	}

	.product-feature__cont {
		width: 100%;
		padding-top: 32px;
		padding-bottom: 56px;
	}

	/* 2box */
	.function-2box {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin: auto auto 80px;
	}

	.function-2box {
		border-bottom: solid 1px #ccc;
	}

	.function-2box div {
		display: block;
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}

	.function-2box-item {
		border-bottom: 0;
	}

	.function-2box-item {
		display: block;
		padding: 0;
		text-align: center;
	}

	.function-2box .function-2box-item:not(:last-child) {
		border-right: solid 1px #ccc;
	}

	.function-2box .function-2box-item:not(:first-child) {
		padding-left: 24px;
	}

	/* 4box */
	.function-4box-up,
	.function-4box-down {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin: auto;
	}

	.function-4box-up {
		border-bottom: dashed 1px #d5cac5;
	}

	.function-4box-up.border-solid {
		border-bottom: solid 1px #ccc;
	}

	.function-4box-up div,
	.function-4box-down div {
		display: block;
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}

	.function-4box-item {
		display: block;
		padding: 32px 0;
		text-align: center;
	}

	.border-solid .function-4box-item,
	.function-4box-item {
		width: 48%;
		border-bottom: 0;
	}

	.function-4box-up .function-4box-item:not(:last-child),
	.function-4box-down .function-4box-item:not(:last-child) {
		padding-right: 24px;
		border-right: dashed 1px #d5cac5;
	}

	.function-4box-up.border-solid .function-4box-item:not(:last-child),
	.function-4box-down.border-solid .function-4box-item:not(:last-child) {
		border-right: solid 1px #ccc;
	}

	.function-4box-up .function-4box-item:not(:first-child),
	.function-4box-down .function-4box-item:not(:first-child) {
		padding-left: 24px;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.wp-block-column.product-feature__icon {
		display: flex;
		justify-content: center;
		flex-basis: 100% !important;
	}
}

@media (min-width: 960px) {

	/* --- Parts --- */
	.vertical-thumbnail {
		width: 100%
	}

	.with-arrow::after {
		right: 0;
		top: 50%;
		width: 20%;
		height: 30%;
		transform: translate(100%, -50%);
	}

	.function-4box-item figure {
		display: block;
		width: 280px;
		margin: auto;
		text-align: center;
	}

	/* --- Feature Article --- */
	.product-feature__icon {
		margin-right: auto;
		margin-left: auto;
	}

	/* 3tab */
	.tab-maincontent--other-feature {
		display: flex;
		justify-content: space-between;
		border-right: solid 2px #74503E;
		border-left: solid 2px #74503E;
		text-align: center;
	}

	.tab-maincontent--other-feature div {
		width: calc(33.3% - 48px);
		margin: 0;
		padding: 0 24px;
		font-size: 90%;
		line-height: 1.4;
	}

	.tab-maincontent--other-feature div:nth-child(2) {
		border-right: solid 2px #74503E;
		border-left: solid 2px #74503E;
	}

	.h4-bg-accent.kesseki-margin {
		margin-top: 240px;
	}

	/* List Circle - dashed */
	.product-feature__list-dashed {
		flex-direction: row;
	}

	.product-feature__list-dashed__head {
		width: 28%;
		padding-left: 8px;
	}

	.product-feature__list-dashed__head {
		flex-direction: row;
	}

	.product-feature__list-dashed__head .head-title {
		margin: 0 0 0 24px;
	}

	.product-feature__list-dashed__head span {
		display: flex;
		flex-grow: 3;
		width: auto;
		height: auto;
		margin: 12px 24px;
	}

	.product-feature__list-dashed__txt {
		width: 72%;
		margin: 0;
	}
}

@media (min-width: 1024px) {

	/* --- Tab submenu --- */
	.tab-submenu {
		max-width: 1024px;
		margin: 16px auto 0;
		padding: 0;
		text-align: center;
	}

	.tab-submenu__inner .menu {
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
	}

	.tab-submenu__inner .menu a {
		width: 100%;
		padding: 16px 0;
		margin-left: 4px;
		font-size: 16px;
	}

	.tab-submenu__inner .menu a:nth-child(odd) {
		margin-left: 4px;
	}

	.tab-submenu__inner .menu a:first-child {
		margin-left: 0;
	}

	/* --- Feature Icon --- */
	.product-page-allfeatures {
		max-width: 690px;
		margin: 40px auto 0;
	}

	.product-page-allfeatures img {
		max-width: 100px;
		width: 100%;
		margin: 0 0 24px;
	}

	.product-page-allfeatures.wide {
		max-width: 900px;
	}

	/* --- Feature Article --- */
	.product-feature {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: 64px;
	}

	.product-feature__icon img {
		display: block;
		width: 130px;
	}

	.product-feature__icon img:not(:last-of-type) {
		margin-bottom: 32px;
	}

	.product-feature__detail {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-left: 32px;
	}

	.wp-block-column.product-feature__text {
		margin-left: 28px;
	}

	.product-feature__text h3,
	.product-feature__text h4:first-child {
		margin-top: 0;
	}

	.product-feature__text h3:first-child {
		margin-top: 24px;
	}

	.product-feature__img {
		margin-left: 48px;
	}

	.product-feature__img .wp-block-image {
		margin: 0;
	}

	.product-feature__img img {
		width: 360px;
	}
}

@media (min-width: 1200px) {

	/* --- Tab submenu --- */
	.tab-submenu {
		max-width: 1200px;
		margin-top: 32px;
		padding-right: 48px;
		padding-left: 48px;
		box-sizing: border-box;
	}

	/* --- Feature Article --- */
	.product-feature__img img {
		width: 480px;
		max-width: 100%;
	}
}

@media (max-width: 960px) {

	/* --- Feature Article --- */
	.product-feature .wp-block-column {
		flex-basis: 100% !important;
	}
}

/*****************************************************
	Page Header & BG & Intro & Flow
*****************************************************/
/* --- Wrapper --- */
.product-page__wrap {
	background-repeat: repeat-x;
	background-size: 180%;
	background-position: top center;
	overflow: hidden;
}

.bg_producttop {
	background-color: #EAF2F4;
}

.bg_cloud_ensien {
	background-image: url("../img/img_cloud.svg");
}

.bg_cloud_genba {
	background-image: url("../img/img_cloud_product_genba.svg");
}

.bg_cloud_unei {
	background-image: url("../img/img_cloud_product_unei.svg");
}

.bg_cloud_omakase {
	background-image: url("../img/img_cloud_product_omakase.svg");
}

/* --- Intro Area --- */
.product-page-intro {
	padding: 0 16px 16px;
}

.product-page-title {
	margin: 40px auto 0;
	font-size: 36px;
	line-height: 1.4;
	text-align: center;
}

.product-page-title::after {
	content: "";
	display: block;
	width: 124px;
	height: 5px;
	margin: 28px auto 0;
	background-color: #4BB9C3;
	border-radius: 3px;
}

.product-page-title.serve-color::after {
	background-color: #4BB9C3;
}

.product-page-title.genba-color::after {
	background-color: #a9c472;
}

.product-page-title.unei-color::after {
	background-color: #15497c;
}

.product-page-title.omakase-color::after {
	background-color: #D1A725;
}

.product-page-title__top {
	display: block;
	margin-bottom: 8px;
	color: #888;
	font-size: 18px;
	font-weight: 300;
}

.product-page-title__bot {
	display: block;
	margin-top: 12px;
	color: #888;
	font-size: 20px;
	font-weight: 300;
}

.product-page-explain {
	margin-top: 48px;
	padding: 0 0 24px;
	text-align: center;
}

/* --- Product Special News Area --- */
.newsarea-genba {
	max-width: 1000px;
	margin: auto;
	padding: 32px 0;
	text-align: center;
	background-color: #AFC67F;
	background-image: url(../img/bg_cloud_white.png);
	background-size: 120%;
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

/* --- Product Appeal Area --- */
.product-page-appeal {
	width: 100%;
	margin: 16px auto 40px;
	text-align: center;
}

/* --- Product Plus Info --- */
.product-page-plus {
	width: 100%;
	margin: 16px auto 40px;
	padding: 24px;
	text-align: center;
	background-image: url("../img/img_cloud_white.svg");
	background-repeat: no-repeat;
	background-size: 120% 200%;
	background-position: 50% 70%;
}

.product-page-plus.bg__genba {
	text-align: center;
	background-color: #AFC67F;
}

/* --- Inducement Area --- */
.product-inducement {
	margin: 4px 0;
}

.product-inducement__box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4px;
	padding: 40px 0;
	color: #fff;
}

.product-inducement__box::before {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.product-inducement__box:first-child {
	margin-top: 0;
}

.inducement__ensien {
	text-align: center;
	background-image: url("../img/cha_zou_front.png");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: right -50px bottom -50px;
	background-color: #00a8ba;
}

.inducement__ensien::before {
	background-color: rgba(100, 100, 100, 0.3);
}

.inducement__case {
	text-align: center;
	background-image: url("../img/img_animals.png");
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: center bottom;
}

.inducement__case::before {
	background-color: rgba(148, 140, 95, 0.5);
}

.product-inducement__text {
	position: inherit;
	color: #fff;
	font-size: 26px;
	z-index: 100;
}

.product-inducement__text.title-2line {
	margin-top: 0;
}

.product-inducement__text span {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
}

.product-inducement__btn {
	position: inherit;
	color: #fff;
	z-index: 100;
}

/* --- Other Info Area --- */
.other-info {
	margin: 4px 0;
}

.other-info__box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4px;
	padding: 48px 16px;
	color: #fff;
}

.other-info__box::before {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.other-info__box:first-child {
	margin-top: 0;
}

.info__genba {
	text-align: center;
	background-image: url("../img/cha_zou_front.png");
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: right -85px bottom -50px;
	background-color: #AFC67F;
}

.info__genba::before {
	background-color: rgba(70, 70, 70, 0.3);
}

.info__unei {
	text-align: center;
	background-image: url("../img/cha_fukurou_front_cloud.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom 40%;
	background-color: #202B4A;
}

.info__unei::before {
	background-color: rgba(70, 70, 70, 0.3);
}

.info__omakase {
	text-align: center;
	background-image: url("../img/cha_beaver_front-cloud.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom 40%;
	background-color: #D1A725;
}

.info__omakase::before {
	background-color: rgba(70, 70, 70, 0.3);
}

.info__link {
	text-align: center;
	background-color: #B57498;
	background-repeat: no-repeat;
	background-size: cover;
}

.other-info__text {
	position: inherit;
	margin-top: 0;
	color: #fff;
	font-size: 26px;
	z-index: 100;
}

.other-info__text span {
	display: block;
	font-size: 18px;
}

.other-info__btn {
	position: inherit;
	color: #fff;
	z-index: 100;
}

.other-info__btn:not(:last-of-type) {
	margin-bottom: 16px;
}

/* --- Start Guide --- */
.start-guide {
	position: relative;
	margin: 0;
	padding: 40px 16px;
	text-align: center;
}

.guide-ensien {
	background: url("../img/bg_img-ensien.png"), linear-gradient(90deg, rgba(83, 185, 196, 1) 42%, rgba(217, 161, 185, 1) 89%);
	background-repeat: no-repeat;
	background-size: 200%;
	background-position: bottom left;
}

.guide-genba {
	background-color: #00a8ba;
	background-image: url("../img/bg_img-genba.png");
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: bottom left;
}

.guide-unei {
	background-image: url("../img/bg_img-unei.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}

.guide-omakase {
	background-color: #00a8ba;
	background-image: url("../img/bg_img-omakase.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}

.start-guide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(50, 50, 50, 0.3);
}

.start-guide__inner {
	position: inherit;
	color: #fff;
	z-index: 100;
}

.start-guide__detail {
	margin-top: 48px;
	padding-top: 48px;
	border-top: dashed 1px #fff;
}

.start-guide__detail:first-child {
	margin-top: 48px;
	padding-top: 0;
	border-top: 0;
}

.start-guide__flow {
	font-size: 22px;
}

.start-guide__flow .start-guide__flow-number {
	display: inline-block;
	padding: 8px 20px;
	font-size: 30px;
	border: solid 4px #fff;
}

.start-guide__flow .start-guide__flow-text {
	margin-top: 8px;
	text-align: center;
}

.start-guide__btn {
	font-size: 15px;
	text-align: center;
}

.with-arrow {
	position: relative;
	width: auto;
	max-width: 500px;
	margin: auto auto 5%;
}

.with-arrow::after {
	position: absolute;
	content: '';
	top: 100%;
	right: 50%;
	width: 15%;
	height: 25%;
	transform: translate(50%, -20%) rotate(90deg);
	background: url(/wp-content/uploads/2021/06/arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* ** Media Queries ** */
@media (min-width: 640px) {

	/* --- Layout --- */
	.info__genba {
		background-size: 70%;
		background-position: right -50px bottom -100px;
	}

	/* --- Product Special News Area --- */
	.newsarea-genba {
		padding: 24px 0;
		background-size: 94%;
		background-position: 50% 40%;
	}
}

@media (min-width: 768px) {

	/* --- Wrapper --- */
	.product-page__wrap {
		position: relative;
		background-repeat: repeat-x;
		background-size: auto;
		background-position: top center;
		z-index: 1;
	}

	.product-page__wrap::before {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: 1000px;
		height: 100%;
		margin: auto;
		background-repeat: no-repeat, no-repeat;
		background-size: 480px, 60px;
		background-position: right -100px bottom -60px, left 30px top 100px;
		z-index: -1;
		overflow: hidden;
	}

	.product-page__wrap::after {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: auto;
		background-repeat: no-repeat;
		background-size: 480px;
		background-position: 100% 100%;
		z-index: -1;
		overflow: hidden;
	}

	.bg_cloud_genba::before {
		background-image: url("../img/cha_zou_front.png"), url("../img/cha_zou_bird.png");
	}

	.bg_cloud_unei::before {
		background-image: url("../img/cha_fukurou_front.png");
	}

	.bg_cloud_unei::after {
		background-image: url("../img/cha_fukurou_tokage.png");
	}

	.bg_cloud_unei.product-page__wrap::before {
		background-size: 440px;
		background-position: 120% 125%;
	}

	.bg_cloud_unei.product-page__wrap::after {
		background-size: 300px;
		background-position: 100% 20%;
	}

	.bg_cloud_omakase::before {
		background-image: url("../img/cha_beaver_front.png");
		background-size: 340px;
		background-position: 110% 100%;
	}

	.chara-backup.product-page__wrap::before {
		background-position: 110% 120%;
	}

	/* --- Intro Area --- */
	.product-page-title {
		margin: 40px auto 16px;
	}

	.product-page-explain {
		padding: 16px 0 40px;
	}

	/* --- Inducement Area --- */
	.product-inducement {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 8px 0;
	}

	.product-inducement__box {
		width: 49.5%;
		margin-top: 0;
	}

	/* --- Other Info Area --- */
	.other-info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin: 8px 0;
	}

	.other-info__box,
	.other-info.box2 .other-info__box {
		width: 49.5%;
		margin: 0;
	}

	.other-info__box:first-child {
		width: 100%;
		margin: 0 0 8px;
	}

	.info__genba {
		background-size: 70%;
		background-position: right -50px bottom -100px;
	}

	/* --- Start Guide --- */
	.guide-ensien {
		background-size: cover;
	}

	.start-guide__box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin: 8px 0;
	}

	.start-guide__detail {
		width: 50%;
		margin-top: 48px;
		padding: 0 24px 40px;
		border-top: 0;
		border-left: dashed 1px #fff;
	}

	.start-guide__detail:nth-child(n+3) {
		margin-top: 0;
		padding-top: 48px;
		border-top: dashed 1px #fff;
	}

	.start-guide__detail:nth-child(odd) {
		border-left: 0;
	}
}

@media (min-width: 960px) {
	.with-arrow::after {
		top: 40%;
		right: -8%;
		transform: translate(50%, -20%) rotate(0deg);
	}
}

@media (min-width: 1024px) {

	/* --- Wrapper --- */
	.product-page__wrap::before {
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: 1200px;
		margin: auto;
		background-size: 520px, 80px;
		background-position: right -100px bottom -60px, left 80px top 150px;
	}

	.product-page__wrap::after {
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		margin: auto;
	}

	.bg_cloud_unei.product-page__wrap::before {
		background-size: 440px;
		background-position: 120% 125%;
	}

	.bg_cloud_unei.product-page__wrap::after {
		background-size: 420px;
		background-position: 100% 30%;
	}

	.bg_cloud_omakase.product-page__wrap::before {
		background-size: 620px;
		background-position: 110% 105%, 20% 20%;
	}

	.chara-yokohama.product-page__wrap::before {
		background-size: 520px, 80px;
		background-position: 125% 125%, 20% 20%;
	}

	.chara-backup.product-page__wrap::before {
		background-size: 420px;
		background-position: 110% 120%;
	}

	/* --- Intro Area --- */
	.product-page-title {
		margin: 40px auto 0;
		font-size: 46px;
	}

	.product-page-intro {
		width: 100%;
		max-width: 1200px;
		margin: auto;
		padding: 0;
	}

	.product-page-explain {
		max-width: 860px;
		margin: 48px auto;
		padding: 16px 0 0;
	}

	/* --- Product Plus Info --- */
	.product-page-plus {
		max-width: 1000px;
		background-size: 120% 150%;
		background-position: 50%;
	}

	/* --- Inducement Area --- */
	.product-inducement {
		margin: 0 auto;
		padding: 20px 0;
	}

	.product-inducement__box {
		width: 49.7%;
	}

	/* --- Other Info Area --- */
	.other-info {
		margin: 0 auto;
		padding: 20px 0;
	}

	.other-info__box {
		width: 33%;
	}

	.other-info__box:first-child {
		width: 33%;
		margin-bottom: 0;
	}

	.other-info.box2 .other-info__box {
		width: 49.5%;
		margin-bottom: 0;
	}

	.info__unei {
		background-position: center bottom;
	}

	.info__omakase {
		background-position: center bottom;
	}

	/* --- Start Guide --- */
	.guide-genba {
		background-size: contain;
	}

	.start-guide__box {
		flex-wrap: wrap;
		width: 100%;
		margin: 8px 0;
	}

	.start-guide__detail {
		width: 25%;
		margin-top: 48px;
		padding: 0 24px 40px;
		text-align: left;
		border-top: 0;
		border-left: 0;
	}

	.start-guide__btn,
	.start-guide__flow .start-guide__flow-text {
		text-align: left;
	}

	.start-guide__detail:nth-child(n+3) {
		border-top: 0;
	}
}

@media (min-width: 1200px) {

	/* --- Wrapper --- */
	.product-page__wrap::before {
		max-width: 1500px;
		margin: auto;
		background-size: 620px, 80px;
		background-position: right -60px bottom -70px, left 20% top 20%;
	}

	.bg_cloud_unei.product-page__wrap::before {
		background-position: 110% 120%, 100% 50%;
	}

	.bg_cloud_omakase.product-page__wrap::before {
		background-position: 110% 115%, 20% 20%;
	}

	.chara-yokohama.product-page__wrap::before {
		background-size: 620px, 80px;
		background-position: 110% 125%, 20% 20%;
	}

	.chara-backup.product-page__wrap::before {
		background-size: 480px;
		background-position: 110% 125%;
	}

	/* --- Inducement Area --- */
	.product-inducement {
		max-width: 1200px;
		margin: auto;
		padding: 40px 0;
	}

	.product-inducement__box {
		width: 49.4%;
	}

	/* --- Other Info Area --- */
	.other-info {
		max-width: 1200px;
		margin: auto;
		padding: 40px 0;
	}

	.other-info__box,
	.other-info__box:first-child {
		width: 32.5%;
	}

	.info__genba {
		background-size: 80%;
		background-position: right -85px bottom -50px;
	}

	/* --- Start Guide --- */
	.start-guide__inner {
		max-width: 1200px;
		margin: auto;
	}
}

@media (min-width: 1500px) {

	/* --- Wrapper --- */
	.product-page__wrap::before {
		max-width: 1800px;
		background-size: 630px, 80px;
		background-position: right 0 bottom -80px, left 220px top 180px;
	}

	.bg_cloud_unei.product-page__wrap::before {
		background-size: 500px, 380px;
		background-position: 100% 130%, 100% 30%;
	}

	.bg_cloud_omakase.product-page__wrap::before {
		max-width: 1800px;
		background-size: 630px, 80px;
		background-position: 100% 120%, 20% 20%;
	}

	.chara-yokohama.product-page__wrap::before {
		background-size: 630px, 80px;
		background-position: 100% 130%, 20% 20%;
	}

	.chara-backup.product-page__wrap::before {
		background-size: 480px;
		background-position: 95% 170%;
	}
}

/*****************************************************
	Product TOP
*****************************************************/
.bg_producttop .page-title {
	margin-bottom: 80px;
}

.serve-appealpoint .wp-block-column {
	width: 90%;
	margin: 8px auto;
}

.serve-appealpoint__title:after {
	content: "";
	display: block;
	height: 6px;
	border-radius: 3px;
	background-color: #DC64AA;
}

/* Product Title */
.product-title__serve,
.product-title__genba,
.product-title__unei,
.product-title__omakase {
	position: relative;
	margin: 48px auto;
	font-size: 30px;
	letter-spacing: 2px;
}

.product-title__serve::before,
.product-title__genba::before,
.product-title__unei::before,
.product-title__omakase::before {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	margin: 16px auto 8px;
	background-color: #4BB9C3;
	border-radius: 3px;
}

.product-title__genba span {
	font-size: 120%;
	color: #AFC67F;
}

.product-title__unei span {
	font-size: 120%;
	color: #15497C;
}

.product-title__omakase span {
	font-size: 120%;
	color: #D1A725;
}

/* Product Want */
.product-list__area .wp-block-column {
	padding: 32px 0;
	border-bottom: solid 1px #ccc;
}

.product-list__area .wp-block-column .wp-block-image {}

.product-title__main {
	display: inline-block;
	margin: 0;
	padding: 0 4px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}

.product-title__sub {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

.product-list__area .marker {
	display: inline;
	background: linear-gradient(transparent 60%, #ffe92c 60%);
}

.product-list__area .c-ensien {
	color: #2B8188;
}

.product-list__area .c-genba {
	color: #648129;
}

.product-list__area .c-unei {
	color: #15497C;
}

.product-list__area .c-omakase {
	color: #715C19;
}

.product-list__area figure {
	margin-top: 32px;
	margin-bottom: 0;
}

.product-list__area .product-option {
	margin-bottom: 8px;
}

.product-list__area .product-option+.wp-block-image figure {
	margin-top: 0;
}

@media (min-width: 960px) {

	/* SERVE ALL Product Appeal Point */
	.serve-appealpoint {
		display: flex;
		justify-content: space-between;
		margin-bottom: 56px;
	}

	.serve-appealpoint .wp-block-column {
		flex-grow: 0;
		width: 28%;
	}

	/* Product Background */
	.product-bg_genba {
		position: relative;
		background-image: url("../img/product/bg_genba.png");
		background-color: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-size: 120%;
		background-position: bottom center;
	}

	.product-bg_genba::after {
		content: '';
		background-color: rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.product-bg_unei {
		position: relative;
		background-image: url("../img/product/bg_unei.png");
		background-color: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: bottom center;
	}

	.product-bg_unei::after {
		content: '';
		background-color: rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.product-bg_omakase {
		position: relative;
		background-image: url("../img/product/bg_omakase.png");
		background-color: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: bottom center;
	}

	.product-bg_omakase::after {
		content: '';
		background-color: rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	/* Product Item List */
	.product-list__area {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: 64px;
	}

	.product-list__area .wp-block-column {
		width: 30%;
		margin: 0;
		padding: 12px 20px;
		border-bottom: 0;
		border-right: solid 1px #ccc;
	}

	.product-list__area .wp-block-column:nth-of-type(3n+1) {
		padding-left: 0;
	}

	.product-list__area .wp-block-column:nth-of-type(3n) {
		border-right: 0;
		padding-right: 0;
	}
}


/*****************************************************
	EN-SiEN
*****************************************************/
.ensien-main-visual {
	position: relative;
	margin: 32px auto 0;
}

.ensien-main {
	margin-top: -100px;
}

.merit-title {
	width: 70%;
	margin: 7em auto 3em;
}

.merit-subtxt {
	width: 90%;
	margin: 1em auto;
	text-align: center;
}

.merit-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin: 24px auto;
	padding: 0;
}

.wp-block-columns.merit-box .merit-txt {
	width: 96%;
}

.wp-block-columns.merit-box .merit-img {
	width: 90%;
	margin: 0;
}

.wp-block-columns.merit-box .merit-img figure {
	margin: 0;
}

.merit-txt h3 span {
	display: inline-block;
	margin-bottom: 8px;
	padding: 4px 16px;
	color: #74503e;
	font-size: 1.1em;
	background-color: #ffd900;
}

.merit-txt h3 span:last-child {
	margin-bottom: 1em;
}

.box-indent {
	margin-left: 1.5em;
}

/* 機能 */
.ensien-function {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 3em 2em;
}

/* .ensien-function-1col div figure { margin:0 8px; } */

.ensien-function>div {
	margin: 24px 0 0;
	padding: 0 0 24px;
	border-bottom: solid 1px #f5f0e2;
}

.ensien-function__title {
	display: inline;
	padding: 0 2rem 0.5rem;
	margin: 3.5rem auto;
	font-size: 1.2rem;
	font-weight: normal;
	color: #74503e;
	border: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%), linear-gradient(225deg, rgba(255, 255, 255, 0), rgba(255, 219, 0, 0) 8%, rgba(255, 219, 0, 1) 8%, rgba(255, 219, 0, 1) 98%, rgba(255, 219, 0, 0) 98%, rgba(255, 219, 0, 0) 100%);
}

.feature-yokohama {
	width: 90%;
	margin: 56px auto;
	padding: 16px 32px;
	background: #E3F0F1;
	border: solid 2px #56BBC4;
}

/* 快適な利用環境 */
#usage-environment {
	width: 98%;
	margin: auto;
	padding: 2em 0;
}

.usage-environment__box {
	width: 98%;
	margin: 16px auto;
	padding: 1em 0;
	background-color: #f7f4ec;
	border-radius: 1em;
}

@media (min-width: 640px) {

	/* 快適な利用環境 */
	#usage-environment {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.usage-environment__box {
		width: 48%;
		margin: 0 auto 16px;
		padding: 1em;
	}
}

@media (min-width: 768px) {
	.ensien-main {
		margin-top: -150px;
	}

	.merit-title {
		width: 50%;
		margin: 7em auto 2em;
	}

	.merit-subtxt {
		width: 68%;
		margin: 1em auto;
	}

	.merit-box {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 64px auto 48px;
		padding: 0;
		max-width: 880px;
	}

	.merit-box:nth-child(even) {
		flex-direction: row-reverse;
	}

	.wp-block-columns.merit-box .merit-txt {
		width: 35%;
	}

	.wp-block-columns.merit-box .merit-img {
		width: 50%;
	}

	.wp-block-columns.merit-box .merit-img figure {}

	.wp-block-columns.merit-box:nth-child(even) .merit-txt {
		margin-right: 0;
	}

	.wp-block-columns.merit-box:nth-child(even) .merit-img {
		margin: 0;
	}

	.wp-block-columns.merit-box:nth-child(even) .merit-img figure {
		margin: 0;
	}

	/* 機能 */
	.feature-yokohama {
		width: 80%;
		padding: 16px 32px;
	}

	/* 快適な利用環境 */
	#usage-environment {
		width: 100%;
		margin: auto;
		padding: 2em 0;
	}

	.usage-environment__box {
		width: 44%;
		margin: 0 auto 8px;
	}
}

@media (min-width: 960px) {

	/* 機能 */
	.ensien-function>div {
		border-bottom: 0;
	}

	.ensien-function__box-center {
		border-right: solid 2px #f5f0e2;
		border-left: solid 2px #f5f0e2;
	}

	/* 拡張機能 */
	.feature-yokohama {
		margin: 90px auto 140px;
	}

	/* 快適な利用環境 */
	.usage-environment__box {
		width: 20%;
		margin: 0 auto 16px;
	}
}

/*****************************************************
	Genba Series
*****************************************************/
/* --- 園-Renraku --- */
/* User Comment Box */
.side-by-side {
	flex-direction: column;
	justify-content: center;
}

.school-side,
.parents-side {
	width: 70%;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
	font-size: 14px;
}

.school-opinion,
.parents-opinion {
	position: relative;
	margin-top: 8px;
	padding: 1.5rem;
	color: #333;
	text-align: center;
	border-radius: 1.5rem;
}

.school-opinion:not(:first-child),
.parents-opinion:not(:first-child) {
	margin-top: 0;
}

.school-side .school-opinion {
	background-color: #f3e0da;
}

.parents-side .parents-opinion {
	background-color: #DEF0E8;
}

.school-side .school-opinion:after,
.parents-side .parents-opinion:after {
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	border: 10px solid transparent;
	bottom: 100%;
}

.school-side .fukidashi.school-opinion:after {
	border-bottom-color: #f3e0da;
	left: 48%;
	left: calc(50% - 10px);
}

.parents-side .fukidashi.parents-opinion:after {
	border-bottom-color: #DEF0E8;
	right: 48%;
	right: calc(50% - 10px);
}

/* User Tag */
.school-tag,
.parents-tag {
	display: inline-block;
	padding: 1rem 2rem;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	border-radius: 1rem;
}

.school-tag {
	font-size: 18px;
	background-color: #E67762;
}

.parents-tag {
	font-size: 18px;
	background-color: #63B790;
}

.enrenraku-userimage {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70%;
	margin: 0 auto 3rem;
}

.enrenraku-userimage figure {
	width: 60px;
	margin: 0;
}

.enrenraku-userimage img {
	width: 100%;
}

.tabintro-img--wrap-col img {
	margin-bottom: 3rem;
}

/* --- 横浜 --- */
.yoko-flow-box {}

.yoko-flow-box__title {
	width: 100%;
	margin: 0;
	padding: 16px 0;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #a9c472;
}

.yoko-flow-content {
	margin-bottom: 0;
	padding: 32px 40px;
	background-color: #fff;
}

.yoko-flow-number {
	display: block;
	width: 48px;
	padding: 8px 16px;
	text-align: center;
	color: #74503E;
	font-size: 18px;
	font-weight: bold;
	border-radius: 32px;
	background-color: #FFD900;
}

.yoko-flow-function {
	font-size: 18px;
	color: #74503E;
}

/* .explain-flow {
    border-style: solid;
    border-color: #D864A2;
    border-width: 0 25px 25px 25px;
    height: 0;
    max-width: 400px;
    box-sizing: content-box;
    position: relative;
    margin: 2rem auto 5rem;
    padding: 1rem 0;
    color: #fff;
    font-size: 1.2em;
    box-sizing: content-box!important;
    background-color: #D864A2;
}
	.explain-flow:before {
		content: "";
		position: absolute;
		top: 57px;
		left: -25px;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: #D864A2 transparent transparent transparent;
		border-width: 35px 11.5em 0 11.5em;
	} */

.explain-flow {
	position: relative;
	max-width: 90%;
	min-height: 150px;
	box-sizing: content-box;
	margin: 0 auto;
	color: #fff;
	font-size: 1.2em;
	background-image: url("../img/product/bg_product_flow.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.explain-flow span {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #fff;
	font-size: 4vw;
	line-height: 1.4;
	text-align: center;
}

@media (min-width: 640px) {

	/* 園-Reanraku */
	.side-by-side {
		flex-direction: row;
	}

	.school-side,
	.parents-side {
		width: 45%;
		margin: 0 auto;
	}

	/* Yokohama */
	.explain-flow {
		width: 600px;
		margin: 16px auto;
	}

	.explain-flow span {
		position: absolute;
		top: 35%;
		font-size: 18px;
		line-height: 1.4;
	}
}

@media (min-width: 960px) {

	/* 園-Renraku */
	.school-side,
	.parents-side {
		width: 28%;
		margin: 0;
		padding: 0 24px;
		font-size: 14px;
	}

	.enrenraku-userimage {
		width: 40%;
	}

	.enrenraku-userimage figure {
		width: 9%;
		margin-right: 1rem;
	}

	.enrenraku-userimage img {
		width: 100%;
	}
}

/*****************************************************
	Unei Series
*****************************************************/
/*-------- Zaimu -----------------------------------*/
/* --- My Num Lock --- */
.product-mynumlock-title {
	font-size: 40px;
	line-height: 1.4;
}

.product-mynumlock-title span {
	font-size: 70%;
}

/* --- マイナLock --- */
.myna-flow--step_text {
	margin-bottom: 8px;
	color: #E67762;
	font-size: 24px;
}

@media (min-width: 1200px) {

	/* --- マイナLock --- */
	.mynalock-title--section {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #03487e;
		border-radius: 1rem 1rem 0 0;
	}

	.mynalock-option {
		display: flex;
		margin-bottom: 3rem;
		font-size: 2rem;
		color: #fff !important;
	}

	.mynalock-option--text {
		padding: 0 5px;
	}

	.mynalock-option--bar {
		display: flex;
		flex-grow: 3;
		width: auto;
		height: 0px;
		margin-top: auto;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		border-radius: 5rem;
	}

	.mynalock-title {
		font-size: 2rem;
		color: #fff !important;
	}

	.mynalock-title--large {
		font-size: 3.5rem;
		padding-left: 1.5rem;
	}

	.mynalock-title--section {
		margin: auto;
		text-align: center;
		background: #03487e;
		border-radius: 1rem 1rem 0 0;
	}

	.myna-main--wrap {
		padding: 0 5%;
	}

	.myna-main--wrap .tab-maincontent {
		display: block;
	}

	.myna-main--wrap .tab-maincontent--container_single__column {
		display: block;
		margin: auto;
		text-align: center;
	}

	.mynalock-intro {
		width: 65%;
		text-align: center;
		margin: auto;
		margin-bottom: 10%;
	}

	.mynalock-main--feaures_title,
	.myna-flow--title {
		font-size: 2.4rem !important;
		color: #03487e;
		text-align: center;
		margin-bottom: 3rem;
	}

	.mynalock-main--feaures_wrap {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-around;
		margin-bottom: 5%;
	}

	.mynalock-main--feaure {
		width: 25%;
		min-width: 200px;
		margin: 3% 2rem;
	}

	.mynalock-main--feaure_icon {
		width: 100px;
		height: 100px;
	}

	.mynalock-main--feaure_title {
		text-align: center;
		font-size: 2rem;
		color: #03487e;
		border-top: none;
		border-bottom: none;
		background-color: #fff;
		padding: 0;
		width: 100%;
		margin: 30px 0 20px;
		font-weight: normal;
		letter-spacing: 0.1em;
	}

	.mynalock-main--feaure_text {
		text-align: center;
	}

	.myna-flow {
		padding: 5rem 0 0;
	}

	.myna-flow--wrap {
		display: flex;
		margin-bottom: 3rem;
		padding: 0;
	}

	.myna-flow--step_wrap {
		display: flex;
		flex-direction: column;
		width: 110px;
		height: 100%;
	}

	.myna-flow--step_text {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		margin: 0 auto 16px;
		background: #e67762;
		color: #fff !important;
		font-size: 18px;
		border-radius: 50%;
	}

	.myna-flow--step_arrow {
		display: flex;
		flex-grow: 3;
		width: 0px;
		height: auto;
		min-height: 100px;
		margin: 0 auto;
		border-right: dotted 3px #e67762;
	}

	.myna-flow--step_angle {
		width: 1.2rem;
		height: 1.2rem;
		margin: -1rem auto 0;
		border-right: solid 3px #e67762;
		border-bottom: solid 3px #e67762;
		transform: rotate(45deg);
	}

	.myna-flow--text {
		margin-top: 4rem;
	}
}

/*****************************************************
	Omakase Series
*****************************************************/
/*　Web工房　*/
.custumer-case--before_title__wrap {
	display: flex;
	flex-direction: column;
}

.custumer-case--before_title {
	min-width: 120px;
	margin: 0 auto;
	padding: 16px 0;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 1rem;
	background: #74503e;
}

.custumer-case--step_arrow {
	display: flex;
	flex-grow: 3;
	width: 2px;
	min-height: 16px;
	margin: 0 auto;
	border-right: dotted 2px #74503e;
}

.custumer-case--step_angle {
	width: 1rem;
	height: 1rem;
	margin: -0.6rem auto 0;
	border-right: solid 2px #74503e;
	border-bottom: solid 2px #74503e;
	transform: rotate(45deg);
}

.custumer-case--after {
	display: flex;
	margin-bottom: 2rem;
}

.custumer-case--after_title {
	min-width: 120px;
	margin: 0 auto auto;
	padding: 1rem 0;
	border-radius: 1rem;
	color: #74503e;
	border: none;
	background: #ffd900;
}

.custumer-voice {
	width: 100%;
	background: #fff2b8;
	border-radius: 1rem;
	padding: 2rem;
}

/*****************************************************
	Omakase
*****************************************************/
.omakase-merit--section {
	padding: 0;
	margin-bottom: 64px;
}

.omakase-merit--title {
	padding: 16px 0;
	text-align: center;
	background: #74503e;
	border: none;
	color: #fff;
}

.omakase-merit--wrap {
	display: flex;
	width: 100%;
}

.omakase-merit--before {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding-bottom: 48px;
	background: #f9dacf;
	overflow: hidden;
}

.omakase-merit--before_title {
	width: 100%;
	background: #e67762;
	color: #fff;
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 16px 0;
	border: none;
}

.omakase-merit--after {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding-bottom: 48px;
	background: #ebd699;
	overflow: hidden;
}

.omakase-merit--after_title {
	width: 100%;
	background: #d2a700;
	color: #fff;
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 16px 0;
	border: none;
}

.omakase-merit--ul {
	list-style: none;
	width: 70%;
	margin: 48px auto;
	padding: 0;
	flex-grow: 2;
}

.omakase-merit--ul li {
	position: relative;
	width: 100%;
	margin: 0 0 12px;
	padding-left: 24px;
}

.omakase-merit--ul li::after {
	position: absolute;
	top: 5px;
	left: 0;
	content: '';
	width: 16px;
	height: 16px;
	background: #74503e;
	border-radius: 50%;
}

.omakase-merit--ul li span {
	padding-bottom: 0.3rem;
	border-bottom: dashed 2px #d2a700;
}

.omakase-merit--img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
}

.case-anchor {
	margin-bottom: 2em;
}

.case-anchor a:hover+figcaption,
.case-anchor a:active+figcaption {
	font-weight: 600;
}

.case-anchor a img {
	transition: .3s;
}

.case-anchor a:hover img,
.case-anchor a:active img {
	opacity: .7;
}

/* ** Media Queries ** */
@media screen and (max-width: 769px) {
	.omakase-flow-img {
		display: none;
	}

	.omakase-flow-img--small {
		display: flex;
		width: 100%;
		max-width: 650px;
		height: auto;
		margin: 0 auto 5rem;
		object-fit: contain;
	}

	.omakase-flow-img--small:last-of-type {
		margin-bottom: 2rem;
	}

	.omakase-merit--wrap {
		flex-direction: column;
		max-width: 600px;
		margin: auto;
	}

	.omakase-merit--before {
		position: relative;
		width: 100%;
		overflow: visible;
	}

	.omakase-merit--before_title {
		margin: 0;
	}

	.omakase-merit--before::after {
		position: absolute;
		bottom: 0;
		right: 50%;
		content: '';
		width: 4rem;
		height: 4rem;
		background: url("/assets/img/product/enjikanri/arrow.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		transform: translate(50%, 5.5rem) rotate(90deg) scale(1, 1.5)
	}

	.omakase-merit--after {
		width: 100%;
		margin-bottom: 3rem;
	}
}

@media only screen and (max-width: 640px) {
	#omakasedata-top {
		background-image: url("/assets/img/product/omakasedata/data-bg--sp.jpg");
	}

	.omakase-target--wrap {
		flex-direction: column;
	}

	.omakase-target-box {
		width: 100%;
		padding: 1rem 5%;
	}

	.omakase-target-box::after {
		display: none;
	}
}

@media (min-width: 480px) {

	/* Hoikuen List */
	.case-anchor--section {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 48px auto;
		padding: 0;
	}

	.case-anchor {
		width: 47%;
		color: #5a5555;
		font-size: 1.2rem;
		margin: 0 12px 24px;
		text-align: center;
	}

	.case-anchor:nth-child(odd) {
		margin-left: 0;
	}

	.case-anchor:nth-child(even) {
		margin-right: 0;
	}

	.case-anchor img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* ** Media Queries ** */
@media (min-width: 960px) {

	/*　Web工房　*/
	/* Hoikuen List */
	.case-anchor--section {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 48px auto;
		padding: 0;
	}

	.case-anchor {
		width: 31.5%;
		color: #5a5555;
		font-size: 1.2rem;
		margin: 0 12px 24px;
		text-align: center;
	}

	.case-anchor:nth-child(3n+1) {
		margin-left: 0;
	}

	.case-anchor:nth-child(3n) {
		margin-right: 0;
	}

	.case-anchor img {
		display: block;
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1024px) {

	/* Hoikuen List */
	.case-anchor--section {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 48px auto;
		padding: 0;
	}

	.case-anchor {
		max-width: 325px;
		color: #5a5555;
		font-size: 1.2rem;
		margin: 0 12px 24px;
		text-align: center;
	}

	.case-anchor:nth-child(4n),
	.case-anchor:nth-child(4n+1) {
		margin: 0 12px 24px;
	}

	.case-anchor:nth-child(3n) {
		margin-right: 0;
	}

	.case-anchor:nth-child(3n+1) {
		margin-left: 0;
	}

	.case-anchor img {
		display: block;
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1200px) {

	/* Hoikuen List */
	.case-anchor--section {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 48px auto;
		padding: 0;
	}

	.case-anchor {
		max-width: 256px;
		color: #5a5555;
		font-size: 1.2rem;
		margin: 0 12px 24px;
		text-align: center;
	}

	.case-anchor:nth-child(odd),
	.case-anchor:nth-child(even),
	.case-anchor:nth-child(3n+1),
	.case-anchor:nth-child(3n) {
		margin: 0 12px 24px;
	}

	.case-anchor:nth-child(4n) {
		margin-right: 0;
	}

	.case-anchor:nth-child(4n+1) {
		margin-left: 0;
	}

	.case-anchor img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/*****************************************************
	ICT
*****************************************************/
/* Product Title */
.ict-section-title {
	position: relative;
	margin: 28px auto 40px;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.4;
}

.ict-section-subtitle {
	position: relative;
	margin: 24px auto;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}

.ict-bor-title {
	position: relative;
	margin: 32px auto;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.4;
}

.ict-bor-title::before {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	margin: 16px auto 20px;
	background-color: #4BB9C3;
	border-radius: 3px;
}

/* User Want */
.user-news {
	background: url("../img/product/ict_bg_ensien.png");
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: bottom right;
}

.user-news__msg {
	margin: 60px auto;
}

.ict-user-want {
	width: 100%;
	margin: auto;
	padding: 16px 0;
	color: #73503C;
	font-size: 20px;
	text-align: center;
	background-color: #F5F0E2;
}

/* Answer */
.answer_box {
	margin-bottom: 64px;
}

.goto-answer-double-down {
	margin-bottom: 16px;
	color: #74503e;
	font-size: 2.3em;
}

.title_on_border-box {
	padding: .2em 0 1em;
	margin: 0 auto;
	font-size: 1.7em;
	font-weight: bold;
}

.title_on_border-box span {
	position: relative;
	color: #231815;
	padding: 0 1em;
	z-index: 2;
}

.title_on_border-box span::before {
	content: '';
	position: absolute;
	bottom: -.5rem;
	left: 0;
	right: 0;
	display: inline-block;
	width: 80%;
	height: 30%;
	margin: 0 auto;
	transform: skewX(40deg);
	z-index: -1;
	background-color: #FFD900;
}

/* Function */
.function-product-title {
	margin-bottom: 4px;
	font-size: 28px;
}

.ict-function {
	margin-bottom: 48px;
	padding-bottom: 32px;
	border-bottom: solid 1px #d0d0d0;
}

.ict-function-list {
	padding: 24px 0 32px;
}

.ict-function-list .wp-block-column {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

@media (min-width: 1024px) {

	/* Product Title */
	.ict-section-title {
		margin: 32px auto 48px;
		font-size: 36px;
	}

	.ict-section-subtitle {
		margin: 32px auto;
		font-size: 26px;
	}

	.ict-bor-title {
		margin: 48px auto;
		font-size: 36px;
		letter-spacing: 2px;
	}

	.user-news {
		background-size: 100%;
		background-position: bottom center;
	}

	.user-news__msg {
		margin: 100px auto 72px;
	}

	/* Function */
	.ict-function {
		margin-bottom: 64px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.ict-function-list .wp-block-column {
		width: calc(25% - 48px);
		margin: 0 auto;
		padding: 0 24px;
		text-align: left;
		border-right: solid 1px #d0d0d0;
	}

	.ict-function-list .wp-block-column:last-child {
		margin-right: 0;
		border-right: 0;
	}
}

/**/
.products-function-slider {
	max-width: 100% !important;
	margin-bottom: 40px;
}

.products-function-slider .caption-wrap {
	bottom: -32px !important;
	text-align: center;
	color: #111 !important;
	background: none !important;
	font-size: 13px !important;
}

.products-function-slider .flex-direction-nav li a {
	top: 50%;
	opacity: 1 !important;
}



.products-function-slider .flex-next {
	right: -12px !important;
}

.products-function-slider .flexslider:hover .flex-next {
	right: -12px !important;
}

.products-function-slider .flex-prev {
	left: -12px !important;
}

.products-function-slider .flexslider:focus-within .flex-prev,
.products-function-slider .flexslider:hover .flex-prev {
	left: -12px !important;
}

/*****************************************************
	IE用調整
*****************************************************/
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {

	.ensien-function>div img,
	.ensien-function-1col>div img {
		width: 120px;
	}

	.function-icon img {
		width: 120px;
	}

	.product-top-icon img {
		width: 60px;
	}
}

/* for IE11 */
@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.product-page__wrap {
		overflow: visible;
	}

	*::-ms-backdrop,
	.info__genba::before,
	.inducement__ensien::before,
	.inducement__case::before,
	.info__unei::before,
	.info__omakase::before {
		left: 0;
	}

	*::-ms-backdrop,
	.other-info__box,
	.product-feature__text {
		width: 100%;
	}

	*::-ms-backdrop,
	.ensien-function>div img,
	.ensien-function-1col>div img {
		width: 120px;
	}

	*::-ms-backdrop,
	.function-icon img {
		width: 120px;
	}

	*::-ms-backdrop,
	.product-top-icon img {
		width: 60px;
	}
}

/* END */