@charset "utf-8";
/* =============================================================================================
▼ zinrai_tcm102-3815154_tcm102-2750236-32.css
============================================================================================= */
/* 
  セクション幅
 */
/* 1000px + padding 8px */
.section.diff-maxw-1000 .section-inner {
	max-width: 1016px;
}
.section.diff-maxw-1080 .section-inner {
	max-width: 1080px;
}
.section.diff-maxw-1180 .section-inner {
	max-width: 1180px;
}
/* 
  H1調整
 */
.hdg-a-wrapper.diff-small {
	margin-bottom: 0;
}
.hdg-a-wrapper.diff-small .hdg-a {
	font-size: 2rem;
}
/* 
  ぱんくず背景
 */
.breadcrumb-wrapper {
	position: relative;
}
.breadcrumb-wrapper:before {
	content: "";
	display: block;
	left: 50%;
	-webkit-transform: translateX(-50%) translate3d(0, 0, 0);
	transform: translateX(-50%) translate3d(0, 0, 0);
	top: 0;
	width: 100vw;
	height: 300px;
	margin-top: -16px;
	background: #ffffff;
	position: absolute;
	z-index: -1;
}
/* 
  標準パーツ見出し
 */
.hdg-b.diff-center.diff-accent-none:before {
	display: none;
}
.hdg-b.diff-font-small {
	font-size: 2rem;
}

.hdg-c.diff-border-none {padding-bottom: 0; padding-left: 0;}
.hdg-c.diff-border-none::before {display: none;}
.hdg-c.diff-center {text-align: center; border-bottom: 0;}
/* 
  背景定義
 */
.section.diff-bg-zinrai-mainkv {
	background: url(/jp/imagesgig5/bg_ececec_tcm102-3751553_tcm102-2750236-32.jpg) center center no-repeat;
	background-size: cover;
}
.diff-bg-zinrai-mainkv-gradation {
	background: linear-gradient(180deg, #ececec 0px, #ececec 300px, transparent 350px);
}
@media only screen and (max-width: 767px) {
	.diff-bg-zinrai-mainkv-gradation {
		background: linear-gradient(180deg, #ececec 0px, #ececec 260px, transparent 350px);
	}
}
.section.diff-bg-zinrai-campaign {
	background: #E5DED8 url(/jp/imagesgig5/bg_img_zinrai_tcm102-3751554_tcm102-2750236-32.jpg) calc(400 / 1000 * 100vw) center no-repeat;
	background-size: auto 800px !important;
	min-height: 400px;
}
.section.diff-bg-zinrai-campaign .section-inner>* {
	min-width: 640px;
	max-width: 100%;
	width: 50%;
}
.section.diff-bg-zinrai-campaign .section-inner>h3 {
	color: #A30B1A;
	font-size: 2.4rem;
	margin-bottom: 32px;
}
.section.diff-bg-zinrai-campaign .section-inner>p {
	color: #3C3C3A;
	margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
	.section.diff-bg-zinrai-campaign {
		background: #E5DED8 url(/jp/imagesgig5/bg_img_zinrai_tcm102-3751554_tcm102-2750236-32.jpg) center center no-repeat;
	}
	.section.diff-bg-zinrai-campaign .section-inner>* {
		min-width: auto;
		max-width: initial;
		width: 100%;
	}
}
/* トップ用背景 */
.main-contents.diff-bg-zinrai-mainkv:before {
	content: "";
	display: block;
	position: absolute;
	background: url(/jp/imagesgig5/bg_ececec_tcm102-3751553_tcm102-2750236-32.jpg) center center no-repeat;
	background-color: #ececec;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: -2;
	opacity: .9;
	-webkit-transition: opacity 5s ease;
	transition: opacity 5s ease;
}
.zinrai_js-init .main-contents.diff-bg-zinrai-mainkv:before {
	opacity: 1;
}
.section.diff-bg-zinrai-about {
	background: url(/jp/imagesgig5/bg_img_zinrai_tcm102-3751554_tcm102-2750236-32.jpg) center right no-repeat;
	background-size: 50% !important;
	background-color: #e4ded7;
}
@media only screen and (max-width: 767px) {
	.section.diff-bg-zinrai-about {
		padding-bottom: 80%;
		background: url(/jp/imagesgig5/bg_img_zinrai_tcm102-3751554_tcm102-2750236-32.jpg) center bottom no-repeat;
		background-size: contain !important;
		background-color: #e4ded7;
	}
}

/* 各ページのkv画像幅調整 */
.zinrai-kv-mini {
	max-width: 400px;
	display: block;
	margin: 0 auto;
}


@media only screen and (max-width: 480px) {
    .zinrai-kv-mini {
	    max-width: 100%;
	    display: block;
	    margin: 0 auto;
    }
}

/* 
  ナビゲーション
 */
#container {
	overflow: hidden;
}
.nav-header-wrap {
	position: relative;
	margin-top: 12px;
}
.nav-header {
	z-index: 100;
	position: absolute;
	top: 0;
	width: 100%;
}
.nav-header.js-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
}
.nav-header .child-wrap {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 26px;
	background: rgba(255, 255, 255, 0.95);
	z-index: 99;
}
.nav-header {
	background-color: #000;
}
.nav-header>ul {
	color: #fff;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	height: 40px;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
.nav-header>ul>li {
	width: 16.6666%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	font-size: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.nav-header>ul>li {
		font-size: 1.5vw;
	}
}
.nav-header>ul>li>a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: #000;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-header>ul>li.active>a,
.nav-header>ul>li.js-hover>a {
	background-color: #ddd;
	color: #333;
}
@media only screen and (min-width: 769px) {
	.nav-header>ul>li.toggle-content_item-wide {
		flex-shrink: 0;
	}
	.nav-header>ul>li.active.p-fixed-w{
		min-width: 320px;
	}
}


/* mauseover */
.nav-header .child-wrap .child {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nav-header .child-wrap .child li {
	width: 33.3333%;
}
.nav-header .child-wrap .child a {
	display: block;
	text-decoration: none;
	padding: 13px;
}
.child-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.nav-header .child-wrap .child .child-item .img {
	width: 50%;
}
.nav-header .child-wrap .child .child-item .img img {
	width: 100%;
	height: auto;
}
.nav-header .child-wrap .child .child-item .contents {
	width: 48%;
	margin-left: 2%;
}
.nav-header .child-wrap .child .child-item .contents .title {
	display: block;
	font-size: 19.2px;
	font-weight: 700;
}
.nav-header .child-wrap .child .child-item .contents .txt {
	display: block;
	font-size: 16px;
	margin-top: 0.2em;
}
@media only screen and (max-width: 1280px) {
	.nav-header .child-wrap {
		padding: 2vw;
	}
	.nav-header .child-wrap .child a {
		padding: 1vw;
	}
	.nav-header .child-wrap .child .child-item .contents .title {
		font-size: 1.5vw;
	}
	.nav-header .child-wrap .child .child-item .contents .txt {
		font-size: 1.25vw;
	}
}
@media only screen and (max-width: 767px) {
	.nav-header .child-wrap .child .child-item .contents {
		width: 100%;
		margin-left: 0%;
	}
}
@media only screen and (max-width: 920px) {
	.nav-header>ul>li>a>span>span {
		display: block;
		text-align: center;
		line-height: 1;
		padding-top: 5px;
	}
}
@media only screen and (max-width: 768px) {
	/*.nav-header {
		display: none;
	}*/
	.nav-header>ul>li>a>span>span {
		display: inline;
		text-align: left;
		line-height: initial;
		padding-top: 0;
	}
	.nav-header>ul>li.active.p-fixed-w{
		width: 100%;
	}
	.nav-header.p-nav-fixed>ul>li {
		width: 100%;
	}
}

.nav-header-wrap + .hero-area-c, 
.nav-header-wrap ~ .hero-area-c, 
.nav-header-wrap ~ .lyt-keyvisual {padding-top: 0!important;}
@media screen and (min-width: 768px) {
	.nav-header-wrap {height: 40px;}
	/*ナビの下に新VIのKV*/
	.nav-header-wrap + .lf-hero-a {margin-top: 0!important;}
	/*ナビの下に旧タイプのKV*/
	.nav-header-wrap + .hero-area-c, 
	.nav-header-wrap ~ .hero-area-c, 
	.nav-header-wrap ~ .lyt-keyvisual {margin-top: 0!important;}
}

/*ナビtoggle-hookのリンク調整*/
.nav-header>ul>li .toggle-hook.c-toggle-hook_link .c-toggle-hook_link-text {flex-grow: 1; align-self: stretch; text-align: center; line-height: 40px;}
@media only screen and (max-width: 767px) {
	.nav-header>ul>li.js-toggle .toggle-hook.c-toggle-hook_link {padding: 0;}
	.nav-header>ul>li.js-toggle .toggle-hook.c-toggle-hook_link .c-toggle-hook_link-text {width: calc(100% - 50px); display: block; padding: 11px 16px; line-height: inherit;text-align: left;}
}
/*ナビchildの中にボタン*/
.nav-header .c-lyt-btn-nav.c-lyt-btn-nav {width: 100%!important; margin: 24px 0 16px;}
@media only screen and (max-width: 767px) {
	.nav-header .c-lyt-btn-nav.c-lyt-btn-nav {display: block; margin: 0;}
	.nav-header .c-lyt-btn-nav.c-lyt-btn-nav .btn-a {border-width: 0 0 1px; box-shadow: none; text-align: left; font-size: 1.4rem; color: #000!important;}
}

/* 
  リストお知らせ一覧用カスタム
 */
.tab-a.diff-zinrai-news .news>li>a {
	padding-left: 0;
	display: inline;
}
.tab-a.diff-zinrai-news .news>li>a:before {
	display: none;
}
.tab-a.diff-zinrai-news .news>li>a:hover {
	text-decoration: underline;
}
.lists[class="lists"]:not([style]) {
	height: auto;
	background: none;
}
@media only screen and (max-width: 480px) {
	.tab-a .lists[class="lists"]:not([style]) {
		padding-top: 0;
	}
}
/* 
  KV
 */
.lyt-keyvisual {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	position: relative;
	margin-top: 12px;
	background: #fff;
}
.lyt-keyvisual.p-lyt-keyvisual {
	padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual.p-lyt-keyvisual{
		background: #fff;
		-ms-flex-flow: column-reverse;
		flex-flow: column-reverse;
	}
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents{
	max-width: 58vw;
	position: absolute;
	top: 40px;
	right: calc( (100vw - 1280px ) / 2 );
	z-index: 50;
}
@media only screen and (max-width: 1280px) {
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents{
		right: 0;
	}
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents{
			width: 100%;
			max-width: none;
			position: static;
	}
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea{
	margin: 50px 40px 0 0;
	font-weight: bold;
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .subtitle{
	text-align: right;
	font-size: 1.8rem;
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .title{
	margin-bottom: 40px;
	text-align: right;
	font-size: 3.8rem;
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .btnarea{
	text-align: right;
}
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .btnarea.btnarea_multi .lyt-btn-b {
	justify-content: flex-end;
}
.lyt-keyvisual.background-service {
	background: #eee;
}
.lyt-keyvisual>.visual {
	min-height: 0%;
}
.lyt-keyvisual>.visual img {
	display: inline-block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: none;
	min-width: 100%;
	min-height: 100%;
}
.lyt-keyvisual.p-lyt-keyvisual>.visual img {
	display: block;
	position: absolute;
	-webkit-transform: none;
	left: 0;
	transform: none;
	width: 576px;
	height: 360px;
	margin: 180px auto 0 calc( (100vw - 1280px ) / 2 + 320px );
	max-width: none;
	min-width: auto;
	min-height: auto;
}
@media only screen and (min-width: 769px) {
	.lyt-keyvisual.p-lyt-keyvisual>.visual img.visual-img_full {
		max-width: calc(576px * 1.2)!important;
		width: calc(100vw - 320px)!important;
		height: auto!important;
		bottom: 0;
	}
}
@media only screen and (max-width: 1280px) {
	.lyt-keyvisual.p-lyt-keyvisual>.visual img {
		width: 450px;
		height: auto;
		margin: 0 0 0 320px;
		bottom: 0;
	}
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.visual img {
		position: relative;
		width: 100%;
		height: auto;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.visual img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}
.lyt-keyvisual>.contents {
	position: relative;
	max-width: 1000px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 260px;
	padding-top: 40px;
}
.lyt-keyvisual.p-lyt-keyvisual>.contents {
	left: -8px;
	-webkit-transform: none;
	transform: none;
	max-width: 320px;
	width: 320px;
	min-height: 500px;
	margin-left: calc( (100vw - 1280px ) / 2 );
}
@media only screen and (max-width: 1279px) {
	.lyt-keyvisual.p-lyt-keyvisual>.contents {
		margin-left: 0;
		left: 0;
	}
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual.p-lyt-keyvisual>.contents {
		width: 100%;
		left: 0;
	}
}
.lyt-keyvisual>.contents.diff-fullwidth {
	max-width: 1280px;
}
.lyt-keyvisual.h-medium>.contents,
.lyt-keyvisual.p-lyt-keyvisual>.contents
{
	min-height: 500px;
}
.lyt-keyvisual.h-large>.contents {
	min-height: 600px;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual.h-large>.contents,
	.lyt-keyvisual.h-medium>.contents,
	.lyt-keyvisual.p-lyt-keyvisual>.contents,
	.lyt-keyvisual>.contents {
		min-height: auto;
		padding-top: 0;
	}
}
.lyt-keyvisual>.contents .contents-inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: auto;
	-ms-flex-item-align: center;
	align-self: center;
	padding: 10px 0;
}
.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .pc-img{
	display: block;
}
.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .sp-img{
	display: none;
}
.lyt-keyvisual>.contents.diff-pattern-top .contents-inner {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding: 0;
}
.lyt-keyvisual>.contents.diff-pattern-top .contents-inner.diff-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.lyt-keyvisual>.contents.diff-pattern-title-left .contents-inner {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-item-align: normal;
	align-self: normal;
	padding: 0;
	min-height: 100%;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.contents .contents-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding: 16px;
	}
}
.lyt-keyvisual>.contents .titlearea {
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 10px 0;
}
.lyt-keyvisual.p-lyt-keyvisual>.contents .titlearea {
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.contents .titlearea {
		padding: 0;
		margin-bottom: 16px;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.contents .titlearea{
		display: block;
	}
}
.lyt-keyvisual>.contents .titlearea .title {
	line-height: 1.2;
	font-size: 3.2rem;
}
.lyt-keyvisual>.contents .titlearea .subtitle {
	margin-top: 15px;
	display: block;
}
.lyt-keyvisual>.contents .linkarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
}
.lyt-keyvisual>.contents .imagesarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 0%;
}
.lyt-keyvisual>.contents .imagesarea .img {
	display: block;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.contents .imagesarea .img {
		text-align: center;
	}
}
/* 左コンテンツパターン */
.lyt-keyvisual>.contents.diff-pattern-title-left .titlearea {
	padding: 0 20px;
	padding-top: 40px;
	background: rgba(255, 255, 255, 0.8);
	width: calc((1280px / 6) * 2);
}
.lyt-keyvisual>.contents.diff-pattern-title-left .subtitle {
	margin-top: 0;
	font-size: 1.8rem;
}
.lyt-keyvisual>.contents.diff-pattern-title-left .title {
	margin-top: 15px;
	font-size: 3.8rem;
}
.lyt-keyvisual>.contents.diff-pattern-title-left .title span {
	color: #a30b1a;
	padding: 0 8px;
}
.lyt-keyvisual>.contents.diff-pattern-title-left .title2 {
	margin-top: 20px;
	font-weight: 700;
	display: block;
}
.lyt-keyvisual>.contents.diff-pattern-title-left .lead {
	margin-top: 30px;
	display: block;
}
/*  テキスト折り返し調整  20191111*/
@media only screen and (max-width: 1480px) {
.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .title .br-widepc {
	display: none;
}
}
/*  テキスト折り返し調整  202007*/
@media only screen and (min-width: 1481px) {
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents {
		max-width: calc(1280px - 320px - 12px);
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .title{
		font-size: 3.6rem;
	}
}

@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.contents .imagesarea .img {
		text-align: center;
	}
	.lyt-keyvisual>.contents.diff-pattern-title-left .titlearea {
		width: 100%;
		text-align: center;
	}
	.lyt-keyvisual>.contents.diff-pattern-title-left .title {
		margin-top: 10px;
	}
}
/* スマホ用コンテンツパターン */
.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .titlearea{
	display: none;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner{
		flex-flow: wrap;
		justify-content: space-around !important;
		background-color: #eee;
		align-items: center;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .pc-img{
		display: none;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .sp-img{
		display: block;
		width: 30%;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .sp-img img{
		width: 100%;
		max-width: 200px;
		height: auto;
		object-fit: cover;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea {
		display: block;
		width: 54%;
		margin-bottom: 0;
		padding: 1rem 0;
		background: #eee;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea h1{
		font-weight: normal;
		text-align: left;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea h1 .subtitle{
		display: inline-block;
		margin-right: 10px;
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea{
		padding: 0 16px;
		margin: 32px 0;
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .subtitle{
		text-align: center;
		font-size: 1.8rem;
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .titlearea .title{
		margin-bottom: 40px;
		text-align: center;
		font-size: 1.8rem;
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .btnarea{
		text-align: center;
	}
	.lyt-keyvisual.p-lyt-keyvisual .sub_contents .btnarea.btnarea_multi .lyt-btn-b {
		justify-content: center;
	}
}
@media only screen and (max-width: 400px) {
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea {
		width: 48%;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea h1 .subtitle{
		display: block;
		font-size: 1.2rem;
	}
	.lyt-keyvisual.p-lyt-keyvisual>.sp-contents .contents-inner .titlearea h1 .title{
		display: block;
		font-size: 3.5rem;
	}
}
/* トップパターン */
.lyt-keyvisual>.contents.diff-pattern-top .titlearea {
	-ms-flex-item-align: auto;
	align-self: auto;
	justify-self: right;
	padding: 0 70px;
	margin-top: 70px;
	max-width: 640px;
}
.lyt-keyvisual>.contents.diff-pattern-top .subtitle {
	margin-top: 0;
}
.lyt-keyvisual>.contents.diff-pattern-top .title {
	margin-top: 10px;
	font-size: 4.8rem;
}
.lyt-keyvisual>.contents.diff-pattern-top .title .accent {
	color: #a30b1a;
	padding: 0 20px;
}
.lyt-keyvisual>.contents.diff-pattern-top .title2 {
	font-size: 2.2rem;
	margin-top: 24px;
}
.lyt-keyvisual>.contents.diff-pattern-top .lead {
	margin-top: 6px;
}
@media only screen and (max-width: 768px) {
	.lyt-keyvisual>.contents.diff-pattern-top .titlearea {
		padding: 16px;
	}
	.lyt-keyvisual>.contents.diff-pattern-top .titlearea {
		margin-top: 12px;
		text-align: center;
	}
}
/*
  Youtube wrapper
*/
.u-wrap-ytb {
	position: relative;
	padding-top: 56.34%;
}
.u-wrap-ytb iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*
  APIアイコン一覧
*/
.list-api-title {
	margin-left: -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}
.list-api-title__col1 {
	width: 235px;
	margin-left: 20px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 790px) {
	.list-api-title__col1 {
		width: 100%;
	}
}
.list-api-title__col2 {
	width: 490px;
	margin-left: 20px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 790px) {
	.list-api-title__col2 {
		width: 100%;
	}
}
.list-api-title__hdg {
	background: #a30b1a;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
.list-apitile {
	margin-left: -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-apitile li {
	position: relative;
	width: 235px;
	margin-left: 20px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
	.list-apitile.list-apitile-sp>li {
		width: 100%;
	}
}
.list-apitile__text-amall-1 {
	font-size: 90%;
}
.list-apitile__text-amall-2 {
	font-size: 69%;
}
.list-apitile a {
	display: block;
	padding: 20px 0px;
	padding-left: 70px;
	padding-right: 5px;
	border: 1px solid #ccc;
	background: #fff;
	min-height: 70px;
	vertical-align: middle;
	text-decoration: none;
}
[class^="list-apitile__icon-"] {
	position: absolute;
	top: 5px;
	font-size: 25px;
	line-height: 0;
}
.list-apitile__icon-1 {
	right: -3px;
	color: #e3642c;
}
.list-apitile__icon-2 {
	right: 13px;
	color: #dbbf00;
}
.list-apitile img {
	max-width: 56px;
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*
  API リストのアイコン
*/
.main-contents p+[class*="list-api-icon"] {
	margin-top: 14px !important;
}
.list-a.list-api-icon {
	padding-left: 0;
}
.list-api-icon>li:before {
	width: 14px;
	height: 14px;
	top: 0.3em;
	border-radius: 0;
}
.list-api-icon>li:first-child::before {
	background: #e3642c;
}
.list-api-icon>li:nth-of-type(2n)::before {
	background: #dbbf00;
}
/*
  powered by コンテンツエリアの行間
*/
.main-contents .section-inner-powered-by h2+h3 {
	margin-top: 6rem;
}
.main-contents .section-inner-powered-by p+h3 {
	margin-top: 6rem !important;
}
.main-contents .section-inner.section-inner-powered-by>*:last-child {
	margin-bottom: 9rem;
}
.main-contents .section .section-inner-powered-by .section-inner-powered-by__box {
	margin-top: 6rem;
}
.section-inner-powered-by .section-inner-powered-by__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
	.section-inner-powered-by .section-inner-powered-by__box {
		display: block;
	}
}
.section-inner-powered-by .section-inner-powered-by__box .section-inner-powered-by__box-col1 {
	width: calc(100% - (200px + 16px));
	margin-right: 16px;
}
@media only screen and (max-width: 767px) {
	.section-inner-powered-by .section-inner-powered-by__box .section-inner-powered-by__box-col1 {
		width: 100%;
	}
}
.section-inner-powered-by .section-inner-powered-by__box .section-inner-powered-by__box-col2 {
	width: 200px;
	padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
	.section-inner-powered-by .section-inner-powered-by__box .section-inner-powered-by__box-col2 {
		width: 100%;
		padding-top: 0;
		margin-top: 28px;
		text-align: center;
	}
}
/*
  powered by 矢印付き見出し
*/
.h-powered-by-arrow {
	margin-bottom: 20px;
	font-size: 2.2rem;
}
.h-powered-by-arrow a {
	text-decoration: none;
}
.h-powered-by-arrow img {
	position: relative;
	top: -3px;
	margin-right: 5px;
}
/*
  事例/カスタマーストリー(KV)
*/
.c-hero-area-cs .content {
	overflow: hidden;
	min-height: 400px;
}
.c-hero-area-cs .content {
	overflow: hidden;
	min-height: 400px;
}
.c-hero-area-cs .content-inner {
	max-width: 40%;
	position: relative;
	z-index: 1;
}
.c-hero-area-cs .visual {
	left: 40%;
	width: calc(1280px - 40%);
}
.c-hero-area-cs .content-inner .main-txt .sub-txt {
	font-weight: normal;
	display: block;
	font-size: 2.5rem;
	margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1280px) {
	.c-hero-area-cs .content {
		min-height: calc(400vw*100/1280);
	}
	.c-hero-area-cs .visual {
		left: 0;
		width: 100%;
	}
	.c-hero-area-cs .visual>img {
		height: calc(400vw*100/1280);
	}
	.c-hero-area-cs .content-inner .main-txt .sub-txt {
		font-size: calc(25vw*100/1280);
	}
}
@media only screen and (max-width: 767px) {
	.c-hero-area-cs .content {
		min-height: inherit;
	}
	.c-hero-area-cs--sp .content {
		display: block;
		padding-top: 0;
	}
	.c-hero-area-cs .visual {
		left: 0;
	}
	.c-hero-area-cs--sp .visual {
		position: relative;
	}
	.c-hero-area-cs .visual>img {
		right: 0;
		height: calc(220vw*100/320);
	}
	.c-hero-area-cs .content-inner {
		max-width: inherit !important;
	}
	.c-hero-area-cs .content-inner .main-txt .sub-txt {
		font-size: 1.6rem;
	}
}
/*
  事例/カスタマーストリー(動画)

  Youtube wrapperクラスを用いる
  DOMの構造は下記になる
  .p-movie.visual>.p-movie-inner>.u-wrap-ytb>iframe>
*/
.c-hero-area-cs .p-movie.visual{
	max-width: 710px;
	left: auto;
	right: 0;
}
.c-hero-area-cs .p-movie.visual .p-movie-inner{
	width: 100%;
}
@media only screen and (max-width: 1280px) {
	.c-hero-area-cs .p-movie.visual {
		width: 57%;
		right: 0;
		left: auto;
	}
}
@media only screen and (max-width: 768px) {
	.c-hero-area-cs .p-movie.visual {
		width: 100%;
		max-width: 100%;
		right: auto;
	}
	.c-hero-area-cs .p-movie.visual{
		height: calc( ( 100% / 16 ) * 9 );
	}
}

/*c-hero-area-cs2*/
.c-hero-area-cs2 {padding-top: 40px;}
@media only screen and (max-width: 1280px) {
	.c-hero-area-cs2 {min-height: calc(400vw * 100 / 1280 + 40px); max-height: calc(400vw * 100 / 1280 + 40px);}
	.c-hero-area-cs2 .content {min-height: calc(400vw * 100 / 1280); max-height: calc(400vw * 100 / 1280);}
}
@media only screen and (max-width: 1000px) {
	.c-hero-area-cs2 .content-inner .main-txt>* {font-size: 3.4vw!important;}
}
@media only screen and (min-width: 767px) and (max-width: 768px) {
	.c-hero-area-cs2 {min-height: calc(400vw * 100 / 1280); max-height: calc(400vw * 100 / 1280); padding-top:0;}
	.c-hero-area-cs2 .content {display: flex; flex-direction: row-reverse;}
	.c-hero-area-cs2 .content-inner {max-width: 40%; position: relative; z-index: 1; background: #eee; color:#000;}
	.c-hero-area-cs2 .p-movie.visual {width: 57%; right: 0; left: auto;}
}
@media only screen and (max-width: 766px) {
	.c-hero-area-cs2 {min-height: inherit!important; max-height: inherit!important; padding-top: 0;}
	.c-hero-area-cs2 .content {min-height: inherit!important; max-height: inherit!important;}
	.c-hero-area-cs2 .content-inner .main-txt>* {font-size: 2.4rem!important;}
}

/*
  事例/カスタマーストリー(table)
*/
.c-tbl-cs {
	table-layout: auto;
}
.c-tbl-cs tbody th {
	font-weight: 600;
}
.c-tbl-cs tbody th.c-tbl-cs__th {
	background: #f2f2f2;
}
.c-tbl-cs tbody th:not(.c-tbl-cs__th) {
	background: #fff;
	width: 20%;
}
@media only screen and (max-width: 767px) {
	.c-tbl-cs tbody th:not(.c-tbl-cs__th) {
		width: 100%;
	}
}
/*
  事例(矢印背景)
*/
.c-bg-arrow-cs {
	font-weight: bold;
	font-size: 2.8rem;
	text-align: center;
}
.c-bg-arrow-cs::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: -50px auto 0;
	pointer-events: none;
	border-style: solid;
	border-width: 100px 240px 0 240px;
	border-color: #a30b1a transparent transparent transparent;
	opacity: 0.1;
}
@media only screen and (max-width:767px) {
	.c-bg-arrow-cs::after {
		margin-top: 16px;
		border-width: 30px 100px 0 100px;
	}
}
/* 事例(画像回り込みエリア) */
.c-lyt-item-cs {
	width: 80%;
	margin: 0 auto;
}
.c-lyt-item-cs.lyt-item-a>* {
	vertical-align: middle;
}
@media only screen and (max-width:768px) {
	.c-lyt-item-cs {
		width: 100%;
	}
}
.c-lyt-hdg-cs {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.8rem;
}
/* 事例/カスタマーストリーのリストマージン */
.main-contents p+[class*="c-list-mt0-cs"] {
	margin-top: 0 !important;
}
.main-contents p+[class*="c-list-mt14-cs"] {
	margin-top: 14px !important;
}
/*
  コールセンターのAI変革に期待される効果 一覧
*/
.list-scene-anchor-wrap {
	max-width: 980px;
	margin: 0 auto;
}
.list-scene-anchor {
	margin-left: -40px;
	margin-bottom: -40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.list-scene-anchor li {
	margin-left: 40px;
	margin-bottom: 40px;
	min-width: 164px;
	max-width: 164px;
}
.list-scene-anchor li a {
	padding-top: 100%;
	position: relative;
	display: block;
	color: #a30b1a;
	text-align: center;
	border-radius: 50%;
}
.list-scene-anchor li a:before {
	display: block;
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #a30b1a;
	border-radius: 50%;
	-webkit-transition: background .2s;
	transition: background .2s;
}
.list-scene-anchor li a:hover:before {
	background: #f6cfd3;
}
.list-scene-anchor li a .txt {
	position: absolute;
	display: block;
	width: 80%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: bold;
}
.list-scene-anchor li a .txt img {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media only screen and (max-width: 480px) {
	.list-scene-anchor li {
		max-width: none;
		min-width: auto;
		width: calc(50% - 40px);
	}
}
/*
  コールセンター2カラム（大）
*/
.lyt-scene-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.lyt-scene-col2 .img {
	min-width: 270px;
	max-height: 270px;
	text-align: center;
}
.lyt-scene-col2 .contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
@media only screen and (max-width: 767px) {
	.lyt-scene-col2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}
	.lyt-scene-col2 .contents {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
	}
	.lyt-scene-col2 .img {
		margin-bottom: 20px;
	}
}
/*
  コールセンター矢印付き見出し
*/
.h-scene-arrow {
	position: relative;
	padding-left: 45px;
	margin-bottom: 30px;
	font-size: 3.2rem;
}
.h-scene-arrow img {
	position: absolute;
	left: 0;
	top: 4px;
}
@media only screen and (max-width: 767px) {
	.h-scene-arrow {
		font-size: 2.4rem;
		padding-left: 36px;
	}
	.h-scene-arrow img {
		width: 26px;
	}
}
/*
  コールセンター 定義リスト
*/
.list-scene-case {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-scene-case dt {
	width: 130px;
	font-weight: bold;
}
.list-scene-case dd {
	width: calc(100% - 130px);
	margin-bottom: 30px;
}
/*
  コールセンター ボタン定義
*/
.lyt-scene-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -10px;
	margin-bottom: -10px;
}
.lyt-scene-button li {
	margin-left: 10px;
	margin-bottom: 10px;
}
.button-scene-button {
	display: inline-block;
	color: #a30b1a;
	border: 1px solid;
	padding: 4px 44px 4px 34px;
	position: relative;
	text-decoration: none !important;
}
.button-scene-button:before {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1px solid;
	border-top: 1px solid;
	position: absolute;
	right: 12px;
	top: calc(50% - 2px);
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
.lyt-scene-button.lyt-scene-button--f-d-c{
	flex-direction: column;
}

.lyt-scene-button_flex li {
	display: flex;
	align-items: baseline;
}
.lyt-scene-button_flex-summary {
	font-size: 1.4rem;
}
@media only screen and (min-width: 1000px) {
	.lyt-scene-button_flex-summary {
		margin-left: 8px;
	}
	.lyt-scene-button_flex li .button-scene-button {
		white-space: nowrap;
	}
}
@media only screen and (max-width: 999px) {
	.lyt-scene-button_flex li {
		flex-wrap: wrap;
		margin-bottom: 16px;
	}
	.lyt-scene-button_flex-summary {
		width: 100%;
		margin-top: 4px;
	}
}


/*
  コールセンター 事例一覧（2カラム）
*/
.list-zinrai-case-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-left: -30px;
	margin-bottom: -30px !important;
	padding-bottom: 60px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.list-zinrai-case-col2 li {
	margin-left: 30px;
	margin-bottom: 30px;
	-ms-flex-preferred-size: 625px;
	flex-basis: 625px;
}
.list-zinrai-case-col2 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
}
.list-zinrai-case-col2 a:hover {
	opacity: .87;
}
.list-zinrai-case-col2 .img {
	-ms-flex-preferred-size: 300px;
	flex-basis: 300px;
}
.list-zinrai-case-col2 .img img {
	vertical-align: top;
}
.list-zinrai-case-col2 .txt {
	-ms-flex-preferred-size: 325px;
	flex-basis: 325px;
	padding-left: 30px;
}
.list-zinrai-case-col2 .txt .title {
	font-size: 2.4rem;
	font-weight: 700;
}
.list-zinrai-case-col2 .txt .desc {
	margin-top: 10px;
	display: block;
}
@media only screen and (max-width: 767px) {
	.list-zinrai-case-col2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
/*
  コールセンター 事例一覧（3カラム）
*/
.list-zinrai-case-col3 {
	display: flex;
	flex-wrap: nowrap;
	max-width: 960px;
	margin: auto;
	padding-bottom: 60px;
	justify-content: space-between;
}
.list-zinrai-case-col3 li {
	margin-right: 24px;
}
.list-zinrai-case-col3 li:nth-child(3n) {
	margin-right: 0;
}
.list-zinrai-case-col3 a {
	display: flex;
	flex-direction: column;
	max-width: 304px;
	text-decoration: none;
}
.list-zinrai-case-col3 a:hover {
	opacity: .87;
}
.list-zinrai-case-col3 .img img {
	vertical-align: top;
}
.list-zinrai-case-col3 .txt {
	margin-top: 8px;
}
.list-zinrai-case-col3 .txt .title {
	font-size: 2.4rem;
	font-weight: 700;
}
.list-zinrai-case-col3 .txt .desc {
	margin-top: 10px;
	display: block;
}
@media only screen and (max-width: 767px) {
	.list-zinrai-case-col3 {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.list-zinrai-case-col3 li {
		margin: 16px auto;
	}
	.list-zinrai-case-col3 li:nth-child(3n) {
		margin-right: auto;
	}
}
/*
  コールセンター 活用シーン（2カラム）
*/
.list-futures {
	margin-left: -20px;
	margin-bottom: -20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.list-futures li {
	width: 305px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.list-futures a {
	border: none;
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 62.5%;
	-webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.44);
	box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.44);
}
.list-futures a>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.list-futures a>span {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
	text-align: center;
}
.list-futures a>span>img {
	position: absolute;
	right: 13px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.main-contents .section .list-futures,
	.list-futures {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 767px) {
	.list-futures li {
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 480px) {
	.main-contents .section .list-futures,
	.list-futures {
		margin-top: 0;
	}
}
/*
  お問い合わせ
*/
.lyt-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media only screen and (max-width: 767px) {
	.lyt-contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
.lyt-contact>div {
	padding: 30px;
	border: 1px solid #fff;
	margin-left: 30px;
	width: 475px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 240px;
}
.lyt-contact .h-contact {
	text-align: center;
}
.lyt-contact .h-contact span {
	display: inline-block;
	padding-left: 50px;
	position: relative;
	margin: 0 auto;
}
.lyt-contact .h-contact img {
	position: absolute;
	left: 0;
	max-width: 35px;
}
.lyt-contact .btn-contact {
	background: #eaeaea;
	padding: 8px 60px 8px 60px;
	display: inline-block;
	border-radius: 5px;
	color: #595959;
	text-decoration: none;
	font-weight: 800;
	position: relative;
}
.lyt-contact .btn-contact:after {
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
	position: absolute;
	right: 13px;
	top: 50%;
}
.lyt-contact .h-contact-number {
	font-size: 3rem;
}
.lyt-contact .attention {
	font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
	.lyt-contact {
		margin-left: 0;
	}
	.lyt-contact>div {
		margin: 0;
		width: 100%;
	}
	.lyt-contact>div+div {
		margin-top: 20px;
	}
}
/*
  トップKV下リンク
*/
.lyt-top-headline-wrap {
	background: #fff;
	padding-top: 20px;
}
.lyt-top-headline {
	max-width: 1280px;
	margin: 0 auto;
}
.lyt-top-headline .section-inner {
	padding-bottom: 16px !important;
	padding-top: 32px !important;
}
.lyt-top-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-left: -10px;
}
.lyt-top-feature li {
	width: 100%;
	margin-left: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	min-height: 0%;
}
.lyt-top-feature li a {
	font-size: 2rem;
	font-weight: 700;
	position: relative;
	height: 100%;
}
.lyt-top-feature li a:before {
	content: "";
	display: block;
	width: 100%;
	height: 55px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.7) 100%);
}
.lyt-top-feature li a .title {
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 8px;
}
@media only screen and (max-width: 1279px) {
	.lyt-top-feature li a {
		font-size: 1.56vw;
	}
}
@media only screen and (max-width: 767px) {
	.lyt-top-headline-wrap {
		padding-bottom: 40px;
	}
	.lyt-top-feature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.lyt-top-feature li {
		max-width: 496px;
		padding: 0 20px;
	}
	.lyt-top-feature li+li {
		margin-top: 10px;
	}
	.lyt-top-feature li a {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 480px) {
	.lyt-top-feature li a {
		font-size: 4.2vw;
	}
}
/*
  トップKV下ニュース
*/
.lyt-top-news {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 15px;
}
.hdg-news {
	font-size: 2rem;
}
.hdg-news a {
	text-decoration: none;
	color: #a30b1a;
	padding-right: 20px;
	position: relative;
}
.hdg-news a:before {
	content: "";
	position: absolute;
	right: 10px;
	display: block;
	width: 7px;
	height: 7px;
	border-right: 1px solid;
	border-top: 1px solid;
	top: calc(50% - 2px);
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
.list-top-news {
	margin-left: 60px;
	margin-bottom: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
.list-top-news>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-bottom: 5px;
}
.list-top-news .category {
	width: 150px;
}
.list-top-news .slick-slide {
	width: 100% !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	outline: none;
	margin-bottom: 5px;
}
.list-top-news .slick-prev,
.list-top-news .slick-next {
	bottom: -20px;
	outline: none;
}
.list-top-news .slick-next {
	left: 20px;
}
.list-top-news .slick-prev:before,
.list-top-news .slick-next:before {
	width: 10px;
	height: 10px;
	border-width: 2px;
	left: 4px;
}
.list-top-news .slick-prev:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 7px;
}
.list-top-news .slick-next:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 0;
}
.list-top-news .slick-slide img {
	display: inline-block;
}
[data-script-enabled="true"] .list-top-news>div:nth-child(n+4) {
	display: none;
}
[data-script-enabled="true"] .p-news-chlid.list-top-news>div:nth-child(n+4) {
	display: flex !important;
}
@media only screen and (max-width: 980px) {
	.list-top-news {
		margin-left: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.list-top-news {
		margin-top: 10px;
		margin-left: 0;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
	}
	.lyt-top-news {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding: 0 16px;
		margin-bottom: 0;
	}
	.list-top-news>div,
	.list-top-news .slick-slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		margin-bottom: 0;
	}
	.list-top-news .category {
		width: 100%;
	}
}
/* 2カラムの場合 */
.lyt-top-news.p-news-2col{

}
.lyt-top-news.p-news-2col .hdg-news{
	width: 200px;
}
/* 1カラムの場合 */
.lyt-top-news.p-news-1col .list-top-news{
	margin-left: 260px;
}
@media only screen and (max-width: 980px) {
	.lyt-top-news.p-news-1col .list-top-news{
		margin-left: 230px;
	}
}
@media only screen and (max-width: 767px) {
	.lyt-top-news.p-news-1col .list-top-news{
		margin-left: 0;
	}
}
/*
  各トップセクション見出し
*/
.hdg-zinrai-top {
	text-align: center;
	font-size: 4rem;
	margin-bottom: 42px;
}
.hdg-zinrai-top .head {
	display: block;
	font-size: 2rem;
	font-weight: 400;
}
/*
  Zinraiを選ぶべき3つのキーワード
*/
.list-top-keywords {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -30px;
}
.list-top-keywords li {
	margin-left: 30px;
	width: 300px;
	font-size: 1.5rem;
}
.list-top-keywords li .img {
	text-align: center;
	margin-bottom: 24px;
}
/* アニメーション */
[data-script-enabled=true] .section .list-top-keywords li {
	opacity: 0;
}
[data-script-enabled=true] .section.show .list-top-keywords li {
	-webkit-animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
	animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}
[data-script-enabled=true] .section.show .list-top-keywords li:nth-child(2) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
[data-script-enabled=true] .section.show .list-top-keywords li:nth-child(3) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes anim-show {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes anim-show {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@media only screen and (max-width: 767px) {
	.list-top-keywords {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.list-top-keywords li:nth-child(2),
	.list-top-keywords li:nth-child(3) {
		margin-top: 32px;
	}
}
/*
  Zinraiを選ぶべき3つのキーワード(アニメーションなし)
*/
.section .p-no-animation-list-top-keywords.list-top-keywords li{
	opacity: 1;
}
/*
  Zinraiを選ぶべき3つのキーワード(テキスト中央寄せ)
*/
.p-list-top-keywords-txt-c.list-top-keywords li{
	text-align: center;
}
.p-list-top-keywords-txt-c.list-top-keywords li.p-fw-b{
	font-weight: bold;
}
/*
  Zinraiの活用シーン
*/
.c-arrow {
	position: relative;
	padding: 0 24px;
}
.c-arrow:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #a30b1a;
	border-right: 2px solid #a30b1a;
	transform: rotate(45deg);
}
/* タイトルの矢印をホバー時に消す処理 */
a:hover span.title .c-arrow:after {
	display: none;
}

.list-top-practical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -40px;
	margin-bottom: -40px !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.list-top-practical li {
	margin-left: 40px;
	position: relative;
	margin-bottom: 40px;
	width: calc(33.333% - 40px);
	-webkit-box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.2);
}
.list-top-practical li a {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	padding: 14px 8px;
	text-decoration: none;
	min-height: 1vh;
	-webkit-transition: min-height .2s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: min-height .2s cubic-bezier(0.22, 0.61, 0.36, 1);
	overflow: hidden;
}
.list-top-practical li a .title {
	font-weight: bold;
	max-width: 100%;
}
.list-top-practical li a .text {
	max-height: 0px;
	overflow: hidden;
	max-width: 100%;
	-webkit-transition: max-height .2s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: max-height .2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.list-top-practical li:hover a .text {
	max-height: 100vh;
}
.list-top-practical li:hover a {
	min-height: 100%;
	height: 0px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* ピクトグラムの場合 */
.list-top-practical .list-top-practical-pict img{
	display: block;
	margin: 20px auto 70px;
}
/*ホバーコンテンツの中にボタンがある場合*/
.list-top-practical li a .text .lyt-btn-b {display: none!important;}
.list-top-practical li:hover a .text .lyt-btn-b {display: block!important;}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.list-top-practical li a .title {
		font-size: 1.25vw;
	}
	.list-top-practical li a .text {
		font-size: 1.25vw;
	}
}
/* アニメーション */
[data-script-enabled=true] .section .list-top-practical li {
	opacity: 0;
}
[data-script-enabled=true] .section .list-top-practical.list-op-1 li {
	opacity: 1;
}
[data-script-enabled=true] .section.show .list-top-practical li {
	-webkit-animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
	animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(4) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(5) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(6) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(7) {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(8) {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
[data-script-enabled=true] .section.show .list-top-practical li:nth-child(9) {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
@media only screen and (max-width: 767px) {
	.list-top-practical {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
		margin-bottom: -20px !important;
	}
	.list-top-practical li {
		width: auto;
		height: 100%;
		max-width: 400px;
		background: #fff;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.list-top-practical li a {
		position: relative;
		margin-top: -53px;
		-webkit-transition: none;
		transition: none;
		min-height: auto !important
	}
	.list-top-practical li a .title {
		padding-bottom: 28px;
	}
	.list-top-practical li a .text {
		max-height: none;
		-webkit-transition: none;
		transition: none;
	}
	.list-top-practical li:hover a {
		height: auto;
	}
	.list-top-practical.c-practical-tab li a {
		position: absolute;
	}
	.list-top-practical.c-practical-tab li a .title {
		padding-bottom: 8px;
	}
	/* ピクトグラムの場合 */
	.list-top-practical .list-top-practical-pict{
		width: 400px;
	}
}
@media only screen and (max-width: 480px) {
	.list-top-practical li {
		max-width: 100%;
		min-height: 0%;
	}
}

.lyt-top-solutions-button li{
	margin-top: 60px;
	text-align: center;
}

.lyt-top-solutions-button li .button-top-solutions-button.btn-a{
	background: transparent;
}

/*
  Zinraiのサービス
*/
.lyt-top-service .lyt-service {
	background: #a30b1a;
	position: relative;
	color: #fff;
	padding: 11px 60px;
	padding-bottom: 15px;
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.lyt-top-service .lyt-service:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 25px;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	border-top: 2px solid;
	border-right: 2px solid;
	z-index: 3;
	pointer-events: none;
}
.lyt-top-service .lyt-service>*:not(.service-background) {
	z-index: 2;
}
.lyt-top-service .lyt-service h3 {
	position: relative;
	pointer-events: none;
}
.lyt-top-service .lyt-service .service-background {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
}
.lyt-top-service .lyt-service .service-background:hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d11124;
	z-index: 1;
}
.lyt-top-service .lyt-service a:not(.service-background):hover {
	background: #d11124;
}
.lyt-top-service .lyt-service>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px;
}
.lyt-top-service .lyt-service>ul>li {
	width: 100%;
}
.lyt-top-service .lyt-service>ul>li+li {
	margin-left: 16px;
}
.lyt-top-service .lyt-service>ul>li a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	z-index: 1;
	position: relative;
	padding: 4px 8px;
	background: #a30b1a;
}
.lyt-top-service>*:not(:first-child) {
	margin-top: 15px;
}
/* 2カラムの場合 */
.lyt-top-service .lyt-service-col2{
	display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.lyt-top-service .lyt-service-col2 h3{
	margin-bottom: 10px; 
}
.lyt-top-service .lyt-service-col2 .lyt-service{
	margin: 0;
	padding: 11px 28px;
}
.lyt-top-service .lyt-service-col2 .lyt-service.u-w-44per{
	width: 44%;
}
.lyt-top-service .lyt-service-col2 .lyt-service.u-w-55per{
	width: 55%;
}
.lyt-top-service .lyt-service-col2 .lyt-service::before{
	display: none;
}
.lyt-top-service .lyt-service-col2 .lyt-service>ul{
	height: 85px;
	flex-flow: column;
	align-items: center;
	margin-top: 0;
}
.lyt-top-service .lyt-service-col2 .lyt-service>ul>li{
	margin: 0 auto;
}
.lyt-top-service .lyt-service-col2 .lyt-service>ul>li:not(:first-child){
	margin-top: 15px;
}
.lyt-top-service .lyt-service-col2 .lyt-service>ul>li a{
	padding-right: 32px;
}
.lyt-top-service .lyt-service-col2 .lyt-service>ul>li a::before{
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 2px);
    right: 25px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid;
    border-right: 2px solid;
}
@media only screen and (max-width: 767px) {
	.lyt-top-service .lyt-service {
		padding: 11px 50px;
	}
	.lyt-top-service .lyt-service>ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}
	.lyt-top-service .lyt-service>ul>li+li {
		margin-left: 0;
		margin-top: 16px;
	}
	.lyt-top-service .lyt-service>ul.sp-col2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		margin-left: -16px;
	}
	.lyt-top-service .lyt-service>ul.sp-col2>li {
		width: calc(50% - 16px);
		margin-left: 16px;
		margin-top: 16px;
	}
	/* 2カラムの場合 */
	.lyt-top-service .lyt-service-col2{
		flex-flow: column;
	}
	.lyt-top-service .lyt-service-col2 .lyt-service{
		width: 100% !important;
	}
	.lyt-top-service .lyt-service-col2 .lyt-service{
		width: 100% !important;
	}
	.lyt-top-service .lyt-service-col2 .lyt-service:not(:first-child){
		margin-top: 15px;
	}
	.lyt-top-service .lyt-service-col2 .lyt-service>ul{
		height: auto;
	}
}
.lyt-top-service .lyt-service>ul.col2 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-left: -16px;
	margin-top: 0;
}
.lyt-top-service .lyt-service>ul.col2>li {
	width: calc(50% - 16px);
	margin-left: 16px;
	margin-top: 16px;
}
.lyt-top-service .lyt-service>ul.col2>li:nth-child(-n+2) {
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.lyt-top-service .lyt-service>ul.col2>li {
		width: 100%;
		margin-top: 16px;
	}
	.lyt-top-service .lyt-service>ul.col2>li:nth-child(-n+2) {
		margin-top: 16px;
	}
}
.lyt-top-service .lyt-other {
	padding: 11px 15px;
	padding-right: 45px;
	padding-bottom: 15px;
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a30b1a;
	background: rgba(255, 255, 255, .5);
}
.lyt-top-service .lyt-other>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px;
	max-width: 772px;
	margin-left: auto;
	margin-right: auto;
}
.lyt-top-service .lyt-other>ul>li a {
	width: 100%;
	display: block;
	color: #fff;
	text-decoration: none;
	z-index: 1;
	position: relative;
	padding: 10px 70px;
	background: #a30b1a;
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
}
.lyt-top-service .lyt-other>ul>li a:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 2px);
	right: 25px;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	border-top: 2px solid;
	border-right: 2px solid;
}
.lyt-top-service .lyt-other a:hover {
	background: #d11124;
}
@media only screen and (max-width: 767px) {
	.lyt-top-service .lyt-other {
		padding: 11px 28px;
	}
	.lyt-top-service .lyt-other>ul li {
		width: 100%;
	}
}
.lyt-top-service .lyt-other>ul.col3>li+li {
	margin-left: 10px;
}
.lyt-top-service .lyt-other>ul.col3>li a {
	padding: 10px 40px;
}
@media only screen and (max-width: 767px) {
	.lyt-top-service .lyt-other>ul.col3 {
		display: block;
	}
	.lyt-top-service .lyt-other>ul.col3>li+li {
		margin-left: 0;
	}
	.lyt-top-service .lyt-other>ul.col3>li {
		margin-bottom: 10px;
	}
	.lyt-top-service .lyt-other>ul.col3>li:last-child {
		margin-bottom: 0;
	}
}
/*
  関連情報
*/
.list-top-relation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -24px;
}
.list-top-relation li {
	margin-left: 24px;
	width: 304px;
	font-size: 1.5rem;
}
.list-top-relation li a {
	text-decoration: none;
	display: block;
}
.list-top-relation li a .contents>* {
	display: block;
}
.list-top-relation li a .title {
	margin-bottom: 14px;
	min-height: calc((1.5rem * 1.6) *2);
}
.list-top-relation li a .img {
	display: block;
	text-align: center;
	margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
	.list-top-relation {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
	}
	.list-top-relation li {
		width: auto;
		max-width: 100%;
		height: 100%;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.list-top-relation li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.list-top-relation li a .contents {
		margin-left: 20px;
		-ms-flex-preferred-size: 474px;
		flex-basis: 474px;
	}
	.list-top-relation li a .img {
		margin-bottom: 0;
		-ms-flex-preferred-size: 224px;
		flex-basis: 224px;
	}
	.list-top-relation li a .title {
		min-height: auto;
	}
}
@media only screen and (max-width: 480px) {
	.list-top-relation li .img {
		max-width: 150px;
	}
}
/*
  Zinraiとは
*/
.lyt-top-zinrai-about {
	width: 50%;
}
@media only screen and (max-width: 767px) {
	.lyt-top-zinrai-about {
		width: 100%;
	}
}
/*
  お問い合わせ追従
*/
.conv-contact {
	text-align: center;
	color: #404040;
	margin: 8px 0 !important;
	overflow: hidden;
}
.conv-contact .item+.item {
	margin-top: 35px;
	padding-top: 35px;
	position: relative;
}
.conv-contact .item+.item:before {
	content: "";
	display: block;
	width: calc(100% + 64px);
	height: 1px;
	background: #D9D9D9;
	top: 0;
	margin-left: -32px;
	position: absolute;
}
.conv-contact .head {
	padding-left: 26px;
	position: relative;
	font-size: 2rem;
	display: inline-block;
	margin: 0 auto;
}
.conv-contact .head.diff-icon-tel:before {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(//www.fujitsu.com/imgv5/common/utility/icon-tel-01.png);
	left: 0;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	top: calc(50% - 14px);
}
.conv-contact .head.diff-icon-mail:before,
.conv-contact .head.diff-icon-mail:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
}
.conv-contact .head.diff-icon-mail:before {
	width: 22px;
	height: 16px;
	background: #706f67;
	top: calc(50% - 8px);
}
.conv-contact .head.diff-icon-mail:after {
	width: 22px;
	height: 22px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	top: calc(50% - 10px);
	margin-top: -14px;
}
.conv-contact .head+.lyt-btn-b {
	margin-top: 5px;
}
.conv-contact .title {
	font-size: 1.6rem;
	margin-top: 15px;
}
.conv-contact .telnumber {
	font-size: 3.4rem;
	line-height: 1;
	margin-top: 5px;
	color: #EE1616;
}
.conv-contact .telnumber .sub {
	font-size: 1.6rem;
	color: #404040;
}
.conv-contact .notice {
	font-size: 1.4rem;
	margin-top: 10px;
}
#footer-conversion li.conversion>button.contact,
#footer-conversion .conv-list>li>a.login {
	padding: 9px 22px 8px 22px;
	min-width: auto;
}
@media only screen and (max-width: 767px) {
	#footer-conversion li.conversion>button.contact,
	#footer-conversion .conv-list>li>a.login {
		padding: 13px 6px 12px 6px;
		font-size: 1.6rem;
	}
}
#footer-conversion .conv-list>li>button.contact::before,
#footer-conversion .conv-list>li>a.login::before {
	display: none;
}
/* 
  プラットフォーム　バナー調整
 */
.bg-trial-campaign {
	width: auto;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	height: 300px;
	background: url(/jp/imagesgig5/zinrai_trial_hero-2_tcm102-4653627_tcm102-2750236-32.jpg) 50% 0 no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.bg-trial-campaign>.bg-trial-campaign-title-area {
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bg-trial-campaign>.bg-trial-campaign-title-area>h3 {
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 32px;
}
.bg-trial-campaign>.bg-trial-campaign-title-area>p {
	color: #fff;
	margin-bottom: 32px;
}
@media only screen and (max-width: 1000px) {
	.bg-trial-campaign {
		background: url(/jp/imagesgig5/zinrai_trial_hero_tcm102-4122172_tcm102-2750236-32.jpg) 60% 0 no-repeat;
	}
}
@media only screen and (max-width: 767px) {
	.bg-trial-campaign {
		height: 300px;
		background: url(/jp/imagesgig5/zinrai_trial_hero_tcm102-4122172_tcm102-2750236-32.jpg) 70% 0 no-repeat;
	}
	.bg-trial-campaign>.bg-trial-campaign-title-area {
		padding: 0 10px;
	}
	.bg-trial-campaign>.bg-trial-campaign-title-area>h3 {
		font-size: 1.5rem;
	}
}
/* Zinraiとは　キービジュアル */
@media only screen and (min-width: 768px) {
	.lyt-keyvisual-zinrai-about .section-inner {
		padding-top: 90px;
	}
}
.lyt-keyvisual-zinrai-about .keyvisual-ttl {
	padding-bottom: 44px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.lyt-keyvisual-zinrai-about .lyt-col-a {
		display: flex;
	}
	.lyt-keyvisual-zinrai-about .lyt-col-a .col:first-child {
		order: 2;
	}
	.lyt-keyvisual-zinrai-about .lyt-col-a .col:last-child {
		order: 1;
	}
}

/* Zinrai 名前の由来 *//* 白背景・透過・グレー枠 */
.c-zinrai-whitebox {
	border: 1px #aaa solid;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 15px 45px 30px;
	line-height: 1.8;
}
.c-zinrai-whitebox h2 {
	padding-bottom: 6px;
	font-size: 1.8rem;
	font-weight: normal;
}
@media only screen and (max-width: 767px) {
	.c-zinrai-whitebox {
		padding: 8px 12px;
	}
}
/* Zinraiについてもっと詳しく */
.c-zinrai-flow-card li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 2px #aaa solid;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 12px 10% 20px;
	text-decoration: none;
}
.c-zinrai-flow-card .c-zinrai-flow-card__hdg {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px #aaa solid;
	font-size: 2.1rem;
}
.c-zinrai-flow-card .c-zinrai-flow-card__title {
	position: relative;
	font-size: 1.8rem;
}
.c-zinrai-flow-card .c-zinrai-flow-card__title::after {
	content: "";
	position: absolute;
	top: 7px;
	right: -10px;
	width: 15px;
	height: 15px;
	border-top: 2px solid #a40e1c;
	border-right: 2px solid #a40e1c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-zinrai-flow-card .c-zinrai-flow-card__title span {
	display: block;
	padding-top: 12px;
	font-size: 1.4rem;
}
.list-zinrai-moredetailed {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 -32px -32px !important;
	text-align: center;
}
.list-zinrai-moredetailed li {
	flex: 1;
	max-width: 296px;
	margin: 0 0 32px 32px;
}
@media only screen and (max-width: 1000px) {
	.list-zinrai-moredetailed li {
		flex: none;
		width: 100%;
	}
}

/* Zinraiの商品体系　キービジュアル */
.lyt-keyvisual-zinrai-services .section-inner {
	padding-bottom: 48px !important;
}
@media only screen and (min-width: 768px) {
	.lyt-keyvisual-zinrai-services .section-inner {
		padding-top: 110px;
	}
}
@media only screen and (min-width: 1001px) {
	.lyt-keyvisual-zinrai-services .lyt-col-a .col:first-child {
		width: calc(100% - (640px + 60px));
	}
	.lyt-keyvisual-zinrai-services .lyt-col-a .col:last-child {
		width: calc(640px + 60px);
		padding-left: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.lyt-keyvisual-zinrai-services .lyt-col-a .col:first-child {
		width: 100%;
	}
	.lyt-keyvisual-zinrai-services .lyt-col-a .col:last-child {
		width: calc(640px + 60px);
		margin: 0 auto;
	}
}
.lyt-keyvisual-zinrai-services .keyvisual-subttl {
	font-size: 2.0rem;
	text-align: center;
}
.lyt-keyvisual-zinrai-services .keyvisual-ttl {
	margin-top: 0 !important;
	padding-top: 14px;
	text-align: center;
}
.lyt-keyvisual-zinrai-services .keyvisual-summary {
	padding: 32px 20px 0;
	line-height: 1.8;
}
.lyt-keyvisual-zinrai-services .keyvisual-figurettl {
	padding-bottom: 8px;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
}
.lyt-services-service > *:not(:first-child) {
	margin-top: 10px;
}
.lyt-services-service .lyt-service {
	padding: 10px 60px;
}
.lyt-services-service .lyt-service h3 {
	font-size: 1.6rem;
}
.lyt-services-service .lyt-service > ul > li a {
	font-size: 1.4rem;
}
.lyt-services-service .lyt-service-col2 .lyt-service {
	width: 49.5%;
	padding: 6px 11px 8px;
}
.lyt-services-service .lyt-service-col2 .lyt-service > ul > li:last-child {
	margin-top: -10px;
}
@media only screen and (max-width: 767px) {
	.lyt-services-service .lyt-service-col2 .lyt-service > ul > li:last-child {
		margin-top: 0;
	}
}
.lyt-services-service .lyt-service-col2 .lyt-service > ul > li:not(:first-child) {
	margin-top: 10px;
}
.lyt-services-service .lyt-service-col2 h3 {
	margin-bottom: 4px;
}
.lyt-services-service .lyt-other {
	padding: 11px;
}
.lyt-services-service .lyt-other h3 {
	font-size: 1.6rem;
	font-weight: normal;
}
.lyt-services-service .lyt-other > ul {
	margin-top: 4px;
}
.lyt-services-service .lyt-other > ul.col3 > li {
	width: calc(100% / 3);
}
@media only screen and (max-width: 767px) {
	.lyt-services-service .lyt-other > ul.col3 > li {
		width: 100%;
	}
}
.lyt-services-service .lyt-other > ul.col3 > li a {
	padding: 8px 8px 8px 0;
	font-size: 1.3rem;
}
.lyt-services-service .lyt-other > ul > li a:before {
	right: 15px;
}
.lyt-zinrai-links .section-inner {
	padding-top: 40px !important;
	padding-bottom: 60px;
}
.hdg-zinrai-links {
	padding: 0 0 10px 10px;
	margin-bottom: 50px;
}
.list-zinrai-links[class*=diff-col] {
	margin-left: -70px;
}
@media only screen and (max-width: 767px) {
	.list-zinrai-links[class*=diff-col] {
		margin-bottom: -18px !important;
	}
}
.list-zinrai-links[class*=diff-col] > * {
	padding-left: 70px;
	padding-bottom: 26px;
}
@media only screen and (max-width: 767px) {
	.list-zinrai-links[class*=diff-col] > * {
		padding-bottom: 18px;
	}
}
.list-zinrai-links p {
	margin-bottom: 20px;
	line-height: 1.8;
	color: #323232;
}
.list-zinrai-links div {
	line-height: 1.8;
	color: #323232;
}
.list-zinrai-links h4 + p {
	margin-left: 25px;
}
@media only screen and (max-width: 767px) {
	.list-zinrai-links h4 + p {
		margin-left: 0;
	}
}
.list-zinrai-links h3 {
	margin-bottom: 16px;
	font-weight: normal;
	font-size: 2.2rem;
}
.list-zinrai-links h4 {
	margin-top: 0 !important;
	margin: 0 0 10px 25px;
	font-weight: normal;
	font-size: 2.0rem;
	color: #323232;
}
.list-zinrai-links h4::before {
	display: inline-block;
	content: "";
	border-top: 3px solid #a40e1c;
	border-right: 3px solid #a40e1c;
	margin-right: 6px;
	vertical-align: 2px;
	width: 11px;
	height: 12px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
	.list-zinrai-links h4 {
		margin-left: 0;
	}
}
.list-zinrai-links h3 a::after, .list-zinrai-links h4 a::after {
	display: inline-block;
	content: "";
	border-top: 3px solid #a40e1c;
	border-right: 3px solid #a40e1c;
	margin-left: 10px;
	vertical-align: 0;
	width: 17px;
	height: 17px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.list-zinrai-links div a::after {
	display: inline-block;
	content: "";
	border-top: 3px solid #a40e1c;
	border-right: 3px solid #a40e1c;
	margin-left: 10px;
	vertical-align: 0;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
	.list-zinrai-links h3 a::after, .list-zinrai-links h4 a::after {
		border-top: 2px solid #a40e1c;
		border-right: 2px solid #a40e1c;
		vertical-align: 1px;
		width: 14px;
		height: 14px;
	}
}
.list-zinrai-links h3 > a, .list-zinrai-links h4 > a {
	text-decoration: none;
	font-weight: bold;
}
.list-zinrai-links div > a {
	text-decoration: none;
}
.list-zinrai-links a:hover, .list-zinrai-links a:active, .list-zinrai-links a:focus {
	text-decoration: underline;
	color: #57564f;
}
.lyt-zinrai-moredetailed .section-inner {
	padding: 70px 0 100px !important;
}
.lyt-zinrai-moredetailed .section-inner .hdg-zinrai-top {
	margin-bottom: 50px;
}
/* 
  タブ カスタマイズ
*/
.tab-a.c-tab-a_border-n {
	border-bottom: none;
}
/* 
  タブパネル内のカルーセル
*/
.tab-panel .carousel-box, 
.tab-panel .carousel-box-inside {
	height: auto!important;
}
.tab-panel .carousel-box-inside {
	overflow-x: hidden !important;
}

/*	[diff-tbl_zinrai] - inraiディープラーニング システム 仕様表
============================================================================== */
.diff-tbl_zinrai .tbl-hdg {padding: 10px 16px; background: #a40e1c; color: #fff;}
@media only screen and (max-width: 767px) {
	.diff-tbl_zinrai .tbl-hdg {width: 768px!important}
}
.diff-tbl_zinrai .tbl-a {table-layout: auto;}
.diff-tbl_zinrai .tbl-a tbody th {width: auto;}
.diff-tbl_zinrai .tbl-a tbody .narrow {padding: 10px 5px;}
.diff-tbl_zinrai .tbl-a tbody .tbl-w-9p {width: 9%;}
.diff-tbl_zinrai .tbl-a tbody .tbl-w-18p {width: 18%;}
.diff-tbl_zinrai .tbl-a tbody .tbl-w-36p {width: 36%;}
.diff-tbl_zinrai .tbl-a tbody .tbl-w-28p {width: 28%;}

/*	[c-doclist] - inraiディープラーニング システム ドキュメント
============================================================================== */
.c-doclist {margin: 0 16px 40px;}
.c-doclist .c-doclist_hdg {display: flex; padding: 16px; background: #eee;}
.c-doclist .c-doclist_hdg-pict {margin-right: 16px;}
.c-doclist .c-doclist_hdg-pict img {width: 50px; max-width: 50px;}
.c-doclist .c-doclist_hdg-ttl span {display: block;}
.c-doclist .c-doclist_hdg-ttl span.u-fw-normal {font-weight: normal;}
.c-doclist .c-doclist_subhdg {margin-top: 32px;}
.c-doclist .c-doclist_list {margin: 16px;}
.c-doclist .c-doclist_list .c-doclist_list-item {margin-bottom: 16px; border: 1px #dad9d6 solid;}
.c-doclist .c-doclist_list .c-doclist_list-item .c-doclist_list-inner {display: flex; padding: 16px; text-decoration: none; transition: color .2s;}
.c-doclist .c-doclist_list a:hover, 
.c-doclist .c-doclist_list a:active,
.c-doclist .c-doclist_list a:focus {opacity: .87;}
.c-doclist .c-doclist_list a .c-doclist_list-text:hover {text-decoration: underline;}
.c-doclist .c-doclist_list-thumb {margin-right: 16px;}
.c-doclist .c-doclist_list-thumb img {width: 100px; max-width: 100px; border: 1px #eee solid;}
.c-doclist .c-doclist_list-text_ttl {font-weight: bold;}
.c-doclist .c-doclist_list-text_sub {padding-top: 8px;}
.c-doclist .c-doclist_list-text_date {padding-top: 8px;}

@media screen and (max-width: 768px) {
	.c-doclist {margin: 0 0 24px;}
}
@media screen and (max-width: 480px) {
	.c-doclist .c-doclist_list li>a, 
	.c-doclist .c-doclist_list li>div {flex-direction: column;}
	.c-doclist .c-doclist_list-thumb {margin-bottom: 16px; margin-right: 0; text-align: center;}
}
 
/*	[c-panel_cp] - キャンペーン
============================================================================== */
.c-panel_cp .panels {border:1px solid #c6c6c0;}
.c-panel_cp .panel-visual {padding: 24px 0 24px 24px;}
.c-panel_cp .c-panel_cp-label {padding: 8px 8px 6px; text-align: center;}
.c-panel_cp .c-panel_cp-label.c-panel_cp-label_radius {margin-bottom: 16px; border-radius: 6px;}
.c-panel_cp .c-panel_cp-label.c-panel_cp-label_red {background: #a30b1a; color: #fff;}
.c-panel_cp .c-panel_cp-label.c-panel_cp-label_gray {background: #9d9c95; color: #fff;}
.c-panel_cp .c-panel_cp-linkbox a {padding:8px 12px 8px 40px;}
.c-panel_cp .c-panel_cp-linkbox a img.icon-a {top:12px; left:12px;}
.c-panel_cp .c-panel_cp-inner.panel-visual {width: 32%;}
.c-panel_cp .c-panel_cp-inner.panel-content {width: 68%;}
@media screen and (max-width: 768px) {
	.c-panel_cp .panel-visual {padding: 24px 24px 0;}
	.c-panel_cp .c-panel_cp-inner {width: 100%!important;}
}

/*	[hero-area-c] - KV 画像位置調整
============================================================================== */
@media only screen and (min-width: 1281px){
	.hero-area-c.lyt-main_wide .content {height: 400px;}
}
@media only screen and (max-width: 1280px){
	.hero-area-c.lyt-main_wide .content {height: calc(400vw*100/1280);}
	.lyt-main_wide .visual>img {right: -60px!important;}
}
@media only screen and (min-width: 768px){
	.hero-area-c.lyt-main_wide .content {align-items: center; padding-top: 0;}
	.hero-area-c.lyt-main_wide .content-inner {max-width: 55%;}
	.hero-area-c.lyt-main_wide .content-inner .main-txt {margin-bottom: 0;}
}
@media only screen and (min-width: 960px){
	.hero-area-c.lyt-main_wide .content-inner {max-width: 48%;}
}
@media only screen and (min-width: 1180px){
	.hero-area-c.lyt-main_wide .content-inner {max-width: 40%;}
}
@media only screen and (max-width: 767px){
	.hero-area-c.lyt-main_wide .content {height: inherit!important;}
	.hero-area-c.lyt-main_wide .visual>img {right: -120px!important;}
}

/*	[c-hero-area_hdg-center] - イベントページ
============================================================================== */
.hero-area-b.c-hero-area_hdg-center {justify-content: center; max-height: 300px; min-height: 300px; height: 100vh;}
.hero-area-b.c-hero-area_hdg-center .content {padding-top: 40px;}
.hero-area-b.c-hero-area_hdg-center .content-inner {display: flex; justify-content: center;}
.hero-area-b.c-hero-area_hdg-center .content .main-txt {margin: 0;}
.hero-area-b.c-hero-area_hdg-center .content .main-txt>h1 {background: none!important;}
@media only screen and (min-width: 768px) {
    .hero-area-b.c-hero-area_hdg-center {height: 100vh;}
}
@media only screen and (max-width: 767px) {
    .hero-area-b.c-hero-area_hdg-center { height: auto; max-height: inherit; min-height: inherit;}
    .hero-area-b.c-hero-area_hdg-center .content { padding-top:0;}   
	.hero-area-b.c-hero-area_hdg-center .visual {max-height: 300px; height: calc(300vw*100/767);}
}

/* hero-area-c 調整
============================================================================== */
.c-hero-area_wrap .hero-area-c .content-inner {z-index: 2;}
@media only screen and (min-width: 1281px) {
	.c-hero-area_wrap .hero-area-c .content {height: 400px;}
	.c-hero-area_wrap .hero-area-c .content-inner {max-width: calc(1280px - 600px); padding: 0 20px 0 40px;}
}
@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.c-hero-area_wrap .hero-area-c .content {height: calc(400vw*100/1280);}
	.c-hero-area_wrap .hero-area-c .content-inner {max-width: calc(100% - (400vw * 100 / 1280 * 1.5)); padding: 0 20px;}
	.c-hero-area_wrap .hero-area-c .content-inner .lyt-btn-b > * {font-size: calc(20vw*100/1280)}
}
@media only screen and (min-width: 767px) {
	/*.c-hero-area_wrap {padding-top: 40px;}*/
	.c-hero-area_wrap .hero-area-c .content {padding-top: 0;}
	.c-hero-area_wrap .hero-area-c .content-inner {display: flex; flex-direction: column; justify-content: center; width: 100%; margin-left: 0;}
}
@media only screen and (max-width: 768px) {
	.c-hero-area_wrap .hero-area-c .visual img {right: 0;}
}

/* c-dl-row
============================================================================== */
.c-dl-row {
	display: flex;
    flex-direction: column;
    background: #f7f7f7;
}
.c-dl-row dt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 24px 16px;
    font-size: 2.0rem;
    border-top: 5px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
	text-align: center;
}
.c-dl-row dd {
	padding: 24px;
}

@media only screen and (max-width: 768px) {
	.c-lyt-panel-color .visual a > * {color: #000!important;}
}

/* 
============================================================================== */
.u-mark-circle {display: flex;}
.u-mark-circle::before {content: ""; width: 4px; height: 4px; margin: 8px 16px 0 0; border: 4px #dad9d6 solid; border-radius: 4px;}

.icon-btn-movie {position: relative;}
.icon-btn-movie::before{ position: absolute; top: calc(50% - 4px); right: 8px; content: ""; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background: #fff;}
.icon-btn-movie::after{ position: absolute; top: calc(50% - 4px); right: 8px; content: ""; box-sizing: border-box; width: 6px; height: 4px; border: 4px solid transparent; border-left: 6px solid #a30b1a;}

/* list-step-a
============================================================================== */
.list-step-a.c-list-step-arw>li::before {width: auto; height: auto; bottom: -16px; left: calc((86px - 40px) / 2)!important; border-width: 20px 20px; border-color: #a30b1a transparent transparent; border-style: solid; background: none;}
.list-step-a.c-list-step-arw .step-txt {margin-right: 24px;}
.list-step-a.c-list-step-arw .step-txt-inner {border: 2px #a30b1a solid; text-align: center;}
.list-step-a.c-list-step-arw .step-txt-inner::before {display: none;}
@media print, screen and (max-width: 767px) {
	.list-step-a.c-list-step-arw>li{margin-bottom: 20px; padding-bottom: 50px}
	.list-step-a.c-list-step-arw>li::before {display: block; left: calc((118px - 40px) / 2)!important;}
	.list-step-a.c-list-step-arw>li:last-child::before {display: none;}
	.list-step-a.c-list-step-arw .step-txt {text-align: left;}
	.list-step-a.c-list-step-arw .step-txt-inner {padding: 4px 32px; margin-bottom: 16px;}
}
.list-step-a.c-list-step-c_bk>li::before {border-color: #000 transparent transparent;}
.list-step-a.c-list-step-c_bk .step-txt-inner {border-color: #000;}
.list-step-a.c-list-step-c_mg>li::before {border-color: #d80084 transparent transparent;}
.list-step-a.c-list-step-c_mg .step-txt-inner {border-color: #d80084;}

/* c-tagbox
============================================================================== */
.c-tagbox .c-tagbox-item {display: inline-block; padding: 4px 16px 2px; margin: 0 16px 16px 0; font-size: 1.4rem; border-radius: 5px;}
.c-tagbox .c-tagbox-item.c-tagbox-item_color-00 {background-color: #d9d9d9;}
.c-tagbox .c-tagbox-item.c-tagbox-item_color-01 {background-color: #f2dcdb;}
.c-tagbox .c-tagbox-item.c-tagbox-item_color-02 {background-color: #dbeef4;}

/* SNSシェアボタン
============================================================================== */
.list-share_btn {display: flex; justify-content: center;}
.list-share_btn li {display: flex; align-items: center; width: 32px; margin: 0 12px;}
.list-share_btn li img {width: 32px;}
@media screen and (max-width: 480px) {
	.c-hero-area_hdg-center.u-jc-fe {justify-content: center!important;}
}

/* KV [large]
============================================================================== */
.hero-area-b.c-hero-area-large .hdg-ttl span {display: block;}
.hero-area-b.c-hero-area-large .title .subtitle{font-size: 2.4rem;}
.hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide {margin-bottom: 0;}
.hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide li {margin-bottom: 0;}
.hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide li+li {margin-top: 30px;}
@media only screen and (min-width: 1329px) {
	.hero-area-b.c-hero-area-large .content {padding: 60px 0px;}
}
@media only screen and (min-width: 767px) and (max-width: 1328px) {
	.hero-area-b.c-hero-area-large .content {padding: 60px 24px;}/*window幅1280px以下は左右にpadding24px*/
}
@media only screen and (min-width: 767px) {
	.hero-area-b.c-hero-area-large .hdg-ttl {font-size: 5.4rem; line-height: 1.4;}
	.hero-area-b.c-hero-area-large .hdg-ttl span {margin-bottom: 32px; font-size: 4.6rem;}
	.hero-area-b.c-hero-area-large .content-inner {display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin-left: 0;}
	.hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide {display: flex; flex-direction: column; align-items: flex-start;}
}
@media only screen and (max-width: 766px) {
	.hero-area-b.c-hero-area-large {max-height: inherit!important; min-height: inherit!important;}
	.hero-area-b.c-hero-area-large .content-inner {height: auto!important;}
	.hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide li {max-width: 540px;}
	.hero-area-b.c-hero-area-large .hdg-ttl span {font-size: 2.8rem;}
	.hero-area-b.c-hero-area-large .title .subtitle{font-size: 1.8rem;}
	.hero-area-b.c-hero-area-large .visual {max-height: 480px;}
}

/* KV内ボタン2列
============================================================================== */
.c-hero-btn_col2 {display: flex; justify-content: space-between;}
.c-hero-btn_col2 .content_btn {width: calc(50% - 24px);}
.c-hero-btn_col2 .content_btn > dd > .lyt-btn-a {align-items: initial!important;}
.c-hero-btn_col2 .content_btn > dd > .lyt-btn-a a {width: 100%!important; min-width: auto; max-width: 540px;}
@media screen and (max-width: 768px) {
	.c-hero-btn_col2 {flex-flow: column; margin-top: 20px;}
	.c-hero-btn_col2 .content_btn {width: 100%; margin-top: 40px;}
	.c-hero-btn_col2 .content_btn dt {text-align: center;}
	.c-hero-btn_col2 .content_btn > dd > .lyt-btn-a a {min-width: 400px;}
}
@media screen and (max-width: 480px) {
	.c-hero-btn_col2 .content_btn > dd > .lyt-btn-a a {min-width: inherit;}
}

/* btn-radius
============================================================================== */
.btn-b.btn-radius {height: 80px; min-height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 2.0rem; font-weight: bold; transition: background .2s;}
.btn-b.btn-radius:hover, .btn-b.tn-radius:active, .btn-b.tn-radius:focus {opacity: 0.8;}
.btn-b.btn-radius[class*=diff-bgc-] {background-color: none; border: none;}

/* btn-red_radius
============================================================================== */
.btn-b.btn-red_radius {height: 80px; min-height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #f00; border: 1px solid #f00; font-size: 2.0rem; font-weight: bold; transition: background .2s;}
.btn-b.btn-red_radius:hover, .btn-b.btn-red_radius:active, .btn-b.btn-red_radius:focus {background: #d11124;}

/* c-lyt-btn-wide
============================================================================== */
@media only screen and (min-width: 767px) {
	.lyt-btn-a.c-lyt-btn-wide .btn-b.btn-red_radius {width: 540px;}
}
@media only screen and (max-width: 766px) {
	.lyt-btn-a.c-lyt-btn-wide .btn-b.btn-red_radius {max-width: calc(100vw - 16px * 2);}
} 
/* c-lyt-btn-wide_col
============================================================================== */
.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col {margin-bottom: -32px;}
.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col li {width: 616px; display: flex; flex-direction: column; align-items: center; border: 2px #fff solid; padding: 32px; margin-bottom: 32px;}
.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col .btn-b.btn-red_radius {max-width: 100%;}
@media only screen and (min-width: 767px) {
	.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col {justify-content: space-between;}
	.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col li {max-width: calc(50% - 16px);}
	.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col .btn-b.btn-red_radius {min-width: auto;}
}
@media only screen and (max-width: 766px) {
	.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col {justify-content: center;}
} 
@media only screen and (max-width: 480px) {
	.lyt-btn-a.c-lyt-btn-wide.c-lyt-btn-wide_col {flex-direction: row;}
}

/* c-tab-pages
============================================================================== */
.c-tab-pages {display: flex; justify-content: space-around; border: 1px solid #706f67;}
.c-tab-pages .c-tab-pages_item {width: 100%; text-align: center; font-size: 1.8rem;  background: #706f67; font-weight: bold; color: #706f67; border-width: 0 1px; border-color: #fff; border-style: solid;}
.c-tab-pages .c-tab-pages_item:first-child, 
.c-tab-pages .c-tab-pages_item:last-child {border-color: transparent;}
.c-tab-pages .c-tab-pages_item.current {background: #fff;}
.c-tab-pages .c-tab-pages_item span {display: block; padding: 8px;}
.c-tab-pages .c-tab-pages_item a {text-decoration: none; color: #fff;}
@media only screen and (max-width: 768px) {
	.c-tab-pages {flex-direction: column;}
	.c-tab-pages .c-tab-pages_item {border-width: 1px 0;}
}

/* c-z_flexbox
============================================================================== */
.c-z_flexbox {display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px;}
.c-z_flexbox > * {margin: 0 8px 16px; flex: 1; min-width: 0; word-break: break-word; box-sizing: border-box;}
.c-z_flexbox.c-z_flexbox_col2 > *, 
.c-z_flexbox.c-z_flexbox_col3 > *, 
.c-z_flexbox.c-z_flexbox_col4 > * {flex-grow: 0; flex-shrink: 0;}
.c-z_flexbox.c-z_flexbox_col2 > * {flex-basis: calc((100% / 2 - 16px) - 0.01px) !important; max-width: calc((100% / 2 - 16px) - 0.01px) !important;}
.c-z_flexbox.c-z_flexbox_col3 > * {flex-basis: calc((100% / 3 - 16px) - 0.01px) !important; max-width: calc((100% / 3 - 16px) - 0.01px) !important;}
.c-z_flexbox.c-z_flexbox_col4 > * {flex-basis: calc((100% / 4 - 16px) - 0.01px) !important; max-width: calc((100% / 4 - 16px) - 0.01px) !important;}

.c-z_flexbox > .c-z_flexbox_item-w10 {flex-basis: calc((10% - 16px) - 0.01px) !important; max-width: calc((10% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w15 {flex-basis: calc((15% - 16px) - 0.01px) !important; max-width: calc((15% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w20 {flex-basis: calc((20% - 16px) - 0.01px) !important; max-width: calc((20% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w25 {flex-basis: calc((25% - 16px) - 0.01px) !important; max-width: calc((25% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w30 {flex-basis: calc((30% - 16px) - 0.01px) !important; max-width: calc((30% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w35 {flex-basis: calc((35% - 16px) - 0.01px) !important; max-width: calc((35% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w40 {flex-basis: calc((40% - 16px) - 0.01px) !important; max-width: calc((40% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w45 {flex-basis: calc((45% - 16px) - 0.01px) !important; max-width: calc((45% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w50 {flex-basis: calc((50% - 16px) - 0.01px) !important; max-width: calc((50% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w55 {flex-basis: calc((55% - 16px) - 0.01px) !important; max-width: calc((55% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w60 {flex-basis: calc((60% - 16px) - 0.01px) !important; max-width: calc((60% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w65 {flex-basis: calc((65% - 16px) - 0.01px) !important; max-width: calc((65% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w70 {flex-basis: calc((70% - 16px) - 0.01px) !important; max-width: calc((70% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w75 {flex-basis: calc((75% - 16px) - 0.01px) !important; max-width: calc((75% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w80 {flex-basis: calc((80% - 16px) - 0.01px) !important; max-width: calc((80% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w85 {flex-basis: calc((85% - 16px) - 0.01px) !important; max-width: calc((85% - 16px) - 0.01px) !important;}
.c-z_flexbox > .c-z_flexbox_item-w90 {flex-basis: calc((90% - 16px) - 0.01px) !important; max-width: calc((90% - 16px) - 0.01px) !important;}
.c-z_flexbox.c-z_flexbox_border > * {padding: 16px; border: 1px #c6c6c0 solid;}

@media screen and (max-width: 768px) {
	.c-z_flexbox.c-z_flexbox_tab1 > * {flex-basis: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important;}
	.c-z_flexbox.c-z_flexbox_tab2 > * {flex-basis: calc((100% / 2 - 16px) - 0.01px) !important; max-width: calc((100% / 2 - 16px) - 0.01px) !important;}
	.c-z_flexbox.c-z_flexbox_tab3 > * {flex-basis: calc((100% / 3 - 16px) - 0.01px) !important; max-width: calc((100% / 3 - 16px) - 0.01px) !important;}
	.c-z_flexbox.c-z_flexbox_tab4 > * {flex-basis: calc((100% / 4 - 16px) - 0.01px) !important; max-width: calc((100% / 4 - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w10 {flex-basis: calc((10% - 16px) - 0.01px) !important; max-width: calc((10% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w15 {flex-basis: calc((15% - 16px) - 0.01px) !important; max-width: calc((15% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w20 {flex-basis: calc((20% - 16px) - 0.01px) !important; max-width: calc((20% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w25 {flex-basis: calc((25% - 16px) - 0.01px) !important; max-width: calc((25% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w30 {flex-basis: calc((30% - 16px) - 0.01px) !important; max-width: calc((30% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w35 {flex-basis: calc((35% - 16px) - 0.01px) !important; max-width: calc((35% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w40 {flex-basis: calc((40% - 16px) - 0.01px) !important; max-width: calc((40% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w45 {flex-basis: calc((45% - 16px) - 0.01px) !important; max-width: calc((45% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w50 {flex-basis: calc((50% - 16px) - 0.01px) !important; max-width: calc((50% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w55 {flex-basis: calc((55% - 16px) - 0.01px) !important; max-width: calc((55% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w60 {flex-basis: calc((60% - 16px) - 0.01px) !important; max-width: calc((60% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w65 {flex-basis: calc((65% - 16px) - 0.01px) !important; max-width: calc((65% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w70 {flex-basis: calc((70% - 16px) - 0.01px) !important; max-width: calc((70% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w75 {flex-basis: calc((75% - 16px) - 0.01px) !important; max-width: calc((75% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w80 {flex-basis: calc((80% - 16px) - 0.01px) !important; max-width: calc((80% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w85 {flex-basis: calc((85% - 16px) - 0.01px) !important; max-width: calc((85% - 16px) - 0.01px) !important;}
	.c-z_flexbox > .c-z_flexbox_item-tab_w90 {flex-basis: calc((90% - 16px) - 0.01px) !important; max-width: calc((90% - 16px) - 0.01px) !important;}
}
@media screen and (max-width: 480px) {
	.c-z_flexbox.c-z_flexbox_sp1 > *, 
	.c-z_flexbox.c-z_flexbox_col2 > *, 
	.c-z_flexbox.c-z_flexbox_col3 > *, 
	.c-z_flexbox.c-z_flexbox_col4 > * {flex-basis: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important;}
	.c-z_flexbox.c-z_flexbox_sp2 > * {flex-basis: calc((100% / 2 - 16px) - 0.01px) !important; max-width: calc((100% / 2 - 16px) - 0.01px) !important;}
}

/* section幅
============================================================================== */
.main-contents .section.diff-section-min-a .section-inner {padding-left: 20px; padding-right: 20px; max-width: 1140px }
.main-contents .section.diff-section-min-b .section-inner {padding-left: 20px; padding-right: 20px; max-width: 1000px;}
@media print, screen and (max-width: 768px) {
    .main-contents .section.diff-section-min-a .section-inner {padding-left:43px; padding-right: 43px;}
    .main-contents .section.diff-section-min-b .section-inner {padding-left:43px; padding-right: 43px;}
}
@media print, screen and (max-width: 480px) {
    .main-contents .section.diff-section-min-a .section-inner {padding-left:14px; padding-right: 14px;}
    .main-contents .section.diff-section-min-b .section-inner {padding-left:14px; padding-right: 14px;}
}
/*PC画面のみ幅調整*/
@media print, screen and (min-width: 769px) {
	.main-contents .section.diff-section-min-pc-a .section-inner {padding-left: 20px; padding-right: 20px; max-width: 1140px;}
	.main-contents .section.diff-section-min-pc-b .section-inner {padding-left: 20px; padding-right: 20px; max-width: 1000px;}
}

/*	[diff-zinrai-bgimg] - section背景
============================================================================== */
.diff-zinrai-bgimg {background: linear-gradient(180deg, #ececec 0px, #ececec 150px, transparent 350px) , url(/jp/imagesgig5/bg_ececec_tcm102-3751553_tcm102-2750236-32.jpg) center center no-repeat; background-size: cover;}

/* 
============================================================================== */
.list-boxboder>li:not(:first-child) { margin-top: 24px;}
.c-boxboder {padding: 24px; border: 1px #c6c6c0 solid; background: #fff;}
.diff-bg-black {background: #3b3b34; color: #fff;}


/* =============================================================================================
▼ zinrai__technology_tcm102-4635076_tcm102-2750236-32.css
============================================================================================= */
/*	[zinrai-tech] 
============================================================================== */
.zinrai-tech-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
}

.zinrai-techtile.zinrai-techtile__col1 .item{
    width: 100%;
}

.zinrai-techtile.zinrai-techtile__col2 .item{
    width: calc(50% - 8px);
}

.zinrai-tech-title__col1 {
        width: 156px;
        margin-bottom: 20px;
}
.zinrai-tech-title__col2 {
        width: 312px;
        margin-bottom: 20px;
}

div[class^="zinrai-tech-title__col"]:not(:first-child) {
        margin-left: 8px;
}

@media only screen and (max-width: 790px) {
        .zinrai-tech-title__col1,
        .zinrai-tech-title__col2 {
                width: 100%;
                margin-left:0!important;
        }
}
.zinrai-tech-title__hdg {
        background: #a30b1a;
        color: #fff;
        padding: 4px 10px;
        margin-bottom: 20px;
}
.zinrai-tech-title__hdg > img {
	display: block;
	height: 32px;
	margin: 0 auto;
}
.zinrai-techtile {
        margin-left: -8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.zinrai-techtile li.item {
        margin-left: 8px;
        margin-bottom: 20px;
}

.zinrai-techtile li.item a {
        border: 2px solid #a30b1a;
        height: 52px;
        position: relative;
        display: block;
        background: #fff;
        text-decoration: none;
        transition: background .2s;
}
@media only screen and (max-width: 480px) {
        .zinrai-techtile.zinrai-techtile-sp>li.item {
                width: 100%;
        }
}
.zinrai-techtile__text-amall-1 {
        font-size: 90%;
}
.zinrai-techtile__text-amall-2 {
        font-size: 69%;
}

.zinrai-techtile__text-amall-1-pc {
        font-size: 90%;
}

.zinrai-techtile__text-amall-2-pc {
    font-size: 69%;
}

@media only screen and (max-width: 768px) {
    .zinrai-techtile__text-amall-1-pc,
    .zinrai-techtile__text-amall-2-pc {
            font-size: 100%;
    }
}

.zinrai-techtile li.item a span {
        display: block;
        position: absolute;
        width: 99%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: 1.2;
        font-size: 1.8rem;
        color: #a30b1a;
        padding-top: 1px;
}
@media only screen and (max-width: 790px) {
        .zinrai-techtile li.item a span > br {
                display: none;
        }
}
.zinrai-techtile li.item a:hover {
    background: #f6cfd3;
}

.zinrai-tech-detail-flx-col2{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.zinrai-tech-detail-flx-col2 .item_title {
    width: 20%;
    font-weight: bold;
}

.zinrai-tech-detail-flx-col2 .item_detail {
    width: calc(80% - 20px);
    margin-right: 20px;
}
.zinrai-list-link>li+li {
    margin-top: 12px;
}

.zinrai-tech-arrw::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #a40e1c;
    border-right: 2px solid #a40e1c;
    margin-left: 10px;
    vertical-align: 0;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.zinrai-tech-title .zinrai-tech-title--other{
        background: #808080;
        padding: 20px;
        width: 100%;
        color:#fff;
        margin: 0 auto;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other {
    margin-left: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other li.item{
    margin-left: 8px;
    margin-bottom:0;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other li.item a {
    border: 1px solid #000;
    height: 52px;
    position: relative;
    display: block;
    background:#fff;
    text-decoration: none;
    transition: background .2s;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other li.item a:hover {
    background:#f6cfd3;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other li.item a span {
    display: block;
    position: absolute;
    width: 99%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.2;
    font-size: 1.8rem;
    color: ##808080;
    padding-top: 1px;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4  li.item,
.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4  li.item--label{
        height: 52px;
        position: relative;
        display: block;
        width: calc(25% - 8px);
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item.comb--2,
.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label.comb--2{
        height: 52px;
        position: relative;
        display: block;
        width: calc(50% - 8px);
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item.comb--3 ,
.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label.comb--3{
        height: 52px;
        position: relative;
        display: block;
        width: calc(75% - 8px);
}

.zinrai-tech-title .zinrai-tech-title--other hr {
    border-width: 3px 0 0 0;
    border-style: solid;
    border-color: #fff;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label a{
    border: 2px solid #a30b1a;
    height: 52px;
    position: relative;
    display: block;
    background:#fff;
    text-decoration: none;
    transition: background .2s;
    background: #808080;
    color: #000!important;  
    border:none;
}   

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label a span{
    display: block;
    position: absolute;
    width: 99%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.2;
    font-size: 1.8rem;
    color:#fff;
    padding-top: 1px;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label {
    margin-left: 8px;
    margin-bottom: 0;
}

.zinrai-tech-title .zinrai-techtile--other--other li.item a {
    border: 2px solid #a30b1a;
    height: 52px;
    position: relative;
    display: block;
    background:#fff;
    text-decoration: none;
    transition: background .2s;
}

.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item > span,
.zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label > span{
        color: #000;
        display: block;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: 1.2;
        font-size: 1.8rem;
        color: #a30b1a;        
}

@media only screen and (max-width: 768px) {
    .zinrai-tech-title .zinrai-tech-title--other,
    .zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li{
        width:100% !important;
    }

    .zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li:not(:last-child){
        margin-bottom:20px !important;
    }


    .zinrai-tech-title .zinrai-tech-title--other .zinrai-techtile--other.zinrai-techtile--other__col4 li.item--label span{
        color: #ffffff !important;
    }
}

/*背景色*/
.zinrai-tech-diff-bg-blue {
    background-color: #0f5c9d;
}

/**幅**/
.z-tech-w-100p{width: 100%;}
.z-tech-w-80p {width: 80%;}
.z-tech-w-60p {width: 60%;}
.z-tech-w-50p {width: 50%;}
.z-tech-w-40p {width: 40%;}
.z-tech-w-30p {width: 30%;}
.z-tech-w-20p {width: 20%;}
.z-tech-w-10p {width: 10%;}

/*上マージンパターン*/
.z-tech-mt-0{margin-top: 0 !important;}
.z-tech-mt-8{margin-top: 8px !important;}
.z-tech-mt-10{margin-top: 10px !important;}
.z-tech-mt-16{margin-top: 16px !important;}
.z-tech-mt-20{margin-top: 20px !important;}
.z-tech-mt-24{margin-top: 24px !important;}
.z-tech-mt-30{margin-top: 30px !important;}
.z-tech-mt-32{margin-top: 32px !important;}
.z-tech-mt-40{margin-top: 40px !important;}
.z-tech-mt-48{margin-top: 48px !important;}
.z-tech-mt-50{margin-top: 50px !important;}
.z-tech-mt-60{margin-top: 60px !important;}
.z-tech-mt-64{margin-top: 64px !important;}

/*下マージンパターン*/
.z-tech-mb-0{margin-bottom: 0 !important;}
.z-tech-mb-8{margin-bottom: 8px !important;}
.z-tech-mb-10{margin-bottom: 10px !important;}
.z-tech-mb-16{margin-bottom: 16px !important;}
.z-tech-mb-20{margin-bottom: 20px !important;}
.z-tech-mb-24{margin-bottom: 24px !important;}
.z-tech-mb-30{margin-bottom: 30px !important;}
.z-tech-mb-32{margin-bottom: 32px !important;}
.z-tech-mb-40{margin-bottom: 40px !important;}
.z-tech-mb-48{margin-bottom: 48px !important;}
.z-tech-mb-50{margin-bottom: 50px !important;}
.z-tech-mb-60{margin-bottom: 60px !important;}
.z-tech-mb-64{margin-bottom: 64px !important;}

/*上パディング(10～60px)*/
.z-tech-pt-10{padding-top: 10px;}
.z-tech-pt-20{padding-top: 20px;}
.z-tech-pt-30{padding-top: 30px;}
.z-tech-pt-40{padding-top: 40px;}
.z-tech-pt-50{padding-top: 50px;}
.z-tech-pt-60{padding-top: 60px;}

/*下パディング(10～60px)*/
.z-tech-pb-10{padding-bottom:10px;}
.z-tech-pb-20{padding-bottom:20px;}
.z-tech-pb-30{padding-bottom:30px;}
.z-tech-pb-40{padding-bottom:40px;}
.z-tech-pb-50{padding-bottom:50px;}
.z-tech-pb-60{padding-bottom: 60px;}

/*左パディング(0～60%)*/
.z-tech-pl-0{padding-left:0;}
.z-tech-pl-10{padding-left:10%;}
.z-tech-pl-20{padding-left:20%;}
.z-tech-pl-30{padding-left:30%;}
.z-tech-pl-40{padding-left:40%;}
.z-tech-pl-50{padding-left:50%;}
.z-tech-pl-60{padding-left:60%;}


/*背景色なし*/
.z-bg-none {
    background:none !important;
}

/*キャプション用エリア*/
.zinrai-text-caption{
        font-size: 1.4rem;
}

/* GIG5拡張 ボタン */
.p-lyt-btn-a .p-btn-a {
        font-size: 1.6rem;
        min-width: 200px;
}

.p-btn-a::before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
}

@media only screen and (max-width: 768px) {
    .z-bg-none-tab{
        background:none!important;
    }
}

@media only screen and (max-width: 480px) {
    .z-bg-none-sp {
        background:none!important;
    }
    .p-lyt-btn-a .p-btn-a {
        font-size: 1.6rem;
        width: inherit;
        min-width: 200px;
        padding: 10px 24px;
    }

/*左パディング(0～60%)*/
.z-tech-pl-0-sp{padding-left:0!important;}
.z-tech-pl-10-sp{padding-left:10%!important;}
.z-tech-pl-20-sp{padding-left:20%!important;}
.z-tech-pl-30-sp{padding-left:30%!important;}
.z-tech-pl-40-sp{padding-left:40%!important;}
.z-tech-pl-50-sp{padding-left:50%!important;}
.z-tech-pl-60-sp{padding-left:60%!important;}
}


/* =============================================================================================
▼ zinrai__solutions_tcm102-4377821_tcm102-2750236-32.css
============================================================================================= */
/*	[c-hero-area-fz] - ヒーローエリア
============================================================================== */
@media only screen and (min-width: 1281px) {
  .c-hero-area-fz .content-inner {
    margin-left: 40px !important; }

  .c-hero-area-fz .content-inner .main-txt .sub-txt {
    font-size: 2rem; }

  .c-hero-area-fz .visual {
    left: 50%;
    width: calc(1280px - 50%); }
    .c-hero-area-fz .visual img {
      left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .c-hero-area-fz .content-inner .main-txt > * {
    font-size: 3.5vw; }

  .c-hero-area-fz .content-inner .main-txt .sub-txt {
    font-size: 1.9vw; } }
@media only screen and (min-width: 768px) {
  .c-hero-area-fz .content-inner {
    margin-left: 2%; }

  .c-hero-area-fz--min .content-inner {
    max-width: 50% !important; } }

@media only screen and (min-width: 769px) and (max-width: 1000px) {
	.c-hero-area-fz .content-inner .main-txt.main-txt_long {
		margin-top: 10%!important;
	}
	.c-hero-area-fz .content-inner .main-txt.main-txt_long h1 {
		line-height: 1.1;
	}
	.c-hero-area-fz .content-inner .main-txt.main-txt_long h1 .sub-txt {
		margin-top: 5%!important;
		line-height: 1.3;
	}
}

/*	[problem-area] - このような課題はありませんか？
============================================================================== */
.diff-problem-area {
  position: relative;
  margin-bottom: 20px; }
  .diff-problem-area::after {
    content: "";
    background: url("/jp/imagesgig5/arrow_ex_large_tcm102-4377970_tcm102-2750236-32.jpg") no-repeat;
    background-size: 361px 60px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    width: 361px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden; }

@media only screen and (max-width: 767px) {
  .diff-problem-area .section-inner::after {
    background-size: calc(361px / 3 * 2) calc(60px / 3 * 2);
    bottom: calc(60px / 3 * 2 * -1);
    width: calc(361px / 3 * 2);
    height: calc(60px / 3 * 2); } }
.c-problem-area {
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: bold; }

.c-problem-area li {
  display: flex;
  justify-content: center;
  text-align: center; }

.c-problem-area li > div {
  background: url(/jp/imagesgig5/icon_check_tcm102-4377972_tcm102-2750236-32.png) no-repeat;
  border: 4px #fff solid; }

@media screen and (min-width: 1280px) {
  .c-problem-area {
    margin-left: -130px;
    font-size: 1.9rem; }

  .c-problem-area li {
    margin-left: 130px; }

  .c-problem-area li > div {
    width: 300px;
    height: 300px;
    border-radius: 150px; }

  .c-problem-area-long li > div {
    padding-top: 120px;
    background-position: center 48px; }

  .c-problem-area-short li > div {
    padding-top: 140px;
    background-position: center 58px; } }
@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .c-problem-area {
    margin: 0 4% 0 2%;
    font-size: 1.8rem; }

  .c-problem-area li {
    width: calc(100% / 3);
    margin-left: 2%; }

  .c-problem-area li > div {
    width: 260px;
    height: 260px;
    border-radius: 130px; }

  .c-problem-area-long li > div {
    padding-top: 90px;
    background-position: center 35px; }

  .c-problem-area-short li > div {
    padding-top: 110px;
    background-position: center 45px; } }
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .c-problem-area {
    margin: 0 4% 0 2%;
    font-size: 1.6rem; }

  .c-problem-area li {
    width: calc(100% / 3);
    margin-left: 2%; }

  .c-problem-area li > div {
    width: 230px;
    height: 230px;
    border-radius: 115px; }

  .c-problem-area-long li > div {
    padding-top: 85px;
    background-position: center 30px; }

  .c-problem-area-short li > div {
    padding-top: 105px;
    background-position: center 40px; } }
@media only screen and (max-width: 767px) {
  .c-problem-area {
    flex-direction: column;
    font-size: 1.8rem; }

  .c-problem-area li {
    margin-bottom: 40px; }

  .c-problem-area li > div {
    width: 280px;
    height: 280px;
    border-radius: 140px; }

  .c-problem-area-long li > div {
    padding-top: 105px;
    background-position: center 40px; }

  .c-problem-area-short li > div {
    padding-top: 130px;
    background-position: center 50px; }

  .c-problem-area li:last-child {
    margin-bottom: 0; } }

/*	[c-flex-box] - 特長・効果
============================================================================== */
.c-flex-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start; }

@media screen and (max-width: 768px) {
  .c-flex-box li:nth-child {
    margin-right: 0; } }
.c-flex-box li.c-flex-box__bd {
  border: 1px solid #c6c6c0; }

.c-flex-box li.c-flex-box__col2 {
  width: calc(((100% / 2) - 16px * 1 / 2) - 0.01px);
  margin: 0 16px 16px 0; }

@media screen and (min-width: 769px) {
  .c-flex-box li.c-flex-box__col2:nth-child(2n) {
    margin-right: 0; } }
.c-flex-box li.c-flex-box__col3 {
  position: relative;
  width: calc(((100% / 3) - 16px * 2 / 3) - 0.01px);
  margin: 0 16px 16px 0; }

@media screen and (min-width: 769px) {
  .c-flex-box li.c-flex-box__col3:nth-child(3n) {
    margin-right: 0; } }
.c-flex-box li.c-flex-box__col4 {
  width: calc(((100% / 4) - 16px * 3 / 4) - 0.01px);
  margin: 0 16px 16px 0; }

@media screen and (min-width: 769px) {
  .c-flex-box li.c-flex-box__col4:nth-child(4n) {
    margin-right: 0; } }
.c-flex-box li.c-flex-box__col5 {
  width: calc(((100% / 5) - 16px * 4 / 5) - 0.01px);
  margin: 0 16px 16px 0; }

@media screen and (min-width: 769px) {
  .c-flex-box li.c-flex-box__col5:nth-child(5n) {
    margin-right: 0; } }
.c-flex-box li.c-flex-box__col6 {
  width: calc(((100% / 6) - 16px * 5 / 6) - 0.01px);
  margin: 0 16px 16px 0; }

@media screen and (min-width: 769px) {
  .c-flex-box li.c-flex-box__col6:nth-child(6n) {
    margin-right: 0; } }
@media screen and (max-width: 768px) {
  .c-flex-box li.c-flex-box__tab-col1 {
    width: 100%;
    margin: 16px 0 0 0; } }
@media screen and (max-width: 768px) {
  .c-flex-box li.c-flex-box__tab-col2 {
    width: calc(((100% / 2) - 16px * 1 / 2) - 0.01px);
    margin: 0 16px 16px 0; }

  .c-flex-box li.c-flex-box__tab-col2:nth-child(2n) {
    margin-right: 0; } }
@media screen and (max-width: 768px) {
  .c-flex-box li.c-flex-box__tab-col3 {
    width: calc(((100% / 3) - 16px * 2 / 3) - 0.01px);
    margin: 0 16px 16px 0; }

  .c-flex-box li.c-flex-box__tab-col3:nth-child(3n) {
    margin-right: 0; } }
@media screen and (max-width: 768px) {
  .c-flex-box li.c-flex-box__tab-col4 {
    width: calc(((100% / 4) - 16px * 3 / 4) - 0.01px);
    margin: 0 16px 16px 0; }

  .c-flex-box li.c-flex-box__tab-col4:nth-child(4n) {
    margin-right: 0; } }
@media screen and (max-width: 480px) {
  .c-flex-box li.c-flex-box__sp-col1 {
    width: 100%;
    margin: 0 0 16px 0; }

  .c-flex-box li.c-flex-box__sp-col1:last-child {
    margin-bottom: 0; } }
.c-flex-box a {
  text-decoration: none; }

.c-flex-box a:hover {
  opacity: 0.8; }

.c-flex-box .c-flex-box__visual {
  text-align: center;
  display: block; }

.c-flex-box .c-flex-box__content {
  padding: 16px;
  display: block; }

.c-flex-box .c-flex-box__title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px; }

.c-flex-box .c-flex-box__label {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-bottom: 16px; }

.c-flex-box .c-flex-box__label > * {
  display: inline-block;
  padding: 4px 8px;
  text-align: left;
  color: #fff;
  background: #a30b1a; }

.c-flex-box .c-flex-box__summary {
  display: block;
  margin-bottom: 16px; }

.c-flex-box .c-flex-box__summary:last-child {
  margin-bottom: 0; }

.c-flex-box__title.c-flex-box__title--red {
  color: #a30b1a;
  text-align: center;
  font-size: 2rem; }

.c-flex-box-a .c-flex-box__content {
  padding: 24px 24px 40px; }

.c-flex-box .c-flex-box__item {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 6px 12px 4px;
  line-height: 1.0;
  font-size: 1.5rem; }

@media only screen and (min-width: 767px) {
  _:-ms-lang(x), .c-flex-box li.c-flex-box__col3 {
    width: calc(((100% / 3) - 16.1px * 2 / 3) - 0.01px); } }

.c-flex-box.c-flex-box-row.diff-bg_white .c-flex-box__content {
	background: #fff;
}	
@media screen and (min-width: 767px) and (max-width: 768px){
	.c-flex-box.c-flex-box-row li.c-flex-box__col3:nth-child(3n) {
		margin-right: 16px;
	}
	.c-flex-box.c-flex-box-row li.c-flex-box__col3:last-child {
		margin-right: 0;
	}
}

/*	[c-lyt-panel-a] - ノウハウ・注目記事
============================================================================== */
.c-lyt-panel-a .panel-content {
  padding: 36px 30px 24px;
  line-height: 1.6; }
.c-lyt-panel-a .panel-content-hdg {
  font-size: 2.4rem; }
.c-lyt-panel-a .btn-a {
  padding: 8px 42px 8px 40px; }

@media only screen and (max-width: 768px) {
  .c-lyt-panel-a .panel-content {
    padding: 24px; } }

/*	c-list-a
============================================================================== */
.c-list-a {
  padding-left: 17px; }
  .c-list-a > li {
    padding-left: 23px; }
    .c-list-a > li::before {
      width: 8px;
      height: 8px;
      top: .55em; }
  .c-list-a > li + li {
    margin-top: 8px; }

.c-about-tv .section-inner {
  padding-top: 46px !important;
  padding-bottom: 80px; }

.c-about-tv p + p {
  margin-top: 44px !important; }

/*	[c-message-box] - 告知
============================================================================== */
.c-message-box {width: 100%; max-width: 1000px; margin: 0 auto; padding: 24px; border: 1px #707070 solid;}
.c-message-box .c-message-box_hdg {padding: 0 16px 16px; border-bottom: 2px #333 solid; font-size: 1.8rem;}
.c-message-box .c-flex-col {display: flex; justify-content: space-between; align-items: flex-end; margin-top: 16px!important; padding: 0 16px;}
.c-message-box .c-flex-col_item-lt p+p {margin-top: 12px!important;}
.c-message-box .c-flex-col_item-lt.c-flex-col_item-wide {flex-grow: 1;}
.c-message-box .u-btn-movie {position: relative;}
.c-message-box .u-btn-movie::before{ position: absolute; top: calc(50% - 4px); right: 8px; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background: #fff;}
.c-message-box .u-btn-movie::after{ position: absolute; top: calc(50% - 4px); right: 8px; content: ""; box-sizing: border-box; width: 6px; height: 4px; border: 4px solid transparent; border-left: 6px solid #a30b1a;}
.c-message-box .lyt-btn-b>li>a {width: 100%; padding: 16px 34px 16px 22px;}
@media screen and (min-width: 769px) {
	.c-message-box .c-flex-col_item-lt {margin-right: 16px;}
	.c-message-box .lyt-btn-b.u-d-pc-b {display: block;}
}
@media screen and (max-width: 768px) {
	.c-message-box .c-flex-col {flex-wrap: wrap;}
	.c-message-box .c-flex-col > * {width: 100%;}
	.c-message-box .c-flex-col_item-lt {margin-bottom: 16px;}
}
@media screen and (min-width: 481px) {
	.c-message-box .lyt-btn-b>li {min-width: 260px;}
}
@media screen and (max-width: 480px) {
	.c-message-box {padding: 16px 8px;}
}

/*	[c-message-box] - 告知 2列以上
============================================================================== */
.c-message-box_wrap-col .c-message-box .c-flex-col {flex-wrap: wrap;}
.c-message-box_wrap-col .c-message-box .c-flex-col > * {width: 100%;}
.c-message-box_wrap-col .c-message-box .c-flex-col_item-lt {margin-bottom: 16px;}
@media screen and (min-width: 769px) {
	.c-message-box_wrap-col {display: flex; justify-content: space-between; margin: 0 -16px;}
	.c-message-box_wrap-col .c-message-box {max-width: 624px; margin: 0 16px;}
	.c-message-box_wrap-col .c-message-box .c-flex-col_item-lt {margin-right: 0;}
}
@media screen and (max-width: 768px) {
	.c-message-box_wrap-col {flex-wrap: wrap;}
	.c-message-box_wrap-col .c-message-box {margin-bottom: 16px;}
}

/*	[c-dl-color] - 利用シーン
============================================================================== */
.hdg-border {position: relative; padding-bottom: 12px; margin-bottom: 8px; text-align: center;}
.hdg-border::after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 120px; height: 1px; margin-left: -60px; border-bottom: 1px #c6c6c0 solid;}
.c-dl-color {}
.c-dl-color dt {display:inline-block; width:80px; margin-top:20px; padding:2px 8px; text-align:center; color:#fff; font-weight:bold;}
.c-dl-color dt.c-dl-color_gray {background:#9d9c95;}
.c-dl-color dt.c-dl-color_red {background:#a30b1a;}
.c-dl-color dd {margin-top:8px;}

/*	c-z_flexbox-boxarw
============================================================================== */
.c-z_flexbox-boxarw {margin-left: -24px; margin-right: -24px;}
.c-z_flexbox-boxarw .c-z_flexbox_item {display: flex; flex-direction: column; justify-content: space-between; margin: 0 24px 16px;}
.c-z_flexbox-boxarw .c-z_flexbox_item-inner_arw {position: relative; padding-top: 70px}
.c-z_flexbox-boxarw .c-z_flexbox_item-inner_arw::before {content: ""; position: absolute; top: 20px; left: calc(50% - 40px); border-width: 30px 40px; border-color: #a30b1a transparent transparent; border-style: solid;}
.c-z_flexbox-boxarw .c-z_flexbox_item-inner_arw > div {border: 1px #a30b1a solid; padding: 16px 48px; font-size: 2.0rem; font-weight: bold; color: #a30b1a;}
@media screen and (max-width: 768px) {
	.c-z_flexbox-boxarw .c-z_flexbox_item .c-boxboder {height: auto!important;}
}

/* =============================================================================================
============================================================================================= */
/*	[c-top-news] - トップ「お知らせ」
============================================================================== */
.c-top-news {margin-left: 60px; margin-bottom: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative;}
.c-top-news .c-top-news_item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; margin-bottom: 5px;}
.c-top-news .c-top-news_text {flex: 1;}
.c-top-news .c-top-news_category {width: 150px;}
@media only screen and (max-width: 980px) {
	.c-top-news {margin-left: 30px;}
}
@media only screen and (max-width: 767px) {
	.c-top-news {margin-top: 10px; margin-left: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto;}
	.c-top-news .c-top-news_item {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 0;}
	.c-top-news .c-top-news_text {-ms-flex: none;}
	.c-top-news .c-top-news_category {width: 100%;}
}

/*	[c-js-toggle_more] - もっと見るボタン（開閉パネル）
============================================================================== */
.js-toggle.c-js-toggle_more {display: flex; flex-direction: column-reverse;}
.js-toggle.c-js-toggle_more .toggle-hook {position: relative; display: block; width: 100%; max-width: 280px; margin: 16px auto 0; border: 1px #c6c6c0 solid;}
.js-toggle.c-js-toggle_more .toggle-hook::before {position: absolute; display: block; content: ""; top: calc(50% - 8px / 2); right: calc(50% - 8px / 2); width: 8px; height: 8px; border-top: 2px solid #b1b1ac; border-right: 2px solid #b1b1ac; }
.js-toggle.c-js-toggle_more.is-close .toggle-hook::before {-webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -2px;}
.js-toggle.c-js-toggle_more.is-open .toggle-hook::before {-webkit-transform: rotate(315deg); transform: rotate(315deg); margin-top: 2px;}
[data-script-enabled=true] .js-toggle.c-js-toggle_more .toggle-txt {position: absolute; top: 0; right: 0; z-index: -1; font-size: 1rem; opacity: 0;}
[data-script-enabled=true] .js-toggle.c-js-toggle_more>.toggle-content {display: none;}

/*	[c-lyt-btn-mini] - 小ボタン
============================================================================== */
.lyt-btn-a.c-lyt-btn-mini a[class*="btn-"] {font-size: 1.6rem; min-width: 200px;}
@media only screen and (max-width: 480px) {
    .lyt-btn-a.c-lyt-btn-mini a[class*="btn-"] {font-size: 1.6rem; width: inherit; min-width: 200px; padding: 10px 24px;}
}

/*	[c-lyt-btn-list] - リンクリスト
============================================================================== */
.lyt-btn-a.c-lyt-btn-list li {width: 100%; margin-bottom: 0; border-bottom: 1px #c6c6c0 solid;}
.lyt-btn-a.c-lyt-btn-list a[class*="btn-"] {display: block; padding: 12px 8px; text-align: left; text-decoration: none; transition: background .2s;}
.lyt-btn-a.c-lyt-btn-list a[class*="btn-"]:hover {background: #f6cfd3;}
.lyt-btn-a.c-lyt-btn-list a[class*="btn-"] span {position: relative; }
.lyt-btn-a.c-lyt-btn-list a[class*="btn-"] span::after {content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 8px; border-top: 2px solid #a30b1a; border-right: 2px solid #a30b1a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/*	[c-frame_shadow] - 影付きの枠
============================================================================== */
.c-frame_shadow {-webkit-box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.2);}

/*	[c-frame_hide] - ホバーコンテンツ
============================================================================== */
.c-frame_hide {position: relative;}
.c-frame_hide a {position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.8); padding: 14px 8px; text-decoration: none; min-height: 1vh; -webkit-transition: min-height .2s cubic-bezier(0.22, 0.61, 0.36, 1); transition: min-height .2s cubic-bezier(0.22, 0.61, 0.36, 1); overflow: hidden;}
.c-frame_hide a .title {font-weight: bold; max-width: 100%;}
.c-frame_hide a .text {max-height: 0px; overflow: hidden; max-width: 100%; -webkit-transition: max-height .2s cubic-bezier(0.22, 0.61, 0.36, 1); transition: max-height .2s cubic-bezier(0.22, 0.61, 0.36, 1);}
.c-frame_hide:hover a .text {max-height: 100vh;}
.c-frame_hide:hover a {min-height: 100%; height: 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
	.c-frame_hide a .title {font-size: 1.25vw;}
	.c-frame_hide a .text {font-size: 1.25vw;}
}
@media only screen and (max-width: 768px) {
	.c-frame_hide {width: auto; max-width: 400px;}
	.c-frame_hide a {position: relative; margin-top: -53px;}
	.c-frame_hide a .title {padding-bottom: 28px;}
	.c-frame_hide a .text {max-height: none; -webkit-transition: none; transition: none;}
	.c-frame_hide:hover a {height: auto;}
}
@media only screen and (max-width: 480px) {
	.c-frame_hide {max-width: 100%; min-height: 0%;}
}
/*ホバーコンテンツの中にボタンがある場合*/
.c-frame_hide a .text .lyt-btn-b {display: none!important;}
.c-frame_hide:hover a .text .lyt-btn-b {display: block!important;}

/*	[c-scroll_anime] - スクロールアニメーション
============================================================================== */
[data-script-enabled=true] .section .c-scroll_anime {opacity: 0;}
[data-script-enabled=true] .section .c-scroll_anime.list-op-1 {opacity: 1;}
[data-script-enabled=true] .section.show .c-scroll_anime {-webkit-animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;animation: anim-show 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(2) {-webkit-animation-delay: .3s;animation-delay: .3s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(3) {-webkit-animation-delay: .6s;animation-delay: .6s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(4) {-webkit-animation-delay: .9s;animation-delay: .9s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(5) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(6) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(7) {-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(8) {-webkit-animation-delay: 2.1s;animation-delay: 2.1s;}
[data-script-enabled=true] .section.show .c-scroll_anime:nth-child(9) {-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}

/*	[movie-box] - 動画埋め込み
============================================================================== */
.movie-box {position: relative; padding-bottom: 56.25%;}
.movie-box iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*	[c-circlefield] 
============================================================================== */
.c-circlefield {display: flex; justify-content: center; flex-wrap: wrap;}
.c-circlefield .c-circlefield_item {max-width: 316px; width: 25%; padding: 0 30px 40px;}
.c-circlefield .c-circlefield_img-wrap {position: relative; padding: 11.7%;  border-radius: 50%;}
.c-circlefield .c-circlefield_img-wrap::after {opacity: 0; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; border-radius: 50%; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
.c-circlefield .c-circlefield_img {position: relative; padding-top: 100%; border-radius: 50%; overflow: hidden; z-index: 1;}
.c-circlefield .c-circlefield_img img {position: absolute; top: 0; left: 0;}
.c-circlefield .c-circlefield_title {font-size: 2.0rem; margin-top: 16px; text-align: center;}
.c-circlefield .c-circlefield_text {margin-top: 8px!important;}
/*色*/
.c-circlefield .c-circlefield_img-wrap.c-circlefield_img-tp-lg {background: linear-gradient(45deg,transparent 18%,#61d600 99%);}

/*リンクver */
/*.c-circlefield .c-circlefield_item > a {display: block; text-decoration: none;}
.c-circlefield .c-circlefield_item > a .c-circlefield_img-wrap {background: linear-gradient(45deg,#dcdcdc 18%,#3c3c3c 99%)!important;}
.c-circlefield .c-circlefield_item > a:hover .c-circlefield_img-wrap::after {opacity: 1;}
.c-circlefield .c-circlefield_item > a:hover .c-circlefield_img-wrap.c-circlefield_img-tp-lg::after {background: linear-gradient(45deg,transparent 18%,#61d600 99%);}*/

@media screen and (max-width: 1000px) {
	.c-circlefield .c-circlefield_item {width: calc(100% / 3);}
}
@media screen and (max-width: 768px) {
	.c-circlefield .c-circlefield_item {width: 50%; padding: 0 4vw 40px;}
	.c-circlefield .c-circlefield_title {font-size: 1.8rem;}
}
@media screen and (max-width: 480px) {
	.c-circlefield .c-circlefield_item {width: 100%;}
}

/* =============================================================================================
	new look&feel
============================================================================================= */
/*	[common] - カラー
------------------------------------------------ */
/*フォント色*/
.diff-c-rd {color: #ea0000!important;}
.diff-c-mg {color: #d80084!important;}
.diff-c-bl {color: #2400b0!important;}
.diff-c-cy {color: #00e7ef!important;}
.diff-c-em {color: #008224!important;}
.diff-c-lm {color: #61d600!important;}
.diff-c-yl {color: #ffe700!important;}
.diff-c-or {color: #ff8000!important;}
.diff-c-wt {color: #fff !important;}
.diff-c-bk {color: #000 !important;}
.diff-c-gr3 {color: #dcdcdc !important;}
.diff-c-gr4 {color: #efefef !important;}
.diff-c-gr4 {color: #efefef !important;}
.diff-c-gr4 {color: #efefef !important;}

/*ボーダー色*/
.diff-bdc-rd {border-color: #ea0000!important;}
.diff-bdc-mg {border-color: #d80084!important;}
.diff-bdc-bl {border-color: #2400b0!important;}
.diff-bdc-cy {border-color: #00e7ef!important;}
.diff-bdc-em {border-color: #008224!important;}
.diff-bdc-lm {border-color: #61d600!important;}
.diff-bdc-yl {border-color: #ffe700!important;}
.diff-bdc-or {border-color: #ff8000!important;}
.diff-bdc-wt {border-color: #fff !important;}
.diff-bdc-bk {border-color: #000 !important;}
.diff-bdc-gr3 {border-color: #dcdcdc !important;}
.diff-bdc-gr4 {border-color: #efefef !important;}
.diff-bdc-gr4 {border-color: #efefef !important;}
.diff-bdc-gr4 {border-color: #efefef !important;}

/*背景色*/
.diff-bgc-rd {background-color: #ea0000!important;}
.diff-bgc-mg {background-color: #d80084!important;}
.diff-bgc-bl {background-color: #2400b0!important;}
.diff-bgc-cy {background-color: #00e7ef!important;}
.diff-bgc-em {background-color: #008224!important;}
.diff-bgc-lm {background-color: #61d600!important;}
.diff-bgc-yl {background-color: #ffe700!important;}
.diff-bgc-or {background-color: #ff8000!important;}
.diff-bgc-wt {background-color: #fff !important;}
.diff-bgc-bk {background-color: #000 !important;}
.diff-bgc-gr3 {background-color: #dcdcdc !important;}
.diff-bgc-gr4 {background-color: #efefef !important;}
.diff-bgc-gr4 {background-color: #efefef !important;}
.diff-bgc-gr4 {background-color: #efefef !important;}

.btn-b.diff-btn-black {color: #fff!important; background: #000; border: 1px solid #000; border-radius: 4px;}
.btn-b.diff-btn-black:hover,.btn-b.diff-btn-black:active,.btn-b.diff-btn-black:focus {background: #000; border: 1px solid #000; opacity: 0.7;}


/*	[diff-bg] - 背景グラデーション
============================================================================== */
.main-contents .section[class*="diff-bg"] {background-size: cover !important;}

.diff-bgc_or-yl {background: linear-gradient(340deg,#ffe700 0%,#ff8000 50%);}
.diff-bgi_e9-t5 {background-image: url(/jp/imagesgig5/SB_E9_T5_tcm102-6988047_tcm102-2750236-32.png) !important; background-repeat: no-repeat !important;}
.diff-bgi_H3A {background-image: url(/jp/imagesgig5/H3A_tcm102-7104164_tcm102-2750236-32.png) !important; background-repeat: no-repeat !important;}

.diff-bg_lf-bgg-bl-dg {background: linear-gradient(135deg, #2400b0 40%, #008224 100%);}
.diff-bg_lf-bgg-bl-cy {background: linear-gradient(135deg, #2400b0 40%, #00e7ef 100%);}

/*	[.hero-area-c.diff-bg_lf-] - 背景グラデーション ※KV
============================================================================== */
@media only screen and (max-width: 767px) {
	.c-hero-area_wrap .hero-area-c.diff-bg_lf-bgg-bl-dg .content-inner {background: linear-gradient(135deg, #2400b0 40%, #008224 100%);}
	.c-hero-area_wrap .hero-area-c.diff-bg_lf-bgg-bl-cy .content-inner {background: linear-gradient(135deg, #2400b0 40%, #00e7ef 100%);}
}

 
/*	[lf-hero-a] - 新VI キービジュアル
============================================================================== */
/* Secondary Background */
.lf-hero-a.sb-e9-t4 .lf-hero-contents {background-color: #008030;}
.lf-hero-a.sb-e1-t2 .lf-hero-contents{background-image: url(/jp/imagesgig5/SB_E1_T2_tcm102-7104163_tcm102-2750236-32.png); color: #000;}

.lf-hero-a[class*="sb-"]::after {display: none;}
.lf-hero-a[class*="sb-"] .lf-hero-contents {background-size: cover;}
.lf-hero-a[class*="sb-"] .lf-hero-contents .lf-hero-contents-inner {margin-right: 16px;}
@media only screen and (min-width:1281px) {
    .lf-hero-a[class*="sb-"] .lf-hero-contents .lf-hero-contents-inner {width: 640px; margin-right: 0; padding-left: 0; padding-right: 20px;}
}
@media only screen and (max-width:767px) {
    .lf-hero-a[class*="sb-"] .lf-hero-visual::before {display: none;}
}



/* =============================================================================================
	Object - Utility
	* 各種ヘルパークラス
============================================================================================= */
.u-flex-box {display: flex;}
.u-flex-between {justify-content: space-between !important;}
.u-flex-around {justify-content: space-around !important;}
.u-flex-center {justify-content: center !important;}
.u-flex-wrap {flex-wrap: wrap !important;}
.u-flex-column {flex-flow: column !important;}

.u-d-f {display: flex !important;}
.u-d-b {display: block !important;}
.u-d-ib {display: inline-block !important;}
.u-jc-fs {justify-content: flex-start !important;}
.u-jc-fe {justify-content: flex-end !important;}
.u-jc-c {justify-content: center !important;}
.u-jc-sb {justify-content: space-between !important;}
.u-jc-sa {justify-content: space-around !important;}
.u-ai-c {align-items: center !important;}
.u-ai-fs {align-items: flex-start !important;}
.u-ai-fe {align-items: flex-end !important;}
.u-fd-c {flex-direction: column;}
.u-fd-r {flex-direction: row;}

.u-fw-nm {font-weight: normal !important;}
.u-fw-b {font-weight: bold !important;}
.u-ta-r {text-align: right !important;}
.u-ta-l {text-align: left !important;}
.u-ta-c {text-align: center !important;}
.u-va-t {vertical-align: top !important;}
.u-va-m {vertical-align: middle !important;}
.u-va-b {vertical-align: bottom !important;}
@media screen and (max-width: 768px) {
	.u-ta-tab-r {text-align: right !important;}
	.u-ta-tab-l {text-align: left !important;}
	.u-ta-tab-c {text-align: center !important;}
	.u-va-tab-t {vertical-align: top !important;}
	.u-va-tab-m {vertical-align: middle !important;}
	.u-va-tab-b {vertical-align: bottom !important;}
}
@media screen and (max-width: 480px) {
	.u-ta-sp-r {text-align: right !important;}
	.u-ta-sp-l {text-align: left !important;}
	.u-ta-sp-c {text-align: center !important;}
	.u-va-sp-t {vertical-align: top !important;}
	.u-va-sp-m {vertical-align: middle !important;}
	.u-va-sp-b {vertical-align: bottom !important;}
}
.u-td-u {text-decoration: underline!important;}
.u-td-n {text-decoration: none!important;}
.u-td-hv-u:hover {text-decoration: underline!important;}
.u-td-hv-n:hover {text-decoration: none!important;}
.u-hover-underline:hover {text-decoration: underline!important;}

.u-ws-nowrap {white-space: nowrap;}

.u-c-white {color: #fff !important;}
.u-c-white .list-a>li:before {background: #fff !important;}
.u-c-black {color: #000 !important;}
.u-c-red-a30b1a {color: #a30b1a !important;}

.u-bgc-transparent {background-color: transparent!important;}
.u-bgc-white {background-color: #fff;}
.u-bgc-706f67 {background-color: #706f67;}
.u-bg-red {background-color: #a30b1a;}
.u-bg-gray-e {background-color: #eee;}
.u-border-gray {border: 1px #c6c6c0 solid;}
.u-circle-red {display: flex; justify-content: center; align-items: center; min-height: 60px; padding: 8px 16px; border: 2px #a30b1a solid; background-color: #fff; border-radius: 30px;}
.c-radius-30[class*=diff-bdc-] {display: flex; justify-content: center; align-items: center; padding: 8px 16px; min-height: 60px; border-radius: 30px; border-width: 2px; border-style: solid;}

.u-btn-nolink {display: inline-block; padding: 8px 22px; line-height: 1.4; text-align: center; border: 1px #dad9d6 solid; background: #dad9d6;}

.u-link-arw {position: relative;}
.u-link-arw::before { display: block; position: absolute; content: ""; top: 50%; right: -12px; width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px;}
.u-link-arw_btn {position: relative;}
.u-link-arw_btn::before { display: block; position: absolute; content: ""; top: 50%; right: 12px; width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px;}
.u-link-arw_btn_wh {position: relative;}
.u-link-arw_btn_wh::before { display: block; position: absolute; content: ""; top: 50%; right: 12px; width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px;}


.btn-a.u-target_b[target=_blank]::before,
.btn-b.u-target_b[target=_blank]::before {display: block!important;}

.u-lh-2 {line-height: 2.0; }
.u-p-indent {text-indent: -1em; padding-left: 1em;}

.hdg-bb-9d9c95 {margin: 52px 0 26px; padding-bottom: 8px; border-bottom: 3px solid #9d9c95; line-height: 1.4; font-size: 2.0rem;}
@media screen and (max-width: 480px) {
	.hdg-bb-9d9c95 {font-size: 1.8rem;}
}

/* width
====================================================== */
.u-w-auto {width: auto!important;}
.u-h-auto {height: auto!important;}
.u-w-100p {width: 100% !important;}
.u-w-50p {width: 50% !important;}
.u-w-33p {width: 33.33% !important;}
.u-w-25p {width: 25% !important;}
.u-maw-auto {max-width: auto !important;}
.u-miw-auto {min-width: auto !important;}
@media only screen and (min-width: 769px) {
	.u-w-pc-auto {width: auto!important;}
	.u-w-pc-100p {width: 100% !important;}
}
@media only screen and (max-width: 768px) {
	.u-w-tab-auto {width: auto!important;}
	.u-w-tab-100p {width: 100% !important;}
	.u-w-tab-50p {width: 50% !important;}
	.u-w-tab-33p {width: 33.33% !important;}
	.u-w-tab-25p {width: 25% !important;}
}
@media only screen and (max-width: 480px) {
	.u-w-sp-auto {width: auto!important;}
	.u-w-sp-100p {width: 100% !important;}
	.u-w-sp-50p {width: 50% !important;}
	.u-w-sp-33p {width: 33.33% !important;}
	.u-w-sp-25p {width: 25% !important;}
}

/* padding
====================================================== */
.u-p-0 {padding: 0 !important;}
.u-p-8 {padding: 8px !important;}
.u-p-16 {padding: 16px !important;}
.u-p-24 {padding: 24px !important;}
.u-p-32 {padding: 32px !important;}
@media screen and (min-width: 769px) {
	.u-p-pc-0 {padding: 0 !important;}
	.u-p-pc-8 {padding: 8px !important;}
	.u-p-pc-16 {padding: 16px !important;}
	.u-p-pc-24 {padding: 24px !important;}
	.u-p-pc-32 {padding: 32px !important;}
}
@media screen and (max-width: 768px) {
	.u-p-tab-0 {padding: 0 !important;}
	.u-p-tab-8 {padding: 8px !important;}
	.u-p-tab-16 {padding: 16px !important;}
	.u-p-tab-24 {padding: 24px !important;}
	.u-p-tab-32 {padding: 32px !important;}
}
@media screen and (max-width: 480px) {
	.u-p-sp-0 {padding: 0 !important;}
	.u-p-sp-8 {padding: 8px !important;}
	.u-p-sp-16 {padding: 16px !important;}
	.u-p-sp-24 {padding: 24px !important;}
	.u-p-sp-32 {padding: 32px !important;}
}

/* margin
====================================================== */
.u-mrl-auto {margin-right: auto !important;margin-left: auto !important;}
.u-m-a {margin: auto !important;}
.u-mt-auto {margin-top: auto !important;}
.u-mb-auto {margin-bottom: auto !important;}
.u-mr-auto {margin-right: auto !important;}
.u-ml-auto {margin-left: auto !important;}

/* ribbon for btn
====================================================== */
.lyt-btn-a .ribbon-wrap{
	position:relative;
}

.lyt-btn-a .ribbon-wrap > .ribbon{
	position: absolute;
	top: 0px;
	left: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
	z-index: 1;
}

.lyt-btn-a .ribbon-wrap > .ribbon > .content {
  display: inline-block;
  position: absolute;
  padding: 9px 0;
  left: -30px;
  top: 10px;
  width: 104px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 5px;
  color: #000;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.lyt-btn-a .ribbon-wrap > .ribbon.bg-yellow > .content{
	background: yellow;
}

.lyt-btn-a .ribbon-wrap > .btn-b{
	padding-left: 50px;	
}

/* max-width
====================================================== */
.u-maw-540px{
	max-width: 540px;
}

/*hero-area Custom for Zinrai Translation Service TOP
====================================================== */
@media only screen and (max-width: 768px){
	.c-hero-area_wrap.diff-lyt-zts-top .hero-area-b.c-hero-area-large {
	    max-height: inherit!important;
	    min-height: inherit!important;
	}
	
	.c-hero-area_wrap.diff-lyt-zts-top .hero-area-b.c-hero-area-large .content-inner {
	    height: auto!important;
	}

	.c-hero-area_wrap.diff-lyt-zts-top .hero-area-b.c-hero-area-large .content_btn .c-lyt-btn-wide {
	    flex-direction: row;
	}
}








/*	[common] - Flex
------------------------------------------------ */
.c-fbox {display: flex; flex-wrap: wrap;}
.c-fbox > * {flex: 1; word-break: break-word; box-sizing: border-box;}
.c-fbox > * > .c-fbox_inner, 
.c-fbox > * > .c-fbox_inner a {color: #000;}

/* ▼子要素の余白 */
.c-fbox.diff-fbox_mg16 {margin-left: -16px;}
.c-fbox.diff-fbox_mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
.c-fbox.diff-fbox_mg20 {margin-left: -20px;}
.c-fbox.diff-fbox_mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
.c-fbox.diff-fbox_mg24 {margin-left: -24px;}
.c-fbox.diff-fbox_mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
.c-fbox.diff-fbox_mg32 {margin-left: -32px;}
.c-fbox.diff-fbox_mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
.c-fbox.diff-fbox_mg40 {margin-left: -40px;}
.c-fbox.diff-fbox_mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
@media screen and (min-width: 769px) {
	.c-fbox.diff-fbox_pc-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_pc-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_pc-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_pc-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_pc-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_pc-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_pc-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_pc-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_pc-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_pc-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}
@media screen and (max-width: 768px) {
	.c-fbox.diff-fbox_tab-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_tab-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_tab-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_tab-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_tab-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_tab-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_tab-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_tab-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_tab-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_tab-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}
@media screen and (max-width: 480px) {
	.c-fbox.diff-fbox_sp-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_sp-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_sp-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_sp-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_sp-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_sp-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_sp-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_sp-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_sp-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_sp-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}

/* ▼子要素の数（サイズ均等） */
.c-fbox.diff-fbox_col2 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 2) - 0.01px) !important;}
.c-fbox.diff-fbox_col3 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 3) - 0.01px) !important;}
.c-fbox.diff-fbox_col4 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 4) - 0.01px) !important;}

/* ▼子要素の数（サイズ指定）※.c-fbox_innerに、width: px;を指定する */
.c-fbox.diff-fbox_auto > * {flex: 0 0 auto;}
.c-fbox.diff-fbox_auto > * > .c-fbox_inner {flex: auto!important;}

/* ▼ボーダー有, 背景白 */
.c-fbox.diff-fbox_border > * {display: flex;}
.c-fbox.diff-fbox_border > * > .c-fbox_inner {flex: 1; align-self: stretch; border: 1px #c6c6c0 solid; background: #fff;}
/* 色変更パターン .c-fbox.diff-fbox_border.diff-fbox_border-black > * > .c-fbox_inner {border: 1px #000 solid; background: #ccc;}*/

/* ▼ボーダー無（白）, 背景白 */
.c-fbox.diff-fbox_bg > * {display: flex;}
.c-fbox.diff-fbox_bg > * > .c-fbox_inner {flex: 1; align-self: stretch; border: 1px #fff solid; background: #fff;}
/* 色変更パターン .c-fbox.diff-fbox_bg.diff-fbox_bg-black > * > .c-fbox_inner {border: 1px #000 solid; background: #000;}*/

/* ▼子要素のサイズ指定 */
.c-fbox > .diff-fbox_item-w10 {flex-basis: calc(10% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w15 {flex-basis: calc(15% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w20 {flex-basis: calc(20% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w25 {flex-basis: calc(25% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w30 {flex-basis: calc(30% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w35 {flex-basis: calc(35% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w40 {flex-basis: calc(40% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w45 {flex-basis: calc(45% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w50 {flex-basis: calc(50% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w55 {flex-basis: calc(55% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w60 {flex-basis: calc(60% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w65 {flex-basis: calc(65% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w70 {flex-basis: calc(70% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w75 {flex-basis: calc(75% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w80 {flex-basis: calc(80% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w85 {flex-basis: calc(85% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w90 {flex-basis: calc(90% - 0.01px) !important;}

/*custom*/
.c-fdc-h100 {display: flex; flex-direction: column; height: 100%;}
.c-fdc-aic {display: flex; flex-direction: column; align-items: center;}

@media screen and (max-width: 768px) {
	/* ▼TAB、SP専用 ※1カラムになる */
	.c-fbox.diff-fbox_tab1 > * {flex-basis: 100% !important;}
	/* ▼TAB、SP専用 ※2カラムになる */
	.c-fbox.diff-fbox_tab2 > * {flex-basis: calc((100% / 2) - 0.01px) !important;}
	/* ▼TAB、SP専用 ※3カラムになる */
	.c-fbox.diff-fbox_tab3 > * {flex-basis: calc((100% / 3) - 0.01px) !important;}
	/* ▼TAB、SP専用 ※4カラムになる */
	.c-fbox.diff-fbox_tab4 > * {flex-basis: calc((100% / 4) - 0.01px) !important;}
}

@media screen and (max-width: 480px) {
	/* ▼SP専用 ※1カラムになる */
	.c-fbox.diff-fbox_sp1 > *,
	.c-fbox.diff-fbox_col2 > *,
	.c-fbox.diff-fbox_col3 > *,
	.c-fbox.diff-fbox_col4 > * {flex-basis: 100% !important;}
	/* ▼SP専用 ※2カラムになる */
	.c-fbox.diff-fbox_sp2 > * {flex-basis: calc((100% / 2) - 0.01px) !important;}
}