/*site extension*/
:root {
	--footer-bg-color: var(--cl-pageink);
	--cl-background: #fff;
	--cl-pageink: #333333;
	--cl-pageink-link: #000;
	--cl-pageink-hover: #9e9e9e;
	--cl-pageink-active: #747474; /**/
	--cl-apply: #00c9ff; /**/
	--share-space: 2.4rem;
	--share-padding: 1.5em;
	--share-smp-space: 1.6rem; /**/
	--share-smp-padding: 1.5rem;
	--bindwrap-width: 1130px;
	--contents-width: 800px; /**/
	--pad-comp: 4.6875em;
	--pad-comp-smp: 1.5em;
	--cl-blue: #35566c;
	--cl-grey: #f5f5f5;
	--cl-hover: #9e9e9e;
}
@media only screen and (min-width:1801px) {
	body {
		font-size: 0.9vw;
	}
}
@media only screen and (max-width:320px) {
	body {
		font-size: 5vw;
	}
}
@media only screen and (max-width: 1400px) {
	#sitefoot, #sitehead, #sitemenu {
		--bindwrap-width: 1130px;
		--pad-comp: 4.6875em;
		--pad-comp-smp: 1.5em;
	}
}
/*Touch navi - close line*/
span.line {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	color: beige;
	width: 2.625rem;
	height: 0.125rem;
	background-color: #fff;
	transform-origin: center;
	transition: all 0.4s;
	box-shadow: 0.5px 0.5px 0.5px #333333;
}

/**/
.wide-bind,
#csection.csection-cells .cell[data-wrap=""] {
	padding: 0 var(--pad-comp-smp);
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 641px) {
	.wide-bind,
	#csection.csection-cells .cell[data-wrap=""] {
		padding-left: var(--pad-comp);
		padding-right: var(--pad-comp);
	}
}
@media only screen and (min-width: 1280px) {
	.wide-bind,
	#csection.csection-cells .cell[data-wrap=""] {
		padding: 0;
		max-width: var(--bindwrap-width);
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (min-width: 1401px) {
	.wide-bind,
	#csection.csection-cells .cell[data-wrap=""] {
		--bindwrap-width: 80%;
		--page-wrap-width: 80%;
	}
}

/*Heading*/
.y_group,
#csection.csection-cells .cell[data-type="hgroup"][data-level="1"] {
	margin-bottom: 3.75em;
}
#csection.csection-cells .cell[data-type="hgroup"][data-level="1"]:first-of-type,
#indexhgroup {
	margin-bottom: 4.25em;
}
	#csection.csection-cells [data-type="hgroup"][data-level="1"] .hgroup-wrap {
		font-size: 1em;
	}
		.y_hgroup .h-sub,
		#csection.csection-cells .cell[data-type="hgroup"][data-level="1"] .ti-primary,
		[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(1).font-en {
			font-family: var(--font-roma);
			letter-spacing: 0.1em;
			font-weight: 500;
			font-size: 1.125rem;
			margin-bottom: 1em;
		}
		.y_hgroup .h-main,
		#csection.csection-cells .cell[data-type="hgroup"][data-level="1"] .ti-secondary,
		[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(2) {
			letter-spacing: 0.2em;
			font-weight: 500;
			padding: 0;
			opacity: 1;
			font-size: 1.5625em;
			margin-bottom: 0;
		}
		[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(1).font-en,
		[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(2) {
			display: block;
			margin-top: 0;
			line-height: 1;
		}
.csection-cells .cell[data-type="hgroup"][data-level="3"] {
	margin-bottom: 5em;
}
	.csection-cells .cell[data-type="hgroup"][data-level="3"] .ti-primary {
		font-size: 1em;
		letter-spacing: 0.1em;
	}
@media only screen and (max-width:640px){
	#csection.csection-cells .cell[data-type="hgroup"][data-level="1"]:first-of-type {
		margin-bottom: 5em;
	}
	.y_hgroup .h-sub,
	#csection.csection-cells .cell[data-type="hgroup"][data-level="1"] .ti-primary,
	[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(1).font-en {
		font-size: 0.8125em;
		margin-bottom: 0.85em;
	}
	.y_hgroup .h-main,
	#csection.csection-cells .cell[data-type="hgroup"][data-level="1"] .ti-secondary,
	[data-qsecondary="cat955710010406902ca0fc5ed4"] #indexhgroup .labelcell:nth-child(2) {
		font-size: 1.2em;
	}
}

/*Button*/
.bt {
	width: 16.2em;
	transition: all 0.3s;
}
.bt-arrow-under {
	position: relative;
	display: inline-block;
	line-height: 1em;
	padding: 0 1em 1em;
	font-weight: 500;
	text-align: center;
	border-radius: var(--ui-bt-radius);
	transition: all 0.3s;
	letter-spacing: 0.1em;
	font-size: 0.5625em;
	height: 2em;
}
	.bt-arrow-under::after {
		content: url("/share/im_yamada/ui/arrow.svg");
		position: absolute;
		display: inline-block;
		width: 6.76em;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
@media only screen and (min-width:641px) {
	.bt-arrow-under.bt-c {
		border-radius: 100%;
		background-color: #fff;
		padding: 0;
		padding-top: 4em;
		width: 10em;
		height: 10em;
	}
		.bt-arrow-under.bt-c::after {
			bottom: 4em;
		}
}

/*Main img area - Cloud*/
.vis-face {
	margin-bottom: 5.5em;
}
	.vis-face:nth-of-type(1) {
		background-color: var(--cl-blue);
	}
.vis-face .canvas {
	transition: all 0.4s;
}
.vis-face .cover {
	font-size: 1em;
}
	.vis-face .cover div.abs-centering {
		top: initial;
		bottom: 0;
		left: 0;
		transform: translate(0, 0);
	}
.vis-face.for_page .canvas .bgi img,
.vis-face.for_menu .canvas .bgi img {
	object-position: center bottom;
}
@media only screen and (min-width:641px) {
	.vis-face.for_page .canvas,
	.vis-face.for_menu .canvas {
		height: 25.625em;
		min-height: 410px;
	}
		.vis-face.for_page.bg-none .canvas {
			height: 16.25em;
			min-height: 260px;
		}
	.vis-face.for_page .cover div.abs-centering {
		width: 26.7%;
		min-width: 340px;
	}
}
@media only screen and (min-width:1401px) {
	.vis-face.for_page.bg-none .canvas {
		height: 20em;
	}
}
@media only screen and (min-width:720px) {
	.vis-face[data-scale="d"] {
		--vis-height: 100%;
	}
}
@media only screen and (max-width:719px) {
	.vis-face[data-scale="d"] {
		--vis-height: 100%;
	}
}
@media only screen and (max-width:640px) {
	.vis-face {
		margin-bottom: 3.75em;
	}
	.vis-face.for_page .canvas,
	.vis-face.for_menu .canvas {
		max-height: initial;
		height: 30em;
	}
		.vis-face.for_page.bg-none .canvas {
			height: 12em;
		}
}

/*Contact Box*/
.contact_box {
	padding: 5.5em var(--pad-comp) 5.5em;
	text-align: left;
	transition: all 0.4s;
}
	.contact_box .wide-bind {
		padding: 0;
		padding-left: 1.75em;
	}
.contact_box .byphone,
.contact_box .bymail {
	letter-spacing: 0.3em;
	font-weight: 500;
	font-size: 0.75em;
}
	.contact_box .byphone {
		margin-bottom: 1.5em;
	}
	.contact_box .bymail {
		margin-bottom: 1em;
	}
.contact_box .telgroup {
	margin-bottom: 3em;
}	
	.contact_box .telgroup div > * {
		font-size: 1.5em;
		letter-spacing: 0.061em;
		font-weight: 500;
		color: var(--cl-pageink);
	}
	.contact_box .telgroup a:hover {
		color: var(--cl-hover);
		transition: all 0.4s;
	}
	.contact_box .telgroup div span {
		margin-right: 0.5em;
	}	
	.contact_box .telgroup p {
		font-size: 0.82em;
		letter-spacing: 0.1em;
	}
.contact_box .btgroup .bt {
	padding: 1em 2.5em;
	width: 14.5em;
	font-size: 1.125em;
	font-family: var(--font-roma);
	letter-spacing: 0.1em;
}
	.contact_box .btgroup .bt::after {
		transform: translate(0, -30%);
	}
@media only screen and (min-width:641px) {
	.contact_box .telgroup div {
		margin-right: 1.25em;
	}
	.contact_box .btgroup .bt-recruit {
		margin-left: 1.25em;
	}
}
@media only screen and (max-width:950px) {
	.contact_box {
		padding-left: 2.25em;
		padding-right: 2.25em;
	}
		.contact_box .wide-bind {
			padding-left: 0;
		}
}
@media only screen and (max-width:640px) {
	.contact_box {
		text-align: center;
		padding: 3.5em 0 3.5em;
	}
		.contact_box .flexbox,
		.contact_box .flexbox > * {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
	.contact_box .wide-bind {
		padding: 0;
	}
	.contact_box .telgroup {
		margin-bottom: 3em;
	}
		.contact_box .telgroup div > * {
			font-size: 1.375em;
		}
		.contact_box .telgroup p {
			margin-top: 0.75em;
		}
	.contact_box .bymail {
		margin-bottom: 1.5em;
	}
	.contact_box .btgroup .bt {
		font-size: 0.9em;
		width: 64.8%;
		max-width: 208px;
	}
		.contact_box .btgroup .bt:nth-of-type(2) {
			margin-top: 0.7em;
		}
		.contact_box .btgroup .bt::after {
			width: 3rem;
		}
}

/**/
.bt[type="button"]::after {
	display: none;
}
#privacyPoricy .bt.close {
	text-align: center;
}
.recp-parent .controls .bt.return[type="button"] {
	transition: none;
	background-color: #FFFFFF;
}
	.recp-parent .controls .bt.return[type="button"]:hover {
		background-color: var(--ui-bt-activation-hovercolor);
		border-color: var(--ui-bt-activation-hovercolor);
		background-image: url("/share/im/nv_simar-return-wh.svg");
		color: #fff;
	}
@media only screen and (max-width:640px) {
	.recp-parent .bot .controls {
		margin: 0 -0.4em;
	}
		.recp-parent .controls > li {
		}
}
@media only screen and (max-width:320px) {
	.recp-parent .controls > li {
		font-size: 4vw;
	}
}

/*C2B*/
body[data-qprimary="category"][data-qsecondary="cat413296905276826a5080e4e0"] .c2b-hidden {
	visibility: hidden;
}
body[data-qprimary="category"][data-qsecondary="cat413296905276826a5080e4e0"] .c2b-disabled {
	display: none;
}
body[data-category="cat413296905276826a5080e4e0"] .c2b-hidden {
	visibility: hidden;
}
body[data-category="cat413296905276826a5080e4e0"] .c2b-disabled {
	display: none;
}

body[data-qprimary="category"][data-qsecondary="cat327421266816826a89c95293"] .c2b-hidden {
	visibility: hidden;
}
body[data-qprimary="category"][data-qsecondary="cat327421266816826a89c95293"] .c2b-disabled {
	display: none;
}
body[data-category="cat327421266816826a89c95293"] .c2b-hidden {
	visibility: hidden;
}
body[data-category="cat327421266816826a89c95293"] .c2b-disabled {
	display: none;
}