@charset "UTF-8";
@import url(https://use.typekit.net/wak1ltx.css);
/* ***************************************
css for landing pages
**************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tr, th, td {
	font-size: 14px;
	/* reset.cssの設定変更 Google推奨サイズより小さすぎ、非モバイルフレンドリーの警告を受けるため */
}
.c-header-upper #language li,
.c-header-upper #language p {
	float: none;
}
.c-header-upper #language {
	top: 2.25rem;
	left: 84%;
	min-width: 35px;
	z-index: 999999;
	margin: 5px 0 0 15px;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.c-header-upper #language {
		left: 80%;
	}
}
@media (max-width: 1160px) {
	.c-header-upper #language {
		top: 1.15rem;
	}
}
@media (max-width: 768px) {
	.c-header-upper #language {
		left: 75%;
	}
}
@media (max-width: 576px) {
	.c-header-upper #language {
		left: 60%;
	}
}
.c-header-upper #language .lang-list {
	display: none;
	width: 80px;
	background-color: #f8f8f8;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 30%);
	transform: translate(-10px, 10px);
	transition: 0.2s;
}
.c-header-upper #language .lang-list li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	/*reset*/
	padding: 0;
	/*reset*/
	text-indent: 0;
	/*reset*/
	text-align: center;
}
.c-header-upper #language .lang-list a:link {
	display: block;
	padding: 7px 8px;
	color: #666;
	font-size: 0.95rem;
	text-align: center;
}
.c-header-upper #language .lang-list a:visited {
	color: #666;
}
.c-header-upper #language .lang-list a:hover {
	color: #fff;
	background: #09f;
	text-decoration: none !important;
}
.c-header-upper #language .list-open {
	display: block;
	transition: 0.2s;
}
.c-header-upper #language .lang-code {
	position: relative;
	font-weight: bold;
	background: url(/tecs/top/ico_lang.svg) no-repeat;
	background-size: 25px 23px;
	padding-left: 30px;
	padding-top: 5px;
	margin-bottom: 0;
}
.c-header-upper #language .lang-code:after {
	position: absolute;
	content: "";
	top: 10px;
	right: -13px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(45deg);
}
.c-header-upper #language .code-open:after {
	position: absolute;
	content: "";
	top: 13px;
	right: 22px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(-135deg);
}
#header li,
#header_s li {
	float: none;
	/* リセット */
}
/* whatsnew reset */
#topTitle span.topic_icon {
	width: 6rem;
	margin-left: 2rem;
}
.info+.cmn_desclist01 {
	min-width: 100%;
}
/* #wrapper {
	overflow: hidden;
} */
#main {
	margin: 10px 0 0 0;
	/* common.cssの設定リセット */
}
#main img {
	width: 100%;
	height: auto;
	/* CLS対策で追加 */
}
#main img.img-actual {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	/* 画像をそのままのサイズで表示するクラスを追加 */
}
.main-top-inner h1 {
	color: #fff;
	font-size: 2.8rem;
	/* font-size: 2.8vw; */
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	text-shadow: 2px 2px 3px #000000;
	white-space: nowrap;
}
.main-top>h1 {
	background: #ecf2f5;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 1rem;
	margin-top: -2rem;
	/* 旧タイプ見出しの余白リセット */
}
h2, .h2 {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 2rem;
	padding: 0.2rem 15%;
	line-height: 1.5;
}
h2.txt-l-bl {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	background: #F2F2F2;
	padding: 0.5rem 1rem 0.5rem 1.5rem;
	margin-bottom: 1rem;
}
h2.txt-l-bl span {
	font-size: 1.2rem;
	font-weight: bold;
	display: inline-block;
}
h3, .h3 {
	text-align: center;
	font-size: 1.35rem;
	margin-bottom: 2rem;
	font-weight: bold;
	border-bottom: 3px solid #ccc;
	padding-bottom: 0.3rem;
}
h4, .h4 {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
h5, .h5 {
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
	border-bottom: none;
}
h5:before {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #d8d6d6;
}
.main-top-inner .h1-lead {
	background: rgba(245, 131, 0, 0.78);
	box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
	color: #ffffff;
	font-size: 1.2rem;
	text-align: center;
}
.lead-area {
	width: 75%;
	margin: 0 auto;
	;
}
section {
	padding: 2rem 0;
}
figure {
	margin: 0;
}
p {
	margin-bottom: 1rem;
}
.radius-box {
	padding: 12px;
	background: #f2f2f2;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 1rem;
}
.radius-box-white {
	padding: 12px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 1rem;
}
.radius-box-deep {
	padding: 12px;
	background: #C9C9C9;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 1rem;
}
.radius-box-10px {
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #666;
	margin-bottom: 1rem;
}
/* balloon box */
.balloon-box {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 90%;
	background: #fff;
	border: 3px solid #ccc;
	z-index: 0;
}
.balloon-box:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
.balloon-box:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ccc;
	z-index: -1;
}
.balloon-box-bottom {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 3px solid #ccc;
	border-radius: 8px 8px;
	z-index: 0;
}
.balloon-box-bottom:before {
	content: "";
	position: absolute;
	top: 100%;
	right: 50%;
	margin-top: -1px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.balloon-box-bottom:after {
	content: "";
	position: absolute;
	top: 100%;
	right: 50%;
	margin-top: 2px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ccc transparent transparent transparent;
	z-index: -1;
}
.balloon-box-left {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 90%;
	background: #fff;
	border: 3px solid #ccc;
	z-index: 0;
}
.balloon-box-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	transform: rotate(-180deg);
	z-index: 0;
}
.balloon-box-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ccc;
	transform: rotate(180deg);
	z-index: -1;
}
.balloon-box-left-yellow {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 90%;
	background: #fff8dc;
	border: 3px solid #ccc;
	z-index: 0;
}
.balloon-box-left-yellow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff8dc;
	transform: rotate(-180deg);
	z-index: 0;
}
.balloon-box-left-yellow:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ccc;
	transform: rotate(180deg);
	z-index: -1;
}
.balloon-box-right-yellow {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 90%;
	background: #fff8dc;
	border: 3px solid #ccc;
	z-index: 0;
}
.balloon-box-right-yellow:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff8dc;
	z-index: 0;
}
.balloon-box-right-yellow:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ccc;
	z-index: -1;
}
.balloon-box-rwd {
	position: relative;
	display: inline-block;
	margin: 1.5rem 0;
	padding: 1rem;
	background: #ccc;
}
.balloon-box-rwd:before {
	content: "";
	position: absolute;
	top: 1.8rem;
	left: -1rem;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #ccc;
	transform: rotate(-90deg);
}
@media screen and (max-width: 768px) {
	.balloon-box-rwd:before {
		top: -2rem;
		left: 50%;
		transform: rotate(0);
	}
}
.bold-box {
	background: #fff;
	border: 3px solid #09f;
	padding: 1rem;
}
.glay-box {
	background: #f2f2f2;
}
.bdr-box {
	border: 1px solid #666;
}
.tag-box {
	position: relative;
	padding: 0.5rem;
	background-color: #09f;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.tag-box:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #0c71b8 #435e7a;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
/* product-detail-box */
.detail-box h3 {
	background: #ccc;
	padding: 0.5rem 1rem;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 1rem;
}
.detail-box h3 span:first-of-type {
	color: #fff;
}
.detail-box h3 span.attention {
	color: #fff;
	text-shadow: 1px 1px 1px #FF5722;
	font-size: 1.2rem;
}
.detail-box dl {
	padding: 0.8rem;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 1rem;
}
.detail-box dt {
	text-indent: -1.5rem;
	padding-left: 1.1rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	font-weight: bold;
	color: #0b76ca;
	border-bottom: 1px dotted #CCC;
}
.detail-box dt:before {
	content: "●";
	padding: 0.3rem;
}
.detail-box dt.caution {
	font-size: 0.95rem
}
.detail-box dt.caution:before {
	content: "!";
	color: #fff;
	font-weight: bold;
	background: #f8a61b;
	border-radius: 50%;
	padding: 0.3rem 0.6rem;
	margin-right: 0.5rem;
}
.detail-box dd li {
	display: inline;
}
.detail-box dd li:before {
	content: "・";
}
.detail-box dd ul.d-block li {
	display: block;
	margin-bottom: 0;
}
.main-top {
	position: relative;
	width: 100%;
	height: calc(100% - 90px);
	line-height: 1.5;
}
/*  jumbotron background  */
.main-top.feat-CTC-curve {
	background: url(/tecs/pdct/ctc/feat/img/pic-feat-CTC-curve.png) bottom center no-repeat;
	background-size: contain;
	padding-bottom: calc(55% - 90px);
}
.lead-area.feat-CTC-curve {
	background: url(/tecs/pdct/ctc/feat/img/img-top-chain-curve-bg02.png) no-repeat;
	background-size: 100%;
	background-position: bottom center;
	padding-bottom: 38%;
	margin-bottom: 5%;
}
.main-top.feat-CTC-rspupe {
	background: url(/tecs/pdct/ctc/feat/img/pic-feat-CTC-rspupe-bg01.png) bottom center no-repeat;
	background-size: cover;
	padding-bottom: 55%;
}
.feat-CTC-rspupe .main-top-inner {
	width: 83.333333%;
	top: 30%;
	margin: 0 auto;
	padding: 2rem 0;
	background: rgba(50, 50, 50, 0.33);
	color: #fff;
	text-align: center;
}
@media (max-width: 768px) {
	.feat-CTC-rspupe .main-top-inner {
		width: 83.333333%;
		top: 30%;
	}
}
@media (max-width: 576px) {
	.feat-CTC-rspupe .main-top-inner {
		width: 83.333333%;
		top: 65%;
		left: 25%;
	}
}
.lead-area.feat-CTC-rspupe {
	background: url(/tecs/pdct/ctc/feat/img/pic-feat-CTC-rspupe-bg02.png) no-repeat;
	background-size: 100%;
	background-position: bottom center;
	padding-bottom: 30%;
	margin-bottom: 5%;
}
@media (max-width: 576px) {
	.feat-CTC-rspupe .main-top-inner h1 {
		font-size: 3.5vw;
	}
}
.feat-CTC-rspupe .h1-lead {
	background: rgba(245, 131, 0, 0.78) !important;
	box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
	position: absolute;
	bottom: -50%;
	left: 15%;
	width: 70%;
	z-index: 999999;
}
.feat-CTC-rspupe .top-image {
	position: absolute;
	width: 80%;
	top: 75%;
	left: 7.5%;
}
.feat-ctc-wt1515vgw .h1-lead {
	background: #00944a;
	box-shadow: none;
	padding: 0.5rem;
	position: absolute;
	top: -90%;
	left: 0;
	width: 70%;
	z-index: 999999;
}
@media (max-width: 768px) {
	.feat-ctc-wt1515vgw .h1-lead {
		top: -150%;
	}
}
.feat-ctc-wt1515vgw .top-image {
	position: absolute;
	width: 80%;
	top: 75%;
	left: 7.5%;
}
.main-top.feat-ctc-wt1515vgw {
	background: url(/tecs/pdct/ctc/feat/img/pic-feat-ctc-wt1515vgw-bg01.png) bottom center no-repeat;
	background-size: cover;
	padding-bottom: 55%;
}
.feat-ctc-wt1515vgw .main-top-inner {
	width: 80%;
	bottom: 35%;
	left: 50%;
}
.feat-ctc-wt1515vgw .main-top-inner h1 {
	white-space: normal;
	color: #333;
	text-shadow: none;
	text-align: left;
}
@media (min-width: 1200px) {
	.feat-ctc-wt1515vgw .main-top-inner h1 {
		font-size: 3.5rem;
	}
}
@media (max-width: 768px) {
	.feat-ctc-wt1515vgw .main-top-inner {
		width: 83.333333%;
		top: 50%;
	}
}
@media (max-width: 576px) {
	.feat-ctc-wt1515vgw .main-top-inner {
		width: 100%;
		left: 25%;
	}
}
.app-section {
	margin-bottom: 2rem;
}
.app-section h2 {
	display: none;
}
.app-section p {
	margin-bottom: 0;
}
.feat-GEN-gmsm .main-top {
	background: url(/tecs/pdct/gen/feat/img/img-gm-sc-bg-top-re.png) bottom center no-repeat;
	background-size: cover;
	padding-bottom: calc(45% - 90px);
}
.feat-csc-cmpl {
	position: relative;
	background: url(/tecs/pdct/csc/feat/img/img_feat_csc_cmpl_bk02.png) no-repeat top center;
	padding-bottom: 42%;
	background-size: contain;
}
.feat-csc-cmpl h1 {
	position: absolute;
	font-size: 3.6rem;
	top: 10%;
	left: 5%;
	color: #fff;
	background: transparent;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.52);
}
.feat-csc-cmpl h1 span {
	display: block;
	font-size: 2.5rem;
}
.feat-csc-cmpl h1+p {
	position: absolute;
	font-size: 1.8rem;
	line-height: 1.2;
	top: 25%;
	right: 25%;
	color: #fff;
	padding: 0.2rem 2rem;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1200px) {
	.feat-csc-cmpl h1+p {
		top: 45%;
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 768px) {
	.feat-csc-cmpl h1 {
		position: static;
		font-size: 6vw;
		background: none;
		margin-top: 1rem;
		margin-bottom: 0;
		line-height: 1.2;
		text-align: center;
	}
	.feat-csc-cmpl h1+p {
		position: static;
		font-size: 3vw;
		text-align: center;
		text-shadow: 1px 2px 2px hsla(0, 0%, 0%, 0.45);
	}
	.feat-csc-cmpl h1+p span {
		font-size: 4.6vw;
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.feat-csc-cmpl {
		position: static;
		padding: 45% 0 2%;
		background-color: #666;
	}
}
@media screen and (max-width: 576px) {
	.feat-csc-cmpl h1 span {
		font-size: 5vw;
	}
}
.feat-clc-adv {
	position: relative;
	text-align: center;
	border: 1px solid #ccc;
	background: url(/tecs/pdct/clc/feat/img/img_feat_clc_adv_bk01.png) no-repeat center center;
	background-size: 76%;
	padding-bottom: 50%;
	margin-bottom: 1.5rem;
}
.feat-clc-adv h1 {
	position: absolute;
	bottom: 31%;
	right: 10%;
	font-size: 1.5rem;
	color: #6c6c6c;
	font-weight: bold;
}
.feat-clc-adv h1+p {
	position: absolute;
	top: 51%;
	left: 65%;
	font-size: 1.3rem;
	font-style: italic;
	color: #a6a5a5;
}
.feat-clc-adv h2 {
	position: absolute;
	top: 5%;
	left: 20%;
	font-size: 1.3rem;
	font-weight: normal;
}
.feat-clc-adv h2+p {
	position: absolute;
	top: 33%;
	right: 3%;
	font-size: 3.5rem;
	font-family: "ヒラギノ明朝 ProN W2", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 3px 3px 5px #fff;
}
@media screen and (max-width: 768px) {
	.feat-clc-adv {
		background-position: center 25%;
		background-size: 95%;
		padding-top: 55%;
		padding-bottom: 10%;
	}
	.feat-clc-adv h1 {
		position: static;
		transform: translateY(450%);
		font-size: 4.5vw;
	}
	.feat-clc-adv h1+p {
		position: static;
		transform: translateY(260%);
		font-size: 4vw;
	}
	.feat-clc-adv h2 {
		top: 5%;
		left: 10%;
		font-size: 4vw;
	}
	.feat-clc-adv h2+p {
		position: static;
		transform: translateY(-50%);
		font-size: 8vw;
	}
}
.adv-map {
	position: relative;
	box-sizing: border-box;
}
.titlePC p:first-of-type {
	transform: translateY(6rem);
}
.titlePC p:nth-of-type(2) {
	transform: translateY(32rem);
}
.titlePC p:last-of-type {
	transform: translateY(-6rem);
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.titlePC p:last-of-type {
		transform: translateY(0);
		text-align: center;
	}
}
.adv-map h4 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1rem;
	color: #fff;
	text-shadow: #000 1px 1px 1px;
	padding: 6rem 1rem;
}
.adv-map h4 span {
	font-size: 1.2rem;
	display: inline-block;
	color: #ccc;
	margin-left: 0.5rem;
}
.adv-map h4.std {
	background: url(/tecs/pdct/clc/img/pic_feat_clc_adv_bg01.jpg);
	background-size: cover;
}
.adv-map h4 {
	background: url(/tecs/pdct/clc/img/pic_feat_clc_adv_bg02.jpg);
	background-size: cover;
}
.adv-map .bg-arrow {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	background: url(/tecs/pdct/cdc/img/svg_pdct_cdc_ktchg_down.svg) no-repeat bottom;
	background-size: 20%;
	padding: 1rem 0 3rem;
	margin-bottom: 8rem !important;
}
@media screen and (max-width:992px) {
	.adv-map .bg-arrow {
		background-size: 25%;
		padding: 0.5rem 0 5rem;
		margin-bottom: 1rem !important;
	}
}
@media screen and (max-width:414px) {
	.adv-map .bg-arrow {
		padding: 0.5rem 0 3rem;
	}
}
.adv-map dl {
	padding: 1rem 0.5rem;
	background: #f2f2f2;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.adv-map p {
	margin-bottom: 0.5rem !important;
}
/*2022 01 model change add */
.feat-GEN-gmsm h1+p {
	text-align: center;
	color: #fff;
	font-size: 1.35rem;
	font-weight: bold;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 2px #000000;
}
.feat-GEN-gmsm #feature01,
.feat-GEN-gmsm #feature04,
.feat-GEN-gmsm #feature06 {
	background: #f2f2f2;
	padding: 2rem 0.5rem;
}
.feat-GEN-gmsm #feature02 {
	background: url(/tecs/pdct/gen/feat/img/img-gm-sc-bg-lead-re.png) left top no-repeat;
	background-size: cover;
}
.feat-GEN-gmsm #link_area {
	padding-top: 0;
	padding-bottom: 0;
}
.feat-GEN-gmsm #link_area .container {
	background: url(/tecs/pdct/gen/feat/img/img-gm-sc-bg-footer-re.png) center bottom no-repeat #50c3e8;
	background-size: contain;
	padding: 1rem 0;
}
.feat-GEN-gmsm #link_area .spec-box,
.feat-gen-dchm #link_area .spec-box {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 2rem;
	padding: 1rem 1.5rem;
	text-align: center;
}
.feat-GEN-gmsm #link_area h3 {
	color: #fff;
	background: #1b75bc;
	border-bottom: none;
	padding: 0.5rem 0;
}
.feat-GEN-gmsm .feature-fig {
	width: 40%;
	transform: translateX(120%);
}
.button-ghost {
	background-color: rgba(255, 255, 255, 0.30);
}
.button-ghost a {
	color: #fff !important;
	display: block;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 0.5rem;
}
.button-std a {
	color: #09f!important;
	display: block;
	text-align: center;
	border: 1px solid #09f;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.8);
	padding: 0.5rem;
	white-space: nowrap;
}
.button-std a:hover,
.button-std-bold a:hover {
	background-color: #09f;
	color: #fff !important;
	text-decoration: none !important;
}
.button-std-bold a {
	color: #09f;
	display: block;
	text-align: center;
	font-weight: bold;
	border: 2px solid #09f;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.8);
	padding: 0.75rem 0.5rem;
}
.button-int a {
	color: #fff;
	display: block;
	text-align: center;
	border: 1px solid #09f;
	border-radius: 3px;
	background: #09f;
	padding: 0.5rem;
	white-space: nowrap;
}
.button-int a:hover {
	background-color: #337ab7;
	color: #fff;
	text-decoration: none !important;
}
.main-top-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.contents-nav-box {
	background: #f2f2f2;
	padding: 2.5rem 1rem 1rem;
}
.contents-nav-box-inner {
	background: #fff;
	padding: 1.5rem 1.5rem 1rem 1.5rem;
	margin-bottom: 1rem;
	font-weight: 600;
}
.contents-nav-box-inner a p {
	font-weight: 600;
	color: #333;
}
.contents-nav-box-inner a:hover {
	text-decoration: none !important;
}
.details-link {
	color: #09f !important;
	text-align: center !important;
}
.details-link:before {
	content: ">";
	margin: 0.3rem;
}
.details-link-large a:before {
	content: ">";
	border: 2px solid #09f;
	border-radius: 50%;
	color: #09f;
	padding: 0 0.55rem;
	margin-right: 0.5rem;
}
.details-link-large a {
	color: #09f !important;
	font-size: 1.45rem;
}
.details-link-large a:hover {
	text-decoration: none;
}
.list-notes-small {
	margin-bottom: 1rem;
}
.list-notes-small li {
	text-indent: -1rem;
	padding-left: 1rem;
	margin-bottom: 0.3rem;
	font-size: 0.85rem;
}
.list-notes-small li:before {
	content: "※";
	padding-right: 0.3rem;
}
.category-box {
	border: 1px solid #d7d7d7;
	margin-bottom: 1rem;
}
.category-box h3 {
	padding: 0.5rem 1rem;
	background: #f2f2f2;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.2;
	box-sizing: content-box
}
.category-box p {
	padding: 0.5rem;
}
.category-box [class*="col-"] p {
	padding: 1rem 0 0 0.5rem;
}
.category-box figure {
	padding: 0 1rem 1rem;
}
.category-box .bg {
	padding-right: 0;
}
.category-box a:hover {
	color: #333;
}
.bg-benefit {
	background-color: #09f !important;
	padding: 0.5rem 0;
	color: #fff !important;
	margin-bottom: 1rem;
}
.bg-basic {
	background-color: #d8d6d6;
	padding: 0.5rem 0;
	margin-bottom: 1rem;
}
.bg-secondary {
	background-color: #696969;
	padding: 0.5rem 0;
	color: #fff;
	margin-bottom: 1rem;
}
.bg-point {
	background-color: #f8911b;
	padding: 0.5rem 0;
	color: #fff !important;
	margin-bottom: 1rem;
}
.bg-light {
	background-color: #fff;
	padding: 0.5rem 0;
}
.bg-alpha {
	background: rgba(255, 255, 255, 0.6);
	padding: 2.5rem 2rem;
	width: 90%;
	margin: 0 auto;
}
.bg-inquiry {
	background-color: #8cb0c5;
	color: #fff;
}
.bg-reset {
	background: #fff;
}
.bg-danger {
	background: #c00 !important;
	padding: 0.5rem 0;
	color: #fff !important;
	margin-bottom: 1rem;
}
.bg-ctc {
	background: #00944a;
	color: #fff;
}
.bg-gley {
	background: #f2f2f2;
	color: #666 !important;
}
.bg-yellow {
	background: #fff8dc !important;
	color: #666 !important;
}
.border-ctc {
	border: 1px solid #00944a;
}
.th-bg-green {
	background: #e7fce6 !important;
	font-weight: bold;
}
.th-bg-blue {
	background: #e9f8ff !important;
	font-weight: bold;
}
.w-100 {
	width: 100% !important;
}
.w-90 {
	width: 90% !important;
	margin: 0 auto;
}
.w-80 {
	width: 80% !important;
	margin: 0 auto;
}
.w-70 {
	width: 70% !important;
	margin: 0 auto;
}
.w-60 {
	width: 60% !important;
	margin: 0 auto;
}
.w-50 {
	width: 50% !important;
	margin: 0 auto;
}
.w-40 {
	width: 40% !important;
	margin: 0 auto;
}
.w-30 {
	width: 30% !important;
	margin: 0 auto;
}
.w-25 {
	width: 25% !important;
	margin: 0 auto;
}
.w-20 {
	width: 20% !important;
	margin: 0 auto;
}
.w-10 {
	width: 10% !important;
	margin: 0 auto;
}
.w-5 {
	width: 5% !important;
	margin: 0 auto;
}
.w-auto {
	width: auto !important;
}
.h-100 {
	height: 100% !important;
	margin: 0 auto;
}
.text-benefit {
	color: #09f !important;
}
.text-basic {
	color: #4D4D4D;
}
.text-point {
	color: #f8911b;
}
.text-danger {
	color: #c00 !important;
}
.text-darkback {
	color: #fff;
}
.text-inquiry {
	color: #435d79;
}
.text-pointback {
	border-bottom: 1px solid #666;
}
.text-caution {
	color: #ffd966;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-bold {
	font-weight: bold !important;
}
.text-normal {
	font-weight: normal !important;
}
.text-lg {
	font-size: 1.2rem;
	font-weight: 300;
}
@media (min-width: 768px) {
	.text-md-lg {
		font-size: 1.2rem;
		font-weight: 300;
	}
}
.text-xlg {
	font-size: 1.4rem;
	font-weight: 600;
}
.text-sxlg-light {
	font-size: 1.7rem;
}
.text-sxlg {
	font-size: 1.7rem;
	font-weight: 600;
}
.text-xxlg {
	font-size: 2rem!important;
	font-weight: 600;
	line-height: 1.2;
}
.text-lxlg {
	font-size: 2.5rem;
}
.text-3xlg {
	font-size: 3rem!important;
}
.text-exlg {
	font-size: 4rem!important;
}
.text-wxlg {
	font-size: 5.5rem;
}
.text-nowrap {
	white-space: nowrap;
}
.no-border {
	border: none;
}
@media (min-width: 1200px) {
	.text-lg-nowrap {
		white-space: nowrap;
	}
}
.text-color-reset {
	color: #666!important;
}
.text-color-dark {
	color: #333!important;
}
[class*="list-"] li {
	margin-bottom: 0.5rem;
	padding-left: 1.3rem;
	text-indent: -1.3rem;
}
[class*="list-"] li p {
	margin-top: 0.5rem;
	padding-left: 0;
	text-indent: 0;
}
.list-basic li:before {
	content: "";
	width: 1rem;
	height: 1rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #999;
	border-radius: 50%;
}
.list-basic li li:before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #999;
	border-radius: 50%;
}
.list-benefit li:before {
	content: "";
	width: 1rem;
	height: 1rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #09f;
	border-radius: 50%;
}
table.tbl-basic {
	border: 1px solid #333;
	text-align: center;
	width: 100%;
	margin-bottom: 1rem;
}
table.tbl-basic th, section td {
	border: 1px solid #333;
	padding: 0.3rem 0.5rem;
	text-align: center;
	vertical-align: middle;
}
table.tbl-basic th {
	color: #fff;
	background: #888;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 414px) {
	.tbl-basic td,
	.tbl-basic th,
	table.cmn_maincntnt td,
	table.cmn_maincntnt th {
		font-size: 0.9rem;
	}
}
table.tbl-fix {
	table-layout: fixed;
}
.tbl-header {
	background: #ccc;
	padding: 0.3rem 1rem;
	font-weight: bold;
	font-size: 1rem;
}
.tbl-header span {
	color: #fff;
	font-size: 1.2rem;
}
/* table td style even*/
.td-even-blue th {
	background: #8cb0c5;
}
.td-even-blue tr:nth-child(even),
.td-bg-basic {
	background: #e2f3f4;
}
.td-even-orange th,
.td-bg-update {
	background: #ffcc99;
}
.td-even-orange tr:nth-child(even) {
	background: #ffdfc9;
}
/* table td style odd */
.td-odd-blue th {
	background: #8cb0c5;
}
.td-odd-blue tr:nth-child(odd) {
	background: #e2f3f4;
}
.td-odd-orange th {
	background: #ffcc99;
}
.td-odd-orange tr:nth-child(odd) {
	background: #ffdfc9;
}
table.kata_ex td {
	text-align: left !important;
	vertical-align: top !important;
	line-height: 1.2;
	padding-top: 0;
	padding-bottom: 0;
}
/* onclick open*/
.click-open-area {
	display: none;
}
.click-open-trigger {
	cursor: pointer;
}
.click-open-trigger:before {
	content: ">>";
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	margin-right: 0.5rem;
	transform: scale(1.2, 0.6) rotate(90deg);
}
.click-open-trigger:after {
	content: "※クリックで開閉します";
	font-size: 0.8rem;
	margin-left: 0.5rem;
}
.box-shadow {
	box-shadow: 2px 2px 5px 1px #ccc;
}
.box-bdrbox {
	box-sizing: border-box;
}
.dl-radius dt {
	display: inline-block;
	font-weight: bold;
	padding: 0.3rem 2rem;
	background: #09F;
	color: #FFF;
	border-radius: 10px;
	margin-bottom: 0.5rem;
}
.feat-radius li {
	display: block;
	font-weight: bold;
	padding: 0.3rem 2rem;
	background: #09F;
	color: #FFF;
	border-radius: 15px;
	margin-bottom: 0.75rem;
}
[class*="heading-app-"] {
	font-size: 1.5rem;
	color: #666;
}
[class*="heading-app-"]:before {
	content: "";
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}
.heading-app-food:before {
	background: url(/tecs/pdct/ctc/feat/img/app-icon01.png) no-repeat;
	background-size: contain;
}
.heading-app-logistics:before {
	background: url(/tecs/pdct/ctc/feat/img/app-icon02.png) no-repeat;
	background-size: contain;
}
.heading-app-canning:before {
	background: url(/tecs/pdct/ctc/feat/img/app-icon04.png) no-repeat;
	background-size: contain;
}
.heading-app-drink:before {
	background: url(/tecs/pdct/ctc/feat/img/app-icon05.png) no-repeat;
	background-size: contain;
}
.heading-app-machine:before {
	background: url(/tecs/pdct/ctc/feat/img/app-icon06.png) no-repeat;
	background-size: contain;
}
/* 共通読み込み部分 WriteInqrBU_JPをレスポンシブ化 */
.info_link h2,
.info_link h3 {
	margin-bottom: 1rem;
}
.info_link h3 {
	text-align: left;
}
.info_link p {
	margin-left: 0;
}
.info_link table th,
.info_link table td {
	width: 50%;
	display: inline-block;
	/* 幅を可変にするためtableセルをインラインインラインブロックに変換 */
}
.info_link table {
	width: 100%;
}
.info_link li {
	width: 50%;
	display: inline-block;
	margin: 0;
	/* マージンリセット */
}
.info_link caption {
	transform: translateY(-1rem);
}
.info_link table.cmn_maincntnt th,
.info_link table.cmn_maincntnt td {
	display: table-cell;
	/* ここだけtableに戻す */
	width: 33.333333%;
}
.info_link table.cmn_maincntnt {
	width: 100%;
	margin: 0 0 3rem 0;
}
/* footer調整 */
#footer {
	height: auto !important;
	min-width: 100%;
	padding: 1rem;
}
#footer p,
#footer ul li a {
	position: static !important;
	/* flexにするためリセット */
	width: 100%;
	font-size: 95% !important;
}
#footer p.copy {
	text-align: center;
	transform: translateY(2rem);
}
#footer p.nokinote {
	margin-bottom: 1rem;
}
#footer ul {
	position: static !important;
	/* flexにするためリセット */
	width: 100%;
	transform: translateY(-2rem);
	display: flex;
	padding-top: 0.3rem;
}
#footer ul li {
	float: none;
	/* flexにするためリセット */
}
#main aside {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
}
#main aside .link-info>a {
	color: #666 !important;
	font-weight: bold;
	display: inline-block;
	background: rgba(255, 255, 255, 0.6);
	padding: 0.5rem 1rem;
}
#main aside .link-info a span {
	color: #c00 !important;
	font-weight: bold;
	display: block;
	text-align: center;
}
#main aside .link-info a:hover {
	text-decoration: none;
}
.video-box {
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56%;
	border: 5px solid #000;
	background: #000;
}
.video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
}
.video-area-inner {
	margin-bottom: 2rem;
}
sup, sub {
	line-height: 0.6;
}
@media (max-width: 1200px) {
	.main-top-inner h1 {
		font-size: 3.5vw;
	}
	.main-top-inner .h1-lead {
		font-size: 2vw;
	}
	h2 {
		font-size: 1.5rem;
		padding: 0.2rem 0;
	}
	h3 {
		font-size: 1.3rem;
	}
	h4 {
		font-size: 1.2rem;
	}
}
@media (max-width: 768px) {
	.feat-GEN-gmsm .main-top {
		padding-bottom: calc(60% - 90px);
	}
	#main aside {
		position: static;
		width: 100%;
	}
}
@media (max-width: 576px) {
	.main-top.feat-CTC-curve {
		background-size: contain;
		padding-bottom: calc(75% - 90px);
	}
	.feat-GEN-gmsm .main-top {
		padding-bottom: calc(75% - 90px);
	}
	.main-top-inner {
		top: 75%;
		left: 30%;
		transform: translate(-20%, -90%);
	}
	.lead-area {
		width: 100%;
	}
	.main-top-inner h1 {
		font-size: 5.5vw;
	}
	.main-top-inner .h1-lead {
		font-size: 3vw;
	}
	.lead-area.feat-CTC-curve {
		padding-bottom: 50%;
	}
	h2 {
		font-size: 1.35rem;
		padding: 0.2rem 0;
		margin-bottom: 1rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1.15rem;
	}
	#footer ul {
		display: block !important;
		transform: translateY(-2.5rem);
	}
	#footer p.copy {
		transform: translateY(6.5rem);
	}
}
/*****************************
	top page css
******************************/
/* global header */
.c-header {
	position: relative;
	z-index: 2;
}
.ff-en {
	font-family: aktiv-grotesk-condensed, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 0;
	font-size: 0.85rem;
}
@media all and (max-width: 768px) {
	.c-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
	}
}
.c-header-upper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90px;
	padding: 0 50px;
	background-color: #fff;
}
@media all and (max-width: 1440px) {
	.c-header-upper {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (max-width: 1160px) {
	.c-header-upper {
		height: 56px;
		padding: 11px 15px 10px;
	}
}
.c-header-lower {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 50px;
	background-color: #ecf2f5;
}
@media all and (max-width: 1440px) {
	.c-header-lower {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (max-width: 1160px) {
	.c-header-lower {
		height: 44px;
		padding: 0 15px 18px;
		background-color: #fff;
	}
}
.c-header-logo-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.c-header-logo>img {
	display: block;
	width: 150px;
	height: 31px;
}
@media all and (max-width: 1160px) {
	.c-header-logo>img {
		width: 110px;
		height: 23px;
	}
}
.c-header-site {
	position: relative;
	margin-left: 33px;
	padding-top: 20px;
	padding-left: 32px;
	font-weight: 600 !important;
	font-size: 1.4vw;
	color: #666;
	line-height: 1.4;
}
@media all and (max-width: 1160px) {
	.c-header-site {
		margin-left: 17px;
		padding-left: 15px;
		font-size: 1.8vw;
	}
}
@media all and (max-width: 320px) {
	.c-header-site {
		margin-left: 11px;
		padding-left: 9px;
	}
}
.c-header-site::before {
	position: absolute;
	top: 18px;
	left: 0;
	width: 1px;
	height: 30px;
	background-color: #ccc;
	content: '';
}
@media all and (max-width: 1160px) {
	.c-header-site::before {
		top: 4px;
		height: 23px;
	}
}
.c-header-util {
	padding-top: 5px;
}
.c-header-util a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
.c-header-util .link-site {
	position: relative;
	padding-left: 35px;
	font-size: 1.2rem;
}
@media all and (max-width: 1160px) {
	.c-header-util .link-site {
		overflow: hidden;
		display: block;
		width: 24px;
		height: 24px;
		padding: 0;
		background: url(/tecs/top/ico_global.svg) center no-repeat;
		background-size: 24px;
		font-size: 0;
		text-indent: -999px;
	}
}
.c-header-util .link-site::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 23px;
	height: 23px;
	background: url(/tecs/top/ico_global.svg) no-repeat;
	background-size: 23px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '';
}
@media all and (max-width: 1160px) {
	.c-header-util .link-site::before {
		display: none;
	}
}
.c-header-util .box-header-lang {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 11;
	display: none;
	width: 88px;
	background-color: #f8f8f8;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 1160px) {
	.c-header-util .box-header-lang {
		top: 100px;
		left: 0;
		z-index: 10;
		width: 100%;
		background-color: #0099ff;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
@media all and (max-width: 1160px) {
	.c-header-util .box-header-lang .list-lang {
		padding: 0 10px;
	}
}
.c-header-util .box-header-lang .list-lang>li {
	border-bottom: 1px solid #ccc;
}
.c-header-util .box-header-lang .list-lang>li:last-child {
	border-bottom: none;
}
@media all and (max-width: 1160px) {
	.c-header-util .box-header-lang .list-lang>li {
		border-color: #fff;
	}
}
.c-header-util .box-header-lang .list-lang a {
	display: block;
	padding: 12px 10px;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
.c-header-search {
	position: absolute;
	right: 20%;
	top: 3rem;
}
@media (max-width: 1200px) {
	.c-header-search {
		right: 30%;
	}
}
@media (max-width: 1160px) {
	.c-header-search {
		top: 2rem;
	}
}
@media (max-width: 768px) {
	.c-header-search {
		top: 90%;
		right: 15%;
		position: fixed;
		z-index: 999999;
	}
}
.addsearch {
	display: none;
}
.c-header-search .icon-search {
	position: absolute;
	top: -0.5rem;
	right: -3rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(/tecs/img/ico_search_blue_01.svg) center no-repeat;
	background-color: #fff;
	background-size: 20px;
	border-radius: 10px;
	cursor: pointer;
}
@media (max-width: 768px) {
	.c-header-search .icon-search {
		border: 1px solid #09f;
	}
	.addsearch {
		display: block;
		padding: 0.5rem;
		transform: translateY(-0.3rem);
	}
}
#main.top-main {
	margin: 0;
}
#login, #login_s {
	left: 0;
	right: 0;
	top: 0;
	width: auto;
	padding-bottom: 2rem;
	margin-left: 15%;
}
#login li:not(:first-of-type) {
	display: inline-block
}
#searchBox {
	padding: 1rem;
	background: #fff;
}
#search_box {
	position: absolute;
	width: auto;
	left: 40%;
	top: 0%;
	border-radius: 3px;
}
@media (max-width: 992px) {
	#search_box {
		position: fixed;
		width: 35%;
		left: 60%;
		top: 90%;
		z-index: 999999;
		padding: 0.5rem 0.5rem 1rem 0.5rem;
		background: rgba(206, 206, 206, 0.85);
	}
}
@media (max-width: 768px) {
	#search_box {
		left: 30%;
		width: 65%;
	}
}
#search_form .srh_txt {
	width: 80%;
	margin-right: 5px;
	border: 2px solid #a9a9a9;
	background: #fffbfb;
	text-shadow: none;
	line-height: 1rem;
}
#search_form label {
	font-weight: bold;
}
#topKatanavi a {
	display: inline-block;
}
#topTitle {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.top-title {
	position: relative;
	background: #f2f2f2;
	padding: 1.5rem 0 0.8rem;
	border-bottom: 4px solid #09f;
}
.top-title h1 {
	text-align: center;
	font-size: 1.8rem;
}
.top-sub {
	position: relative;
}
.top-sub #login {
	top: -4rem;
}
.top-sub .go-to-tc {
	position: absolute;
	top: -2.5rem;
}
@media all and (max-width: 992px) {
	.top-sub * {
		font-size: 0.85rem;
	}
	.top-sub #login {
		top: 0;
		right: 1rem;
	}
	.top-sub .go-to-tc {
		position: static;
		top: 0;
	}
}
#topNav .contents-nav-box-inner {
	padding-bottom: 1.5rem;
}
#topNav .contents-nav-box-inner .txt-function {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
}
.txt-function:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 2rem;
	right: 50%;
	width: 8px;
	height: 8px;
	border-right: solid 2px #09f;
	border-bottom: solid 2px #09f;
	transform: rotate(45deg);
	margin-bottom: 0.5rem;
}
#topNav .txt-function+img {
	width: 30%;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
#topNav .contents-nav-box-inner,
#pdctAll,
.pdct-toggle {
	cursor: pointer;
}
/* top page whats new */
#topPage span.date {
	width: 6rem;
}
#topPage span.post {
	display: inline-block;
	width: 80%;
	word-break: break-word;
}
@media all and (max-width: 992px) {
	#topPage span.post {
		width: 100%;
	}
}
#topPage .cmn_desclist01 {
	min-width: 100%;
}
#topPage br {
	line-height: initial;
}
#topPage .pdct-image {
	position: relative;
}
/* #topPage .pdct-image:before {
	content: "▲";
	position: absolute;
	top:0;
	right: 0.8rem;
	color: #ccc;
	font-size: 1.2rem;
} */
#topPage .pdct-image:after {
	content: "▼";
	position: absolute;
	top: 0.5rem;
	right: 0.8rem;
	color: #09f;
	font-size: 1.2rem;
}
#topPage .pdct-image-on:before {
	content: "▲";
	position: absolute;
	top: 103%;
	right: 5%;
	color: #09f;
	font-size: 1.2rem;
	z-index: 9999999;
}
#topPage .pdct-image-on:after {
	content: "▼";
	position: absolute;
	top: 0.5rem;
	right: 0.8rem;
	color: #ccc;
	font-size: 1.2rem;
}
#topPage .cntnt-link {
	border: 3px solid #c3e1f2;
}
#topPage .cntnt-link li {
	border-bottom: 1px solid #E6F7FF;
	display: table;
	vertical-align: middle;
	line-height: 1.2;
	min-height: 2rem;
	text-decoration: none !important;
	color: #006095;
	word-break: break-word;
}
#topPage .cntnt-link li a {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	text-indent: 1rem;
}
#topPage .cntnt-link li a:hover {
	text-decoration: none !important;
	background: #E6F7FF;
}
#topPage .pdct-link {
	position: absolute;
	z-index: 999999;
	background: #fff;
	width: 92%;
	display: none;
}
#topPage .pdct-link a {
	font-size: 0.95rem;
}
/* top page footer nav */
#footerNav {
	background: #ecf2f5;
}
#footerNav .nav-title {
	border-bottom: 1px solid #09f;
	width: 90%;
	padding-bottom: 0.3rem;
}
#footerNav .nav-list li {
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}
#footerNav .nav-list a {
	font-size: 0.85rem;
	color: #1a6ba1;
	text-decoration: none;
	padding-left: 1rem;
	margin-left: 0.5rem;
	background: url(/tecs/img/a_link_right.gif) no-repeat left;
}
#footerNav .nav-list a:hover {
	text-decoration: underline;
}
/* add to topSlide */
#topSlide {
	background: #edf2f6;
	margin-bottom: 1rem;
}
.top-side {
	background: #09f;
	padding: 1rem;
	color: #fff;
	min-height: 308px;
}
.top-side img {
	width: 70% !important;
	display: block;
	margin: 0 auto;
}
@media (max-width: 1200px) {
	#main .top-side-exib a {
		display: block;/* aタグをブロック要素に変換 */
		width: 351px;/* 内包する画像の幅を指定 */
		height: auto;/* 内包する画像の高さに合う */
		margin: 0 auto;

	}
	#main .top-side-exib img {
		display: block;/* 画像をブロック要素に変換 */
	}
}
@media (max-width: 768px) {
	#main .top-side-exib a {
		max-width: 50%;/* 内包する画像の横幅50%を指定 */
	}
}
.list-other li {
	display: inline-block;
}
.list-other li a {
	font-size: 12px;
}
/* top page title h1 */
.top-title h1.top-page-title {
	line-height: 1.3;
}
@media all and (max-width: 576px) {
	.top-title h1.top-page-title {
		font-size: 1.6rem;
	}
}
@media all and (max-width: 414px) {
	.top-title h1.top-page-title {
		font-size: 1.2rem;
	}
}
.pdct-link #need_in {
	position: static;
	width: 100%;
	color: #666;
	margin-left: 1rem;
}
.pdct-link #need_in p {
	font-size: 0.85rem;
}
/* top page products card h5 */
.pdct-toggle h5 {
	padding-right: 3rem;
}
/* bookmark reset */
#savepageinfo img {
	width: auto;
}
#savepageinfo h2 {
	text-align: left;
	padding: 0.5rem 1rem;
}
div.spi_outer {
	width: 700px;
}
@media all and (max-width: 992px) {
	#spi {
		display: none;
	}
}
/* pdct_feat_cdc_G8 */
.feat-CDC-g8 .main-top-inner {
	text-align: center;
	border: 1px solid #ccc;
	background: url(/tecs/pdct/cdc/feat/img/fig_feat_cdc_g8_bk01.png) no-repeat 48% 60%;
	background-size: 40%;
}
.feat-CDC-g8 .main-top-inner h1 {
	margin: 3rem 0 7rem;
	font-size: 4rem;
	font-family: "ヒラギノ明朝 ProN W2", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	line-height: 1.2;
}
.feat-CDC-g8 .main-top-inner p img {
	width: 50% !important;
	margin-top: 2vw;
}
.feat-CDC-g8 .main-top-inner {
	position: static;
	transform: translate(0, 0);
}
.feat-CDC-g8 .main-top-inner h1 {
	color: #444;
	text-shadow: none;
}
/* G8 product map style */
.g8-map h3 {
	border-bottom: none;
}
.g8-map h3 span:first-of-type {
	display: block;
	font-size: 1rem;
	color: #fff;
}
/* for PC */
@media screen and (min-width: 769px) {
	.g8-map {
		width: 100%;
		height: 0;
		padding-bottom: 70%;
		position: relative;
		background: url(/tecs/pdct/cdc/feat/img/fig_feat_cdc_g8_map.png) no-repeat;
		background-size: 100%;
	}
	.g8-map h3 a {
		text-align: center;
		font-size: 1rem;
		color: #435e7a;
		width: 19%;
		height: 27%;
		padding: 4rem 0;
		position: absolute;
		background-color: transparent;
	}
	.g8-map h3.bk-circle a {
		border-radius: 60%;
	}
	.g8-map h3 span:nth-of-type(2) {
		position: absolute;
		border: 1px solid #ccc;
		width: 200%;
	}
	.ht h3 span:nth-of-type(2) {
		top: -40%;
		left: -216%;
	}
	.lambda h3 span:nth-of-type(2) {
		top: -132%;
		left: 7%;
	}
	.super h3 span:nth-of-type(2) {
		top: 112%;
		left: -105%;
	}
	.nep h3 span:nth-of-type(2) {
		top: 24%;
		left: 116%;
	}
	.g8-map .rs h3 a {
		position: absolute;
		background-color: transparent;
		color: #fff !important;
		top: 36%;
		left: 40%;
	}
	.g8-map .ht h3 a {
		top: 10.4%;
		left: 39.6%;
	}
	.g8-map .super h3 a {
		top: 34%;
		left: 19%;
	}
	.g8-map .lambda h3 a {
		top: 34%;
		left: 60%;
	}
	.g8-map .nep h3 a {
		top: 57.5%;
		left: 39.5%;
	}
	.g8-map-parts p {
		font-weight: bold;
		font-size: 1.2rem;
		position: absolute;
		width: 11rem;
		text-align: center;
	}
	.ht p {
		top: 0;
		left: 43%;
	}
	.super p {
		top: 45.5%;
		left: 0;
	}
	.nep p {
		top: 90%;
		left: 42%;
	}
	.lambda p {
		top: 41%;
		left: 84%;
	}
}
@media screen and (min-width: 1200px) {
	.g8-map h3 a {
		padding: 6rem 0;
		font-size: 1.2rem;
	}
}
/* for SP*/
@media screen and (max-width: 768px) {
	.g8-map a {
		display: block;
	}
	.g8-map {
		width: 100%;
		margin-bottom: 1rem;
	}
	.g8-map-parts {
		padding: 2.5rem 0;
		position: relative;
	}
	.g8-map-parts p {
		font-weight: bold;
		color: #435d79;
		font-size: 1rem;
		position: absolute;
		top: 0;
		left: 0;
	}
	.g8-map-parts p:before {
		content: 'Update';
		padding: 0.2rem 0.5rem;
		margin-right: 0.5em;
		background: #F8911B;
		border-radius: 5px;
		color: #fff;
		font-size: 0.8rem;
	}
	.g8-map h3 span:nth-of-type(2) {
		border: 1px solid #ccc;
		position: absolute;
		width: 140%;
		top: 10%;
		left: 110%;
	}
	.g8-map h3.bk-circle a {
		border-radius: 60%;
		width: 40%;
		height: 0;
		padding: 15% 0 25%;
		text-align: center;
		position: relative;
	}
	.g8-map .rs h3 {
		background: url(/tecs/pdct/cdc/feat/img/fig_feat_cdc_g8_bk02.png) no-repeat;
		background-position: 50% 0;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-bottom: 33%;
	}
	.g8-map .rs h3 a {
		background-color: transparent;
		text-align: center;
		color: #fff !important;
		padding: 12% 0;
	}
	.g8-map .ht h3 a {
		background-color: #d78a78;
	}
	.g8-map .super h3 a {
		background-color: #d78a78;
	}
	.g8-map .lambda h3 a {
		background-color: #7ca84f;
	}
	.g8-map .nep h3 a {
		background-color: #8dc2dd;
	}
}
.feat-UAT-aplc01 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg01.jpg") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 998px) {
	.feat-UAT-aplc01 {
		background: none;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
		height: auto;
	}
}
.feat-UAT-aplc01 .parts {
	position: absolute;
	width: 20%;
	border: solid 1px #668FBA;
	background: #fff;
	padding: 0;
}
@media screen and (max-width: 998px) {
	.feat-UAT-aplc01 .parts {
		position: static;
		width: 25%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 768px) {
	.feat-UAT-aplc01 .parts {
		width: 50%;
	}
}
.feat-UAT-aplc01 .parts h4 {
	padding: 5px;
	background: #668FBA;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}
.feat-UAT-aplc01 .parts p {
	padding: 5px;
	margin: 0 !important;
}
.feat-UAT-aplc01 .parts img {
	margin: 0 !important;
}
.feat-UAT-aplc01 .parts01 {
	top: 0;
	left: 3%;
}
.feat-UAT-aplc01 .parts02 {
	top: 0;
	right: 2.5%;
}
.feat-UAT-aplc01 .parts03 {
	top: 55%;
	left: 3%;
}
.feat-UAT-aplc01 .parts04 {
	top: 55%;
	right: 3%;
}
.feat-UAT-aplc02 {
	position: relative;
	width: 100%;
	height: 0;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg02.jpg") no-repeat 0 0;
	background-size: 100%;
	padding-bottom: 40%;
}
.feat-UAT-aplc02 .parts01 {
	position: absolute;
	top: 7%;
	left: 7%;
	width: 20%;
}
.feat-UAT-aplc03 {
	position: relative;
	width: 100%;
	height: 0;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg03.jpg") no-repeat 0 0;
	padding-bottom: 45%;
	background-size: 100%;
}
.feat-UAT-aplc03 .parts01 {
	position: absolute;
	bottom: 11%;
	right: 10%;
	width: 22%;
}
.main-top.feat-NEF-jktan {
	background: url(/tecs/pdct/kcp/feat/img/pic_feat_kcp_nef_jktan_bg01.png) top center no-repeat;
	background-size: 100%;
	padding-bottom: calc(45% - 90px);
}
@media screen and (max-width: 576px) {
	.main-top.feat-NEF-jktan {
		background-position: 80% 20%;
		padding-bottom: calc(65% - 90px);
	}
}
.feat-NEF-jktan .main-top-inner {
	top: 30%;
}
@media screen and (max-width: 576px) {
	.feat-NEF-jktan .main-top-inner {
		top: 85%;
	}
}
.feat-NEF-jktan .main-top-inner h1 {
	font-weight: normal;
	color: #444;
	font-size: 2.5rem;
	text-shadow: 2px 2px 1px #fff;
}
@media screen and (max-width: 998px) {
	.feat-NEF-jktan .main-top-inner h1 {
		font-size: 3vw;
		margin-bottom: 1rem;
	}
}
.contents-nav-box.feat-NEF-jktan h3 {
	color: #444 !important;
	margin-bottom: 1rem;
}
.contents-nav-box.feat-NEF-jktan p {
	font-weight: normal;
}
.header-read {
	padding: 1rem 2rem;
	text-align: center;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.link-pdf {
	display: inline-block;
	padding: 0.3rem;
	margin-bottom: 0.5rem;
	color: #435e7a;
	font-weight: bold;
}
.link-pdf:before {
	content: "PDF";
	padding: 2px 10px;
	margin-right: 5px;
	background: #f13838;
	color: #fff;
}
.slider-caption {
	transform: translateY(-10%);
	width: 80%;
	padding-top: 1rem;
	margin: 0 auto;
	text-align: center;
}
.slider-caption h3 {
	border: none;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	padding: 0.2rem 3rem;
	display: inline-block;
}
/* zip chain only style */
.feat_sad_zc .opening-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 56%;
}
.feat_sad_zc .opening-img .after {
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 1200px) {
	.feat_sad_zc .opening-img {
		width: auto;
	}
}
.feat_sad_zc .opening-hero {
	position: relative;
	color: #fff;
	background: url(/tecs/pdct/sad/feat/img/bg-zc-top.png) left top no-repeat;
	background-size: 100%;
	text-align: center;
	text-shadow: 3px 3px 5px #000;
	margin-bottom: 9%;
}
@media screen and (min-width: 1200px) {
	.feat_sad_zc .opening-hero {
		background-size: 1230px;
	}
}
.feat_sad_zc .opening-hero h1 {
	font-size: 3.25rem;
	letter-spacing: 0.5rem;
	line-height: 1.3;
	margin: 3% 0 5%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Noto Serif JP", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.feat_sad_zc .opening-hero p:first-of-type {
	font-size: 1.4rem;
	margin-bottom: 5%;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0.15rem;
}
.feat_sad_zc .opening-copy {
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: 0.15rem;
	line-height: 1;
	padding: 0;
	margin: 8rem 0 5rem;
	text-shadow: 1px 1px 10px #f9f9f9;
}
@media screen and (max-width: 992px) {
	.feat_sad_zc .opening-copy {
		font-size: 6vw;
	}
}
.feat_sad_zc .opening-opt a {
	position: relative;
	width: 100%;
	text-align: right;
	font-size: 1.35rem;
	font-weight: bold;
	display: block;
	padding: 1.5rem 5rem 1rem 0;
	margin: 2rem 0;
	color: #FFF100 !important;
	background: rgba(255, 223, 0, 0.2);
}
.feat_sad_zc .opening-opt a:after {
	content: "";
	border: 1px solid #fff;
	position: absolute;
	height: 80%;
	top: 10%;
	right: 3rem;
}
.feat_sad_zc .opening-opt a span {
	display: block;
	font-size: 1rem;
}
.feat_sad_zc .contents {
	padding: 3rem 0;
	background-color: #101010;
}
.feat_sad_zc .contents h2 {
	position: relative;
	font-size: 2.5rem;
	margin: 2rem 0 5rem;
	padding: 0;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.feat_sad_zc .contents h2 span {
	display: block;
	font-size: 1.25rem;
	color: #bdbdbd;
	margin-bottom: 0.5rem;
}
.feat_sad_zc .contents h2:after {
	position: absolute;
	content: '';
	bottom: -25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 15%;
	height: 3px;
	background-color: #3fb6ba;
}
.feat_sad_zc .contents p {
	color: #bdbdbd;
	line-height: 2;
}
.feat_sad_zc .contents-feature {
	padding: 4rem 0;
	background-color: #101010;
	background: url(/tecs/pdct/sad/feat/img/bg-zc-cntnt02.png) right center no-repeat;
	background-size: contain;
	color: #fff;
}
.feat_sad_zc .contents-feature li {
	position: relative;
}
.feat_sad_zc .contents-feature li:before {
	content: "";
	display: block;
	padding-top: 100%;
	background-color: #000;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 10px rgba(63, 182, 182, 0.4);
}
.feat_sad_zc .contents-feature li dl {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
.feat_sad_zc .contents-feature li dl dt {
	font-size: 1.8rem;
	line-height: 1;
	padding-bottom: 15px;
}
@media screen and (max-width: 1200px) {
	.feat_sad_zc .contents-feature li dl dt {
		font-size: 1.8vw;
	}
}
@media screen and (max-width: 768px) {
	.feat_sad_zc .contents-feature li dl dt {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 576px) {
	.feat_sad_zc .contents-feature li dl dt {
		font-size: 1.6vh;
	}
}
.feat_sad_zc .contents-feature li dl dd {
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
.feat_sad_zc .contents-feature li dl dd.bl {
	font-size: 1.25rem;
	font-weight: bold;
	color: #3fb6ba;
}
.feat_sad_zc .contents-feature li dl dd .num {
	font-size: 2.25rem;
	font-weight: 600;
}
.feat_sad_zc .contents-feature li dl dd .normal {
	display: inline-block;
	font-size: 1.3rem;
	padding-top: 15px;
}
/* Zip chain Chart */
.feat_sad_zc #zcChrt .chrt-btn-list li {
	margin-bottom: 1rem;
}
.feat_sad_zc #zcChrt img {
	width: auto;
}
.feat_sad_zc .chrt-btn-list li span {
	display: inline-block;
	font-size: 1.2rem;
	color: #fff;
	margin-left: 1rem;
	transform: translateY(-1.5rem);
}
.feat_sad_zc .chrt-rct {
	background: url(/tecs/pdct/sad/feat/img/bg-zc-chrt.png) no-repeat;
	background-size: contain;
	width: 100%;
}
.feat_sad_zc .fig-list {
	position: relative;
}
.feat_sad_zc .fig-list li:not(:first-of-type) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0.8;
}
#zcChrt .fig-list li img {
	width: 75% !important;
	margin: 0 auto;
	display: block;
}
.feat_sad_zc .cntnt-needs {
	background: url(/tecs/pdct/sad/feat/img/bg-zc-needs.png) no-repeat;
	background-size: cover;
	color: #fff;
}
.feat_sad_zc .cntnt-needs dt {
	font-size: 1.35rem;
	font-weight: bold;
	line-height: 1.3;
	color: #3fb6ba;
	padding: 0 0.5rem 4rem 2.25rem;
	text-indent: 0;
	border-bottom: 1px solid #bdbdbd;
	background: url(/tecs/pdct/sad/feat/img/fig-zc-needs.png) no-repeat;
	background-size: 1.7rem;
}
.feat_sad_zc .cntnt-needs dd>p {
	color: #bdbdbd;
	font-weight: 600;
	text-align: right;
	margin-top: 0.5rem;
}
.feat_sad_zc .cntnt-needs dd ul li {
	color: #bdbdbd;
	margin-bottom: 0.6rem;
}
.feat_sad_zc .cntnt-needs dd ul li:before {
	content: "・";
	color: #3fb6ba;
}
.feat_sad_zc .cntnt-lineup h3 {
	font-size: 1.35rem;
	color: #3fb6ba;
	text-align: left;
	margin: 0.5rem 0;
	border: none;
}
.feat_sad_zc .cntnt-lineup h3 span {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	color: #bdbdbd;
	margin-top: 0.5rem;
}
.feat_sad_zc .cntnt-lineup h3+p {
	font-size: 1.2rem;
	color: #000;
	line-height: 1.5;
	margin-top: 2rem;
}
.feat_sad_zc .cntnt-lineup .lineup-inner {
	background: #fff;
	padding: 2rem;
}
.feat_sad_zc .cntnt-lineup p {
	color: #1c1c1c;
}
.feat_sad_zc .cntnt-lineup .lineup-graph {
	background: #1c1c1c;
}
.feat_sad_zc .cntnt-lineup .lineup-graph a {
	font-size: 1.2rem;
}
.feat_sad_zc .lineup-link a {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 1rem;
	border-bottom: 3px solid #3fb6ba;
}
.feat_sad_zc .lineup-link a:after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 1.25em;
	margin: auto;
	width: 14px;
	height: 14px;
	border: 0px;
	border-right: solid 2px #666;
	border-top: solid 2px #666;
	transform: rotate(45deg);
}
.feat_sad_zc .fix-nav {
	position: fixed;
	top: calc(10% + 90px);
	right: 0;
	z-index: 999998;
}
.feat_sad_zc .fix-nav li {
	position: relative;
	transform: translateX(100%);
	transition: all 0.5s ease-out;
}
.feat_sad_zc .fix-nav li.active {
	transform: translateX(0);
	transition: all 0.5s ease-out;
}
.feat_sad_zc .fix-nav li .lineup-link {
	background: #000;
}
.feat_sad_zc .fix-nav-tab {
	background: #3B3B3B;
	color: #fff;
	font-size: 0.8rem;
	margin-bottom: 0;
	padding: 0.3rem;
	transform: rotate(-90deg);
	position: absolute;
	top: 43%;
	left: -68%;
	width: 119.5%;
	z-index: 999999;
}
.feat_sad_zc .fix-nav img {
	width: auto !important;
}
.btn-page-top {
	text-align: center;
	padding: 2rem 0;
}
.btn-page-top a {
	display: inline-block;
	width: 8rem;
	height: 8rem;
	text-indent: -999999px;
	background-image: url(/tecs/img/page_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
/* ==========================================================
  footer
========================================================== */
.c-footer p.title {
	margin-bottom: 0;
	font-weight: bold;
}
.c-footer {
	border-top: 1px solid #e0e0e0;
	background-color: #fff;
	position: relative;
}
.c-footer-in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 40px 50px 40px;
}
@media all and (max-width: 1440px) {
	.c-footer-in {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (max-width: 1160px) {
	.c-footer-in {
		display: block;
		padding: 35px 15px 15px;
	}
}
.c-footer-col:first-child {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media all and (max-width: 1160px) {
	.c-footer-col:first-child {
		display: block;
		margin-bottom: 25px;
		text-align: center;
	}
}
.c-footer-col:last-child {
	text-align: right;
}
@media all and (max-width: 1160px) {
	.c-footer-col:last-child {
		text-align: left;
	}
}
@media all and (max-width: 1160px) {
	.c-footer-logo {
		display: inline-block;
		margin-bottom: 25px;
	}
}
.c-footer-logo>img {
	display: block;
	width: 112px;
}
.c-footer-copyright {
	padding-bottom: 2px;
	color: #666;
	text-align: right;
	line-height: 1.5;
}
@media all and (max-width: 1160px) {
	.c-footer-copyright {
		font-weight: normal;
		font-size: 1rem;
		line-height: 1.7;
		text-align: left;
	}
	.c-footer-copyright .title {
		font-size: 1.1rem;
		font-weight: bold;
	}
}
.c-footer-util {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 60px;
	margin-top: 6px;
	line-height: 1.4;
}
@media all and (max-width: 1160px) {
	.c-footer-util {
		display: inline-block;
		margin: 0;
		font-size: 1.4rem;
		text-align: left;
	}
}
.c-footer-util>li {
	position: relative;
	margin-left: 30px;
	padding-left: 16px;
}
.c-footer-util>li:first-child {
	margin-left: 0;
}
@media all and (max-width: 1160px) {
	.c-footer-util>li {
		margin-left: 0;
		margin-bottom: 11px;
	}
	.c-footer-util>li:last-child {
		margin-bottom: 0;
	}
}
.c-footer-util>li::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(/tecs/top/ico_arrow_blue_right_03.svg) no-repeat;
	background-size: 8px 12px;
	content: '';
}
@media all and (max-width: 1160px) {
	.c-footer-util>li::before {
		top: 4px;
	}
}
.c-footer-util>li a {
	font-size: 0.9rem;
	font-weight: bold;
	color: #666;
	letter-spacing: -1px;
}
@media all and (max-width: 1160px) {
	.c-footer-util>li a {
		letter-spacing: normal;
	}
}
.c-footer-sns {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 15px;
}
@media all and (max-width: 1160px) {
	.c-footer-sns {
		/* display: none; */
		margin-bottom: 5px;
	}
}
.c-footer-sns>li {
	margin-left: 4px;
}
.c-footer-sns>li:first-child {
	margin-left: 0;
}
/* top page title h1 */
.top-title h1.top-page-title {
	line-height: 1.3;
}
@media all and (max-width: 576px) {
	.top-title h1.top-page-title {
		font-size: 1.6rem;
	}
}
@media all and (max-width: 414px) {
	.top-title h1.top-page-title {
		font-size: 1.2rem;
	}
}
.pdct-link #need_in {
	position: static;
	width: 100%;
	color: #666;
	margin-left: 1rem;
}
.pdct-link #need_in p {
	font-size: 0.85rem;
}
/* top page products card h5 */
.pdct-toggle h5 {
	padding-right: 3rem;
}
/* bookmark reset */
#savepageinfo img {
	width: auto;
}
#savepageinfo h2 {
	text-align: left;
	padding: 0.5rem 1rem;
}
div.spi_outer {
	width: 700px;
}
@media all and (max-width: 992px) {
	#spi {
		display: none;
	}
}
.feat-UAT-aplc01 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg01.jpg") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 998px) {
	.feat-UAT-aplc01 {
		background: none;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
		height: auto;
	}
}
.feat-UAT-aplc01 .parts {
	position: absolute;
	width: 20%;
	border: solid 1px #668FBA;
	background: #fff;
	padding: 0;
}
@media screen and (max-width: 998px) {
	.feat-UAT-aplc01 .parts {
		position: static;
		width: 25%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 768px) {
	.feat-UAT-aplc01 .parts {
		width: 50%;
	}
}
.feat-UAT-aplc01 .parts h4 {
	padding: 5px;
	background: #668FBA;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}
.feat-UAT-aplc01 .parts p {
	padding: 5px;
	margin: 0 !important;
}
.feat-UAT-aplc01 .parts img {
	margin: 0 !important;
}
.feat-UAT-aplc01 .parts01 {
	top: 0;
	left: 3%;
}
.feat-UAT-aplc01 .parts02 {
	top: 0;
	right: 2.5%;
}
.feat-UAT-aplc01 .parts03 {
	top: 55%;
	left: 3%;
}
.feat-UAT-aplc01 .parts04 {
	top: 55%;
	right: 3%;
}
.feat-UAT-aplc02 {
	position: relative;
	width: 100%;
	height: 0;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg02.jpg") no-repeat 0 0;
	background-size: 100%;
	padding-bottom: 40%;
}
.feat-UAT-aplc02 .parts01 {
	position: absolute;
	top: 7%;
	left: 7%;
	width: 20%;
}
.feat-UAT-aplc03 {
	position: relative;
	width: 100%;
	height: 0;
	background: url("/tecs/pdct/sad/feat/img/fig_feat_sad_uat_aplc-bg03.jpg") no-repeat 0 0;
	padding-bottom: 45%;
	background-size: 100%;
}
.feat-UAT-aplc03 .parts01 {
	position: absolute;
	bottom: 11%;
	right: 10%;
	width: 22%;
}
.main-top.feat-NEF-jktan {
	background: url(/tecs/pdct/kcp/feat/img/pic_feat_kcp_nef_jktan_bg01.png) top center no-repeat;
	background-size: 100%;
	padding-bottom: calc(45% - 90px);
}
@media screen and (max-width: 576px) {
	.main-top.feat-NEF-jktan {
		background-position: 80% 20%;
		padding-bottom: calc(65% - 90px);
	}
}
.feat-NEF-jktan .main-top-inner {
	top: 30%;
}
@media screen and (max-width: 576px) {
	.feat-NEF-jktan .main-top-inner {
		top: 85%;
	}
}
.feat-NEF-jktan .main-top-inner h1 {
	font-weight: normal;
	color: #444;
	font-size: 2.5rem;
	text-shadow: 2px 2px 1px #fff;
}
@media screen and (max-width: 998px) {
	.feat-NEF-jktan .main-top-inner h1 {
		font-size: 3vw;
		margin-bottom: 1rem;
	}
}
.contents-nav-box.feat-NEF-jktan h3 {
	color: #444 !important;
	margin-bottom: 1rem;
}
.contents-nav-box.feat-NEF-jktan p {
	font-weight: normal;
}
.header-read {
	padding: 1rem 2rem;
	text-align: center;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.link-pdf {
	display: inline-block;
	padding: 0.3rem;
	margin-bottom: 0.5rem;
	color: #435e7a;
	font-weight: bold;
}
.link-pdf:before {
	content: "PDF";
	padding: 2px 10px;
	margin-right: 5px;
	background: #f13838;
	color: #fff;
}
.img-fluid {
	max-width: 100%;
}
.img-auto img {
	width: auto !important;
}
.slider-caption {
	transform: translateY(-10%);
	width: 80%;
	padding-top: 1rem;
	margin: 0 auto;
	text-align: center;
}
.slider-caption h3 {
	border: none;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	padding: 0.2rem 3rem;
	display: inline-block;
}
/* ment page */
#topTitle .ment-top-image {
	position: relative;
	background: url(/tecs/ment/img/pic_ment_top_bg.jpg) no-repeat center center;
	background-size: cover;
	height: 0;
	padding-top: calc(1180 / 2000 * 55%);
	margin-top: 1rem;
}
#topTitle .ment-top-image h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 2.25rem;
	text-align: center;
	line-height: 1.2;
	white-space: nowrap;
	color: #09f;
	background: rgba(255, 255, 255, 0.8);
	padding: 1rem 1.75rem;
}
@media screen and (max-width: 992px) {
	#topTitle .ment-top-image h1 {
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 768px) {
	#topTitle .ment-top-image h1 {
		font-size: 1.45rem;
	}
}
.ment-top h3 {
	border-bottom: 3px solid #09f;
	margin-bottom: 2.5rem;
}
#topic_path.ment-pages {
	position: static;
	background: #fff;
	color: #666;
	margin-top: 1rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #ccc;
}
#topic_path.ment-pages a {
	color: #09f;
}
#login.ment-pages {
	position: static;
}
.link-text {
	position: relative;
	padding-left: 1rem;
	color: #1a6ba1;
	margin-left: 50%;
}
.link-text:before {
	content: "";
	position: absolute;
	top: 0.35rem;
	left: 0;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #09f;
}
.link-text:hover {
	text-decoration: underline;
}
.ment-top .back2top {
	background: url(/tecs/img/a_link_up.gif) no-repeat left;
	padding-left: 13px;
	margin-left: 45%;
	display: inline-block;
}
.pos-relative {
	position: relative;
}
.pos-absolute {
	position: absolute;
}
table td.empty,
table th.empty {
	background-image: linear-gradient(to top left,
			transparent, transparent 49%,
			#666 49%,
			#666 51%,
			transparent 51%, transparent);
}
@media screen and (max-width: 768px) {
	.table-scroll {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		display: block;
	}
	.dispatscroll{
		display: block;
	}
}
@media (max-height: 800px) {
	.feat_sad_zc .fix-nav {
		display: none;
	}
}
.feat-gen-dchm .main-top {
	background: #fff;
	padding-bottom: 0;
}
.feat-gen-dchm .copy-logo {
	margin-top: 15%;
}
@media (max-width: 992px) {
	.feat-gen-dchm .copy-logo {
		margin-top: 5%;
	}
}
@media (max-width: 767px) {
	.feat-gen-dchm .copy-logo {
		width: 60%;
		margin: 0 auto;
	}
}
.feat-gen-dchm .sub-logo {
	width: 50%;
	margin-left: 40%;
}
@media (max-width: 767px) {
	.feat-gen-dchm .sub-logo {
		position: absolute;
		bottom: -315%;
		right: 10%;
		width: 40%;
	}
}
@media (max-width: 375px) {
	.feat-gen-dchm .lead-area h2 {
		font-size: 1.15rem;
	}
}
.feat-gen-dchm .main-top-inner {
	z-index: 999999;
	margin-top: 7rem;
}
@media (max-width: 768px) {
	.feat-gen-dchm .main-top-inner {
		margin-top: 0;
	}
}
.feat-gen-dchm .main-top-img {
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.6));
}
.feat-gen-dchm #link_area .container:first-of-type {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(193, 193, 193, 1) 59%, rgba(144, 144, 144, 1) 99%);
	padding: 1rem 0;
}
.feat-gen-dchm #link_area .container:nth-of-type(2) {
	background: url(/tecs/pdct/gen/feat/img/img-gen-dchm-footer01.png) no-repeat center center;
	background-size: cover;
	padding: 1rem 0;
}
.feat-gen-dchm #link_area h2 {
	color: #fff;
}
.feat-gen-dchm #link_area h3 {
	color: #fff;
	background: #1b75bc;
	border-bottom: none;
	padding: 0.5rem 0;
}
.feat-gen-dchm #link_area h3.spec {
	background: none;
}
.feat-gen-dchm .feature {
	background: #f2f2f2;
	padding: 2rem 0.5rem;
}
.feat-gen-dchm .feature h2 {
	background: #09f;
	color: #fff;
	padding: 0.5rem 1rem;
}
@media(max-width: 768px) {
	.feat-gen-dchm .feature h2 {
		margin: 0 2.5rem 1rem;
	}
}
@media(max-width: 576px) {
	.feat-gen-dchm .h2 {
		font-size: 1.2rem;
		padding: 0;
	}
	.feat-gen-dchm .feature h2 {
		font-size: 1.15rem;
	}
}
.feat-gen-dchm .plc {
	position: relative;
}
.feat-gen-dchm .plc-text {
	position: absolute;
	padding: 1rem;
	width: 50%;
}
@media(max-width: 992px) {
	.feat-gen-dchm .plc-text {
		position: static;
		width: 100%;
	}
}
.feat-gen-dchm .rotor {
	position: relative;
}
.feat-gen-dchm .rotor-text,
.feat-gen-dchm .rotor-fig {
	position: absolute;
}
.feat-gen-dchm .rotor-text {
	top: 18%;
	left: 10%;
	max-width: 50%;
}
.feat-gen-dchm .rotor-fig {
	bottom: 3%;
	right: 3%;
	padding-top: 1rem;
	background: #fff;
	border: 1px solid #ccc;
	max-width: 33.333333%;
	padding: 1rem 1rem 0 1rem;
}
@media(max-width: 768px) {
	.feat-gen-dchm .rotor-text,
	.feat-gen-dchm .rotor-fig {
		position: static;
		max-width: 100%;
		margin-right: 1rem;
		margin-left: 1rem;
	}
}
.feat-gen-dchm .rotor-fig p {
	font-size: 0.9rem;
}
@media(max-width: 992px) {
	.feat-gen-dchm .text-exlg,
	.feat-sad-sj-pr .text-exlg {
		font-size: 2.5rem !important;
	}
}
/* ブラウザ表示倍率変更対策 */
@media(min-width: 992px) {
	.feat-gen-dchm h1 {
		font-size: 2.5rem;
	}
	.feat-gen-dchm .main-top-inner .h1-lead {
		background: rgba(245, 131, 0, 0.78);
		box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
		color: #ffffff;
		font-size: 1.2rem;
		text-align: center;
	}
}
.line-ht {
	line-height: 1.5;
}
.line-ht-2 {
	line-height: 2;
}
.feat-ctc-wincsmini h1 {
	color: #444;
	font-size: x-large!important;
	margin-bottom: 2rem;
	text-shadow: none;
}
@media(min-width: 1200px) {
	.feat-ctc-wincsmini h1 {
		font-size: 3.5rem;
	}
}
@media(max-width: 576px) {
	.feat-ctc-wincsmini h1 {
		font-size: 1.25rem;
		margin-bottom: 0;
	}
}
.feat-ctc-wincsmini .main-top {
	background: url(/tecs/pdct/ctc/feat/img/pic-feat-ctc-wincsmini-bg01.png) bottom center no-repeat;
	background-size: contain;
	padding-bottom: 50%;
}
@media(max-width: 576px) {
	.feat-ctc-wincsmini .main-top {
		padding-bottom: 60%;
	}
}
@media(max-width: 414px) {
	.feat-ctc-wincsmini .main-top {
		padding-bottom: 75%;
	}
}
.feat-ctc-wincsmini .main-top-inner {
	width: 80%;
	background: rgba(255, 255, 255, 0.6);
	padding: 1rem 0;
}
@media (max-width: 576px) {
	.feat-ctc-wincsmini .main-top-inner {
		top: 75%;
		left: 25%;
		transform: translate(-20%, -90%);
	}
}
.feat-ctc-wincsmini .h1-lead {
	background: #00944a;
	box-shadow: none;
	padding: 0.5rem;
	width: 70%;
	margin: 0 auto;
	z-index: 999999;
}
.feat-ctc-wincsmini .top-logo {
	width: 54%;
	height: 7rem;
	margin: 0 auto;
}
@media(max-width: 768px) {
	.feat-ctc-wincsmini .top-logo {
		background-size: contain;
		width: 75%;
	}
}
.feat-ctc-wincsmini .text-logo {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/tecs/pdct/ctc/feat/img/fig-feat-ctc-wincsmini-logo.png) center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10rem;
	height: 1.75rem;
}
.feat-ctc-wincsmini .lead-area h2 {
	padding: 0 1rem !important;
}
.feat-ctc-wincsmini .top-feature-area {
	position: relative;
}
@media(min-width: 1200px) {
	.feat-ctc-wincsmini .top-feature-area {
		margin-bottom: 15%;
	}
}
.feat-ctc-wincsmini .lead-area p {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
@media(max-width: 1200px) {
	.feat-ctc-wincsmini .lead-area p {
		font-size: 1.1rem;
	}
}
.feat-ctc-wincsmini .top-feature-box {
	position: absolute;
	background: #fff;
	border: 1px solid #00944a;
	padding: 1rem;
}
@media(max-width: 1200px) {
	.feat-ctc-wincsmini .top-feature-box {
		position: static;
	}
}
.feat-ctc-wincsmini .top-feature-box p {
	margin-bottom: 0.5rem;
}
@media(min-width: 1200px) {
	.feat-ctc-wincsmini .top-feature-pic {
		padding: 30% 0 11%;
	}
	.feat-ctc-wincsmini .top-feature-pic img {
		padding-left: 20%;
		padding-right: 20%;
	}
}
.feat-ctc-wincsmini .top-feature-title-1st {
	font-size: 1.05rem;
	background: #09f;
	color: #fff;
	font-weight: bold;
	padding: 0.5rem;
	text-align: center;
	margin-bottom: 1rem !important;
}
.feat-ctc-wincsmini .top-feature-title {
	display: block;
	font-size: 1.05rem;
	background: #00944a;
	color: #fff;
	font-weight: bold;
	padding: 0.5rem;
	margin-bottom: 0.5rem !important;
}
/* .feat-ctc-wincsmini .top-feature-title span:first-of-type {
	display: inline-block;
	background: #e9dc83!important;
	color: #cf0000;
	font-weight: bold;
	padding: 0.2rem 0.75rem;
	margin-bottom: 0.5rem !important;
} */
.feat-ctc-wincsmini .top-feature-area .top-feature-box:first-of-type {
	top: 60%;
	left: 0;
}
.feat-ctc-wincsmini .top-feature-area .top-feature-box:nth-of-type(2) {
	top: 5%;
	left: 12%;
}
.feat-ctc-wincsmini .top-feature-area .top-feature-box:nth-of-type(3) {
	top: 6%;
	left: 52%;
}
.feat-ctc-wincsmini .top-feature-area .top-feature-box:nth-of-type(4) {
	top: 75%;
	left: 70%;
}
.feat-ctc-wincsmini .top-feature-area .top-feature-box:nth-of-type(5) {
	top: 85%;
	left: 35%;
}
.feat-ctc-wincsmini .top-feature-area .top-feature-box:nth-of-type(6) {
	top: 3%;
	left: 74%;
}
.feat-sad-zca .main-top-inner .h1-lead {
	background: rgba(245, 131, 0, 0.78);
	box-shadow: none;
	color: #ffffff;
}
@media(min-width: 1200px) {
	.feat-sad-zca .main-top-inner .h1-lead {
		font-size: 1.5rem;
	}
}
@media(max-width: 576px) {
	.feat-sad-zca .main-top-inner .h1-lead {
		font-size: 1rem;
	}
}
@media(min-width: 1200px) {
	.feat-sad-zca h1 {
		font-size: 3.5rem;
	}
}
@media(max-width: 576px) {
	.feat-sad-zca h1 {
		font-size: 1.25rem;
		margin-bottom: 0;
	}
}
.feat-sad-zca .main-top-inner {
	z-index: 999999;
}
.feat-sad-zca .copy-logo {
	margin-top: 12%;
	text-align: center;
}
.feat-sad-zca .copy-logo p {
	font-size: min(5vw, 48px);
	box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
	color: #fff;
}
.feat-sad-zca .copy-logo p span {
	font-size: min(4vw, 42px);
}
.feat-sad-zca .main-top-wrapper {
	background: url(/tecs/pdct/sad/feat/img/img-sad-zca-pdct01.png) no-repeat center center;
	background-size: cover;
	padding-bottom: 65vw;
}
@media(min-width: 1200px) {
	.feat-sad-zca .main-top-wrapper {
		background-size: cover;
		padding-bottom: 50rem;
	}
}
@media(max-width: 768px) {
	.feat-sad-zca .main-top-wrapper {
		padding-bottom: 75vw;
	}
}
.feat-sad-zca #link_area .container {
	background: url(/tecs/pdct/sad/feat/img/bg-zc-needs.png) no-repeat center center;
	background-size: cover;
	padding: 1rem 0;
}
.feat-sad-zca #link_area .button {
	background-color: rgba(255, 255, 255, 0.30);
	text-align: center;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 0.5rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.feat-sad-zca #link_area .button a {
	display: block;
	color: #fff !important;
}
/* pros page */
#topTitle .pros-top-image {
	position: relative;
	background: #fff;
	margin-top: 1rem;
	padding: 2vw 1vw 0 1vw;
}
#topTitle .pros-top-image img {
	width: 25%;
	padding-left: 5%;
}
@media screen and (max-width:768px) {
	#topTitle .pros-top-image {
		margin-top: 1rem;
		padding: 3vw 1vw 0 1vw;
	}
}
h1.pros {
	/* font-size: 3.5vw; */
	font-size: clamp(1.75rem, 2vw + 1rem, 2.75rem);
	font-weight: bold;
	text-align: center;
	color: #09f;
	margin: 3.5rem 0;
}
#topTitle .pros-top-image h1+p {
	text-align: center;
	/* font-weight: bold; */
	width: 50%;
	margin: 0 auto 3rem auto;
	line-height: 1.5;
}
@media screen and (max-width:992px) {
	#topTitle .pros-top-image h1+p {
		width: 80%;
	}
}
@media screen and (max-width:768px) {
	#topTitle .pros-top-image h1+p {
		width: 90%;
		margin-top: 5vw;
	}
}
.pros-1diag .contents-feature {
	padding: 3rem 0;
}
.pros-1diag .contents-feature li .circle {
	position: relative;
	padding: 1rem;
	margin-bottom: 1rem;
}
.pros-1diag .contents-feature li .circle:before {
	content: "";
	display: block;
	padding-top: 100%;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 10px rgba(63, 182, 182, 0.4);
}
@media screen and (max-width: 576px) {
	.pros-1diag .contents-feature li .circle:before {
		box-shadow: none;
		border-radius: 0;
		padding-top: 5%;
	}
}
.pros-1diag .contents-feature li .circle p {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.25;
	color: #3fb6ba;
	width: 70%;
	margin-bottom: 0 !important;
}
@media screen and (max-width: 1200px) {
	.pros-1diag .contents-feature li .circle p {
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 768px) {
	.pros-1diag .contents-feature li .circle p {
		font-size: 2vw;
	}
}
@media screen and (max-width: 576px) {
	.pros-1diag .contents-feature li .circle p {
		font-size: 4vw;
	}
}
.pros-app-products li {
	display: inline-block;
	min-width: 48%;
	padding: 0.5rem 1rem;
	margin-bottom: 0.5rem;
	background: #09f;
	color: #fff;
	text-align: center;
	border-radius: 7px;
}
@media screen and (max-width: 576px) {
	.pros-app-products li {
		min-width: 100%;
	}
}
/* ステップバー */
.nav-stepbar {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 95%;
}
.nav-stepbar li {
	position: relative;
	height: 10rem;
	width: 33.333333%;
}
.nav-stepbar li a {
	display: block;
	height: 100%;
	text-align: center;
	font-size: 1.15rem;
	line-height: 1.5;
	padding-top: 20%;
}
.nav-stepbar li a:hover {
	text-decoration: none !important;
}
/* ステップバーの先端三角 */
.nav-stepbar li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	border-width: 5em 2.5em;
	border-style: solid;
	z-index: 10;
}
/* ステップバーの先端三角 一番目のみ */
.nav-stepbar li:first-of-type:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-width: 5em 2.5em;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	z-index: 10;
}
/* ステップバーのレスポンシブサイズ調整 */
@media screen and (max-width: 768px) {
	.nav-stepbar li a {
		text-align: right;
		margin-right: 0.5rem;
	}
	.nav-stepbar li:after {
		right: -3rem;
		border-width: 5rem 1.5rem;
	}
}
@media screen and (max-width: 576px) {
	.nav-stepbar li a {
		font-size: 1rem;
	}
}
/* ステップバーのパーツ */
.nav-stepbar .step1,
#Step1 {
	background: #f2f2f2;
}
.nav-stepbar .step1:after {
	border-color: transparent transparent transparent #f2f2f2;
}
.nav-stepbar .step2,
#Step2 {
	background: #c3e1f2;
}
.nav-stepbar .step2:after {
	border-color: transparent transparent transparent #c3e1f2;
}
.nav-stepbar .step3,
#Step3 {
	background: #fcf8e3;
}
.nav-stepbar .step3:after {
	border-color: transparent transparent transparent #fcf8e3;
}
.step-cntnt {
	padding: 2rem;
	margin-top: 3rem;
}
/* clean series */
.feat-ccv-clean .main-top {
	padding: 1rem 0 0 0;
}
@media screen and (max-width: 576px) {
	.feat-ccv-clean .main-top-inner {
		position: static;
		transform: translate(0, 0);
		width: 100%;
	}
}
.feat-ccv-clean .main-top-inner h1 {
	background: rgba(255, 255, 255, 0.55);
	padding: 1rem 2rem;
	font-size: 1.85vw;
	font-weight: normal;
	color: #666;
	text-shadow: 0 0 8px #a9e3ff;
	white-space: nowrap;
}
.feat-ccv-clean .main-top h1:after {
	content: "Clean & Long-Life";
	font-size: 4.25vw;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "MS Mincho", serif;
	letter-spacing: 0.5rem;
	color: #69bed5;
	text-shadow: 0 0 8px #a9e3ff;
	display: block;
}
.feat-ccv-clean .main-top-inner h1+p {
	font-size: 1.25vw;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 1px #fff;
}
@media screen and (min-width: 1200px) {
	.feat-ccv-clean .main-top-inner h1 {
		font-size: 1.85rem;
	}
	.feat-ccv-clean .main-top h1:after {
		font-size: 4.25rem;
	}
	.feat-ccv-clean .main-top-inner h1+p {
		font-size: 1.25rem;
	}
}
.bg-class-1 {
	background: url(/tecs/pdct/ccv/feat/img/bg-class-1.jpg) #73c4b3;
	background-size: cover;
	color: #fff;
}
.bg-class-2 {
	background: url(/tecs/pdct/ccv/feat/img/bg-class-2.jpg) #c2664d;
	background-size: cover;
	color: #fff;
}
.bg-class-3 {
	background: url(/tecs/pdct/ccv/feat/img/bg-class-3.jpg) #4a6fb5;
	background-size: cover;
	color: #fff;
}
.list-ccv li {
	margin-bottom: 0.5rem;
	padding-left: 1rem;
	text-indent: -1rem;
}
.arrow1 {
	position: relative;
	width: 95%;
	height: 3rem;
	padding-top: 1rem;
	font-size: 3rem;
	background: linear-gradient(to right, transparent, #09f);
	margin-bottom: 2rem;
}
.arrow1:after {
	content: "";
	position: absolute;
	top: -1.5rem;
	right: -2rem;
	border-left: 3rem solid #09f;
	border-top: 3rem solid transparent;
	border-bottom: 3rem solid transparent;
}
.arrow1 p {
	text-align: right;
	font-size: 3rem;
	color: #fff;
	margin-bottom: 0;
	margin-right: 3rem;
}
.arrow2 {
	position: relative;
	width: 30%;
	height: 3rem;
	padding-top: 1rem;
	font-size: 3rem;
	background: #09f;
	margin-bottom: 2rem;
}
.arrow2:after {
	content: "";
	position: absolute;
	top: -1.5rem;
	right: -2rem;
	border-left: 3rem solid #09f;
	border-top: 3rem solid transparent;
	border-bottom: 3rem solid transparent;
}
@media screen and (max-width: 576px) {
	.arrow1 {
		width: 90%;
	}
}
/* tirechain */
#slug table.tbl-sort tr:nth-child(2n+1) td,
table.slug th {
	background-color: #d9d9d9;
	font-size: 12px;
}
#tk5 table.tbl-sort tr:nth-child(2n+1) td,
table.tk5 th {
	background-color: #b8cce4;
	font-size: 12px;
}
#lmc table.tbl-sort tr:nth-child(2n+1) td,
table.lmc th {
	background-color: #e6b8b7;
	font-size: 12px;
}
#camion table.tbl-sort tr:nth-child(2n+1) td,
table.camion th {
	background-color: #ffffcc;
	font-size: 12px;
}
#vlug table.tbl-sort tr:nth-child(2n+1) td,
table.vlug th {
	background-color: #e4dfec;
	font-size: 12px;
}
#hxg table.tbl-sort tr:nth-child(2n+1) td,
table.hxg th {
	background-color: #ffc5e2;
	font-size: 12px;
}
#wslug table.tbl-sort tr:nth-child(2n+1) td,
table.wslug th {
	background-color: #d9d9d9;
	font-size: 12px;
}
#ring table.tbl-sort tr:nth-child(2n+1) td,
table.ring th {
	background-color: #ccffcc;
	font-size: 12px;
}
.tbl-details table th {
	width: 20%;
}
.cmptbl table.tbl-sort th {
	background-color: #0f243e;
	font-size: 12px;
	color: #fff;
}
.cmptbl p, .cmptbl li {
	font-size: 12px;
}
.cmptbl table {
	text-align: center;
	width: 100%;
	border: solid 1px #fff;
	border-collapse: collapse;
	margin-bottom: 5rem;
	margin-top: 3rem;
}
.cmptbl th.sTh {
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: #0f243e;
	border: solid 1px #fff;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #fff;
	padding: 0.3rem;
	white-space: nowrap;
}
.cmptbl td {
	font-size: 12px;
	background: #d9d9d9;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #fff;
	padding: 0.3rem;
	width: 130px;
}
.cmptbl th span {
	font-size: 12px;
}
.cmptbl td span {
	font-size: 12px;
}
.cmptbl .info_link table {
	margin-top: 0;
	margin-bottom: 0;
}
fieldset.search {
	background-color: #d8e4bc;
	border-color: gray;
	padding: 1.5rem 2rem 1.5rem 2rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
fieldset.search small {
	font-size: 11px;
	white-space: nowrap;
}
button.submit {
	cursor: pointer;
	height: 2.5rem;
	width: 100%;
	background-color: #cc0000;
	border-bottom: 4px solid #900;
	border-radius: 7px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border: none;
	margin-top: 1.5rem;
}
button.submit+div span {
	display: block;
	width: 3rem;
	border: 3rem solid transparent;
	border-top: 2rem solid #c00;
	margin: 1rem auto -3rem auto;
}
button.detail {
	cursor: pointer;
	height: 2rem;
	width: 80%;
	margin: 0 auto;
	background-color: #cc0000;
	border-bottom: 4px solid #900;
	border-radius: 7px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border: none;
}
@media screen and (max-width: 576px) {
	button.detail {
		font-size: 0.8rem;
		width: 100%;
	}
}
.tbl-sort th.sortable {
	position: relative;
	cursor: pointer;
	padding: 0.3rem 1rem 0.3rem 0.3rem;
}
.tbl-sort th.sortable:before {
	content: "▲";
	position: absolute;
	top: 0.5rem;
	right: 0.1rem;
	color: #ccc;
	font-size: 1rem;
	z-index: 9999999;
	transform: scale(0.8);
}
.tbl-sort th.sortable:after {
	content: "▼";
	position: absolute;
	top: 1.5rem;
	right: 0.1rem;
	color: #ccc;
	font-size: 1rem;
	transform: scale(0.8);
}
.tbl-sort th.sortable.up-active:before {
	content: "▲";
	position: absolute;
	top: 0.5rem;
	right: 0.1rem;
	color: #cc0000;
	font-size: 1rem;
	z-index: 9999999;
	transform: scale(0.8);
}
.tbl-sort th.sortable.down-active:after {
	content: "▼";
	position: absolute;
	top: 1.5rem;
	right: 0.1rem;
	color: #cc0000;
	font-size: 1rem;
	transform: scale(0.8);
}
.tbl-sort .bg-hlight td {
	background-color: #f99 !important;
}
/* responsiv th fixed table */
table.tbl-resp-fixed {
	margin: 0 !important;
	position: relative;
	display: block;
	max-height: 500px;
	overflow-y: scroll;
}
table.tbl-resp-fixed th {
	position: relative;
}
table.tbl-resp-fixed thead {
	/* 縦スクロール時に固定する */
	position: sticky;
	top: -1px;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
table.tbl-resp-fixed td {
	/* 検索結果のbackgroundが地色に負けるので地色を透明にする */
	background-color: transparent;
}
/* pdct_feat_cdc_CNEP_TKJ */
.cnep-lead {
	position: absolute;
	top: 75%;
	left: 5%;
	font-size: 1.15rem;
	padding-top: 1rem;
}
@media screen and (max-width: 768px) {
	.cnep-lead {
		font-size: 1vw;
	}
}
@media screen and (max-width: 576px) {
	.cnep-lead {
		position: static;
		font-size: 1rem;
		transform: translateY(25%);
	}
}
.txt-l-bl {
	font-size: 1.05rem;
	font-weight: bold;
	text-align: left;
	background: #F2F2F2;
	padding: 0.5rem 1rem 0.5rem 1.5rem;
	margin-bottom: 1rem;
}
.txt-l-bl span {
	font-size: 1.05rem;
	font-weight: bold;
	display: inline-block;
}
/* 広告用ランディングページ */
.feat-gen-gwm-td .main-top-inner,
.feat-sad-LPY .main-top-inner,
.feat-sad-sj-pr .main-top-inner,
.feat-sad-jw-pr .main-top-inner,
.feat-gen-worm .main-top-inner,
.feat-gen-hypoid .main-top-inner,
.feat-sad-zca-pr .main-top-inner,
.feat-ccv-calc .main-top-inner {
	z-index: 999999;
	position: static;
	transform: translate(0);
}
.feat-gen-gwm-td .main-top-inner h1,
.feat-sad-LPY .main-top-inner h1,
.feat-sad-sj-pr .main-top-inner h1,
.feat-gen-hypoid .main-top-inner h1,
.feat-gen-worm .main-top-inner h1 {
	text-align: left;
	color: #00408a;
	text-shadow: 0 0 0;
}
@media (max-width: 768px) {
	.feat-sad-sj-pr .main-top-inner h1 {
		font-size: 2rem;
	}
}
.feat-sad-LPY .main-top-inner h1 span {
	font-size: 2rem;
}
.feat-sad-sj-pr .main-top-inner h1 span {
	font-size: 1.8rem;
	line-height: 1.2;
	display: block;
}
@media (max-width: 768px) {
	.feat-sad-LPY .main-top-inner h1 span {
		font-size: 1.5rem;
	}
}
.feat-sad-LPY .main-top-inner-lead p {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
@media (max-width: 768px) {
	.feat-sad-LPY .main-top-inner-lead p {
		font-size: 2rem;
		text-align: center;
	}
}
@media (max-width: 576px) {
	.feat-sad-LPY .main-top-inner-lead p {
		font-size: 1.5rem;
	}
}
.feat-sad-LPY .main-top-inner-lead p span {
	font-size: 2rem;
	color: #f8911b;
}
@media (max-width: 768px) {
	.feat-sad-LPY .main-top-inner-lead p span {
		font-size: 3rem;
	}
}
@media (max-width: 576px) {
	.feat-sad-LPY .main-top-inner-lead p span {
		font-size: 2rem;
	}
}
.feat-sad-LPY .main-top-inner-lead ul {
	padding: 0.5rem 1rem;
	background: #ffcc99;
}
.feat-sad-LPY .main-top-inner-lead ul li {
	list-style-type: none;
	font-size: 1.05rem;
	font-weight: 600;
}
@media (max-width: 576px) {
	.feat-sad-LPY .main-top-inner-lead ul li {
		font-size: 1rem;
	}
}
@media (max-width: 576px) {
	.feat-sad-LPY .text-xlg,
	.feat-sad-sj-pr .text-lg,
	.feat-sad-sj-pr .text-sxlg-light,
	.feat-sad-zca-pr .text-lg,
	.feat-sad-zca-pr .text-sxlg-light {
		font-size: 1rem;
	}
}
.feat-gen-gwm-td .feature h2,
.feat-gen-ed .feature h2 {
	background: #09f;
	color: #fff;
	padding: 0.5rem 1rem;
}
@media (max-width: 768px) {
	.feat-gen-gwm-td .feature h2,
	.feat-gen-ed .feature h2 {
		font-size: 3vw;
	}
}
@media (max-width: 576px) {
	.feat-gen-gwm-td .feature h2,
	.feat-gen-ed .feature h2 {
		font-size: 3.5vw;
	}
}
@media (max-width: 414px) {
	.feat-gen-gwm-td .feature h2,
	.feat-gen-ed .feature h2 {
		font-size: 3.8vw;
	}
}
.feat-sad-jw-pr h1 {
	font-size: 2rem;
	color: #333;
	text-shadow: 0 0 0;
	font-weight: normal;
}
.feat-sad-jw-pr h1 span {
	font-size: 3.5rem;
	font-weight: bold;
}
.feat-sad-jw-pr h1 span span {
	color: #c00 !important;
}
@media (max-width: 992px) {
	.feat-sad-jw-pr h1 span {
		font-size: 2.5rem;
	}
}
@media (max-width: 768px) {
	.feat-sad-jw-pr h1 {
		font-size: 1.7rem;
	}
	.feat-sad-jw-pr h1 span {
		font-size: 1.8rem;
	}
}
.button-inqr a {
	color: #333;
	font-size: 1.15rem;
	font-weight: bold;
	display: block;
	text-align: center;
	border: 3px solid #bf9000;
	border-radius: 3px;
	background: #ffd966;
	padding: 1.2rem;
	white-space: nowrap;
	box-shadow: 2px 2px 5px 1px #ccc;
}
.button-clist a {
	color: #333;
	font-size: 1.15rem;
	font-weight: bold;
	display: block;
	text-align: center;
	border: 3px solid #548237;
	border-radius: 3px;
	background: #a9d18e;
	padding: 1.2rem;
	white-space: nowrap;
	box-shadow: 2px 2px 5px 1px #ccc;
}
@media (max-width: 768px) {
	.button-inqr a,
	.button-clist a {
		font-size: 1rem;
		padding: 0.5rem;
	}
}
.button-inqr a:hover,
.button-clist a:hover {
	text-decoration: none !important;
	box-shadow: 0 0 0 0;
	opacity: 0.6;
	transform: translateY(2px);
}
.trouble-icon {
	position: absolute;
	bottom: -1vw;
	right: 0;
	width: 30%;
}
@media (max-width: 991px) {
	.trouble-icon {
		width: 45%;
	}
}
@media (max-width: 991px) {
	.feat-sad-zca-pr .trouble-icon {
		width: 35%;
		bottom: -4vw;
		right: -2vw;
	}
}
@media (max-width: 768px) {
	.feat-sad-zca-pr .trouble-icon {
		width: 25%;
		bottom: -4vw;
	}
}
@media (max-width: 768px) {
	.trouble-icon {
		width: 20%;
		margin-left: 33%;
	}
}
.feat-gen-hypoid .trouble-icon {
	position: absolute;
	bottom: 0;
	right: -10%;
	width: 25%;
	z-index: 9999999;
}
@media (max-width: 991px) {
	.feat-gen-hypoid .trouble-icon {
		position: static;
		width: 100%;
		margin-left: 0;
	}
}
.after-arrow {
	position: absolute;
	width: 3rem;
	height: 2.5rem;
	top: 50%;
	left: 48%;
}
@media (max-width: 991px) {
	.after-arrow {
		position: static;
		transform: rotate(90deg);
		margin-bottom: 1rem;
		margin-left: 44%;
	}
}
.text-header-resp {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
}
@media (max-width: 768px) {
	.text-header-resp {
		font-size: 1.6rem;
	}
}
@media (max-width: 768px) {
	.feat-gen-gwm-td .detail-box dd,
	.feat-sad-LPY .detail-box dd,
	.feat-sad-zca-pr .detail-box dd {
		margin-right: 15%;
	}
}
/* ランディングページ　共通　定型スタイル */
.main-top-inner.static {
	z-index: 999999;
	position: static;
	transform: translate(0);
}
.hdr-trouble {
	/* 「こんなことでお困りではないですか」の見出し */
	background: #09f;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 0.5rem 1rem;
	margin-bottom: 2rem;
}
@media (max-width: 414px) {
	.hdr-trouble {
		font-size: 1.35rem;
	}
}
.hdr-trouble span {
	font-size: 1.6rem;
	font-weight: bold;
}
@media (max-width: 414px) {
	.hdr-trouble span {
		font-size: 1.35rem;
	}
}
/* 回転 */
.rotate-all-270deg {
	transform: rotate(270deg);
	padding: 1rem 0;
}
/* PC時にのみ270度回転 */
@media (min-width: 991px) {
	.rotate-pc-270deg {
		transform: rotate(270deg);
		padding: 1rem 0;
	}
}
@media (max-width: 991px) {
	.rotate-90deg {
		transform: rotate(90deg);
		padding: 1rem 0;
	}
}
/* mobile時に90度回転 */
@media (max-width: 768px) {
	.rotate-mobile-90deg {
		transform: rotate(90deg);
		padding: 1rem 0;
	}
}
.ctlg-icon {
	position: absolute !important;
	top: 0;
	right: 10rem;
}
@media (max-width: 768px) {
	.ctlg-icon {
		position: static !important;
	}
}
.dtl-dummy-link {
	position: absolute;
	bottom: 0;
	right: 1rem;
	text-align: left;
	color: #1a6ba1;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 5px;
	background: url(/tecs/img/a_link_right.gif) no-repeat left;
}
.no_underline:hover,
.no_underline h4:hover {
	text-decoration: none !important;
	color: #444 !important;
}
@media (max-width: 768px) {
	.benefit-header .text-lg {
		font-size: 1rem;
	}
	.benefit-header .text-xlg {
		font-size: 1.15rem;
	}
	.benefit-header .text-xxlg {
		font-size: 1.8rem;
	}
}

.feat-clc-lnj h1 {
	font-size: 2.75rem;
	color: #00408a;
	text-align: center;
}
.feat-clc-lnj h1 span.h1-start {
	font-size: 2rem
}
.feat-clc-lnj h1 span.h1-middle {
	color: #bf9000;
	font-size: 3rem;
	text-shadow: 1px 1px 0 #000,
	-1px 1px 0 #000,
	1px -1px 0 #000,
	-1px -1px 0 #000;
}
.feat-clc-lnj h1 + p {
	font-size: 1.8rem;
	text-align: center;
}
@media (max-width: 768px) {
	.feat-clc-lnj h1 {
		font-size: 2rem;
	}
	.feat-clc-lnj h1 span.h1-start {
		font-size: 1.75rem
	}
	.feat-clc-lnj h1 span.h1-middle {
		font-size: 2.5rem;
	}
	.feat-clc-lnj h1 + p {
		font-size: 1.3rem;
	}
}

/* プロサービスリンク用アイコン */
.pros-logo-link {
	position: absolute;
	top: -0.5rem;
	right: 0;
	width: 18%;
}
@media (max-width: 768px) {
	.pros-logo-link {
		position: static;
		width: 33%;
	}
}
.pros-logo-link p {
	text-align: center;
	padding-left: 1rem;
	margin-bottom: 0;
	transform: translateY(-0.5rem);
}
/* 1文字分、上にずらす */
.trnslt-y-t-1rem {
	transform: translateY(-1rem);
}
/* New icon */
.mini-icon {
	display: inline-block;
	padding: 0.25rem 0.4rem;
	margin-left: 0.5rem;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	background: #dc3545;
}
/* border */
@media (min-width: 991px) {
	.border-left-benefit {
		border-left: 1px solid #09f;
	}
	.border-right-benefit {
		border-right: 1px solid #09f;
	}
}
.border-bottom-benefit {
	border-bottom: 1px solid #09f;
}
.border-bottom-benefit-dashed {
	border-bottom: 1px dashed #09f;
}
@media (max-width: 576px) {
	.border-bottom-benefit-dashed {
		border-bottom: none;
	}
}
/* iPhone SE用 */
@media (max-width: 376px) {
	.d-ss-block {
		display: block;
	}
}

/* トップページのバナースライドショーで
一瞬画像が縦に並ぶのを解消 */
.slider {
	display: none;
}
.slider.slick-initialized {
	display: block;
	/*slick-initializedが付与されたら表示*/
}

/* 展示会出店情報 */
#main.exib_all-top h1 {
	margin: 2rem 0 3rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #0099ff;
	font-size: 2.25rem;
	font-weight: normal;
	line-height: 1.3;
}
#main.exib_all-top h2 {
	margin: 1rem 0 3rem;
	padding: 0 0 0.5rem 0;
	border-bottom: 2px solid #0099ff;
	font-size: 1.5rem;
	text-align: left;
	font-weight: 600;
	display: inline-block;
}
.exib_all-inner {
	padding: 1rem 0 2rem;
}
.exib_all-category-nav li {
	display: inline-block;
}
.exib_all-category-nav li a {
	text-indent: -1.5rem;
	padding-left: 1rem;
	margin: 2rem 2rem 2rem 1.5rem;
	color: #1a6ba1;
	text-decoration: none;
	background: url(/tecs/img/a_link_right.gif) no-repeat left;
}
.exib_all-category-box {
	margin: 2rem 0;
	padding-top: 1rem;
	border-bottom: solid 2px #ccc
}
.exib_all-category-box h3 {
	text-align: left;
	border-bottom: none;
}
.exib_all-box {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 0.8rem;
}
.exib_all-box p {
	margin-bottom: 0;
	font-size: 13px;
}
@media(max-width: 576px) {
	#topTitle .al_R {
		text-align: left;
		margin-left: 1rem;
	}
}
/* 展示会特設ページ レスポンシブ版 */
.exib-resp h2 {
	margin: 1rem 0 3rem;
	padding: 0 0 0.5rem 0;
	border-bottom: 2px solid #0099ff;
	font-size: 1.35rem;
	text-align: left;
	font-weight: normal;
}
.exib-resp h3 {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3;
	border: none;
	border-bottom: solid 2px #7bcaff;
	background: none;
	text-indent: 0;
	text-align: left;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
@media(max-width: 991px) {
	.exib-resp h3 {
		font-size: 1.05rem;
		display: block;
		text-align: center!important;
	}
}
@media(max-width: 576px) {
	.exib-resp h3 {
		font-size: 1rem;
	}
}
.exib-resp .reset-slct {
	font-weight: bold;
	color: #09f;
	text-indent: -1.5rem;
	padding-left: 2.5rem;
	text-align: right;
	cursor: pointer;
}
.exib-resp .reset-slct:before {
	content: url(/tecs/img/a_link_right.gif);
	margin-right: 0.5rem;
}
.exib-pdct {
	padding: 1rem 2rem 1rem 2rem;
	margin-bottom: 1.5rem;
}
.exib-pdct ul.pdct-feature  {
	margin-bottom: 2rem;
}
.exib-pdct ul.pdct-feature li {
	text-indent: -1rem;
	padding-left: 1rem;
	margin-bottom: 0.2rem;
}
.exib-pdct ul.pdct-feature li:before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #666;
}
.exib-resp .button-std a {
	background: #f3f3f3;
	color: #09f;
	font-weight: bold;
}
.exib-resp .button-std a:hover {
	background-color: #09f;
	color: #fff;
	text-decoration: none !important;
}
.exib-resp .exib-slct-li.active .button-std a {
	background: #09f!important;
	color: #fff;
}
.button-vdo a {
	color: #fff!important;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
	background: #e77700;
	padding: 0.5rem;
}
.button-vdo a:hover {
	background-color: #dfa567;
	color: #fff;
	text-decoration: none!important;
}
.type-label {
	display: table;
	border-collapse: separate;
	border-spacing: 5px 0;
}
.type-label li {
	display: table-cell;
	vertical-align: middle;
	min-width: 10rem;
	padding: 0.3rem 1rem;
	text-align: center;
	color: #fff;
	background: #09f;
	border-radius: 10px;
	margin-bottom: 0!important;
	text-indent: 0!important;
	line-height: 1.2;
}
.onln-inqr-box p {
	margin-bottom: 0;
}
.onln-inqr-box-arrow {
	right: 0.8rem;
}
/* エプシロンチェーン/ATRAFLEX/ACTDOM ランディングページ用 */
.feat-cdc-cess h1,
.feat-kcp-aft h1,
.feat-hsu-acd h1  {
	text-indent: -999999px;
	background: none;
	height: 0;
}
@media(max-width: 576px) {
	.feat-cdc-cess .main-top, 
	.feat-kcp-aft .main-top {
		padding: 0;
	}
}
.feat-cdc-cess p,
.feat-kcp-aft p {
	margin-bottom: 0;
}
.feat-cdc-cess .list-notes-small li:before {
	content: none;
	padding-right: 0;
}
.feat-kcp-aft .trouble-icon {
	position: absolute;
	bottom: -3.5vw;
	right: 0;
	width: 30%;
}
@media (max-width: 991px) {
	.feat-kcp-aft .trouble-icon {
		width: 33%;
		bottom: -2vw;
	}
}
@media (max-width: 768px) {
	.feat-kcp-aft .trouble-icon {
		width: 25%;
		bottom: -8vw;
	}
}
.block-small * {
	font-size: 0.8rem;
}
.aft-color li.mark-yellow::first-letter {
	color: #EDBC0A;
}
.aft-color li.mark-red::first-letter {
	color: #BE353E;
}
.aft-color li.mark-orange::first-letter {
	color: #DE4F33;
}
.aft-color li.mark-green::first-letter {
	color: #26914B;
}

.aft-color-yellow {
	background-color: #EDBC0A!important;
	color: #fff!important;
}

.aft-color-red {
	background-color: #BE353E!important;
	color: #fff!important;
}

.aft-color-orange {
	background-color: #DE4F33!important;
	color: #fff!important;
}

.aft-color-green {
	background-color: #26914B!important;
	color: #fff!important;
}

/* 問い合わせページコメント追加 */
.inqr_shou {
	width: 50%;
	padding: 1rem 2rem 1rem 0;
}
.inqr_mitu {
	width: 50%;
	padding: 1rem 0 1rem 0;
}
@media(max-width: 576px) {
	.inqr_shou, .inqr_mitu {
		width: 100%;
	}
	.box_flex:has(.inqr_shou),
	.box_flex:has(.inqr_mitu) {
		flex-wrap: wrap;
	}
}
.table-small th,
.table-small td {
	font-size: 0.85rem!important;
	padding: 2px!important;
	line-height: 1.2;
}
table.kata_ex {
	margin: 0;
	padding: 0;
}
@media(max-width: 576px) {
	td.cmn_katadisp,
	td.cmn_katadisp_noul {
		font-size: 1rem;
		height: auto;
	}
	td.cmn_katadisp_desc {
		font-size: 0.8rem;
	}
}

/* ソリューション事例 */
#topTitle .slsn-top-image {
	position: relative;
	background: url(/tecs/slsn/img/pic_slsn_top_bg.jpg) no-repeat center center;
	background-size: cover;
	height: 0;
	padding-top: calc(1180 / 2000 * 55%);
	margin-top: 1rem;
}
#topTitle .slsn-top-image h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 2.25rem;
	text-align: center;
	line-height: 1.2;
	white-space: nowrap;
	color: #09f;
	background: rgba(255, 255, 255, 0.8);
	padding: 1rem 1.75rem;
}
@media screen and (max-width: 992px) {
	#topTitle .slsn-top-image h1 {
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 768px) {
	#topTitle .slsn-top-image h1 {
		font-size: 1.45rem;
	}
}
.slsn-top .search-area h2 {
	padding: 0.5rem 1rem 0.5rem 0;
	margin: 0.5rem;
	border-right: solid 3px #09f;
}
.slsn-top .search-area h2 span {
	font-size: 1.15rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.slsn-top .search-area h2 {
		font-size: 1rem;
		margin: 0;
		padding-left: 1rem;
		border: solid 1px #ccc;
	}
}
@media screen and (max-width: 767px) {
	[id^="SLSN"] {
		display: none;
	}
}
#topTitle .slsn-dtl-title h1 {
	font-size: 2rem;
	margin: 1rem 1rem 2rem;
	line-height: 1.3;
}
#topTitle .slsn-dtl-title h1 span {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
#topTitle .slsn-dtl-title h1+p {
	display: inline-block;
	font-size: 1.5rem;
	margin: 0 0 1rem 1.25rem;
	padding: 0.5rem 1rem;
	background: #D9F0FF;
}
.slsn h2 {
	padding: 0 0 0.3rem 0.5rem;
	border-bottom: 2px solid #09f;
	font-size: 1.4rem;
	text-align: left;
}
.slsn p {
	margin-bottom: 0;
}
.slsn-dtl-gai {
	border:1px solid #ccc;
	border-radius: 10px;
	padding: 1rem 1.5rem;
}
.slsn-top .cat-search input {
	display: none;
}
.slsn-top .cat-search label span {
	color: #09f;
	display: inline-block;
	text-align: center;
	border: 1px solid #09f;
	border-radius: 3px;
	padding: 0.5rem;
	margin: 0.5rem;
	white-space: nowrap;
}
.slsn-top .cat-search input:checked + label span {
	text-decoration: none;
	background-color: #09f;
	color: #fff;
}
@media (hover: hover) { /*PC時のみhover*/
	.slsn-top .cat-search input + label span:hover {
		text-decoration: none;
		background-color: #09f;
		color: #fff;
	}
}
.slsn-top .list-atcl a {
	color: #666;
}
.slsn-top .list-atcl a:visited {
	color: #666;
}
.slsn-top .list-atcl a:hover {
	text-decoration: none!important;
}
.slsn-top .list-atcl p.cat-name-list {
	display: flex;
	margin-bottom: 0.3rem;
	border: 1px solid #09f;
}
.slsn-top .list-atcl p.cat-name-list span {
	display: flex;
	align-items: center;
}
.slsn-top .list-atcl p.cat-name-list span:first-of-type {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #09f;
	color: #fff!important;
	padding: 0.3rem 0.6rem 0.3rem 0.6rem;
	margin-right: 0.3rem;
	min-width: 4.5rem;
	white-space: nowrap;
}
.slsn-top .button-std a {
	white-space: wrap;
}
[id^="pagebtn_"] {
	display: inline-block;
	margin-left: 0.3rem;
}
[id^="pagebtn_"] a {
	display: inline-block;
	width: 100%;
	text-align: center;
	border: 1px solid #09f;
	border-radius: 5px;
	background-color: #09f;
	color: #fff!important;
	padding: 0.2rem 0.6rem;
}
[id^="pagebtn_"] a[href^="javascript"] {
	background-color: #f2f2f2;
	color: #09f!important;
}
[id^="pagebtn_"] a[href^="javascript"]:hover {
	border-radius: 5px;
	background-color: #09f;
	color: #fff !important;
}

/* ACTDOM ランディングページ用 */
.feat-hsu-acd .main-top {
	background: url(/tecs/pdct/hsu/feat/img/pic-feat-hsu-acd-bg01.png) bottom center no-repeat;
	background-size: contain;
	padding-bottom: calc(42% - 90px);
}
@media (max-width: 991px) {
	.feat-hsu-acd .main-top {
		padding-bottom: 90vw;
		background-size: cover;
		background-position: bottom;
	}
}
.feat-hsu-acd .main-top-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.feat-hsu-acd .pdct-img-lead {
	position: absolute;
	top: 3rem;
	left: 14%;
	width: 35%;
}
@media (max-width: 991px) {
	.feat-hsu-acd .pdct-img-lead {
		display: none;
	}
}
.feat-hsu-acd h3 {
	position: relative;
	display: inline-block;
	margin-bottom: 1rem;
	border-bottom: none;;
}
.feat-hsu-acd h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -0.5rem;
	display: inline-block;
	width: 50%;
	height: 0.3rem;
	transform: translateX(-50%);
	background-color: #4EBFE2;
	border-radius: 2px;
}
.feat-hsu-acd .feature-box {
	background-color: #ace0f3;
	border-radius: 10px;
	padding: 2rem 2.5rem;
}
.feat-hsu-acd .footer-inqr {
	background-color: #ace0f3;
}
.feat-hsu-acd .trouble-icon {
    bottom: -2vw;
    right: 0;
    width: 30%;
}
@media (max-width: 991px) {
	.feat-hsu-acd .trouble-icon {
		width: 45%;
	}
}
@media (max-width: 767px) {
	.feat-hsu-acd .trouble-icon {
		width: 15%;
		margin-left: 33%;
		bottom: -3vw;
	}
	.feat-hsu-acd dd:has(.trouble-icon) {
		width: 90%;
	}
}
@media(max-width: 429px) {
	.feat-hsu-acd .trouble-icon {
		width: 20%;
	}
}
.m-auto-center {
	margin: 0 auto;
}
.first-cap-num {
	font-size: xx-large;
	color: #006095;
	margin-right: 0.5rem;
}
.under-marker {
    background: linear-gradient(transparent 80%, #ffc800 20%);
}
h4 span {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
/* 環境配慮材TKP ランディングページ用 */
.fluid-back-green {
	background-color: #EEF6E8;
	padding: 5rem 0;
}
.text-green {
	color: #003615;
}
.feat-ccv-envtkp .feature-box {
	background-color: #EEF6E8;
	border-radius: 10px;
	padding: 2rem;
}
.feat-ccv-envtkp h2 {
	position: relative;
	display: inline-block;
	font-size: 1.8rem;
	margin-bottom: 3rem;
	padding: 0;
	border-bottom: none;
}
.feat-ccv-envtkp h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -0.5rem;
	display: inline-block;
	width: 50%;
	height: 0.4rem;
	transform: translateX(-50%);
	background-color: #57a726;
	border-radius: 2px;
}
.feat-ccv-envtkp .list-benefit li:before {
	content: "";
	width: 1rem;
	height: 1rem;
	display: inline-block;
	margin-right: 0.3rem;
	background-color: #003615;
	border-radius: 50%;
}
.feat-ccv-envtkp .text-xlg {
	line-height: 1.8;
}
.feat-ccv-envtkp .button-inqr a {
	color: #fb8600;
	border: 3px solid #fb8600;
	background: transparent;
}
.feat-ccv-envtkp .button-clist a {
	color: #fff;
	border: 3px solid #fb8600;
	background: #fb8600;
}
/* scroll button */
.scroll-button {
	position: absolute;
	left: 45%;
	bottom: 3%;
	width: 5vw;
}
.scroll-button a {
	display: block;
	font-size: 1.25rem;
	color: #003615 !important;
	width: 50%;
	margin: 0 auto;
	text-decoration: none;
}
.scroll-button a span {
	display: block;
	padding: 50%;
	width: 50%;
	height: 50%;
	border-left: 2px solid #003615;
	border-bottom: 2px solid #003615;
	transform: translateY(-50%) rotate(-45deg);
	box-sizing: border-box;
}

/* つばきマイタギヤボックス ランディングページ用 */
.feat-gen-ed .main-top {
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0!important;
}
.feat-gen-ed .main-top h1 {
	background: url(/tecs/pdct/gen/feat/img/fig-gen-ed-top01.png) top center repeat;
	font-size: clamp(2rem, 3vw, 3.5rem);
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 3px #a9e3ff;
	white-space: nowrap;
	padding: 0.5rem 0;
}
.featgen-ed .main-top img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 100svh;
}
.feat-gen-ed .main-top .high-speed,
.feat-gen-ed .main-top .high-torque {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
}
.feat-gen-ed .main-top .high-speed h2,
.feat-gen-ed .main-top .high-torque h2 {
	margin-top: 1rem;
	font-size: clamp(1.5rem, 2vw, 3rem);
	margin-bottom: 0;
}
@media (min-width: 300px) {
	.feat-gen-ed .main-top .high-speed h2,
	.feat-gen-ed .main-top .high-torque h2 {
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media (min-width: 1040px) {
	.feat-gen-ed .main-top .high-speed h2,
	.feat-gen-ed .main-top .high-torque h2 {
		margin-bottom: 1rem;
	}
}
@media (min-width: 1500px) {
	.feat-gen-ed .main-top .high-speed h2,
	.feat-gen-ed .main-top .high-torque h2 {
		margin-top: 3rem;
		margin-bottom: 2rem;
		line-height: 1;
	}
}
.feat-gen-ed .main-top .high-speed p,
.feat-gen-ed .main-top .high-torque p {
	font-size: clamp(1rem, 1.3vw, 1.4rem);
	line-height: 1.5;
}
.feat-gen-ed .main-top .high-speed h2 {
	color: #fff;
	text-shadow: 1px 1px 1px;
}
.feat-gen-ed .main-top .high-speed p {
	color: #fff
}