@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

html {
-webkit-text-size-adjust: 100%;
	font-size:16px;
}
* { padding:0; margin:0; }
.wrapper {
	padding-top:0;
	margin-top:0;
}
.main {
	padding:0 !important;
	margin:0 !important;
}
#Cliente3_wrap {
	width:100% !important;
	display:block;
	padding:0 0 10% 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	text-align:center !important;
	overflow: hidden !important;
	box-sizing:border-box !important;
	font-size:16px;
	font-family: "a-otf-ryumin-pr6n", serif;
	font-weight: 300;
	font-style: normal;
	line-height:1.5em;
	color:#000;
	background:none;
	width:calc(100vw - 18px) !important;
	position:relative;
	left:50% !important;
	-webkit-transform: translate(-50%, 0%) !important;
	-ms-transform: translate(-50%, 0%) !important;
	transform:translate(-50%, 0%) !important;
}
#Cliente3_wrap img {
	max-width:100%;
	height:auto;
}
.firefox #Cliente3_wrap {
	width:100vw !important;
}
#Cliente3_wrap .f_cen { text-align:center; }
#Cliente3_wrap .f_left { text-align:left; }
#Cliente3_wrap .f_right { text-align:right; }

#Cliente3_wrap .f_bold { font-weight:700; }

#Cliente3_Page div,#Cliente3_Page p,#Cliente3_Page span,#Cliente3_Page figure,#Cliente3_Page h2, #Cliente3_Page h3, #Cliente3_Page ol, #Cliente3_Page li { margin:0; padding:0; list-style:none; }
#Cliente3_Page a {
	text-decoration:none;
	color:#000;
	transition: all 500ms 0s ease;
}
#Cliente3_Page a:hover {
	opacity:0.8;
	transition: all 500ms 0s ease;
}

#Cliente3_wrap img
#Cliente3_Page img {
	max-width:100% !important;
	height:auto;
	padding:0;
	vertical-align:bottom;
}

#Cliente3_Page .pc,
#Cliente3_wrap .pc {
	display:block;
}
#Cliente3_Page .sp,
#Cliente3_wrap .sp {
	display:none !important;
}


#Cliente3_wrap .main_wrap {
	width:100%;
	max-width:800px;
	margin:0 auto;
}
#Cliente3_wrap .main_wrap > p {
	width:95%;
	margin:5% auto;
	line-height:2.5em;
	letter-spacing:0.1em;
	text-align:left;
}
#Cliente3_wrap .main_wrap > p > span {
	display:block;
	font-size:36px;
	margin-bottom:0.7em;
}

#Cliente3_Page .area_flex {
	display:flex;
}

#Cliente3_Page section {
	width:95%;
	max-width:800px;
	margin:5% auto;
}
#Cliente3_Page section > p {
	width:95%;
	margin:5% auto;
	text-align:left;
	line-height:2.5em;
}
#Cliente3_Page h2 {
	width:100%;
	max-width:800px;
	display:block;
	text-align:center;
	font-size:24px;
	letter-spacing:0.1em;
	margin:10% auto 5% auto;
}
#Cliente3_Page h1 {
	width:100%;
	max-width:800px;
	height:1.0em;
	display:block;
	font-size:24px;
	letter-spacing:0.1em;
	margin:5% auto;
	position:relative;
	z-index:1;
}
#Cliente3_Page h1.cent {
	margin:5% auto 5% auto !important;
	height:1.0em;
}
#Cliente3_Page h1.cent.ttl {
	margin:5% auto 10% auto !important;
	height:1.0em;
}
#Cliente3_Page h1.row2 {
	margin:10% auto 10% auto !important;
	height:1.0em;
	line-height:1.7em;
}
	#Cliente3_Page h1:before {
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#000;
		position:absolute;
		top:50%;
		left:0;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
		z-index:0;
	}
	#Cliente3_Page h1.row2:before {
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#000;
		position:absolute;
		top:-0.3em;
		left:0;
		z-index:0 !important;
	}
	#Cliente3_Page h1 > span {
		display:inline-block;
		text-align:right !important;
		letter-spacing:0.1em;
		background:#fff;
		box-sizing:border-box;
		padding:0 1.0em;
		font-size:24px;
		position:absolute;
		top:50%;
		left:auto;
		right:0;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
		z-index:2;
	}
	#Cliente3_Page h1.cent > span {
		display:inline-block;
		text-align:center !important;
		letter-spacing:0.1em;
		background:#fff;
		box-sizing:border-box;
		padding:0 1.0em;
		position:absolute;
		top:50%;
		left:50%;
		right:auto;
		-webkit-transform: translate(-50%, -50%) !important;
		-ms-transform: translate(-50%, -50%) !important;
		transform:translate(-50%, -50%) !important;
		z-index:2;
	}
	#Cliente3_Page h1.cent > span:after {
		content:attr(data-en);
		display:block;
		width:100%;
		font-size:65%;
		letter-spacing:0.05em;
		white-space:nowrap;
		position:absolute;
		bottom:-2.0em;
		left:50%;
		-webkit-transform: translate(-50%, 0%) !important;
		-ms-transform: translate(-50%, 0%) !important;
		transform:translate(-50%, 0%) !important;
	}
	#Cliente3_Page h1.row2 > span {
		display:inline-block;
		text-align:left !important;
		letter-spacing:0.1em;
		background:#fff;
		box-sizing:border-box;
		padding:0 1.0em;
		position:absolute;
		top:50%;
		left:auto;
		right:0 !important;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
		z-index:2;
	}
#Cliente3_Page .lineup {
	width:90%;
	max-width:800px;
	margin:5% auto;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
	#Cliente3_Page .lineup > div {
		text-align:center;
	}
	#Cliente3_Page .lineup > div:nth-of-type(2n-1) { width:45%; }
	#Cliente3_Page .lineup > div:nth-of-type(2n) { width:50%; }
	
	#Cliente3_Page .lineup > div:nth-of-type(1) { order:1; }
	#Cliente3_Page .lineup > div:nth-of-type(2) { order:2; }
	#Cliente3_Page .lineup > div:nth-of-type(3) { order:4; }
	#Cliente3_Page .lineup > div:nth-of-type(4) { order:3; }
	#Cliente3_Page .lineup > div p {
		line-height:2.5em;
		font-size:24px;
		letter-spacing:0.1em;
		position:relative;
	}
	#Cliente3_Page .lineup > div p > span:nth-of-type(1) {
		display:block;
		font-size:120%;
		line-height:2.0em;
	}
	#Cliente3_Page .lineup > div p > span:nth-of-type(2) {
		display:block;
		font-size:75%;
		line-height:1.0em;
		letter-spacing:0.05em;
	}
	#Cliente3_Page .lineup > div p:after {
		content:"";
		display:block;
		width:1.2em;
		height:calc(1.2em * 0.86046);
		background:url(https://carrot.itembox.design/item/images/cliente3/i_btm.svg) no-repeat;
		background-size:contain;
		position:absolute;
		left:50%;
		bottom:-2.5em;
		-webkit-transform: translate(-50%, 0%) !important;
		-ms-transform: translate(-50%, 0%) !important;
		transform:translate(-50%, 0%) !important;
	}

#Cliente3_Page img.size {
	width:100%;
	display:block;
	margin:3% auto;
}
#Cliente3_Page img.ico {
	width:70%;
	max-width:500px;
	display:block;
	margin:8% auto;
}
#Cliente3_Page img.detail {
	width:100%;
	display:block;
	margin:5% auto 3% auto;
}

#Cliente3_Page .detail_list {
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
	#Cliente3_Page .detail_list > div {
		width:32%;
		margin-bottom:7%;
	}
	#Cliente3_Page .detail_list > div > h3 {
		text-align:center;
		color:#98806d;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:700;
		font-size:18px;
		letter-spacing:0.1em;
		line-height:1.45em;
	}
	#Cliente3_Page .detail_list > div > h3 > span {
		display:block;
		line-height:2.9em;
	}
	#Cliente3_Page .detail_list > div > img {
		display:block;
		margin:5% auto;
	}
	#Cliente3_Page .detail_list > div > p {
		text-align:left;
		width:95%;
		margin:0 auto;
		letter-spacing:0.05em;
	}

#Cliente3_Page .kouzou {
	justify-content:space-between;
	align-items:center;
	margin:5% auto;
}
	#Cliente3_Page .kouzou > div {
		width:48%;
	}
	#Cliente3_Page .kouzou > div > p {
		width:80%;
		text-align:left;
		line-height:2.0em;
	}
	#Cliente3_Page .kouzou > div > p > span {
		display:block;
		text-align:center;
		font-size:120%;
		margin-bottom:1.0em;
	}
#Cliente3_Page .sizelist {
	width:100%;
	justify-content:space-between;
	align-items:flex-start;
	margin:10% auto 5% auto;
}
	#Cliente3_Page .sizelist > div {
		width:32.5%;
	}
	#Cliente3_Page .sizelist > div > h3 {
		text-align:center;
		margin-bottom:1.5em;
		font-size:18px;
	}
	#Cliente3_Page .sizelist > div > p {
		width:90%;
		text-align:left;
		margin:1.5em auto 0 auto;
	}

#Cliente3_Page .item a {
	width:70%;
	max-width:500px;
	display:block;
	margin:5% auto;
	letter-spacing:0.1em;
	font-size:18px;
	box-sizing:border-box;
	border-radius:50px;
	border: 1px solid #000;
	padding:1.5em 0;
	color:#000;
	position:relative;
}
	#Cliente3_Page .item a:after {
		content:"";
		display:block;
		width:0.7em;
		height:calc(0.7em * 1.5128);
		background:url(https://carrot.itembox.design/item/images/cliente3/i_right.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		left:auto;
		right:25%;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
	}
#Cliente3_Page a#series {
	width:75%;
	max-width:550px;
	display:block;
	margin:10% auto 5% auto;
	letter-spacing:0.1em;
	box-sizing:border-box;
	border-radius:0;
	border: 1px solid #000;
	padding:1.5em 0;
	color:#fff;
	background:#000;
}
#Cliente3_Page a#series > span {
	position:relative;
}
#Cliente3_Page a#series > span:before {
	content:attr(data-en);
	display:block;
	width:100%;
	font-size:50% !important;
	letter-spacing:0;
	position:absolute;
	left:0;
	top:-1.3em;
}


#Cliente3_Page section:nth-of-type(3) {
	margin:10% auto;
}
#Cliente3_Page .model {
	width:95%;
	max-width:800px;
	margin:5% auto;
}
#Cliente3_Page .model > img {
	display:block;
	width:80%;
}
#Cliente3_Page .model:nth-of-type(1) > img {
	margin:0 auto 0 0;
}
#Cliente3_Page .model:nth-of-type(2) > img {
	margin:0 0 0 auto;
}

#Cliente3_Page .topic {
	margin:20% auto 10% auto;
	padding-top:15%;
	border-top:1px solid #000;
}
#Cliente3_Page .topic > p {
	margin:0 auto 2% auto;
}
#Cliente3_Page .topic > a {
	border:0;
	width:70% !important;
	max-width:550px !important;
	margin:0 auto;
}




/* ___________________________________________________ */


#Cliente3_Page .sliderarea {
	width:100% !important;
	max-width:800px !important;
	margin:0;
	padding:0;
	line-height:0 !important;
	font-size:0 !important;
	margin-left: auto;
	margin-right: auto;
}
#Cliente3_Page .sliderarea .slider {
	max-width:100% !important;
	margin:0;
	padding:0;
	line-height: 0 !important;
	font-size:0 !important;
}
#Cliente3_Page .slick-track {
	display:flex;
}
#Cliente3_Page .slick-slide {
	height:auto !important;
}

/* .slick-track {
	display:block;
	align-items:stretch !important;
}
#Cliente3_Page .slick-slide img { display:block; max-width:100% !important; width:100% !important; } */


/* ___________________________________________________ */



/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:767px) {

#Cliente3_wrap {
	width:100vw !important;
	font-size:2.7vw !important;
}
#Cliente3_wrap p {
	font-size:2.7vw !important;
}
#Cliente3_Page .pc,
#Cliente3_wrap .pc {
	display:none !important;
}
#Cliente3_Page .sp,
#Cliente3_wrap .sp {
	display:block !important;
}

#Cliente3_wrap .main_wrap > p {
	width:90%;
	margin:8% auto 0.7em auto !important;
	letter-spacing:0.05em;
}
#Cliente3_wrap .main_wrap > p > span {
	display:block;
	font-size:4.5vw !important;
}

#Cliente3_Page h2 {
	width:100%;
	max-width:800px;
	display:block;
	text-align:center;
	font-size:3.5vw !important;
	letter-spacing:0.1em;
	margin:10% auto 5% auto;
}
#Cliente3_Page h1 {
	margin:10% auto !important;
}
#Cliente3_Page h1,
#Cliente3_Page h1 > span {
	font-size:3.5vw !important;
}
#Cliente3_Page h1.row2 {
	margin:10% auto 10% auto !important;
	height:1.0em;
	line-height:1.7em;
}
#Cliente3_Page .lineup {
	width:90%;
	max-width:800px;
	margin:3% auto 10% auto !important;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
	#Cliente3_Page .lineup > div p {
		line-height:2.5em;
		font-size:3.0vw !important;
		letter-spacing:0.1em;
		position:relative;
	}
	#Cliente3_Page .lineup > div p:after {
		content:"";
		display:block;
		width:1.0em;
		height:calc(1.0em * 0.86046);
		background:url(https://carrot.itembox.design/item/images/cliente3/i_btm.svg) no-repeat;
		background-size:contain;
		position:absolute;
		left:50%;
		bottom:-2.0em;
		-webkit-transform: translate(-50%, 0%) !important;
		-ms-transform: translate(-50%, 0%) !important;
		transform:translate(-50%, 0%) !important;
	}
	#Cliente3_Page .detail_list > div > h3 {
		text-align:center;
		color:#98806d;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:700;
		font-size:2.5vw !important;
		line-height:1.5em !important;
		letter-spacing:0.1em;
	}
	#Cliente3_Page .detail_list > div > img {
		display:block;
		margin:8% auto !important;
	}
	#Cliente3_Page .detail_list > div > p {
		text-align:left;
		width:90%;
		margin:0 auto;
		letter-spacing:0.05em;
		font-size:2.3vw !important;
	}
	#Cliente3_Page .kouzou > div > p {
		width:100%;
		text-align:left;
		line-height:1.7em;
	}

#Cliente3_Page .item a {
	width:70%;
	max-width:500px;
	display:block;
	margin:5% auto 20% auto !important;
	letter-spacing:0.1em;
	font-size:2.5vw !important;
	box-sizing:border-box;
	border-radius:50px;
	border: 1px solid #000;
	padding:1.3em 0;
	color:#000;
	position:relative;
}
	#Cliente3_Page .sizelist > div > h3 {
		text-align:center;
		margin-bottom:1.5em;
		font-size:2.7vw !important;
	}
	#Cliente3_Page .sizelist > div > p {
		width:90%;
		text-align:left;
		margin:1.5em auto 0 auto;
		font-size:2.3vw !important;
	}
#Cliente3_Page .topic > a > img {
	border:0;
	width:75% !important;
	max-width:550px !important;
	margin:0 auto;
}
#Cliente3_Page a#series > span {
	position:relative;
	font-size:2.7vw !important;
}
#Cliente3_Page a#series > span:before {
	content:attr(data-en);
	display:block;
	width:100%;
	font-size:1.6vw !important;
	letter-spacing:0;
	position:absolute;
	left:0;
	top:-1.3em;
}
}