@charset "utf-8";

/*===========================================================
VARIABLES
===========================================================*/
:root {
	--c1: #183374;
	--c2: #4d83ef;
	--hover1: #fffff5;
	--shadow1: 0px 0px 30px rgba(0, 0, 0, 0.15);
	--shadow2: 0px 0px 20px rgba(0, 0, 0, 0.15);
	--shadow1_sp: 0px 0px 20px rgba(0, 0, 0, 0.15);
	--move1: 0.8s;
}

/*===========================================================
SETTINGS
===========================================================*/
html:not(.noneMce) .mce-edit-area {
	overflow: auto;
}
html:not(.noneMce) .mce-edit-area iframe {
	min-width: 810px;
}
html:not(.noneMce) body.wp-autoresize.mce-content-body,
html:not(.noneMce) .mce-content-body {
	text-align: left;
	padding: 0 !important;
	line-height: 2.1;
}
.mce-content-body:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.mce-content-body {
	display: inline-block;
}
* html .mce-content-body {
	height: 1%;
}
.mce-content-body {
	display: block;
}
html:not(.noneMce) body#tinymce.wp-autoresize.mce-content-body,
html:not(.noneMce) #tinymce.mce-content-body {
	padding: 8px !important;
	background-color: #fff;
	overflow-x: hidden;
}
html:not(.noneMce) .mce-content-body > div {
	min-height: 25px;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body {
		font-size: 13px;
		line-height: 2;
	}
}
/*===========================================================
p
===========================================================*/
html:not(.noneMce) .mce-content-body p {
	margin-bottom: 14px;
	clear: both;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body p {
		margin-bottom: 12px;
	}
}
/*===========================================================
strong
===========================================================*/
html:not(.noneMce) .mce-content-body strong {
	font-weight: bold;
}
/*===========================================================
h2
===========================================================*/
html:not(.noneMce) .mce-content-body h2 {
	background: #fff;
	color: var(--c1);
	border-left: 3px solid var(--c1);
	box-shadow: 4px 4px 18px 0 rgba(0, 0, 0, 0.06);
	font-size: 174%;
	line-height: 1.6;
	padding: 16px 20px;
	font-weight: 600;
	margin-bottom: 28px;
	margin-top: 60px;
}
html:not(.noneMce) .mce-content-body > h2:first-child {
	margin-top: 0;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body h2 {
		font-size: 123%;
		line-height: 1.5;
		padding: 15px 10px 16px 15px;
		border-left-width: 2px;
		margin-bottom: 20px;
	}
}
/*===========================================================
h3
===========================================================*/
html:not(.noneMce) .mce-content-body h3 {
	color: var(--c1);
	font-size: 155%;
	font-weight: 600;
	margin-top: 50px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--c1);
	position: relative;
	line-height: 1.6;
	padding-bottom: 11px;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body h3 {
		line-height: 1.5;
		font-size: 110%;
		padding-bottom: 10px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}
/*===========================================================
h4
===========================================================*/
html:not(.noneMce) .mce-content-body h4 {
	color: var(--c1);
	font-weight: bold;
	font-size: 131%;
	line-height: 1.6;
	margin-bottom: 10px;
	margin-top: 30px;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body h4 {
		font-size: 117%;
		margin-bottom: 15px;
		padding-bottom: 9px;
	}
}
/*===========================================================
h5
===========================================================*/
html:not(.noneMce) .mce-content-body h5 {
	font-weight: 500;
	font-size: 108%;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #000;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body h5 {
		font-size: 111%;
		margin-bottom: 8px;
	}
}
/*===========================================================
a
===========================================================*/
html:not(.noneMce) .mce-content-body span:not(.btnA) a {
	color: #5088c4;
}

/*===========================================================
btnTemplateA
===========================================================*/
html:not(.noneMce) .mce-content-body a.btnTemplateA:not(.noLine) {
	z-index: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid var(--c1);
	border-radius: 100px;
	padding: 12px 40px;
	width: fit-content;
	max-width: 100%;
	line-height: 1.4;
	font-size: 16px;
	background-image: none;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA.left:not(.noLine) {
	margin-right: auto;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA.center:not(.noLine) {
	margin-right: auto;
	margin-left: auto;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA.right:not(.noLine) {
	margin-left: auto;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA:not(.noLine):hover {
	opacity: 1;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA:not(.noLine)::before {
	z-index: -1;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: var(--c1);
	opacity: 0.08;
	transition: all 0.25s;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA:not(.noLine):hover::before {
	width: 100%;
}
html:not(.noneMce) .mce-content-body a.btnTemplateA:not(.noLine)::after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-size: 80%;
	content: "\ec16";
	font-family: iconfontA;
	color: #000;
}

/*===========================================================
mceBoxA
===========================================================*/
html:not(.noneMce) .mce-content-body .mceBoxA {
	background-color: #fff;
	border: 9px solid #e6e9ec;
	padding: 40px;
}
html:not(.noneMce) .mce-content-body .mceBoxA .item {
	margin-bottom: 25px;
}
html:not(.noneMce) .mce-content-body .mceBoxA .item:last-of-type {
	margin-bottom: 0;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .mceBoxA {
		padding: 16px;
		border-width: 4px;
	}
	html:not(.noneMce) .mce-content-body .mceBoxA .item {
		margin-bottom: 18px;
	}
}
/*===========================================================
emTx1
===========================================================*/
html:not(.noneMce) .mce-content-body .emTx1 {
	background: linear-gradient(transparent 60%, #ececec 40%);
	color: #000;
	font-weight: 500;
}
/*===========================================================
box1
===========================================================*/
html:not(.noneMce) .mce-content-body .box1 {
	background-color: #ebebeb;
	padding: 23px 30px;
	margin: 30px 0px;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .box1 {
		padding: 13px 20px;
		margin: 25px 0px;
	}
}

/*===========================================================
quote1
===========================================================*/
html:not(.noneMce) .mce-content-body .quote1 {
	background-color: #f9f8eb;
	color: #4d4b42;
	font-size: 86%;
	padding: 35px 55px;
	position: relative;
	margin: 40px 0;
	line-height: 1.9;
}
html:not(.noneMce) .mce-content-body .quote1:before {
	position: absolute;
	left: 11px;
	top: 25px;
	font-size: 39px;
	transform: translateY(-50%);
	content: "\ea5a";
	font-family: iconfontA;
	color: #eee7c8;
	line-height: 1;
}
html:not(.noneMce) .mce-content-body .quote1:after {
	position: absolute;
	right: 11px;
	bottom: -16px;
	font-size: 39px;
	transform: translateY(-50%);
	content: "\ea59";
	font-family: iconfontA;
	color: #eee7c8;
	line-height: 1;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .quote1 {
		padding: 32px 22px;
		position: relative;
		margin: 30px 0;
		font-size: 84%;
	}
	html:not(.noneMce) .mce-content-body .quote1:before {
		left: 7px;
		top: 19px;
		font-size: 30px;
	}
	html:not(.noneMce) .mce-content-body .quote1:after {
		right: 10px;
		bottom: -11px;
		font-size: 30px;
	}
}

/*===========================================================
ul
===========================================================*/
html:not(.noneMce) .mce-content-body ul {
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 14px;
	list-style-type: none !important;
}
html:not(.noneMce) .mce-content-body ul li {
	line-height: 1.7;
	padding-left: 14px;
	margin-bottom: 6px;
	position: relative;
}
html:not(.noneMce) .mce-content-body ul li:last-of-type {
	margin-bottom: 0;
}
html:not(.noneMce) .mce-content-body ul li:before {
	content: " ";
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100px;
	background-color: #273c7c;
	left: 0px;
	top: 0.7em;
}
html:not(.noneMce) .mce-content-body._2 ul li:before {
	background-color: #000;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body ul {
		margin-left: 8px;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	html:not(.noneMce) .mce-content-body ul li {
		padding-left: 14px;
		margin-bottom: 8px;
	}
	html:not(.noneMce) .mce-content-body ul li:last-of-type {
		margin-bottom: 0;
	}
	html:not(.noneMce) .mce-content-body ul li:before {
		width: 5px;
		height: 5px;
	}
}
/*===========================================================
ol
===========================================================*/
html:not(.noneMce) .mce-content-body ol {
	counter-reset: number 0;
	margin-left: 10px;
	margin-top: 23px;
	margin-bottom: 23px;
}
html:not(.noneMce) .mce-content-body ol li {
	line-height: 1.7;
	padding-left: 22px;
	margin-bottom: 10px;
	position: relative;
}
html:not(.noneMce) .mce-content-body ol li:last-of-type {
	margin-bottom: 0;
}
html:not(.noneMce) .mce-content-body ol li:before {
	counter-increment: number 1;
	content: counter(number) ".";
	position: absolute;
	color: #000;
	left: 0px;
	top: 2px;
	font-size: 110%;
	line-height: 1.2;
}
html:not(.noneMce) .mce-content-body ol li::before {
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body ol {
		margin-left: 7px;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	html:not(.noneMce) .mce-content-body ol li {
		line-height: 1.5;
		padding-left: 22px;
		margin-bottom: 10px;
		position: relative;
	}
}
/*===========================================================
cmt1
===========================================================*/
html:not(.noneMce) .mce-content-body .cmt1 {
	display: flex;
	display: -ms-flexbox;
	margin: 38px 0;
}
html:not(.noneMce) .mce-content-body .cmt1 .staff {
	width: 90px;
	height: 90px;
	border-radius: 1000px;
	overflow: hidden;
}
html:not(.noneMce) .mce-content-body .cmt1 .staff img {
	margin: 0;
}
html:not(.noneMce) .mce-content-body .cmt1 .box {
	width: calc(100% - 90px - 25px);
	margin-left: 25px;
	position: relative;
	background-color: #eeeedb;
	color: #6c5408;
	padding: 25px 32px;
	border-radius: 3px;
}
html:not(.noneMce) .mce-content-body .cmt1 .box:before {
	content: " ";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #eeeedb;
	left: -13px;
	top: 25px;
	transform: rotate(45deg);
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .cmt1 {
		margin: 31px 0;
	}
	html:not(.noneMce) .mce-content-body .cmt1 .staff {
		width: 55px;
		height: 55px;
	}
	html:not(.noneMce) .mce-content-body .cmt1 .box {
		width: calc(100% - 55px - 10px);
		margin-left: 10px;
		padding: 14px 15px;
		font-size: 96%;
		line-height: 1.8;
	}
	html:not(.noneMce) .mce-content-body .cmt1 .box:before {
		width: 24px;
		height: 24px;
		top: 12px;
	}
}
/*===========================================================
img
===========================================================*/
html:not(.noneMce) .mce-content-body img {
	display: block;
	margin: 16px 0 9px;
	max-width: 100%;
}
html:not(.noneMce) .mce-content-body a img {
	margin: auto;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body img {
		margin: 12px 0 7px;
		height: auto;
		width: unset;
	}
}
/*===========================================================
caption
===========================================================*/
html:not(.noneMce) .mce-content-body .caption {
	margin-top: 3px;
	font-size: 90%;
	color: #666;
	line-height: 1.7;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .caption {
		margin-top: 5px;
		font-size: 87%;
		line-height: 1.7;
	}
}
/*===========================================================
a
===========================================================*/
html:not(.noneMce) .mce-content-body a:not(.noLine) {
	cursor: pointer;
	color: #2a3f91;
	background-image: linear-gradient(to bottom, transparent calc(100% - 1px), #0074d3 calc(100% - 1px));
	display: inline;
	vertical-align: top;
	transition: opacity 0.3s;
	word-break: break-all;
}
html:not(.noneMce) .mce-content-body a:not(.btnA):hover {
	opacity: 0.6;
}
/*===========================================================
a.link
===========================================================*/
html:not(.noneMce) .mce-content-body a.link:not(.noLine) {
	display: inline-block;
	cursor: pointer;
	color: #2a3f91;
	background-image: linear-gradient(to bottom, transparent calc(100% - 1px), #0074d3 calc(100% - 1px));
	vertical-align: top;
	transition: opacity 0.3s;
	margin-bottom: 14px;
}
html:not(.noneMce) .mce-content-body a.link:not(.noLine)::before {
	position: relative;
	display: inline-block;
	content: "";
	aspect-ratio: 1;
	width: 0.6em;
	background-color: #2a3f91;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-right: 3px;
}
html:not(.noneMce) .mce-content-body a.link:not(.btnA):hover {
	opacity: 0.6;
}
/*===========================================================
iframe.youtube
===========================================================*/
html:not(.noneMce) .mce-content-body iframe.youtube {
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body iframe.youtube {
		width: 100% !important;
	}
}
/*===========================================================
a.btnA
===========================================================*/
html:not(.noneMce) .mce-content-body a.btnA {
	padding: 10px 30px 10px 14px;
	background-image: none;
	background-color: transparent;
	border: 1px solid #ccc;
	color: #000 !important;
	margin-top: 10px;
}
html:not(.noneMce) .mce-content-body a.btnA:before {
	opacity: 0.08;
}
html:not(.noneMce) .mce-content-body a.btnA:after {
	position: absolute;
	right: 10px;
	top: 50%;
	font-size: 80%;
	transform: translateY(-50%);
	content: "\ebf2";
	font-family: iconfontA;
	color: #000;
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body a.btnA {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
/* a.btnA.pdf
----------------------------------------------- */
html:not(.noneMce) .mce-content-body a.btnA.pdf {
	padding-right: 40px;
}
html:not(.noneMce) .mce-content-body a.btnA.pdf:after {
	content: "\e921";
	font-size: 110%;
}
/* a.btnA.li
----------------------------------------------- */
html:not(.noneMce) .mce-content-body a.btnA.l1 {
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: none;
	min-width: 350px;
}
/*===========================================================
.faq.mce-content-body
===========================================================*/
html .faq.mce-content-body {
	line-height: 1.85;
}
html .faq.mce-content-body p {
	margin-bottom: 6px;
}
/*===========================================================
.competitionOverviewContentsA.mce-content-body
===========================================================*/
html .competitionOverviewContentsA.mce-content-body {
	font-size: 95%;
	line-height: 1.85;
}
html .competitionOverviewContentsA.mce-content-body p {
	margin-bottom: 8px;
}
html .competitionOverviewContentsA.mce-content-body ul li:before {
	top: 0.7em;
}
/*===========================================================
	table
	===========================================================*/
html:not(.noneMce) .mce-content-body table {
	margin-top: 16px;
	margin-bottom: 20px;
}
html:not(.noneMce) .mce-content-body table tr {
	height: auto !important;
}
html:not(.noneMce) .mce-content-body table th,
html:not(.noneMce) .mce-content-body table td {
	line-height: 1.65;
	vertical-align: middle;
	padding: 8px 25px;
	height: auto !important;
}
html:not(.noneMce) .mce-content-body table:not(.tableTemplateA) th {
	background: #ced4e5;
	border: 1px #808080 solid;
}
html:not(.noneMce) .mce-content-body table:not(.tableTemplateA) td {
	border: 1px #808080 solid;
}
html:not(.noneMce) .mce-content-body table td p {
	margin-bottom: 9px;
}
html:not(.noneMce) .mce-content-body table td a:not(.noLine) {
	margin-bottom: 0;
}

@media all and (max-width: 760px) {
	html:not(.noneMce) .mce-content-body table {
		margin-top: 14px;
		margin-bottom: 14px;
	}
	html:not(.noneMce) .mce-content-body table th:not(.dwl),
	html:not(.noneMce) .mce-content-body table td:not(.dwl) {
		width: auto !important;
	}
	html:not(.noneMce) .mce-content-body table {
		width: 100%;
		font-size: 13px;
	}
	html:not(.noneMce) .mce-content-body table th,
	html:not(.noneMce) .mce-content-body table td {
		padding: 8px 10px;
		line-height: 1.4;
	}
	html:not(.noneMce) .mce-content-body table td p {
		margin-bottom: 9px;
	}
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 761px) {
	img.alignleft {
		float: left;
		margin-top: 0px !important;
		margin-right: 21px !important;
	}
	img.alignright {
		float: right;
		margin-top: 0 !important;
		margin-left: 20px !important;
	}
}
html:not(.noneMce) .mce-content-body table.composition {
	width: 100% !important;
	font-size: 12px;
	line-height: 1.45;
}
html:not(.noneMce) .mce-content-body table.composition td {
	padding: 8px 13px;
}
html:not(.noneMce) .mce-content-body table.composition th {
	text-align: center;
	padding-left: 4px !important;
	padding-right: 4px !important;
}
html:not(.noneMce) .mce-content-body table.composition .dwl {
	width: 75px;
	font-size: 11px;
	line-height: 1.4;
}
/*===========================================================
downloadBtn A
===========================================================*/
html:not(.noneMce) .mce-content-body .downloadBtn a {
	background-color: #1a3a71;
	border-radius: 50%;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
html:not(.noneMce) .mce-content-body .downloadBtn a:hover {
	background-color: #3c63a3;
}
html:not(.noneMce) .mce-content-body .downloadBtn a .icon {
	color: #fff;
	font-size: 17px;
	padding: 0;
	transform: translateY(-2px);
}

/*===========================================================
tableTemplateA
===========================================================*/
html:not(.noneMce) .mce-content-body .tableTemplateA {
	border-top: 1px solid #cecece;
}
html:not(.noneMce) .mce-content-body .tableTemplateA tr {
	background-color: transparent;
	border-bottom: 1px solid #cecece;
	display: grid;
	grid-template-columns: 150px 1fr;
	column-gap: 16px;
}
html:not(.noneMce) .mce-content-body .tableTemplateA tr > th {
	align-self: center;
	padding: 24px 0;
}
html:not(.noneMce) .mce-content-body .tableTemplateA tr > td {
	padding: 24px 0;
}
html:not(.noneMce) .mce-content-body .tableTemplateA tr > td img {
	margin: 0;
}
/* =====TB===== */
@media screen and (max-width: 1000px) {
	html:not(.noneMce) .mce-content-body .tableTemplateA tr {
		grid-template-columns: 140px 1fr;
		column-gap: 12px;
	}
}
/* =====SP===== */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .tableTemplateA tr {
		grid-template-columns: 100px 1fr;
		column-gap: 12px;
	}
}

/*===========================================================
導入事例 カスタムスタイル
===========================================================*/
/* // caseSingleHeadTtl
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .caseSingleHeadTtl {
	text-align: center;
	display: inline-block;
	background-color: var(--c1);
	color: #fff;
	font-weight: 900;
	line-height: 1.4;
	font-size: 24px;
	padding: 8px 14px 9px;
	min-width: 340px;
	border-radius: 3px;
	margin-bottom: 23px;
	margin-top: 80px;
}
html:not(.noneMce) .mce-content-body .caseSingleHeadTtl:first-of-type {
	margin-top: 0px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .caseSingleHeadTtl {
		line-height: 1.4;
		font-size: 20px;
		padding: 7px 12px 8px;
		min-width: 360px;
		margin-bottom: 20px;
	}
}
/* // caseSingleHeadDesc
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .caseSingleHeadDesc {
	position: relative;
	color: var(--c1);
	font-weight: 900;
	line-height: 1.8;
	font-size: 33px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
html:not(.noneMce) .mce-content-body .caseSingleHeadDesc::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	width: 260px;
	height: 2px;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .caseSingleHeadDesc {
		line-height: 1.5;
		font-size: 18px;
		padding-bottom: 20px;
		margin-bottom: 19px;
	}
	html:not(.noneMce) .mce-content-body .caseSingleHeadDesc::before {
		width: 100px;
		height: 1px;
	}
}
/* // caseSingleComment
----------------------------------------------- */
/* 共通 */
html:not(.noneMce) .mce-content-body .caseSingleComment {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 1em;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	font-weight: bold;
	font-size: 15px;
	padding: 28px 40px;
	margin-top: 30px;
	margin-bottom: 40px;
}
html:not(.noneMce) .mce-content-body .caseSingleComment p:last-of-type {
	margin-bottom: 0px !important;
}
html:not(.noneMce) .mce-content-body .caseSingleComment p.name {
	line-height: 1.4;
	font-size: 16px;
	margin-bottom: 0;
}
html:not(.noneMce) .mce-content-body .caseSingleComment .name::after {
	content: "さま";
}
html:not(.noneMce) .mce-content-body .caseSingleComment .txt {
	line-height: 2;
}
/* カラーバリエーション */
html:not(.noneMce) .mce-content-body .caseSingleComment {
	background-color: #eee;
	border-color: #000;
	color: #000;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeA {
	background-color: #ebedf0;
	border-color: #043377;
	color: #043377;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeB {
	background-color: #f7e7ef;
	border-color: #a1004c;
	color: #a1004c;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeC {
	background-color: #e9f7ea;
	border-color: #006406;
	color: #006406;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeD {
	background-color: #f9f7e7;
	border-color: #5e5800;
	color: #5e5800;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeE {
	background-color: #e5f8fb;
	border-color: #004753;
	color: #004753;
}
html:not(.noneMce) .mce-content-body .caseSingleComment.typeF {
	background-color: #f4ecf7;
	border-color: #440036;
	color: #440036;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .caseSingleComment {
		grid-template-columns: 1fr;
		gap: 6px;
		font-size: 14px;
		padding: 16px 20px;
		margin-top: 12px;
		margin-bottom: 20px;
	}
	html:not(.noneMce) .mce-content-body .caseSingleComment .name {
		line-height: 1.4;
		font-size: 16px;
	}
	html:not(.noneMce) .mce-content-body .caseSingleComment .txt {
		line-height: 1.8;
		font-size: 13px;
		font-weight: 500;
	}
}
/* // HeadTtlA
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .HeadTtlA {
	display: inline-block;
	background-color: #e5eaf1;
	color: var(--c1);
	font-weight: bold;
	line-height: 1.4;
	font-size: 16px;
	padding: 6px 16px 7px;
	margin-bottom: 11px !important;
	border-radius: 3px;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .HeadTtlA {
		line-height: 1.4;
		font-size: 14px;
		padding: 5px 13px 6px;
		margin-bottom: 10px !important;
	}
}
/* // markerA (黄色マーカー)
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .markerA {
	background: linear-gradient(transparent 60%, #fcff00 40%);
}
/* // markerB (青色マーカー)
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .markerB {
	background: linear-gradient(transparent 60%, #c2e1f6 40%);
}

/* // columns2-img-txt
----------------------------------------------- */
html:not(.noneMce) .mce-content-body .columns2-img-txt {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 20px;
}
html:not(.noneMce) .mce-content-body .columns2-img-txt p {
	margin-bottom: 0;
}
html:not(.noneMce) .mce-content-body .columns2-img-txt > img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	margin: 0 !important;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .columns2-img-txt {
		grid-template-columns: 1fr;
		gap: 10px;
		font-size: 11px;
		line-height: 1.8;
	}
	html:not(.noneMce) .mce-content-body .columns2-img-txt > img {
		max-width: 139px;
	}
}

/*=======================================================================
targetBox
=======================================================================*/
.mce-content-body .targetBox {
	--radius: 6px;
	background-color: var(--c1);
	border-radius: var(--radius);
	padding: 16px 10px;
	margin-top: 40px;
	margin-bottom: 60px;
}
.mce-content-body .targetBox .ttl {
	background-color: var(--c1);
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	font-size: 20px;
}
.mce-content-body .targetBox .list {
	display: grid;
	gap: 12px;
	background-color: #fff;
	color: var(--c1);
	border-radius: var(--radius);
	padding: 20px 12px 17px 12px;
	margin-top: 12px;
}
html .mce-content-body .targetBox p.item {
	--iconSize: 28px;
	display: grid;
	grid-template-columns: var(--iconSize) 1fr;
	gap: 15px;
	font-weight: bold;
	line-height: 1.5;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
}
.mce-content-body .targetBox .item::before {
	content: "\ea4c";
	font-family: "iconFontA";
	line-height: 1;
	font-size: var(--iconSize);
	transform: translateY(-2px);
}
/* ________SP________ */
@media screen and (max-width: 800px) {
	.mce-content-body .targetBox {
		--radius: 6px;
		padding: 16px 10px;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.mce-content-body .targetBox .ttl {
		line-height: 1.4;
		font-size: 16px;
	}
	.mce-content-body .targetBox .list {
		gap: 8px;
		padding: 20px 12px;
		margin-top: 12px;
	}
	html .mce-content-body .targetBox p.item {
		--iconSize: 20px;
		gap: 9px;
		line-height: 1.5;
		font-size: 15px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.mce-content-body .targetBox .item::before {
		font-size: var(--iconSize);
		margin-top: 3px;
		transform: translateY(-2px);
	}
}

/*=======================================================================
agendBox
=======================================================================*/
html:not(.noneMce) .mce-content-body .agendaBox {
	text-align: left;
	background-color: #fff;
	border: 4px solid #e6e9ec;
	padding: 24px 16px;
	margin: 40px 0 34px 0;
}
html:not(.noneMce) .mce-content-body .agendaBox .ttl {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.5;
	font-size: 24px;
	margin-bottom: 28px;
}
html:not(.noneMce) .mce-content-body .agendaBox > ol {
	counter-reset: number 0;
	display: grid;
	gap: 20px;
	padding: 0;
	margin: 0;
}
html:not(.noneMce) .mce-content-body .agendaBox > ol > li {
	display: grid;
	grid-template-columns: 2.5em 1fr;
	gap: 1em;
	font-weight: bold;
	line-height: 1.5;
	font-size: 15px;
	padding: 0;
	margin: 0;
}
html:not(.noneMce) .mce-content-body .agendaBox > ol > li::before {
	justify-self: end;
	position: relative;
	color: var(--c1);
	font-style: italic;
	line-height: 0.6;
	font-size: 24px;
	counter-increment: number 1; /* number カウンタの増加数をセット */
	content: counter(number) "."; /* 表示形式を指定 */
}
/* ________SP________ */
@media screen and (max-width: 800px) {
	html:not(.noneMce) .mce-content-body .agendaBox {
		border-width: 4px;
		padding: 15px 10px 14px 0;
		margin: 40px 0px 34px 0;
	}

	html:not(.noneMce) .mce-content-body .agendaBox .ttl {
		line-height: 1.5;
		font-size: 18px;
		margin-bottom: 16px;
		padding-left: 16px;
	}
	html:not(.noneMce) .mce-content-body .agendaBox > ol {
		gap: 14px;
	}
	html:not(.noneMce) .mce-content-body .agendaBox > ol > li {
		grid-template-columns: 2em 1fr;
		gap: 8px;
		line-height: 1.6;
		font-size: 13px;
		font-weight: 500;
	}

	html:not(.noneMce) .mce-content-body .agendaBox > ol > li::before {
		line-height: 0.8;
		font-size: 18px;
	}
}

/*=======================================================================
borderBoxA
=======================================================================*/
html:not(.noneMce) .mce-content-body .borderBoxA {
	padding: 1em 1em;
	margin: 2em 0;
	color: #474747;
	background: whitesmoke;
	border-left: double 7px #1183e2;
	border-right: double 7px #1183e2;
}
html:not(.noneMce) .mce-content-body .borderBoxA > *:last-child {
	margin-bottom: 0;
}

/*=======================================================================
borderBoxB
=======================================================================*/
html:not(.noneMce) .mce-content-body .borderBoxB {
	padding: 20px;
	margin: 2em 0;
	border-top: solid 5px var(--c1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
html:not(.noneMce) .mce-content-body .borderBoxB > *:last-child {
	margin-bottom: 0;
}


.pcPupupCtaA {
	display: none !important;
}

/* // base
----------------------------------------------- */

hr {
	display: block;
	padding-bottom: 16px;
	border-left: 0;
}

:root {
	--c1: #183374;
	--c2: #4d83ef;
	--c3: #428bc4;
	--hover1: #fffff5;
	--shadow1: 0px 0px 30px rgba(0, 0, 0, 0.1);
	--shadow2: 0px 0px 20px rgba(0, 0, 0, 0.1);
	--shadow1_sp: 0px 0px 20px rgba(0, 0, 0, 0.1);
	--move1: 0.8s;
}

html,
body {
	scroll-behavior: smooth;
	min-height: 100vh;
	color: #000;
	font-weight: 400;
	background-color: #fff;
	line-height: 2.1;
	font-size: 14px;
	width: auto !important;
}

html.on {
	overflow: auto;
}

body.pageBg1 {}

a {
	color: #000;
}

a:not(.nohover):hover {
	color: #666;
}

iframe {
	width: 100%;
}

.widthFix {
	width: 1160px;
}

@media screen and (max-width: 1160px) {
	.widthFix {
		width: 100%;
		padding: 0 10px;
	}
}

div::-webkit-scrollbar {
	background: #fff;
	width: 11px;
	height: 11px;
	border-radius: 20px;
}

div::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 20px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {

	html,
	body {
		font-size: 12px;
	}

	body {
		padding-top: 0;
	}

	.widthFix,
	.sp_widthFix {
		padding: 0 14px;
	}
}

/* scroll-behavior
----------------------------------------------- */
:root {
	--headerHeight_PC: 80px;
	--headerHeight_SP: 70px;
}

[id] {
	scroll-margin-top: var(--headerHeight_PC);
}

@media screen and (max-width: 800px) {
	[id] {
		scroll-margin-top: var(--headerHeight_SP);
	}
}

/* // Container / ContentsWrap
----------------------------------------------- */
#Container {
	position: relative;
	margin: 0 auto;
	/* overflow: hidden; */
	padding-top: 100px;
}

/* ________ 801-1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	#Container {}
}


/* breakpoint */
@media screen and (max-width: 800px) {
	#Container {
		padding-top: 0px;
	}
}

@media screen and (min-width: 1400px) {
	#Container {
		padding-top: 74px;
	}
}

html.top #Container {
	padding-top: 0;
}

#ContentsWrap {
	position: relative;
	z-index: 50;
	margin: 0 auto;
	padding-bottom: 120px;
	min-height: 200px;
}

html.root #ContentsWrap {
	opacity: 1;
}

html.root.on #ContentsWrap {
	opacity: 1;
	transition-duration: 1.3s;
	transition-delay: 0s;
	transition-delay: 1.4s;
}

#ContentsWrap.noTitle {}

#luxy {
	padding-top: 0px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	#Container {
		padding-top: 0px;
	}

	#ContentsWrap {
		padding-bottom: 45px;
		min-height: 300px;
	}

	#ContentsWrap.noTitle {
		padding-top: 45px;
	}

	html.top #ContentsWrap {
		padding-top: 80px;
	}

	#luxy {
		padding-top: 90px;
		margin-top: -90px;
	}
}

/* // pc_header
----------------------------------------------- */
.pc_header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	display: grid;
	grid-template-rows: 50px 50px;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"logo nav2"
		"nav1 btns";
	align-items: center;
	height: 100px;
	padding-left: 20px;
	padding-right: 15px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 400;
	transition-delay: 0.2s;
	transition-duration: 0.8s;
	transform: translateY(0%);
	transition: transform 0.5s;
}

html.root .pc_header {
	transform: translateY(0%);
}

html.on.root .pc_header {
	transition-delay: 0.3s;
	transition-duration: 1.8s;
	transform: translateY(0%);
}

html.on .pc_header.hide {
	transition-delay: 0.2s;
	transform: translateY(-110%);
	transition-duration: 0.8s;
}

html.on .pc_header.view {
	transition-delay: 0.2s;
	transition-duration: 0.8s;
}

/* logo  */
.pc_header .logo {
	grid-area: logo;
	margin-right: 20px;
	width: 100px;
	max-height: 40px;
}

.pc_header .logo a {
	width: 100%;
	line-height: 1;
}

.pc_header .logo a svg {
	fill: var(--c1) !important;
	opacity: 1 !important;
}

.pc_header .logo a .tx {
	color: var(--c1);
	display: block;
	text-align: center;
	font-size: 7.5px;
	margin-top: 3px;
	font-weight: 500;
}

/* ________TB________ */
@media screen and (max-width: 1220px) {
	.pc_header .logo {
		margin-right: 15px;
		width: 100px;
	}

	.pc_header .logo a .tx {
		font-size: 9px;
	}
}

/* pc_gnavi  */
.pc_header .pc_gnavi {
	grid-area: nav1;
	/* width: calc(100% - 180px - 190px); */
}

/* btns  */
.pc_header .btns {
	grid-area: btns;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: end;
	line-height: 1;
}

.pc_header .btns li {
	margin-right: 6px;
}

.pc_header .btns li:last-of-type {
	margin-right: 0;
}

.pc_header .btns li a {
	min-width: 160px !important;
}

.pc_header .btns li a .tx {
	padding: 8px 0;
}

/* breakpoint */

/* ________ 801_1000 ________ */
/* @media screen and (min-width:801px) and (max-width: 1000px){ */
@media screen and (min-width:801px) and (max-width: 1266px) {

	.pc_header {
		padding-left: 10px;
		padding-right: 7px;
	}

	.pc_header .logo {
		margin-right: 10px;
		width: 100px;
		padding-top: 8px;
	}

	.pc_header .logo a {
		min-width: 100% !important;
	}

	.pc_header .logo a .tx {
		font-size: 5.8px;
		margin-top: 3px;
	}

	.pc_header .btns li {
		margin-right: 2px;
	}

	.pc_header .btns li a {
		/* min-width: 130px !important; */
		/* font-size: 11.5px; */
	}

	.pc_header .btns li a .tx {
		padding: 8px 0;
	}
}
@media screen and (min-width: 1400px) {
	.pc_header {
		grid-template-rows: 74px;
		grid-template-columns: auto 1fr auto auto;
		grid-template-areas:
			"logo nav1 nav2 btns";
		gap: 0 6px;
		height: 74px;
	}
	.pc_header .logo {
		width: 130px;
		max-height: none;
	}
	.pc_header .btns > li.search {
		display: none;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.pc_header {
		display: none;
	}
}

/* // pc_gnavi
----------------------------------------------- */
.pc_gnavi {}

.pc_gnavi .naviParents {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.pc_gnavi .naviParents>li {
	display: block;
	position: relative;
	margin-right: 9px;
	line-height: 1.3;
	text-align: center;
}

.pc_gnavi .naviParents>li.on {
	border-bottom: 1px solid #273c7c;
}

.pc_gnavi .naviParents>li>a {
	font-size: 100%;
	padding: 10px 8px;
	color: #000 !important;
	white-space: nowrap;
	transition: 0.2s;
}

.pc_gnavi .naviParents>li>a:after {
	content: " ";
	display: block;
	width: 0%;
	height: 1px;
	background-color: var(--c1);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s;
}

.pc_gnavi .naviParents li>a:hover:after {
	width: 100%;
}

.pc_gnavi .naviParents>li.service>a:hover::before,
.pc_gnavi .naviParents>li.howto>a:hover::before,
.pc_gnavi .naviParents>li.seminar>a:hover::before,
.pc_gnavi .naviParents>li.company>a:hover::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
	width: calc(100% + 150px);
	height: 50px;
}

.pc_gnavi .naviParents .parent.service:hover::before,
.pc_gnavi .naviParents .parent.howto:hover::before,
.pc_gnavi .naviParents .parent.seminar:hover::before,
.pc_gnavi .naviParents .parent.company:hover::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, calc(100% + 2px));
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 14px;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

/* navChildWrap */
.pc_gnavi .naviParents .navChild {
	z-index: 400;
	position: relative;
	display: none;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	/*
	display: block;
	visibility: visible;
	opacity: 1;
	*/
}


/* =====SP===== */
@media screen and (max-width: 800px) {
	.navChild {
		display: none;
		visibility: hidden;
	}
}

.pc_gnavi .naviParents .navChild.isPositionParent {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.pc_gnavi .naviParents .navChild .navChildInner {
	background-color: #fff;
	border-top: 2px solid var(--c1);
	box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.16);
	/*! max-height: calc(100vh - 74px - 20px); */
	padding: 26px 40px 30px 40px;
}

.pc_gnavi .naviParents li a:hover+.navChild,
.pc_gnavi .naviParents .navChild:hover {
	display: block;
	visibility: visible;
	opacity: 1;
}

.pc_gnavi .naviParents .navChild {
	color: var(--c1);
}

.pc_gnavi .naviParents .navChild .childTtl {
	font-weight: 900;
	line-height: 1;
	font-size: 18px;
	margin-bottom: 20px;
}

.pc_gnavi .naviParents .navChild .childTtl a {
	color: var(--c1);
	position: relative;
	padding: 5px 0 8px;
}

.pc_gnavi .naviParents .navChild .childTtl a:after {
	content: " ";
	display: block;
	width: 0%;
	height: 1px;
	background-color: var(--c1);
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: 0.2s;
}

.pc_gnavi .naviParents .navChild .childTtl a:hover:after {
	width: 100%;
}

.pc_gnavi .naviParents .navChild .childLine {
	border-top: 1px solid #e5eaf1;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pc_gnavi .naviParents .navChild .childSubTtl {
	font-weight: 900;
	line-height: 1;
	font-size: 16px;
	margin-top: 28px;
	margin-bottom: 20px;
}

.pc_gnavi .naviParents .navChild .linkWrap {
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 40px;
	margin-top: 20px;
}

.pc_gnavi .naviParents .navChild .link {
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: var(--c1);
	white-space: nowrap;
	font-weight: 500;
	line-height: 1;
	font-size: 14px;
	position: relative;
	padding: 5px 0 7px;
}

.pc_gnavi .naviParents .navChild .link:after {
	content: " ";
	display: block;
	width: 0;
	height: 1px;
	background-color: var(--c1);
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: 0.2s;
}

.pc_gnavi .naviParents .navChild .link:hover:after {
	width: 100%;
}

.pc_gnavi .naviParents .navChild .link::before {
	content: "";
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 7px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* サービス */
.pc_gnavi .naviParents .parent.service .navChild {
	left: 0;
}

.pc_gnavi .naviParents .parent.service .navChild .navChildInner {
	margin-left: 0;
	width: fit-content;
}

.pc_gnavi .naviParents .parent.service .navChild .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.pc_gnavi .naviParents .parent.service .navChild .itemLink {
	border-radius: 4px;
	padding: 15px 15px 8px;
	display: grid;
	place-items: center;
	gap: 15px;
	height: 100%;
}

.pc_gnavi .naviParents .parent.service .navChild .item {
	width: 228px;
}

.pc_gnavi .naviParents .parent.service .navChild .item1 .itemLink {
	background-color: #ebeff4;
}

.pc_gnavi .naviParents .parent.service .navChild .item1 .itemLink:hover {
	background-color: #e1e6ed;
}

.pc_gnavi .naviParents .parent.service .navChild .item2 .itemLink {
	background-color: #e5f1fa;
}

.pc_gnavi .naviParents .parent.service .navChild .item2 .itemLink:hover {
	background-color: #d8efff;
}

.pc_gnavi .naviParents .parent.service .navChild .item3 .itemLink {
	background-color: #e5f1fa;
}

.pc_gnavi .naviParents .parent.service .navChild .item3 .itemLink:hover {
	background-color: #d8efff;
}

.pc_gnavi .naviParents .parent.service .navChild .itemTtl {
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
}

.pc_gnavi .naviParents .parent.service .navChild .item1 .itemTtl {
	color: var(--c1);
}

.pc_gnavi .naviParents .parent.service .navChild .item2 .itemTtl {
	color: var(--c2);
}

.pc_gnavi .naviParents .parent.service .navChild .item3 .itemTtl {
	color: var(--c3);
}

.pc_gnavi .naviParents .parent.service .navChild .item1 .imgBlock {
	aspect-ratio: 107/28;
	width: 171px;
}

.pc_gnavi .naviParents .parent.service .navChild .item2 .imgBlock {
	aspect-ratio: 107/28;
	width: 171px;
}

.pc_gnavi .naviParents .parent.service .navChild .item3 .imgBlock {
	aspect-ratio: 107/28;
	width: 171px;
}

/* 活用方法 */
.pc_gnavi .naviParents .parent.howto .navChild {
	width: 1160px;
	max-width: calc(100vw - 40px);
	left: -100%;
	/* transform: translateX(-50%); */
	/* position: fixed; */
	/* top: 73px; */
}

/* =====breakpoint===== */
@media screen and (min-width: 1500px) {
	.pc_gnavi .naviParents .parent.howto .navChild {
		/* position: absolute; */
		/* left: -90px; */
		/* transform: translateX(0); */
		/* top: 56px; */
	}
}

@media screen and (max-width: 1261px) {
	.pc_gnavi .naviParents .parent.howto .navChild {
		/* transform: translateX(-50%); */
		/* left: 50%; */
	}
}

.pc_gnavi .naviParents .parent.howto .navChild .navChildInner {
	overflow-y: auto;
}

.pc_gnavi .naviParents .parent.howto .navChild .itemList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 7px;
}

.pc_gnavi .naviParents .parent.howto .navChild .howtoIndexB .item {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	border: 1px solid #eee;
	max-width: 265px;
}

.pc_gnavi .naviParents .parent.howto .navChild .howtoIndexB .image {
	width: 55px;
	height: 56px;
}

.pc_gnavi .naviParents .parent.howto .navChild .howtoIndexB .name {
	font-size: 14px;
	font-weight: 500;
}

/* セミナー/展示会 */
.pc_gnavi .naviParents .parent.seminar .navChild {
	width: 360px;
}

/* 会社情報 */
.pc_gnavi .naviParents .parent.company .navChild {
	width: auto;
}

.pc_gnavi .naviParents .parent.company .navChild .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 21px 50px;
}

.pc_gnavi .naviParents .parent.company .navChild .link {
	line-height: 1;
}

.pc_gnavi .parent:last-of-type:after {
	display: none;
}

.pc_gnavi .parent.on .naviChildren li.on .tx {
	font-weight: 600;
}

.pc_gnavi .naviChildren li .tx br {
	display: none;
}

.pc_gnavi li.child {
	margin-bottom: 5px;
}

.pc_gnavi li.child .tx {
	position: relative;
}

.pc_gnavi .child.on .tx:before {
	content: " ";
	position: absolute;
	display: block;
	width: calc(100% + 8px);
	height: 1px;
	background-color: #555;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
}

.pc_gnavi li.child:last-of-type {
	margin-bottom: 0;
}

.pc_gnavi li.child a {
	display: block;
	text-align: left;
	position: relative;
	font-size: 94%;
	line-height: 1.4;
	padding: 8px 10px 8px;
}

.pc_gnavi li.child a:after {
	height: 1px !important;
}

.pc_gnavi li.child.on .wrap>a:after,
.pc_gnavi li.child.on .wrap>a:after {
	height: 1px !important;
	background-color: #000;
	width: 100%;
}

.pc_gnavi .naviParents .parent .navChild.view {
	display: block;
	opacity: 1;
	z-index: 999999999;
	visibility: visible;
}

/* breakpoint */
@media screen and (max-width: 1200px) {
	.pc_gnavi .naviParents>li.home {
		display: none;
	}
}
@media screen and (max-width: 1400px) {
	#PC_Gnavi.pc_gnavi .naviParents .parent.company,
	#PC_Gnavi.pc_gnavi .naviParents .parent.recruit,
	#PC_Gnavi.pc_gnavi .naviParents .parent.partner	{
		display: none;
	}
}

@media screen and (max-width: 1140px) {
	/* .pc_gnavi .naviParents>li.company {
		display: none;
	} */
}

@media screen and (max-width: 1030px) {
	/* .pc_gnavi .naviParents>li.news {
		display: none;
	} */
}

@media screen and (max-width: 896px) {
	/* .pc_gnavi .naviParents>li.seminar {
		display: none;
	} */
}



/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.pc_gnavi .naviParents {}

	.pc_gnavi .naviParents>li {
		margin-right: 6px;
	}

	.pc_gnavi .naviParents>li>a {
		font-size: 13px;
		padding: 7px 7px;
	}

	.pc_gnavi .naviParents .navChild {
		top: 48px;
	}

	.pc_gnavi .naviParents .parent.howto .navChild {
		/* top: 70px; */
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.pc_gnavi {
		display: none;
	}
}

/* // pc_subnavi
----------------------------------------------- */
.pc_header .pc_subnavi {
	grid-area: nav2;
}
.pc_header .pc_subnavi .naviParents {
	justify-content: end;
}
.pc_header .pc_subnavi .naviParents > li {
	margin-right: 0;
	margin-left: 9px;
}
.pc_header .pc_subnavi .naviParents > li.search a {
	padding: 0;
}
.pc_header .pc_subnavi .naviParents > li.search a::after {
	content: none;
}
@media screen and (max-width: 1400px) {
	.pc_header .pc_subnavi .naviParents > li.search {
		display: none;
	}
}
@media screen and (min-width: 1400px) {
	.pc_header .pc_subnavi {
		grid-area: nav2;
	}
	.pc_header .pc_subnavi .naviParents > li.company,
	.pc_header .pc_subnavi .naviParents > li.recruit,
	.pc_header .pc_subnavi .naviParents > li.partner {
		display: none;
	}
}

/* =====SP===== */

/* =====breakpoint===== */


/* // sp_header
----------------------------------------------- */
/* breakpoint */
/* ________PC________ */
@media screen and (min-width: 801px) {
	.sp_header {
		display: none;
	}
}

/* breakpoint */
/* ________SP________ */
@media screen and (max-width: 800px) {
	.sp_header {
		display: block;
		height: 70px;
		border-bottom: 1px solid #eee;
		background-color: #fff;
		position: relative;
		z-index: 100;
		opacity: 1;
		top: 0px;
	}

	html.on .sp_header {
		transition-delay: 0.5s;
		transition-duration: 1.5s;
		opacity: 1;
		top: 0;
	}

	.sp_header .logo {
		text-align: center;
	}

	.sp_header .logo a {
		margin-top: 9px;
		width: 160px;
		line-height: 1;
	}

	.sp_header .logo a svg {
		fill: var(--c1) !important;
		opacity: 1 !important;
	}

	.sp_header .logo a .tx {
		color: var(--c1);
		display: block;
		text-align: center;
		font-size: 9.5px;
		margin-top: 2px;
		font-weight: 500;
	}
}

/* // spModalMenu //
----------------------------------------------- */
/* breakpoint */
/* ________PC________ */
@media screen and (min-width: 801px) {
	.spModalMenu {
		display: none !important;
	}
}

/* breakpoint */
/* ________SP________ */
@media screen and (max-width: 800px) {
	.spModalMenu {
		display: block !important;
	}
}

.spModalMenu .modalNavilistA {
	font-weight: 400;
	color: #000 !important;
}

.spModalMenu .modalNavilistA li {
	line-height: 1.4;
	border: 0 !important;
	position: relative;
}

.spModalMenu .modalNavilistA li.parent {
	border-bottom: 1px solid #eee !important;
}

.spModalMenu .modalNavilistA li.parent:first-of-type {
	border-top: 1px solid #eee !important;
}

.spModalMenu .modalNavilistA li a {
	padding: 14px 15px 14px 27px;
	display: block;
	position: relative;
	color: #000 !important;
}

.spModalMenu .modalNavilistA li.parent>a:not(.noClose):after {
	position: absolute;
	right: 21px;
	top: 50%;
	font-size: 70%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	font-family: iconfontA;
	color: #273c7c;
}

.spModalMenu .modalNavilistA li.parent.on>a:after {
	display: none;
}

/*
.spModalMenu .modalNavilistA li.parent > a.noClose:after {
	content:"\e917";
}
.spModalMenu .modalNavilistA li.parent > a.noClose.minus:after {
	content:"\e915";
}
 */
.spModalMenu .modalNavilistA li.parent .naviChildrenWrap {
	display: block;
}

.spModalMenu .modalNavilistA li.parent.on .naviChildrenWrap {
	display: block;
}

.spModalMenu .modalNavilistA li.child._1 {
	margin-left: 20px;
}

.spModalMenu .modalNavilistA li.child a {
	padding: 8px 8px;
	color: #000;
}

.spModalMenu .modalNavilistA .naviChildren {
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 40px;
	font-size: 90%;
	font-weight: 300;
	margin-top: 0px;
	/*! display: none; */
}

.spModalMenu .modalNavilistA li.parent.on>a,
.spModalMenu .modalNavilistA li.child.on a {
	/*! background-color:#FFEBEE; */
	font-weight: 500;
	color: #273c7c !important;
}

.spModalMenu .modalNavilistA li.on>a:before {
	content: " ";
	position: absolute;
	display: block;
	width: 11px;
	height: 3px;
	background-color: #273c7c;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.spModalMenu .modalNavilistA li.child.on a:before {
	content: " ";
	position: absolute;
	display: block;
	background-color: #273c7c;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 2px;
	left: -8px;
}

.spModalMenu .modalNavilistA li.parent a:not(.noClose) {}

/* s1  */
.spModalMenu .modalNavilistA.s1 {}

.spModalMenu .modalNavilistA.s1 li {
	border-bottom: 1px dotted #ccc !important;
}

.spModalMenu .modalNavilistA.s1 li:first-of-type {
	border-top: 1px dotted #ccc !important;
}

.spModalMenu .modalNavilistA.s1 li a {
	padding: 10px 0;
	font-size: 80%;
	color: #333;
}

/* linksWrap1  */
.spModalMenu .modalNavilistA.linksWrap1>ul {
	margin-top: 14px;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	border-top: 1px dotted #aeaeae !important;
}

.spModalMenu .modalNavilistA.linksWrap1>ul li {
	width: 50%;
	border-bottom: 1px dotted #aeaeae !important;
}

.spModalMenu .modalNavilistA.linksWrap1>ul li:nth-of-type(odd) {
	width: 50%;
	border-right: 1px dotted #aeaeae !important;
}

.spModalMenu .modalNavilistA.linksWrap1>ul li a {
	display: block;
	text-align: center;
	font-size: 80%;
	color: #333;
	padding: 10px 0;
}

/* // modal WH CUSTOMIZE //
----------------------------------------------- */
/* breakpoint */
@media screen and (max-width: 800px) {
	.modalBtn.rightFix {
		top: 10px;
		right: 10px;
		width: 50px;
		height: 50px;
		background-color: transparent;
	}

	.modalBtn.rightFix.active {
		right: calc(100% - 15px);
		transform: translateX(100%);
	}

	.modalBtn.rightFix .line,
	.modalBtn.rightFix .line:before,
	.modalBtn.rightFix .line:after {
		background-color: var(--c1);
	}

	.spModalMenu>.inner>.menuWrap {
		border-left: 1px #dfdfdf solid;
	}

	/*
	.modalBtn.rightFix .line:before {
		top:-8px;
	}
	.modalBtn.rightFix .line:after {
		top:8px;
	}
	.modalBtn.rightFix.active .line:before {
		width: 115%;
		transform: translate(-50%, 8px) rotate(45deg);
	}
	.modalBtn.rightFix.active .line:after {
		width:115%;
		transform:  translate(-50%, -8px) rotate(-45deg);
	}
	 */
}

/* // spModalCtaA
----------------------------------------------- */
.spModalCtaA {
	margin-top: 20px;
	padding: 0 15px;
}

.spModalCtaA li {
	margin-bottom: 10px;
	text-align: center;
}

.spModalCtaA .tel {
	margin-bottom: 10px;
}

.spModalCtaA .tel {
	text-align: center;
	line-height: 1;
	color: var(--c1);
	margin-top: 22px;
}

.spModalCtaA .tel .tx1 {
	font-size: 15px;
	font-weight: 600;
	display: block;
	margin-bottom: 7px;
}

.spModalCtaA .tel .num {
	color: var(--c1);
	font-size: 35px;
	display: block;
	font-weight: 700;
}

.spModalCtaA .tel .tx2 {
	font-size: 10px;
	display: block;
	margin-top: 9px;
}

/* // spModalOtherA
----------------------------------------------- */
.spModalOtherA {
	margin-top: 35px;
	padding: 0 30px;
}

.spModalOtherA li {
	margin-bottom: 10px;
	line-height: 1.5;
}

.spModalOtherA li a {
	padding: 5px 0px 5px 12px;
	position: relative;
	font-size: 12px;
	display: block;
}

.spModalOtherA li a:after {
	position: absolute;
	left: 0px;
	top: 10px;
	font-size: 6px;
	content: "\ec0e";
	font-family: iconfontA;
}

/* // spHaveChild /spToggleMenu
----------------------------------------------- */
/* spHaveChild */
.spModalMenu .modalNavilistA li.parent.spHaveChild {
	cursor: pointer;
	position: relative;
}

.spModalMenu .modalNavilistA li.parent.spHaveChild::before {
	position: absolute;
	content: "\e917";
	font-family: iconFontA;
	top: 13px;
	right: 12px;
	display: grid;
	place-items: center;
	background-color: #fff;
	border: 1px solid var(--c1);
	border-radius: 50%;
	aspect-ratio: 1;
	width: 18px;
	line-height: 1;
	font-size: 10px;
	padding-top: 0.3px;
}

.spModalMenu .modalNavilistA li.parent.spHaveChild.isActive {
	cursor: default;
	padding-bottom: 10px;
}

.spModalMenu .modalNavilistA li.parent.spHaveChild.isActive::before {
	content: "\e915";
}

.spModalMenu .modalNavilistA li.parent.spHaveChild>a.link {
	pointer-events: none;
}

/* spToggleMenu */
/* ________PC________ */
@media screen and (min-width: 801px) {
	.spToggleMenu {
		display: none !important;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {

	.spModalMenu .modalNavilistA li.parent .spToggleMenu {
		display: grid;
		gap: 6px;
		font-size: 0.9em;
		padding-left: 55px;
		height: auto;
		overflow-y: auto;
		transition: 0.3s;
		padding-bottom: 19px;
	}
	.company:not(.on) .spToggleMenu {display: none !important;}

	.spModalMenu .modalNavilistA li.parent .spToggleMenu .spChildLink {
		transition: 0.3s;
		display: block;
		line-height: 1;
		padding: 6px 20px 6px 0px;
	}
}

/*=======================================================================
ブログ
=======================================================================*/
.blogRecommend .imgblock {
	overflow: hidden;
}

.blogRecommend .imgblock>img {
	height: auto;
}

/* // snsWrap
----------------------------------------------- */
.snsWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	text-align: center;
}

.snsWrap>li>a {
	display: block;
	max-height: 30px;
	transition: opacity 0.3s;
}

.snsWrap>li>a:hover,
.snsWrap>li>a:hover img,
.snsWrap>li>a:hover svg {
	opacity: 0.8;
}

/* X(twitter) */
.snsWrap>li.twitter>a {
	display: grid;
	place-items: center;
	background-color: #000;
	border-radius: 4px;
	aspect-ratio: 1;
}

.snsWrap>li.twitter svg {
	width: 60%;
}

/* facebook */
.snsWrap>li.facebook>a {
	display: grid;
	place-items: center;
	grid-template-columns: 10px 1fr;
	gap: 4px;
	height: 100%;
	background-color: #1877f2;
	color: #fff;
	border-radius: 4px;
	line-height: 1;
	font-size: 11px;
	padding: 1px 10px 2px;
}

.snsWrap>li.facebook svg {
	height: 100%;
	width: auto;
}

/* hatena */
.snsWrap>li.hatena>a {
	display: grid;
	place-items: center;
	border-radius: 4px;
	aspect-ratio: 1;
	background-color: #00a4de;
}

.snsWrap>li.hatena svg {
	width: 60%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // writerWrap
----------------------------------------------- */
.writerWrap {
	display: grid;
	grid-template-columns: 140px 1fr;
	grid-template-rows: repeat(2, auto);
	column-gap: 32px;
	row-gap: 12px;
	grid-template-areas:
		"imgBlock headBlock"
		"imgBlock txtBlock";
	align-items: center;
	background-color: #fff;
	border: 1px solid #c0c4d1;
	border-radius: 4px;
	box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.04);
	padding: 32px;
}

.writerWrap .headBlock {
	grid-area: headBlock;
	color: var(--c2);
	line-height: 1;
	font-size: 12px;
}

.writerWrap .imgBlock {
	grid-area: imgBlock;
	overflow: hidden;
	aspect-ratio: 1;
	width: 100%;
	border: 1px solid #c0c4d1;
	border-radius: 50%;
}

.writerWrap .imgBlock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.writerWrap .txtBlock {
	grid-area: txtBlock;
}

.writerWrap .writer {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.3;
	font-size: 20px;
}

.writerWrap .position {
	color: #8b8f9a;
	line-height: 1.3;
	font-size: 14px;
	margin-top: 4px;
}

.writerWrap .desc {
	color: #2d2d3a;
	line-height: 1.6;
	font-size: 14px;
	margin-top: 16px;
}

/* =====SP===== */
@media screen and (max-width: 800px) {
	.writerWrap {
		grid-template-columns: 1fr;
		grid-template-rows: auto 130px auto;
		column-gap: 0;
		row-gap: 0;
		grid-template-areas:
			"headBlock"
			"imgBlock"
			" txtBlock";
		place-items: center;
		border-radius: 4px;
		box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.04);
		text-align: center;
		padding: 20px;
	}

	.writerWrap .imgBlock {
		width: auto;
		height: 100%;
	}

	.writerWrap .txtBlock {
		margin-top: 12px;
	}

	.writerWrap .headBlock {
		text-align: center;
		font-size: 12px;
		margin-bottom: 10px;
	}

	.writerWrap .writer {
		text-align: center;
		line-height: 1.3;
		font-size: 20px;
	}

	.writerWrap .position {
		text-align: center;
		font-size: 14px;
		margin-top: 4px;
	}

	.writerWrap .desc {
		line-height: 1.6;
		font-size: 14px;
		margin-top: 12px;
	}
}

/* // siteFooter //
----------------------------------------------- */
.siteFooter {
	background-color: #091947;
	padding: 30px 10px 70px;
	margin-bottom: -80px;
}

.siteFooter .blockWrap1 {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
}

.siteFooter .blockWrap1 .logoBlock {
	width: 180px;
	margin-right: 100px;
}

.siteFooter .logo {
	text-align: center;
	width: 180px;
}

.siteFooter .logo a {
	width: 180px;
	line-height: 1;
}

.siteFooter .logo a svg {
	fill: #fff !important;
	opacity: 1 !important;
}

.siteFooter .logo a .tx {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 10.5px;
	margin-top: 3px;
	font-weight: 500;
}

.siteFooter .engBtn {
	text-align: center;
	line-height: 1;
	margin-top: 18px;
}

.siteFooter .engBtn a {
	min-width: 180px;
}

.siteFooter .engBtn a .tx {
	padding: 4px;
}

.siteFooter .snsBtns {
	margin-top: 25px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.siteFooter .snsBtns li {
	margin-right: 10px;
}

.siteFooter .snsBtns li:last-of-type {
	margin-right: 0;
}

.siteFooter .snsBtns li .icon {
	color: #fff;
	font-size: 36px;
}

.siteFooter .snsBtns li>a>svg {
	aspect-ratio: 1;
	min-width: 36px;
}

.siteFooter .snsBtns .note_ico {
	width: 80px;
}

.siteFooter .snsBtns li>a:hover,
.siteFooter .snsBtns li>a:hover>svg {
	opacity: 1;
}

.siteFooter .blockWrap1 .menuWrap {
	flex: 1;
	display: flex;
	display: -ms-flexbox;
	padding-top: 15px;
}

.siteFooter .blockWrap1 .menuWrap .menu {
	width: 33.33%;
	line-height: 1;
}

.siteFooter .blockWrap1 .menuWrap .menu li {
	margin-bottom: 20px;
	font-size: 14px;
}

.siteFooter .blockWrap1 .menuWrap .menu li a {
	color: #fff;
}

.siteFooter .blockWrap1 .menuWrap .menu li a:hover {
	text-decoration: underline;
}

.siteFooter .copy {
	text-align: center;
	line-height: 1;
	font-size: 11px;
	margin-top: 20px;
	color: #fff;
}

.li-bottom {
	margin-bottom: 6px !important;
}

.nd-wiide {
	width: 100%;
}

.certifications {
	background-color: #fff;
	padding: 10px;
	max-width: 430px;
	margin: 16px 0 0;
	border-radius: 2.5px;
}

.siteFooter .menu div {
	color: #fff;
	text-align: left;
	margin-bottom: 24px;
	margin-left: -14px;
	font-size: 1.2rem;
	font-weight: 800;
}

.siteFooter .menu li span {
	font-size: 1.2rem;
	line-height: 1.5;
}

.siteFooter .othermenu li {
	font-size: 1.2rem !important;
	font-weight: 800;
}

@media screen and (max-width: 800px) {
	.certifications {
		margin: 16px auto 0;
	}

	.siteFooter {
		padding: 30px 0 70px;
		margin-bottom: -40px;
	}

	.siteFooter .blockWrap1 {
		display: block;
	}

	.siteFooter .blockWrap1 .logoBlock {
		width: 100%;
		margin-right: 0;
		display: flex;
		display: -ms-flexbox;
		justify-content: center;
		-ms-justify-content: center;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
	}

	.siteFooter .logo {
		width: 100%;
		margin-bottom: 15px;
	}

	.siteFooter .engBtn {
		margin-top: 0px;
		margin-right: 20px;
	}

	.siteFooter .engBtn a {
		min-width: 130px;
	}

	.siteFooter .engBtn a .tx {
		padding: 4px;
	}

	.siteFooter .snsBtns {
		margin-top: 0;
	}

	.siteFooter .snsBtns li {
		margin-right: 10px;
	}

	.siteFooter .snsBtns li:last-of-type {
		margin-right: 0;
	}

	.siteFooter .snsBtns li .icon {
		font-size: 30px;
	}

	.siteFooter .snsBtns li>a>svg {
		aspect-ratio: 1;
		min-width: 30px;
		max-width: 30px;
	}
	
	.siteFooter .snsBtns .note_ico {
		width: 73px;
	}

	.siteFooter .blockWrap1 .menuWrap {
		display: none;
	}

	.siteFooter .copy {
		font-size: 11px;
		margin-top: 30px;
	}
}

/* // footerCtaA
----------------------------------------------- */
@media screen and (min-width: 801px) {
	.footerCtaA {
		background: url(/_pack/img/cmn_footercta_bg_01.jpg) no-repeat center center / cover;
		padding: 110px 0;
	}
}

.footerCtaA .btns {
	padding: 0px 10px;
	display: flex;
	display: -ms-flexbox;
	align-items: flex-end;
	-ms-align-items: flex-end;
	justify-content: center;
	-ms-justify-content: center;
}

.footerCtaA .btns li {
	width: 340px;
	margin-right: 40px;
}

.footerCtaA .btns li:last-of-type {
	margin-right: 0;
}

.footerCtaA .btns li .text {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 18px;
	font-size: 18px;
}

.footerCtaA .btns li a {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}

.footerCtaA .telWrap {
	text-align: center;
	line-height: 1;
	color: #fff;
	margin-top: 39px;
}

.footerCtaA .telWrap .tx1 {
	font-size: 22px;
	font-weight: 600;
}

.footerCtaA .telWrap .num {
	color: #fff;
	font-size: 44px;
	position: relative;
	top: 2px;
	margin: 0 15px;
	font-weight: 700;
}

.footerCtaA .telWrap .tx2 {
	font-size: 14px;
}

@media screen and (max-width: 1200px) {
	.footerCtaA .btns li {
		width: calc(100% / 3 - 20px);
		margin-right: 20px;
	}

	.footerCtaA .btns li a {
		min-width: 1px;
		padding: 2px 35px 2px 28px;
	}

	.footerCtaA .btns li a .tx {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.footerCtaA {
		background-image: url(/_pack/img/cmn_footercta_bg_01_sp.jpg);
		padding: 40px 0;
	}

	.footerCtaA .btns {
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	.footerCtaA .btns li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.footerCtaA .btns li .text {
		margin-bottom: 11px;
		font-size: 15px;
	}

	.footerCtaA .btns li a {
		font-size: 15px;
	}

	.footerCtaA .btns li a .tx {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.footerCtaA .telWrap {
		margin-top: 37px;
	}

	.footerCtaA .telWrap .tx1 {
		font-size: 18px;
		display: block;
		margin-bottom: 10px;
	}

	.footerCtaA .telWrap .num {
		font-size: 40px;
		margin: 0;
		display: block;
	}

	.footerCtaA .telWrap .tx2 {
		font-size: 12px;
		display: block;
		margin-top: 14px;
	}
}

/* // spBtmCvA
----------------------------------------------- */
.spBtmCvA {
	display: none;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.spBtmCvA {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-ms-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 55px;
		background-color: #fff;
		line-height: 1;
		padding: 5px;
		z-index: 500;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
		opacity: 0;
		transform: translateY(-35px);
		opacity: 1;
		transform: translateY(0);
	}

	html.on .spBtmCvA {
		transition-delay: 0.5s;
		transition-duration: 1.5s;
		transform: translateY(0);
		opacity: 1;
	}

	.spBtmCvA li {
		padding: 0 3px;
	}

	.spBtmCvA .tel {
		width: 45px;
	}

	.spBtmCvA .tel a {
		color: var(--c1);
		font-size: 40px;
	}

	.spBtmCvA .tel a .icon {
		padding: 0px;
		top: auto;
		vertical-align: top;
	}

	.spBtmCvA .btn {
		width: calc((100% - 45px) / 2);
	}

	.spBtmCvA .btn.isFalse {
		width: 100%;
	}

	.spBtmCvA .btn a {
		width: 100%;
	}

	.spBtmCvA .btn.isFalse a {
		max-width: 100%;
	}

	.spBtmCvA .btn a .tx {
		padding: 12px 0;
		font-size: 12px;
	}
}

/* // fancybox
----------------------------------------------- */
.fancybox-container .fancybox-bg {
	opacity: 0.85;
	background: #fff;
}

.fancybox-caption {
	color: #000;
}

.fancybox-caption:before {
	background-image: none;
}

.fancybox-content {
	background-color: #fff !important;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

/* // breadcrumbA
----------------------------------------------- */
.breadcrumbA {
	line-height: 1.4;
	font-size: 80%;
	z-index: 300;
	color: var(--c1) !important;
	display: block;
	width: 100%;
	position: absolute;
	top: 78px;
	left: 0px;
	padding: 0 10px;
	line-height: 1.3;
}

.breadcrumbA.over {
	height: 0px;
	margin-bottom: 0;
}

.breadcrumbA .inner {
	padding: 7px 0 4px 0;
}

@media screen and (max-width: 1200px) {
	.breadcrumbA .inner {
		padding-left: 10px;
	}
}

.breadcrumbA .list {
	text-align: left;
	margin-bottom: 7px;
}

.breadcrumbA .list:last-of-type {
	text-align: left;
	margin-bottom: 0px;
}

.breadcrumbA .list li {
	display: inline-block;
	padding-right: 13px;
	margin-right: 13px;
	position: relative;
}

.breadcrumbA .list li:after {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 70%;
	transform: translate(50%, -50%);
	content: "\e90e";
	font-family: iconfontA;
}

.breadcrumbA .list li:last-of-type {
	padding-right: 0;
	margin-right: 0;
}

.breadcrumbA .list li:last-of-type span {
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 300px;
	display: inline-block;
	vertical-align: bottom;
}

.breadcrumbA .list li:last-of-type:after {
	display: none;
}

.breadcrumbA .list li a {
	color: var(--c1) !important;
}

.breadcrumbA .list li:last-of-type a {
	cursor: default;
}

.breadcrumbA .list li:last-of-type a.hoverLine em:after {
	display: none;
}

.breadcrumbA.white,
.breadcrumbA.white .list li a {
	color: #fff !important;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.breadcrumbA {
		display: block;
		margin-top: 18px;
		margin-bottom: 20px;
		top: 61px !important;
		left: -4px;
		white-space: nowrap;
		overflow: hidden;
		width: calc(100% - 30px);
		font-size: 8px;
	}

	.breadcrumbA .inner {
		padding-left: 0px;
	}

	.breadcrumbA .list li {
		padding-right: 7px;
		margin-right: 6px;
	}
}

/* // formStyleA
----------------------------------------------- */
.formStyleA .checkbox:before {
	border-right-color: #000;
	border-bottom-color: #000;
}

.formStyleA .radio:before {
	background-color: #000;
}

.formStyleA input[type="button"],
.formStyleA input[type="submit"],
.formStyleA button[type="button"],
.formStyleA button[type="submit"]:not(.btnSubmit),
.formStyleA button.submit {
	background-color: #000;
}

.formStyleA input[type="button"]:before,
.formStyleA input[type="submit"]:before,
.formStyleA button[type="button"]:before,
.formStyleA button[type="submit"]:not(.btnSubmit):before,
.formStyleA button.submit:before {
	background-color: #fff !important;
	opacity: 0.3;
}

.formStyleA select:focus,
.formStyleA input:focus,
.formStyleA textarea:focus {
	border-color: #000 !important;
	outline: 1px solid #000;
}

.formStyleA select {
	border-radius: 0px;
}

/* // ボタン設定
----------------------------------------------- */
.btnA,
.btnC {
	border-radius: 100px;
	min-width: 260px;
}

/* .submitBtn  */
.submitBtn {
	margin-top: 35px;
	text-align: center;
}

.submitBtn .btnA {
	width: 400px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-size: 115%;
}

.submitBtn .btnA .icon {
	right: 22px;
}

/* .allBtnA  */
.allBtnA {
	margin-top: 70px;
	text-align: center;
}

.allBtnA .btnA {
	font-size: 115%;
}

.allBtnA .btnA .icon {
	right: 22px;
}

/* .btnA.back  */
.btnA.back {
	padding-right: 0;
	padding-left: 16px;
	background-color: #aaa;
}

.btnA.back .icon {
	right: auto;
	left: 20px !important;
}

/* .allBtnB  */
.allBtnB {
	margin-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

@media screen and (min-width: 1200px) {
	.allBtnB {
		margin-top: 0;
	}
}

@media screen and (max-width: 1000px) {
	.allBtnB {
		margin-top: 0;
	}
}

/* .shadow  */
.btnA.shadow {
	box-shadow: var(--shadow1);
}

/* .b1  */
.btnA.b1 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1) !important;
}

.btnA.b1:before {
	opacity: 0.05;
	background-color: var(--c1);
}

.btnA.b1._2 {
	border: 1px solid var(--c2);
	color: var(--c2) !important;
}

.btnA.b1._2:before {
	background-color: var(--c2);
}

.btnA.b1._2.mg15 {
	margin-top: 15px;
}

/* .b2  */
.btnA.b2,
.btnC.b2 {
	background-color: var(--c1);
	color: #fff !important;
}

.btnA.b2:before,
.btnC.b2:before {
	background-color: #fff;
}

.btnA.b2.grad,
.btnC.b2.grad {
	background-image: linear-gradient(to right, #14223b 0%, #22489d 100%);
}

/* .b3  */
.btnA.b3 {
	background-color: var(--c2);
	color: #fff !important;
}

.btnA.b3:before {
	background-color: #fff;
}

.btnA.b3.grad {}

/* .b4  */
.btnA.b4 {
	background-color: #5096bc;
	color: #fff !important;
}

.btnA.b4:before {
	background-color: #fff;
}

.btnA.b4.grad {
	background-image: linear-gradient(to right, #386c96 0%, #5096bc 100%);
}

/* .b5  */
.btnA.b5 {
	background-color: #fff;
	color: var(--c1) !important;
}

.btnA.b5:before {
	opacity: 0.05;
	background-color: var(--c1);
}

/* .b6  */
.btnA.b6 {
	background-color: #bc2f71;
	color: #fff !important;
}

.btnA.b6:before {
	background-color: #fff;
}

.btnA.b6.grad {
	background-image: linear-gradient(to right, #8f2157 0%, #bc2f71 100%);
}

/* .b7  */
.btnA.b7 {
	background-color: transparent;
	color: #fff !important;
	border: 1px solid #fff;
}

.btnA.b7:before {
	opacity: 0.15;
	background-color: #fff;
}

/* .b8 */
.btnA.b8 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1) !important;
}

.btnA.b8:before {
	opacity: 0.05;
	background-color: var(--c1);
}

.btnA.b8 i {
	font-size: 20px;
}

/* .b9 */
.btnA.b9 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FB4F54;
	color: #fff;
}

.btnA.b9.l2 .tx {
	font-size: 20px;
	font-weight: 600;
}

.btnA.b9:before {
	opacity: 0.05;
	background-color: #fff;
}

/* .b10 */
.btnA.b10 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1) !important;
}

.btnA.b10.l2 .tx {
	font-size: 20px;
	font-weight: 600;
}

.btnA.b10:before {
	opacity: 0.05;
	background-color: var(--c1);
}

/* .b11 */
.btnA.b11 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #428BC4;
	color: #fff;
}

.btnA.b11.l2 .tx {
	font-size: 20px;
	font-weight: 600;
}

.btnA.b11:before {
	opacity: 0.05;
	background-color: #fff;
}


/* .l5 */
.btnA.l5 .tx {
	padding-top: 12px;
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
}

.btnA.l5 .tx small {
	font-size: 14px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {

	.btnA,
	.btnC {
		min-width: 0;
		max-width: 300px;
	}

	/* .btnA.back  */
	.btnA.back,
	.btnC.back {
		padding-left: 10px;
		width: 150px;
	}

	.btnA.back .icon {
		right: auto;
		left: 10px;
	}

	/* .submitBtn  */
	.submitBtn {
		margin-top: 22px;
	}

	.submitBtn .btnA {
		width: 100%;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 115%;
	}

	.submitBtn .btnA .icon {
		right: 22px;
	}

	/* .allBtnA  */
	.allBtnA {
		margin-top: 35px;
	}

	.allBtnA .btnA {
		width: 300px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 115%;
	}

	.allBtnA .btnA .icon {
		right: 22px;
	}

	/* .allBtnB  */
	.allBtnB {
		padding-bottom: 35px;
	}

	.btnA.b9.l2 .tx {
		padding-top: 14px;
		padding-bottom: 16px;
		font-size: 14px;
	}

	.btnA.b10.l2 .tx {
		padding-top: 14px;
		padding-bottom: 16px;
		font-size: 14px;
	}

	.btnA.b11.l2 .tx {
		padding-top: 14px;
		padding-bottom: 16px;
		font-size: 14px;
	}

	.btnA.l5 .tx {
		padding-bottom: 12px;
		font-size: 15px;
	}
}

/* // tableA
----------------------------------------------- */
.tableA>tbody>tr>th {
	text-align: left;
}

/* // カラー設定
----------------------------------------------- */
.fcWhite {
	color: #fff !important;
}

.fcA {
	color: var(--c1);
}

.fcB {
	color: var(--c2);
}

.fcC {
	color: var(--c3);
}

.bgcWhite {
	background-color: #fff !important;
}

.bgcA {
	background-color: #eef2f9 !important;
}

.bgGradA {
	background-image: linear-gradient(to left, #f2f2f2, #fff 100%);
}

.bgGradA._re {
	background-image: linear-gradient(to right, #f2f2f2, #fff 100%);
}

/* // テキスト設定
--------------------------------------------------------------------- */

/* // pageTtlA
----------------------------------------------- */
.pageTtlA {
	position: relative;
	line-height: 1.5;
	padding: 20px 24px;
}

.pageTtlA::before,
.pageTtlA::after {
	position: absolute;
	content: "";
	background: url("/_pack/img/case_single_icon_01.png") no-repeat center top/cover;
	aspect-ratio: 1;
	width: 54px;
}

.pageTtlA::before {
	top: 0;
	left: 0;
}

.pageTtlA::after {
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}

.pageTtlA .ttl {
	font-weight: 900;
	font-size: clamp(22px, 38 / 1400 * 100vw, 38px);
}

.pageTtlA .cl {
	color: var(--c2);
}

.pageTtlA .ul {
	display: inline-block;
	text-decoration: underline;
	text-underline-offset: -0.2em;
	text-decoration-thickness: 0.5em;
	text-decoration-color: #ccdff0;
	text-decoration-skip-ink: none;
}

.pageTtlA .txs {
	display: block;
	font-weight: bold;
	font-size: clamp(18px, 26 / 1400 * 100vw, 26px);
	margin-top: 12px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.pageTtlA {
		line-height: 1.5;
		padding: 0;
	}

	.pageTtlA::before,
	.pageTtlA::after {
		content: none;
	}

	.pageTtlA .ttl {
		font-size: clamp(21px, 38 / 1400 * 100vw, 38px);
	}

	.pageTtlA .txs {
		font-size: clamp(16px, 26 / 1400 * 100vw, 26px);
		margin-top: 9px;
	}
}

/* // pageTtlB
----------------------------------------------- */
.pageTtlB {
	position: relative;
	text-align: center;
	line-height: 1.4;
	font-weight: 900;
	font-size: clamp(20px, 34 / 1400 * 100vw, 34px);
	padding-bottom: 20px;
	margin-bottom: 56px;
}

.pageTtlB::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 21px;
	height: 4px;
	background-color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.pageTtlB {
		line-height: 1.4;
		font-size: clamp(20px, 34 / 1400 * 100vw, 34px);
		padding-bottom: 16px;
		margin-bottom: 32px;
	}

	.pageTtlB::before {
		width: 21px;
		height: 4px;
	}
}

/* // sectionTitileA
----------------------------------------------- */
.sectionTitileA {
	position: relative;
	padding-bottom: 32px;
	margin-bottom: 50px;
	line-height: 1.5;
}

.sectionTitileA:after {
	content: " ";
	display: block;
	width: 20px;
	height: 4px;
	background-color: var(--c1);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.sectionTitileA .en {
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 8px;
	color: #c0c4d1;
}

.sectionTitileA .ja {
	display: block;
	text-align: center;
	font-size: 36px;
	font-weight: 800;
}

.sectionTitileA.cMsonar .en {
	color: rgba(237, 6, 19, 0.15);
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.sectionTitileA.cMsonar .ja {
	font-weight: 600;
}

.sectionTitileA.cMsonar .ja span {
	color: #ED0613;
}

.sectionTitileA.cMsonar:after {
	background-color: rgba(237, 6, 19, 0.5);
}

.sectionTitileA.cPlansonar .en {
	color: rgba(66, 139, 196, 0.15);
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.sectionTitileA.cPlansonar .ja {
	font-size: 40px;
	font-weight: 600;
}

.sectionTitileA.cPlansonar .ja span {
	color: #428BC4;
}

.sectionTitileA.cPlansonar:after {
	background-color: rgba(66, 139, 196, 0.5);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.sectionTitileA {
		padding-bottom: 26px;
		margin-bottom: 30px;
	}

	.sectionTitileA:after {
		width: 20px;
		height: 2px;
	}

	.sectionTitileA .en {
		font-size: 16px;
		margin-bottom: 1px;
	}

	.sectionTitileA .ja {
		font-size: 22px;
	}

	.sectionTitileA.cMsonar:after {
		height: 4px;
	}

	.sectionTitileA.cPlansonar .en {
		font-size: 16px;
	}

	.sectionTitileA.cPlansonar .ja {
		font-size: 22px;
	}

	.sectionTitileA.cPlansonar:after {
		height: 4px;
	}
}

/* // sectionTitileB
----------------------------------------------- */
.sectionTitileB {
	line-height: 1.3;
	margin-bottom: 46px;
}

.sectionTitileB .in {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background-color: var(--c1);
	padding: 5px 15px;
	border-radius: 3px;
	display: inline-block;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.sectionTitileB {
		margin-bottom: 30px;
	}

	.sectionTitileB .in {
		font-size: 13px;
		padding: 6px 8px;
	}
}

/* // blockTitleA
----------------------------------------------- */
.blockTitleA {
	line-height: 1;
	margin-bottom: 30px;
}

.blockTitleA .en {
	display: block;
	margin-bottom: 11px;
	font-weight: 500;
	font-size: 25px;
	color: #c8ccd8;
	letter-spacing: 1px;
}

.blockTitleA .ja {
	display: block;
	font-weight: 810;
	font-size: 24px;
	color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blockTitleA {
		margin-bottom: 24px;
	}

	.blockTitleA .en {
		margin-bottom: 9px;
		font-size: 17px;
		letter-spacing: 0px;
	}

	.blockTitleA .ja {
		font-size: 18px;
	}
}

/* // blockTitleB
----------------------------------------------- */
.blockTitleB {
	line-height: 1.4;
	font-size: 210%;
	font-weight: 600;
	margin-bottom: 50px;
	text-align: center;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blockTitleB {
		margin-bottom: 35px;
		font-size: 195%;
	}
}

/* // leadTxA
----------------------------------------------- */
.leadTxA {
	font-size: 113%;
	font-weight: 500;
	margin-bottom: 60px;
	text-align: center;
	line-height: 2.3;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.leadTxA {
		font-size: 112%;
		margin-bottom: 50px;
		line-height: 2.2;
	}
}

/* // htx
----------------------------------------------- */
/* htxA  */

/* ________SP________ */
@media screen and (max-width: 800px) {
	/* htxA  */
}

/* // catTitleA
----------------------------------------------- */
.catTitleA {
	line-height: 1.4;
	margin-bottom: 26px;
	font-weight: 600;
	font-size: 18px;
	color: var(--c1);
}

.catTitleA .em {
	font-size: 118%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // emSentence
----------------------------------------------- */
/* emSentence  */
.emSentenceA {
	text-align: center;
	font-size: 30px;
	line-height: 1.65;
	margin-bottom: 90px;
	font-weight: 500;
}

.emSentenceA>.in {
	display: inline-block;
	position: relative;
	padding: 20px 40px;
}

.emSentenceA>.in .tx {
	display: block;
}

.emSentenceA>.in:before,
.emSentenceA>.in:after {
	content: " ";
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 1px solid var(--c1);
	border-left: 1px solid var(--c1);
}

.emSentenceA>.in:before {
	transform: translate(-10px, 10px);
}

.emSentenceA>.in .tx:before,
.emSentenceA>.in .tx:after {
	content: " ";
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid var(--c1);
	border-right: 1px solid var(--c1);
}

.emSentenceA>.in .tx:before {
	transform: translate(-10px, 10px);
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {

	/* emSentence  */
	.emSentenceA {
		font-size: 24px;
		margin-bottom: 80px;
	}

	.emSentenceA>.in {
		padding: 21px 13px;
	}

	.emSentenceA>.in:before,
	.emSentenceA>.in:after {
		width: 40px;
		height: 40px;
	}

	.emSentenceA>.in:before {
		transform: translate(-15px, 15px);
	}

	.emSentenceA>.in .tx:before,
	.emSentenceA>.in .tx:after {
		width: 40px;
		height: 40px;
	}

	.emSentenceA>.in .tx:before {
		transform: translate(-15px, 15px);
	}

}

/* ________SP________ */
@media screen and (max-width: 800px) {

	/* emSentence  */
	.emSentenceA {
		font-size: 20px;
		margin-bottom: 70px;
	}

	.emSentenceA>.in {
		display: inline-block;
		position: relative;
		padding: 0;
	}

	.emSentenceA>.in:before,
	.emSentenceA>.in:after,
	.emSentenceA>.in .tx:before,
	.emSentenceA>.in .tx:after {
		display: none;
	}
}

/* // wp-pagenavi
----------------------------------------------- */
.wp-pagenavi .current {
	background-color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // img
----------------------------------------------- */
img.shadowA {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // loadFadeInA
----------------------------------------------- */
.loadFadeInA {
	opacity: 0;
	transition-duration: 1.5s;
	transform: translateY(-50px);
}

.loadFadeInA.d02 {
	transition-delay: 0.2s;
}

.loadFadeInA.d04 {
	transition-delay: 0.4s;
}

.loadFadeInA.d06 {
	transition-delay: 0.6s;
}

.loadFadeInA.d08 {
	transition-delay: 0.8s;
}

.loadFadeInA.d10 {
	transition-delay: 1s;
}

.loadFadeInA.d12 {
	transition-delay: 1.2s;
}

.loadFadeInA.d14 {
	transition-delay: 1.4s;
}

.loadFadeInA.d16 {
	transition-delay: 1.6s;
}

.loadFadeInA.d18 {
	transition-delay: 1.8s;
}

.loadFadeInA.d20 {
	transition-delay: 2s;
}

html.on .loadFadeInA {
	transform: translateY(0px);
	opacity: 1;
}

.loadFadeInB {
	opacity: 0;
	transition-duration: 1.2s;
}

html.on .loadFadeInB {
	opacity: 1;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // xxx
----------------------------------------------- */
/* xxx  */

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // **************************************************************************************************** */
/* // **************************************************************************************************** */

/* // section
----------------------------------------------- */
/* sectionA  */
:root {
	--sectionA-padding-pc: 50px;
}

.sectionA {
	padding: var(--sectionA-padding-pc) 0;
	position: relative;
}

.sectionA._s1 {
	padding: calc(var(--sectionA-padding-pc) * 0.9) 0;
}

.sectionA._s2 {
	padding: calc(var(--sectionA-padding-pc) * 0.8) 0;
}

.sectionA._s3 {
	padding: calc(var(--sectionA-padding-pc) * 0.7) 0;
}

.sectionA._s4 {
	padding: calc(var(--sectionA-padding-pc) * 0.6) 0;
}

/* ________SP________ */
@media screen and (max-width: 800px) {

	/* sectionA  */
	:root {
		--sectionA-padding-sp: 68px;
	}

	.sectionA {
		padding: var(--sectionA-padding-sp) 0;
		position: relative;
	}

	.sectionA._s1 {
		padding: calc(var(--sectionA-padding-sp) * 0.8) 0;
	}

	.sectionA._s2 {
		padding: calc(var(--sectionA-padding-sp) * 0.7) 0;
	}

	.sectionA._s3 {
		padding: calc(var(--sectionA-padding-sp) * 0.6) 0;
	}

	.sectionA._s4 {
		padding: calc(var(--sectionA-padding-sp) * 0.5) 0;
	}
}

/* // sectionBorderA
----------------------------------------------- */
.sectionBorderA {
	position: relative;
}

.sectionBorderA:after {
	content: " ";
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--c1);
	opacity: 0.1;
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 5;
	line-height: 1.5;
}

.sectionBorderA:before {
	content: " ";
	display: block;
	width: 230px;
	height: 1px;
	background-color: var(--c1);
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 10;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.sectionBorderA:before {
		width: 110px;
	}
}

/* // Top
----------------------------------------------- */
#TopService,
#TopDownload,
#TopRealize {
	overflow: hidden;
}

/* // topMv
----------------------------------------------- */
.topMv {
	position: relative;
	z-index: 5;
	top: 0;
	opacity: 1;
	overflow: hidden;
}

html.on .topMv {
	top: 0px;
	opacity: 1;
	transition: 1.4s;
}

.topMv .imageWrap {
	max-height: 750px;
	position: relative;
	background-color: var(--c1);
}

.topMv .devPCSP {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100000px;
}

.topMv .cmBtn {
	position: absolute;
	bottom: 82px;
	left: calc(80% - 40px);
	padding: 0;
	min-width: 10px;
}

.topMv .cmBtn .tx {
	padding: 11px 53px;
	font-size: 16px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.topMv {
		top: 0px;
	}

	html.on .topMv {
		transition: 1.4s;
	}

	.topMv .imageWrap {
		height: auto;
	}

	.topMv .imageWrap img {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}

	.topMv .cmBtn {
		bottom: 10px;
		right: calc(0% + 11px);
		width: auto;
	}

	.topMv .cmBtn .tx {
		padding: 9px 20%;
		font-size: 12px;
	}
}

/* // topNewsA
----------------------------------------------- */
.topNewsA {
	display: block;
	background-color: rgba(8, 22, 47, 0.5);
	height: 75px;
	margin-top: -75px;
	position: relative;
	z-index: 50;
	opacity: 1;
}

html.on .topNewsA {
	transition-delay: 1.15s;
	transition-duration: 1s;
	opacity: 1;
}

.topNewsA * {
	color: #fff !important;
}

.topNewsA .inner {
	height: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.topNewsA .label {
	height: 100%;
	width: 170px;
	background-color: #0e213e;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-right: 40px;
}

.topNewsA .contents {
	flex: 1;
	width: calc(100% - 170px);
	padding-right: 140px;
	position: relative;
}

.topNewsA .contents .allBtn {
	position: absolute;
	top: 50%;
	right: 0px;
	line-height: 1;
	transform: translateY(-50%);
}

.topNewsA .contents .allBtn a {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.topNewsA .contents .allBtn .tx {
	font-size: 17px;
	margin-right: 10px;
}

.topNewsA .contents .allBtn .icon {
	font-size: 8px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.topNewsA {
		background-color: var(--c1);
		height: auto;
		margin-top: 0;
		position: relative;
		padding: 10px;
	}

	.topNewsA .inner {
		height: auto;
		display: block;
		padding: 0;
	}

	.topNewsA .label {
		height: auto;
		width: 100%;
		display: block;
		font-size: 18px;
		margin-right: 0;
		padding: 8px 16px;
		line-height: 1;
	}

	.topNewsA .contents {
		flex: auto;
		width: 100%;
		padding: 10px 15px 3px;
		position: relative;
	}

	.topNewsA .contents .allBtn {
		top: auto;
		right: 13px;
		transform: translateY(-11px);
		bottom: 100%;
	}

	.topNewsA .contents .allBtn a {}

	.topNewsA .contents .allBtn .tx {
		font-size: 14px;
		margin-right: 3px;
	}

	.topNewsA .contents .allBtn .icon {
		font-size: 7px;
		top: 1px;
	}
}

/* // topNewsListA
----------------------------------------------- */
.topNewsListA li {
	line-height: 1.5;
	margin-bottom: 10px;
}

.topNewsListA li:last-of-type {
	margin-bottom: 0px;
}

.topNewsListA li a {
	display: flex;
	display: -ms-flexbox;
}

.topNewsListA li a .date {
	width: 100px;
	font-size: 17px;
	position: relative;
	top: -2px;
}

.topNewsListA li a .articleTitle {
	width: calc(100% - 100px);
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.topNewsListA li {
		margin-bottom: 8px;
	}

	.topNewsListA li a .date {
		width: 70px;
		font-size: 13px;
		top: -2px;
	}

	.topNewsListA li a .articleTitle {
		width: calc(100% - 60px);
		text-overflow: clip;
		-webkit-text-overflow: clip;
		-o-text-overflow: clip;
		white-space: normal;
	}
}

/* // clientLogosA
----------------------------------------------- */
.clientLogosA {
	padding: 80px 0 60px;
}

.clientLogosA._1 {
	padding: 0;
	height: auto;
}

.clientLogosA .leadTx {
	line-height: 1.7;
	text-align: center;
	margin-bottom: 18px;
	letter-spacing: 1px;
}

.clientLogosA .leadTx .tx1 {
	font-size: 23px;
}

.clientLogosA .leadTx .tx2 {
	font-size: 32px;
	font-weight: 700;
}

.clientLogosA .leadTx .tx2 .s1 {
	font-size: 80%;
}

/*
.clientLogosA .logos {
	width:2500px;
	position:relative;
	left:50%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	margin-left: calc(-2500px / 2);
	margin-bottom: 40px;
}
.clientLogosA .logos:last-of-type {
	margin-bottom: 0;
}
 */
.clientLogosA .logos {
	display: none;
	padding-bottom: 40px;
}

.clientLogosA .logos li {
	margin: 0px 22px;
}

.clientLogosA .logos li img {
	height: 46px;
	width: auto;
}

.clientLogosA .text2 {
	font-size: 29px;
	font-weight: 700;
	line-height: 1.55;
	color: var(--c1);
	margin-bottom: 50px;
	text-align: center;
}

.clientLogosA .evaluation {
	display: flex;
	align-items: baseline;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
}

.clientLogosA .itreview {
	margin-top: 0;
}

.clientLogosA .itreview .awards {
	display: block;
	margin-bottom: 20px;
	max-width: 100%;
}

.clientLogosA .itreview .awards .aw1 {
	max-width: 400px;
}

.clientLogosA .itreview .awards .aw2 {
	font-weight: 800;
	line-height: 1.6em;
	font-size: 1em;
	margin: 0 6px;
	text-align: center;
}

.clientLogosA .itreview .awards .aw2 p {
	max-width: 97px;
	padding: 5px;
	text-align: center;
	font-size: 0.7rem;
	line-height: 1.4;
}

.clientLogosA .sfjaward img {
	width: 380px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.clientLogosA {
		padding: 50px 0 40px;
	}

	.clientLogosA .leadTx {
		line-height: 1.7;
		margin-bottom: 20px;
		letter-spacing: 0px;
	}

	.clientLogosA .leadTx .tx1 {
		font-size: 17px;
	}

	.clientLogosA .leadTx .tx2 {
		font-size: 24px;
		line-height: 1.4;
		display: inline-block;
		margin-top: 8px;
	}

	.clientLogosA .leadTx .tx2 .s1 {
		font-size: 77%;
	}

	.clientLogosA .logos {
		padding-bottom: 20px;
	}

	.clientLogosA .logos li {
		margin: 0px 12px;
	}

	.clientLogosA .logos li img {
		height: 40px;
	}

	.clientLogosA .text2 {
		font-size: 17px;
		line-height: 1.55;
		margin-bottom: 29px;
		text-align: center;
	}

	.clientLogosA .itreview .awards {
		display: inline-block;
	}

	.clientLogosA .itreview .awards .aw2 {
		text-align: center;
		margin: auto;
	}
}

/* // topService
----------------------------------------------- */
.topService {
	background-image: linear-gradient(to bottom, #fff 0%, #fff 20%, #eee 100%);
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // serviceItemsA
----------------------------------------------- */
.serviceItemsA .item {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.serviceItemsA .item .contents {
	width: 670px;
	position: relative;
	z-index: 5;
}

.serviceItemsA .item .image {
	flex: 1;
	position: relative;
	z-index: 10;
}

.serviceItemsA .item .name {
	line-height: 1;
	margin-bottom: 26px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.serviceItemsA .item .name .logo {
	width: 250px;
	display: inline-block;
	margin-right: 10px;
}

.serviceItemsA .item .name .kana {
	font-size: 21px;
	font-weight: 600;
}

.serviceItemsA .item .type {
	line-height: 1;
	margin-bottom: 24px;
}

.serviceItemsA .item .type .tx {
	display: inline-block;
	border: 2px solid #183374;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: 500;
}

.serviceItemsA .item .htx1 {
	line-height: 1.7;
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 30px;
}

.serviceItemsA .item .points {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.serviceItemsA .item .points>li {
	width: 175px;
	height: 100px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #000;
	margin-right: 15px;
	background-image: linear-gradient(45deg, #444 50%, #000 50%);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-ms-align-content: center;
	font-size: 17px;
	line-height: 1.6;
	text-align: center;
}

.serviceItemsA .item .points>li * {
	color: #fff !important;
}

.serviceItemsA .item .points>li :last-of-type {
	margin-right: 0;
}

.serviceItemsA.catchNone .item .image .catch {
	display: none;
}

/* usonar  */
.serviceItemsA .item.usonar {
	margin-top: -60px;
}

.serviceItemsA .item.usonar * {
	color: var(--c1);
}

.serviceItemsA .item.usonar .image {
	margin-left: -140px;
	position: relative;
	top: 78px;
}

.serviceItemsA .item.usonar .name .logo {
	width: 250px;
	margin-right: 10px;
}

.serviceItemsA .item.usonar .type .tx {
	border-color: var(--c1);
}

.serviceItemsA .item.usonar .points>li {
	background-image: linear-gradient(-45deg, var(--c1) 50%, #234184 50%);
	font-size: 17px;
	font-weight: 500;
}

.serviceItemsA .item.usonar .points>li.p1 {
	line-height: 1.5;
}

/* meishisonar  */
.serviceItemsA .item.meishisonar {
	margin-top: 60px;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.serviceItemsA .item.meishisonar * {
	color: var(--c2);
}

.serviceItemsA .item.meishisonar .image {
	position: relative;
	margin-left: -40px;
}

.serviceItemsA .item.meishisonar .name .logo {
	width: 200px;
	margin-right: 10px;
}

.serviceItemsA .item.meishisonar .type .tx {
	border-color: var(--c2);
}

.serviceItemsA .item.meishisonar .points>li {
	background-image: linear-gradient(-45deg, var(--c2) 50%, #578af1 50%);
	font-size: 17px;
}

/* plansonar  */
.serviceItemsA .item.plansonar {
	margin-top: 30px;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.serviceItemsA .item.plansonar * {
	color: var(--c3);
}

.serviceItemsA .item.plansonar .image {
	position: relative;
	margin-left: -40px;
}

.serviceItemsA .item.plansonar .name .logo {
	width: 200px;
	margin-right: 10px;
}

.serviceItemsA .item.plansonar .type .tx {
	border-color: var(--c3);
}

.serviceItemsA .item.plansonar .points>li {
	background-image: linear-gradient(-45deg, var(--c3) 50%, #5999ca 50%);
	font-size: 17px;
}

/* ________TB________ */
@media screen and (max-width: 1100px) {
	.serviceItemsA .item.plansonar {
		padding-top: 90px;
	}

	.serviceItemsA .item.meishisonar {
		padding-top: 30px;
	}

	.serviceItemsA .item {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-ms-align-items: center;
	}

	.serviceItemsA .item .contents {
		width: 61%;
	}

	.serviceItemsA .item .image {
		flex: 1;
		position: relative;
		z-index: 10;
	}

	.serviceItemsA .item .name {
		margin-bottom: 17px;
		-ms-align-items: center;
	}

	.serviceItemsA .item .name .logo {
		width: 250px;
		display: inline-block;
		margin-right: 10px;
	}

	.serviceItemsA .item .name .kana {
		font-size: 19px;
	}

	.serviceItemsA .item .type {
		margin-bottom: 14px;
	}

	.serviceItemsA .item .type .tx {
		font-size: 14px;
	}

	.serviceItemsA .item .htx1 {
		line-height: 1.6;
		font-size: 24px;
		margin-bottom: 17px;
	}

	.serviceItemsA .item .points {}

	.serviceItemsA .item .points>li {
		width: 174px;
		height: 82px;
		margin-right: 13px;
	}

	.serviceItemsA .item .points>li * {}

	.serviceItemsA .item .points>li :last-of-type {}

	.serviceItemsA.catchNone .item .image .catch {
		display: none;
	}

	/* usonar  */
	.serviceItemsA .item.usonar {
		margin-top: -60px;
	}

	.serviceItemsA .item.usonar * {
		color: var(--c1);
	}

	.serviceItemsA .item.usonar .image {
		margin-left: -140px;
		position: relative;
		top: 78px;
	}

	.serviceItemsA .item.usonar .name .logo {
		width: 250px;
		margin-right: 10px;
	}

	.serviceItemsA .item.usonar .type .tx {
		border-color: var(--c1);
	}

	.serviceItemsA .item.usonar .points>li {
		background-image: linear-gradient(-45deg, var(--c1) 50%, #234184 50%);
		font-size: 17px;
		font-weight: 500;
	}

	.serviceItemsA .item.usonar .points>li.p1 {
		line-height: 1.5;
	}

	/* meishisonar  */
	.serviceItemsA .item.meishisonar {
		margin-top: 0;
	}

	.serviceItemsA .item.meishisonar * {}

	.serviceItemsA .item.meishisonar .image {
		margin-left: -5%;
	}

	.serviceItemsA .item.meishisonar .name .logo {
		width: 130px;
		margin-right: 5px;
	}

	.serviceItemsA .item.meishisonar .type .tx {}

	.serviceItemsA .item.meishisonar .points>li {
		font-size: 15px;
	}

	/* plansonar  */
	.serviceItemsA .item.plansonar {
		margin-top: 30px;
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}

	.serviceItemsA .item.plansonar * {
		color: var(--c3);
	}

	.serviceItemsA .item.plansonar .image {
		position: relative;
		margin-left: -40px;
	}

	.serviceItemsA .item.plansonar .name .logo {
		width: 200px;
		margin-right: 10px;
	}

	.serviceItemsA .item.plansonar .type .tx {
		border-color: var(--c3);
	}

	.serviceItemsA .item.plansonar .points>li {
		background-image: linear-gradient(-45deg, var(--c3) 50%, #5999ca 50%);
		font-size: 17px;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.serviceItemsA .item.plansonar {
		padding-top: 90px;
	}

	.serviceItemsA .item.meishisonar {
		padding-top: 13px;
	}

	.serviceItemsA .item {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-ms-align-items: center;
	}

	.serviceItemsA .item .contents {
		width: 61%;
	}

	.serviceItemsA .item .image {
		flex: 1;
		position: relative;
		z-index: 10;
	}

	.serviceItemsA .item .name {
		margin-bottom: 17px;
		-ms-align-items: center;
	}

	.serviceItemsA .item .name .logo {
		width: 250px;
		display: inline-block;
		margin-right: 10px;
	}

	.serviceItemsA .item .name .kana {
		font-size: 18px;
	}

	.serviceItemsA .item .type {
		margin-bottom: 12px;
	}

	.serviceItemsA .item .type .tx {
		font-size: 14px;
	}

	.serviceItemsA .item .htx1 {
		line-height: 1.6;
		font-size: 21px;
		margin-bottom: 17px;
	}

	.serviceItemsA .item .points {}

	.serviceItemsA .item .points>li {
		width: 174px;
		height: 82px;
		margin-right: 13px;
	}

	.serviceItemsA .item .points>li * {}

	.serviceItemsA .item .points>li :last-of-type {}

	.serviceItemsA.catchNone .item .image .catch {
		display: none;
	}

	/* usonar  */
	.serviceItemsA .item.usonar {
		margin-top: -60px;
	}

	.serviceItemsA .item.usonar * {
		color: var(--c1);
	}

	.serviceItemsA .item.usonar .image {
		margin-left: -140px;
		position: relative;
		top: 78px;
	}

	.serviceItemsA .item.usonar .name .logo {
		width: 250px;
		margin-right: 10px;
	}

	.serviceItemsA .item.usonar .type .tx {
		border-color: var(--c1);
	}

	.serviceItemsA .item.usonar .points>li {
		background-image: linear-gradient(-45deg, var(--c1) 50%, #234184 50%);
		font-size: 16px;
		font-weight: 500;
	}

	.serviceItemsA .item.usonar .points>li.p1 {
		line-height: 1.5;
	}

	/* meishisonar  */
	.serviceItemsA .item.meishisonar {
		margin-top: 0;
	}

	.serviceItemsA .item.meishisonar * {}

	.serviceItemsA .item.meishisonar .image {
		margin-left: -5%;
	}

	.serviceItemsA .item.meishisonar .name .logo {
		width: 115px;
		margin-right: 5px;
	}

	.serviceItemsA .item.meishisonar .type .tx {}

	.serviceItemsA .item.meishisonar .points>li {
		font-size: 15px;
	}

	/* plansonar  */
	.serviceItemsA .item.plansonar {
		margin-top: 30px;
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}

	.serviceItemsA .item.plansonar * {
		color: var(--c3);
	}

	.serviceItemsA .item.plansonar .image {
		position: relative;
		margin-left: -40px;
	}

	.serviceItemsA .item.plansonar .name .logo {
		width: 200px;
		margin-right: 10px;
	}

	.serviceItemsA .item.plansonar .type .tx {
		border-color: var(--c3);
	}

	.serviceItemsA .item.plansonar .points>li {
		background-image: linear-gradient(-45deg, var(--c3) 50%, #5999ca 50%);
		font-size: 16px;
	}
}

/* ________SP________ */
/* @media screen and (max-width: 800px) { */
@media screen and (max-width: 800px) {
	.serviceItemsA .item {
		display: block;
	}

	.serviceItemsA .item .contents {
		width: 100%;
	}

	.serviceItemsA .item .image {
		flex: auto;
	}

	.serviceItemsA .item .name {
		margin-bottom: 15px;
	}

	.serviceItemsA .item .name .logo {
		width: 150px;
		margin-right: 8px;
	}

	.serviceItemsA .item .name .kana {
		font-size: 15px;
	}

	.serviceItemsA .item .type {
		margin-bottom: 10px;
	}

	.serviceItemsA .item .type .tx {
		padding: 4px 7px;
		font-size: 12px;
		border-width: 1px;
	}

	.serviceItemsA .item .htx1 {
		line-height: 1.6;
		font-size: 22px;
		margin-bottom: 16px;
	}

	.serviceItemsA .item .htx1 br {
		display: none;
	}

	.serviceItemsA .item .points {
		width: calc(100% + 6px);
	}

	.serviceItemsA .item .points>li {
		width: calc(100% / 3 - 6px - 0.1px);
		height: 75px;
		border-radius: 3px;
		margin-right: 6px;
		font-size: 14px;
	}

	/* usonar  */
	.serviceItemsA .item.usonar {
		margin-top: 0;
	}

	.serviceItemsA .item.usonar * {}

	.serviceItemsA .item.usonar .image {
		transform: scale(0.9, 0.9);
		margin-left: -74px;
		top: auto;
		margin-top: 3px;
	}

	.serviceItemsA .item.usonar .name .logo {
		width: 170px;
		margin-right: 8px;
	}

	.serviceItemsA .item.usonar .type .tx {}

	.serviceItemsA .item.usonar .points>li {
		font-size: 14px;
	}

	.serviceItemsA .item.usonar .points>li.p1 {
		line-height: 1.5;
	}

	.serviceItemsA .item.usonar .points>li.p3 {
		font-size: 12px;
	}

	/* meishisonar  */
	.serviceItemsA .item.meishisonar {
		margin-top: 20px;
	}

	.serviceItemsA .item.meishisonar * {}

	.serviceItemsA .item.meishisonar .image {
		transform: scale(0.87, 0.87);
		margin-left: 0px;
		margin-top: -9px;
	}

	.serviceItemsA .item.meishisonar .name .logo {
		width: 120px;
		margin-right: 8px;
	}

	.serviceItemsA .item.meishisonar .type .tx {
		border-color: var(--c2);
	}

	.serviceItemsA .item.meishisonar .points>li {
		font-size: 11.5px;
	}

	/* plansonar  */
	.serviceItemsA .item.plansonar {
		margin-top: 20px;
	}

	.serviceItemsA .item.plansonar * {}

	.serviceItemsA .item.plansonar .image {
		transform: scale(0.87, 0.87);
		margin-left: 0px;
		margin-top: -9px;
	}

	.serviceItemsA .item.plansonar .name .logo {
		width: 160px;
		margin-right: 8px;
	}

	.serviceItemsA .item.plansonar .type .tx {
		border-color: var(--c2);
	}

	.serviceItemsA .item.plansonar .points>li {
		font-size: 11.5px;
	}
}

/* // usonarImageWrapA
----------------------------------------------- */
.usonarImageWrapA {
	position: relative;
	display: inline-block;
}

.usonarImageWrapA .usonarPoints li {
	position: absolute;
	width: 110px;
	height: 110px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	align-content: center;
	-ms-align-content: center;
	color: var(--c1);
	background-color: #fff;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	border-radius: 1000px;
	border: 1px solid var(--c1);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

.usonarImageWrapA .usonarPoints li.p1 {
	top: 5.6%;
	left: 33.2%;
}

.usonarImageWrapA .usonarPoints li.p2 {
	top: 54.7%;
	left: 65.6%;
}

.usonarImageWrapA .usonarPoints li.p3 {
	top: 19%;
	left: 76.1%;
}

.usonarImageWrapA .catch {
	position: absolute;
	right: 0;
	top: 0px;
	width: 70px;
	transform: translateX(50%);
}

@media screen and (max-width: 1250px) {
	.usonarImageWrapA .usonarPoints li.p2 {
		left: 50%;
	}

	.usonarImageWrapA .usonarPoints li.p3 {
		left: 63%;
	}

	.usonarImageWrapA .catch {
		width: 60px;
		transform: translateX(0);
	}
}

@media screen and (max-width: 1150px) {
	.usonarImageWrapA .catch {
		right: 12px;
		top: 0px;
		width: 55px;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.usonarImageWrapA {}

	.usonarImageWrapA .usonarPoints li {
		width: 100px;
		height: 100px;
		font-size: 15px;
	}

	.usonarImageWrapA .usonarPoints li.p1 {
		top: 8.6%;
	}

	.usonarImageWrapA .usonarPoints li.p2 {
		top: 49.7%;
	}

	.usonarImageWrapA .usonarPoints li.p3 {
		top: 22%;
	}

	.usonarImageWrapA .catch {}

	.usonarImageWrapA .catch {
		right: 8px;
		top: 0px;
		width: 47px;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.usonarImageWrapA {}

	.usonarImageWrapA .usonarPoints li {
		transform: scale(0.8, 0.8);
	}

	.usonarImageWrapA .usonarPoints li.p1 {
		top: -0.4%;
		left: 21.2%;
	}

	.usonarImageWrapA .usonarPoints li.p2 {
		top: 47.7%;
		left: 41.6%;
	}

	.usonarImageWrapA .usonarPoints li.p3 {
		top: 18%;
		left: 57.1%;
	}

	.usonarImageWrapA .catch {
		right: 16px;
		top: -4px;
		width: 45px;
		transform: translateX(50%);
	}
}

/* // meishisonarImageWrapA
----------------------------------------------- */
.meishisonarImageWrapA {
	position: relative;
}

.meishisonarImageWrapA .plus {
	position: absolute;
	top: 61%;
	left: 56%;
	transform: translateX(-50%);
	font-size: 68px;
	line-height: 1;
}

.meishisonarImageWrapA .meishisonarPoints {
	position: absolute;
	top: 72%;
	left: 56%;
	transform: translateX(-50%);
	display: flex;
	display: -ms-flexbox;
}

.meishisonarImageWrapA .meishisonarPoints li {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	background-color: #fff;
	border: 1px solid var(--c2);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	border-radius: 1000px;
	color: var(--c2);
	line-height: 1;
	width: 75px;
	height: 75px;
	margin: 0 4px;
	font-size: 14px;
}

.meishisonarImageWrapA .catch {
	position: absolute;
	left: -7px;
	top: 36px;
	width: 70px;
	transform: translateX(50%);
}

@media screen and (max-width: 1250px) {
	.meishisonarImageWrapA .catch {
		width: 60px;
		left: 0;
	}
}

@media screen and (max-width: 1100px) {
	.meishisonarImageWrapA .meishisonarPoints {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 8px;
	}

	.meishisonarImageWrapA {}

	.meishisonarImageWrapA .plus {
		top: 50%;
		left: 56%;
		font-size: 68px;
	}

	.meishisonarImageWrapA .meishisonarPoints {
		position: absolute;
		top: 72%;
		left: 56%;
		transform: translateX(-50%);
		display: flex;
		display: -ms-flexbox;
	}

	.meishisonarImageWrapA .meishisonarPoints li {
		width: 70px;
		height: 70px;
		margin: 0 2px;
		font-size: 13px;
	}

	.meishisonarImageWrapA .catch {
		position: absolute;
		left: -7px;
		top: 36px;
		width: 70px;
		transform: translateX(50%);
	}

}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.meishisonarImageWrapA .meishisonarPoints {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 8px;
	}

	.meishisonarImageWrapA {}

	.meishisonarImageWrapA .plus {
		top: 55%;
		left: 55%;
		font-size: 62px;
	}

	.meishisonarImageWrapA .meishisonarPoints {
		position: absolute;
		top: 72%;
		left: 56%;
		transform: translateX(-50%);
		display: flex;
		display: -ms-flexbox;
	}

	.meishisonarImageWrapA .meishisonarPoints li {
		width: 65px;
		height: 65px;
		margin: 0 2px;
		font-size: 12px;
	}

	.meishisonarImageWrapA .catch {
		position: absolute;
		left: -7px;
		top: 36px;
		width: 70px;
		transform: translateX(50%);
	}
}



/* ________SP________ */
@media screen and (max-width: 800px) {
	.meishisonarImageWrapA {}

	.meishisonarImageWrapA .plus {
		transform: scale(0.8, 0.8);
		top: 61%;
		left: 57%;
	}

	.meishisonarImageWrapA .meishisonarPoints {
		top: 72%;
		left: 52%;
		transform: scale(0.8, 0.8) translateX(-50%);
	}

	.meishisonarImageWrapA .catch {
		left: -17px;
		top: auto;
		width: 49px;
		bottom: 28px;
	}
}

/* // plansonarImageWrapA
----------------------------------------------- */
.plansonarImageWrapA {
	position: relative;
}

.plansonarImageWrapA .plus {
	position: absolute;
	top: 61%;
	left: 56%;
	transform: translateX(-50%);
	font-size: 68px;
	line-height: 1;
}

.plansonarImageWrapA .plansonarPoints {
	position: absolute;
	top: 72%;
	left: 56%;
	transform: translateX(-50%);
	display: flex;
	display: -ms-flexbox;
}

.plansonarImageWrapA .plansonarPoints li {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	background-color: #fff;
	border: 1px solid var(--c2);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	border-radius: 1000px;
	color: var(--c2);
	line-height: 1;
	width: 75px;
	height: 75px;
	margin: 0 4px;
	font-size: 14px;
}

.plansonarImageWrapA .catch {
	position: absolute;
	left: -7px;
	top: 36px;
	width: 70px;
	transform: translateX(50%);
}

@media screen and (max-width: 1250px) {
	.plansonarImageWrapA .catch {
		width: 60px;
		left: 0;
	}
}

@media screen and (max-width: 1100px) {
	.plansonarImageWrapA .plansonarPoints {
		/*! display: grid; */
		/*! grid-template-columns: repeat(2, 1fr); */
		/*! row-gap: 10px; */
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.plansonarImageWrapA {
		position: relative;
	}

	.plansonarImageWrapA .plus {
		position: absolute;
		top: 61%;
		left: 56%;
		transform: translateX(-50%);
		font-size: 68px;
		line-height: 1;
	}

	.plansonarImageWrapA .plansonarPoints {
		top: 69%;
		left: 56%;
	}

	.plansonarImageWrapA .plansonarPoints li {
		width: 68px;
		height: 68px;
		margin: 0 3px;
		font-size: 12px;
	}

	.plansonarImageWrapA .catch {
		position: absolute;
		left: -7px;
		top: 36px;
		width: 70px;
		transform: translateX(50%);
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.plansonarImageWrapA {}

	.plansonarImageWrapA .plus {
		transform: scale(0.8, 0.8);
		top: 61%;
		left: 57%;
	}

	.plansonarImageWrapA .plansonarPoints {
		top: 72%;
		left: 52%;
		transform: scale(0.8, 0.8) translateX(-50%);
	}

	.plansonarImageWrapA .catch {
		left: -17px;
		top: auto;
		width: 49px;
		bottom: 28px;
	}
}

/* // realizeItemsWrapA
----------------------------------------------- */
.realizeItemsWrapA {
	width: calc(100% + 100px);
	position: relative;
	overflow: hidden;
	left: -50px;
	padding: 0px 50px 100px;
}

.realizeItemsWrapA .bg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	opacity: 0.1;
}

.realizeItemsWrapA .items {
	padding-bottom: 85px;
	position: relative;
	overflow: hidden;
}

.realizeItemsWrapA .btn1 {
	text-align: center;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.realizeItemsWrapA {
		width: calc(100%);
		left: 0px;
		padding: 0px 0px 60px;
	}

	.realizeItemsWrapA .bg {
		display: none;
	}

	.realizeItemsWrapA .items {
		padding-bottom: 45px;
	}

	.realizeItemsWrapA .btn1 {}
}

/* // realizeItemsA
----------------------------------------------- */
.realizeItemsA {
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-justify-content: center;
	width: calc(100% + 25px);
}

.realizeItemsA .item {
	margin-right: 25px;
	width: calc(100% / 4 - 25px);
	background-color: #fff;
	background-image: linear-gradient(135deg, #f2f2f2 0%, #fff 100%);
	box-shadow: var(--shadow1);
	border-radius: 4px;
	padding: 10px 10px 20px;
}

.realizeItemsA .item .htx1 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	line-height: 1.4;
	background-image: linear-gradient(-45deg, var(--c1) 50%, #234184 50%);
	border-radius: 3px;
	height: 65px;
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 27px;
}

.realizeItemsA .item .figure {
	margin-bottom: 10px;
}

.realizeItemsA .item .description {
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 500;
	color: var(--c1);
}

.realizeItemsA .item .description .tx1 {
	font-weight: 600;
	font-size: 121%;
	background: linear-gradient(transparent 70%, #d2e3f2 30%);
}

.realizeItemsA .item .description .tx1._s1 {
	font-size: 110%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.realizeItemsA {
		width: calc(100% +15px);
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}

	.realizeItemsA .item {
		margin-right: 10px;
		width: calc(100% / 2 - 10px);
		box-shadow: var(--shadow1_sp);
		border-radius: 3px;
		padding: 5px 5px 10px;
		margin-bottom: 15px;
	}

	.realizeItemsA .item .htx1 {
		line-height: 1.4;
		border-radius: 3px;
		height: 40px;
		font-size: 15px;
		margin-bottom: 15px;
	}

	.realizeItemsA .item .figure {
		margin-bottom: 6px;
	}

	.realizeItemsA .item .description {
		font-size: 13px;
	}

	.realizeItemsA .item .description .tx1 {
		font-size: 118%;
	}

	.realizeItemsA .item .description .tx1._s1 {
		font-size: 104%;
	}

	.realizeItemsA .item._4 .description {
		font-size: 12px;
	}
}

/* // caseItemsA
----------------------------------------------- */
.caseItemsA {}

.caseItemsA .swiper-container {
	padding: 30px 0;
}

.caseItemsA .caseItem.swiper-slide {
	width: 400px;
}

.caseItemsA .item .wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: var(--shadow1);
	border-radius: 4px;
	overflow: hidden;
}

.caseItemsA .item .wrap:hover {
	background-color: var(--hover1);
}

.caseItemsA .item .image {
	display: block;
	position: relative;
	height: 250px;
	background: no-repeat center center / cover;
}

.caseItemsA .item .image .logo {
	position: absolute;
	top: 7px;
	right: 7px;
	line-height: 1em;
	padding: 5px;
	background-color: #fff;
	border-radius: 3px;
}

.caseItemsA .item .image .logo img {
	width: 90px;
}

.caseItemsA .item .contents {
	padding: 30px;
}

.caseItemsA .item .contents .purpose {
	line-height: 1.4em;
	margin-bottom: 10px;
}

.caseItemsA .item .contents .purpose .tx {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	background-color: var(--c1);
	padding: 5px 10px;
	border-radius: 3px;
	display: inline-block;
}

.caseItemsA .item .contents .title {
	font-size: 19px;
	font-weight: 500;
	color: #000;
	margin-bottom: 13px;
	line-height: 1.6em;
}

.caseItemsA .item .contents .compnay {
	font-size: 14px;
	color: #000;
	margin-bottom: 6px;
	line-height: 1.5;
}

.caseItemsA .item .contents .industry {
	font-size: 12px;
	color: #000;
	line-height: 1.5;
}

.caseItemsA .swiperA.none {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.caseItemsA .swiperA.none .swiper-slide {
	margin: 0 15px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseItemsA .swiper-container {
		padding: 20px 0;
	}

	.caseItemsA .caseItem.swiper-slide {
		width: 280px;
	}

	.caseItemsA .item .wrap {
		box-shadow: var(--shadow1_sp);
		border-radius: 3px;
	}

	.caseItemsA .item .image {
		height: calc(250px * 280 / 400);
	}

	.caseItemsA .item .image .logo {
		top: 4px;
		right: 4px;
		padding: 4px;
	}

	.caseItemsA .item .image .logo img {
		width: 70px;
	}

	.caseItemsA .item .contents {
		padding: 15px;
	}

	.caseItemsA .item .contents .purpose {
		margin-bottom: 9px;
	}

	.caseItemsA .item .contents .purpose .tx {
		font-size: 12px;
		padding: 3px 7px;
	}

	.caseItemsA .item .contents .title {
		font-size: 15px;
		margin-bottom: 11px;
	}

	.caseItemsA .item .contents .compnay {
		font-size: 13px;
		margin-bottom: 5px;
	}

	.caseItemsA .item .contents .industry {
		font-size: 11px;
	}

	.caseItemsA .swiperA.none {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-ms-align-items: center;
	}

	.caseItemsA .swiperA.none .swiper-slide {
		margin: 0 15px;
	}

	.caseItemsA .swiper-button-next {
		display: none;
	}

	.caseItemsA .swiper-button-prev {
		display: none;
	}
}

/* // benefitItemsA
----------------------------------------------- */
.benefitItemsA {
	padding: 0 50px;
}

.benefitItemsA .item {
	max-width: 1500px;
	height: 600px;
	margin: 0 auto 50px;
	background: no-repeat center center / cover;
	position: relative;
	border-radius: 8px;
	padding-top: 50px;
	color: #fff;
	overflow: hidden;
}

.benefitItemsA .item>.bg {
	width: 100%;
	height: 100%;
	background: no-repeat center center / cover;
	position: absolute;
	background-image: linear-gradient(to right, #000 0%, #000 40%, rgba(0, 0, 0, 0) 100%);
	left: 0px;
	top: 0%;
	z-index: 1;
}

.benefitItemsA .item:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(to right, #000 0%, #000 40%, rgba(0, 0, 0, 0) 100%);
	left: 0px;
	top: 0%;
	opacity: 0;
	z-index: 5;
}

.benefitItemsA .item.wpA.on:after {
	transition-duration: 0.8s;
	opacity: 0.35;
}

.benefitItemsA .item .inner {
	position: relative;
	z-index: 10;
}

.benefitItemsA .item .num {
	line-height: 1;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 100%;
	margin-right: 19px;
	opacity: 0.35;
}

.benefitItemsA .item .num .label {
	font-size: 29px;
	display: block;
	font-weight: 500;
}

.benefitItemsA .item .num .n {
	font-size: 62px;
	display: block;
	font-weight: 500;
	margin-top: 2px;
}

.benefitItemsA .item .case {
	line-height: 1;
	font-weight: 900;
	font-size: 57px;
	margin-bottom: 35px;
	opacity: 0.35;
}

.benefitItemsA .item .htx1 {
	line-height: 1;
	margin-bottom: 23px;
}

.benefitItemsA .item .htx1 .tx {
	font-weight: 600;
	font-size: 21px;
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 7px 12px;
	margin-bottom: 14px;
	letter-spacing: 0.6px;
}

.benefitItemsA .item .htx1 .tx:last-of-type {
	margin-bottom: 0;
}

.benefitItemsA .item .description {
	line-height: 2.1em;
	margin-bottom: 42px;
	font-size: 121%;
}

.benefitItemsA .item .description .n1 {
	font-size: 162%;
	font-weight: 500;
}

.benefitItemsA .item.benefit01 .image img {
	width: 530px;
}

.benefitItemsA .item.benefit02 .image img {
	width: 280px;
}

.benefitItemsA .item.benefit03 .image img {
	width: 370px;
}

.benefitItemsA .item.benefit04 .image img {
	width: 440px;
	margin-top: 10px;
}

.benefitItemsA .item.benefit05 .image img {
	width: 330px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.benefitItemsA {
		padding: 0 12px;
	}

	.benefitItemsA .item {
		max-width: 100%;
		height: auto;
		margin: 0 auto 40px;
		border-radius: 7px;
		padding: 30px 10px;
	}

	.benefitItemsA .item>.bg {}

	.benefitItemsA .item:after {
		content: " ";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: linear-gradient(to right, #000 0%, #000 40%, rgba(0, 0, 0, 1) 100%);
		left: 0px;
		top: 0%;
		opacity: 0.35;
		z-index: 5;
	}

	.benefitItemsA .item .inner {}

	.benefitItemsA .item .num {
		line-height: 1;
		text-align: center;
		display: block;
		position: relative;
		top: auto;
		right: auto;
		margin-right: 0;
		margin-bottom: 11px;
		opacity: 0.45;
	}

	.benefitItemsA .item .num .label {
		font-size: 24px;
		display: inline-block;
		font-weight: 500;
	}

	.benefitItemsA .item .num .n {
		font-size: 45px;
		display: inline-block;
		font-weight: 500;
		margin-top: 0px;
		margin-left: 10px;
	}

	.benefitItemsA .item .case {
		font-size: 42px;
		margin-bottom: 32px;
		text-align: center;
		opacity: 0.45;
	}

	.benefitItemsA .item .htx1 {
		margin-bottom: 19px;
		text-align: center;
		line-height: 1.4;
	}

	.benefitItemsA .item .htx1 .tx {
		font-size: 18px;
		padding: 4px 9px;
		margin-bottom: 12px;
		letter-spacing: 0;
	}

	.benefitItemsA .item .htx1 .tx:last-of-type {
		margin-bottom: 0;
	}

	.benefitItemsA .item .description {
		line-height: 2.1em;
		margin-bottom: 25px;
		font-size: 118%;
		text-align: center;
	}

	.benefitItemsA .item .description .n1 {
		font-size: 150%;
	}

	.benefitItemsA .item .image {
		text-align: center;
	}

	.benefitItemsA .item.benefit03 .description {
		font-size: 105%;
	}

	.benefitItemsA .item.benefit01 .image img {
		width: 310px;
	}

	.benefitItemsA .item.benefit02 .image img {
		width: 279px;
	}

	.benefitItemsA .item.benefit03 .image img {
		width: 283px;
	}

	.benefitItemsA .item.benefit04 .image img {
		width: 270px;
		margin-top: 5px;
	}

	.benefitItemsA .item.benefit05 .image img {
		width: 250px;
	}
}

/* // seminarItemsA
----------------------------------------------- */
.seminarItemsA {
	display: grid;
	gap: 30px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarItemsA {
		padding: 0 10px;
	}
}

/* // downloadItemsA
----------------------------------------------- */
.downloadItemsA {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 32px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.downloadItemsA {
		gap: 24px;
	}
}

/* // customerSuccessItemsA
----------------------------------------------- */
.customerSuccessItemsA .item .image1 {
	display: block;
	margin-bottom: 26px;
}

.customerSuccessItemsA .item .num {
	line-height: 1;
	text-align: center;
	font-size: 27px;
	margin-bottom: 12px;
	color: #bdc1ce;
	font-weight: 500;
}

.customerSuccessItemsA .item .title {
	line-height: 1.5;
	text-align: center;
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--c2);
}

.customerSuccessItemsA .item .description {
	line-height: 2;
	font-size: 100%;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.customerSuccessItemsA . {}

	.customerSuccessItemsA .item {
		width: calc(100% / 3 - 20px - 0.1px) !important;
		margin-right: 20px !important;
	}

	.customerSuccessItemsA .item .image1 {
		margin-bottom: 19px;
	}

	.customerSuccessItemsA .item .num {
		font-size: 27px;
		margin-bottom: 7px;
	}

	.customerSuccessItemsA .item .title {
		font-size: 18px;
		margin-bottom: 17px;
	}

	.customerSuccessItemsA .item .description {}

}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.customerSuccessItemsA .item .image1 {
		margin-bottom: 15px;
	}

	.customerSuccessItemsA .item .num {
		font-size: 21px;
		margin-bottom: 8px;
	}

	.customerSuccessItemsA .item .title {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.customerSuccessItemsA .item .description {
		line-height: 1.8;
		font-size: 92%;
		margin-bottom: 18px;
	}
}

/* // serviceIntroductionBlockA
----------------------------------------------- */
.serviceIntroductionBlockA {
	background-image: linear-gradient(to right, #8eb5fb 0%, #4d83ef 100%);
}

.serviceIntroductionBlockA .introHtx1 {
	font-size: 31px;
	font-weight: 600;
	margin-bottom: 27px;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}

.serviceIntroductionBlockA .introLead1 {
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
}

.serviceIntroductionBlockA .blockInner {
	box-shadow: var(--shadow1);
	background-image: linear-gradient(-55deg, #f2f1f1 0%, #ffffff 100%);
	padding: 0px 10px 16px 40px;
}

.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image .main {
	max-width: 85%;
	margin-top: 15px;
}

.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image .catch {
	display: none;
}

/* ________ 1001_1100 ________ */
@media screen and (min-width:1001px) and (max-width: 1100px) {
	.serviceIntroductionBlockA {}

	.serviceIntroductionBlockA .introHtx1 {
		font-size: 30px;
		margin-bottom: 27px;
	}

	.serviceIntroductionBlockA .introLead1 {
		margin-bottom: 50px;
	}

	.serviceIntroductionBlockA .blockInner {
		padding: 0px 10px 22px 0px;
	}

	.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image .main {
		max-width: 68%;
		margin-top: -15px;
	}
}


/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.serviceIntroductionBlockA {}

	.serviceIntroductionBlockA .introHtx1 {
		font-size: 28px;
		margin-bottom: 18px;
	}

	.serviceIntroductionBlockA .introLead1 {
		margin-bottom: 28px;
	}

	.serviceIntroductionBlockA .blockInner {
		padding: 0px 10px 16px 00px;
	}

	.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image .main {
		max-width: 75%;
		margin-top: 8px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.serviceIntroductionBlockA {}

	.serviceIntroductionBlockA .introHtx1 {
		font-size: 21px;
		margin-bottom: 24px;
		text-align: center;
		line-height: 1.5;
	}

	.serviceIntroductionBlockA .introLead1 {
		margin-bottom: 34px;
		color: #fff;
		text-align: center;
	}

	.serviceIntroductionBlockA .blockInner {
		box-shadow: var(--shadow1_sp);
		padding: 10px 13px 10px;
	}

	.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image {
		margin-left: -13px;
	}

	.serviceIntroductionBlockA .blockInner .serviceItemsA .item .image .main {
		max-width: 100%;
		margin-top: 2px;
	}
}

/* // usonarFunctionsStepsA
----------------------------------------------- */
.usonarFunctionsStepsA .stepItem {
	background-color: var(--c1);
	border-radius: 5px;
	margin-bottom: 40px;
	padding: 40px 40px 16px;
}

.usonarFunctionsStepsA .stepItem:last-of-type {
	margin-bottom: 0;
}

.usonarFunctionsStepsA .stepItem .title {
	line-height: 1;
	margin-bottom: 35px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.usonarFunctionsStepsA .stepItem .title .icon {
	width: 70px;
	margin-right: 20px;
}

.usonarFunctionsStepsA .stepItem .title .text {
	flex: 1;
	color: #fff;
}

.usonarFunctionsStepsA .stepItem .title .text .num {
	display: block;
	font-size: 21px;
	opacity: 0.4;
	font-weight: 500;
	margin-bottom: 9px;
}

.usonarFunctionsStepsA .stepItem .title .text .tx {
	display: block;
	font-size: 21px;
	font-weight: 600;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.usonarFunctionsStepsA .stepItem {
		margin-bottom: 30px;
		padding: 25px 25px 6px;
	}

	.usonarFunctionsStepsA .stepItem:last-of-type {
		margin-bottom: 0;
	}

	.usonarFunctionsStepsA .stepItem .title {
		margin-bottom: 30px;
	}

	.usonarFunctionsStepsA .stepItem .title .icon {
		width: 60px;
		margin-right: 17px;
	}

	.usonarFunctionsStepsA .stepItem .title .text {}

	.usonarFunctionsStepsA .stepItem .title .text .num {
		font-size: 19px;
		margin-bottom: 8px;
	}

	.usonarFunctionsStepsA .stepItem .title .text .tx {
		font-size: 20px;
	}

}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.usonarFunctionsStepsA .stepItem {
		border-radius: 4px;
		margin-bottom: 25px;
		padding: 20px;
	}

	.usonarFunctionsStepsA .stepItem:last-of-type {
		margin-bottom: 0;
	}

	.usonarFunctionsStepsA .stepItem .title {
		line-height: 1.4;
		margin-bottom: 32px;
	}

	.usonarFunctionsStepsA .stepItem .title .icon {
		width: 48px;
		margin-right: 17px;
	}

	.usonarFunctionsStepsA .stepItem .title .text {}

	.usonarFunctionsStepsA .stepItem .title .text .num {
		font-size: 17px;
		margin-bottom: 1px;
	}

	.usonarFunctionsStepsA .stepItem .title .text .tx {
		font-size: 17px;
	}
}

/* // functionItemsA
----------------------------------------------- */
.functionItemsA {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	width: calc(100% + 23px);
}

.functionItemsA>li {
	width: calc(100% / 3 - 23px);
	margin-right: 23px;
	margin-bottom: 23px;
	border-radius: 3px;
	background-image: linear-gradient(to right, #f4f4f4 0%, #fff 100%);
	padding: 13px 14px 13px;
	box-shadow: var(--shadow1);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	align-content: center;
	-ms-align-content: center;
}

.functionItemsA>li .description {
	width: 100%;
	font-size: 13px;
	line-height: 1.75;
	margin-top: 12px;
	display: block;
}

.functionItemsA>li .icon {
	width: 60px;
	display: block;
	margin-right: 11px;
}

.functionItemsA>li .name {
	flex: 1;
	display: block;
	line-height: 1.3;
}

.functionItemsA>li .name .text {
	display: block;
	font-weight: 600;
	color: var(--c1);
	font-size: 20px;
	margin-bottom: 8px;
}

.functionItemsA>li .tag {
	display: inline-block;
	font-size: 12px;
	padding: 3px 8px;
	background-color: #dee1e7;
	color: var(--c1);
	border-radius: 2px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.functionItemsA {
		width: calc(100% + 15px);
	}

	.functionItemsA>li {
		width: calc(100% / 3 - 10px);
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 11px 12px 10px;

	}

	.functionItemsA>li .description {
		font-size: 11.5px;
		line-height: 1.6;
		margin-top: 6px;
		display: block;
	}

	.functionItemsA>li .icon {
		width: 40px;
		margin-right: 4px;
	}

	.functionItemsA>li .name {}

	.functionItemsA>li .name .text {
		font-size: 15px;
		margin-bottom: 4px;
	}

	.functionItemsA>li .tag {
		font-size: 10px;
		padding: 2px 4px;
	}

}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.functionItemsA {
		display: block;
		width: 100%;
	}

	.functionItemsA>li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 11px;
		padding: 10px 10px 9px;
		box-shadow: var(--shadow1);
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		align-content: center;
		-ms-align-content: center;
	}

	.functionItemsA>li .description {
		font-size: 12px;
		line-height: 1.7;
		margin-top: 6px;
		display: block;
	}

	.functionItemsA>li .icon {
		width: 50px;
		margin-right: 14px;
	}

	.functionItemsA>li .name {}

	.functionItemsA>li .name .text {
		font-size: 16px;
		margin-bottom: 7px;
	}

	.functionItemsA>li .tag {
		font-size: 11px;
		padding: 3px 5px;
	}
}

/* // functionItemsB
----------------------------------------------- */
.functionItemsB>li {
	background-color: #fff;
	box-shadow: var(--shadow2);
	border-radius: 3px;
	overflow: hidden;
	border-left: 3px solid var(--c1);
	padding: 10px 14px 14px 93px;
	position: relative;
	margin-bottom: 18px;
	width: 420px;
}

.functionItemsB>li .icon {
	position: absolute;
	top: 17px;
	left: 45px;
	transform: translateX(-50%);
	width: 58px;
	height: 58px;
	border-radius: 1000px;
	border: 1px solid var(--c1);
	box-shadow: 3px 3px 0px var(--c1);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	padding: 9px;
}

.functionItemsB>li .icon img {}

.functionItemsB>li .name {
	line-height: 1.4;
	margin-bottom: 10px;
}

.functionItemsB>li .name .text {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	font-size: 18px;
	color: var(--c1);
	font-weight: 500;
}

.functionItemsB>li .name .tag {
	display: inline-block;
	background-color: #e1e4ec;
	padding: 4px 8px;
	line-height: 1;
	color: var(--c1);
	font-size: 11px;
	position: relative;
}

.functionItemsB>li .name .tag:before {
	display: inline-block;
	content: "#";
	margin-right: 5px;
}

.functionItemsB>li .description {
	width: 100%;
	font-size: 13px;
	line-height: 1.6;
	display: block;
	margin-top: 8px;
}

/* flex  */
.functionItemsB.flex {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width: calc(100% + 25px);
}

.functionItemsB.flex>li {
	margin-right: 20px;
	margin-bottom: 20px;
}

.functionItemsB.flex>li .name {
	margin-bottom: 9px;
}

.functionItemsB.flex>li .name .text {
	margin-right: 10px;
	font-size: 17px;
}

.functionItemsB.flex>li .description {
	font-size: 12px;
	margin-top: 8px;
}

.functionItemsB.flex>li .name .tag {
	padding: 3px 5px;
	font-size: 10px;
	top: 2px;
}

.functionItemsB.flex>li .name .tag:before {
	margin-right: 2px;
}

.functionItemsB.flex._col3>li {
	width: calc(100% / 3 - 20px - 0.1px);
}


/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.functionItemsB>li {
		padding: 8px 14px 18px 79px;
		margin-bottom: 16px;
		width: 100%;
	}

	.functionItemsB>li .icon {
		top: 17px;
		left: 37px;
		width: 50px;
		height: 50px;
		padding: 8px;
		box-shadow: 2px 2px 0px var(--c1);
	}

	.functionItemsB>li .name {
		margin-bottom: 8px;
	}

	.functionItemsB>li .name .text {
		margin-right: 10px;
		font-size: 16px;
	}

	.functionItemsB>li .name .tag {
		padding: 3px 6px;
		font-size: 10px;
	}

	.functionItemsB>li .name .tag:before {
		margin-right: 5px;
	}

	.functionItemsB>li .description {
		font-size: 12px;
		line-height: 1.5;
		margin-top: 5px;
	}

	/* flex  */
	.functionItemsB.flex {
		width: calc(100% + 25px);
	}

	.functionItemsB.flex>li {
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.functionItemsB.flex>li .name {
		margin-bottom: 9px;
	}

	.functionItemsB.flex>li .name .text {
		margin-right: 10px;
		font-size: 17px;
	}

	.functionItemsB.flex>li .description {
		font-size: 12px;
		margin-top: 8px;
	}

	.functionItemsB.flex>li .name .tag {
		padding: 3px 5px;
		font-size: 10px;
		top: 2px;
	}

	.functionItemsB.flex>li .name .tag:before {
		margin-right: 2px;
	}

	.functionItemsB.flex._col3>li {
		width: calc(100% / 3 - 20px - 0.1px);
	}

}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.functionItemsB>li {
		border-radius: 3px;
		padding: 7px 10px 7px 80px;
		margin-bottom: 14px;
		width: 100%;
	}

	.functionItemsB>li .icon {
		top: 10px;
		left: 39px;
		width: 50px;
		height: 50px;
		padding: 5px;
	}

	.functionItemsB>li .name {
		margin-bottom: 7px;
	}

	.functionItemsB>li .name .text {
		margin-right: 10px;
		font-size: 15px;
	}

	.functionItemsB>li .name .tag {
		padding: 4px 6px;
		font-size: 10px;
	}

	.functionItemsB>li .name .tag:before {
		margin-right: 3px;
	}

	.functionItemsB>li .description {
		font-size: 12px;
		margin-top: 6px;
	}

	/* flex  */
	.functionItemsB.flex {
		display: block;
		width: calc(100%);
	}

	.functionItemsB.flex>li {
		margin-right: 0;
		margin-bottom: 10px;
		padding-left: 68px;
		min-height: 65px;
	}

	.functionItemsB.flex>li .icon {
		box-shadow: 2px 2px 0px var(--c1);
		left: 32px;
		width: 45px;
		height: 45px;
		top: 9px;
	}

	.functionItemsB.flex>li .name {
		margin-bottom: 5px;
	}

	.functionItemsB.flex>li .name .text {
		margin-right: 8px;
		font-size: 14px;
	}

	.functionItemsB.flex>li .description {
		font-size: 11px;
		margin-top: 3px;
		line-height: 1.5;
	}

	.functionItemsB.flex>li .name .tag {
		padding: 3px 4px;
		font-size: 10px;
		top: 2px;
	}

	.functionItemsB.flex._col3>li {
		width: calc(100%);
	}
}

/* // abmStepContentsA
----------------------------------------------- */
.abmStepContentsA {
	display: flex;
	display: -ms-flexbox;
	align-items: flex-start;
	-ms-align-items: flex-start;
	align-content: flex-start;
	-ms-align-content: flex-start;
}

.abmStepContentsA .stepWrap {
	width: 550px;
	margin-right: 80px;
	position: -webkit-sticky;
	position: sticky;
	top: 110px;
}

.abmStepContentsA .stepWrap>.inner {
	position: relative;
}

.abmStepContentsA .contentsWrap {
	flex: 1;
}

/* stepWrap  */
.abmStepContentsA .steps {
	display: flex;
	display: -ms-flexbox;
}

.abmStepContentsA .steps>li {
	width: calc(100% / 5);
	position: relative;
}

.abmStepContentsA .steps>li>.in {
	height: 110px;
	line-height: 1.4;
	border: 1px solid var(--c1);
	background-color: #fff;
	border-left: 0;
	color: var(--c1);
	position: relative;
	display: block;
	z-index: 1;
	width: 100%;
}

.abmStepContentsA .steps>li:nth-of-type(1) {
	z-index: 10;
}

.abmStepContentsA .steps>li:nth-of-type(2) {
	z-index: 9;
}

.abmStepContentsA .steps>li:nth-of-type(3) {
	z-index: 8;
}

.abmStepContentsA .steps>li:nth-of-type(4) {
	z-index: 7;
}

.abmStepContentsA .steps>li:nth-of-type(5) {
	z-index: 6;
}

.abmStepContentsA .steps>li:nth-of-type(6) {
	z-index: 5;
}

.abmStepContentsA .steps>li:nth-of-type(7) {
	z-index: 4;
}

.abmStepContentsA .steps>li:nth-of-type(8) {
	z-index: 3;
}

.abmStepContentsA .steps>li:first-of-type {
	border-left: 1px solid var(--c1);
}

.abmStepContentsA .steps>li .num {
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	height: 30px;
	display: flex;
	display: -ms-flexbox;
	align-items: flex-end;
	-ms-align-items: flex-end;
	justify-content: center;
	-ms-justify-content: center;
}

.abmStepContentsA .steps>li .num .n {
	font-size: 115%;
	display: inline-block;
	margin-left: 6px;
}

.abmStepContentsA .steps>li .text {
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	height: calc(100% - 30px);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	line-height: 1.42;
}

.abmStepContentsA .steps>li:after {
	content: " ";
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 9px;
	height: 9px;
	border-top: 1px solid var(--c1);
	border-right: 1px solid var(--c1);
	z-index: 5;
	background-color: #fff;
	margin-left: -4px;
}

.abmStepContentsA .steps>li:last-of-type:after {
	display: none;
}

.abmStepContentsA .steps>li.on {
	box-shadow: 3px 3px 0px #8192b4;
}

.abmStepContentsA .steps>li.on>.in {
	background-color: var(--c1);
	color: #fff;
}

.abmStepContentsA .steps li.on:after {
	border-top: 1px solid var(--c1);
	border-right: 1px solid var(--c1);
	background-color: var(--c1);
}

.abmStepContentsA .steps li.on:before {
	content: " ";
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 9px;
	border-color: transparent transparent transparent #8192b4;
	margin-top: 3px;
}

.abmStepContentsA .steps li.on:last-of-type:before {
	display: none;
}

/* monitor  */
.abmStepContentsA .monitor {
	margin-top: 75px;
	width: calc(100% + 100px);
	margin-left: -50px;
	position: relative;
}

.abmStepContentsA .monitor .pc {
	position: relative;
	z-index: 10;
}

.abmStepContentsA .monitor .capture {}

.abmStepContentsA .monitor .capture li {
	position: absolute;
	left: 50%;
	top: 14px;
	transform: translateX(-50%);
	width: 434px;
}

.abmStepContentsA .monitor .capture li img {
	opacity: 0;
	transition-delay: 0.4s;
	transition-duration: 0.3s;
}

.abmStepContentsA .monitor .capture li.on img {
	opacity: 1;
	transition-delay: 0s;
}

/* contentsWrap  */
.abmStepContentsA .stepContentsItems .item {
	margin-bottom: 120px;
}

.abmStepContentsA .stepContentsItems .item:last-of-type {
	margin-bottom: 0px;
}

.abmStepContentsA .stepContentsItems .item .num {
	font-size: 23px;
	color: var(--c1);
	line-height: 1;
	margin-bottom: 13px;
	font-weight: 500;
}

.abmStepContentsA .stepContentsItems .item .num .n {
	font-size: 136%;
	margin-left: 5px;
	display: inline-block;
}

.abmStepContentsA .stepContentsItems .item .title {
	line-height: 1.4em;
	margin-bottom: 16px;
}

.abmStepContentsA .stepContentsItems .item .title .in {
	font-size: 21px;
	font-weight: 600;
	color: #fff;
	background-color: var(--c1);
	padding: 10px 19px;
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
}

.abmStepContentsA .stepContentsItems .item .htx1 {
	line-height: 1.6em;
	margin-bottom: 17px;
	font-weight: 500;
	font-size: 24px;
}

.abmStepContentsA .stepContentsItems .item .addContents {
	margin-top: 45px;
}

.abmStepContentsA .stepContentsItems .item .addContents .ttl1 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	line-height: 1;
	margin-bottom: 14px;
}

.abmStepContentsA .stepContentsItems .item .addContents .ttl1 img {
	width: 24px;
	margin-right: 10px;
}

.abmStepContentsA .stepContentsItems .item .logos1 {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.abmStepContentsA .stepContentsItems .item .logos1 li {
	margin-right: 25px;
	margin-bottom: 20px;
}

.abmStepContentsA .stepContentsItems .item .logos1 li img {
	height: 41px;
	width: auto;
}


/* ________ 1001_1100 ________ */
@media screen and (min-width:1001px) and (max-width: 1160px) {
	.abmStepContentsA .steps>li .text {
		text-align: center;
		font-size: 12px;
	}

	.abmStepContentsA .monitor .capture li {
		top: 3%;
		width: 68%;
	}

	.abmStepContentsA .stepContentsItems .item .htx1 {
		margin-bottom: 13px;
		font-size: 22px;
	}

	.abmStepContentsA .stepContentsItems .item .htx1 br {
		display: none;
	}
}


/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.abmStepContentsA {}

	.abmStepContentsA .stepWrap {
		width: 330px;
		margin-right: 25px;
	}

	.abmStepContentsA .stepWrap>.inner {}

	.abmStepContentsA .contentsWrap {}

	/* stepWrap  */
	.abmStepContentsA .steps {
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}

	.abmStepContentsA .steps>li {
		width: calc(100% / 3);
	}

	.abmStepContentsA .steps>li>.in {
		height: 75px;
		line-height: 1.3;
	}

	.abmStepContentsA .steps>li:nth-of-type(1)>.in {}

	.abmStepContentsA .steps>li:nth-of-type(2)>.in {}

	.abmStepContentsA .steps>li:nth-of-type(3)>.in {}

	.abmStepContentsA .steps>li:nth-of-type(4)>.in {
		border-left: 1px solid var(--c1);
		border-top: 0;
	}

	.abmStepContentsA .steps>li:nth-of-type(5)>.in {
		border-top: 0;
	}

	.abmStepContentsA .steps>li .num {
		font-size: 13px;
		height: auto;
		padding-top: 7px;
	}

	.abmStepContentsA .steps>li .num .n {
		font-size: 115%;
		display: inline-block;
		margin-left: 6px;
	}

	.abmStepContentsA .steps>li .text {
		font-size: 11px;
		height: calc(100% - 20px);
		line-height: 1.2;
	}

	.abmStepContentsA .steps>li:after {
		display: none;
	}

	.abmStepContentsA .steps>li:last-of-type:after {
		display: none;
	}

	.abmStepContentsA .steps>li.on {
		box-shadow: 0px 0px 0px #8192b4;
	}

	.abmStepContentsA .steps>li.on>.in {}

	.abmStepContentsA .steps li.on:after {
		border-top: 0 solid var(--c1);
		border-right: 0 solid var(--c1);
	}

	.abmStepContentsA .steps li.on:before {
		display: none;
	}

	.abmStepContentsA .steps li.on:last-of-type:before {
		display: none;
	}

	/* monitor  */
	.abmStepContentsA .monitor {
		margin-top: 65px;
		width: calc(100% + 60px);
		margin-left: -30px;
	}

	.abmStepContentsA .monitor .pc {}

	.abmStepContentsA .monitor .capture {}

	.abmStepContentsA .monitor .capture li {
		top: 3%;
		width: 68%;
	}


	/* contentsWrap  */
	.abmStepContentsA .stepContentsItems .item {
		margin-bottom: 60px;
	}

	.abmStepContentsA .stepContentsItems .item:last-of-type {
		margin-bottom: 0px;
	}

	.abmStepContentsA .stepContentsItems .item .num {
		font-size: 22px;
		margin-bottom: 11px;
	}

	.abmStepContentsA .stepContentsItems .item .num .n {}

	.abmStepContentsA .stepContentsItems .item .title {
		line-height: 1.4em;
		margin-bottom: 13px;
	}

	.abmStepContentsA .stepContentsItems .item .title .in {
		font-size: 18px;
		padding: 8px 10px;
	}

	.abmStepContentsA .stepContentsItems .item .htx1 {
		line-height: 1.5em;
		margin-bottom: 13px;
		font-size: 20px;
	}

	.abmStepContentsA .stepContentsItems .item .addContents {
		margin-top: 30px;
	}

	.abmStepContentsA .stepContentsItems .item .addContents .ttl1 {
		margin-bottom: 11px;
	}

	.abmStepContentsA .stepContentsItems .item .addContents .ttl1 img {
		width: 22px;
		margin-right: 8px;
	}

	.abmStepContentsA .stepContentsItems .item .logos1 {}

	.abmStepContentsA .stepContentsItems .item .logos1 li {
		margin-right: 20px;
		margin-bottom: 18px;
	}

	.abmStepContentsA .stepContentsItems .item .logos1 li img {
		height: 41px;
		width: auto;
	}

}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.abmStepContentsA {
		display: block;
	}

	.abmStepContentsA .stepWrap {
		width: 100%;
		margin-right: 0;
		top: 10px;
		z-index: 10;
	}

	.abmStepContentsA .contentsWrap {
		flex: auto;
		position: relative;
		z-index: 5;
	}

	/* stepWrap  */
	.abmStepContentsA .steps {}

	.abmStepContentsA .steps>li {}

	.abmStepContentsA .steps>li br {}

	.abmStepContentsA .steps>li>.in {
		height: 80px;
	}

	.abmStepContentsA .steps>li .num {
		font-size: 12px;
		height: 23px;
	}

	.abmStepContentsA .steps>li .num .n {
		font-size: 115%;
		margin-left: 4px;
	}

	.abmStepContentsA .steps>li .text {
		font-size: 10px;
		height: calc(100% - 23px);
		line-height: 1.35;
		letter-spacing: -1px;
	}

	.abmStepContentsA .steps>li:after {
		width: 5px;
		height: 5px;
		margin-left: -3px;
	}

	.abmStepContentsA .steps>li.on {
		box-shadow: 2px 2px 0px #8192b4;
	}

	.abmStepContentsA .steps li.on:before {
		border-width: 6px 0 6px 4.5px;
		margin-top: 2px;
	}

	/* monitor  */
	.abmStepContentsA .monitor {
		display: none;
	}

	/* contentsWrap  */
	.abmStepContentsA .stepContentsItems {
		margin-top: 45px;
	}

	.abmStepContentsA .stepContentsItems .item {
		margin-bottom: 80px;
	}

	.abmStepContentsA .stepContentsItems .item .num {
		font-size: 21px;
		margin-bottom: 11px;
	}

	.abmStepContentsA .stepContentsItems .item .num .n {
		font-size: 130%;
		margin-left: 4px;
	}

	.abmStepContentsA .stepContentsItems .item .title {
		margin-bottom: 14px;
	}

	.abmStepContentsA .stepContentsItems .item .title .in {
		font-size: 17px;
		padding: 9px 11px;
	}

	.abmStepContentsA .stepContentsItems .item .htx1 {
		margin-bottom: 13px;
		font-size: 20px;
	}

	.abmStepContentsA .stepContentsItems .item .htx1 br {
		display: none;
	}

	.abmStepContentsA .stepContentsItems .item .addContents {
		margin-top: 25px;
	}

	.abmStepContentsA .stepContentsItems .item .addContents .ttl1 {
		margin-bottom: 11px;
	}

	.abmStepContentsA .stepContentsItems .item .addContents .ttl1 img {
		width: 21px;
		margin-right: 6px;
	}

	.abmStepContentsA .stepContentsItems .item .logos1 {}

	.abmStepContentsA .stepContentsItems .item .logos1 li {
		margin-right: 17px;
		margin-bottom: 13px;
	}

	.abmStepContentsA .stepContentsItems .item .logos1 li img {
		height: 33px;
	}
}

/* // textLinksA
----------------------------------------------- */
.textLinksA {
	line-height: 1.4;
}

.textLinksA li {
	margin-bottom: 12px;
}

.textLinksA li:last-of-type {
	margin-bottom: 0;
}

.textLinksA li a {
	display: inline-block;
}

.textLinksA li a:hover {
	opacity: 0.6;
}

.textLinksA li a .icon {
	display: inline-block;
	font-size: 8px;
	margin-right: 3px;
	vertical-align: middle;
	position: relative;
	top: 1px;
}

.textLinksA li a .tx {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.textLinksA {}

	.textLinksA li {
		margin-bottom: 10px;
	}

	.textLinksA li a .icon {
		font-size: 8px;
		margin-right: 3px;
	}

	.textLinksA li a .tx {
		font-size: 100%;
	}
}

/* // benefitItemsB
----------------------------------------------- */
.benefitItemsB .item {
	padding: 90px 0;
}

.benefitItemsB .item:first-of-type {
	padding-top: 8px;
}

.benefitItemsB .item>.inner {
	display: flex;
	display: -ms-flexbox;
}

.benefitItemsB .item .image {
	width: 420px;
	margin-left: 75px;
	margin-top: 70px;
}

.benefitItemsB .item:nth-of-type(even)>.inner {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.benefitItemsB .item:nth-of-type(even) .image {
	margin-right: 75px;
	margin-left: 0;
}

.benefitItemsB .item .contentsWrap {
	flex: 1;
}

.benefitItemsB .item .num {
	font-size: 38px;
	color: #d9dbe2;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: 500;
}

.benefitItemsB .item .num .n {
	font-size: 149%;
	margin-left: 5px;
	display: inline-block;
}

.benefitItemsB .item .title {
	line-height: 1.4em;
	margin-bottom: 27px;
}

.benefitItemsB .item .title .tx {
	font-size: 21px;
	font-weight: 600;
	color: #fff;
	background-color: var(--c1);
	padding: 10px 19px;
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
}

.benefitItemsB .item .htx1 {
	font-size: 29px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 29px;
}

.benefitItemsB .item .htx1 .em1 {
	font-weight: 600;
	font-size: 121%;
	background: linear-gradient(transparent 70%, #fefa99 30%);
}

.benefitItemsB .item .description {
	margin-bottom: 47px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.benefitItemsB .item {
		padding: 65px 0;
	}

	.benefitItemsB .item:first-of-type {
		padding-top: 8px;
	}

	.benefitItemsB .item>.inner {}

	.benefitItemsB .item .image {
		width: 40%;
		margin-left: 30px;
		margin-top: 100px;
	}

	.benefitItemsB .item:nth-of-type(even)>.inner {
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}

	.benefitItemsB .item:nth-of-type(even) .image {
		margin-right: 30px;
	}

	.benefitItemsB .item .contentsWrap {}

	.benefitItemsB .item .num {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.benefitItemsB .item .num .n {}

	.benefitItemsB .item .title {
		margin-bottom: 18px;
	}

	.benefitItemsB .item .title .tx {
		font-size: 18px;
		padding: 8px 15px;
	}

	.benefitItemsB .item .htx1 {
		font-size: 23px;
		margin-bottom: 19px;
	}

	.benefitItemsB .item .htx1 .em1 {
		font-weight: 600;
		font-size: 121%;
		background: linear-gradient(transparent 70%, #fefa99 30%);
	}

	.benefitItemsB .item .description {
		margin-bottom: 40px;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.benefitItemsB .item {
		padding: 70px 0;
	}

	.benefitItemsB .item:first-of-type {
		padding-top: 10px;
	}

	.benefitItemsB .item>.inner {
		display: block;
	}

	.benefitItemsB .item .image {
		width: 100%;
		max-width: 300px;
		margin: 20px auto 0 !important;
	}

	.benefitItemsB .item .contentsWrap {
		flex: auto;
	}

	.benefitItemsB .item .num {
		font-size: 27px;
		margin-bottom: 17px;
	}

	.benefitItemsB .item .num .n {
		font-size: 148%;
		margin-left: 5px;
	}

	.benefitItemsB .item .title {
		margin-bottom: 21px;
	}

	.benefitItemsB .item .title .tx {
		font-size: 17px;
		padding: 7px 12px;
	}

	.benefitItemsB .item .htx1 {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.benefitItemsB .item .htx1 .em1 {
		font-size: 121%;
	}

	.benefitItemsB .item .description {
		margin-bottom: 41px;
	}
}

/* // pointsItemsA
----------------------------------------------- */
.pointsItemsA {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.pointsItemsA li {
	width: calc(100% / 3 - 10px);
	margin-right: 10px;
	position: relative;
	height: 120px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	background-color: #e5e9fa;
	color: var(--c1);
	border-radius: 2px;
	padding-top: 10px;
}

.pointsItemsA._col3 li {
	width: calc(100% / 3 - 15px);
	margin-right: 15px;
	line-height: 1.5;
}

.pointsItemsA._col2 li {
	width: calc(100% / 2 - 15px);
	margin-right: 15px;
	line-height: 1.6;
}

.pointsItemsA li:last-of-type {
	margin-right: 0;
}

.pointsItemsA li .label {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	border-radius: 100px;
	line-height: 1;
	background-color: var(--c1);
	padding: 4px 22px;
	color: #fff;
}

.pointsItemsA li .label .n {
	font-size: 125%;
	padding-left: 5px;
}

.pointsItemsA li .detail {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.pointsItemsA {}

	.pointsItemsA li {
		width: calc(100% / 3 - 10px);
		margin-right: 10px;
		height: 102px;
		padding-top: 6px;
	}

	.pointsItemsA._col3 li {
		width: calc(100% / 3 - 8px);
		margin-right: 8px;
	}

	.pointsItemsA._col2 li {
		width: calc(100% / 2 - 15px);
		margin-right: 15px;
	}

	.pointsItemsA li .label {
		padding: 4px 19px;
	}

	.pointsItemsA li .label .n {
		font-size: 125%;
		padding-left: 5px;
	}

	.pointsItemsA li .detail {
		font-size: 12px;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.pointsItemsA {
		display: block;
	}

	.pointsItemsA li {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 22px;
		position: relative;
		height: auto;
		display: block;
		border-radius: 2px;
		padding-top: 19px;
		line-height: 1.5 !important;
		padding-bottom: 12px;
	}

	.pointsItemsA li .label {
		padding: 4px 26px 5px 26px;
		font-size: 13px;
		letter-spacing: 2px;
	}

	.pointsItemsA li .label .n {
		font-size: 125%;
		padding-left: 5px;
	}

	.pointsItemsA li .detail {
		font-size: 16px;
	}
}

/* // usonarMv
----------------------------------------------- */
.usonarMv {
	background: #e5e5e5 url(/_pack/img/usonar_mv_bg_01.jpg) no-repeat center center / cover;
	height: 650px;
	overflow: hidden;
}

.usonarMv .contentsWrap>.inner {
	height: 530px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.usonarMv .contentsWrap .image {
	flex: 1;
	margin-left: -150px;
	margin-right: -110px;
	position: relative;
	top: 39px;
}

/* contents  */
.usonarMv .contentsWrap .contents {
	width: 660px;
	z-index: relative;
	z-index: 10;
}

.usonarMv .contentsWrap .contents .text1 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	line-height: 1;
	margin-bottom: 28px;
}

.usonarMv .contentsWrap .contents .text1 .logo {
	width: 180px;
	margin-right: 10px;
}

.usonarMv .contentsWrap .contents .text1 .tx {
	display: inline-block;
	border: 1px solid var(--c1);
	color: var(--c1);
	padding: 7px 12px;
	font-weight: 500;
	font-size: 15px;
	position: relative;
	top: 2px;
}

.usonarMv .contentsWrap .contents .text2 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	line-height: 1;
	margin-bottom: 33px;
}

.usonarMv .contentsWrap .contents .text2 .tx {
	display: inline-block;
	padding: 11px 13px;
	background-color: var(--c1);
	background-image: linear-gradient(45deg, #234184 50%, var(--c1) 50%);
	color: #fff;
	border-radius: 2px;
	font-size: 22px;
	font-weight: 500;
}

.usonarMv .contentsWrap .contents .text2 .icon {
	margin: 0 24px;
	font-size: 32px;
	color: var(--c1);
}

.usonarMv .contentsWrap .contents .mainCatch {
	line-height: 1.5;
	margin-bottom: 39px;
	font-weight: 600;
}

.usonarMv .contentsWrap .contents .mainCatch .tx1 {
	font-size: 46px;
	display: block;
	text-align: left;
	margin-top: 10px;
}

.usonarMv .contentsWrap .contents .mainCatch .tx2 {
	font-size: 29px;
	display: block;
	text-align: left;
}

.usonarMv .contentsWrap .contents .btns1 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
}

.usonarMv .contentsWrap .contents .btns1 li {
	margin-right: 20px;
}

.usonarMv .contentsWrap .contents .btns1 li a {
	width: 300px;
}

.usonarMv .contentsWrap .contents .btns1 li:last-of-type {
	margin-right: 0;
}

.usonarMv .contentsWrap .contents .btns1 li .tx {
	font-weight: 500;
	font-size: 16px !important;
}

.usonarMv .contentsWrap .contents .btns1 li .icon {
	font-size: 14px;
}

/* awardWrap  */
.usonarMv .awardWrap {
	background-color: rgba(0, 0, 0, 0.06);
	height: calc(120px);
	z-index: 5;
	position: absolute;
	width: 100%;
}

.usonarMv .awardWrap>.inner {
	height: 100%;
	padding: 20px 10px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.usonarMv .awardWrap .awards {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	margin-right: 60px;
}

.usonarMv .awardWrap .awards li {}

.usonarMv .awardWrap .awards li:last-of-type {
	margin-right: 0;
}

.usonarMv .awardWrap .awards .aw1 {
	width: 320px;
	margin-right: 24px;
	border-radius: 2px;
	overflow: hidden;
}

.usonarMv .awardWrap .awards .aw2 {
	width: 100px;
	margin-right: 20px;
}

.usonarMv .awardWrap .dlBtn {
	width: 490px;
	height: 90px;
	padding: 0px 30px 0 25px;
	border-radius: 6px;
	box-shadow: 5px 5px 0px #7f8c9c;
	background-image: linear-gradient(45deg, #f2f2f2 50%, #fff 50%);
}

.usonarMv .awardWrap .dlBtn .tx {
	padding: 0px 0px 0px 48px;
	position: relative;
	color: var(--c1);
	height: 100%;
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-content: center;
	-ms-align-content: center;
}

.usonarMv .awardWrap .dlBtn .tx .img1 {
	position: absolute;
	width: 54px;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}

.usonarMv .awardWrap .dlBtn .tx .tx1 {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.usonarMv .awardWrap .dlBtn .tx .tx1 .en {
	font-size: 106%;
	padding-right: 4px;
}

.usonarMv .awardWrap .dlBtn .tx .tx2 {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}

.usonarMv .awardWrap .dlBtn .tx .tx2 .logo {
	width: 104px;
	position: relative;
	top: -3px;
	margin-right: 6px;
}

.usonarMv .awardWrap .dlBtn .icon {
	font-size: 16px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.usonarMv {
		height: 520px;
	}

	.usonarMv .contentsWrap>.inner {
		height: 410px;
	}

	/* contents  */
	.usonarMv .contentsWrap .contents {
		width: 540px;
	}

	.usonarMv .contentsWrap .contents .text1 {
		margin-bottom: 16px;
	}

	.usonarMv .contentsWrap .contents .text1 .logo {
		width: 150px;
		margin-right: 8px;
	}

	.usonarMv .contentsWrap .contents .text1 .tx {
		padding: 6px 5px;
		font-size: 14px;
	}

	.usonarMv .contentsWrap .contents .text2 {
		margin-bottom: 17px;
	}

	.usonarMv .contentsWrap .contents .text2 .tx {
		padding: 8px 7px;
		font-size: 17px;
	}

	.usonarMv .contentsWrap .contents .text2 .icon {
		margin: 0 16px;
		font-size: 24px;
	}

	.usonarMv .contentsWrap .contents .mainCatch {
		margin-bottom: 25px;
	}

	.usonarMv .contentsWrap .contents .mainCatch .tx1 {
		font-size: 37px;
		margin-top: 6px;
	}

	.usonarMv .contentsWrap .contents .mainCatch .tx2 {
		font-size: 24px;
		display: block;
		text-align: left;
	}

	.usonarMv .contentsWrap .contents .btns1 {}

	.usonarMv .contentsWrap .contents .btns1 li {
		margin-right: 10px;
	}

	.usonarMv .contentsWrap .contents .btns1 li a {
		width: 240px;
		min-width: 100px;
	}

	.usonarMv .contentsWrap .contents .btns1 li:last-of-type {
		margin-right: 0;
	}

	.usonarMv .contentsWrap .contents .btns1 li .tx {
		font-size: 14px !important;
	}

	.usonarMv .contentsWrap .contents .btns1 li .icon {
		font-size: 14px;
	}

	.usonarMv .contentsWrap .image {
		margin-left: -150px;
		margin-right: -70px;
		top: 29px;
	}

	/* awardWrap  */
	.usonarMv .awardWrap {
		height: 110px;
	}

	.usonarMv .awardWrap>.inner {}

	.usonarMv .awardWrap .awards {
		margin-right: 10px;
	}

	.usonarMv .awardWrap .awards li {}

	.usonarMv .awardWrap .awards li:last-of-type {}

	.usonarMv .awardWrap .awards .aw1 {
		width: 290px;
		margin-right: 15px;
	}

	.usonarMv .awardWrap .awards .aw2 {
		font-weight: 500 !important;
		line-height: 1.6em !important;
		font-size: 11px !important;
		margin-left: 0px !important;
		margin-right: 3px !important;
	}

	.usonarMv .awardWrap .awards .aw2:maker {
		display: none !important;
	}

	.usonarMv .awardWrap .dlBtn {
		height: 80px;
		padding: 0px 7px 0px 10px;
		box-shadow: 4px 4px 0px #7f8c9c;
	}

	.usonarMv .awardWrap .dlBtn .tx {
		padding: 0px 0px 0px 45px;
	}

	.usonarMv .awardWrap .dlBtn .tx .img1 {
		width: 39px;
	}

	.usonarMv .awardWrap .dlBtn .tx .tx1 {
		font-size: 13px;
		padding-top: 4px;
	}

	.usonarMv .awardWrap .dlBtn .tx .tx1 .en {
		font-size: 106%;
		padding-right: 4px;
	}

	.usonarMv .awardWrap .dlBtn .tx .tx2 {
		font-size: 14px;
		margin-top: 9px;
	}

	.usonarMv .awardWrap .dlBtn .tx .tx2 .logo {
		width: 88px;
		top: -3px;
		margin-right: 3px;
	}

	.usonarMv .awardWrap .dlBtn .icon {
		font-size: 11px;
		right: 8px;
	}
}



/* ________SP________ */
@media screen and (max-width: 800px) {
	.usonarMv {
		background-image: url(/_pack/img/usonar_mv_bg_01_sp.jpg);
		height: auto;
		overflow: hidden;
	}

	.usonarMv .contentsWrap>.inner {
		height: auto;
		display: block;
	}

	.usonarMv .contentsWrap .image {
		flex: auto;
		margin-left: -20px;
		margin-right: 0px;
		position: relative;
		top: 0px;
		margin-top: -1px;
	}

	/* contents  */
	.usonarMv .contentsWrap .contents {
		width: 100%;
		padding-top: 30px;
	}

	.usonarMv .contentsWrap .contents .text1 {
		margin-bottom: 17px;
		justify-content: center;
		-ms-justify-content: center;
	}

	.usonarMv .contentsWrap .contents .text1 .logo {
		width: 125px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.usonarMv .contentsWrap .contents .text1 .tx {
		padding: 5px 7px;
		font-size: 12px;
		top: -2px;
	}

	.usonarMv .contentsWrap .contents .text2 {
		display: block;
		margin-bottom: 19px;
		text-align: center;
	}

	.usonarMv .contentsWrap .contents .text2 .tx {
		display: inline-block;
		padding: 9px 13px;
		font-size: 17px;
	}

	.usonarMv .contentsWrap .contents .text2 .icon {
		margin: 4px auto 7px;
		font-size: 16px;
		color: var(--c1);
		width: 100%;
		display: block;
		text-align: center;
	}

	.usonarMv .contentsWrap .contents .mainCatch {
		line-height: 1.5;
		margin-bottom: 27px;
		text-align: center;
	}

	.usonarMv .contentsWrap .contents .mainCatch .tx1 {
		font-size: 33px;
		text-align: center;
		margin-top: 6px;
		line-height: 1.35;
	}

	.usonarMv .contentsWrap .contents .mainCatch .tx2 {
		font-size: 23px;
		text-align: center;
	}

	.usonarMv .contentsWrap .contents .btns1 {
		display: block;
	}

	.usonarMv .contentsWrap .contents .btns1 li {
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}

	.usonarMv .contentsWrap .contents .btns1 li a {
		width: 90%;
		max-width: 100%;
	}

	.usonarMv .contentsWrap .contents .btns1 li:last-of-type {
		margin-right: 0;
	}

	.usonarMv .contentsWrap .contents .btns1 li .tx {
		font-weight: 500;
		font-size: 15px !important;
	}

	.usonarMv .contentsWrap .contents .btns1 li .icon {
		font-size: 14px;
	}


	.usonarMv .awardWrap>.inner {
		display: block;
	}

	.usonarMv .awardWrap {
		margin-top: 14px;
		height: auto;
		position: relative;
	}

	.usonarMv .awardWrap .awards {
		margin: 0 auto 14px;
	}

	.usonarMv .awardWrap .dlBtn {
		width: calc(100% - 18px);
		display: block;
		padding: 10px;
		margin: 0 auto;
		height: auto;
		min-height: 90px;
	}

	.usonarMv .awardWrap .dlBtn .tx {
		padding: 0px 0px 0px 61px;
		display: block;
	}

	.btnA.b1 {
		max-width: unset;
	}

	.usonarMv .awardWrap .dlBtn .icon {
		display: none;
	}

	.usonarMv .awardWrap .dlBtn .tx .img1 {
		transform: translateY(-4%);
		top: 0;
	}


}

/* // pcPupupCtaA
----------------------------------------------- */
.pcPupupCtaA {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 500;
	transform: translateY(115%);
	transition-duration: 1.2s;
}

html.on .pcPupupCtaA {
	transform: translateY(0%);
	/*
	 */
	transition-delay: 1.4s;
}

html.on .pcPupupCtaA.hide {
	transform: translateY(115%) !important;
	transition-delay: 0s;
	transition-duration: 0.6s;
}

.pcPupupCtaA>.inner {
	position: relative;
}

.pcPupupCtaA .frame {
	width: 400px;
	height: 232px;
	background-color: #fff;
	border: 4px solid var(--c1);
	border-radius: 9px;
	overflow: hidden;
	box-shadow: var(--shadow2);
	padding: 20px 15px 15px;
}

.pcPupupCtaA .catch1 {
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	color: var(--c1);
	margin-bottom: 13px;
	text-align: center;
}

.pcPupupCtaA .catch1 .em1 {
	background: linear-gradient(transparent 70%, #bcd2f6 30%);
}

.pcPupupCtaA .title {
	line-height: 1;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	margin-bottom: 19px;
}

.pcPupupCtaA .title .logo {
	width: 128px;
}

.pcPupupCtaA .title .tx {
	font-size: 21px;
	font-weight: 600;
	color: #61a8c8;
	display: inline-block;
	margin-left: 7px;
	position: relative;
	top: 1px;
}

.pcPupupCtaA .wrap1 {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.pcPupupCtaA .wrap1 .image {
	width: 42%;
	box-shadow: 5px 5px 0px #f1f0f0;
	margin-right: 18px;
}

.pcPupupCtaA .wrap1 .contents {
	flex: 1;
}

.pcPupupCtaA .wrap1 .contents .tx1 {
	font-size: 17px;
	line-height: 1.6;
	font-weight: 500;
	text-align: center;
	margin-bottom: 16px;
}

.pcPupupCtaA .wrap1 .contents .btn {
	text-align: center;
}

.pcPupupCtaA .wrap1 .contents .btn a {
	min-width: 1px;
	width: 100%;
	padding: 3px;
}

.pcPupupCtaA .wrap1 .contents .btn a .tx {
	font-size: 15px;
	padding: 12px 0;
	font-weight: 500;
}

.pcPupupCtaA .close {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 30px;
	height: 30px;
	line-height: 1;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	background-color: #fff;
	border: 1px solid var(--c1);
	overflow: hidden;
	border-radius: 500px;
	font-size: 22px;
}

.pcPupupCtaA .close .icon {
	padding: 0;
	top: auto;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.pcPupupCtaA {
		display: none;
	}
}

/* // mvA
----------------------------------------------- */
.mvA {
	position: relative;
	overflow: hidden;
	background-color: #ff0;
	padding: 75px 0px;
	background-image: linear-gradient(to left, #f2f2f2, #fff 100%);
}

.mvB {
	padding: 30px 0px;
}

.mvB.formContentWrap {
	width: 100%;
	margin: 0;
}

.mvA._re {
	background-image: linear-gradient(to right, #f2f2f2, #fff 100%);
}

.mvA .bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 800px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 1800px auto;
	z-index: 5;
	-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 150px);
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 150px);
}

.mvA .inner {
	position: relative;
	z-index: 10;
}

.mvA .title {
	text-align: center;
	line-height: 1.5;
	font-size: 41px;
	font-weight: 800;
	margin-bottom: 33px;
	color: var(--c1);
}

.mvB .title {
	text-align: left;
	line-height: 1.5;
	font-size: 41px;
	font-weight: 800;
	margin-bottom: 33px;
	color: var(--c1);
}

.mvA .lead {
	line-height: 2.1;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.mvA .btn {
	text-align: center;
	margin-top: 47px;
	line-height: 1;
}

.mvA .btn a {
	min-width: 270px;
}

.mvA .btn a .tx {
	padding: 10px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	min-height: 54px;
}

@media screen and (min-width: 1801px) {
	.mvA .bg {
		background-size: cover;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.mvA {
		padding: 48px 0px;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.mvA {
		background-size: auto 100%;
		padding: 40px 0px 40px;
	}

	.mvA .bg {
		background-size: 1800px auto;
	}

	.mvA .inner {
		position: relative;
		z-index: 10;
	}

	.mvA:before {
		display: none;
	}

	.mvA .title {
		line-height: 1.5;
		font-size: 24px;
		margin-bottom: 21px;
	}

	.mvA .lead {
		line-height: 1.9;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
	}

	.mvA .btn {
		margin-top: 27px;
	}

	.mvA .btn a {
		min-width: 270px;
	}

	.mvA .btn a .tx {
		padding: 11px 5px;
		min-height: 50px;
		font-size: 108%;
	}
}

/* // howtoHeder
----------------------------------------------- */
.howtoHeder {
	position: relative;
	background: url(/_pack/img/howto_mv_01.jpg) no-repeat center center / 1800px auto;
	padding: 55px 10px;
	overflow: hidden;
}

.howtoHeder>.inner {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.howtoHeder .image1 {
	width: 360px;
	border-radius: 6px;
	margin-right: 40px;
	box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.1);
}

.howtoHeder .contents {
	min-width: 800px;
}

.howtoHeder .text1 {
	line-height: 1;
	margin-bottom: 19px;
}

.howtoHeder .text1 .logo {
	width: 140px;
	margin-right: 10px;
}

.howtoHeder .text1 .text {
	color: var(--c1);
	font-weight: 600;
	font-size: 21px;
}

.howtoHeder .title {
	line-height: 1;
	margin-bottom: 5px;
}

.howtoHeder .title .in {
	display: inline-block;
	border-radius: 3px;
	padding: 6px 10px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	background-color: var(--c1);
	letter-spacing: 0.5px;
}

.howtoHeder .htx1 {
	line-height: 1.45;
	font-size: 50px;
	color: var(--c1);
	font-weight: 710;
}

.howtoHeder .htx1._s1 {
	font-size: calc(50px * 0.9);
}

.howtoHeder .em1 {
	color: var(--c2);
	background: linear-gradient(transparent 70%, #fefa99 30%);
}

.howtoHeder .image1 {
	width: 360px;
	border-radius: 6px;
	margin-right: 40px;
	box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1300px) {
	.howtoHeder .htx1 br {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.howtoHeder .contents {
		min-width: 10px;
	}
}

@media screen and (max-width: 1000px) {
	.howtoHeder .image1 {
		display: none;
	}
}

@media screen and (min-width: 1801px) {
	.howtoHeder {
		background-size: cover;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoHeder {
		padding: 55px 20px;
		background-size: auto 100%;
	}

	.howtoHeder>.inner {
		-ms-justify-content: center;
	}

	.howtoHeder .image1 {
		width: 360px;
		border-radius: 6px;
		margin-right: 40px;
		box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.1);
	}

	.howtoHeder .contents {}

	.howtoHeder .text1 {
		margin-bottom: 20px;
	}

	.howtoHeder .text1 .logo {}

	.howtoHeder .text1 .text {
		font-size: 20px;
	}

	.howtoHeder .title {
		margin-bottom: 5px;
	}

	.howtoHeder .title .in {
		font-size: 19px;
	}

	.howtoHeder .htx1 {
		line-height: 1.5;
		font-size: 40px;
		font-weight: 710;
	}

	.howtoHeder .htx1._s1 {
		font-size: calc(50px * 0.9);
	}

	.howtoHeder .em1 {
		color: var(--c2);
		background: linear-gradient(transparent 70%, #fefa99 30%);
	}
}



/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoHeder {
		background-size: cover;
		padding: 45px 0;
	}

	.howtoHeder>.inner {
		display: block;
	}

	.howtoHeder .contents {
		min-width: 0px;
		padding: 0 15px;
	}

	.howtoHeder .image1 {
		display: none;
	}

	.howtoHeder .text1 {
		margin-bottom: 19px;
	}

	.howtoHeder .text1 .logo {
		width: 130px;
		margin-right: 9px;
	}

	.howtoHeder .text1 .text {
		font-size: 17px;
	}

	.howtoHeder .title {
		margin-bottom: 10px;
	}

	.howtoHeder .title .in {
		padding: 6px 10px;
		font-size: 16px;
	}

	.howtoHeder .htx1 {
		line-height: 1.55;
		font-size: 28px;
	}

	.howtoHeder .htx1._s1 {
		font-size: calc(28px * 0.9);
	}

	.howtoHeder .em1 {}

	.howtoHeder .htx1 br {
		display: none;
	}
}

/* // howtoProblemList
----------------------------------------------- */
.howtoProblemList>li {
	color: var(--c1);
	background-image: linear-gradient(to right, rgba(194, 194, 194, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
	margin-bottom: 22px;
	padding: 19px 35px 26px;
	position: relative;
	line-height: 1.5;
}

.howtoProblemList>li:nth-of-type(2) {
	left: calc(50px * 1);
}

.howtoProblemList>li:nth-of-type(3) {
	left: calc(50px * 2);
}

.howtoProblemList>li:nth-of-type(4) {
	left: calc(50px * 3);
}

.howtoProblemList>li:nth-of-type(5) {
	left: calc(50px * 4);
}

.howtoProblemList>li:last-of-type {
	margin-bottom: 0;
}

.howtoProblemList>li .ttl {
	margin-bottom: 14px;
	line-height: 1;
	display: flex;
	display: -ms-flexbox;
	align-items: flex-end;
	-ms-align-items: flex-end;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
}

.howtoProblemList>li .ttl .num {
	font-weight: 600;
	margin-right: 13px;
	font-style: italic;
	font-size: 60px;
}

.howtoProblemList>li .ttl .text {
	font-weight: 800;
	font-size: 43px;
	font-style: italic;
}

.howtoProblemList>li .description {
	font-weight: 500;
	font-size: 23px;
}

.howtoProblemList>li .description .em1 {
	font-weight: 600;
	background: linear-gradient(transparent 70%, #fefa99 30%);
}

.howtoProblemList>li .scene {
	display: flex;
	display: -ms-flexbox;
	align-items: flex-start;
	-ms-align-items: flex-start;
	line-height: 1;
	color: var(--c1);
	margin-top: 14px;
}

.howtoProblemList>li .scene dt {
	border: 1px solid var(--c1);
	padding: 3px 3px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
	font-weight: 500;
}

.howtoProblemList>li .scene dd {
	flex: 1;
}

.howtoProblemList>li .scene dd .tags {
	display: flex;
	display: -ms-flexbox;
	align-items: flex-start;
	-ms-align-items: flex-start;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.howtoProblemList>li .scene dd .tags li {
	line-height: 1;
	font-weight: 500;
	margin-right: 22px;
	margin-bottom: 8px;
}

.howtoProblemList>li .scene dd .tags li:before {
	font-size: 16px;
	content: "#";
	padding-right: 2px;
}

@media screen and (max-width: 1200px) {
	.howtoProblemList>li {
		margin-bottom: 22px;
		padding: 19px 35px 26px;
	}

	.howtoProblemList>li:nth-of-type(2),
	.howtoProblemList>li:nth-of-type(3),
	.howtoProblemList>li:nth-of-type(4),
	.howtoProblemList>li:nth-of-type(5) {
		left: 0 !important;
	}

	.howtoProblemList>li .ttl {
		margin-bottom: 14px;
	}

	.howtoProblemList>li .ttl .num {
		margin-right: 13px;
		font-size: 60px;
	}

	.howtoProblemList>li .ttl .text {
		font-weight: 800;
		font-size: 43px;
		font-style: italic;
	}

	.howtoProblemList>li .description {
		font-size: 23px;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoProblemList>li {
		margin-bottom: 16px;
		padding: 14px 25px 20px;
	}

	.howtoProblemList>li:nth-of-type(2),
	.howtoProblemList>li:nth-of-type(3),
	.howtoProblemList>li:nth-of-type(4),
	.howtoProblemList>li:nth-of-type(5) {
		left: 0 !important;
	}

	.howtoProblemList>li .ttl {
		margin-bottom: 11px;
	}

	.howtoProblemList>li .ttl .num {
		margin-right: 10px;
		font-size: 51px;
	}

	.howtoProblemList>li .ttl .text {
		font-size: 37px;
	}

	.howtoProblemList>li .description {
		font-size: 19px;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoProblemList>li {
		margin-bottom: 13px;
		padding: 14px 3px 18px 14px;
		left: auto !important;
	}

	.howtoProblemList>li .ttl {
		margin-bottom: 9px;
		align-items: flex-start;
		-ms-align-items: flex-start;
	}

	.howtoProblemList>li .ttl .num {
		margin-right: 7px;
		font-size: 33px;
		position: relative;
		top: -7px;
	}

	.howtoProblemList>li .ttl .text {
		font-size: 24px;
	}

	.howtoProblemList>li .description {
		font-size: 14px;
	}

	.howtoProblemList>li .description .em1 {}

	.howtoProblemList>li .scene {
		display: block;
		margin-top: 9px;
	}

	.howtoProblemList>li .scene dt {
		padding: 2px 3px;
		border-radius: 2px;
		margin-right: 0;
		font-size: 11px;
		display: inline-block;
		margin-bottom: 5px;
	}

	.howtoProblemList>li .scene dd {
		display: block;
		width: 100%;
	}

	.howtoProblemList>li .scene dd .tags {}

	.howtoProblemList>li .scene dd .tags li {
		margin-right: 16px;
		margin-bottom: 5px;
		font-size: 11px;
	}

	.howtoProblemList>li .scene dd .tags li:before {
		font-size: 13px;
		padding-right: 2px;
	}
}

/* // howtoFeatureItems
----------------------------------------------- */
.howtoFeatureItems .item {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 7px 7px 0px var(--c1);
	padding: 40px 60px 32px 45px;
	margin-bottom: 45px;
	display: flex;
	display: -ms-flexbox;
}

.howtoFeatureItems .item:last-of-type {
	margin-bottom: 0;
}

.howtoFeatureItems .item .image {
	width: 350px;
	margin-left: 30px;
}

.howtoFeatureItems .item .contents {
	flex: 1;
}

.howtoFeatureItems .item .problem {
	line-height: 1.3;
	margin-bottom: 12px;
}

.howtoFeatureItems .item .problem .wrap {
	display: inline-block;
	background-color: var(--c1);
	border-radius: 200px;
	padding: 7px 25px;
	position: relative;
}

.howtoFeatureItems .item .problem .text {
	color: #fff;
	font-weight: 600;
	padding-left: 26px;
	font-size: 18px;
}

.howtoFeatureItems .item .problem .label {
	width: 32px;
	height: 32px;
	background-color: #fff;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	color: var(--c1);
	font-size: 13px;
	font-weight: 500;
	border-radius: 100px;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
}

.howtoFeatureItems .item .htx {
	line-height: 1.45;
	font-size: 33px;
	color: var(--c1);
	font-weight: 700;
	margin-bottom: 24px;
}

.howtoFeatureItems .item .htx .em1 {
	color: var(--c2);
	background: linear-gradient(transparent 70%, #fefa99 30%);
}

.howtoFeatureItems .item .points li {
	line-height: 1.5;
	margin-bottom: 14px;
	font-size: 16px;
	color: var(--c1);
	font-weight: 500;
	padding-left: 41px;
	position: relative;
}

.howtoFeatureItems .item .points li:before {
	content: " ";
	display: block;
	width: 28px;
	height: 32px;
	background: url(/_pack/img/parts_checkicon_01.svg) no-repeat left top / contain;
	position: absolute;
	left: 0px;
	top: 0px;
}

.howtoFeatureItems .item .points li:last-of-type {
	margin-bottom: 0;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoFeatureItems .item {
		box-shadow: 6px 6px 0px var(--c1);
		padding: 30px 30px 30px 30px;
		margin-bottom: 45px;
		display: flex;
		display: -ms-flexbox;
	}

	.howtoFeatureItems .item:last-of-type {
		margin-bottom: 0;
	}

	.howtoFeatureItems .item .image {
		width: 44%;
		margin-left: 20px;
	}

	.howtoFeatureItems .item .contents {}

	.howtoFeatureItems .item .problem {
		margin-bottom: 10px;
	}

	.howtoFeatureItems .item .problem .wrap {
		padding: 7px 20px;
	}

	.howtoFeatureItems .item .problem .text {
		padding-left: 25px;
		font-size: 17px;
	}

	.howtoFeatureItems .item .problem .label {}

	.howtoFeatureItems .item .htx {
		line-height: 1.45;
		font-size: 28px;
		color: var(--c1);
		font-weight: 700;
		margin-bottom: 24px;
	}

	.howtoFeatureItems .item .htx .em1 {}

	.howtoFeatureItems .item .points li {
		line-height: 1.5;
		margin-bottom: 11px;
		font-size: 14px;
		padding-left: 32px;
	}

	.howtoFeatureItems .item .points li:before {
		width: 23px;
	}

	.howtoFeatureItems .item .points li:last-of-type {
		margin-bottom: 0;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoFeatureItems .item {
		border-radius: 4px;
		box-shadow: 5px 5px 0px var(--c1);
		padding: 20px 15px 20px 15px;
		margin-bottom: 30px;
		display: block;
	}

	.howtoFeatureItems .item .image {
		width: 100%;
		margin-left: 0;
		padding: 0px 20px;
	}

	.howtoFeatureItems .item .image img {
		max-width: 300px;
	}

	.howtoFeatureItems .item .contents {
		flex: auto;
		margin-bottom: 25px;
	}

	.howtoFeatureItems .item .problem {
		margin-bottom: 10px;
	}

	.howtoFeatureItems .item .problem .wrap {
		padding: 5px 18px 5px 35px;
	}

	.howtoFeatureItems .item .problem .text {
		padding-left: 0;
		font-size: 15px;
	}

	.howtoFeatureItems .item .problem .label {
		width: 25px;
		height: 25px;
		font-size: 11px;
		left: 2px;
	}

	.howtoFeatureItems .item .htx {
		font-size: 23px;
		margin-bottom: 20px;
	}

	.howtoFeatureItems .item .htx br {
		display: none;
	}

	.howtoFeatureItems .item .htx .em1 {}

	.howtoFeatureItems .item .points li {
		margin-bottom: 12px;
		font-size: 12px;
		padding-left: 28px;
	}

	.howtoFeatureItems .item .points li:before {
		width: 22px;
		height: 21px;
		top: 0px;
	}
}

/* // howtoServiceItemsA
----------------------------------------------- */
.howtoServiceItemsA .item {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	margin-bottom: 30px;
}

.howtoServiceItemsA .item:last-of-type {
	margin-bottom: 0;
}

.howtoServiceItemsA .item:nth-of-type(even) {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.howtoServiceItemsA .item .image {
	width: calc(100% * 500 / 1200);
	min-width: 350px;
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	margin-left: 45px;
	overflow: hidden;
	position: relative;
}

.howtoServiceItemsA .item .image._w1 {
	width: calc(100% * 600 / 1200);
	padding: 20px;
}

.howtoServiceItemsA .item .image._w2 {
	width: calc(100% * 650 / 1200);
	padding: 15px;
}

.howtoServiceItemsA .item .image._w3 {
	width: calc(100% * 700 / 1200);
	padding: 15px;
}

.howtoServiceItemsA .item .image.zoom a:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 40px;
	content: "\e904";
	font-family: iconfontA;
	color: #000;
	line-height: 1;
	opacity: 0.5;
	transition: 0.3s;
}

.howtoServiceItemsA .item .image.zoom:hover a:after {
	transform: scale(1.2, 1.2);
	opacity: 0.9;
}

.howtoServiceItemsA .item .image.noPadding {
	padding: 0;
}

.howtoServiceItemsA .item:nth-of-type(even) .image {
	margin-left: 0;
	margin-right: 45px;
}

.howtoServiceItemsA .item .contents {
	flex: 1;
	color: var(--c1);
}

.howtoServiceItemsA .item .contents>.tag {
	line-height: 1;
	margin-bottom: 12px;
}

.howtoServiceItemsA .item .contents>.tag .wrap {
	display: inline-block;
	border: 1px solid var(--c1);
	padding: 5px 7px;
	font-weight: 500;
	font-size: 15px;
	border-radius: 2px;
}

.howtoServiceItemsA .item .contents>.htx {
	line-height: 1.5;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
}

.howtoServiceItemsA .item .contents>.description {
	line-height: 2;
	font-size: 15px;
}

@media screen and (min-width: 1200px) {

	.xscrollA.pc.start.fade .fade1,
	.xscrollA.pc.start.fade .fade2,
	.xscrollA.pc .xscrollInfo {
		display: none;
	}
}

@media screen and (max-width: 1100px) {
	.howtoServiceItemsA .item .image {
		width: calc(40%) !important;
		margin-left: 25px;
	}

	.howtoServiceItemsA .item:nth-of-type(even) .image {
		margin-right: 25px;
	}
}

@media screen and (max-width: 1000px) {
	.howtoServiceItemsA .item .image {
		margin-left: 15px;
	}

	.howtoServiceItemsA .item:nth-of-type(even) .image {
		margin-right: 15px;
	}
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoServiceItemsA .item {
		margin-bottom: 25px;
	}

	.howtoServiceItemsA .item .image {
		min-width: 190px;
		padding: 15px;
		margin-left: 25px;
		width: 45% !important;
	}

	.howtoServiceItemsA .item .image._w1 {
		width: calc(100% * 600 / 1200);
		padding: 20px;
	}

	.howtoServiceItemsA .item .image._w2 {
		width: calc(100% * 650 / 1200);
		padding: 15px;
	}

	.howtoServiceItemsA .item .image._w3 {
		width: calc(100% * 700 / 1200);
		padding: 15px;
	}


	.howtoServiceItemsA .item:nth-of-type(even) .image {
		margin-left: 0;
		margin-right: 45px;
	}

	.howtoServiceItemsA .item .contents {}

	.howtoServiceItemsA .item .contents>.tag {
		margin-bottom: 9px;
	}

	.howtoServiceItemsA .item .contents>.tag .wrap {
		padding: 5px 4px;
		font-size: 14px;
	}

	.howtoServiceItemsA .item .contents>.htx {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.howtoServiceItemsA .item .contents>.description {
		line-height: 1.85;
		font-size: 14px;
	}

}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoServiceItemsA .item {
		display: block;
		margin-bottom: 50px;
	}

	.howtoServiceItemsA .item:last-of-type {
		margin-bottom: 0;
	}

	.howtoServiceItemsA .item:nth-of-type(even) {
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}

	.howtoServiceItemsA .item .image {
		width: 100% !important;
		padding: 20px;
		margin-left: 0;
		margin-top: 18px;
		min-width: 0px;
	}

	.howtoServiceItemsA .item .image._w1 {
		padding: 20px;
	}

	.howtoServiceItemsA .item .image._w2 {
		padding: 20px;
	}

	.howtoServiceItemsA .item .image._w3 {
		padding: 20px;
	}

	.howtoServiceItemsA .item:nth-of-type(even) .image {
		margin-left: 0;
		margin-right: 45px;
	}

	.howtoServiceItemsA .item .contents {}

	.howtoServiceItemsA .item .contents>.tag {
		margin-bottom: 9px;
	}

	.howtoServiceItemsA .item .contents>.tag .wrap {
		padding: 4px 7px;
		font-size: 12px;
	}

	.howtoServiceItemsA .item .contents>.htx {
		line-height: 1.5;
		font-size: 21px;
		margin-bottom: 11px;
	}

	.howtoServiceItemsA .item .contents>.description {
		line-height: 1.8;
		font-size: 13px;
	}
}

/* // howtoServiceItemsB
----------------------------------------------- */
.howtoServiceItemsB .item {
	margin-bottom: 35px;
	color: var(--c1);
}

.howtoServiceItemsB .item:last-of-type {
	margin-bottom: 0;
}

.howtoServiceItemsB .item>.tag {
	line-height: 1;
	margin-bottom: 9px;
}

.howtoServiceItemsB .item>.tag .wrap {
	display: inline-block;
	border: 1px solid var(--c1);
	padding: 5px 7px;
	font-weight: 500;
	font-size: 15px;
	border-radius: 2px;
}

.howtoServiceItemsB .item>.htx {
	line-height: 1.5;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
}

.howtoServiceItemsB .solutionItems li {
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 9px;
	position: relative;
}

.howtoServiceItemsB .solutionItems li:last-of-type {
	margin-bottom: 0px;
}

.howtoServiceItemsB .solutionItems li:before {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 13px;
	content: "\ec0a";
	font-family: iconfontA;
	color: var(--c1);
	transform: translate(-50%, -50%);
	line-height: 1;
}

.howtoServiceItemsB .solutionItems li>p {
	background-color: #eee;
	width: 49%;
	border-radius: 3px;
	padding: 8px 8px 8px 31px;
	line-height: 1.5;
	font-size: 13px;
	position: relative;
}

.howtoServiceItemsB .solutionItems li>p:before {
	position: absolute;
	left: 9px;
	top: 9px;
	font-size: 14px;
	font-family: iconfontA;
	color: var(--c1);
}

.howtoServiceItemsB .solutionItems li>.problem {
	margin-right: 2.5%;
}

.howtoServiceItemsB .solutionItems li>.problem:before {
	content: "\ea7a";
}

.howtoServiceItemsB .solutionItems li>.solution:before {
	content: "\ea63";
}

.howtoServiceItemsB .solutionItems li>.solution {
	font-weight: 500;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoServiceItemsB .item {
		margin-bottom: 30px;
	}

	.howtoServiceItemsB .item>.tag {
		margin-bottom: 5px;
	}

	.howtoServiceItemsB .item>.tag .wrap {
		padding: 4px 5px;
		font-size: 13px;
	}

	.howtoServiceItemsB .item>.htx {
		font-size: 19px;
		margin-bottom: 10px;
		line-height: 1.4;
	}

	.howtoServiceItemsB .solutionItems li {
		display: block;
		margin-bottom: 12px;
	}

	.howtoServiceItemsB .solutionItems li:before {
		display: none;
	}

	.howtoServiceItemsB .solutionItems li>p {
		width: calc(100% - 30px);
		padding: 6px 6px 6px 25px;
		font-size: 11px;
		line-height: 1.4;
		background-image: linear-gradient(to right, #e2e2e2 0%, #ebebeb 100%);
	}

	.howtoServiceItemsB .solutionItems li>p:before {
		left: 6px;
		top: 50%;
		font-size: 14px;
		transform: translateY(-50%);
	}

	.howtoServiceItemsB .solutionItems li>.problem {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.howtoServiceItemsB .solutionItems li>.solution {
		margin: 0 0 0 auto;
	}

	.howtoServiceItemsB .solutionItems li>.solution:after {
		position: absolute;
		left: -20px;
		top: 50%;
		font-size: 13px;
		font-family: iconfontA;
		color: var(--c1);
		content: "\ec0a";
		transform: translateY(-50%);
	}
}

/* // howtoVoiceList
----------------------------------------------- */
.howtoVoiceList {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width: calc(100% + 30px);
}

.howtoVoiceList li {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoVoiceList {
		display: block;
		width: calc(100%);
	}

	.howtoVoiceList li {
		width: calc(100%);
		margin-right: 0;
		margin-bottom: 15px;
	}
}

/* // slideDefinitionListA
----------------------------------------------- */
.slideDefinitionListA .item {
	border: 0;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
}

.slideDefinitionListA.faq .item .definition::after {
	font-family: "Oswald";
	font-weight: 400;
	color: #3c76c5;
}

.slideDefinitionListA.faq .item .answer::after {
	font-family: "Oswald";
	font-weight: 400;
	color: #d63976;
	top: 0px;
}

/* _open  */
.slideDefinitionListA._open .item .definition .btn {
	display: none;
}

.slideDefinitionListA._open .item .answer {
	display: block !important;
	margin-top: 0px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.slideDefinitionListA .item .answer {
		font-size: 90%;
		line-height: 1.7;
	}
}

/* // ctaBoxA
----------------------------------------------- */
.ctaBoxA {
	background-color: #fff;
	border-radius: 8px;
	border: 5px solid var(--c1);
	box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.1);
	padding: 20px 30px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.ctaBoxA .image {
	width: 280px;
	margin-right: 60px;
}

.ctaBoxA .contents {}

.ctaBoxA .contents .text1 {
	line-height: 1.5;
	font-size: 25px;
	font-weight: 640;
	margin-bottom: 4px;
	text-align: center;
}

.ctaBoxA .contents .title {
	line-height: 1.5;
	font-size: 31px;
	font-weight: 730;
	margin-bottom: 18px;
	text-align: center;
}

.ctaBoxA .contents .title .em1 {
	background: linear-gradient(transparent 70%, #fefa99 30%);
}

.ctaBoxA .contents .btn {
	display: block;
	width: 640px;
	margin: 0 auto 0;
	font-size: 119%;
	font-weight: 500;
	padding: 2px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.ctaBoxA .image {
		display: none;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.ctaBoxA {
		border-radius: 6px;
		border-width: 4px;
		box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
		padding: 14px 14px 82px;
		display: block;
		position: relative;
	}

	.ctaBoxA .image {
		width: 210px;
		margin: 0px auto;
	}

	.ctaBoxA .contents {}

	.ctaBoxA .contents .text1 {
		line-height: 1.3;
		font-size: 17px;
		margin-bottom: 9px;
	}

	.ctaBoxA .contents .title {
		line-height: 1.3;
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
	}

	.ctaBoxA .contents .btn {
		position: absolute;
		bottom: 16px;
		display: block;
		width: calc(100% - 30px);
		font-size: 105%;
		padding: 2px;
		/*left: 50%;*/
		/*transform: translateX(-50%);*/
		max-width: 100%;
	}
}

/* // howtoIndexBlockWrapA
----------------------------------------------- */
.howtoIndexBlockWrapA .block {
	margin-bottom: 70px;
}

.howtoIndexBlockWrapA .block:last-of-type {
	margin-bottom: 0px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoIndexBlockWrapA .block {
		margin-bottom: 50px;
	}
}

/* // howtoIndexA
----------------------------------------------- */
.howtoIndexA .item {
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);
	border-radius: 4px;
	padding: 15px;
}

.howtoIndexA .item .name {
	flex: 1;
	line-height: 1.3;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	background-color: var(--c1);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	height: 70px;
	margin-bottom: 6px;
	text-align: center;
}

.howtoIndexA .item:hover .name {
	opacity: 0.8;
}

.howtoIndexA .item .image {
	width: 100%;
	height: 170px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.howtoIndexA .item .image img {
	height: auto;
	width: 100%;
	max-width: 1000px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.howtoIndexA .item:hover .image img {
	transform: translate(-50%, -50%) scale(1.1, 1.1);
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoIndexA .item {
		padding: 13px;
	}

	.howtoIndexA .item .name {
		font-size: 18px;
		height: 60px;
		margin-bottom: 5px;
	}

	.howtoIndexA .item .image {
		height: 160px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoIndexA .item {
		background-color: #fff;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
		border-radius: 3px;
		padding: 2px;
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-ms-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}

	.howtoIndexA .item .image {
		width: 50px;
		height: 50px;
		margin-right: 12px;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
	}

	.howtoIndexA .item .image img {
		height: 100%;
		width: auto;
		max-width: 1000px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.howtoIndexA .item .name {
		flex: 1;
		color: var(--c1);
		line-height: 1.2;
		font-size: 15px;
		font-weight: 700;
		background-color: inherit;
		height: auto;
		text-align: left;
		margin-bottom: 0px;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
	}

	.howtoIndexA .item .name br {
		display: none !important;
	}
}

/* // howtoIndexB
----------------------------------------------- */
.howtoIndexB .item {
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);
	border-radius: 4px;
	padding: 3px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.howtoIndexB .item:hover {
	background-color: #f4f6fc;
}

.howtoIndexB .item .image {
	width: 90px;
	height: 90px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	margin-right: 17px;
}

.howtoIndexB .item .image img {
	height: 100%;
	width: auto;
	max-width: 1000px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.howtoIndexB .item .name {
	flex: 1;
	line-height: 1.3;
	font-size: 19px;
	font-weight: 700;
	color: var(--c1);
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.howtoIndexB:not(.itemList) .item {
		width: calc(100% / 3 - 12px - 0.1px) !important;
	}

	.howtoIndexB .item {
		margin-right: 12px !important;
		margin-bottom: 12px !important;
		padding: 3px;
	}

	.howtoIndexB .item .image {
		width: 70px;
		height: 70px;
		margin-right: 11px;
	}

	.howtoIndexB .item .image img {}

	.howtoIndexB .item .name {
		font-size: 17px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.howtoIndexB .item {
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
		border-radius: 3px;
		padding: 2px;
	}

	.howtoIndexB .item .image {
		width: 40px;
		height: 40px;
		margin-right: 5px;
		border-radius: 3px;
	}

	.howtoIndexB .item .name {
		line-height: 1.2;
		font-size: 12px;
		font-weight: 700;
	}
}

/* // howto_sideForm
----------------------------------------------- */
.mainSingleMargin {
	margin: 0 30px;
}

.formTitle {
	margin: 0 15px;
}

.formTitle img {
	border: 1px solid #000;
}

.toFormbtn {
	line-height: 1.2rem;
	background-color: var(--c1);
	position: fixed;
	bottom: 75px;
	right: 10px;
	padding: 20px;
	color: #fff !important;
	border-radius: 4px;
	transition: .2s;
	opacity: 0;
	z-index: -1;
}

@media screen and (min-width: 1401px) {
	.toFormbtn {
		display: none;
	}
}

/* // serviceLbcWrap
----------------------------------------------- */
.serviceLbcWrap {
	--padding: 0;
	width: min(100%, 960px);
	background-color: #fff;
	padding: var(--padding);
}

.serviceLbcWrap .ttl {
	color: var(--c1);
	font-weight: 900;
	font-size: 28px;
	line-height: 1.4;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--c1);
	margin-bottom: 18px;
}

.serviceLbcWrap>.head {
	color: var(--c2);
	font-weight: bold;
	line-height: 1.5;
	font-size: 22px;
}

/* =====PC===== */
@media screen and (min-width: 801px) {
	.serviceLbcWrap .head .txspace {
		display: inline-block;
		margin-top: 10px;
	}
}

.serviceLbcWrap>.head .ffEn {
	font-family: Oswald;
}

.serviceLbcWrap>.head .txYellow {
	/* display: inline-block; */
	background-image: linear-gradient(transparent 55%, #fffa75 45%);
}

.serviceLbcWrap>.head .txL {
	font-size: 26px;
}

.serviceLbcWrap>.head .txS {
	font-size: 14px;
}

.serviceLbcWrap>.head .txM {
	font-size: 24px;
}

.serviceLbcWrap>.head .txXL {
	line-height: 1;
	font-size: 42px;
}

.serviceLbcWrap .inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "itemImg itemTxt";
	gap: 40px;
	margin-top: 40px;
}

.serviceLbcWrap .imgBlock {
	grid-area: itemImg;
}

.serviceLbcWrap .txtBlock {
	grid-area: itemTxt;
}

.serviceLbcWrap .imgBlock>img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.serviceLbcWrap .txtBlock {
	text-align: left;
}

.serviceLbcWrap .txtBlock>.head {
	display: inline-block;
	background-color: var(--c1);
	border-radius: 3px;
	color: #fff;
	font-weight: 900;
	line-height: 1;
	font-size: 20px;
	padding: 10px 16px;
}

.serviceLbcWrap .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 20px;
}

.serviceLbcWrap .item {
	background-color: #e3e9fb;
	color: var(--c1);
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	font-size: 15px;
	padding: 8px;
}

.serviceLbcWrap .item .txL {
	font-weight: 900;
	font-size: 18px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.serviceLbcWrap {
		--padding: 20px 0;
	}

	.serviceLbcWrap .ttl {
		font-size: 22px;
		line-height: 1.4;
		padding-bottom: 10px;
	}

	.serviceLbcWrap>.head {
		line-height: 1.5;
		font-size: 16px;
		margin-top: 10px;
	}

	.serviceLbcWrap>.head .txL {
		font-size: 20px;
	}

	.serviceLbcWrap>.head .txS {
		font-size: 13px;
	}

	.serviceLbcWrap>.head .txM {
		font-size: 18px;
	}

	.serviceLbcWrap>.head .txXL {
		font-size: 26px;
	}

	.serviceLbcWrap .inner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"itemTxt"
			"itemImg";
		gap: 24px;
		margin-top: 24px;
	}

	.serviceLbcWrap .txtBlock>.head {
		line-height: 1;
		font-size: 16px;
		padding: 7px 12px;
	}

	.serviceLbcWrap .list {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		margin-top: 12px;
	}

	.serviceLbcWrap .item {
		line-height: 1.4;
		font-size: 12px;
		padding: 7px;
	}

	.serviceLbcWrap .item .txL {
		font-size: 15px;
	}
}

/*===========================================================
導入事例(case)
===========================================================*/
/* // caseArcLogoSwiper
----------------------------------------------- */
.caseArcLogoSwiperWrap {
	margin-top: 60px;
}

.caseArcLogoSwiperWrap .swiper-wrapper {
	transition-timing-function: linear;
}

.caseArcLogoSwiperWrap .swiper-slide {
	height: 70px;
	width: fit-content;
}

.caseArcLogoSwiperWrap .swiper-slide img {
	object-fit: contain;
	width: auto;
	height: 100%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseArcLogoSwiperWrap {
		margin-top: 24px;
	}

	.caseArcLogoSwiperWrap .swiper-slide {
		height: 44px;
	}
}

/* // caseArcSearch
----------------------------------------------- */
#caseSearch {
	scroll-margin-top: 80px;
}

.caseArcSearch {
	background-color: #fff;
	border-radius: 7px;
	border: 5px solid #e8e8e8;
	padding: 26px 30px;
}

.caseArcSearch .catList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 12px;
	row-gap: 12px;
}

.caseArcSearch .catItem>.link {
	display: block;
	position: relative;
	white-space: nowrap;
	border-radius: 2px;
	border: 1px solid #b2becf;
	background-color: #fafcfe;
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	padding: 11px 14px 12px;
}

.caseArcSearch .catItem>.link.isActive {
	font-weight: bold;
	background-color: var(--c1);
	color: #fff;
	border-color: var(--c1);
}

.caseArcSearch .searchWrap {
	margin-top: 0px;
	display: grid;
	grid-template-columns: 1fr 140px;
}

.caseArcSearch .search input[type="search"] {
	border: 1px solid #b2becf;
	background-color: #fafcfe;
	border-radius: 2px 0 0 2px;
	white-space: nowrap;
	width: 100%;
	border-radius: 2px 0 0 2px;
	line-height: 1;
	font-size: 15px;
	padding: 15px 18px 15px;
}

.caseArcSearch .search input[type="search"]::placeholder {
	color: #b4b5b7;
}

.caseArcSearch .submit {
	position: relative;
	border-radius: 0 2px 2px 0;
	background-image: linear-gradient(to right, #14223b 0%, #22489d 100%);
	border-radius: 3px;
}

.caseArcSearch .submit button[type="submit"] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	gap: 20px;
	width: 100%;
	height: 100%;
	font-size: 18px;
	padding-left: 12px;
}

.caseArcSearch .submit button[type="submit"]::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0.2;
	background-color: #fff;
	height: 100%;
	width: 0;
	transition: width 0.25s;
}

.caseArcSearch .submit:hover button[type="submit"]::before {
	width: 100%;
}

.caseArcSearch .submit button[type="submit"] i.icon {
	top: 0;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	#caseSearch {
		scroll-margin-top: 60px;
	}

	.caseArcSearch {
		border-radius: 7px;
		border: 5px solid #e8e8e8;
		padding: 16px;
	}

	.caseArcSearch .catList {
		justify-content: start;
		column-gap: 5px;
		row-gap: 5px;
	}

	.caseArcSearch input[type="radio"]+.txt {
		border-radius: 2px;
		font-size: 12px;
		line-height: 1;
		padding: 9px 6px 10px;
	}

	.caseArcSearch .searchWrap {
		margin-top: 0px;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.caseArcSearch .search input[type="search"] {
		border-radius: 2px 0 0 2px;
		font-size: 14px;
		padding: 9px 12px 10px;
	}

	.caseArcSearch .submit button[type="submit"] {
		position: relative;
		gap: 20px;
		font-size: 16px;
		padding-top: 14px;
		padding-bottom: 12px;
		padding-left: 0px;
		border-radius: 3px;
	}

	.caseArcSearch .submit button[type="submit"] i.icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(140%, -45%);
	}
}

/* // caseArcList
----------------------------------------------- */
.caseArcList {
	--radius: 4px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	column-gap: 48px;
	row-gap: 60px;
}

.caseItem {
	background-color: #fff;
	border-radius: var(--radius);
	box-shadow: var(--shadow2);
}

.caseItem .link {
	display: block;
}

.caseItem .article {
	position: relative;
}

.caseItem .logo {
	z-index: 1;
	position: absolute;
	top: 14px;
	right: 14px;
	display: flex;
	background-color: #fff;
	border-radius: 3px;
	width: 100px;
	height: auto;
	padding: 6px 6px;
}

.caseItem .logo>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.caseItem .imgBlock {
	aspect-ratio: 33/20;
}

.caseItem .imgBlock>img {
	border-radius: var(--radius) var(--radius) 0 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.caseItem .txtBlock {
	padding: 20px 20px 16px;
}

.caseItem .subTtl {
	display: inline-block;
	color: #fff;
	background-color: var(--c1);
	border-radius: 2px;
	font-weight: 500;
	line-height: 1.5;
	font-size: 14px;
	padding: 3px 10px 4px;
}

.caseItem .ttl {
	font-weight: bold;
	line-height: 1.6;
	font-size: 16px;
	margin-top: 12px;
}

.caseItem .solutionList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1.5em;
	row-gap: 6px;
	font-size: 12px;
	margin-top: 12px;
}

.caseItem .solutionItem {
	color: #345990;
	font-weight: 500;
	line-height: 1.2;
}

.caseItem .solutionItem::before {
	display: inline-block;
	content: "#";
	margin-right: 0.3em;
}

.caseItem .companyWrap {
	border-top: 1px dotted #cccccc;
	padding-top: 11px;
	margin-top: 16px;
}

.caseItem .companyName {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 2px;
}

.caseItem .companyType {
	font-size: 12px;
	line-height: 1.5;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseArcList {
		--radius: 4px;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		row-gap: 32px;
	}

	.caseItem .logo {
		top: 14px;
		right: 14px;
		border-radius: 3px;
		width: 100px;
		height: auto;
		padding: 6px 6px;
	}

	.caseItem .txtBlock {
		padding: 16px 16px;
	}

	.caseItem .subTtl {
		border-radius: 2px;
		font-size: 14px;
		padding: 3px 10px 4px;
	}

	.caseItem .ttl {
		font-size: 16px;
		margin-top: 12px;
	}

	.caseItem .solutionList {
		row-gap: 6px;
		font-size: 13px;
		margin-top: 12px;
	}

	.caseItem .companyWrap {
		padding-top: 10px;
		margin-top: 14px;
	}

	.caseItem .companyName {
		font-size: 14px;
		line-height: 1.4;
	}

	.caseItem .companyType {
		font-size: 12px;
	}
}

/* // .caseSingleClient
----------------------------------------------- */
.caseSingleClient {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 32px;
}

.caseSingleClient.col1 {
	grid-template-columns: 1fr;
}

.caseSingleClient .thumbnail {
	background: #fff;
}

.caseSingleClient .thumbnail>img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.caseSingleClient .body {
	padding: 30px 40px;
	background-color: #f5f5f5;
}

.caseSingleClient .logo {
	height: 80px;
	display: flex;
	justify-content: start;
}

.caseSingleClient .logo>img {
	object-fit: contain;
	height: 100%;
	width: auto;
}

.caseSingleClient .name {
	font-weight: bold;
	line-height: 1.4;
	font-size: 22px;
	margin-top: 20px;
}

.caseSingleClient .name .cmt {
	display: block;
	font-weight: 500;
	line-height: 1.4;
	font-size: 15px;
	margin-bottom: 3px;
}

.caseSingleClient .type {
	font-size: 13px;
	margin-top: 8px;
}

.caseSingleClient.block2 .head {
	font-family: "Oswald";
	color: #c1c1c1;
	line-height: 1;
	font-weight: 500;
	font-size: 22px;
	margin-top: 19px;
	margin-bottom: 12px;
}

.caseSingleClient .list {
	display: grid;
	gap: 9px;
	margin-top: 14px;
}

.caseSingleClient .listTx {
	line-height: 1.4;
	font-size: 12px;
	margin-bottom: 12px;
}

.caseSingleClient .item {
	position: relative;
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	gap: 8px;
	line-height: 1.4;
}

.caseSingleClient .item::before {
	content: "";
	background: url("/_pack/img/case_single_icon_02.svg") no-repeat center top/cover;
	opacity: 0.5;
	aspect-ratio: 1;
	width: 18px;
}

/* =====SP===== */
@media screen and (max-width: 800px) {
	.caseSingleClient {
		grid-template-columns: 1fr;
		margin-top: 20px;
	}

	.caseSingleClient .thumbnail {
		aspect-ratio: 16/9;
	}

	.caseSingleClient .body {
		padding: 20px 20px;
		background-color: #fff;
	}

	.caseSingleClient .logo {
		height: 40px;
		justify-content: start;
	}

	.caseSingleClient .name {
		line-height: 1.4;
		font-size: 17px;
		margin-top: 15px;
	}

	.caseSingleClient .name .cmt {
		font-size: 12px;
		margin-bottom: 4px;
	}

	.caseSingleClient .type {
		font-size: 12px;
		margin-top: 4px;
	}

	.caseSingleClient.block2 .head {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 8px;
	}

	.caseSingleClient .list {
		gap: 4px;
		margin-top: 10px;
	}

	.caseSingleClient .listTx {
		margin-bottom: 7px;
		font-size: 11px;
	}

	.caseSingleClient .item {
		grid-template-columns: 20px 1fr;
		align-items: center;
		gap: 8px;
	}

	.caseSingleClient .item::before {
		width: 18px;
	}
}

/* // caseSingleSolution
----------------------------------------------- */
.caseSingleSolution {
	display: grid;
	gap: 20px;
	background-color: var(--c1);
	border-radius: 3px;
	padding: 40px;
	margin-top: 40px;
}

.caseSingleSolution .item {
	display: grid;
	grid-template-columns: 173px auto;
	gap: 40px;
	align-items: center;
	background-color: #fff;
	color: var(--c1);
	border-radius: 3px;
	padding: 32px 34px;
}

.caseSingleSolution .ttl {
	font-weight: 900;
	line-height: 1.4;
	font-size: 28px;
}

.caseSingleSolution .descList {
	display: grid;
	gap: 14px;
}

.caseSingleSolution .descItem {
	display: grid;
	grid-template-columns: 30px 1fr;
	align-items: start;
	gap: 11px;
	font-weight: bold;
	line-height: 1.4;
	font-size: 19px;
}

.caseSingleSolution .descItem::before {
	font-family: "iconfontA";
	content: "\ea4c";
	line-height: 1;
	font-size: 27px;
	aspect-ratio: 1;
	position: relative;
	top: 1px;
}

/* =====SP===== */
@media screen and (max-width: 800px) {
	.caseSingleSolution {
		gap: 10px;
		border-radius: 3px;
		padding: 15px 10px;
	}

	.caseSingleSolution .item {
		grid-template-columns: 1fr;
		gap: 10px;
		border-radius: 3px;
		padding: 12px;
	}

	.caseSingleSolution .ttl {
		line-height: 1.4;
		font-size: 18px;
	}

	.caseSingleSolution .descList {
		gap: 8px;
	}

	.caseSingleSolution .descItem {
		grid-template-columns: 22px 1fr;
		gap: 10px;
		line-height: 1.5;
		font-size: 15px;
	}

	.caseSingleSolution .descItem::before {
		font-size: 22px;
		transform: translateY(2px);
	}
}

/* // caseSingleASec1
----------------------------------------------- */
.caseSingleASec1 .block1 {
	text-align: left;
}

.caseSingleASec1 .caseSingleHead,
.caseSingleBSec1 .caseSingleHead {
	text-align: left;
	display: inline-block;
	background-color: var(--c1);
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	font-size: 20px;
	padding: 7px 18px 7px;
	border-radius: 3px;
	margin-bottom: 30px;
}

.caseSingleASec1 .solutionList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1.5em;
	row-gap: 6px;
	font-size: 14px;
	margin-top: 18px;
}

.caseSingleASec1 .solutionItem {
	color: #345990;
	font-weight: 500;
	line-height: 1.2;
}

.caseSingleASec1 .solutionItem::before {
	display: inline-block;
	content: "#";
	margin-right: 0.3em;
}

/* ________SP________ */
@media screen and (max-width: 800px) {

	.caseSingleASec1 .caseSingleHead,
	.caseSingleBSec1 .caseSingleHead {
		line-height: 1.4;
		font-size: 15px;
		padding: 7px 10px 7px;
		margin-bottom: 16px;
	}

	.caseSingleASec1 .solutionList {
		column-gap: 1.2em;
		row-gap: 7px;
		font-size: 12px;
		margin-top: 21px;
	}

	.caseSingleASec1 .solutionItem {
		line-height: 1.2;
	}

	.caseSingleASec1 .solutionItem::before {
		margin-right: 0.3em;
	}
}

/* // caseSingleASec2
----------------------------------------------- */
.caseSingleASec1 .head {
	font-size: 15px;
	margin-top: 40px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseSingleASec1 .head {
		font-size: 14px;
		margin-top: 24px;
	}
}

/* // caseSingleBSec1
----------------------------------------------- */
.caseSingleBSec1 .block2 {
	background-color: #fff;
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 36px;
	padding: 28px 28px;
}

.caseSingleBSec1 .block2.col1 {
	grid-template-columns: 1fr;
}

.caseSingleBSec1 .block2 .clientLogo {
	align-self: center;
	justify-self: center;
	width: 100%;
}

.caseSingleBSec1 .block2 .clientLogo>img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-height: 100px;
}

.caseSingleBSec1 .block2 .companyname {
	font-weight: 500;
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 10px;
}

.caseSingleBSec1 .block2 .txt {
	font-weight: 500;
	line-height: 2;
	font-size: 13px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseSingleBSec1 .block2 {
		grid-template-columns: 1fr;
		gap: 17px;
		padding: 26px 20px 20px 20px;
	}

	.caseSingleBSec1 .block2 .clientLogo>img {
		max-height: 80px;
	}

	.caseSingleBSec1 .block2 .companyname {
		font-size: 14px;
		margin-bottom: 6px;
	}

	.caseSingleBSec1 .block2 .txt {
		line-height: 1.9;
		font-size: 12px;
	}
}

/* // caseSingleOther (その他の導入事例)
----------------------------------------------- */
.caseOtherTtl {
	text-align: center;
	font-weight: 900;
	line-height: 1;
	font-size: 30px;
}

.caseOther {
	margin-top: 50px;
	overflow-x: hidden;
}

.caseOther .swiper-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}

.caseOther:not(.swiper-container-initialized) .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	justify-content: center;
}

.caseOther .swiper-slide {
	height: auto;
}

.caseOther.swiper-container-initialized .swiper-slide {
	width: 400px;
}

.caseOther .swiper-pagination {
	position: relative;
	transform: none;
	width: 100%;
	display: flex;
	gap: 4px;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.caseOtherTtl {
		line-height: 1;
		font-size: 20px;
	}

	.caseOther {
		margin-top: 24px;
	}

	.caseOther .swiper-wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.caseOther:not(.swiper-container-initialized) .swiper-wrapper {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.caseOther.swiper-container-initialized .swiper-slide {
		width: 300px;
	}

	.caseOther .swiper-pagination {
		gap: 4px;
		margin-top: 30px;
	}
}

/*===========================================================
seminar（セミナー・展示会）
===========================================================*/
/* // seminarArcTab
----------------------------------------------- */
.seminarArcTab {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.seminarArcTab .tab {
	position: relative;
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1);
	text-align: center;
	font-weight: bold;
	line-height: 1;
	font-size: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
}

.seminarArcTab .tab:first-of-type {
	border-right: none;
}

.seminarArcTab .tab:hover {
	background-color: #dbdfe6;
	color: var(--c1);
}

.seminarArcTab .tab.isActive {
	cursor: default;
	background-color: var(--c1);
	color: #fff;
}

.seminarArcTab .tab::before {
	content: "";
	opacity: 0;
	transition: opacity 0.2s;
}

.seminarArcTab .tab.isActive::before {
	opacity: 1;
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%) rotate(45deg);
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 16px;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarArcTab {
		grid-template-columns: repeat(2, 1fr);
	}

	.seminarArcTab .tab {
		line-height: 1.5;
		font-size: 15px;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}

	.seminarArcTab .tab.isActive::before {
		width: 16px;
	}
}

/* // seminarArcList
----------------------------------------------- */
.seminarArcList {
	visibility: hidden;
	display: none;
	opacity: 0;
}

.seminarArcList.isShow {
	visibility: visible;
	opacity: 1;
	display: grid;
	gap: 28px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarArcList.isShow {
		gap: 20px;
	}
}

/* // seminarItem
----------------------------------------------- */
.seminarItem {
	--radius: 5px;
	position: relative;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border-left: 5px solid var(--c1);
	border-radius: var(--radius);
}

.seminarItem::before {
	z-index: 1;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	background-color: #f20000;
	aspect-ratio: 1;
	width: 60px;
	border-radius: 0 var(--radius);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.seminarItem::after {
	z-index: 2;
	position: absolute;
	content: "受付中";
	top: 10px;
	right: 10px;
	color: #fff;
	display: grid;
	place-content: center;
	line-height: 1;
	font-weight: bold;
	font-size: 14px;
	transform-origin: center;
	transform: translate(25%, 50%) rotate(45deg);
}

.seminarItem.isClose::before {
	background-color: #4c4c4c;
}

.seminarItem.isClose::after {
	content: "受付終了";
	font-size: 12px;
}

.seminarItem .link {
	display: block;
}

.seminarItem .article {
	display: grid;
	align-items: center;
	grid-template-columns: 280px 1fr;
	gap: 30px;
	padding: 20px 40px 20px 24px;
}

.seminarItem .thumbnail {
	aspect-ratio: 1.5;
	border-radius: var(--radius);
	text-align: center;
}

.seminarItem .thumbnail>img {
	object-fit: contain;
	width: auto;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
}

.seminarItem .top {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	white-space: nowrap;
	gap: 20px;
}

.seminarItem .cat {
	color: #fff;
	background-color: var(--c1);
	font-weight: bold;
	line-height: 1.4;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 2px;
}

.seminarItem .time {
	line-height: 1;
	color: var(--c1);
	font-weight: 900;
	font-size: 16px;
}

.seminarItem .time>.txs {
	font-size: 13px;
}

.seminarItem .time>.txl {
	font-size: 21px;
}

.seminarItem .time::before {
	position: relative;
	display: inline-block;
	font-family: "iconFontA";
	content: "\e93b";
	color: var(--c1);
	font-size: 26px;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

.seminarItem .ttl {
	color: #000;
	font-weight: 900;
	line-height: 1.5;
	font-size: 21px;
	margin-top: 18px;
}

.seminarItem .ttl>.info {
	/* white-space: nowrap; */
	font-weight: normal;
	font-size: 13px;
	display: inline-block;
}

.seminarItem .tagList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 7px;
	row-gap: 8px;
	margin-top: 17px;
}

.seminarItem .tagItem {
	background-color: #fff;
	color: var(--c1);
	border: 1px solid var(--c1);
	font-weight: 500;
	border-radius: 100px;
	line-height: 1;
	padding: 4px 10px;
	font-size: 12px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarItem {
		--radius: 5px;
		box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
		border-width: 3px;
	}

	.seminarItem::before {
		width: 60px;
	}

	.seminarItem::after {
		top: 10px;
		right: 10px;
		font-size: 14px;
		transform: translate(25%, 50%) rotate(45deg);
	}

	.seminarItem.isClose::after {
		font-size: 12px;
	}

	.seminarItem .article {
		grid-template-columns: 1fr;
		gap: 17px;
		padding: 20px;
	}

	.seminarItem .thumbnail {
		aspect-ratio: 5/4;
	}

	.seminarItem .top {
		gap: 11px;
	}

	.seminarItem .cat {
		line-height: 1.4;
		font-size: 13px;
		padding: 5px 8px;
	}

	.seminarItem .time {
		font-size: 15px;
	}

	.seminarItem .time>.txs {
		font-size: 13px;
	}

	.seminarItem .time>.txl {
		font-size: 18px;
	}

	.seminarItem .time::before {
		font-size: 20px;
		margin-right: 9px;
	}

	.seminarItem .ttl {
		line-height: 1.5;
		font-size: 18px;
		margin-top: 9px;
	}

	.seminarItem .ttl>.info {
		font-size: 12px;
	}

	.seminarItem .tagList {
		column-gap: 5px;
		row-gap: 6px;
		margin-top: 15px;
	}

	.seminarItem .tagItem {
		line-height: 1;
		padding: 5px 9px;
		font-size: 11px;
	}
}

/* // seminarSingleInner
----------------------------------------------- */
.seminarSingleInner {
	display: grid;
	grid-template-columns: 1fr;
}

.seminarSingleInner.col2 {
	grid-template-columns: 1fr 400px;
	gap: 60px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.seminarSingleInner {}

	.seminarSingleInner.col2 {
		grid-template-columns: 1fr 37vw;
		gap: 10px;
	}

}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarSingleInner.col2 {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* // seminarSingleContent
----------------------------------------------- */
.seminarSingleContent .top {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	white-space: nowrap;
	gap: 20px;
}

.seminarSingleContent .cat {
	color: #fff;
	background-color: var(--c1);
	font-weight: bold;
	line-height: 1.4;
	font-size: 16px;
	padding: 4px 12px;
	border-radius: 2px;
}

.seminarSingleContent .time {
	line-height: 1;
	color: var(--c1);
	font-weight: 900;
	font-size: 17px;
}

.seminarSingleContent .time>.txs {
	font-size: 15px;
}

.seminarSingleContent .time>.txl {
	font-size: 25px;
}

.seminarSingleContent .time::before {
	position: relative;
	display: inline-block;
	font-family: "iconFontA";
	content: "\e93b";
	color: var(--c1);
	font-size: 26px;
	margin-right: 10px;
}

.seminarSingleContent .tagList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 8px;
	margin-top: 22px;
}

.seminarSingleContent .tagItem {
	color: var(--c1);
	border: 1px solid var(--c1);
	font-weight: 500;
	border-radius: 100px;
	line-height: 1;
	padding: 4px 12px;
	font-size: 13px;
}

.seminarSingleContent .thumbnail {
	width: 100%;
	margin-top: 35px;
}

.seminarSingleContent .thumbnail>img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 6px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarSingleContent .top {
		gap: 20px;
	}

	.seminarSingleContent .cat {
		line-height: 1.4;
		font-size: 14px;
		padding: 4px 7px;
	}

	.seminarSingleContent .time {
		line-height: 1;
		font-size: 15px;
	}

	.seminarSingleContent .time>.txs {
		font-size: 14px;
	}

	.seminarSingleContent .time>.txl {
		font-size: 21px;
	}

	.seminarSingleContent .time::before {
		font-size: 21px;
		margin-right: 10px;
	}

	.seminarSingleContent .tagList {
		column-gap: 6px;
		row-gap: 7px;
		margin-top: 22px;
	}

	.seminarSingleContent .tagItem {
		border-radius: 100px;
		line-height: 1;
		padding: 4px 10px;
		font-size: 11px;
	}

	.seminarSingleContent .thumbnail {
		width: 100%;
		margin-top: 32px;
	}
}

/* // seminarSingleForm
----------------------------------------------- */
.seminarSingleForm {
	--topMargin: 100px;
	--bottomMargin: 20px;
	position: sticky;
	overflow-y: auto;
	top: var(--topMargin);
	height: fit-content;
	max-height: calc(100vh - var(--topMargin) - var(--bottomMargin));
}

.seminarSingleForm iframe {
	/* 各CSS変数の値はMTタグでインラインで指定 */
	--seminarIframeHeightPC: 780px;
	--seminarIframeHeightTB: 780px;
	--seminarIframeHeightSP: 780px;
	height: var(--seminarIframeHeightPC);
}

@media screen and (max-width: 800px) {
	.seminarSingleForm iframe {
		height: var(--seminarIframeHeightTB);
	}
}

@media screen and (max-width: 620px) {
	.seminarSingleForm iframe {
		height: var(--seminarIframeHeightSP);
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.seminarSingleForm {
		--topMargin: 100px;
		--bottomMargin: 20px;
		overflow-y: unset;
		height: auto;
		max-height: none;
	}
}

/* // contactBox
----------------------------------------------- */
.contactBox {
	background-color: #ededed;
	color: #000;
	text-align: left;
	line-height: 1.7;
	font-size: 13px;
	padding: 19px 26px;
	margin: 60px 0px 40px;
}

.contactBox .ttl {
	font-weight: bold;
	font-size: 17px;
}

.contactBox .info {
	line-height: 2;
	margin-top: 4px;
}

.contactBox .tel {
	display: inline-block;
}

.contactBox .mail {
	display: inline-block;
	color: #001ca9;
}

/* =====SP===== */
@media screen and (max-width: 800px) {
	.contactBox {
		padding: 13px 20px;
		margin: 40px 0px 24px;
	}

	.contactBox .ttl {
		font-size: 16px;
	}

	.contactBox .info {
		line-height: 2;
		margin-top: 4px;
	}
}

/*=======================================================================
news
=======================================================================*/
/* // newsInner
----------------------------------------------- */
.newsInner {
	display: grid;
	grid-template-columns: 1fr 260px;
	gap: 70px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsInner {
		grid-template-columns: 1fr;
		gap: 70px;
	}
}

/* // newsArcTabList
----------------------------------------------- */
.newsArcTabList {
	display: flex;
	justify-self: start;
	flex-wrap: wrap;
	gap: 12px;
}

.newsArcTabItem {}

.newsArcTabItem .link {
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1);
	text-align: center;
	font-weight: 500;
	white-space: nowrap;
	line-height: 1;
	font-size: 16px;
	padding: 12px 30px;
	transition: background-color 0.3s, color 0.3s;
}

.newsArcTabItem .link:hover {
	background-color: #dbdfe6;
	color: var(--c1);
}

.newsArcTabItem .link:hover.isActive,
.newsArcTabItem .link.isActive {
	background-color: var(--c1);
	color: #fff;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsArcTabList {
		gap: 7px;
	}

	.newsArcTabItem .link {
		line-height: 1;
		font-size: 14px;
		padding: 8px 11px;
	}
}

/* // newsArcList
----------------------------------------------- */
.newsArcList {
	visibility: hidden;
	display: none;
	opacity: 0;
}

.newsArcList.isShow {
	visibility: visible;
	opacity: 1;
	display: grid;
	gap: 16px;
	margin-top: 26px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsArcList {
		gap: 20px;
		margin-top: 24px;
	}
}

/* // newsItem
----------------------------------------------- */
.newsItem {
	--radius: 5px;
	--shadowSize: 4px;
	background-color: #fff;
	border-radius: var(--radius);
	box-shadow: var(--shadowSize) var(--shadowSize) 0 var(--c1);
	margin-right: var(--shadowSize);
	margin-bottom: var(--shadowSize);
}

.newsItem .link {
	color: var(--c1);
	padding: 17px 20px;
	display: block;
}

.newsItem .link:hover {
	color: var(--c1);
}

.newsItem .top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	line-height: 1;
}

.newsItem .cat {
	border: 1px solid var(--c1);
	border-radius: 3px;
	font-weight: bold;
	line-height: 1;
	font-size: 13px;
	padding: 4px 12px 5px;
}

.newsItem .time {
	font-weight: 500;
	font-size: 16px;
}

.newsItem .ttl {
	font-weight: 600;
	line-height: 1.6;
	font-size: 15px;
	margin-top: 9px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsItem {
		--radius: 4px;
		--shadowSize: 3px;
	}

	.newsItem .link {
		padding: 16px;
	}

	.newsItem .top {
		gap: 8px;
	}

	.newsItem .cat {
		border-radius: 3px;
		line-height: 1;
		font-size: 12px;
		padding: 4px 8px 5px;
	}

	.newsItem .time {
		font-size: 14px;
		line-height: 1.5;
	}

	.newsItem .ttl {
		line-height: 1.5;
		font-size: 14px;
		margin-top: 8px;
		font-weight: 500;
	}
}

/* // newsCat
----------------------------------------------- */
.newsCat {
	background-color: #f3f3f3;
	padding: 34px 20px 46px;
	box-shadow: 36px 36px 31px 0 rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.newsCat .ttl {
	color: var(--c1);
	font-weight: 900;
	font-size: 20px;
	line-height: 1.5;
}

.newsCat .list {
	display: grid;
	gap: 20px;
	margin-top: 20px;
}

.newsCat .item .link {
	--fontSize: 14px;
	position: relative;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	padding-left: calc(var(--fontSize) * 2);
}

.newsCat .item .link.isCurrent {
	font-weight: bold;
	color: var(--c1);
}

.newsCat .item .link.isCurrent::before {
	position: absolute;
	content: "";
	top: 50%;
	left: var(--fontSize);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 9px;
	transform-origin: top left;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsCat {
		padding: 24px 20px;
	}

	.newsCat .ttl {
		font-weight: 900;
		font-size: 18px;
	}

	.newsCat .list {
		gap: 20px;
		margin-top: 20px;
	}

	.newsCat .item .link {
		--fontSize: 14px;
		line-height: 1.5;
	}

	.newsCat .item .link.isCurrent::before {
		width: 9px;
	}
}

/* // newsSingle
----------------------------------------------- */
.newsSingle {
	text-align: left;
}

.newsSingle .top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	color: var(--c1);
}

.newsSingle .cat {
	background-color: #fff;
	border: 1px solid var(--c1);
	border-radius: 3px;
	font-weight: bold;
	line-height: 1;
	font-size: 15px;
	padding: 7px 20px 8px;
}

.newsSingle .time {
	font-weight: bold;
	font-size: 18px;
}

.newsSingle .ttl {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.5;
	font-size: 24px;
	margin-top: 24px;
}

.newsSingle .headTxt {}

.newsSingle .thumbnail {
	background-color: #fff;
	display: grid;
	place-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.newsSingle .thumbnail>img {
	object-fit: cover;
	width: 100%;
	max-width: 80%;
	height: auto;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.newsSingle .top {
		gap: 16px;
	}

	.newsSingle .cat {
		border-radius: 3px;
		line-height: 1;
		font-size: 15px;
		padding: 5px 16px 6px;
	}

	.newsSingle .time {
		font-size: 18px;
	}

	.newsSingle .ttl {
		line-height: 1.5;
		font-size: 18px;
		margin-top: 12px;
	}

	.newsSingle .thumbnail {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* // otherNews
----------------------------------------------- */
.otherNews>.ttl {
	font-weight: 900;
	font-size: 28px;
	line-height: 1;
}

.otherNews .list {
	display: grid;
	gap: 24px;
	margin-top: 48px;
}

.otherNews .btn {
	margin-top: 68px;
	text-align: center;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.otherNews>.ttl {
		font-size: 22px;
		line-height: 1;
	}

	.otherNews .list {
		gap: 24px;
		margin-top: 40px;
	}

	.otherNews .btn {
		margin-top: 40px;
	}
}

/*===========================================================
dl 資料ダウンロード
===========================================================*/
/* // dlArcListA
----------------------------------------------- */
.dlArcListA {
	display: grid;
	gap: 40px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlArcListA {
		gap: 24px;
	}
}

/* // dlArcListB
----------------------------------------------- */
.dlArcListB {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 32px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlArcListB {
		gap: 24px;
	}
}

/* // dlItemA
----------------------------------------------- */
.dlItemA {
	text-align: left;
	background-color: #fff;
	border-radius: 5px;
	display: grid;
	grid-template-columns: 43% 1fr;
	gap: 40px;
	padding: 20px;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}

.dlItemA .imgBlock {
	aspect-ratio: 5/3;
	border-radius: 7px;
	overflow: hidden;
}

.dlItemA .imgBlock>img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 7px;
}

.dlItemA .txtBlock {
	padding-top: 8px;
}

.dlItemA .head {
	display: inline-block;
	border-radius: 3px;
	background-color: var(--c1);
	color: #fff;
	font-weight: 900;
	line-height: 1.4;
	font-size: 18px;
	padding: 6px 14px;
	margin-bottom: 17px;
}

.dlItemA .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.5;
	font-size: 24px;
}

.dlItemA .desc {
	font-size: 14px;
	margin-top: 10px;
}

.dlItemA .btn {
	margin-top: 20px;
}

.dlItemA .btn>a {
	width: 100%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlItemA {
		border-radius: 5px;
		box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.11);
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 20px;
	}

	.dlItemA .imgBlock {
		aspect-ratio: 5/3;
	}

	.dlItemA .txtBlock {
		padding-top: 0px;
	}

	.dlItemA .head {
		border-radius: 4px;
		line-height: 1.4;
		font-size: 13px;
		padding: 5px 8px;
		margin-bottom: 10px;
	}

	.dlItemA .ttl {
		line-height: 1.5;
		font-size: 17px;
	}

	.dlItemA .desc {
		font-size: 12px;
		margin-top: 10px;
		line-height: 1.8;
	}

	.dlItemA .btn {
		margin-top: 16px;
		text-align: center;
	}

	.dlItemA .btn>a {
		width: 100%;
		max-width: 100%;
	}
}

/* // dlItemB
----------------------------------------------- */
.dlItemB {
	text-align: left;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.11);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	gap: 17px;
	padding: 20px 20px 14px;
	height: 100%;
}

.dlItemB .imgBlock {
	aspect-ratio: 5/3;
	overflow: hidden;
	border-radius: 6px;
}

.dlItemB .imgBlock>img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.dlItemB .txtBlock {
	display: grid;
	grid-template-rows: auto auto 1fr;
}

.dlItemB.typeB .txtBlock {
	grid-template-rows: auto auto 1fr;
}

.dlItemB .head {
	border-radius: 3px;
	background-color: var(--c1);
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
	font-size: 16px;
	padding: 5px 10px;
	width: fit-content;
	height: fit-content;
	margin-bottom: 9px;
}

.dlItemB .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.6;
	font-size: 20px;
}

.dlItemB .desc {
	font-size: 14px;
	margin-top: 11px;
	line-height: 1.8;
}

.dlItemB .btn {
	align-self: end;
	margin-top: 17px;
}

.dlItemB .btn>a {
	width: 100%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlItemB {
		border-radius: 5px;
		box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.11);
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 15px;
	}

	.dlItemB .imgBlock {
		aspect-ratio: 5/3;
	}

	.dlItemB .txtBlock {
		padding-top: 0px;
	}

	.dlItemB .head {
		line-height: 1.4;
		font-size: 13px;
		padding: 5px 8px;
	}

	.dlItemB .ttl {
		line-height: 1.5;
		font-size: 18px;
	}

	.dlItemB .desc {
		font-size: 13px;
		margin-top: 7px;
	}

	.dlItemB .btn {
		margin-top: 16px;
		text-align: center;
	}

	.dlItemB .btn>a {
		width: 100%;
		max-width: 100%;
	}
}

/* // dlSingleContent
----------------------------------------------- */
.dlSingleInner {
	display: grid;
	gap: 56px;
	grid-template-columns: 1fr 400px;
	text-align: left;
}

.dlSingleContent>.cat {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.5;
	font-size: 18px;
	margin-bottom: 12px;
}

.dlSingleContent>.head {
	display: inline-block;
	border-radius: 3px;
	background-color: var(--c1);
	color: #fff;
	font-weight: 900;
	line-height: 1.4;
	font-size: 18px;
	padding: 6px 14px;
}

.dlSingleContent>.ttl {
	font-weight: 900;
	line-height: 1.6;
	font-size: clamp(18px, 30 / 1400 * 100vw, 30px);
	margin-top: 16px;
}

.dlSingleContent>.thumbnail {
	margin-top: 50px;
}

.dlSingleContent>.thumbnail>img {
	width: 100%;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.dlSingleInner {

		grid-template-columns: 1fr 37vw;
		gap: 10px;
	}

	.dlSingleContent>.cat {
		color: var(--c1);
		font-weight: 900;
		line-height: 1.5;
		font-size: 18px;
		margin-bottom: 12px;
	}

	.dlSingleContent>.head {
		display: inline-block;
		border-radius: 3px;
		background-color: var(--c1);
		color: #fff;
		font-weight: 900;
		line-height: 1.4;
		font-size: 18px;
		padding: 6px 14px;
	}

	.dlSingleContent>.ttl {
		font-weight: 900;
		line-height: 1.6;
		font-size: clamp(18px, 30 / 1400 * 100vw, 30px);
		margin-top: 16px;
	}

	.dlSingleContent>.thumbnail {
		margin-top: 50px;
	}

	.dlSingleContent>.thumbnail>img {
		width: 100%;
	}
}


/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlSingleInner {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	.dlSingleContent>.cat {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.dlSingleContent>.head {
		line-height: 1.4;
		font-size: 14px;
		padding: 6px 11px;
	}

	.dlSingleContent>.ttl {
		line-height: 1.6;
		font-size: clamp(18px, 30 / 1400 * 100vw, 30px);
		margin-top: 10px;
	}

	.dlSingleContent>.thumbnail {
		margin-top: 22px;
	}
}

/* // dlSingleForm
----------------------------------------------- */
.dlSingleForm {
	--topMargin: 100px;
	--txtHeight: 90px;
	--bottomMargin: 20px;
	position: sticky;
	top: var(--topMargin);
	height: fit-content;
	max-height: calc(100vh - var(--topMargin) - var(--bottomMargin));
}

.dlSingleForm .formWrap {
	overflow-y: auto;
	max-height: calc(100vh - var(--topMargin) - var(--bottomMargin) - var(--txtHeight));
}

.dlSingleForm iframe {
	/* 各CSS変数の値はMTタグでインラインで指定 */
	--dlIframeHeightPC: 780px;
	--dlIframeHeightTB: 780px;
	--dlIframeHeightSP: 780px;
	height: var(--dlIframeHeightPC);
}

@media screen and (max-width: 800px) {
	.dlSingleForm iframe {
		height: var(--dlIframeHeightTB);
	}
}

@media screen and (max-width: 620px) {
	.dlSingleForm iframe {
		height: var(--dlIframeHeightSP);
	}
}

.dlSingleForm .link {
	display: inline;
	color: #001682;
	text-decoration: underline;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.dlSingleForm {
		--topMargin: 100px;
		--txtHeight: 90px;
		--bottomMargin: 20px;
		position: sticky;
		top: var(--topMargin);
		height: auto;
		max-height: none;
	}

	.dlSingleForm .formWrap {
		overflow-y: unset;
		max-height: none;
	}
}

/* // articleMainImgA
----------------------------------------------- */
.articleMainImgA {
	height: 440px;
	border-radius: 5px;
	background-color: #fff;
	padding: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.articleMainImgA img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.articleMainImgA {
		height: calc(100vw * 0.65);
		border-radius: 4px;
		padding: 12px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.articleMainImgA img {}
}

/* // demoInfoBlock
----------------------------------------------- */
.demoInfoBlock {
	display: grid;
	grid-template-columns: 1fr 35%;
	align-items: center;
	grid-template-rows: repeat(2, auto);
	grid-template-areas:
		"itemTtl itemImg"
		"itemTxt itemImg";
	column-gap: 10px;
	row-gap: 9px;
	background-color: #fff;
	border-radius: 8px;
	border: 5px solid var(--c1);
	padding: 0px 0px 0px 35px;
	box-shadow: 17px 17px 40px 0 rgba(0, 0, 0, 0.2);
}

.demoInfoBlock .ttlBlock {
	grid-area: itemTtl;
	background-color: var(--c1);
	text-align: center;
	color: #fff;
	line-height: 1;
	font-weight: 900;
	font-size: clamp(22px, 36 / 1400 * 100vw, 34px);
	padding: 10px;
	border-radius: 3px;
}

.demoInfoBlock .txtBlock {
	grid-area: itemTxt;
	text-align: left;
	color: var(--c1);
	z-index: 10;
}

.demoInfoBlock .desc {
	line-height: 1.6;
	font-size: 14px;
	margin-top: -58px;
}

.demoInfoBlock .head {
	display: inline-block;
	background: linear-gradient(transparent 60%, #cbe3f4 40%);
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 21px;
	margin-top: 16px;
}

.demoInfoBlock .list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1em;
	row-gap: 0.8em;
	font-size: 18px;
	margin-top: 16px;
}

.demoInfoBlock .item {
	line-height: 1;
	font-weight: bold;
}

.demoInfoBlock .item::before {
	position: relative;
	display: inline-block;
	font-family: iconFontA;
	content: "\ea4c";
	font-size: 1.2em;
	margin-right: 4px;
	transform: translateY(3px);
}

.demoInfoBlock .btn {
	margin-top: 30px;
}

.demoInfoBlock .btn>a {
	width: 100%;
}

.demoInfoBlock .imgBlock {
	grid-area: itemImg;
	margin-top: -17px;
}

.demoInfoBlock .imgBlock>img {
	object-fit: contain;
	width: 120%;
	height: auto;
	max-width: 120%;
	margin-left: -110px;
	position: relative;
	top: 22px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.demoInfoBlock {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		grid-template-areas:
			"itemTtl"
			"itemImg"
			"itemTxt";
		column-gap: 0px;
		row-gap: 20px;
		border-radius: 8px;
		border: 3px solid var(--c1);
		padding: 18px;
		box-shadow: 17px 17px 40px 0 rgba(0, 0, 0, 0.2);
	}

	.demoInfoBlock .ttlBlock {
		font-size: clamp(22px, 36 / 1400 * 100vw, 36px);
		padding: 8px;
	}

	.demoInfoBlock .txtBlock {
		display: grid;
		place-items: center;
	}

	.demoInfoBlock .desc {
		text-align: center;
		line-height: 1.6;
		font-size: 14px;
		margin-top: -10px;
	}

	.demoInfoBlock .head {
		line-height: 1.4;
		font-size: 18px;
		margin-top: 16px;
	}

	.demoInfoBlock .list {
		justify-content: center;
		column-gap: 1em;
		row-gap: 0.8em;
		font-size: 16px;
		margin-top: 16px;
	}

	.demoInfoBlock .item {
		line-height: 1;
	}

	.demoInfoBlock .item::before {
		font-size: 1.2em;
		margin-right: 4px;
		transform: translateY(3px);
	}

	.demoInfoBlock .btn {
		margin-top: 24px;
		width: 100%;
	}

	.demoInfoBlock .btn>a {
		width: 100%;
		max-width: 100%;
	}

	.demoInfoBlock .btn>a .tx {
		padding: 13px 13px 15px;
	}

	.demoInfoBlock .imgBlock {
		display: grid;
		place-content: center;
		margin-bottom: -20px;
		margin-top: -13px;
	}

	.demoInfoBlock .imgBlock>img {
		width: 95%;
		margin-left: 0;
		top: 0;
	}
}

/* // dlThanks
----------------------------------------------- */
.dlThanks .ttl {
	line-height: 1.6;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/*===========================================================
blog ブログ
===========================================================*/

/* // blogInner
----------------------------------------------- */
.blogInner {
	display: grid;
	grid-template-columns: 1fr 260px;
	gap: 70px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blogInner {
		grid-template-columns: 1fr;
		gap: 100px;
	}
}

/* // blogArcList
----------------------------------------------- */
.blogArcList {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	column-gap: 24px;
	row-gap: 32px;
}

.blogItem {}

.blogItem .link {
	display: block;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.blogItem .article {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
}

.blogItem .imgBlock {
	aspect-ratio: 26/15;
}

.blogItem .imgBlock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blogItem .txtBlock {
	background-color: #fff;
	padding: 17px 15px 21px;
}

.blogItem .list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 2px;
}

.blogItem .cat {
	display: inline-block;
	color: #fff;
	background-color: var(--c1);
	font-weight: 500;
	border-radius: 2px;
	line-height: 1.4;
	font-size: 12px;
	padding: 2px 6px 2px;
}

.blogItem .ttl {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.6;
	font-size: 15px;
	margin-top: 10px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blogArcList {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		column-gap: 24px;
		row-gap: 32px;
	}

	.blogItem .article {
		grid-template-rows: auto 1fr;
		height: 100%;
	}

	.blogItem .txtBlock {
		padding: 17px 15px 21px;
	}

	.blogItem .cat {
		border-radius: 2px;
		line-height: 1.4;
		font-size: 13px;
		padding: 4px 10px 5px;
	}

	.blogItem .ttl {
		line-height: 1.6;
		font-size: 15px;
		margin-top: 8px;
	}
}

/* // xxx
----------------------------------------------- */
/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // blogCat
----------------------------------------------- */
.blogCat {
	background-color: #f3f3f3;
	padding: 34px 20px 43px;
	box-shadow: 36px 36px 31px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.blogCat .ttl {
	color: var(--c1);
	font-weight: 900;
	font-size: 22px;
}

.blogCat .list {
	display: grid;
	gap: 20px;
	margin-top: 0;
}

.blogCat .item .link {
	--fontSize: 14px;
	position: relative;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	padding-left: calc(var(--fontSize) * 2);
}

.blogCat .item .link.isCurrent {
	font-weight: bold;
	color: var(--c1);
}

.blogCat .item .link.isCurrent::before {
	position: absolute;
	content: "";
	top: 50%;
	left: var(--fontSize);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 9px;
	transform-origin: top left;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blogCat {
		padding: 24px 20px;
	}

	.blogCat .ttl {
		font-weight: 900;
		font-size: 18px;
	}

	.blogCat .list {
		gap: 20px;
		margin-top: 0;
	}

	.blogCat .item .link {
		--fontSize: 14px;
		line-height: 1.5;
	}

	.blogCat .item .link.isCurrent::before {
		width: 9px;
	}
}

/* // blogPopular
----------------------------------------------- */
.blogPopular {
	text-align: left;
	margin-top: 80px;
}

.blogPopular .headTtl {
	color: var(--c1);
	font-weight: bold;
	font-size: 16px;
}

.blogPopular .list {
	display: grid;
	gap: 12px;
	margin-top: 24px;
}

.blogPopular .link {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 8px;
}

.blogPopular .imgblock {
	aspect-ratio: 26/15;
}

.blogPopular .imgblock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.blogPopular .catList {
	display: flex;
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 2px;
}

.blogPopular .cat {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 制限したい行数を指定 */
	overflow: hidden;
	width: fit-content;
	color: var(--c1);
	border: 1px solid var(--c1);
	font-weight: bold;
	border-radius: 2px;
	line-height: 1.1;
	font-size: 10px;
	padding: 2px 2px 2px;
	margin-top: 2px;
}

.blogPopular .ttl {
	color: var(--c1);
	font-weight: 500;
	line-height: 1.4;
	font-size: 11px;
	margin-top: 4px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // tocA
----------------------------------------------- */
.tocA {
	text-align: left;
	background-color: #fff;
	border: 1px solid var(--c1);
	border-radius: 7px;
	color: var(--c1);
	line-height: 1.4;
	padding: 30px 36px;
}

.tocA .ttl {
	font-weight: bold;
	line-height: 1;
	font-size: 19px;
}

.tocA .list {
	display: grid;
	gap: 0.6em;
	margin-top: 24px;
	counter-reset: number 0;
}

.tocA .item {
	font-weight: bold;
	font-size: 15px;
}

.tocA .item::before {
	display: inline-block;
	counter-increment: number 1;
	content: counter(number);
	margin-right: 1em;
}

.tocA .link {
	color: var(--c1);
}

.tocA .childList {
	display: grid;
	gap: 0.6em;
	margin-top: 1em;
	counter-reset: subNumber 0;
	margin-left: 1em;
}

.tocA .childItem {
	font-weight: 500;
	font-size: 14px;
}

.tocA .childItem::before {
	display: inline-block;
	counter-increment: subNumber 1;
	content: counter(number) "-" counter(subNumber);
	margin-right: 1em;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.tocA {
		border-radius: 7px;
		line-height: 1.4;
		padding: 30px 36px;
	}

	.tocA .ttl {
		line-height: 1;
		font-size: 19px;
	}

	.tocA .list {
		gap: 0.6em;
		margin-top: 24px;
	}

	.tocA .item {
		font-size: 15px;
	}

	.tocA .item::before {
		margin-right: 1em;
	}

	.tocA .childList {
		gap: 0.6em;
		margin-top: 1em;
		margin-left: 1em;
	}

	.tocA .childItem {
		font-size: 14px;
	}
}

/* // blogRecommend
----------------------------------------------- */
.blogRecommend {
	color: var(--c1);
}

.blogRecommend .head {
	font-weight: bold;
	font-size: 17px;
}

.blogRecommend .list {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.blogRecommend .link {
	display: block;
	height: 100%;
}

.blogRecommend .article {
	display: grid;
	grid-template-columns: 35% 1fr;
	gap: 10px;
	height: 100%;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.blogRecommend .imgblock {
	aspect-ratio: 26/15;
}

.blogRecommend .imgblock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.blogRecommend .catList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2px;
	row-gap: 4px;
}

.blogRecommend .cat {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 制限したい行数を指定 */
	overflow: hidden;
	width: fit-content;
	color: var(--c1);
	border: 1px solid var(--c1);
	font-weight: bold;
	border-radius: 2px;
	line-height: 1.4;
	font-size: 12px;
	padding: 3px 4px 2px;
}

.blogRecommend .ttl {
	color: var(--c1);
	font-weight: 500;
	line-height: 1.4;
	font-size: 13px;
	margin-top: 4px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blogRecommend .head {
		font-size: 17px;
	}

	.blogRecommend .list {
		margin-top: 20px;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.blogRecommend .article {
		grid-template-columns: 35% 1fr;
		gap: 10px;
		padding: 10px;
	}

	.blogRecommend .cat {
		border-radius: 2px;
		line-height: 1.2;
		font-size: 11px;
		padding: 3px 3px 2px;
	}

	.blogRecommend .ttl {
		line-height: 1.4;
		font-size: 12px;
		margin-top: 4px;
	}
}

/* // blogSingleContent
----------------------------------------------- */
.blogSingleContent {
	text-align: left;
}

.blogSingleContent>.catList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 4px;
	row-gap: 4px;
}

.blogSingleContent>.catList .cat {
	display: inline-block;
	border: 1px solid var(--c1);
	border-radius: 3px;
	background-color: #fff;
	color: var(--c1);
	font-weight: bold;
	line-height: 1.4;
	font-size: 15px;
	padding: 5px 16px 4px;
}

.blogSingleContent>.ttl {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.5;
	font-size: 24px;
	margin-top: 24px;
}

.blogSingleContent>.thumbnail {
	text-align: center;
	background-color: #fff;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-top: 30px;
}

.blogSingleContent>.thumbnail>img {
	width: 88%;
	border-radius: 5px;
}

.blogSingleContent>.lead {
	margin-top: 50px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.blogSingleContent>.cat {
		line-height: 1.4;
		font-size: 13px;
		padding: 5px 8px 4px;
	}

	.blogSingleContent>.ttl {
		line-height: 1.5;
		font-size: 20px;
		margin-top: 10px;
	}

	.blogSingleContent>.thumbnail {
		padding-top: 0%;
		padding-bottom: 0%;
		margin-top: 20px;
	}

	.blogSingleContent>.thumbnail>img {
		width: 100%;
	}

	.blogSingleContent>.lead {
		margin-top: 30px;
	}
}

/* // otherBlog
----------------------------------------------- */
.relatedBlog>.ttl {
	font-weight: 900;
	font-size: 31px;
	line-height: 1;
}

.relatedBlog .relatedBlogSwiper {
	margin-top: 40px;
}

.relatedBlog .swiper-slide {
	width: 260px;
	height: auto;
}

.relatedBlog .swiper-pagination {
	position: relative;
	transform: none;
	margin-top: 50px;
}

.relatedBlog .btn {
	margin-top: 68px;
	text-align: center;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.relatedBlog>.ttl {
		font-size: 22px;
		line-height: 1;
	}

	.relatedBlog .relatedBlogSwiper {
		margin-top: 40px;
	}

	.relatedBlog .swiper-slide {
		width: 260px;
	}

	.relatedBlog .swiper-pagination {
		margin-top: 32px;
	}

	.relatedBlog .btn {
		margin-top: 40px;
	}
}

/*===========================================================
company 会社情報
===========================================================*/
/* // companyPageList
----------------------------------------------- */
.companyPageList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 26px;
	row-gap: 26px;
}

.companyPageList .item {
	max-width: none;
	min-width: auto;
	width: auto;
}

.companyPageList .item .tx {
	padding-top: 12px;
	padding-bottom: 14px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageList {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 6px;
		row-gap: 7px;
	}

	.companyPageList .item .tx {
		padding-top: 10px;
		padding-bottom: 9px;
		font-size: 11px;
	}

	.companyPageList .btnA {
		padding-left: 0;
		padding-right: 0;
	}
}

/* // companyPageTtlA
----------------------------------------------- */
.companyPageTtlA {
	position: relative;
	color: #c1c6d3;
	font-weight: bold;
	line-height: 1.4;
	font-size: 18px;
	padding-bottom: 20px;
}

.companyPageTtlA::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background-color: var(--c1);
	height: 3px;
	width: 21px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageTtlA {
		line-height: 1.4;
		font-size: 16px;
		padding-bottom: 12px;
		margin-bottom: 20px;
	}

	.companyPageTtlA::before {
		height: 2px;
		width: 16px;
	}
}

/* // companyIndexHead
----------------------------------------------- */
.companyIndexHead {
	line-height: 2;
	font-weight: 900;
	font-size: 33px;
}

.companyIndexHead .color {
	line-height: 1.6;
	color: var(--c2);
	display: block;
	margin-top: 10px;
}

.companyIndexSec2 .companyIndexHead .color {
	line-height: 1.3;
	font-size: 32px;
}

.companyIndexHead .txS {
	font-size: 30px;
}

.companyIndexHead .txL {
	font-size: 40px;
}

.companyIndexHead .txXL {
	font-size: 54px;
}

.companyIndexHead .yellowLine {
	display: inline-block;
	background-image: linear-gradient(transparent 0%, transparent 55%, #fffa75 55%, #fffa75 90%, transparent 90%, transparent 100%);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyIndexHead {
		line-height: 2;
		font-size: 18px;
	}

	.companyIndexHead .color {
		line-height: 1.5;
		margin-top: 5px;
	}

	.companyIndexHead .txS {
		font-size: 16px;
	}

	.companyIndexHead .txL {
		font-size: 22px;
	}

	.companyIndexHead .txXL {
		font-size: 28px;
	}

	.companyIndexHead .yellowLine {
		background-image: linear-gradient(transparent 0%, transparent 55%, #fffa75 55%, #fffa75 90%, transparent 90%, transparent 100%);
	}

	.companyIndexSec2 .companyIndexHead .color {
		font-size: 18px;
	}
}

/* // companyIndexHeadB
---------------------------------------------- */
.companyIndexHeadB {
	display: inline-block;
	border-radius: 3px;
	background-color: var(--c1);
	color: #fff;
	font-weight: 800;
	line-height: 1.4;
	font-size: 16px;
	padding: 6px 15px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyIndexHeadB {
		border-radius: 3px;
		line-height: 1.4;
		font-size: 13.5px;
		padding: 4px 10px;
	}
}

/* // companyPageTtlB
----------------------------------------------- */
.companyPageTtlB {
	position: relative;
	line-height: 1;
	padding-bottom: 23px;
}

.companyPageTtlB .en {
	text-align: center;
	font-family: Oswald;
	font-weight: 400;
	color: #bec4d2;
	font-size: 23px;
}

.companyPageTtlB .ja {
	text-align: center;
	font-weight: 900;
	font-size: 34px;
	margin-top: 16px;
}

.companyPageTtlB::before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-color: var(--c1);
	width: 21px;
	height: 4px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageTtlB {
		padding-bottom: 16px;
	}

	.companyPageTtlB .en {
		font-size: 18px;
	}

	.companyPageTtlB .ja {
		font-size: 24px;
		margin-top: 8px;
	}

	.companyPageTtlB::before {
		width: 16px;
		height: 2px;
	}
}

/* // companyIndexSec
----------------------------------------------- */
/* companyIndexSec1 */
.companyIndexSec1 .inner {
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 44%;
	gap: 0px;
}

.companyIndexSec1 .txtBlock .tx1 {
	font-weight: 500;
	line-height: 2.4;
	font-size: 17px;
}

.companyIndexSec1 .imgBlock {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 800px) {
	.companyIndexSec1 .inner {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.companyIndexSec1 .txtBlock .tx1 {
		line-height: 2.1;
		font-size: 14px;
	}

	.companyIndexSec1 .imgBlock {
		gap: 12px;
		grid-template-columns: repeat(3, 1fr);
		width: 90%;
		margin: 0 auto;
	}
}

/* companyIndexSec2 */
.companyIndexSec2 .inner {
	text-align: left;
	display: grid;
	grid-template-columns: 38% 1fr;
	align-items: center;
	gap: 40px;
}

.companyIndexSec2 .txtBlock .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.companyIndexSec2 .txtBlock .item {
	display: grid;
	place-content: center;
	background-color: #e3e9fb;
	color: var(--c1);
	text-align: center;
	font-weight: 900;
	line-height: 1.5;
	font-size: 19px;
	padding: 14px 8px;
	border-radius: 3px;
}

.companyIndexSec2 .txtBlock .item>p {
	text-align: center;
}

.companyIndexSec2 .txtBlock .item .txL {
	font-size: 25px;
}

@media screen and (max-width: 800px) {
	.companyIndexSec2 .inner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"itemTxt"
			"itemImg";
		gap: 24px;
	}

	.companyIndexSec2 .txtBlock {
		grid-area: itemTxt;
	}

	.companyIndexSec2 .imgBlock {
		grid-area: itemImg;
	}

	.companyIndexSec2 .txtBlock .list {
		grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
		gap: 6px;
	}

	.companyIndexSec2 .txtBlock .item {
		line-height: 1.5;
		font-size: 13px;
		padding: 8px 0px;
	}

	.companyIndexSec2 .txtBlock .item .txL {
		font-size: 15px;
	}
}

/* companyIndexSec3 */
.companyIndexSec3 .inner {
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 40%;
	gap: 0px;
}

.companyIndexSec3 .txtBlock {
	z-index: 2;
}

.companyIndexSec3 .txtBlock .tx1 {
	font-weight: 500;
	line-height: 2.4;
	font-size: 17px;
}

.companyIndexSec3 .txtBlock .companyIndexHead.lh {
	line-height: 1.4;
}

.companyIndexSec3 .txtBlock .tx1 .yellowLine {
	background-image: linear-gradient(transparent 55%, #fffa75 45%);
}

.companyIndexSec3 .imgBlock {
	z-index: 1;
	margin-left: -180px;
}

.companyIndexSec3 .list {
	--gap: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
}

.companyIndexSec3 .item {
	display: grid;
	place-items: center;
	gap: 10px;
	width: calc((100% - (var(--gap) * 2)) / 3);
	min-width: 370px;
}

.companyIndexSec3 .item .img {
	aspect-ratio: 282/210;
	max-width: 282px;
}

.companyIndexSec3 .item .img>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.companyIndexSec3 .item .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	background-color: var(--c1);
	color: #fff;
	font-weight: 900;
	font-size: 18px;
	line-height: 1;
	padding: 8px 8px 10px;
}

.companyIndexSec3 .item .txt::before {
	display: inline-block;
	content: "";
	background: url("/_pack/img/company_icon_01.png") no-repeat center top/cover;
	aspect-ratio: 37/31;
	width: 2em;
	margin-right: 4px;
}

@media screen and (max-width: 800px) {
	.companyIndexSec3 .inner {
		grid-template-columns: 1fr;
		grid-template-areas: "itemTxt" "itemImg";
		gap: 9px;
	}

	.companyIndexSec3 .txtBlock {
		grid-area: itemTxt;
	}

	.companyIndexSec3 .imgBlock {
		grid-area: itemImg;
	}

	.companyIndexSec3 .txtBlock .tx1 {
		line-height: 2.1;
		font-size: 14px;
	}

	.companyIndexSec3 .txtBlock .tx1 .yellowLine {
		background-image: linear-gradient(transparent 55%, #fffa75 45%);
	}

	.companyIndexSec3 .imgBlock {
		margin-left: 0px;
	}

	.companyIndexSec3 .list {
		--gap: 7px;
	}

	.companyIndexSec3 .item {
		grid-template-columns: 61px 1fr;
		gap: 3px;
		width: 100%;
		min-width: auto;
		padding: 5px 3px 5px 3px;
		background-color: var(--c1);
		border-radius: 4px;
	}

	.companyIndexSec3 .item .img {
		max-width: 273px;
	}

	.companyIndexSec3 .item .txt {
		text-align: left;
		width: 100%;
		font-size: 15px;
		line-height: 1.6;
		padding: 0;
		background-color: transparent;
		justify-content: start;
		color: #fff;
	}

	.companyIndexSec3 .item .txt::before {
		content: none;
	}
}

/* companyIndexSec4 */
.companyIndexSec4 .inner {
	text-align: left;
}

.companyIndexSec4 .block1 {
	display: grid;
	grid-template-columns: auto 252px;
	justify-content: start;
	gap: 50px;
}

.companyIndexSec4 .block1 .txtBlock {
	font-weight: 500;
	font-size: 15px;
}

.companyIndexSec4 .block2 .imgBlock {}

.companyIndexSec4 .block3 .list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
}

.companyIndexSec4 .block3 .item {
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 20px;
}

.companyIndexSec4 .block3 .imgBlock {
	border-radius: 8px;
	aspect-ratio: 365/245;
}

.companyIndexSec4 .block3 .imgBlock>img {
	border-radius: 8px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.companyIndexSec4 .block3 .txtBlock {
	line-height: 1.5;
	font-size: 14px;
	font-weight: 500;
}

.companyIndexSec4 .block3 .txtBlock .txL {
	position: relative;
	font-weight: bold;
	font-size: 18px;
	margin-left: 1em;
	white-space: nowrap;
}

@media screen and (max-width: 800px) {
	.companyIndexSec4 .inner {
		text-align: left;
	}

	.companyIndexSec4 .block1 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 15px;
		grid-template-areas:
			"itemImg"
			"itemTxt";
	}

	.companyIndexSec4 .block1 .txtBlock {
		grid-area: itemTxt;
		font-size: 12px;
		line-height: 1.8;
	}

	.companyIndexSec4 .block1 .imgBlock {
		grid-area: itemImg;
	}

	.companyIndexSec4 .block1 .imgBlock>img {
		width: 60%;
	}

	.companyIndexSec4 .block3 .list {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		row-gap: 16px;
	}

	.companyIndexSec4 .block3 .item {
		grid-template-rows: auto 1fr;
		gap: 4px;
	}

	.companyIndexSec4 .block3 .imgBlock {
		border-radius: 8px;
		aspect-ratio: 365/245;
	}

	.companyIndexSec4 .block3 .imgBlock>img {
		border-radius: 8px;
	}

	.companyIndexSec4 .block3 .txtBlock {
		display: flex;
		flex-direction: column-reverse;
		justify-content: start;
		font-size: 11px;
	}

	.companyIndexSec4 .block3 .txtBlock .txL {
		display: block;
		font-size: 16px;
		margin-left: 0em;
	}
}

/* companyIndexSec5 */
.companyIndexSec5 .list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 26px;
}

.companyIndexSec5 .item {
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 6px 6px 46px 0 rgba(0, 0, 0, 0.11);
	color: var(--c1);
	transition: 0.3s;
}

.companyIndexSec5 .item:hover {
	background-color: #f9fbff;
}

.companyIndexSec5 .item .link {
	display: grid;
	place-items: center;
	padding: 26px 10px;
}

.companyIndexSec5 .item .imgBlock {
	aspect-ratio: 98/85;
	max-width: 98px;
}

.companyIndexSec5 .item .imgBlock>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.companyIndexSec5 .item .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 20px;
	margin-top: 30px;
}

.companyIndexSec5 .item .desc {
	text-align: center;
	color: var(--c1);
	line-height: 1.6;
	font-size: 13px;
	margin-top: 30px;
}

@media screen and (max-width: 800px) {
	.companyIndexSec5 .list {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}

	.companyIndexSec5 .item {
		border-radius: 7px;
	}

	.companyIndexSec5 .item .link {
		padding: 12px 10px 12px 6px;
		column-gap: 10px;
		grid-template-columns: 51px 1fr;
		grid-template-rows: auto 1fr;
		grid-template-areas:
			"itemImg itemTtl"
			"itemImg itemDesc";
		justify-items: start;
		align-items: center;
	}

	.companyIndexSec5 .item .imgBlock {
		grid-area: itemImg;
		max-width: 98px;
	}

	.companyIndexSec5 .item .ttl {
		grid-area: itemTtl;
		line-height: 1.4;
		font-size: 14px;
		margin-top: 0px;
	}

	.companyIndexSec5 .item .desc {
		text-align: left;
		grid-area: itemDesc;
		line-height: 1.5;
		font-size: 11px;
		margin-top: 5px;
	}
}

/* // companyPageInner
----------------------------------------------- */
.companyPageInner {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 70px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.companyPageInner {
		display: grid;
		grid-template-columns: 220px 1fr;
		gap: 34px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageInner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"itemContent"
			"itemNav";
		gap: 70px;
	}

	.companyPageInner .companyPageNav {
		grid-area: itemNav;
	}

	.companyPageInner .companyPageContent {
		grid-area: itemContent;
	}
}

/* // companyPageNav
----------------------------------------------- */
.companyPageNav {
	position: sticky;
	top: 80px;
	--fontSize: 22px;
	background-color: #f3f3f3;
	box-shadow: 16px 16px 40px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	height: fit-content;
	padding: 40px 20px;
	border-radius: 4px;
}

.companyPageNav .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1;
	font-size: var(--fontSize);
}

.companyPageNav .ttl:hover {
	color: var(--c1);
}

.companyPageNav .list {
	display: grid;
	gap: 40px;
	position: relative;
	line-height: 1;
	color: #000;
	padding-left: var(--fontSize);
	margin-top: 40px;
}

.companyPageNav .item.isCurrent {
	position: relative;
	color: var(--c1);
	font-size: 15px;
}

.companyPageNav .item.isCurrent::before {
	position: absolute;
	content: "";
	left: -1em;
	top: 0.5em;
	transform: translate(-50%, -50%);
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--c1);
	width: 8px;
}

.companyPageNav .item.isCurrent .link {
	font-weight: bold;
	color: var(--c1);
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {
	.companyPageNav {
		top: 60px;
		--fontSize: 19px;
		padding: 33px 15px;
	}

	.companyPageNav .ttl:hover {
		color: var(--c1);
	}

	.companyPageNav .list {
		gap: 29px;
		margin-top: 25px;
		font-size: 13px;
	}

	.companyPageNav .item.isCurrent {
		font-size: 13px;
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageNav {
		--fontSize: 22px;
		position: relative;
		top: 0px;
		box-shadow: 16px 16px 40px 0 rgba(0, 0, 0, 0.1);
		height: fit-content;
		padding: 20px 20px;
	}

	.companyPageNav .ttl {
		line-height: 1;
		font-size: var(--fontSize);
	}

	.companyPageNav .list {
		gap: 2em;
		line-height: 1;
		padding-left: var(--fontSize);
		margin-top: 20px;
	}

	.companyPageNav .item.isCurrent {
		font-size: 15px;
	}

	.companyPageNav .item.isCurrent::before {
		left: -1em;
		top: 0.5em;
		transform: translate(-50%, -50%);
		width: 8px;
	}
}

/* // companyPageContent
----------------------------------------------- */
/* companyPageContent */
.companyPageContentTtl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1;
	font-size: 32px;
	margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
	.companyPageContentTtl {
		line-height: 1;
		font-size: 22px;
		margin-bottom: 20px;
	}
}

/* // companyPageContent .horizontalRule
----------------------------------------------- */
.companyPageContent .horizontalRule {
	--contentSpace: 60px;
	position: relative;
	height: 1px;
	background-color: #b3c1d6;
	margin-top: var(--contentSpace);
	margin-bottom: var(--contentSpace);
}

.companyPageContent .horizontalRule::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 1px;
	width: 20%;
	min-width: 80px;
	background-color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.companyPageContent .horizontalRule {
		--contentSpace: 40px;
	}

	.companyPageContent .horizontalRule::before {
		width: 20%;
		min-width: 80px;
	}
}

/* companyAbout */
.companyAbout .dList {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 20px;
	padding-top: 28px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e6e6e6;
}

.companyAbout .dList:first-of-type {
	border-top: 1px solid #e6e6e6;
}

.companyAbout .dTerm {
	font-weight: bold;
	font-size: 14px;
}

.companyAbout .dDesc {
	font-weight: 500;
	font-size: 14px;
}

.companyAbout .dDesc .link {
	color: #0149b1;
}

.companyAbout .dDesc.name {
	display: grid;
	grid-template-columns: 105px auto;
	column-gap: 30px;
	row-gap: 12px;
	align-items: center;
	justify-content: start;
}

.companyAbout .dDesc.name .img>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.companyAbout .dDesc.lbc .link {
	display: inline-block;
	margin-left: 20px;
}

.companyAbout .dDesc.lbc .link .txt {
	color: #0149b1;
	display: flex;
	align-items: center;
	gap: 6px;
}

.companyAbout .dDesc.lbc .link .txt::before {
	display: inline-block;
	content: "";
	background-color: var(--c1);
	aspect-ratio: 1;
	width: 8px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.companyAbout .dDesc.lbc .link .txt::after {
	font-family: iconFontA;
	content: "\ea77";
	font-size: 1em;
}

.companyAbout .dDesc.certification .img {
	max-width: 412px;
}


/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {

	/* companyAbout */
	.companyAbout .dList {
		grid-template-columns: 150px 1fr;
		gap: 10px;
		padding-top: 17px;
		padding-bottom: 17px;
	}

	.companyAbout .dList:first-of-type {}

	.companyAbout .dTerm {
		font-size: 13px;
	}

	.companyAbout .dDesc {
		font-size: 13px;
	}

	.companyAbout .dDesc .link {
		color: #0149b1;
	}

	.companyAbout .dDesc.name {
		grid-template-columns: 102px auto;
		column-gap: 23px;
		row-gap: 8px;
	}

	.companyAbout .dDesc.name .img>img {
		object-fit: contain;
		width: 100%;
		height: auto;
	}

	.companyAbout .dDesc.lbc .link {
		display: inline-block;
		margin-left: 20px;
	}

	.companyAbout .dDesc.lbc .link .txt {
		color: #0149b1;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.companyAbout .dDesc.lbc .link .txt::before {
		display: inline-block;
		content: "";
		background-color: var(--c1);
		aspect-ratio: 1;
		width: 8px;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}

	.companyAbout .dDesc.lbc .link .txt::after {
		font-family: iconFontA;
		content: "\ea77";
		font-size: 1em;
	}

	.companyAbout .dDesc.certification .img {
		max-width: 272px;
	}

}


@media screen and (max-width: 800px) {
	.companyAbout .dList {
		display: grid;
		grid-template-columns: 6em 1fr;
		gap: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.companyAbout .dTerm {
		font-size: 13px;
	}

	.companyAbout .dDesc {
		font-size: 13px;
		line-height: 1.6;
	}

	.companyAbout .dDesc.name {
		grid-template-columns: 1fr;
		column-gap: 20px;
		row-gap: 8px;
		align-items: center;
		justify-content: start;
	}

	.companyAbout .dDesc.name .img>img {
		max-width: 105px;
	}

	.companyAbout .dDesc.lbc .link {
		display: inline-block;
		margin-left: 20px;
	}

	.companyAbout .dDesc.lbc .link .txt {
		color: #0149b1;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.companyAbout .dDesc.lbc .link .txt::before {
		display: inline-block;
		content: "";
		background-color: var(--c1);
		aspect-ratio: 1;
		width: 8px;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}

	.companyAbout .dDesc.lbc .link .txt::after {
		font-family: iconFontA;
		content: "\ea77";
		font-size: 1em;
	}

	.companyAbout .dDesc.certification .img {
		max-width: 272px;
	}
}

/* companyHistory */
.companyHistory .list {
	position: relative;
	display: grid;
	gap: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.companyHistory .list::before {
	position: absolute;
	content: "";
	top: 0;
	left: 4px;
	background-color: #dce4e5;
	width: 5px;
	height: 100%;
}

.companyHistory .item {
	position: relative;
	display: grid;
	line-height: 2;
	font-size: 17px;
	grid-template-columns: 32px 48px 20px 1fr;
	gap: 10px;
}

.companyHistory .item::before {
	position: relative;
	content: "";
	background-color: var(--c1);
	width: 13px;
	aspect-ratio: 1;
	border-radius: 50%;
	top: 1em;
	transform: translateY(-50%);
}

.companyHistory .item .year {
	font-family: Oswald;
	color: var(--c1);
	font-weight: 500;
	margin-left: 12px;
}

.companyHistory .item .month {
	font-family: Oswald;
	color: var(--c1);
	text-align: right;
	font-weight: 500;
}

.companyHistory .item .body {
	display: grid;
	align-items: center;
	grid-template-columns: fit-content(100%) auto;
	gap: 2em;
	font-size: 15px;
	margin-left: 30px;
}

.companyHistory .item .txt {
	font-weight: 500;
}

.companyHistory .item .txt .link {
	color: #0149b1;
	display: inline;
}

.companyHistory .item .txt .link:hover {
	text-decoration: underline;
}

.companyHistory .item .img {
	max-height: 30px;
	line-height: 1;
}

.companyHistory .item .img>img {
	object-fit: contain;
	max-height: 30px;
	width: auto;
}

@media screen and (max-width: 800px) {
	.companyHistory .list {
		gap: 24px;
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.companyHistory .list::before {
		top: 0;
		left: 4px;
		width: 5px;
	}

	.companyHistory .item {
		font-size: 15px;
		grid-template-columns: 19px 33px 18px 1fr;
		gap: 0px;
		line-height: 1.4;
	}

	.companyHistory .item::before {
		width: 11px;
		top: 11px;
	}

	.companyHistory .item .year {
		margin-left: 0px;
	}

	.companyHistory .item .body {
		grid-template-columns: 1fr;
		gap: 0.5em;
		font-size: 14px;
		margin-left: 8px;
		line-height: 1.5;
	}

	.companyHistory .item .txt {
		font-size: 13px;
	}

	.companyHistory .item .img {
		max-height: 30px;
	}

	.companyHistory .item .img>img {
		max-height: 30px;
	}
}

/* companyBoard */
.companyBoard .block1 {
	text-align: left;
	border-radius: 11px;
	border: 6px solid #ebebeb;
	padding: 30px 24px;
}

.companyBoard .block1 .ttl {
	font-weight: bold;
	line-height: 1;
	font-size: 18px;
}

.companyBoard .block1 .ttl:not(:first-of-type) {
	margin-top: 36px;
}

.companyBoard .block1 .list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	column-gap: 4px;
	row-gap: 12px;
	margin-top: 20px;
}

.companyBoard .block1 .item {
	display: grid;
	grid-template-columns: 6em 1fr;
	gap: 0.5em;
	line-height: 1;
	font-size: 15px;
}

.companyBoard .block1 .name {
	font-weight: 500;
}

.companyBoard .block1 .historyList {
	display: flex;
	flex-wrap: wrap;
	row-gap: 6px;
	align-content: baseline;
}

.companyBoard .block1 .historyItem {
	--marginRight: 20px;
	position: relative;
	color: var(--c1);
	line-height: 1;
	border-radius: 3px;
	border: 1px solid var(--c1);
	height: fit-content;
	font-weight: 400;
	font-size: 12px;
	padding: 1px 5px 2px;
	margin-right: var(--marginRight);
}

.companyBoard .block1 .historyItem.isNext::before {
	position: absolute;
	content: "";
	top: 50%;
	right: calc(-1 * (var(--marginRight) * 0.75));
	transform: translateY(-50%);
	background: url("/_pack/img/company_board_icon_01.svg") no-repeat center top/cover;
	aspect-ratio: 9/10;
	width: 9px;
}

.companyBoard .block2 {
	margin-top: 40px;
}

.companyBoard .block2 .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1;
	font-size: 22px;
}

.companyBoard .block2 .ttl:not(:first-of-type) {
	margin-top: 50px;
}

.companyBoard .block2 .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 24px;
	row-gap: 40px;
	margin-top: 24px;
}

.companyBoard .block2 .boardItem {
	scroll-margin-top: 20px;
	position: relative;
	display: grid;
	gap: 16px;
}

.companyBoard .block2 .imgBlock {
	position: relative;
	aspect-ratio: 260/173;
}

.companyBoard .block2 .imgBlock>img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	transition: transform 0.3s;
}

.companyBoard .block2 .boardItem.isActive .imgBlock>img {
	z-index: 2;
	transform: scale(1.1);
}

.companyBoard .block2 .txtBlock {
	z-index: 1;
}

.companyBoard .block2 .post {
	font-weight: 500;
	font-size: 13px;
	line-height: 1.6;
}

.companyBoard .block2 .info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}

.companyBoard .block2 .info .wrap {
	flex: 1;
	display: grid;
	grid-template-columns: 6em 1fr;
	align-items: end;
	gap: 1em;
	font-size: 16px;
	line-height: 1;
}

.companyBoard .block2 .name {
	font-weight: bold;
	white-space: nowrap;
}

.companyBoard .block2 .birth {
	font-size: 12px;
	white-space: nowrap;
}

.companyBoard .block2 .career {
	width: 56px;
	cursor: pointer;
	color: var(--c1);
	border-radius: 100px;
	border: 1px solid var(--c1);
	line-height: 1;
	font-size: 12px;
	padding: 2px 8px 3px;
}

.companyBoard .block2 .career::after {
	position: relative;
	display: inline-block;
	content: "\e917";
	font-family: iconFontA;
	font-size: 0.8em;
	margin-left: 4px;
}

.companyBoard .block2 .boardItem.isActive .career::after {
	content: "\e915";
}

.companyBoard .block2 .careerBlock {
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	--triangleHeightSize: 16px;
	position: absolute;
	bottom: 0;
	width: 130%;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #232d44;
	transform: translateY(calc(100% + 10px + var(--triangleHeightSize)));
	box-shadow: 8px 8px 0 0 rgba(42, 49, 64, 0.48);
	padding: 20px 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	transition: opacity 0.3s;
}

.companyBoard .block2 .boardItem.isActive .careerBlock {
	opacity: 1;
	visibility: visible;
}

.companyBoard .block2 .careerBlock::before {
	position: absolute;
	content: "";
	top: 0;
	transform: translateY(calc(-100% + 0.5px));
	background: url("/_pack/img/company_board_icon_02.svg") no-repeat center top/cover;
	aspect-ratio: 13/9;
	width: 20px;
}

.companyBoard .block2 .careerBlock .careerList {
	display: grid;
	line-height: 1.4;
	gap: 8px;
}

.companyBoard .block2 .careerBlock .item {
	display: grid;
	grid-template-columns: 4em 3em 1fr;
	font-size: 13px;
}

.companyBoard .block2 .careerBlock .year {
	text-align: right;
}

.companyBoard .block2 .careerBlock .month {
	text-align: right;
}

.companyBoard .block2 .careerBlock .desc {
	line-height: 1.4;
	margin-left: 1em;
}

@media screen and (min-width: 1001px) {
	.companyBoard .block2 .boardItem:nth-of-type(3n + 1) .careerBlock {
		left: 0;
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 2) .careerBlock {
		left: 50%;
		transform: translate(-50%, calc(100% + 10px + var(--triangleHeightSize)));
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 3) .careerBlock {
		right: 0;
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 1) .careerBlock::before {
		left: 20px;
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 2) .careerBlock::before {
		left: 50%;
		transform: translate(-50%, calc(-100% + 0.5px));
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 3) .careerBlock::before {
		right: 20px;
	}
}

@media (min-width: 801px) and (max-width: 1000px) {
	.companyBoard .block2 .list {
		grid-template-columns: repeat(2, 1fr);
	}

	.companyBoard .block2 .info {
		gap: 12px;
	}

	.companyBoard .block2 .career {
		width: fit-content;
	}

	.companyBoard .block2 .careerBlock {
		width: 130%;
	}

	.companyBoard .block2 .boardItem:nth-of-type(odd) .careerBlock {
		left: 0;
	}

	.companyBoard .block2 .boardItem:nth-of-type(even) .careerBlock {
		right: 0;
	}

	.companyBoard .block2 .boardItem:nth-of-type(odd) .careerBlock::before {
		left: 20px;
	}

	.companyBoard .block2 .boardItem:nth-of-type(even) .careerBlock::before {
		right: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.companyBoard .block1 .list {
		grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
	}
}

@media screen and (max-width: 800px) {
	.companyBoard .block1 {
		border-radius: 9px;
		border-width: 4px;
		padding: 20px;
	}

	.companyBoard .block1 .ttl {
		font-size: 15px;
	}

	.companyBoard .block1 .ttl:not(:first-of-type) {
		margin-top: 19px;
	}

	.companyBoard .block1 .list {
		grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
		column-gap: 4px;
		row-gap: 8px;
		margin-top: 16px;
	}

	.companyBoard .block1 .item {
		grid-template-columns: 6em 1fr;
		gap: 0.5em;
		line-height: 1;
		font-size: 13px;
	}

	.companyBoard .block1 .name {
		font-weight: 500;
	}

	.companyBoard .block1 .historyList {
		row-gap: 6px;
	}

	.companyBoard .block1 .historyItem {
		--marginRight: 16px;
		border-radius: 3px;
		border: 1px solid var(--c1);
		font-size: 11px;
		padding: 1px 2px 2px;
		margin-right: var(--marginRight);
	}

	.companyBoard .block1 .historyItem.isNext::before {
		width: 9px;
	}

	.companyBoard .block2 {
		margin-top: 40px;
	}

	.companyBoard .block2 .ttl {
		line-height: 1;
		font-size: 20px;
	}

	.companyBoard .block2 .ttl:not(:first-of-type) {
		margin-top: 24px;
	}

	.companyBoard .block2 .list {
		grid-template-columns: 1fr;
		column-gap: 24px;
		row-gap: 24px;
		margin-top: 24px;
	}

	.companyBoard .block2 .boardItem {
		scroll-margin-top: 20px;
		gap: 16px;
	}

	.companyBoard .block2 .imgBlock {
		position: relative;
		aspect-ratio: 260/173;
	}

	.companyBoard .block2 .imgBlock>img {
		border-radius: 8px;
		transition: transform 0.3s;
	}

	.companyBoard .block2 .boardItem.isActive .imgBlock>img {
		transform: scale(1.05);
	}

	.companyBoard .block2 .post {
		font-size: 13px;
		line-height: 1.6;
	}

	.companyBoard .block2 .info {
		grid-template-columns: 1fr 56px;
		gap: 8px;
	}

	.companyBoard .block2 .info .wrap {
		grid-template-columns: 6em 1fr;
		gap: 1em;
		font-size: 16px;
		line-height: 1;
	}

	.companyBoard .block2 .birth {
		font-size: 12px;
	}

	.companyBoard .block2 .career {
		line-height: 1;
		font-size: 12px;
		padding: 2px 8px 3px;
	}

	.companyBoard .block2 .career::after {
		font-size: 0.8em;
		margin-left: 4px;
	}

	.companyBoard .block2 .careerBlock {
		--triangleHeightSize: 16px;
		width: 100%;
		border-radius: 3px;
		transform: translateY(calc(100% + 10px + var(--triangleHeightSize)));
		box-shadow: 4px 4px 0 0 rgba(42, 49, 64, 0.48);
		padding: 20px 16px;
		margin-right: 4px;
		margin-bottom: 4px;
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 1) .careerBlock {
		left: 0;
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 2) .careerBlock {
		left: 0;
		transform: translate(0, calc(100% + 10px + var(--triangleHeightSize)));
	}

	.companyBoard .block2 .boardItem:nth-of-type(3n + 3) .careerBlock {
		right: 0;
		left: 0;
	}

	.companyBoard .block2 .careerBlock::before {
		transform: translateY(calc(-100% + 0.5px));
		width: 20px;
	}

	.companyBoard .block2 .boardItem .careerBlock::before {
		left: 20px;
	}

	.companyBoard .block2 .careerBlock .careerList {
		line-height: 1.4;
		gap: 8px;
	}

	.companyBoard .block2 .careerBlock .item {
		grid-template-columns: 4em 3em 1fr;
		font-size: 13px;
	}

	.companyBoard .block2 .careerBlock .desc {
		line-height: 1.4;
		margin-left: 1em;
	}
}

/* companyMessage */
.companyMessage .list {
	--contentSpace: 60px;
	display: grid;
	gap: var(--contentSpace);
}

.companyMessage .item {
	position: relative;
}

.companyMessage .item:not(:first-of-type) {
	border-top: 1px solid #b3c1d6;
	padding-top: var(--contentSpace);
}

.companyMessage .item:not(:first-of-type)::before {
	position: absolute;
	content: "";
	top: -1px;
	left: 0;
	height: 1px;
	width: 20%;
	min-width: 80px;
	background-color: var(--c1);
}

.companyMessage .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 25px;
}

.companyMessage .profile {
	display: grid;
	grid-template-columns: min(35%, 260px) 1fr;
	gap: 24px;
	align-items: center;
	margin-top: 40px;
}

.companyMessage .imgBlock {
	aspect-ratio: 260/173;
}

.companyMessage .imgBlock>img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.companyMessage .txtBlock {
	text-align: left;
	line-height: 1.5;
}

.companyMessage .post {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 5px;
}

.companyMessage .name {
	font-weight: 900;
	font-size: 25px;
}

.companyMessage .txS {
	font-weight: 500;
	font-size: 16px;
}

.companyMessage .mail {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	font-size: 14px;
	color: #9badc9;
	margin-top: 6px;
}

.companyMessage .mail::before {
	position: relative;
	display: inline-block;
	content: "\e901";
	font-family: iconFontA;
	font-size: 1.4em;
}

.companyMessage .subttl {
	color: var(--c2);
	font-weight: bold;
	line-height: 1.7;
	font-size: 20px;
	margin-top: 40px;
}

.companyMessage .desc {
	line-height: 2.15;
	font-size: 14px;
	margin-top: 40px;
}

.companyMessage .desc:not(:first-of-type) {
	margin-top: 1em;
}

.companyMessage .desc .bold {
	font-weight: bold;
}

.companyMessage .desc .ti1em {
	padding-left: 1em;
	text-indent: -1em;
}

.companyMessage .anotation {
	display: inline-block;
	color: #969696;
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 2em;
	line-height: 1.7;
}

@media screen and (max-width: 800px) {
	.companyMessage .list {
		--contentSpace: 32px;
		gap: var(--contentSpace);
	}

	.companyMessage .item:not(:first-of-type) {
		padding-top: var(--contentSpace);
	}

	.companyMessage .item:not(:first-of-type)::before {
		width: 20%;
		min-width: 80px;
		background-color: var(--c1);
	}

	.companyMessage .ttl {
		line-height: 1.4;
		font-size: 20px;
	}

	.companyMessage .profile {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 20px;
	}

	.companyMessage .imgBlock {
		aspect-ratio: 260/173;
	}

	.companyMessage .imgBlock>img {
		border-radius: 6px;
	}

	.companyMessage .txtBlock {
		line-height: 1.5;
	}

	.companyMessage .post {
		font-size: 14px;
	}

	.companyMessage .name {
		font-weight: 900;
		font-size: 22px;
	}

	.companyMessage .txS {
		font-weight: 500;
		font-size: 14px;
	}

	.companyMessage .mail {
		gap: 8px;
		font-weight: 500;
		font-size: 14px;
		margin-top: 6px;
	}

	.companyMessage .mail::before {
		font-size: 1.4em;
	}

	.companyMessage .subttl {
		line-height: 1.7;
		font-size: 16px;
		margin-top: 20px;
	}

	.companyMessage .desc {
		font-size: 13px;
		margin-top: 24px;
		line-height: 1.9;
	}

	.companyMessage .desc:not(:first-of-type) {
		margin-top: 1em;
	}

	.companyMessage .anotation {
		font-size: 12px;
		margin-top: 1em;
	}
}

/* companyOffice */
.companyOffice .ttl {
	font-weight: 900;
	color: var(--c1);
	line-height: 1.4;
	font-size: 25px;
}

.companyOffice .subTtl {
	font-weight: bold;
	color: var(--c2);
	line-height: 1.4;
	font-size: 19px;
	margin-top: 40px;
}

.companyOffice .block1 .inner {
	display: grid;
	grid-template-columns: 1fr 40%;
	gap: 20px;
	margin-top: 40px;
}

.companyOffice .block1 .subTtl {
	margin-top: 0;
}

.companyOffice .block1 .desc {
	line-height: 2;
	font-size: 14px;
	margin-top: 28px;
}

.companyOffice .block1 .imgBlock {
	aspect-ratio: 34/18;
}

.companyOffice .block1 .imgBlock>img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.companyOffice .block2 {
	text-align: left;
}

.companyOffice .block2 .desc {
	line-height: 2;
	font-size: 14px;
	margin-top: 30px;
}

.companyOffice .block2 .list {
	display: grid;
	gap: 28px;
	margin-top: 38px;
}

.companyOffice .block2 .item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "itemImg itemTxt";
	align-items: center;
	gap: 48px;
}

.companyOffice .block2 .item:nth-of-type(even) {
	grid-template-areas: "itemTxt itemImg";
}

.companyOffice .block2 .imgBlock {
	grid-area: itemImg;
	aspect-ratio: 395/250;
}

.companyOffice .block2 .imgBlock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.companyOffice .block2 .txtBlock {
	grid-area: itemTxt;
}

.companyOffice .block2 .itemTxt {
	font-family: Oswald;
	color: var(--c1);
	font-weight: bold;
	font-size: 25px;
	line-height: 1;
}

.companyOffice .block2 .itemTxt>.txS {
	font-weight: 900;
	font-size: 16px;
	white-space: nowrap;
}

.companyOffice .block2 .itemDesc {
	margin-top: 25px;
}

@media screen and (max-width: 800px) {
	.companyOffice .ttl {
		line-height: 1.4;
		font-size: 20px;
	}

	.companyOffice .subTtl {
		line-height: 1.4;
		font-size: 16px;
		margin-top: 20px;
	}

	.companyOffice .block1 .inner {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 20px;
	}

	.companyOffice .block1 .desc {
		line-height: 2;
		font-size: 13px;
		margin-top: 10px;
	}

	.companyOffice .block2 .desc {
		line-height: 2;
		font-size: 13px;
		margin-top: 10px;
	}

	.companyOffice .block2 .list {
		gap: 20px;
		margin-top: 24px;
	}

	.companyOffice .block2 .item {
		grid-template-columns: 1fr;
		grid-template-areas:
			"itemImg"
			"itemTxt";
		gap: 10px;
	}

	.companyOffice .block2 .item:nth-of-type(even) {
		grid-template-areas:
			"itemImg"
			"itemTxt";
	}

	.companyOffice .block2 .imgBlock {
		aspect-ratio: 16/9;
	}

	.companyOffice .block2 .itemTxt {
		font-size: 20px;
		line-height: 1;
	}

	.companyOffice .block2 .itemTxt>.txS {
		font-size: 16px;
	}

	.companyOffice .block2 .itemDesc {
		margin-top: 10px;
	}
}

/* companyBrand */
.companyBrand .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 25px;
}

.companyBrand .block1 {
	text-align: left;
}

.companyBrand .block1 .comment {
	background-color: #e8e8e8;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	font-size: 19px;
	padding: 20px;
	margin-top: 30px;
}

.companyBrand .block1 .img {
	aspect-ratio: 818/284;
	margin-top: 40px;
}

.companyBrand .block1 .img>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.companyBrand .block1 .desc {
	line-height: 2;
	font-size: 14px;
	margin-top: 70px;
}

.companyBrand .block1 .inner {
	display: grid;
	align-items: center;
	grid-template-columns: 30% 1fr;
	gap: 40px;
	margin-top: 24px;
}

.companyBrand .block1 .inner .desc {
	margin-top: 0;
}

.companyBrand .block1 .inner .logo {
	aspect-ratio: 258/85;
}

.companyBrand .block2 {
	text-align: left;
}

.companyBrand .block2 .subTtl {
	color: var(--c2);
	font-weight: 900;
	line-height: 1.4;
	font-size: 42px;
	margin-top: 51px;
}

.companyBrand .block2 .head {
	font-weight: 900;
	line-height: 1.4;
	font-size: 24px;
	margin-top: 20px;
}

.companyBrand .block2 .desc {
	font-size: 14px;
	margin-top: 50px;
}

@media screen and (max-width: 800px) {
	.companyBrand .ttl {
		line-height: 1.4;
		font-size: 20px;
	}

	.companyBrand .block1 .comment {
		line-height: 1.4;
		font-size: 16px;
		padding: 17px;
		margin-top: 20px;
	}

	.companyBrand .block1 .img {
		margin-top: 40px;
	}

	.companyBrand .block1 .desc {
		line-height: 2;
		font-size: 14px;
		margin-top: 30px;
	}

	.companyBrand .block1 .inner {
		grid-template-columns: 1fr;
		gap: 0px;
		margin-top: 10px;
	}

	.companyBrand .block1 .inner .logo {
		aspect-ratio: 258/85;
		display: grid;
		place-items: center;
	}

	.companyBrand .block1 .inner .logo>svg {
		max-width: 258px;
	}

	.companyBrand .block2 .subTtl {
		line-height: 1.4;
		font-size: 24px;
		margin-top: 24px;
	}

	.companyBrand .block2 .head {
		line-height: 1.4;
		font-size: 18px;
		margin-top: 16px;
	}

	.companyBrand .block2 .desc {
		font-size: 14px;
		margin-top: 24px;
	}
}

/* companyAnnoying */
.companyAnnoying .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 25px;
}

.companyAnnoying .block1 {
	text-align: left;
}

.companyAnnoying .block1 .desc {
	font-size: 14px;
}

.companyAnnoying .block1 .list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 42px;
	margin-top: 40px;
}

.companyAnnoying .block1 .item {
	text-align: left;
}

.companyAnnoying .block1 .item .img {
	height: 97px;
}

.companyAnnoying .block1 .item .img>img {
	object-fit: contain;
	width: auto;
	height: 100%;
}

.companyAnnoying .block1 .item .head {
	color: var(--c1);
	font-weight: 900;
	font-size: 21px;
	line-height: 1;
	margin-top: 20px;
}

.companyAnnoying .block1 .item .desc {
	line-height: 2;
	font-size: 14px;
	margin-top: 20px;
}

.companyAnnoying .block1 .item .desc .line {
	color: var(--c1);
	background-image: linear-gradient(transparent 60%, #eefb7d 40%);
	font-weight: bold;
}

.companyAnnoying .block1>.ttl {
	margin-top: 48px;
}

.companyAnnoying .block2 .desc {
	margin-top: 40px;
}

.companyAnnoying .block3 {
	text-align: left;
}

.companyAnnoying .block3>.list {
	display: grid;
	gap: 60px;
	margin-top: 60px;
}

.companyAnnoying .block3>.list>.item {
	display: grid;
	grid-template-columns: 40% 1fr;
	grid-template-rows: repeat(2, auto);
	grid-template-areas:
		"itemImg itemHead"
		"itemImg itemTxt";
	column-gap: 40px;
}

.companyAnnoying .block3 .item>.head {
	grid-area: itemHead;
	display: inline-block;
	width: fit-content;
	border: 2px solid var(--c1);
	border-radius: 4px;
	font-weight: bold;
	color: var(--c1);
	line-height: 1.4;
	font-size: 21px;
	padding: 7px 16px 6px;
}

.companyAnnoying .block3 .imgBlock {
	grid-area: itemImg;
}

.companyAnnoying .block3 .imgBlock>img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

.companyAnnoying .block3 .txtBlock {
	grid-area: itemTxt;
}

.companyAnnoying .block3 .strengths {
	background-color: #eef1fa;
	padding: 20px;
	margin-top: 24px;
}

.companyAnnoying .block3 .strengths .head {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.4;
	font-size: 18px;
}

.companyAnnoying .block3 .strengths .list {
	margin-top: 16px;
	display: grid;
	gap: 20px;
}

.companyAnnoying .block3 .strengths .item {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px;
}

.companyAnnoying .block3 .strengths .item::before {
	position: relative;
	display: inline-block;
	font-family: iconFontA;
	content: "\ea4c";
	color: var(--c1);
	line-height: 1;
	font-size: 1.5em;
	transform: translateY(3px);
}

.companyAnnoying .block3 .strengths .itemTtl {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.6;
}

.companyAnnoying .block3 .strengths .itemDesc {
	line-height: 1.6;
	font-size: 14px;
	margin-top: 4px;
}

.companyAnnoying .block3 .btn {
	margin-top: 20px;
}

/* ________ 801_1000 ________ */
@media screen and (min-width:801px) and (max-width: 1000px) {

	/* companyAnnoying */
	.companyAnnoying .ttl {
		color: var(--c1);
		font-weight: 900;
		line-height: 1.4;
		font-size: 25px;
	}

	.companyAnnoying .block1 {}

	.companyAnnoying .block1 .desc {
		font-size: 14px;
	}

	.companyAnnoying .block1 .list {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 25px;
		margin-top: 32px;
	}

	.companyAnnoying .block1 .item {}

	.companyAnnoying .block1 .item .img {
		height: 77px;
	}

	.companyAnnoying .block1 .item .img>img {
		object-fit: contain;
		width: auto;
		height: 100%;
	}

	.companyAnnoying .block1 .item .head {
		font-size: 20px;
		margin-top: 18px;
	}

	.companyAnnoying .block1 .item .desc {
		line-height: 1.9;
		font-size: 13px;
		margin-top: 13px;
	}

	.companyAnnoying .block1 .item .desc .line {
		color: var(--c1);
		background-image: linear-gradient(transparent 60%, #eefb7d 40%);
		font-weight: bold;
	}

	.companyAnnoying .block1>.ttl {
		margin-top: 31px;
	}

	.companyAnnoying .block2 .desc {
		margin-top: 30px;
	}

	.companyAnnoying .block3 {
		text-align: left;
	}

	.companyAnnoying .block3>.list {
		display: grid;
		gap: 60px;
		margin-top: 60px;
	}

	.companyAnnoying .block3>.list>.item {
		grid-template-columns: 40% 1fr;
		column-gap: 15px;
	}

	.companyAnnoying .block3 .item>.head {
		line-height: 1.4;
		font-size: 19px;
		padding: 5px 12px 6px;
	}

	.companyAnnoying .block3 .imgBlock {
		grid-area: itemImg;
	}

	.companyAnnoying .block3 .imgBlock>img {
		object-fit: contain;
		width: 100%;
		height: auto;
	}

	.companyAnnoying .block3 .txtBlock {}

	.companyAnnoying .block3 .strengths {
		padding: 15px;
		margin-top: 21px;
	}

	.companyAnnoying .block3 .strengths .head {
		font-size: 17px;
	}

	.companyAnnoying .block3 .strengths .list {
		margin-top: 14px;
		gap: 15px;
	}

	.companyAnnoying .block3 .strengths .item {
		gap: 5px;
	}

	.companyAnnoying .block3 .strengths .item::before {
		font-size: 1.3em;
	}

	.companyAnnoying .block3 .strengths .itemTtl {
		font-size: 14px;
		line-height: 1.45;
	}

	.companyAnnoying .block3 .strengths .itemDesc {
		line-height: 1.6;
		font-size: 14px;
		margin-top: 4px;
	}

	.companyAnnoying .block3 .btn {
		margin-top: 20px;
	}

}


@media screen and (max-width: 800px) {
	.companyAnnoying .ttl {
		line-height: 1.4;
		font-size: 20px;
	}

	.companyAnnoying .block1 .desc {
		font-size: 13px;
	}

	.companyAnnoying .block1 .list {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 32px;
		margin-top: 17px;
	}

	.companyAnnoying .block1 .item .img {
		height: 80px;
	}

	.companyAnnoying .block1 .item .head {
		font-size: 17px;
		line-height: 1;
		margin-top: 15px;
	}

	.companyAnnoying .block1 .item .desc {
		line-height: 1.9;
		font-size: 13px;
		margin-top: 10px;
	}

	.companyAnnoying .block1>.ttl {
		margin-top: 24px;
	}

	.companyAnnoying .block2 .desc {
		margin-top: 24px;
	}

	.companyAnnoying .block3>.list {
		gap: 40px;
		margin-top: 30px;
	}

	.companyAnnoying .block3>.list>.item {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		grid-template-areas:
			"itemHead"
			"itemImg"
			"itemTxt";
		column-gap: 40px;
	}

	.companyAnnoying .block3 .item>.head {
		width: fit-content;
		border: 2px solid var(--c1);
		border-radius: 4px;
		line-height: 1.4;
		font-size: 15px;
		padding: 7px 7px 6px;
	}

	.companyAnnoying .block3 .imgBlock {
		display: grid;
		place-items: center;
		margin-top: 20px;
	}

	.companyAnnoying .block3 .imgBlock>img {
		width: 90%;
	}

	.companyAnnoying .block3 .strengths {
		padding: 20px 10px;
		margin-top: 24px;
	}

	.companyAnnoying .block3 .strengths .head {
		line-height: 1.4;
		font-size: 18px;
	}

	.companyAnnoying .block3 .strengths .list {
		margin-top: 10px;
		gap: 10px;
	}

	.companyAnnoying .block3 .strengths .item {
		grid-template-columns: auto 1fr;
		gap: 6px;
	}

	.companyAnnoying .block3 .strengths .item::before {
		line-height: 1;
		font-size: 1.5em;
		transform: translateY(3px);
	}

	.companyAnnoying .block3 .strengths .itemTtl {
		font-size: 14px;
		line-height: 1.6;
	}

	.companyAnnoying .block3 .strengths .itemDesc {
		line-height: 1.6;
		font-size: 14px;
		margin-top: 4px;
	}

	.companyAnnoying .block3 .btn {
		text-align: center;
		margin-top: 20px;
	}
}

/* companyPublic */
.companyPublic .ttl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 25px;
}

.companyPublic .block1 {
	text-align: left;
}

.companyPublic .block1 .desc {
	font-size: 14px;
}

.companyPublic .block1 .ttl {
	margin-top: 40px;
}

.companyPublic .block1 .list {
	display: grid;
	margin-top: 32px;
}

.companyPublic .block1 .item {
	background-color: #edf1f5;
	padding: 20px;
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	align-items: end;
	line-height: 1;
}

.companyPublic .block1 .item:nth-of-type(even) {
	background-color: #f7f7f7;
}

.companyPublic .block1 .date {
	font-family: Oswald;
	font-size: 16px;
}

.companyPublic .block1 .desc {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 12px;
}

.companyPublic .block1 .link {
	display: flex;
	align-items: end;
	gap: 20px;
	font-weight: 500;
	font-size: 14px;
}

.companyPublic .block1 .link::after {
	font-family: iconFontA;
	content: "\e921";
	font-size: 1.2em;
	position: relative;
	top: 2px;
}

.companyPublic .block1 .info {
	color: #a3a6a9;
	font-size: 11px;
	white-space: nowrap;
}

.companyPublic .block2 {
	text-align: left;
}

.companyPublic .block2 .list {
	display: grid;
	margin-top: 32px;
}

.companyPublic .block2 .item {
	background-color: #edf1f5;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 12px;
	line-height: 1;
}

.companyPublic .block2 .item:nth-of-type(even) {
	background-color: #f7f7f7;
}

.companyPublic .block2 .link {
	display: flex;
	align-items: end;
	gap: 20px;
	font-weight: 500;
	font-size: 14px;
}

.companyPublic .block2 .link::after {
	font-family: iconFontA;
	content: "\e921";
	font-size: 1.2em;
	position: relative;
	top: 2px;
}

.companyPublic .block2 .info {
	color: #a3a6a9;
	font-size: 11px;
	white-space: nowrap;
}

@media screen and (max-width: 800px) {
	.companyPublic .ttl {
		line-height: 1.4;
		font-size: 20px;
	}

	.companyPublic .block1 .desc {
		font-size: 14px;
	}

	.companyPublic .block1 .ttl {
		margin-top: 20px;
	}

	.companyPublic .block1 .list {
		margin-top: 20px;
	}

	.companyPublic .block1 .item {
		padding: 15px;
		gap: 16px;
		align-items: start;
		line-height: 1;
	}

	.companyPublic .block1 .date {
		font-size: 17px;
	}

	.companyPublic .block1 .desc {
		gap: 8px;
	}

	.companyPublic .block1 .link {
		gap: 16px;
		font-size: 15px;
	}

	.companyPublic .block1 .link::after {
		font-size: 1em;
	}

	.companyPublic .block1 .info {
		font-size: 11px;
	}

	.companyPublic .block2 .list {
		margin-top: 20px;
	}

	.companyPublic .block2 .item {
		padding: 15px;
		gap: 8px;
	}

	.companyPublic .block2 .link {
		gap: 16px;
		font-size: 15px;
	}

	.companyPublic .block2 .link::after {
		font-size: 1em;
	}

	.companyPublic .block2 .info {
		font-size: 11px;
	}
}

/*=======================================================================
form
=======================================================================*/
/* // 共通
----------------------------------------------- */
.formInner.col2 {
	display: grid;
	grid-template-columns: 1fr 410px;
	gap: 20px;
}

.formSideWrap {
	--topMargin: 100px;
	--bottomMargin: 20px;
	position: sticky;
	overflow-y: auto;
	top: var(--topMargin);
	height: 100%;
	max-height: calc(100vh - var(--topMargin) - var(--bottomMargin));
}

.formSideWrap iframe {
	/* 各CSS変数の値はMTタグでインラインで指定 */
	--dlIframeHeightPC: 780px;
	--dlIframeHeightTB: 780px;
	--dlIframeHeightSP: 780px;
	height: var(--dlIframeHeightPC);
}

@media screen and (max-width: 800px) {
	.formSideWrap iframe {
		height: var(--dlIframeHeightTB);
	}
}

@media screen and (max-width: 620px) {
	.formSideWrap iframe {
		height: var(--dlIframeHeightSP);
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.formInner.col2 {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.formSideWrap {
		--topMargin: 100px;
		--bottomMargin: 20px;
		overflow-y: unset;
		height: auto;
		max-height: none;
	}
}

/* // usonardemo
----------------------------------------------- */
.usonardemo .head {
	color: var(--c1);
	font-weight: bold;
	line-height: 1.6;
	font-size: 20px;
}

.usonardemo .desc {
	line-height: 2;
	font-size: 15px;
	margin-top: 32px;
}

.usonardemo .targetBox {
	margin-bottom: 50px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.usonardemo .head {
		line-height: 1.6;
		font-size: 20px;
	}

	.usonardemo .desc {
		line-height: 2;
		font-size: 15px;
		margin-top: 32px;
	}

	.usonardemo .targetBox {
		margin-bottom: 32px;
	}
}

/* // contact
----------------------------------------------- */
.formContentWrap iframe {
	/* 各CSS変数の値はMTタグでインラインで指定 */
	--dlIframeHeightPC: 780px;
	--dlIframeHeightTB: 780px;
	--dlIframeHeightSP: 780px;
	height: var(--dlIframeHeightPC);
}

@media screen and (max-width: 800px) {
	.formContentWrap iframe {
		height: var(--dlIframeHeightTB);
	}
}

@media screen and (max-width: 620px) {
	.formContentWrap iframe {
		height: var(--dlIframeHeightSP);
	}
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // contactThanks
----------------------------------------------- */
.contactThanks .ttl {
	line-height: 1.6;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // pitchThanks
----------------------------------------------- */
.pitchThanks .ttl {
	line-height: 1.6;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // howto
----------------------------------------------- */
.formContentWrap {
	max-width: 1600px;
	margin: 0 0 0 auto;
}

.formSideWrap.howto {
	--topMargin: 10px;
	--bottomMargin: 0px;
}

.formSideWrap.howto .formTitle h4 {
	text-align: center;
}

.formSideWrap.howto .formTitle p {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background-color: var(--c1);
	padding: 5px 15px;
	border-radius: 3px;
	text-align: center;
	margin: 10px auto 0;
	max-width: 500px;
}

.formCap {
	margin-left: 15px;
	margin-right: 15px;
}

.widthFixCase .formInner.col2 {
	gap: 0;
}

@media screen and (min-width: 801px) and (max-width: 1400px) {
	.widthFixCase .formInner {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.formTitle img {
		max-width: 500px;
	}

	.formSideWrap.howto iframe {
		height: var(--dlIframeHeightMR);
	}
}

@media screen and (max-width: 1400px) {
	.formSideWrap.howto {
		max-height: fit-content;
		margin-left: 15px;
		margin-right: 12px;
	}
}

/*===========================================================
privacy
===========================================================*/
/* // 共通
----------------------------------------------- */
.pagePrivacy {
	font-size: 15px;
	text-align: left;
}

.privacyLink {
	font-weight: bold;
	color: var(--c1);
	font-size: 1em;
	display: inline-block;
	text-indent: initial;
}

.privacyAnnotation {
	color: #737373;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}

.privacyTtl {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 24px;
	margin-bottom: 25px;
}

.privacyTtl:not(:first-of-type) {
	margin-top: 70px;
}

p+.privacyTtl:first-of-type {
	margin-top: 70px;
}

.privacyTtl2 {
	display: grid;
	grid-template-columns: 0.8em 1fr;
	gap: 0.4em;
	font-weight: bold;
	line-height: 1.4;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 14px;
}

.privacyTtl2::before {
	display: inline-block;
	content: "";
	aspect-ratio: 1;
	border-radius: 50%;
	width: 0.8em;
	background-color: #000;
	transform: translateY(0.4em);
}

.privacyTi1em {
	padding-left: 1em;
	text-indent: -1em;
}

.privacyTi2em {
	padding-left: 2em;
	text-indent: -2em;
}

.privacyPat1em {
	padding-left: 1em;
}

.privacyOl {
	counter-reset: number 0;
}

.privacyOl>li {
	display: grid;
	grid-template-columns: 1.5em 1fr;
}

.privacyOl>li::before {
	counter-increment: number 1;
	content: counter(number) ".";
}

.privacyUlTx>li {
	display: grid;
	grid-template-columns: 0.8em 1fr;
	gap: 0.4em;
}

.privacyUlTx>li::before {
	display: inline-block;
	content: "";
	aspect-ratio: 1;
	border-radius: 50%;
	width: 0.8em;
	background-color: #000;
	transform: translateY(0.75em);
}

.pagePrivacy table {
	overflow-x: auto;
}

.pagePrivacy table thead,
.pagePrivacy table tbody,
.pagePrivacy table tfoot,
.pagePrivacy table tr {
	display: contents;
}

.pagePrivacy table th,
.pagePrivacy table td {
	display: block;
	line-height: 1.6;
	font-size: 15px;
	padding: 18px 22px;
	border-bottom: 1px solid #ebeaea;
	border-right: 1px solid #ebeaea;
}

.pagePrivacy table th {
	display: grid;
	place-items: center;
	text-align: center;
	font-weight: bold;
	color: var(--c1);
	background-color: #f6f6f6;
}

.pagePrivacy table td {
	background-color: #fff;
}

.pagePrivacy table {
	border-top: 1px solid #ebeaea;
	border-left: 1px solid #ebeaea;
}

.pagePrivacy table th[colspan="2"],
.pagePrivacy table td[colspan="2"] {
	grid-column: auto / span 2;
}

.pagePrivacy table th[rowspan="2"],
.pagePrivacy table td[rowspan="2"] {
	grid-row: auto / span 2;
}

.privacyTable2col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.privacyTable3col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.pagePrivacy {
		font-size: 13px;
		line-height: 1.8;
	}

	.privacyTtl {
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 16px;
	}

	.privacyTable2col {
		grid-template-columns: repeat(2, 220px);
	}

	.privacyTable3col {
		grid-template-columns: repeat(3, 220px);
	}

	.pagePrivacy table th,
	.pagePrivacy table td {
		line-height: 1.6;
		font-size: 12px;
		padding: 15px 16px;
	}

	.privacyAnnotation {
		font-size: 12px;
		line-height: 1.5;
	}
}

/* // privacy
----------------------------------------------- */
.privacyList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

.privacyList .link {
	border-top: 4px solid var(--c1);
	border-radius: 7px;
	background-color: #fff;
	display: grid;
	place-content: center;
	gap: 32px;
	padding: 40px;
	text-align: center;
	color: var(--c1);
	box-shadow: 6px 6px 46px 0 rgba(0, 0, 0, 0.11);
	transition: 0.3s;
}

.privacyList .link:hover {
	background-color: #f9fbff;
}

.privacyList .ttl {
	text-align: center;
	font-weight: 900;
	line-height: 1.4;
	font-size: 23px;
	color: var(--c1);
}

.privacyList .desc {
	text-align: center;
	line-height: 2;
	font-weight: 500;
	font-size: 14px;
	color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.privacyList {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.privacyList .link {
		border-top: 4px solid var(--c1);
		border-radius: 7px;
		gap: 16px;
		padding: 24px 20px;
		box-shadow: 6px 6px 46px 0 rgba(0, 0, 0, 0.11);
	}

	.privacyList .ttl {
		line-height: 1.4;
		font-size: 21px;
	}

	.privacyList .desc {
		line-height: 1.9;
		font-size: 12px;
	}
}

/* // statement
----------------------------------------------- */
.statementTabList {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.statementTabList>.tabItem {
	cursor: pointer;
	width: min(100%, 300px);
	text-align: center;
	border: 1px solid var(--c1);
	color: var(--c1);
	background-color: #fff;
	font-weight: bold;
	line-height: 1;
	font-size: 16px;
	transition: all 0.3s;
	padding: 15px;
}

.statementTabContent {
	visibility: hidden;
	display: none;
	opacity: 0;
}

.statementTabContent.isShow {
	visibility: visible;
	opacity: 1;
	display: block;
}

.statementTabList>.tabItem.isActive {
	cursor: default;
	background-color: var(--c1);
	color: #fff;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.statementTabList {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0px;
	}

	.statementTabList>.tabItem {
		display: grid;
		place-items: center;
		cursor: pointer;
		width: min(100%, 300px);
		line-height: 1;
		font-size: 15px;
		padding: 16px 10px;
	}
}

/*===========================================================
support
===========================================================*/
/* // support
----------------------------------------------- */
.supportInner {
	text-align: left;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}

.supportInner .imgBlock {
	position: sticky;
	top: 80px;
	left: 0;
	aspect-ratio: 555/390;
	height: fit-content;
}

.supportInner .imgBlock>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.supportInner .head {
	display: inline-block;
	background-color: var(--c1);
	color: #fff;
	border-radius: 4px;
	font-weight: 900;
	line-height: 1.4;
	font-size: 22px;
	padding: 4px 24px 5px;
}

.supportInner .dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 18px;
	color: var(--c1);
	margin-top: 30px;
}

.supportInner .dt {
	height: fit-content;
	text-align: center;
	border: 1px solid var(--c1);
	border-radius: 3px;
	line-height: 1;
	font-weight: 500;
	font-size: 17px;
	min-width: 84px;
	padding: 4px 10px 5px;
	margin-top: 3px;
}

.supportInner .dd {
	line-height: 1.8;
	font-size: 16px;
}

.supportInner .tx1 {
	color: var(--c1);
	line-height: 1.9;
	font-weight: 500;
	font-size: 16px;
	margin-top: 24px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.supportInner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.supportInner .imgBlock {
		position: relative;
		top: 0px;
		left: 0;
		aspect-ratio: 555/390;
		height: fit-content;
	}

	.supportInner .head {
		line-height: 1.4;
		font-size: 18px;
		padding: 4px 16px 5px;
	}

	.supportInner .dl {
		grid-template-columns: auto 1fr;
		gap: 12px;
		margin-top: 24px;
	}

	.supportInner .dt {
		font-size: 14px;
		min-width: 70px;
		padding: 4px 10px 5px;
		margin-top: 3px;
	}

	.supportInner .dd {
		line-height: 1.8;
		font-size: 14px;
	}

	.supportInner .tx1 {
		line-height: 1.9;
		font-size: 14px;
		margin-top: 16px;
	}
}

/*===========================================================
service > lbc
===========================================================*/
.serviceLbc .head1 {
	display: inline-block;
	background-color: var(--c1);
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	line-height: 1.4;
	font-size: 18px;
	padding: 5px 12px 6px;
}

.serviceLbc .head2 {
	color: var(--c1);
	font-weight: 900;
	line-height: 1.4;
	font-size: 26px;
	margin-top: 30px;
}

.serviceLbc .innerA {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	color: var(--c1);
	font-size: 17px;
	line-height: 1;
	margin-top: 24px;
}

.serviceLbc .tx1 {
	border: 1px solid var(--c1);
	border-radius: 4px;
	font-weight: 500;
	padding: 5px 15px 6px;
}

.serviceLbc .tx2 {
	font-weight: bold;
}

/* table4col */
table.table4col {
	overflow-x: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

table.table4col thead,
table.table4col tbody,
table.table4col tfoot,
table.table4col tr {
	display: contents;
}

table.table4col th,
table.table4col td {
	display: block;
	line-height: 1.6;
	font-size: 15px;
	padding: 18px 15px;
	border-bottom: 1px solid #ebeaea;
	border-right: 1px solid #ebeaea;
}

table.table4col th {
	display: grid;
	place-items: center;
	text-align: center;
	font-weight: bold;
	color: var(--c1);
	background-color: #f6f6f6;
}

table.table4col td {
	text-align: center;
	background-color: #fff;
}

table.table4col {
	border-top: 1px solid #ebeaea;
	border-left: 1px solid #ebeaea;
}

/* サービス資料 */
.serviceLbc {}

/* =====SP===== */
@media screen and (max-width: 800px) {
	.serviceLbc .head1 {
		border-radius: 3px;
		line-height: 1.4;
		font-size: 16px;
		padding: 5px 12px 6px;
	}

	.serviceLbc .head2 {
		line-height: 1.4;
		font-size: 22px;
		margin-top: 20px;
	}

	.serviceLbc .innerA {
		gap: 12px;
		font-size: 15px;
		margin-top: 24px;
	}

	.serviceLbc .tx1 {
		border-radius: 4px;
		padding: 5px 15px 6px;
	}

	.serviceLbc .tx2 {
		font-weight: bold;
	}

	table.table4col {
		grid-template-columns: repeat(4, max(25%, 130px));
	}

	table.table4col th,
	table.table4col td {
		line-height: 1.6;
		font-size: 13px;
		padding: 13px 4px;
	}
}

/*===========================================================
404
===========================================================*/
.p404Ttl {
	color: var(--c1);
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	font-size: 22px;
}

.p404Num {
	font-family: Oswald;
	text-align: center;
	line-height: 1;
	font-size: 100px;
	color: var(--c1);
}

.p404En {
	font-family: Oswald;
	text-align: center;
	line-height: 1;
	font-size: 34px;
	color: var(--c1);
}

.p404Link {
	position: relative;
	color: var(--c1);
}

.p404Link:hover {
	text-decoration: underline;
}

.p404Link::before {
	position: relative;
	display: inline-block;
	content: "";
	width: 0.7em;
	aspect-ratio: 1;
	background-color: var(--c1);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-right: 4px;
}

/* // articleTocA
----------------------------------------------- */
.articleTocA .frame {
	background: #fff;
	border: 1px solid var(--c1);
	margin-top: 40px;
	padding: 30px 40px;
	border-radius: 5px;
}

.articleTocA .title {
	text-align: center;
	color: var(--c1);
	font-weight: 600;
	font-size: 130%;
}

.articleTocA .wrap p a {
	font-weight: 500;
	color: var(--c1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
	.articleTocA .frame {
		margin-top: 30px;
		padding: 19px 20px;
	}
}

/* // type=popup
----------------------------------------------- */
html.popup .popupHide,
html.popup .pc_header,
html.popup .sp_header,
html.popup .modalBtn.A,
html.popup .spModalMenu.A,
html.popup .breadcrumbA,
html.popup .footerCtaA,
html.popup .siteFooter {
	display: none;
}

html.popup #Container {
	padding-top: 0px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}

/* // sidebarA
----------------------------------------------- */
/* ________SP________ */
@media screen and (max-width: 800px) {
	.sidebarA {
		background-color: #fff;
		padding: 60px 40px 60px;
		margin-left: -15px;
		width: calc(100% + 29px);
	}
}

/* // sideStickyBlock
----------------------------------------------- */
.sideStickyBlock {
	position: sticky;
	top: 20px;
	text-align: center;
}

/* ________SP________ */
@media screen and (max-width: 800px) {}


/*===========================================================
規約/WP等
===========================================================*/
.terms p {
	font-size: 110%;
	text-align: unset;
}

.terms h4 {
	text-align: unset;
}

.terms a {
	color: #183374;
	font-weight: 700;
	text-decoration: underline;
}

/*===========================================================
VideoTips
===========================================================*/
.faq_include .title {
	font-size: 34px;
}


/* // プリント設定 //
----------------------------------------------- */
@page {
	margin: 10mm;
	size: 210mm 297mm;
	/* A4縦サイズ */
}

@media print {

	.print_none,
	.blogSide.sidebarA,
	.companyPageNav,
	.seminarSingleForm,
	.caseSingleBSec3.sectionA.bgGradA,
	.caseSingleASec5.sectionA.bgGradA,
	.newsSideWrap,
	.footerCtaA,
	.caption,
	.otherNews,
	.blogBannerA.blogBnrRepeat,
	.min-bttn.blog-bttn,
	.relatedBlog,
	.blogRecommend,
	.formSideWrap {
		display: none !important;
	}

	.blogInner,
	.companyPageInner,
	.seminarSingleInner,
	.newsInner,
	.formInner.col2 {
		display: block;
	}

	body {
		-webkit-print-color-adjust: exact;
		width: 1400px !important;
		zoom: 0.77
	}
}



/*===========================================================
Blog sidebar202405
===========================================================*/
.blogSide .writerWrap {
	padding: 17px;
	display: block;
	margin-top: 0px !important;
	margin-bottom: 30px;
}

.blogSide .writerWrap .imgBlock {
	width: 50%;
	margin: 10px auto;
}

.blogSide .writerWrap .writer {
	text-align: center;
}

.blogSide .writerWrap .position {
	text-align: center;
}

.blogSide .writerWrap .desc {
	text-align: justify;
}

.blogCat .list {
	gap: 10px;
}

.fancybox-button.fancybox-button--arrow_left,
.fancybox-button.fancybox-button--arrow_right {
	display: none;
}

.blogBnrPopup.fancybox-content>.animHoverA {
	display: block;
}

.blogBnrPopup.fancybox-content>.animHoverA img {
	width: 100%;
}

.blogPopular {
	margin-bottom: 30px;
	margin-top: 0;
}

.blogPopular .headTtl {
	border-bottom: 2.5px solid #2c83f5;
}

.blogPopular .list {
	margin-top: 10px;
}

.blogPopular .item:nth-child(1) .imgblock:before {
	content: "1";
}

.blogPopular .item:nth-child(2) .imgblock:before {
	content: "2";
}

.blogPopular .item:nth-child(3) .imgblock:before {
	content: "3";
}

.blogPopular .item:nth-child(4) .imgblock:before {
	content: "4";
}

.blogPopular .item:nth-child(5) .imgblock:before {
	content: "5";
}

.blogPopular .imgblock:before {
	font-size: .75em;
	background: #FF9F80;
	color: #fff;
	padding: 3px 7px 3px;
	font-weight: 800;
}

.blogCat {
	padding: 27px 20px;
	margin: 30px 0;
}

.blogCat .headTtl {
	color: var(--c1);
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 20px 12px;
	text-align: left;
}

.sidebarA .btnA .tx {
	padding-left: 0;
	padding-right: 0;
}

.blogSide .seminarItem {
	border: none;
}

.blogSide .seminarItem .article {
	display: block;
	padding: 0;
}

.blogSide .seminarItem .thumbnail {
	aspect-ratio: unset;
}

.blogSide .seminarItem .thumbnail>img {
	height: auto;
	border-radius: unset;
}

.blogSide .seminarItem .body {
	margin: 10px;
}

.blogSide .seminarItem .top {
	display: block;
}

.blogSide .seminarItem .time {
	margin-top: 5px;
}

.blogSide .seminarItem .time>.txl {
	font-size: 15px;
}

.blogSide .seminarItem .time::before {
	font-size: 15px;
	margin-right: 3px;
}

.blogSide .seminarItem .ttl {
	font-weight: 800;
	font-size: 16px;
	margin-top: 14px;
}

.blogSide .seminarItem .cat {
	color: #fff;
	font-size: 0.9rem;
}

@media screen and (max-width: 800px) {
	.blogSide .writerWrap {
		display: none;
	}

	.blogSide svg {
		width: 25px;
	}

	.blogSide .btn {
		text-align: center;
		padding-top: 15px;
	}

	.sideStickyBlock .mat40 {
		margin-top: 70px !important;
	}
}

/* // msonar
----------------------------------------------- */

.msonar_container {
	overflow: hidden;
}

.msonar_mv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 64px;
	min-height: 771px;
	background: url(/_pack/img/msonar_visual_bg.jpg) no-repeat center center;
	background-size: cover;
}


.msonar_mv_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


.msonar_mv_txt {
	text-align: left;
}

@media screen and (max-width: 1280px) {
	.msonar_mv_txt {
		padding-left: 20px;
	}
}

@media screen and (max-width: 1110px) {
	.msonar_mv_txt {
		width: 45%;
	}
}


.msonar_mv_txt_head {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 1110px) {
	.msonar_mv_txt_head {
		display: block;
	}
}

.msonar_mv_txt_logo {
	flex-shrink: 0;
	width: 180px !important;
}


.msonar_mv_txt_lead {
	padding: 6px 8px;
	border: 1px solid #183374;
	color: #183374;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
}

@media screen and (max-width: 1110px) {
	.msonar_mv_txt_lead {
		display: inline-block;
		margin: 15px 0;
	}
}


.msonar_mv_txt_txt {
	width: 529px;
	margin: 16px 0 40px;
}

@media screen and (max-width: 1110px) {
	.msonar_mv_txt_txt {
		max-width: 100%;
	}
}


.msonar_mv_txt_icons {
	width: 470px;
}

@media screen and (max-width: 1110px) {
	.msonar_mv_txt_icons {
		max-width: 100%;
	}
}

.msonar_mv_mov {
	position: relative;
	flex-shrink: 0;
	width: 600px;
}

@media screen and (max-width: 1280px) {
	.msonar_mv_mov {
		width: 500px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1110px) {
	.msonar_mv_mov {
		width: 50%;
	}
}



.msonar_mv_mov:before {
	content: "名刺ソナーから大幅進化！";
	position: absolute;
	right: -25px;
	top: -15px;
	transform: rotate(5deg);
	padding: 0 15px;
	border: 1px solid #002B69;
	border-radius: 100px;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #183374;
}

@media screen and (max-width: 1280px) {
	.msonar_mv_mov:before {
		right: 0;
	}
}

.msonar_mv_mov_video {
	width: 100%;
}

.msonar_mv_mov_award {
	margin: 12px 0 0 0;
	text-align: center;
}


.msonar_mv_mov_award img {
	width: 374px;
}

.msonar_mv_btns {
	display: flex;
	justify-content: center;
	gap: 16px;
}



.msonar_mv_btns .btnA {
	max-width: initial;
	width: 360px;
	padding-left: 10px;
	padding-right: 10px;
}


.msonar_about {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 50px;
}


@media screen and (max-width: 1110px) {
	.msonar_about {
		gap: 5%;
	}
}

@media screen and (max-width: 1280px) {
	.msonar_about {
		padding: 0 20px;
	}
}

.msonar_about_img {
	position: relative;
	flex-shrink: 0;
	width: 550px;
	padding: 0 30px 0 80px;
}

@media screen and (max-width: 1110px) {
	.msonar_about_img {
		width: 45%;
	}
}


.msonar_about_img_base {
	width: 100%;
}

.msonar_about_img_data {
	position: absolute;
	left: 1.8%;
	top: 0;
	width: 36.9%;
}


.msonar_about_img_plus {
	position: absolute;
	right: 4%;
	bottom: 3.1%;
	width: 66.7%;
}

.msonar_about_txt {
	text-align: left;
}

@media screen and (max-width: 1110px) {
	.msonar_about_txt {
		width: 50%;
	}
}



.msonar_about_txt_logo {
	width: 200px !important;
}



.msonar_about_txt_title {
	margin: 16px 0 24px;
	font-size: 33px;
	font-weight: 900;
	line-height: 1.6;
}


.msonar_about_txt_txt {
	font-size: 16px;
	line-height: 2;
}

.msonar_about_txt .btnA {
	margin: 32px 0 0 0;
}

.msonar_about_btn {
	width: 100%;
	text-align: center;
}

.msonar_movie {
	width: 800px;
	margin: 0 auto;
	box-shadow: 14px 14px 67px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 840px) {
	.msonar_movie {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}


.msonar_cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	min-height: 400px;
	background: url(/_pack/img/msonar_cta_bg.jpg) no-repeat center center;
	background-size: cover;
}


.msonar_cta_logo {
	width: 250px !important;
}

.msonar_cta_lead {
	margin: 24px 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}



.msonar_cta_btns {
	display: flex;
	justify-content: center;
	gap: 48px;
}

@media screen and (max-width: 1024px) {
	.msonar_cta_btns {
		justify-content: space-between;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		gap: 0;
	}
}

.msonar_cta_btns .btnA {
	width: 417px;
}

@media screen and (max-width: 1024px) {
	.msonar_cta_btns .btnA {
		width: 47.5%;
	}

	.msonar_cta_btns .btnA .tx {
		padding-left: 0;
		padding-right: 0;
	}
}

.msonar_solution {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}


.msonar_solution_item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 16px);
	border-radius: 4px;
	background: #fff;
	box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.08);
}

.msonar_solution_head {
	position: relative;
	padding: 32px 10px;
	border-radius: 4px 4px 0 0;
	text-align: center;
}

.msonar_solution_icon {
	position: absolute;
	left: 50%;
	top: -17px;
	transform: translateX(-50%);
	width: 200px;
	border-radius: 100px;
	background: #0F214A;
	text-align: center;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 34px;
}

.msonar_solution_lead {
	margin: 0 0 24px 0;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 600;
	color: #183374;
	text-align: center;
}

.msonar_solution_lead span {
	background: linear-gradient(transparent 60%, #F6FFD0 60%);
}

.msonar_solution_img {
	width: 231px;
}

.msonar_solution_body {
	position: relative;
	margin: auto 0 0 0;
	padding: 24px;
	border-radius: 0 0 4px 4px;
	background: #0F214A;
	color: #fff;
	text-align: center;
}

.msonar_solution_body:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	border-style: solid;
	border-width: 8px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	transform: translateX(-50%);
}

.msonar_solution_nara {
	display: inline-block;
	margin: 0 0 16px 0;
	padding: 0 15px;
	border-radius: 100px;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 24px;
}

.msonar_solution_list li {
	padding: 0 0 0 26px;
	background: url(/_pack/img/msonar_chk.svg) no-repeat left top;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
}

.msonar_solution_list li+li {
	margin-top: 6px;
}

.msonar_lead {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.msonar_lead span {
	color: #ED0613;
}

.msonar_benefit_item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 80px 0;
}

@media screen and (max-width: 1280px) {
	.msonar_benefit_item {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.msonar_benefit_item.odd {
	flex-direction: row-reverse;
}

.msonar_benefit_item.widthFix:after {
	display: none;
}

.msonar_benefit_txt {
	width: 50%;
	text-align: left;
}


.msonar_benefit_num {
	color: #183374;
	font-size: 24px;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	line-height: 1;
}

.msonar_benefit_num span {
	font-size: 40px;
}

.msonar_benefit_title {
	display: inline-block;
	margin: 12px 0 16px;
	padding: 8px 12px;
	border-radius: 4px;
	background: #0F214A;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.msonar_benefit_lead {
	font-size: 32px;
	line-height: 1.6;
	font-weight: 600;
	color: #183374;
}

.msonar_benefit_lead span {
	color: #4D83EF;
	background: linear-gradient(transparent 60%, #FEFA99 60%);
}

.msonar_benefit_list {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #D9DBE2;
}

.msonar_benefit_list li {
	position: relative;
	padding: 0 0 0 26px;
	font-size: 16px;
	line-height: 1.5;
	color: #183374;
}

.msonar_benefit_list li+li {
	margin-top: 10px;
}

.msonar_benefit_list li:before {
	content: "";
	display: block;
	width: 20px;
	height: 18px;
	background: url(/_pack/img/parts_checkicon_01.svg) no-repeat left top/contain;
	position: absolute;
	left: 0;
	top: 5px;
}

.msonar_benefit_img {
	width: 45%;
}

.msonar_benefit_img img {
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	vertical-align: top;
}

.msonar_benefit_customer {
	padding: 80px 0;
}

.msonar_benefit_customer_lead {
	color: #183374;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}


.msonar_benefit_customer_list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	margin: 64px 0 0 0;
	padding: 40px;
	border-radius: 8px;
	background: #E0EDFF;
}


.msonar_benefit_customer_list div {
	position: absolute;
	left: 50%;
	top: 0;
	padding: 0 40px;
	border-radius: 100px;
	background: #4D83EF;
	line-height: 42px;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.msonar_benefit_customer_list div span {
	font-size: 24px;
}

.msonar_benefit_customer_list div:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #4D83EF transparent transparent transparent;
	transform: translate(-50%, 100%);
}

.msonar_benefit_customer_list img,
.msonar_benefit_customer_list p {
	width: calc(25% - 18px);
}


.msonar_benefit_customer_list p {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 27px;
	font-family: "Oswald", sans-serif;
	text-align: center;
}

.msonar_table {
	margin-top: 64px;
}

.msonar_functions.functionItemsB>li {
	padding: 12px 16px 12px 88px;
	border: none;
	border-radius: 5px;
}

.msonar_functions.functionItemsB>li .icon {
	position: absolute;
	top: 20px;
	left: 16px;
	transform: none;
	width: 60px;
	height: 60px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	display: block;
	padding: 0;
}

.msonar_functions.functionItemsB>li .name .text {
	margin: 0;
	font-size: 16px;
	color: #0F214A;
}

.msonar_functions.functionItemsB>li .description {
	font-size: 13px;
	color: #000;
}

.msonar_scan {
	max-width: 1000px;
	margin: 90px auto 110px;
	padding: 40px 40px 35px 325px;
	border: 4px solid #183374;
	border-radius: 8px;
	background: url(/_pack/img/msonar_scan.png) no-repeat 40px 40px #fff;
	background-size: 245px auto;
	text-align: left;
}


.msonar_scan_lead {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	border-radius: 100px;
	background: #183374;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 32px;
}


.msonar_scan_lead:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #183374 transparent transparent transparent;
	transform: translate(-50%, 100%);
}

.msonar_scan_title {
	margin: 10px 0 15px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.57;
	color: #183374;
}

.msonar_scan_txt {
	font-size: 14px;
	line-height: 2;
}

.msonar_voiceall {
	text-align: right;
	font-size: 16px;
}

.msonar_voiceall a {
	color: #183374;
	text-decoration: underline;
}

.msonar_voiceall a:hover {
	text-decoration: none;
}

.msonar_charge {
	width: 892px;
	margin: 64px auto 0;
}

@media screen and (max-width: 952px) {
	.msonar_charge {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}

.msonar_charge p {
	margin: 16px 0 0 0;
	text-align: right;
}

.msonar_charge p a {
	color: #4D83EF;
	text-decoration: underline;
	font-size: 16px;
	font-weight: 600;
}


.msonar_charge p a:hover {
	text-decoration: none;
}

.msonar_charge p .icon {
	margin-left: 10px;
	vertical-align: 2px;
	font-size: 16px;
	color: #4D83EF;
}

.msonar_effort {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
}

@media screen and (max-width: 952px) {
	.msonar_effort {
		flex-wrap: wrap;
		padding: 0 20px;
	}
}

.msonar_effort_item {
	width: calc(25% - 22.5px);
}

@media screen and (max-width: 952px) {
	.msonar_effort_item {
		width: calc(50% - 15px);
	}
}

.msonar_effort_img {
	border-radius: 8px;
}

.msonar_effort_title {
	margin: 20px 0 12px;
	font-size: 22px;
	font-weight: 600;
	color: #183374;
}

.msonar_effort_txt {
	font-size: 15px;
	line-height: 1.8;
}

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

	.msonar_mv {
		display: block;
		min-height: initial;
		padding: 43px 0 44px;
		background: url(/_pack/img/msonar_visual_bg_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.msonar_mv_inner {
		display: block;
	}

	.msonar_mv_txt_logo {
		width: 140px !important;
	}

	.msonar_mv_txt_lead {
		margin-bottom: 0;
		padding: 6px 8px;
		line-height: 120%;
	}

	.msonar_mv_txt_txt {
		margin: 13px 0 23px;
	}

	.msonar_mv_txt_icons {
		max-width: initial;
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}

	.msonar_mv_mov {
		width: auto;
		margin: 24px 0 0 0;
		padding-left: 6px;
		padding-right: 6px;
		padding-right: 0;
	}

	.msonar_mv_mov:before {
		right: -14px;
		top: -14px;
		padding: 1px 9px;
		font-size: 8px;
	}

	.msonar_mv_mov_award {
		margin: 7px 0 0 0;
	}

	.msonar_mv_mov_award img {
		width: 65.5%;
	}

	.msonar_mv_btns {
		flex-direction: column;
		margin: 32px 0 0 0;
		padding-left: 45px;
		padding-right: 45px;
	}

	.msonar_mv_btns .btnA {
		width: 100%;
		vertical-align: middle;
	}


	.msonar_about_img {
		width: 100%;
		padding: 0 20px 0 45px;
	}

	.msonar_about_img_data {
		top: -6%;
	}

	.msonar_about_txt {
		width: auto;
		padding: 0 3px;
	}

	.msonar_about_txt_logo {
		width: 170px !important;
	}

	.msonar_about_txt_title {
		font-size: 22px;
	}

	.msonar_about_txt_txt {
		font-size: 13px;
		line-height: 1.8;
	}

	.msonar_about_txt .btnA {
		margin-top: 40px;
	}

	.msonar_movie {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.msonar_cta {
		min-height: initial;
		padding: 39px 0 44px;
		gap: 32px;
	}

	.msonar_cta_logo {
		width: 180px !important;
	}

	.msonar_cta_lead {
		margin-top: 8px;
		font-size: 10.5px;
	}

	.msonar_scan {
		max-width: initial;
		margin: 40px 11px 0;
		padding: 22px 20px 216px;
		background-position: center bottom;
		background-size: auto 192px;
		text-align: center;
	}

	.msonar_scan_lead {
		font-size: 16px;
		line-height: 30px;
		white-space: nowrap;
	}

	.msonar_scan_title {
		margin: 15px 0;
		font-size: 21px;
		text-align: left;
	}

	.msonar_scan_txt {
		font-size: 12px;
		text-align: left;
	}

	.msonar_mv_txt {
		width: auto;
		padding-left: 6px;
		padding-right: 6px;
	}

	.msonar_about {
		flex-direction: column-reverse;
		gap: 32px;
		padding: 0;
	}

	.msonar_cta_btns {
		flex-direction: column;
		justify-content: flex-start;
		gap: 20px;
	}

	.msonar_cta_btns .btnA {
		width: 100%;
		max-width: initial;
	}

	.msonar_solution {
		padding-left: 16px;
		padding-right: 16px;
		flex-direction: column;
		gap: 47px;
		margin-top: 57px;
	}

	.msonar_solution_item {
		width: 100%;
	}

	.msonar_solution_nara {
		margin-bottom: 9px;
	}

	.msonar_solution_list li {
		padding: 6px 0 0 26px;
		background-position: 0 3px;
		font-size: 12px;
	}

	.msonar_lead {
		font-size: 15px;
	}

	.msonar_lead-sp {
		text-align: left;
	}

	.msonar_lead-sp br {
		display: none;
	}


	.msonar_benefit_item {
		flex-direction: column;
		gap: 56px;
		padding: 40px 15px;
	}

	.msonar_benefit_item.odd {
		flex-direction: column;
	}

	.msonar_benefit_txt {
		width: 100%;
		text-align: center;
	}

	.msonar_benefit_num {
		font-size: 20px;
		text-align: center;
	}

	.msonar_benefit_num span {
		font-size: 34px;
	}

	.msonar_benefit_title {
		padding: 4px 8px;
		font-size: 15px;
	}

	.msonar_benefit_lead {
		padding: 4px 8px;
		font-size: 23px;
	}

	.msonar_benefit_list li {
		font-size: 12px;
	}

	.msonar_benefit_list li:before {
		top: 2px;
	}

	.msonar_benefit_img {
		width: 100%;
	}

	.msonar_benefit_customer {
		padding: 60px 15px;
	}

	.msonar_benefit_customer_lead {
		font-size: 15px;
	}

	.msonar_benefit_customer_list {
		gap: 12px;
		margin-top: 48px;
		padding: 36px 20px 20px;
	}

	.msonar_benefit_customer_list div {
		padding: 0 20px;
		font-size: 15px;
		line-height: 28px;
		white-space: nowrap;
	}

	.msonar_benefit_customer_list div span {
		font-size: 18px;
	}


	.msonar_benefit_customer_list img,
	.msonar_benefit_customer_list p {
		width: calc(25% - 9px);
	}

	.msonar_benefit_customer_list p {
		font-size: 18px;
	}

	.msonar_table {
		margin-top: 40px;
	}

	.msonar_functions.functionItemsB {
		padding: 0 11px;
	}

	.msonar_functions.functionItemsB>li {
		min-height: 84px;
	}

	.msonar_functions.functionItemsB>li .icon {
		top: 12px;
		left: 16px;
	}

	.msonar_voiceall {
		font-size: 13px;
	}

	.msonar_charge {
		width: auto;
		margin: 40px 0 0 0;
	}

	.msonar_charge p a {
		font-size: 14px;
	}

	.msonar_charge p .icon {
		font-size: 14px;
	}

	.msonar_effort {
		flex-direction: column;
		gap: 32px;
		padding: 0 16px;
	}

	.msonar_effort_item {
		width: auto;
	}

	.msonar_effort_img {
		width: 100%;
		height: fit-content;
		aspect-ratio: 330/200;
		object-fit: cover;
	}

	.msonar_effort_title {
		margin: 16px 0 7px;
		font-size: 18px;
	}

	.msonar_effort_txt {
		font-size: 13px;
	}
}



/* // plansonar
----------------------------------------------- */
.plansonar_container {
	overflow: hidden;
}

.plansonar_mv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 64px;
	min-height: 570px;
	background-size: cover;
}

.plansonar_mv_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.plansonar_mv_txt {
	text-align: left;
}

@media screen and (max-width: 1280px) {
	.plansonar_mv_txt {
		padding-left: 20px;
	}
}

@media screen and (max-width: 1110px) {
	.plansonar_mv_txt {
		width: 45%;
	}
}

.plansonar_mv_txt_head {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 1110px) {
	.plansonar_mv_txt_head {
		display: block;
	}
}

.plansonar_mv_txt_logo {
	flex-shrink: 0;
	width: 180px !important;
}

.plansonar_mv_txt_lead {
	padding: 5px 8px;
	border: 1px solid #183374;
	color: #183374;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;

}

@media screen and (max-width: 1110px) {
	.plansonar_mv_txt_lead {
		display: inline-block;
		margin: 15px 0;
	}
}

.plansonar_mv_txt_txt {
	width: 529px;
	margin: 16px 0 40px;
}

@media screen and (max-width: 1110px) {
	.plansonar_mv_txt_txt {
		max-width: 100%;
	}
}


@media screen and (max-width: 1280px) {
	.plansonar_mv_mov:before {
		right: 0;
	}
}

.plansonar_mv_mov_video {
	width: 100%;
}

.plansonar_mv_mov_award {
	margin: 12px 0 0 0;
	text-align: center;
}

.plansonar_mv_mov_award img {
	width: 374px;
}

.plansonar_mv_btns {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.plansonar_mv_btns .btnA {
	max-width: initial;
	width: 360px;
	padding-left: 10px;
	padding-right: 10px;
}

.plansonar_about {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
	gap: 50px;
}

@media screen and (max-width: 1280px) {
	.plansonar_about {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1110px) {
	.plansonar_about {
		gap: 5%;
	}
}


.plansonar_functions.functionItemsB>li {
	padding: 12px 16px 12px 88px;
	border: none;
	border-radius: 5px;
}

.plansonar_functions.functionItemsB>li .icon {
	position: absolute;
	top: 20px;
	left: 16px;
	transform: none;
	width: 60px;
	height: 60px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	display: block;
	padding: 0;
}

.plansonar_functions.functionItemsB>li .name .text {
	margin: 0;
	font-size: 16px;
	color: #0F214A;
}

.plansonar_functions.functionItemsB>li .description {
	font-size: 13px;
	color: #000;
}


.fanction_about_img {
	position: relative;
	flex-shrink: 0;
	width: 600px;
	padding: 0 30px 0 0px;
}

.plansonar_about_img {
	position: relative;
	flex-shrink: 0;
	width: 600px;
	padding: 0 30px 0 0px;
}

@media screen and (max-width: 1110px) {
	.plansonar_about_img {
		width: 45%;
	}
}

.plansonar_about_img_base {
	width: 100%;
}

.plansonar_about_img_data {
	position: absolute;
	left: 1.8%;
	top: 0;
	width: 36.9%;
}

.plansonar_about_img_plus {
	position: absolute;
	right: 4%;
	bottom: 3.1%;
	width: 66.7%;
}

.plansonar_about_txt {
	text-align: left;
	width: 59%;
}

.plansonar_fanction_about_img {
	flex:1;
}

.plansonar_about_txt_logo {
	width: 200px !important;
}

.plansonar_about_txt_title {
	margin: 16px 0 24px;
	font-size: 33px;
	font-weight: 800;
	line-height: 1.6;
}

.plansonar_about_txt_title span {
	color: #4D83EF;
}

.plansonar_about_txt_txt {
	font-size: 16px;
	line-height: 2;
}

.plansonar_about_txt .btnA {
	margin: 32px 0 0 0;
}

.plansonar_about_btn {
	width: 100%;
	text-align: center;
}

.plansonar_movie {
	width: 800px;
	margin: 0 auto;
	box-shadow: 14px 14px 67px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 840px) {
	.plansonar_movie {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}

.plansonar_cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	min-height: 400px;
	background: url(/_pack/img/plansonar_cta_bg.jpg) no-repeat center center;
	background-size: cover;
}

.plansonar_cta_logo {
	width: 250px !important;
}

.plansonar_cta_lead {
	margin: 24px 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}


.plansonar_cta_btns {
	display: flex;
	justify-content: center;
	gap: 48px;
}

@media screen and (max-width: 1024px) {
	.plansonar_cta_btns {
		justify-content: space-between;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		gap: 0;
	}
}

.plansonar_cta_btns .btnA {
	width: 417px;
}

@media screen and (max-width: 1024px) {
	.plansonar_cta_btns .btnA {
		width: 47.5%;
	}

	.plansonar_cta_btns .btnA .tx {
		padding-left: 0;
		padding-right: 0;
	}
}

.plansonar_solution {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}


.plansonar_solution_item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 16px);
	border-radius: 4px;
	background: #fff;
	box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.08);
}

.plansonar_solution_head {
	position: relative;
	padding: 32px 10px;
	border-radius: 4px 4px 0 0;
	text-align: center;
}

.plansonar_solution_icon {
	position: absolute;
	left: 50%;
	top: -17px;
	transform: translateX(-50%);
	width: 200px;
	border-radius: 100px;
	background: #0F214A;
	text-align: center;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 34px;
}

.plansonar_solution_lead {
	margin: 0 0 24px 0;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 600;
	color: #183374;
	text-align: center;
}

.plansonar_solution_lead span {
	background: linear-gradient(transparent 60%, #F6FFD0 60%);
}

.plansonar_solution_img {
	width: 231px;
}

.plansonar_solution_body {
	position: relative;
	margin: auto 0 0 0;
	padding: 24px;
	border-radius: 0 0 4px 4px;
	background: #0F214A;
	color: #fff;
	text-align: center;
}

.plansonar_solution_body:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	border-style: solid;
	border-width: 8px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	transform: translateX(-50%);
}

.plansonar_solution_nara {
	display: inline-block;
	margin: 0 0 16px 0;
	padding: 0 15px;
	border-radius: 100px;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 24px;
}

.plansonar_mv_txt_icons {
	width: 470px;
}

@media screen and (max-width: 1110px) {
	.plansonar_mv_txt_icons {
		max-width: 100%;
	}
}


.plansonar_mv_mov {
	position: relative;
	flex-shrink: 0;
	width: 600px;
}

@media screen and (max-width: 1280px) {
	.plansonar_mv_mov {
		width: 500px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1110px) {
	.plansonar_mv_mov {
		width: 50%;
	}
}

.plansonar_solution_list li {
	padding: 0 0 0 26px;
	background: url(/_pack/img/plansonar_chk.svg) no-repeat left top;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
}

.plansonar_solution_list li+li {
	margin-top: 6px;
}

.plansonar_lead {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.plansonar_lead span {
	color: #428BC4;
}

.plansonar_benefit_item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 80px 0;
}

@media screen and (max-width: 1280px) {
	.plansonar_benefit_item {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.plansonar_benefit_item.odd {
	flex-direction: row-reverse;
}

.plansonar_benefit_item.widthFix:after {
	display: none;
}

.plansonar_benefit_txt {
	width: 50%;
	text-align: left;
}


.plansonar_benefit_num {
	color: #183374;
	font-size: 24px;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	line-height: 1;
}

.plansonar_benefit_num span {
	font-size: 40px;
}

.plansonar_benefit_title {
	display: inline-block;
	margin: 12px 0 16px;
	padding: 8px 12px;
	border-radius: 4px;
	background: #0F214A;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.plansonar_benefit_lead {
	font-size: 32px;
	line-height: 1.6;
	font-weight: 600;
	color: #183374;
}

.plansonar_benefit_lead span {
	color: #4D83EF;
	background: linear-gradient(transparent 60%, #FEFA99 60%);
}

.plansonar_benefit_list {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #D9DBE2;
}

.plansonar_benefit_list li {
	position: relative;
	padding: 0 0 0 26px;
	font-size: 16px;
	line-height: 1.5;
	color: #183374;
}

.plansonar_benefit_list li+li {
	margin-top: 10px;
}

.plansonar_benefit_list li:before {
	content: "";
	display: block;
	width: 20px;
	height: 18px;
	background: url(/_pack/img/parts_checkicon_01.svg) no-repeat left top/contain;
	position: absolute;
	left: 0;
	top: 5px;
}

.plansonar_benefit_img {
	width: 45%;
}

.plansonar_benefit_img img {
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	vertical-align: top;
}

.plansonar_benefit_customer {
	padding: 80px 0;
}

.plansonar_benefit_customer_lead {
	color: #183374;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}

.plansonar_benefit_customer_list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	margin: 64px 0 0 0;
	padding: 40px;
	border-radius: 8px;
	background: #E0EDFF;
}

.plansonar_benefit_customer_list div {
	position: absolute;
	left: 50%;
	top: 0;
	padding: 0 40px;
	border-radius: 100px;
	background: #4D83EF;
	line-height: 42px;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.plansonar_benefit_customer_list div span {
	font-size: 24px;
}


.plansonar_benefit_customer_list div:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #4D83EF transparent transparent transparent;
	transform: translate(-50%, 100%);
}

.plansonar_benefit_customer_list img,
.plansonar_benefit_customer_list p {
	width: calc(25% - 18px);
}


.plansonar_benefit_customer_list p {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 27px;
	font-family: "Oswald", sans-serif;
	text-align: center;
}

.plansonar_table {
	margin-top: 64px;
}


.plansonar_functions.functionItemsB>li {
	padding: 12px 16px 12px 88px;
	border: none;
	border-radius: 5px;
}

.plansonar_functions.functionItemsB>li .icon {
	position: absolute;
	top: 20px;
	left: 16px;
	transform: none;
	width: 60px;
	height: 60px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	display: block;
	padding: 0;
}

.plansonar_functions.functionItemsB>li .name .text {
	margin: 0;
	font-size: 16px;
	color: #0F214A;
}

.plansonar_functions.functionItemsB>li .description {
	font-size: 13px;
	color: #000;
}

.plansonar_scan {
	max-width: 1000px;
	margin: 90px auto 110px;
	padding: 40px 40px 35px 325px;
	border: 4px solid #183374;
	border-radius: 8px;
	background: url(/_pack/img/plansonar_scan.png) no-repeat 40px 40px #fff;
	background-size: 245px auto;
	text-align: left;
}


.plansonar_scan_lead {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	border-radius: 100px;
	background: #183374;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 32px;
}

.plansonar_scan_lead:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #183374 transparent transparent transparent;
	transform: translate(-50%, 100%);
}

.plansonar_scan_title {
	margin: 10px 0 15px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.57;
	color: #183374;
}

.plansonar_scan_txt {
	font-size: 14px;
	line-height: 2;
}

.plansonar_voiceall {
	text-align: right;
	font-size: 16px;
}

.plansonar_voiceall a {
	color: #183374;
	text-decoration: underline;
}

.plansonar_voiceall a:hover {
	text-decoration: none;
}

.plansonar_charge {
	width: 892px;
	margin: 64px auto 0;
}

@media screen and (max-width: 952px) {
	.plansonar_charge {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}

.plansonar_charge p {
	margin: 16px 0 0 0;
	text-align: right;
}

.plansonar_charge p a {
	color: #4D83EF;
	text-decoration: underline;
	font-size: 16px;
	font-weight: 600;
}

.plansonar_charge p a:hover {
	text-decoration: none;
}

.plansonar_charge p .icon {
	margin-left: 10px;
	vertical-align: 2px;
	font-size: 16px;
	color: #4D83EF;
}

.plansonar_effort {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
}

@media screen and (max-width: 952px) {
	.plansonar_effort {
		flex-wrap: wrap;
		padding: 0 20px;
	}
}

.plansonar_effort_item {
	width: calc(25% - 22.5px);
}

@media screen and (max-width: 952px) {
	.plansonar_effort_item {
		width: calc(50% - 15px);
	}
}


.plansonar_effort_img {
	border-radius: 8px;
}

.plansonar_effort_title {
	margin: 20px 0 12px;
	font-size: 22px;
	font-weight: 600;
	color: #183374;
}

.plansonar_effort_txt {
	font-size: 15px;
	line-height: 1.8;
}


.plansonar_htx1 {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #4D83EF;
	margin-top: 64px;
	line-height: 150%;
}

.plansonar_htx1 span {
	font-size: 55px;
	font-weight: 600;
}


.plansonar_how_fanction {
	background-color: #fff;
	box-shadow: var(--shadow2);
	padding: 32px 40px;
	border-radius: 5px;
	margin-bottom: 32px;
	text-align: left;
}

.fanction_about_img {
	width: 480px;
	padding: 0;
}

@media screen and (max-width: 1110px) {
	.plansonar_fanction_about_img {
		width: 45%;
	}
}

.plansonar_how_title {
	width: 330px;
	margin-bottom: 16px;
}

@media screen and (max-width: 1110px) {
	.plansonar_how_title {
		width: 300px;
	}
}

@media screen and (max-width: 800px) {
	.plansonar_htx1 {
		font-size: 16px;
		margin-top: 40px;
		line-height: 1.8;
	}

	.plansonar_htx1 span {
		font-size: 25px;
		line-height: 0.9;
	}

	.plansonar_how_fanction {
		padding: 24px;
	}

	.plansonar_how_fanction .description {
		padding-bottom: 24px;
	}

	.plansonar_fanction_about_img {
		width: 100%;
		padding: 0;
	}

	.plansonar_how_title {
		width: 200px;
		margin-bottom: 8px;
	}
}




.plansonar_how_inner {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.plansonar_how_inner .description,
.compares_top_mass p {
	font-size: 14px;
	line-height: 1.8;
}

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

	.plansonar_how_inner .description,
	.plansonar_compares_top_mass p {
		font-size: 13px;
	}
}

@media screen and (max-width: 800px) {
	.plansonar_how_inner {
		display: block;
	}
}

.plansonar_how_lead {
	text-align: left;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 32px;
}

@media screen and (max-width: 800px) {
	.plansonar_how_lead {
		font-size: 19px;
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 800px) {
	.plansonar_how_inner .plansonar_about_txt {
		padding: 0;
	}
}

.plansonar_how_lead span {
	color: #4D83EF;
}

.plansonar_what_plansonar {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin: 80px 0 64px 0;
}


.plansonar_what_item {
	text-align: center;

}

.plansonar_shadow-image {
	box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.08);
	border-radius: 100vw;
}

.plansonar_effect_figure {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin: 0 auto;
}

.plansonar_shadow-image-effect {
	box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.08);
}

.plansonar_figure_item {
	background-color: #fff;
	padding: 24px 48px;
	text-align: left;
}

.plansonar_figure_title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	color: #0F214A;
	padding: 3px 16px;
	border-left: 4px solid #0F214A;
}

.plansonar_big_figure {
	font-family: oswald;
	font-size: 88px;
	font-weight: bold;
	line-height: 1;
	background: linear-gradient(to right, #49A8F4, #0F214A);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin: 16px 0;
}

.plansonar_big_figure span {
	font-size: 40px;
}


.plansonar_effect_figure .description {
	line-height: 1.6;
}


.plansonar_compares_top_catch {
	font-size: 24px;
	font-weight: 600;
	color: #183374;
}


.plansonar_compares_top_catch span {
	font-size: 32px;
	color: #4D83EF;
}

.plansonar_compares_top_mass_title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: #183374;
	padding: 3px 16px;
	border-left: 6px solid #183374;
	margin-bottom: 16px;
	text-align: left;
}

/* タブレット向けのスタイル */
@media (min-width: 801px) and (max-width: 1024px) {
	.plansonar_compares_top_mass_title {
		font-size: 29px;
	}
}


.plansonar_compares_top_container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin: 0 auto;
}

/* タブレット向けのスタイル */
@media (min-width: 801px) and (max-width: 1024px) {
	.plansonar_compares_top_container {
		gap: 32px;
	}
}

.plansonar_compares_top_mass,
.plansonar_compares_top_mass02 {
	margin: 40px 0;
}


.plansonar_compares_top_mass_list {
	list-style-type: none;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #4D83EF;
	margin-bottom: 24px;
}

.plansonar_compares_top_mass_list li {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	color: #183374;
	padding: 32px 24px;
	display: flex;
	align-items: flex-end;
}

/* タブレット向けのスタイル */
@media (min-width: 801px) and (max-width: 1024px) {
	.plansonar_compares_top_mass_list li {
		font-size: 21px;
		padding: 24px 15px;
	}
}

.plansonar_compares_top_mass_list li img {
	width: 24px;
	margin-right: 16px;
}

/* タブレット向けのスタイル */
@media (min-width: 801px) and (max-width: 1024px) {
	.plansonar_compares_top_mass_list li img {
		margin-right: 10px;
	}
}

.plansonar_compares_top_mass02 .plansonar_compares_top_mass_list li:nth-child(2) {
	border-bottom: none;
}

.plansonar_compares_top_mass_list li span {
	font-family: oswald;
	font-size: 40px;
	color: #4D83EF;
}

.plansonar_compares_top_mass_list .small_span {
	font-size: 24px;
}

.plansonar_compares_top_mass_list .jp_span {
	font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic Pro", " Pro W3", "MS P Gothic", " ", sans-serif;
	font-size: 32px;
	color: #4D83EF;
}

/* タブレット向けのスタイル */
@media (min-width: 801px) and (max-width: 1024px) {
	.plansonar_compares_top_mass_list .jp_span {
		font-size: 27px;
	}
}

.plansonar_compares_lbc {
	background-color: #fff;
	padding: 48px 40px;
	border-radius: 5px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
	margin-top: 40px;
}

.plansonar_compares_lbc p {
	font-size: 14px;
	line-height: 2.0;
	text-align: center;
}

.plansonar_compares_lbc_title {
	font-size: 32px;
	font-weight: 600;
	color: #0F214A;
	line-height: 1.2;
	margin-bottom: 40px;
}

.plansonar_compares_lbc_title span {
	color: #4D83EF;
}


.plansonar_lbc_drawing {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 72px;
	align-items: center;
	margin: 40px auto 0 auto;
}

@media (max-width: 800px) {
	.plansonar_what_plansonar {
		grid-template-columns: repeat(3, 1fr);
		margin: 24px 16px 24px 16px;
		gap: 9px;
	}
}


@media screen and (max-width: 800px) {
	.plansonar_benefit_customer_list div span {
		font-size: 18px;
	}

	.plansonar_benefit_customer_list p {
		font-size: 18px;
	}

	.plansonar_mv_mov_award {
		margin: 7px 0 0 0;
	}

	.plansonar_mv {
		display: block;
		min-height: initial;
		padding: 43px 0 44px;
		background-size: cover;
	}

	.plansonar_mv_inner {
		display: block;
	}

	.plansonar_mv_txt {
		width: auto;
		padding-left: 6px;
		padding-right: 6px;
	}

	.plansonar_mv_txt_logo {
		width: 140px !important;
	}

	.plansonar_mv_txt_lead {
		margin-bottom: 0;
		padding: 6px 8px;
	}

	.plansonar_mv_txt_txt {
		margin: 13px 0 23px;
	}

	.plansonar_mv_txt_icons {
		max-width: initial;
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}

	.plansonar_mv_mov {
		width: auto;
		margin: 24px 0 0 0;
		padding-left: 6px;
		padding-right: 6px;
		padding-right: 0;
	}

	.plansonar_mv_mov:before {
		right: -14px;
		top: -14px;
		padding: 1px 9px;
		font-size: 8px;
	}

	.plansonar_mv_mov_award img {
		width: 65.5%;
	}

	.plansonar_mv_btns {
		flex-direction: column;
		margin: 32px 0 0 0;
		padding-left: 45px;
		padding-right: 45px;
	}

	.plansonar_mv_btns .btnA {
		width: 100%;
		vertical-align: middle;
	}

	.plansonar_about {
		flex-direction: column-reverse;
		gap: 32px;
		padding: 0;
	}

	.plansonar_about_img {
		width: 100%;
		padding: 0 20px 0 45px;
	}

	.plansonar_about_img_data {
		top: -6%;
	}

	.plansonar_about_txt {
		width: auto;
		/* padding: 0 18px; */
	}

	.plansonar_about_txt_logo {
		width: 170px !important;
	}

	.plansonar_about_txt_title {
		font-size: 22px;
		font-weight: 900;
	}

	.plansonar_about_txt_txt {
		font-size: 13px;
		line-height: 1.8;
	}

	.plansonar_about_txt .btnA {
		margin-top: 40px;
	}

	.plansonar_movie {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.plansonar_cta {
		min-height: initial;
		padding: 39px 0 44px;
		gap: 32px;
	}

	.plansonar_cta_logo {
		width: 180px !important;
	}

	.plansonar_cta_lead {
		margin-top: 8px;
		font-size: 10.5px;
	}

	.plansonar_cta_btns {
		flex-direction: column;
		justify-content: flex-start;
		gap: 20px;
	}

	.plansonar_cta_btns .btnA {
		width: 100%;
		max-width: initial;
	}

	.plansonar_solution {
		padding-left: 16px;
		padding-right: 16px;
		flex-direction: column;
		gap: 47px;
		margin-top: 57px;
	}

	.plansonar_solution_item {
		width: 100%;
	}

	.plansonar_solution_nara {
		margin-bottom: 9px;
	}

	.plansonar_solution_list li {
		padding: 6px 0 0 26px;
		background-position: 0 3px;
		font-size: 12px;
	}

	.plansonar_lead {
		font-size: 15px;
	}

	.plansonar_lead-sp {
		text-align: left;
	}

	.plansonar_lead-sp br {
		display: none;
	}

	.plansonar_benefit_item {
		flex-direction: column;
		gap: 56px;
		padding: 40px 15px;
	}

	.plansonar_benefit_item.odd {
		flex-direction: column;
	}

	.plansonar_benefit_txt {
		width: 100%;
		text-align: center;
	}

	.plansonar_benefit_num {
		font-size: 20px;
		text-align: center;
	}

	.plansonar_benefit_num span {
		font-size: 34px;
	}

	.plansonar_benefit_title {
		padding: 4px 8px;
		font-size: 15px;
	}

	.plansonar_benefit_lead {
		padding: 4px 8px;
		font-size: 20px;
	}

	.plansonar_benefit_lead br {
		display: none;
	}

	.plansonar_benefit_list li {
		font-size: 12px;
	}

	.plansonar_benefit_list li:before {
		top: 2px;
	}

	.plansonar_benefit_img {
		width: 100%;
	}

	.plansonar_benefit_customer {
		padding: 60px 15px;
	}

	.plansonar_benefit_customer_lead {
		font-size: 15px;
	}

	.plansonar_benefit_customer_list {
		gap: 12px;
		margin-top: 48px;
		padding: 36px 20px 20px;
	}

	.plansonar_benefit_customer_list div {
		padding: 0 20px;
		font-size: 15px;
		line-height: 28px;
		white-space: nowrap;
	}

	.plansonar_benefit_customer_list img,
	.plansonar_benefit_customer_list p {
		width: calc(25% - 9px);
	}

	.plansonar_table {
		margin-top: 40px;
	}

	.plansonar_functions.functionItemsB {
		padding: 0 11px;
	}

	.plansonar_functions.functionItemsB>li {
		min-height: 84px;
	}

	.plansonar_functions.functionItemsB>li .icon {
		top: 12px;
		left: 16px;
	}

	.plansonar_scan {
		max-width: initial;
		margin: 40px 11px 0;
		padding: 22px 20px 216px;
		background-position: center bottom;
		background-size: auto 192px;
		text-align: center;
	}

	.plansonar_scan_lead {
		font-size: 16px;
		line-height: 30px;
		white-space: nowrap;
	}

	.plansonar_scan_title {
		margin: 15px 0;
		font-size: 21px;
		text-align: left;
	}

	.plansonar_scan_txt {
		font-size: 12px;
		text-align: left;
	}

	.plansonar_voiceall {
		font-size: 13px;
	}

	.plansonar_charge {
		width: auto;
		margin: 40px 0 0 0;
	}

	.plansonar_charge p a {
		font-size: 14px;
	}

	.plansonar_charge p .icon {
		font-size: 14px;
	}

	.plansonar_effort {
		flex-direction: column;
		gap: 32px;
		padding: 0 16px;
	}

	.plansonar_effort_item {
		width: auto;
	}

	.plansonar_effort_img {
		width: 100%;
		height: fit-content;
		aspect-ratio: 330/200;
		object-fit: cover;
	}

	.plansonar_effort_title {
		margin: 16px 0 7px;
		font-size: 18px;
	}

	.plansonar_effort_txt {
		font-size: 13px;
	}

	.plansonar_effect_figure {
		grid-template-columns: 1fr;
		padding: 0 20px;
		gap: 24px;
	}

	.plansonar_figure_item {
		padding: 16px 16px;
	}

	.plansonar_figure_title {
		font-size: 18px;
		padding: 3px 10px;
	}

	.plansonar_big_figure {
		font-size: 64px;
		margin: 8px 0;
	}

	.plansonar_big_figure span {
		font-size: 32px;
	}

	.plansonar_effect_figure .description {
		font-size: 13px;
	}

	.plansonar_compares_top_catch {
		font-size: 16px;
		line-height: 1.6;
	}

	.plansonar_compares_top_catch span {
		font-size: 24px;
	}

	.plansonar_compares_top_mass_title {
		padding: 3px 12px;
		font-size: 20px;
		margin-bottom: 8px;
	}

	.plansonar_compares_top_container {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 0 11px;
	}


	.plansonar_compares_top_mass,
	.plansonar_compares_top_mass02 {
		margin-bottom: 0;
		margin-top: 24px;
	}

	.plansonar_compares_top_mass_list {
		margin-bottom: 16px;
	}

	.plansonar_compares_top_mass_list li {
		font-size: 16px;
		padding: 16px 12px;
		letter-spacing: 0.05rem;
	}

	.plansonar_compares_top_mass_list li img {
		width: 18px;
		margin-right: 12px;
	}

	.plansonar_compares_top_mass_list li span {
		font-size: 32px;
	}

	.plansonar_compares_top_mass_list .jp_span {
		font-size: 24px;
	}

	.plansonar_compares_lbc {
		padding: 40px 10px;
		margin-top: 24px;
	}

	.plansonar_compares_lbc p {
		font-size: 13px;
		line-height: 1.8;
		text-align: left;
	}

	.plansonar_compares_lbc_title {
		font-size: 22px;
		line-height: 1.4;
		margin-bottom: 24px;
	}

	.plansonar_lbc_drawing {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 0 11px;
		margin-top: 24px;
	}

	.plansonar_lbc_item01 {
		width: 85%;
		margin: 0 auto;
	}

}

b.smalltxt {font-size: 1rem;}




/*===========================================================
モバイルフッターアコーデオン表示　2024/09/18　footer_html3用CSS
===========================================================*/
@media screen and (min-width: 801px) {
	.SPmenuWrap {
		display: none
	}
}

.SPmenuWrap,
.SPmenuWrap li a {
	color: #fff;
}

.SPmenuWrap .toggle {
	display: none;
}

.SPmenuWrap dropttl {
	position: relative;
	margin-bottom: 1em;
}

.SPmenuWrap .title,
.SPmenuWrap .dropcontent {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: translateZ 0.3s;
}

.SPmenuWrap .title,
.SPmenuWrap .directtitle {
	border: solid 1px #ccc;
	padding: 1em;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-top: 13px;
}

.SPmenuWrap .title::after,
.SPmenuWrap .title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 1.55em;
	width: 2px;
	height: 1em;
	background-color: #999;
	transition: all 0.3s;
}

.SPmenuWrap .title::after {
	transform: rotate(90deg);
}

.SPmenuWrap .dropcontent {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
	margin: 0 0 0 12px;
	transition: margin 0.1s;
}

.SPmenuWrap .dropcontent li {
	margin: 0;
	padding: 1em 0 1em;
	font-size: 0.9em;
	line-height: 1.5;
}

.SPmenuWrap .toggle:checked+.title+.dropcontent {
	max-height: 1200px;
	transition: max-height 1.5s;
	margin-left: 12px;
	margin-top: 8px;
}

.SPmenuWrap .toggle:checked+.title::before {
	transform: rotate(90deg) !important;
}

@import url(/for_meetingsonar/meetingSonar.css);


/*===========================================================
セミナー締切表示　2024/11/18　詳細記事用CSS
===========================================================*/
.seminarSingleContent .closed {
    background: #e00;
    color: #fff;
    margin: 20px 0;
    font-size: 1.6rem;
    border-radius: 7px;
	padding: 0 5px;
}