@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_hp start ** */
/****************** カスタムcss ******************/
:root {
	--app-scroll-sd: inhelit;
    --app-gnavis-a-pd: 0 1.0rem;
    --app-footer-cr: #fff;
    --app-footer-txt: #000;
    --app-fnavi-pd: 0 0 0 4.0rem;
	--app-fnavi-a-txt: #000;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	    --app-articleBox-width: 100%;
	}
}
/****************** 幅指定 ******************/
.articleArea {width: 100%;}

/****************** フッター装飾 ******************/
#footer .fnavi a {font-size: 1.4rem;font-weight: bold;}
#footer .fnavi a:before {top: 1.0rem;}

/* ===================================================================================
for SP max-width: 800px
=================================================================================== */
@media screen and (max-width: 800px) {
	#footer .FlexL {justify-content: center;}
	#footer .fnavi {display: none;}
}
/****************** フォント装飾 ******************/

/* レスポンシブ用改行 */
.txtBr,
.txtBrSP {display: none;}

/* フォント装飾 */
.fontFace {
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-style: normal;
	font-weight: 300;
}
.fontreimin {font-family: a-otf-ud-reimin-pr6n, sans-serif;
	font-style: normal;
	font-weight: 300;
}
.fontTi {
	font-family: adobe-caslon-pro, serif;
	font-style: normal;
	font-weight: 400;
}
::-webkit-scrollbar{width: 0.5rem;height: 0.5rem;}
::-webkit-scrollbar-track{background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #1c1c1c;border-radius: 1.2em;}

/* ヘッダーロゴ・メニューのみ */
#header.headDez0201 .scroll-Fixed {padding-bottom: 5.0rem;}
#header.headDez0201 .scroll-Fixed p.logo,
#header.headDez0201 .scroll-Fixed p.sub_logo {
    padding: 0.8rem 0;
    max-width: 300px;
}
#header.headDez0201 .scroll-Fixed .gnavis {margin-top: 0.5rem;}

#header.headDez0201 .drawer .gnavis {display: block;padding-bottom: 6.0rem;}
#header.headDez0201 .drawer .gnavis li {display: block;}
#header.headDez0201 .drawer .gnavis li a {padding: 1.5rem;;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	#header.headDez0201 .scroll-Fixed p.logo,
	#header.headDez0201 .scroll-Fixed p.sub_logo {padding: 1.2rem 0 1.2rem 0;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	/* レスポンシブ用改行 */
	.txtBr {display: block;}
	#header.headDez0201 .scroll-Fixed p.logo,
	#header.headDez0201 .scroll-Fixed p.sub_logo {padding: 1.2rem 0 1.2rem 0;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.txtBrSP {display: block;}
	#spheaderMenu.spheadDez0201 p.logo,
	#spheaderMenu.spheadDez0201 p.sub_logo {
		padding: 1.5rem 0 0.5rem 0;
		max-width: 220px;
	}
	#spheaderMenu.spheadDez0201 .scroll-Fixed {padding-bottom: 6.0rem;}
}
/***** 動画埋め込み *****/
.movieblckArea {width: 100%;position: relative;}
/* video */
.video-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
.video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pcMovie {display: block;}
.spMovie {display: none;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.pcMovie {display: none;}
	.spMovie {display: block;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.pcMovie {display: none;}
	.spMovie {display: block;}
}
/* ヘッダーナビお問い合わせ箇所 */
.contactNavi {display: flex;}
.cnaviArea {
	width: max-content;
	margin: 0.8rem 0;
	padding: 0;
	font-size:0;
}
.drawer .cnaviArea {width: 100%;}
.cnaviArea nav {display: inline-block;vertical-align: middle;}
.cnaviArea .LinkBtNavi {margin: 0;padding: 0;}
.cnaviArea .LinkBtNavi li {
	display: inline-block;
	vertical-align: middle;
}
.cnaviArea a {
	display: block;
	text-align: center;
	margin: 0 0.2rem;
	padding: 0.5rem 1.5rem;
	border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em; /* 角丸 */
	font-size: 1.4rem; /* フォントサイズ */
	font-weight: bold;
	color: #fff;/* テキスト色 */
}
.cnaviArea li.LinkBtContact a {background: #1b1f87;}
.cnaviArea li.LinkBtDemo a {background: #ff9000;}
.cnaviArea li a:hover {text-decoration: none;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/***** 共通設定 *****/

/* 罫線タイトル */
.keiTi {
	position: relative;
	margin: 0 auto; /* マージン */
	padding: 0 0.3rem; /* パディング */
	text-align: center;
	line-height: 1.2;
	color: #fff; /* テキスト色 */
	font-size: 4.0rem; /* フォントサイズ */
	font-weight: bold;
}
.keiTi:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 0.1rem;
	content: '';
}
.keiTi span {
	position: relative;
	padding: 0 1.5rem;
	background: #1b1f87;
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.keiTi {font-size: 3.5rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.keiTi {font-size: 3.5rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.keiTi {font-size: 3.0rem;}
}
/* 背景青 */
.keiTi.keiTibg1 {color: #fff;}
.keiTi.keiTibg1:before {background: #fff;}
.guideblckArea .keiTi span {background: #1b1f87;}

/* 背景緑 */
.keiTi.keiTibg2 {color: #fff;}
.keiTi.keiTibg2:before {background: #fff;}
.guideDetblckArea .keiTi span {background: #23ac38;}

/* 背景白 */
.keiTi.keiTibg3 {color: #000;}
.keiTi.keiTibg3:before {background: #000;}
.strengthblckArea .keiTi span,
.flowblckArea .keiTi span,
.jireiblckArea .keiTi span,
.conblckArea .keiTi span {background: #fff;}

/* 背景黄 */
.keiTi.keiTibg4 {color: #000;}
.keiTi.keiTibg4:before {background: #000;}
.planblckArea .keiTi span {background: #f7ee12;}

/* 背景赤 */
.keiTi.keiTibg5 {color: #fff;}
.keiTi.keiTibg5:before {background: #fff;}
.qablckArea .keiTi span {background: #e83428;}

/* 横並びボックス */
.FlexSgBox {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	gap: 2.0rem;
	justify-content: space-between;
}
.FlexSgBoxInn {
	width: 100%;
	border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em; /* 角丸 */
	margin: 0 auto 2.0rem auto;
	padding: 0 0 3.0rem 0;
	background: #fff;
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.FlexSgBox {width: 95%;gap: 1.5rem;flex-wrap: wrap;}
	.FlexSgBoxInn {width: 49.0%;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.FlexSgBox {width: 95%;gap: 1.0rem;flex-wrap: wrap;}
	.FlexSgBoxInn {width: 47.0%;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.FlexSgBox {width: 90%;display: block;}
	.FlexSgBoxInn {width: 100%;}
}
/* 共通ボタン 横並びボックスで利用時のボタンサイズ */
.FlexSgBox .BtM button,
.FlexSgBox .BtM a,
.FlexSgBox .BtM span {border-radius: 10.5rem;}
.FlexSgBox .DetLinkBt a {
	width: 80%;
	margin: 1.0rem auto; /* マージン */
	padding: 2.0rem 0; /* パディング */
	font-size: 2.0rem;/* フォントサイズ */
	font-weight: bold;
	color: #fff; /* テキスト色 */
	background: #1b1f87; /* 背景色 */
	border: inhelit; /* ボーダー指定 */
	box-shadow: inhelit; /* 背景影色 */
}
/* 共通ボタン 中央配置で利用時のボタンサイズ */
.BtmSetBox .BtM button,
.BtmSetBox .BtM a,
.BtmSetBox .BtM span {border-radius: 10.5rem;}
.BtmSetBox .DetLinkBt a {
	width: 600px;
	margin: 2.0rem auto; /* マージン */
	padding: 3.0rem 0; /* パディング */
	font-size: 2.8rem;/* フォントサイズ */
	font-weight: bold;
	color: #fff; /* テキスト色 */
	background: #1b1f87; /* 背景色 */
	border: inhelit; /* ボーダー指定 */
	box-shadow: inhelit; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.FlexSgBox .DetLinkBt a {margin: 0.5rem auto;padding: 1.0rem 0;font-size: 1.8rem;}
	.BtmSetBox .DetLinkBt a {width: 60%;padding: 2.0rem 0;font-size: 2.4rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.FlexSgBox .DetLinkBt a {margin: 0.5rem auto;padding: 1.0rem 0;font-size: 1.8rem;}
	.BtmSetBox .DetLinkBt a {width: 60%;padding: 2.0rem 0;font-size: 2.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.FlexSgBox .DetLinkBt a {margin: 0.5rem auto;padding: 1.0rem 0;font-size: 1.8rem;}
	.BtmSetBox .DetLinkBt a {width: 90%;padding: 2.0rem 0;font-size: 2.0rem;}
}
/* 共通サブキャッチ */
.subcatchTi {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 0;
	font-size: 6.5rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #1b1f87;
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.subcatchTi {padding: 2.0rem 0;font-size: 4.5rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.subcatchTi {padding: 2.0rem 0;font-size: 4.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.subcatchTi {padding: 2.0rem 0;font-size: 3.0rem;}
}
/*** CTA箇所 ***/
.ctablckArea {
	width: 100%;
	height: 413px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/cta_bg.jpg) center top no-repeat; /* 背景色 */
}
.ctablckTi {
	margin: 0 auto; /* マージン */
	padding: 6.0rem 0 0 0; /* パディング */
	text-align: center;
	line-height: 1.2;
	color: #fff; /* テキスト色 */
	font-size: 4.0rem; /* フォントサイズ */
	font-weight: bold;
}
/* CTAボタンサイズ */
.CtaSetBox {
	width: 1024px;
	margin: 0 auto;
	padding: 3.0rem 0 0 0;
	display: flex;
	gap: 2.0rem;
	justify-content: space-between;
}
.CtaSetBox .BtM a {border-radius: 10.5rem;}
.CtaSetBox .DetLinkBt a {
	width: 500px;
	margin: 2.0rem auto; /* マージン */
	padding: 5.0rem 0; /* パディング */
	font-size: 2.8rem;/* フォントサイズ */
	font-weight: bold;
	color: #fff; /* テキスト色 */
	border: inhelit; /* ボーダー指定 */
	box-shadow: inhelit; /* 背景影色 */
}
.CtaSetBox .DetLinkBt.CtaContact a {background: #1b1f87;}
.CtaSetBox .DetLinkBt.CtaDemo a {background: #ff9000;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.ctablckArea {height: 250px;background-size:auto 100%;}
	.ctablckTi {padding: 3.0rem 0 0 0;font-size: 3.0rem;}
	.CtaSetBox {width: 90%;padding: 2.0rem 0 0 0;}
	.CtaSetBox .DetLinkBt {width: 100%;}
	.CtaSetBox .DetLinkBt a {width: 100%;margin: 1.0rem auto;padding: 3.0rem 0;font-size: 2.2rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.ctablckArea {height: 240px;background-size:auto 100%;}
	.ctablckTi {padding: 3.0rem 0 0 0;font-size: 2.5rem;}
	.CtaSetBox {width: 90%;padding: 2.0rem 0 0 0;}
	.CtaSetBox .DetLinkBt {width: 100%;}
	.CtaSetBox .DetLinkBt a {width: 100%;margin: 1.0rem auto;padding: 3.0rem 0;font-size: 2.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.ctablckArea {height: 380px;background-size:auto 100%;}
	.ctablckTi {padding: 3.0rem 0 0 0;font-size: 2.5rem;}
	.CtaSetBox {width: 90%;padding: 2.0rem 0 0 0;display: block;}
	.CtaSetBox .DetLinkBt {width: 100%;}
	.CtaSetBox .DetLinkBt a {width: 100%;margin: 1.0rem auto;padding: 3.0rem 0;font-size: 2.0rem;}
}
/***** トップページ個別設定 *****/

/*** トップページ 概要箇所 ***/

/* 概要メインボックス（青枠背景） */
.guideblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #1b1f87;
}
/* 概要メインボックス（白枠背景） */
.guideInnBox {
	width: 1024px;
	border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em; /* 角丸 */
	margin: 5.0rem auto;
	padding: 3.0rem 4.0rem;
	background: #fff;
}
/* 概要メインタイトル */
.guideInnBoxTi {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #1b1f87;
}
.guideInnBoxTi h3 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 6.0rem; /* フォントサイズ */
}
.guideInnBoxTi h3 span {
	padding: 0 0.1rem;
	font-size: 4.5rem; /* フォントサイズ */
}
.guideInnBoxTi h4 {
	text-align: center;
	font-size: 2.8rem; /* フォントサイズ */
}
/* 概要メインテキスト */
.guideInnBoxTxt {
	width: 100%;
	margin: 6.0rem auto;
	padding: 0;
	background: url(../../images/guide_box_bg01.png) right bottom no-repeat; /* 背景色 */
}
.guideInnBoxTxt p {
	padding: 0;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 2.0;
	font-weight: bold;
}
.guideInnBoxTxt p span.txtSpanR {color: #db0000;}
.guideInnBoxTxt p span.txtSpanG {color: #23ad36;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.guideInnBox {width: 95%;margin: 3.0rem auto;}
	.guideInnBoxTi h3 {font-size: 5.0rem;}
	.guideInnBoxTi h3 span {font-size: 4.0rem;}
	.guideInnBoxTi h4 {font-size: 2.2rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.guideInnBox {width: 95%;margin: 3.0rem auto;}
	.guideInnBoxTi h3 {font-size: 5.0rem;line-height: 1.2;}
	.guideInnBoxTi h3 span {font-size: 4.0rem;}
	.guideInnBoxTi h4 {font-size: 2.0rem;padding-top: 1.5rem;}
	.guideInnBoxTxt {
		margin: 3.0rem auto;
		padding: 0 2.0rem 38.0rem 2.0rem;
		background: url(../../images/guide_box_bg01.png) center bottom no-repeat; /* 背景色 */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.guideInnBox {width: 95%;margin: 3.0rem auto;padding: 3.0rem 1.5rem;}
	.guideInnBoxTi h3 {font-size: 4.0rem;line-height: 1.2;}
	.guideInnBoxTi h3 span {font-size: 3.0rem;}
	.guideInnBoxTi h4 {font-size: 2.0rem;padding-top: 1.5rem;}
	.guideInnBoxTxt {
		margin: 3.0rem auto;
		padding: 0 1.0rem 38.0rem 1.0rem;
		background: url(../../images/guide_box_bg01.png) center bottom no-repeat; /* 背景色 */
	}
	.guideInnBoxTxt p {
		font-size: 1.8rem; /* フォントサイズ */
		line-height: 1.5;
	}
}
/*** トップページ 事例リンク箇所 ***/
.guideLogo {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.guideFlexTi {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 0;
	font-size: 2.8rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #1b1f87;
}
/* ===================================================================================
for ipad max-width: 1200px-1600px
=================================================================================== */
@media screen and (min-width:1200px) and ( max-width:1600px) {
	.guideFlexTi {padding: 2.0rem 1.0rem;font-size: 2.4rem;}
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.guideLogo img {width: 80%;}
	.guideFlexTi {padding: 2.0rem 1.0rem;font-size: 1.8rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.guideLogo img {width: 80%;}
	.guideFlexTi {padding: 2.0rem 1.0rem;font-size: 1.6rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.guideLogo img {width: 80%;}
	.guideFlexTi {padding: 2.0rem 1.0rem;font-size: 1.8rem;}
}
/*** トップページ 4つのポイント箇所 ***/
.pointblckArea {
	width: 100%;
	height: 1256px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/4point_bg.jpg) center top no-repeat; /* 背景色 */
}
.pointBox {
	width: 1100px;
	margin: 0 auto;
	padding: 6.5rem 0;
}
.pointBox h2 {
	margin: 0 auto;
	padding: 0;
	text-align: right;
	font-size: 5.0rem; /* フォントサイズ */
	color: #1b1f87;
}
.marker-bold {background: linear-gradient(transparent 70%, #ffff7f 70%);}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.pointblckArea {height: 1000px;background-size:auto 100%;}
	.pointBox {width: 95%;padding: 4.5rem 0 0 0;}
	.pointBox h2 {font-size: 4.2rem;}
}
/* ===================================================================================
for ipad max-width: 800px-900px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:900px) {
	.pointblckArea {
		height: 1650px;
		background: url(../../images/4point_bg_sp.jpg) center bottom no-repeat; /* 背景色 */
		background-size:100% auto;
	}
	.pointBox {width: 80%;padding: 2.5rem 0 0 0;}
	.pointBox h2 {text-align: center;font-size: 4.0rem;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	.pointblckArea {
		height: 1500px;
		background: url(../../images/4point_bg_sp.jpg) center bottom no-repeat; /* 背景色 */
		background-size:100% auto;
	}
	.pointBox {width: 90%;padding: 2.5rem 0 0 0;}
	.pointBox h2 {text-align: center;font-size: 3.5rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.pointblckArea {
		height: 1550px;
		background: url(../../images/4point_bg_sp.jpg) center bottom no-repeat; /* 背景色 */
		background-size:100% auto;
	}
	.pointBox {width: 90%;padding: 2.5rem 0 0 0;}
	.pointBox h2 {text-align: center;font-size: 3.5rem;}
}
/* 4つのアイコンエリア */
.pointBoxInn {
	float: right;
	width: 800px;
	margin: 0;
	padding: 3.0rem 0 0 0;
}
.pointBoxDet {
	height: 450px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 5.0rem 0 0 0;
}
.pointBoxDetInn {
	width: 343px;
	height: 68px;
}
.pointBoxDetObi {
	width: 343px;
	height: 68px;
	margin: 0;
	padding: 1.5rem 2.0rem;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
}
.Obi01 .pointBoxDetObi {
	background: url(../../images/point_bg01.png) left top no-repeat; /* 背景色 */
}
.Obi02 .pointBoxDetObi {
	text-align: right;
	background: url(../../images/point_bg02.png) right top no-repeat; /* 背景色 */
}
.Obi03 .pointBoxDetObi {
	color: #000;
	background: url(../../images/point_bg03.png) left top no-repeat; /* 背景色 */
}
.Obi04 .pointBoxDetObi {
	text-align: right;
	background: url(../../images/point_bg04.png) right top no-repeat; /* 背景色 */
}
.pointBoxDetInn h3 {
	margin: 0;
	padding: 0.5rem 0;
	font-size: 2.6rem; /* フォントサイズ */
	font-weight: bold;
}
.pointBoxDetInn.Obi01 h3 {
	text-align: left;
	color: #1b1f87;
}
.pointBoxDetInn.Obi02 h3 {
	text-align: right;
	color: #23ac38;
}
.pointBoxDetInn.Obi03 h3 {
	text-align: left;
	color: #ffcc00;
}
.pointBoxDetInn.Obi04 h3 {
	text-align: right;
	color: #e83428;
}
.pointBoxDetInn p.pointBoxDetTxt {
	margin: 0;
	padding: 0.2rem 0;
	font-size: 1.6rem; /* フォントサイズ */
	font-weight: bold;
}
.pointBoxDetInn.Obi01 p.pointBoxDetTxt {text-align: left;}
.pointBoxDetInn.Obi02 p.pointBoxDetTxt {text-align: right;}
.pointBoxDetInn.Obi03 p.pointBoxDetTxt {text-align: left;}
.pointBoxDetInn.Obi04 p.pointBoxDetTxt {text-align: right;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.pointBoxInn {width: 650px;padding: 0;}
	.Obi01 .pointBoxDetObi,
	.Obi02 .pointBoxDetObi,
	.Obi03 .pointBoxDetObi,
	.Obi04 .pointBoxDetObi {background-size:auto 90%;}
	.pointBoxDet {height: 370px;padding: 3.0rem 0 0 0;}
	.pointBoxDetInn {width: 320px;height: 42px;}
	.pointBoxDetObi {width: 320px;height: 56px;padding: 0.8rem 2.0rem 0 2.0rem;}
	.pointBoxDetInn h3 {padding: 0;font-size: 2.0rem;}
	.pointBoxDetInn p.pointBoxDetTxt {padding: 0.2rem 0;font-size: 1.4rem;}
}
/* ===================================================================================
for ipad max-width: 800px-900px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:900px) {
	.pointBoxInn {
		float: none;
		width: 95%;
		margin: 0 auto;
		padding: 3.0rem 0 0 0;
	}
	.Obi01 .pointBoxDetObi,
	.Obi02 .pointBoxDetObi,
	.Obi03 .pointBoxDetObi,
	.Obi04 .pointBoxDetObi {background-size:auto 90%;}
	.pointBoxDet {height: 370px;padding: 3.0rem 0 0 0;}
	.pointBoxDetInn {width: 300px;height: 42px;}
	.pointBoxDetObi {width: 300px;height: 56px;padding: 0.8rem 2.0rem 0 2.0rem;}
	.pointBoxDetInn h3 {padding: 0;font-size: 2.0rem;}
	.pointBoxDetInn p.pointBoxDetTxt {padding: 0.2rem 0;font-size: 1.4rem;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	.pointBoxInn {
		float: none;
		width: 80%;
		margin: 0 auto;
		padding: 2.0rem 0 0 0;
	}
	.Obi01 .pointBoxDetObi,
	.Obi02 .pointBoxDetObi,
	.Obi03 .pointBoxDetObi,
	.Obi04 .pointBoxDetObi {background-size:auto 80%;}
	.pointBoxDet {height: 580px;padding: 2.0rem 0 0 0;}
	.pointBoxDetInn {width: 100%;height: 42px;}
	.pointBoxDetObi {width: 100%;height: 56px;padding: 0.5rem 2.0rem 0 2.0rem;}
	.pointBoxDetInn h3 {padding: 0;font-size: 2.0rem;}
	.pointBoxDetInn p.pointBoxDetTxt {padding: 0.2rem 0;font-size: 1.4rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.pointBoxInn {
		float: none;
		width: 95%;
		margin: 0 auto;
		padding: 2.0rem 0 0 0;
	}
	.Obi01 .pointBoxDetObi,
	.Obi02 .pointBoxDetObi,
	.Obi03 .pointBoxDetObi,
	.Obi04 .pointBoxDetObi {background-size:auto 80%;}
	.pointBoxDet {height: 770px;padding: 2.0rem 0 0 0;}
	.pointBoxDetInn {width: 100%;height: 42px;}
	.pointBoxDetObi {width: 100%;height: 56px;padding: 0.5rem 2.0rem 0 2.0rem;}
	.pointBoxDetInn h3 {padding: 0;font-size: 2.5rem;}
	.pointBoxDetInn p.pointBoxDetTxt {padding: 0.2rem 0;font-size: 1.6rem;}
}
/* 概要メインボックス（緑枠背景） */
.guideDetblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #23ac38;
}
.guideDetblckArea .FlexSgBox {
	width: 98%;
	margin: 3.0rem auto 0 auto;
}
/*** トップページ 機能紹介箇所 ***/
.guideDetFlexTi {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 0 0 0;
	font-size: 3.5rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.guideDetFlexTi span {font-size: 2.5rem;}
.guideDetImg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.guideDetTxt,
.articleBox p.guideDetTxt,
.articleArea p.guideDetTxt {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 3.0rem 2.0rem 3.0rem;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	color: #000;
}
/* ===================================================================================
for ipad max-width: 1200px-1600px
=================================================================================== */
@media screen and (min-width:1200px) and ( max-width:1600px) {
	.guideDetImg {width: 90%;}
	.guideDetImg img {width: 100%;}
	.guideDetFlexTi {padding: 2.0rem 0 0 0;font-size: 2.8rem;}
	.guideDetFlexTi span {font-size: 2.0rem;}
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.guideDetblckArea .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
	.guideDetFlexTi {padding: 1.0rem 0;font-size: 3.0rem;}
	.guideDetFlexTi span {font-size: 2.0rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.guideDetblckArea .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
	.guideDetFlexTi {padding: 2.0rem 0 0 0;font-size: 2.5rem;}
	.guideDetFlexTi span {font-size: 1.8rem;}
	.guideDetImg img {width: 90%;}
	.guideDetTxt,
	.articleBox p.guideDetTxt,
	.articleArea p.guideDetTxt {
		padding: 2.0rem 2.0rem 0 2.0rem;
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.guideDetblckArea .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
	.guideDetFlexTi {padding: 2.0rem 0 0 0;font-size: 2.5rem;}
	.guideDetFlexTi span {font-size: 1.8rem;}
	.guideDetImg img {width: 90%;}
	.guideDetTxt,
	.articleBox p.guideDetTxt,
	.articleArea p.guideDetTxt {
		padding: 2.0rem 2.0rem 0 2.0rem;
		font-size: 1.6rem;
		line-height: 1.4;
	}
}
/*** トップページ 弊社の強み箇所 ***/

/* 強みメインボックス（白枠背景） */
.strengthblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: url(../../images/strength_bg.png) center 200px no-repeat #fff; /* 背景色 */
}
.strengthSld {
	width: 100%;
	padding: 33.0rem 0 0 0;
}
.strengthTxt {
	width: 100%;
	margin: 0 auto;
	padding: 4.0rem 0 2.0rem 0;
	font-size: 2.2rem; /* フォントサイズ */
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.strengthImg {
	width: 100%;
	margin: 0 auto;
	padding: 4.0rem 0 8.0rem 0;
	text-align: center;
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.strengthblckArea {background: url(../../images/strength_bg.png) center 150px no-repeat #fff;}
	.strengthTxt {width: 90%;font-size: 1.8rem;line-height: 1.6;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.strengthImg img {width: 90%;}
	.strengthblckArea {background: url(../../images/strength_bg.png) center 120px no-repeat #fff;}
	.strengthTxt {width: 95%;font-size: 1.8rem;line-height: 1.6;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.strengthImg img {width: 90%;}
	.strengthblckArea {background: url(../../images/strength_bg.png) center 120px no-repeat #fff;}
	.strengthTxt {width: 85%;font-size: 1.8rem;line-height: 1.6;text-align: left;}
}
/* 料金プランメインボックス（黄枠背景） */
.planblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #f7ee12;
}
.planblckArea .FlexSgBox {
	width: 90%;
	margin: 3.0rem auto 0 auto;
}
.planblckTxt {
	width: 100%;
	margin: 0 auto;
	padding: 4.0rem 0 2.0rem 0;
	font-size: 2.8rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.planblckArea .FlexSgBoxInn {
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; /* 角丸 */
	margin: 0 auto 2.0rem auto;
	padding: 0 0 3.0rem 0;
}
.planFlexTi {
	width: 100%;
	margin: 0 auto;
	padding: 1.0rem 0;
	font-size: 3.0rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #1d2088;
}
.planTxt {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 0 1.0rem 0;
	font-size: 1.8rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.planImg {
	width: 100%;
	margin: 0 auto;
	padding: 1.0rem 0;
	text-align: center;
}
.planCrcTxt {
	width: 90%;
	border-radius: 10.5rem;-webkit-border-radius: 10.5rem;-moz-border-radius: 10.5rem; /* 角丸 */
	margin: 2.0rem auto;
	padding: 2.0rem 0;
	font-size: 2.2rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #ffae00;
}
.planImgMT {padding-top: 8.0rem;padding-bottom: 13.0rem;}

.planPayTxt {
	width: 90%;
	margin: 0 auto;
	padding: 1.0rem 0;
	font-size: 1.8rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.planPayTxt span {font-size: 2.5rem;}
.planLiTxt {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	color: #000;
}
.conblckArea .conFlexImg {
	width: 1200px;
	margin: 2.0rem auto;
	padding: 0;
}
.planblckArea.optionPlan .FlexSgBox {
	width: 60%;
	margin: 3.0rem auto 0 auto;
}
.planTxtWaku {
	width: 90%;
	border-radius: 0.5rem;-webkit-border-radius: 0.5rem;-moz-border-radius: 0.5rem; /* 角丸 */
	margin: 2.0rem auto;
	padding: 1.0rem 0;
	font-size: 1.8rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #e9e7bd;
}
.planTxtWaku.WakuMgt {margin: 10.0rem auto;}
/* ===================================================================================
for ipad max-width: 1200px-1600px
=================================================================================== */
@media screen and (min-width:1200px) and ( max-width:1600px) {
	.planblckArea .FlexSgBox {width: 95%;}
	.planTxt {padding: 2.0rem 0 1.0rem 0;font-size: 1.6rem;}
	.planImg img {width: 90%;}
	.planImg.spImg img {width: auto;}
	.planCrcTxt {font-size: 1.8rem;}
	.planblckArea.optionPlan .FlexSgBox {width: 80%;}
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.planblckTxt {padding: 3.0rem 0 1.0rem 0;font-size: 2.2rem;}
	.planFlexTi {font-size: 2.5rem;}
	.planTxt {padding: 2.0rem 0 1.0rem 0;font-size: 1.6rem; /* フォントサイズ */}
	.planImg {width: 90%;}
	.planImg img {width: 100%;}
	.planImg.spImg img {width: auto;}
	.conblckArea .conFlexImg {width: 95%;}
	.planCrcTxt {font-size: 1.8rem;}
	.planblckArea.optionPlan .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.planblckArea .FlexSgBox {width: 95%;}
	.planblckTxt {padding: 3.0rem 0 1.0rem 0;font-size: 2.2rem;}
	.planFlexTi {font-size: 2.5rem;}
	.planTxt {padding: 2.0rem 0 1.0rem 0;font-size: 1.6rem; /* フォントサイズ */}
	.planImg {width: 90%;}
	.planImg img {width: 100%;}
	.planImg.spImg img {width: auto;}
	.conblckArea .conFlexImg {width: 95%;}
	.planCrcTxt {font-size: 1.6rem;}
	.planblckArea.optionPlan .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.planblckArea .FlexSgBox {width: 95%;}
	.planblckTxt {padding: 3.0rem 0 1.0rem 0;font-size: 2.2rem;}
	.planFlexTi {font-size: 2.5rem;}
	.planTxt {padding: 2.0rem 0 1.0rem 0;font-size: 1.6rem; /* フォントサイズ */}
	.planImg {width: 90%;}
	.planImg img {width: 100%;}
	.planImg.spImg img {width: auto;}
	.conblckArea .conFlexImg {width: 95%;}
	.planCrcTxt {font-size: 1.6rem;}
	.planblckArea.optionPlan .FlexSgBox {width: 95%;margin: 2.0rem auto 0 auto;}
}
/*** トップページ 導入の流れ箇所 ***/

/* 導入の流れメインボックス（白枠背景） */
.flowblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #fff; /* 背景色 */
}
.flowblckArea .FlexSgBox {
	width: 90%;
	margin: 3.0rem auto 0 auto;
}
.flowblckArea .FlexSgBoxInn {
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; /* 角丸 */
	margin: 0 auto 2.0rem auto;
	padding: 0 0 3.0rem 0;
	background: #ebeabb;
}
.flowFlexTi {
	width: 100%;
	margin: 0 auto;
	padding: 1.0rem 0;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 1.0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #1d2088;
}
.flowFlexTi span {
	font-size: 4.6rem; /* フォントサイズ */
}
.flowSubTi {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 0 1.0rem 0;
	font-size: 3.2rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.flowTxt {
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 2.0rem 1.0rem 2.0rem;
	font-size: 1.8rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	color: #000;
}
/* 導入の流れ詳細ページ */
/* フローレイアウト */
.ConStep {
	width: 900px;
	margin: 4.0rem auto;
	padding: 0;
}
.ConStepBox {
	margin: 2.0rem auto;
	display: flex;
	gap: 0;
	justify-content: space-around;
}
.ConStepTi {
	width: 10%;
	margin: 0;
	padding: 2.0rem;
	color: #fff;
	background: #1b1f87;
	font-weight: bold;
	text-align: center;
}
.ConStepTi .ConStepTiSub {
	font-size: 1.4rem; /* フォントサイズ */
}
.ConStepTi .ConStepTiNo {
	font-size: 3.6rem; /* フォントサイズ */
}
.ConStepTxt {
	width: 90%;
	margin: 0;
	padding: 2.0rem;
	background: #ebeabb;
}
.ConStepTxt h4 {
	margin: 0;
	padding: 0 0 2.0rem 0;
	font-size: 2.8rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}
.ConStepTxtDer {
	margin: 0;
	padding: 0;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}
/* ===================================================================================
for ipad max-width: 1200px-1600px
=================================================================================== */
@media screen and (min-width:1200px) and ( max-width:1600px) {
	.flowblckArea .FlexSgBox {width: 95%;}
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.flowblckArea .FlexSgBox {width: 95%;}
	.flowTxt {padding: 1.0rem 2.0rem 1.0rem 2.0rem;font-size: 1.6rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.ConStep {width: 95%;}
	.ConStepTi {width: 15%;}
	.flowblckArea .FlexSgBox {width: 95%;}
	.flowTxt {padding: 1.0rem 2.0rem 1.0rem 2.0rem;font-size: 1.6rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.ConStep {width: 95%;}
	.ConStepTi {width: 25%;}
	.ConStepTi .ConStepTiNo {font-size: 2.6rem;}
	.flowblckArea .FlexSgBox {width: 90%;}
	.flowTxt {padding: 1.0rem 2.0rem 1.0rem 2.0rem;font-size: 1.6rem;}
}
/*** トップページ 導入事例箇所 ***/

/* 導入事例メインボックス（白枠背景） */
.jireiblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #fff; /* 背景色 */
}
.jireiblckInn {
	width: 95%;
	margin: 0 auto;
}
/*** よくあるご質問箇所 ***/

/* よくあるご質問メインボックス（赤枠背景） */
.qablckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #e83428; /* 背景色 */
}
.qaBoxInn {
	width: 70%;
	margin: 3.0rem auto;
	padding: 3.0rem;
	text-align: left;
	background: #fff;
	border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
}
/* QAボックス指定 */
.qaBoxList {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.qaBoxListInn {margin: 2.0rem auto;}
.qaTiArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	font-size: 2.6rem;
	font-weight: bold;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	background: #f0f0f0;
}
.qaTiArea .FlexItem:last-child {margin-left: auto;}
.qaTiArea .qaTiIco {color: #c20707;line-height: 1.2;}
.qaTiArea h3.qaTi {
	padding-top: 0.2rem;
	line-height: 1.2;
}
.qaTiArea .slide_btn {
    margin: 0;
    padding: 0.5rem;
    width: 80px;
    font-size: 1.4rem;
    color: #fff;
    background: #000;
    border: none;
    box-shadow: none;
}
.qaAnsArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	font-size: 2.0rem;
	font-weight: bold;
	background: #fff;
}
.qaAnsArea .qaAnsIco {
	padding-top: 0.3rem;
	color: #076cc2;
	font-size: 2.6rem;
}
.qaAnsArea .qaAns {
	width: 100%;
	padding: 0;
}
.qaAnsArea .qaAns p {padding: 0;line-height: 1.4;}
.qaAnsArea .qaAns p.img {padding: 2.5rem 0;}
.qaAnsArea .qaAns p.img img {width: 100%;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.qaBoxInn {width: 95%;}
	.qaTiArea {font-size: 2.0rem;}
	.qaAnsArea {font-size: 1.6rem;}
	.qaAnsArea .qaAnsIco {font-size: 2.0rem;}
	.qaTiArea .slide_btn {font-size: 1.2rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.qaBoxInn {width: 95%;}
	.qaTiArea {font-size: 2.0rem;}
	.qaAnsArea {font-size: 1.6rem;}
	.qaAnsArea .qaAnsIco {font-size: 2.0rem;}
	.qaTiArea .slide_btn {font-size: 1.2rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.qaBoxInn {width: 95%;padding: 2.0rem 1.0rem;}
	.qaTiArea {font-size: 2.0rem;}
	.qaAnsArea {font-size: 1.6rem;}
	.qaAnsArea .qaAnsIco {font-size: 2.0rem;}
	.qaTiArea .slide_btn {font-size: 1.2rem;}
}
/****************** コンテンツ装飾 ******************/

/* コンテンツタイトル指定 */
.SubConTitleArea {
	width: 100%;
	padding: 8.0rem 3.0rem;
	background: #1b2b71; /* 背景色 */
}
.SubConTitleArea h1 {
	font-size: 3.8rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
/* コンテンツページ基本指定 */
.conblckAreaOut {
	width: 100%;
	padding: 0;
}
.conblckArea {
	width: 100%;
	padding: 3.0rem 0 0 0;
}
.conblckAreaInn {
	width: 100%;
	margin: 3.0rem auto 0 auto;
	padding: 2.0rem 0;
	background: #efecc7;
}
.functionBg {
	background: url(../../images/con_bg01.jpg) center top no-repeat #fff; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.SubConTitleArea h1 {font-size: 3.0rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.SubConTitleArea h1 {font-size: 3.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.SubConTitleArea {padding: 4.0rem 0;}
	.SubConTitleArea h1 {font-size: 2.6rem;}
}
/* 共通サブキャッチ */
.conMaincatchTi {
	width: 100%;
	margin: 0 auto;
	padding: 6.0rem 0 1.0rem 0;
	font-size: 5.0rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #1b1f87;
}
.conSubncatchTi {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 0;
	font-size: 2.5rem; /* フォントサイズ */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #1b1f87;
}
p.concatchTxt,
.articleBox p.concatchTxt,
.articleArea p.concatchTxt {
	width: 100%;
	margin: 0 auto;
	padding: 6.0rem 0 2.0rem 0;
	font-size: 2.2rem; /* フォントサイズ */
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.concatchTxt span {color: #db0000;}
.concatchImg {
	margin: 0 auto;
	padding: 4.0rem 0 8.0rem 0;
	text-align: center;
}
.concatchImgLogo {
	margin: 0 auto;
	padding: 4.0rem 0 0 0;
	text-align: center;
}
.articleBox p.concatchImg img,
.articleArea p.concatchImg img,
.articleBox p.concatchImgLogo img,
.articleArea p.concatchImgLogo img,
.articleArea .sldSinple img {
	width: auto;
}
.conblckBox {
	display: flex;
	width: 1200px;
	margin: 0 auto 4.0rem auto;
	padding: 2.0rem;
	background: #fff;
}
.layoutTxtR .conblckBoxTxt {padding: 0 0 0 3.0rem;}
.layoutTxtL .conblckBoxTxt {padding: 0 3.0rem 0 0;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.conMaincatchTi {padding: 2.0rem 0 1.0rem 0;font-size: 4.5rem;}
	.conSubncatchTi {font-size: 2.0rem;}
	p.concatchTxt,
	.articleBox p.concatchTxt,
	.articleArea p.concatchTxt {padding: 3.0rem 0 2.0rem 0;font-size: 1.8rem;}
	.articleBox p.concatchImg img,
	.articleArea p.concatchImg img,
	.articleBox p.concatchImgLogo img,
	.articleArea p.concatchImgLogo img,
	.articleArea .sldSinple img {width: 90%;}
	.conblckBox {width: 95%;margin: 0 auto 2.0rem auto;}
	.articleBox .spImgFlx img,
	.articleArea .spImgFlx img {width: 400px;}
	.articleBox p.concatchImgLogo.spImg img,
	.articleArea p.concatchImgLogo.spImg img {width: auto;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.conMaincatchTi {padding: 2.0rem 0 1.0rem 0;font-size: 4.5rem;}
	.conSubncatchTi {font-size: 2.0rem;}
	p.concatchTxt,
	.articleBox p.concatchTxt,
	.articleArea p.concatchTxt {padding: 3.0rem 0 2.0rem 0;font-size: 1.8rem;}
	.articleBox p.concatchImg img,
	.articleArea p.concatchImg img,
	.articleBox p.concatchImgLogo img,
	.articleArea p.concatchImgLogo img,
	.articleArea .sldSinple img {width: 90%;}
	.conblckBox {width: 95%;margin: 0 auto 2.0rem auto;}
	.articleBox .spImgFlx img,
	.articleArea .spImgFlx img {width: 300px;}
	.articleBox p.concatchImgLogo.spImg img,
	.articleArea p.concatchImgLogo.spImg img {width: auto;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.conMaincatchTi {padding: 2.0rem 0 1.0rem 0;font-size: 3.0rem;}
	.conSubncatchTi {font-size: 2.0rem;}
	p.concatchTxt,
	.articleBox p.concatchTxt,
	.articleArea p.concatchTxt {padding: 3.0rem 0 2.0rem 0;font-size: 1.8rem;}
	.articleBox p.concatchImg img,
	.articleArea p.concatchImg img,
	.articleBox p.concatchImgLogo img,
	.articleArea p.concatchImgLogo img,
	.articleArea .sldSinple img {width: 100%;}
	.conblckBox {width: 95%;margin: 0 auto 2.0rem auto;}
	.articleBox .spImgFlx img,
	.articleArea .spImgFlx img {width: 100%;}
	.articleBox p.concatchImgLogo.spImg img,
	.articleArea p.concatchImgLogo.spImg img {width: 80%;}
	.conblckBox.FlexItem1 {flex-direction: column-reverse;}
	.conblckBox.FlexItem2 {flex-direction: column;}
	.layoutTxtR .conblckBoxTxt {padding: 0;}
	.layoutTxtL .conblckBoxTxt {padding: 0;}
}
/* 番号罫線タイトル */
.NoTi {
	position: relative;
	margin: 0 auto; /* マージン */
	padding: 0; /* パディング */
	text-align: left;
	line-height: 1.;
	color: #1d2088; /* テキスト色 */
	font-size: 10.0rem; /* フォントサイズ */
	font-weight: bold;
}
.NoTi:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1.5rem;
	content: '';
	background: #1d2088;
}
.NoTi span {
	position: relative;
	padding: 0 1.0rem 0 0;
	background: #fff;
}
.NoUTi {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 3.0rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	color: #1b1f87;
}
.conblckBoxTxtInn {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 0;
	font-size: 1.6rem; /* フォントサイズ */
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	color: #000;
}
.conblckArea .guideDetblckArea .keiTi span {background: #23ac38;}

/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.NoTi {font-size: 7.0rem;}
	.NoTi:before {height: 1.0rem;}
	.NoUTi {font-size: 2.6rem;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.NoTi {font-size: 7.0rem;}
	.NoTi:before {height: 0.6rem;}
	.NoUTi {font-size: 2.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.NoTi {font-size: 7.0rem;}
	.NoTi:before {height: 0.6rem;}
	.NoUTi {font-size: 2.6rem;}
}
/* 機能一覧テーブル */
.conblckTable {
	width: 1200px;
	margin: 4.0rem auto;
	padding: 2.0rem 4.0rem;
}
.conblckTable table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-collapse:  separate;
	border-spacing: 0.4rem;
	font-size: 1.6rem;
}
.conblckTable th {
	padding: 1.5rem;
	border: none;
}
.conblckTable td {
	padding: 1.5rem;
	color: #000;
	background: #f4f4d8;
	font-weight: bold;
	border: none;
}
.conblckTable th.conblckTh01 {
	width: 200px;
	text-align: center;
	color: #fff;
}
.conblckTable th.conblckTh02 {
	width: 180px;
	text-align: left;
	color: #000;
}
/* 店舗管理 */
.conblckTable th.shopBg {background: #1d2088;}
.conblckTable th.shopBg2 {background: #cfd0f4;}

/* 会員管理 */
.conblckTable th.memberBg {background: #23ac38;}
.conblckTable th.memberBg2 {background: #daf8de;}

/* コンテンツ管理 */
.conblckTable th.contentsBg {background: #f7ee12;color: #000;}
.conblckTable th.contentsBg2 {background: #e5e065;}

/* 商品管理 */
.conblckTable th.productBg {background: #e83428;}
.conblckTable th.productBg2 {background: #f1d0ce;}

/* メール管理 */
.conblckTable th.mailBg {background: #1d2088;}
.conblckTable th.mailBg2 {background: #cfd0f4;}

/* データ分析 */
.conblckTable th.dataBg {background: #23ac38;}
.conblckTable th.dataBg2 {background: #daf8de;}

/* デザイン管理 */
.conblckTable th.designBg {background: #f7ee12;color: #000;}
.conblckTable th.designBg2 {background: #e5e065;}

/* 弊社の強み */
.conblckAreaSld {
	width: 100%;
	padding: 3.0rem 0 6.0rem 0;
}
/* ===================================================================================
for ipad max-width: 900px-1200px
=================================================================================== */
@media screen and (min-width:900px) and ( max-width:1200px) {
	.conblckTable {width: 95%;margin: 2.0rem auto;padding: 0;}
}
/* ===================================================================================
for ipad max-width: 600px-900px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:900px) {
	.conblckTable {width: 95%;margin: 2.0rem auto;padding: 0;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.conblckTable {
		width: 100%;
		margin: 2.0rem auto;
		padding: 0 1.5rem;
		overflow-x: scroll;
	}
	.conblckTable table {
		min-width: 640px;
		white-space: nowrap;
	}
}
/* セレクトボタン処理 */
.articleBox .selectBt ul li,
.examBox .selectBt ul li {
	margin: 0;
	padding: 0;
}
.articleBox .selectBt ul,
.articleBox .selectBt ol,
.examBox .selectBt ul,
.examBox .selectBt ol {
    margin: 0;
    padding: 0;
}
/* 会社概要・個人情報保護・特定商取引 */

/* 導入事例メインボックス（白枠背景） */
.corpblckArea {
	width: 100%;
	padding: 3.0rem 0;
	background: #fff; /* 背景色 */
}
.corpblckAreaInn {
	width: 780px;
	margin: 4.0rem auto;
	font-weight: bold;
	font-size: 1.6rem;
}
.corpblckAreaInn dd p {
	padding: 0.5rem 0;
}

.polcyTxt {
	padding: 0 0 2.0rem 0;
}
.polcyblck {padding: 2.0rem 0;}
.polcyblck h3 {
	padding: 0 0 0.5rem 0;
	font-size: 2.2rem;
	border-bottom: 1px dotted #999;
}
/* ===================================================================================
for SP max-width: 800px
=================================================================================== */
@media screen and (max-width: 800px) {
	.corpblckAreaInn {width: 90%;}
}

/* 導入事例リスト設定 */
.jireiblckInn {padding: 5.5rem 0;}

.jireiblckArea .ListBox.ListType1.liwbg02 .column,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .column {
	border: none;
	background: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.jireiblckArea .ListBox.ListType1.liwbg02 .clmDetail,
.jireiblckArea .ListBox.ListType1.liwbg02 .rank_date_area_inn,
.jireiblckArea .ListBox.ListType1.liwbg02 .tagLink,
.jireiblckArea .ListBox.ListType1.liwbg02 .ListSubhDet,
.jireiblckArea .ListBox.ListType1.liwbg02 .BtM,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .clmDetail,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .rank_date_area_inn,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .tagLink,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .ListSubhDet,
.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .BtM {
	margin-left: 0;
	margin-right: 0;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.jireiblckArea .ListBox.ListType1.liwbg02 .clmDetail,
	.jireiblckArea .ListBox.ListType1.liwbg02 .rank_date_area_inn,
	.jireiblckArea .ListBox.ListType1.liwbg02 .tagLink,
	.jireiblckArea .ListBox.ListType1.liwbg02 .ListSubhDet,
	.jireiblckArea .ListBox.ListType1.liwbg02 .BtM,
	.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .clmDetail,
	.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .rank_date_area_inn,
	.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .tagLink,
	.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .ListSubhDet,
	.CateGrpNo_2 .conListArea .ListBox.ListType1.liwbg02 .BtM {
		margin-left: 1.0rem;
		margin-right: 1.0rem;
	}
}
.jireiblckArea .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.CateGrpNo_2 .conListArea .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {
	height: 6.5rem;
	font-size: 2.6rem;
}
.jireiblckArea .ListBox .column .ListMainTitle a,
.CateGrpNo_2 .conListArea .ListBox .column .ListMainTitle a {
	color: #1b1f87;
	font-weight: bold;
}
.jireiblckArea .ListLinkBt,
.CateGrpNo_2 .conListArea .ListLinkBt {
	margin: 1.0rem auto;
	padding: 1.5rem 0;
	width: 80%;
	background: #1b1f87;
	border: none;
	box-shadow: none;
}
.jireiblckArea .BtM button,
.jireiblckArea .BtM a,
.jireiblckArea .BtM span,
.CateGrpNo_2 .conListArea .BtM button,
.CateGrpNo_2 .conListArea .BtM a,
.CateGrpNo_2 .conListArea .BtM span {
	border-radius: 5.0rem;
	-webkit-border-radius: 5.0rem;
	-moz-border-radius: 5.0rem;
}
.CateGrpNo_2 .ListBkBt {
    background: #1b1f87;
	border: none;
	box-shadow: none;
}
.CateGrpNo_2 .BtM button.ListBkBt,
.CateGrpNo_2 .BtM a.ListBkBt,
.CateGrpNo_2 .BtM span.ListBkBt {
	border-radius: 5.0rem;
	-webkit-border-radius: 5.0rem;
	-moz-border-radius: 5.0rem;
}
/* 導入事例詳細設定 */
.conVisualArea {margin: 2.0rem auto;}
.conDetblckArea {
	width: 860px;
	margin: 0 auto;
	padding: 0;
	background: #fff; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 900px
=================================================================================== */
@media screen and (max-width: 900px) {
	.conVisualArea {margin: 0 auto 2.0rem auto;}
	.conDetblckArea {width: 90%;}
}
/* ** private_hp end ** */
@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_hp start ** */
/****************** カスタムcss ******************/

/* ここに自由に追記してください */
/* ** private_hp end ** */