@charset "utf-8";

/* ====== メイン全体の設定 ====== */

/* spとpcで表示／非表示　*/

@layer legacy{
[data-static-html] .emclp-pc { display: block; }
[data-static-html] .emclp-sp { display: none; }
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-pc { display: none; }
	[data-static-html] .emclp-sp { display: block; }
}
/* セクション */
[data-static-html] .emclp-section {
	width: 1188px;
	font-size: 18px;
	text-align: justify;
	line-height: 1.67;
	padding: 20px 10px 40px;
	margin: 0 auto;	
}
[data-static-html] .emclp-section img {
	width: 100%;
	height: auto;
}
[data-static-html] .emclp-section a:hover img {
	opacity: 1; /* utility.cssの設定を無効にするため */
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-section {
		width: 100%;
		font-size: 16px;
		padding: 10px 10px 20px;
	}
}
/* 共通の見出し */
[data-static-html] .emclp-h2-auter {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background: url("/files/user/contents/service/solutions/common/emclp-h2-bg01.png") no-repeat center;
	height: 173px;
	margin: 0 0 60px;
}
[data-static-html] .emclp-h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}
[data-static-html] .emclp-h2-span55px {
	font-size: 1.72em;
}
[data-static-html] .emclp-h2-span50px {
	font-size: 1.56em;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-h2-auter {
		background-size: cover;
		height: 120px;
		height: 100px;
		margin: 0 0 30px;
	}
	[data-static-html] .emclp-h2 {
		font-size: 20px;
		padding-top: 5px;
	}	
}
[data-static-html] .emclp-h3-auter {
	background: url("/files/user/contents/service/solutions/common/emclp-h3-icon01.png") no-repeat;
	background-position: top 0.3em left 0;
	background-size: 20px 28px;
	padding-left: 30px;
	padding-bottom: 40px;
	margin-top: 80px;
}
[data-static-html] .emclp-h3 {
	display: inline;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.3;
	color: #00889c;
	background: url("/files/user/contents/service/solutions/common/emclp-h3-ul.png") no-repeat;
	background-position: top 0.9em left 0;
	background-size: 100% 7px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-h3-auter {
		background-position: top 0.2em left 0;
		background-size: 12px 17px;
		padding-left: 18px;
		padding-bottom: 15px;
		margin-top: 40px;
	}
	[data-static-html] .emclp-h3 {
		font-size: 21px;
		background-position: top 0.9em left 0;
		background-size: 100% 5px;
	}
}
/* 文章の強調 */
[data-static-html] .emclp-p-span {
	font-weight: bold;
	background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255,140,30,0.7) 60%, rgba(255,140,30,0.7) 93%, transparent 93%, transparent 100%);
}
@media screen and (max-width: 768px) {
}
/* ワンストップでご提供 */
[data-static-html] .emclp-info01 {
	padding: 20px 0 10px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-info01 {
		padding: 10px 0 10px;
	}
}
/* オンライン商談受付中 */
[data-static-html] .emclp-info02 {
	background: #e5f3fa;
	margin: 60px 0;
	padding: 0;
}
[data-static-html] .emclp-info02-h {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.3;
	color: #22547a;
	background: url("/files/user/contents/service/solutions/common/emclp-h4-ul02.png") no-repeat; 
	background-size: 1130px 8px;
	background-position: bottom 0 right 40px;
	padding: 20px 20px 15px 40px;
}
[data-static-html] .emclp-info02-p {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	padding: 30px 40px;
}
[data-static-html] .emclp-info02-btn {
	width: 874px;
	margin: 0 auto;
	padding-bottom: 30px;
}
[data-static-html] .emclp-info02-btn a {
	display: block;
	transition: all ease .3s;
}
[data-static-html] .emclp-info02-btn a:hover {
	opacity: 0.7;
	transform: translate(0,-3px) scale(1.01,1.01);
	box-shadow: 4px 4px 2px 0 rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-info02 {
		margin: 20px 0 10px;
		padding: 0;
	}
	[data-static-html] .emclp-info02-h {
		font-size: 21px;
		background-position: bottom 0 right 20px;
		padding: 10px 20px 10px 20px;
	}
	[data-static-html] .emclp-info02-p {
		font-size: 16px;
		padding: 10px 10px;
	}
	[data-static-html] .emclp-info02-btn {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		padding-bottom: 10px;
	}
}
/* ボタン２種類 */
[data-static-html] .emclp-btn-blue,
[data-static-html] .emclp-btn-orange {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	margin: 25px auto;
}
[data-static-html] .emclp-btn-blue a,
[data-static-html] .emclp-btn-orange a {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	color: #ccc;
	padding: 10px 100px 7px;
	min-height: 90px;
	transition: all ease-in .2s;
}
[data-static-html] .emclp-btn-blue a {
	color: #00889c;
	border: 3px solid #00889c;
}
[data-static-html] .emclp-btn-orange a {
	color: #ff8c1e;
	border: 3px solid #ff8c1e;
}
[data-static-html] .emclp-btn-blue a:before, [data-static-html] .emclp-btn-orange a:before, [data-static-html] .emclp-btn-blue a:after, [data-static-html] .emclp-btn-orange a:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all ease-in .2s;
}
[data-static-html] .emclp-btn-blue a:before, [data-static-html] .emclp-btn-orange a:before {
	z-index: 99;
	background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-white.png") no-repeat;
	background-size: 50px 15px;
	background-position: center right 40px;
	opacity: 0;
}
[data-static-html] .emclp-btn-blue a:after {
	background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-blue.png") no-repeat;
	background-size: 50px 15px;
	background-position: center right 40px;
}
[data-static-html] .emclp-btn-orange a:after {
	background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-orange.png") no-repeat;
	background-size: 50px 15px;
	background-position: center right 40px;
}
[data-static-html] .emclp-btn-span {
	font-size: 0.72em;
}
[data-static-html] .emclp-btn-blue a:hover {
	color: #fff;
	background: #00889c;
}
[data-static-html] .emclp-btn-orange a:hover {
	color: #fff;
	background: #ff8c1e;	
}
[data-static-html] .emclp-btn-blue a:hover:before, [data-static-html] .emclp-btn-orange a:hover:before {
	opacity: 1;
}
[data-static-html] .emclp-btn-725px { max-width: 725px }
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-btn-blue,
	[data-static-html] .emclp-btn-orange {
		font-size: 18px;
		margin: 10px 0 20px;
	}
	[data-static-html] .emclp-btn-blue a,
	[data-static-html] .emclp-btn-orange a {
		align-items: stretch;
		padding: 10px 45px 8px 15px;
		min-height: 60px;
	}
	[data-static-html] .emclp-btn-blue a img,
	[data-static-html] .emclp-btn-orange a img {
		right: 10px;
		width: 25px;
	}
	[data-static-html] .emclp-btn-blue a:before, [data-static-html] .emclp-btn-orange a:before {
		background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-white_sp.png") no-repeat;
		background-size: 25px 16px;
		background-position: center right 10px;
	}
	[data-static-html] .emclp-btn-blue a:after {
		background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-blue_sp.png") no-repeat;
		background-size: 25px 16px;
		background-position: center right 10px;
	}
	[data-static-html] .emclp-btn-orange a:after {
		background: url("/files/user/contents/service/solutions/common/emclp-btn-arrow-orange_sp.png") no-repeat;
		background-size: 25px 16px;
		background-position: center right 10px;
	}
}
/* 右下のfixed要素 */
[data-static-html] .emclp-fixarea {
	position: fixed;
	right: 15px;
	bottom: 15px;
	margin: 0;
	padding: 0;
	z-index: 999;
}
[data-static-html] .emclp-fixarea a:hover img{
	opacity: 1; /* utility.cssの設定を無効にするため */
}
[data-static-html] .emclp-fixarea img {
	width: 100%;
	height: auto;
}
[data-static-html] .emclp-contact {
	font-size: 0;
	width: 111px;
	margin-bottom: 10px;
	border-radius: 6px;
}
[data-static-html] .emclp-top {
	font-size: 0;
	margin-left: auto;
	width: 40px;
}
[data-static-html] .emclp-contact a, [data-static-html] .emclp-top a {
	display: block;
	transition: all ease .2s;
}
[data-static-html] .emclp-contact a:hover, [data-static-html] .emclp-top a:hover {
	-webkit-filter: saturate(0.6) brightness(1.3);
	filter: saturate(0.6) brightness(1.3);
}
@media screen and (min-width: 768px) {
	[data-static-html] .emclp-contact {
		width: 178px;
	}
	[data-static-html] .emclp-top {
		width: 64px;
	}	
}

/* ====== 電波暗室、EMC計測とは？ ====== */
/* 電波暗室、EMC計測の説明 */
[data-static-html] .emclp-about {
	display: flex;
	justify-content: space-between;
	border-bottom: 10px solid #74fac3;
	margin-bottom: 30px;
}
[data-static-html] .emclp-about-img {
	flex: 0 0 441px;
	background: rgb(0,147,168);
}
[data-static-html] .emclp-about-text {
	color: #fff;
	background: rgb(0,147,168);
	background: linear-gradient(135deg, rgb(0,147,168) 0%, rgb(0,147,168) 45%, rgb(0,157,178) 45%, rgb(0,157,178) 100%);
}
[data-static-html] .emclp-about-text-h {
	font-size: 30px;
	font-weight: bold;
	background: url("/files/user/contents/service/solutions/common/emclp-h4-ul01.png") no-repeat;
	background-size: 1130px 8px;
	background-position: bottom 0 right 34px;
	padding: 20px 34px 5px;
	margin-bottom: 20px;
}
[data-static-html] .emclp-about-text-p {
	font-size: 18px;
	padding: 0 34px 1.3em;
}
[data-static-html] .emclp-about-text-p-span {
	color: #74fac3;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-about {
		flex-flow: column;
		justify-content: start;
		border-bottom: 8px solid #74fac3;
		margin-bottom: 20px;
	}
	[data-static-html] .emclp-about-img {
		flex: 0 0 100%;
	}
	[data-static-html] .emclp-about-text {

	}
	[data-static-html] .emclp-about-text-h {
		font-size: 21px;
		background-position: bottom 0 right 15px;
		padding: 10px 15px 5px;
		margin-bottom: 10px;
	}
	[data-static-html] .emclp-about-text-p {
		font-size: 14px;
		padding: 0 15px 1em;
	}
}
/* ご相談ください文章 */
[data-static-html] .emclp-about-message {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-about-message {
		font-size: 16px;
		text-align: left;
		padding: 10px 0 0;
	}
}

/* ====== Albatross Projects ====== */
/* イントロ */
[data-static-html] .emclp-albatross-intro {
	position: relative;
	padding-bottom: 50px;
}
[data-static-html] .emclp-albatross-intro-logo {
	
}
[data-static-html] .emclp-albatross-intro-text {
	position: absolute;
	top: 39px;
	right: 15px;
}
[data-static-html] .emclp-albatross-intro-text p {
	font-size: 18px;
	text-align: center;
	color: #fff;
}
[data-static-html] p.emclp-albatross-intro-text-s {
	font-size: 16px;
	padding-top: 7px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-albatross-intro {
		padding-bottom: 25px;
	}
	[data-static-html] .emclp-albatross-intro-logo {
		
	}
	[data-static-html] .emclp-albatross-intro-text {
		position: static;
		background: url("/files/user/contents/service/solutions/common/emclp-albatross-intro-bg.png") no-repeat;
		background-position: bottom left;
		background-size: cover;
		padding: 6px 15px 9px 18%;
	}
	[data-static-html] .emclp-albatross-intro-text p {
		font-size: 14px;
		text-align: justify;
	}
	[data-static-html] p.emclp-albatross-intro-text-s {
		font-size: 10px;
		padding-top: 2px;
	}
}
/* 特徴 */
[data-static-html] .emclp-albatross-chara-h {
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	color: #00889c;
	padding-bottom: 40px;
}
[data-static-html] .emclp-albatross-chara {
	background: #e5f3fa;
	padding: 10px 30px;
}
[data-static-html] .emclp-albatross-chara-icon {
	display: flex;
	justify-content: space-between;
}
[data-static-html] .emclp-albatross-chara-icon li {
	flex: 0 0 253px;
}
[data-static-html] .emclp-albatross-chara-text {
	width: 990px;
	padding: 30px 0 0;
	margin: 0 auto;
}
[data-static-html] .emclp-albatross-chara-text p {
	padding-bottom: 1.67em;
}
[data-static-html] .emclp-albatross-chara-text p:last-child {
	padding-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-albatross-chara-h {
		font-size: 24px;
		padding-bottom: 15px;
	}
	[data-static-html] .emclp-albatross-chara {
		padding: 10px 10px;
	}
	[data-static-html] .emclp-albatross-chara-icon {
		flex-flow: row wrap;
		justify-content: space-between;
	}
	[data-static-html] .emclp-albatross-chara-icon li {
		flex: 0 0 47%;
	}
	[data-static-html] .emclp-albatross-chara-text {
		width: 100%;
		padding: 20px 0 0;
	}
	[data-static-html] .emclp-albatross-chara-text p {
		padding-bottom: 1em;
	}
	[data-static-html] .emclp-albatross-chara-text p:last-child {
		padding-bottom: 0;
	}
}
/* 選べる部屋 */
[data-static-html] .emclp-albatross-room {
	position: relative;
	display: flex;
	justify-content: space-between;
	border: 2px solid #5b949c;
	border-bottom: none;
	padding: 25px 40px;
}
[data-static-html] .emclp-albatross-room:before,
[data-static-html] .emclp-albatross-room:after {
	content:"";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #5b949c;
	border-radius: 50%;
}
[data-static-html] .emclp-albatross-room:before {
	bottom: -1px;
	left: -1px;
	transform: translate(-50%,50%);
}
[data-static-html] .emclp-albatross-room:after {
	bottom: -1px;
	right: -1px;
	transform: translate(50%,50%);
}
[data-static-html] .emclp-albatross-room-last {
	border-bottom: 2px solid #5b949c;
}
[data-static-html] .emclp-albatross-room-last:before,
[data-static-html] .emclp-albatross-room-last:after {
	background: none;
}
[data-static-html] .emclp-albatross-room-img {
	width: 450px;
}
[data-static-html] .emclp-albatross-room-img p {
	font-size: 16px;
	text-align: center;
	padding-top: 2px;
}
[data-static-html] .emclp-albatross-room-text {
	width: 600px;
}
[data-static-html] .emclp-albatross-room-text-h {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	color: #0e3c64;
	padding: 5px 0 25px;
}
[data-static-html] .emclp-albatross-room-text li {
	text-indent: -1em;
	padding-left: 1em;
}
[data-static-html] .emclp-albatross-room-text li:before {
	content:"・";
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-albatross-room {
		flex-flow: column;
		justify-content: start;
		padding: 10px 15px;
	}
	[data-static-html] .emclp-albatross-room-img {
		order: 2;
		width: 100%;
	}
	[data-static-html] .emclp-albatross-room-img p {
		font-size: 14px;
		text-align: center;
		padding-top: 2px;
	}
	[data-static-html] .emclp-albatross-room-text {
		order: 1;
		width: 100%;
		padding-bottom: 10px;
	}
	[data-static-html] .emclp-albatross-room-text-h {
		font-size: 21px;
		padding: 5px 0 10px;
	}
}
/* 活用／利用 */
[data-static-html] .emclp-use-icon {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 15px 30px 80px;
}
[data-static-html] .emclp-use-icon li {
	flex: 0 0 24%;
}
[data-static-html] .emclp-use-icon-img {
	width: 130px;
	margin: 0 auto;
}
[data-static-html] .emclp-use-icon-p {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #0e3c64;
	padding-top: 10px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-use-icon {
		padding: 5px 20px 15px;
	}
	[data-static-html] .emclp-use-icon li {
		flex: 0 0 48%;
		padding-bottom: 15px;
	}
	[data-static-html] .emclp-use-icon-img {
		width: 60%;
	}
	[data-static-html] .emclp-use-icon-p {
		font-size: 18px;
		padding-top: 7px;
	}
}
[data-static-html] .emclp-use-data {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
[data-static-html] .emclp-use-data li {
	flex: 0 0 567px;
	padding-bottom: 50px;
}
[data-static-html] .emclp-use-data li:nth-last-child(-n+2) {
	padding-bottom: 0;
}
[data-static-html] .emclp-use-data-h {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #0e3c64;
}
[data-static-html] .emclp-use-data-img {
	padding: 7px 0 17px;
}
[data-static-html] .emclp-use-data-table {
	border-collapse: collapse;
	width: 100%;
}
[data-static-html] .emclp-use-data-table th,
[data-static-html] .emclp-use-data-table td {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2;
	vertical-align: middle;
	border: 1px solid #00889c;
	padding: 5px 5px 2px;
}
[data-static-html] .emclp-use-data-table th {
	color: #00889c;
	text-indent: -1em;
	padding-left: 1.2em;
	width: 34%;
}
[data-static-html] .emclp-use-data-table th:before {
	content:"■";
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-use-data {
		flex-flow: column;
		justify-content: start;
	}
	[data-static-html] .emclp-use-data li {
		flex: 0 0 auto;
		padding-bottom: 30px;
	}
	[data-static-html] .emclp-use-data li:nth-last-child(-n+2) {
		padding-bottom: 30px;
	}
	[data-static-html] .emclp-use-data li:last-child {
		padding-bottom: 0;
	}
	[data-static-html] .emclp-use-data-h {
		font-size: 24px;
	}
	[data-static-html] .emclp-use-data-img {
		padding: 5px 0 10px;
	}
	[data-static-html] .emclp-use-data-table th,
	[data-static-html] .emclp-use-data-table td {
		font-size: 13px;
	}
	[data-static-html] .emclp-use-data-table th {
		width: 30%;
	}
}
/* 動画コンテンツ紹介 */
[data-static-html] .emclp-prmovie {
	padding: 10px 0 20px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-prmovie {
		padding: 0;
	}
}
/* インタビュー */
[data-static-html] .emclp-interview {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	border: 3px solid #ff801e;
}
[data-static-html] .emclp-interview-img {
	width: 398px;
}
[data-static-html] .emclp-interview-text {
	width: 666px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-interview {
		flex-flow: column;
		justify-content: start;
		padding: 10px;
		border: 3px solid #ff801e;
	}
	[data-static-html] .emclp-interview-img {
		width: 100%;
		padding-bottom: 5px;
	}
	[data-static-html] .emclp-interview-text {
		width: 100%;
	}		
}

/* ====== EMC計測システム ====== */
/* ソリューション特徴 */
[data-static-html] .emclp-emcsol p:first-child {
	padding-bottom: 1.5em;	
}
/* 機器をご提案 */
[data-static-html] .emclp-suggest > li {
	display: flex;
	padding-bottom: 40px;
}
[data-static-html] .emclp-suggest > li:last-child {
	padding-bottom: 0;
}
[data-static-html] .emclp-suggest-img {
	flex: 0 0 430px;
}
[data-static-html] .emclp-suggest-text {
	flex: 1 1 auto;
}
[data-static-html] .emclp-suggest-text-h {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	color: #22547a;
	background: url("/files/user/contents/service/solutions/common/emclp-h4-ul03.png") no-repeat; 
	background-size: 1130px 8px;
	background-position: bottom right;
	padding: 0 0 15px;
	padding-left: 45px;
	padding-right: 0;
}
[data-static-html] .emclp-suggest-text-ul {
	padding: 15px 0 10px;
	padding-left: 45px;
	padding-right: 0;
}
[data-static-html] .emclp-suggest-text-ul > li{
	text-indent: -0.8em;
	padding-left: 1em;
}
[data-static-html] .emclp-suggest-text-ul > li:before {
	content:"•";
	font-weight: bold;
	padding-right: 0.2em;
}
[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-img {
	order: 2;
}
[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text {
	order: 1;
}
[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text-h {
	background-position: bottom left;
	padding-left: 0;
	padding-right: 45px;
}
[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text-ul {
	padding-left: 0;
	padding-right: 45px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-suggest > li {
		flex-flow: column;
		padding-bottom: 20px;
	}
	[data-static-html] .emclp-suggest > li:last-child {
		padding-bottom: 0;
	}
	[data-static-html] .emclp-suggest-img {
		flex: 0 0 auto;
	}
	[data-static-html] .emclp-suggest-text {
		flex: 0 0 auto;
	}
	[data-static-html] .emclp-suggest-text-h {
		font-size: 18px;
		background: url("/files/user/contents/service/solutions/common/emclp-h4-ul03.png") no-repeat; 
		background-size: 1130px 8px;
		background-position: bottom right;
		padding: 10px 0 15px;
		padding-left: 0;
		padding-right: 0;
	}
	[data-static-html] .emclp-suggest-text-ul {
		padding: 10px 0 10px;
		padding-left: 0;
		padding-right: 0;
	}
	[data-static-html] .emclp-suggest-text-ul > li{
		text-indent: -0.8em;
		padding-left: 1em;
	}
	[data-static-html] .emclp-suggest-text-ul > li:before {
		content:"•";
		font-weight: bold;
		padding-right: 0.2em;
	}
	[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-img {
		order: 1;
	}
	[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text {
		order: 2;
	}
	[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text-h {
		background-position: bottom right;
		padding-left: 0;
		padding-right: 0;
	}
	[data-static-html] .emclp-suggest > li:nth-child(even) .emclp-suggest-text-ul {
		padding-left: 0;
		padding-right: 0;
	}
}
/* セレクションガイド */
[data-static-html] .emclp-selection {
	display: flex;
	justify-content: space-between;
}
[data-static-html] .emclp-selection-img {
	flex: 0 0 355px;
}
[data-static-html] .emclp-selection-text {
	flex: 0 0 725px;
	padding-top: 10px;
}
[data-static-html] .emclp-selection-text-ul {
	padding: 10px 0 10px;
}
[data-static-html] .emclp-selection-text-ul li {
	display: inline-block;
	font-size: 20px;
	text-align: center;
	line-height: 1.0;
	width: 140px;
	color: #fff;
	background: #005ead;
	margin-right: 10px;
	padding: 8px 10px 4px;
	border-radius: 0 6px 0 6px;
}
[data-static-html] .emclp-selection-text-p-exc {
	padding: 1em 0;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-selection {
		flex-flow: column;
		justify-content: start;
	}
	[data-static-html] .emclp-selection-img {
		flex: 0 0 auto;
	}
	[data-static-html] .emclp-selection-text {
		flex: 0 0 auto;
		padding-top: 15px;
	}
	[data-static-html] .emclp-selection-text-ul {
		padding: 10px 0 5px;
	}
	[data-static-html] .emclp-selection-text-ul li {
		font-size: 16px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 8px 10px 5px;
	}
	[data-static-html] .emclp-selection-text-p-exc {
		padding: 0;
	}
}
/* 開発担当者の声 */
[data-static-html] .emclp-voice {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	border: 3px solid #ff801e;
}
[data-static-html] .emclp-voice-img {
	width: 398px;
}
[data-static-html] .emclp-voice-text {
	width: 666px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-voice {
		flex-flow: column;
		justify-content: start;
		padding: 10px 10px 0;
		border: 3px solid #ff801e;
	}
	[data-static-html] .emclp-voice-img {
		width: 100%;
		padding-bottom: 5px;
	}
	[data-static-html] .emclp-voice-text {
		width: 100%;
	}		
}
/* 導入フロー */
[data-static-html] .emclp-flow {
	padding: 10px 0;
}
[data-static-html] .emclp-flow-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1108px;
	background: #d8e9ed;
	padding: 15px 20px 11px;
}
[data-static-html] .emclp-flow-item-h {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	color: #22547a;
	padding: 0 10px 2px;
}
[data-static-html] .emclp-flow-item-h-span {
	font-size: 1.5em;
	padding-right: 0.3em;
}
[data-static-html] .emclp-flow-item-text {
	flex: 0 0 600px;
}
[data-static-html] .emclp-flow-item-text-span {
	font-weight: bold;
}
[data-static-html] .emclp-flow-item-text-pexc01 {
	text-indent: -5em;
	padding-left: 5em;
}
[data-static-html] .emclp-flow-arrow {
	width: 69px;
	height: 20px;
	margin: 5px 0;
}
[data-static-html] .emclp-flow-2col {
	display: flex;
	justify-content: space-between;
}
[data-static-html] .emclp-flow-period {
	position: relative;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	background: rgb(243,152,0);
	background: linear-gradient(to bottom, rgb(255,255,156) 0%, rgb(243,152,0) 100%);
	padding: 0;
}
[data-static-html] .emclp-flow-period-span {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
	padding-bottom: 5px;
}
[data-static-html] .emclp-flow-period:after {
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(to bottom left, transparent 50%, #fff 50%) top left / 50% 100% no-repeat, linear-gradient(to bottom right, transparent 50%, #fff 50%) top right / 50% 100% no-repeat;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-flow {
		padding: 10px 0 0;
	}
	[data-static-html] .emclp-flow-item {
		flex-flow: column;
		justify-content: start;
		align-items: stretch;
		width: calc(100vw - 70px);
		padding: 7px 15px 7px;
	}
	[data-static-html] .emclp-flow-item-h {
		font-size: 16px;
		padding: 0 0 2px;
	}
	[data-static-html] .emclp-flow-item-h-span {
		padding-right: 0.3em;
	}
	[data-static-html] .emclp-flow-item-text {
		flex: 0 0 auto;
		font-size: 13px;
	}
	[data-static-html] .emclp-flow-item-text-span {
		font-weight: bold;
	}
	[data-static-html] .emclp-flow-item-text-pexc01 {
		text-indent: 0;
		padding-left: 0;
	}
	[data-static-html] .emclp-flow-arrow {
		width: 40px;
		height: 10px;
		margin: 5px 0;
	}
	[data-static-html] .emclp-flow-2col {
		justify-content: start;
	}
	[data-static-html] .emclp-flow-period {
		font-size: 14px;
		margin-left: 10px;
	}
}
[data-static-html] .emclp-flow-comment01 {
	font-size: 26px;
	font-weight: bold;
	padding: 35px 20px 0;
}
[data-static-html] .emclp-flow-comment01 li {
	text-indent: -0.7em;
	padding-left: 1em;
}
[data-static-html] .emclp-flow-comment01 li:before {
	content:"•";
}
[data-static-html] .emclp-flow-comment02 {
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	color: #ff8c1e;
	padding: 30px 20px 40px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-flow-comment01 {
		font-size: 16px;
		padding: 15px 0 0;
	}
	[data-static-html] .emclp-flow-comment02 {
		font-size: 21px;
		padding: 15px 0;
	}
}
/* 機能比較 */
[data-static-html] .emclp-compare {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
[data-static-html] .emclp-compare-img {
	flex: 0 0 488px;
}
[data-static-html] .emclp-compare-link {
	flex: 0 0 642px;
}
@media screen and (max-width: 768px) {
	[data-static-html] .emclp-compare {
		flex-flow: column;
		justify-content: start;
		padding: 20px 0;
	}
	[data-static-html] .emclp-compare-img {
		flex: 0 0 auto;
		padding-bottom: 10px;
	}
	[data-static-html] .emclp-compare-link {
		flex: 0 0 auto;
	}	
}

/* ========== アニメーションの設定 ========== */
[data-static-html] .emclp-fadein {
	opacity: 0;
	transition: all 0.3s ease;
}
[data-static-html] .emclp-fadein.emclp-show-fadein {
	opacity: 1;
}
[data-static-html] .emclp-slidein {
	opacity: 0;
	transform: translate(0,100px);
	transition: all 0.3s ease-out;
}
[data-static-html] .emclp-slidein.emclp-show-slidein {
	opacity: 1;
	transform: none;
} }