@charset "UTF-8";
@import url('/area_common/2018shared/css/elements_souce_change.css');
@import url('/area_common/webfonts/NotoSansJP/css2.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, f
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary { margin: 0; padding: 0; display: block;}
figure, figcaption { display: initial;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0; word-break: break-all;}
fieldset, img { border: none; vertical-align: bottom;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}
ol, ul { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
q::before, q::after { content: '';}
abbr, acronym { border: 0;}
*, *::before, *::after { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* html
-------------------------------------------------- */
html { -webkit-text-size-adjust: 100%;}

/* body
-------------------------------------------------- */
body { width: 100%; height: 100vh; margin: 0; padding: 0; color: #000; font-family: "Noto Sans JP", "メイリオ", "Meiryo", sans-serif; background: #fff; text-align: left; word-break: break-all;}
@media screen and (min-width: 1000px), print { body { min-width: 980px; overflow-x: hidden; position: relative;}}
@media screen and (max-width: 999px) and (min-width: 751px) { body { min-width: 100%;}}
@media screen and (min-width: 768px), print { body { font-size: 16px; line-height: 1.75;}}
@media screen and (max-width: 768px) { body { min-width: 100%; font-size: 13px; line-height: 1.7692307;}}

/* link
-------------------------------------------------- */
a, a:link, a:visited, a:hover, a:active { color: #00529f;}

a:not(.link_button)[target="_blank"]::after,
.link_button[target="_blank"] > span::after,
.target-blank[target="_blank"] span::after {
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}
/* HubSpot画像リンク非表示 */
.hs-cta-wrapper a[target="_blank"]::after {
	content: unset !important;
}

/* 上記以外で非表示にしたいとき */
.no-target-blank a[target="_blank"]::after,
.no-target-blank[target="_blank"]::after,
.no-target-blank[target="_blank"] span::after {
	content: unset !important;
}

@media screen and (min-width: 768px) {
	a {
		transition: .6s ease;
	}
}

/* hr
-------------------------------------------------- */
.hr__division {
	border-top: 1px solid #ddd;
	margin: 20px 0;
}

/* wrapperArea
-------------------------------------------------- */
body #wrapperArea { margin-top: 100px;}
@media screen and (max-width: 910px) {
	body #wrapperArea {
		margin-top: 65px;
	}
}

/* section
-------------------------------------------------- */
/* 背景_グラデ水色 */
.section {
	background-image: url(/area_common/2018shared/images/section_bottom.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}

/* 背景ナシ */
.section_bg_none {
	background-image: none !important;
}

/* padding */
.section_p0 {
	padding: 0px !important;
}

.section_pt10 {
	padding: 10px 0 0 0 !important;
}

/* 背景_水色 */
.section_lightblue {
	background-image: none;
	background-color: #e8f2fb;
}

@media screen and (min-width: 768px), print {
	.section {
		padding-top: 50px;
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 768px) {
	.section {
		padding-top: 24px;
		padding-bottom: 60px;
		background-size: 1px 375px;
	}
}

/* タイトル */
.mainTit {
	text-align: center;
	font-weight: bold;
}

.section_title {
	position: relative;
	text-align: center;
	line-height: 1.4;
}

.section_title::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #00529f;
}

.section_title-icon {
	display: block;
	font-weight: normal;
}

.section_title-txt {
	font-weight: bold;
}

.section_title-subTxt {
	text-align: center;
}

.section_title-subTit {
	color: #666;
	margin-top: 1em;
}

@media screen and (min-width: 768px), print {
	.mainTit {
		margin: 63px 0 56px;
		font-size: 44px;
	}

	.section_title {
		padding-bottom: 28px;
		margin-bottom: 52px;
	}

	.section_title::before {
		width: 40px;
		height: 3px;
	}

	.section_title-icon {
		padding-top: 8px;
		margin-bottom: 12px;
		font-size: 20px;
	}

	.section_title-tit {
		font-size: 36px;
	}

	.section_title-txt {
		margin-top: 40px;
		font-size: 24px;
	}

	.section_title-subTxt {
		margin-top: 52px;
		margin-bottom: 43px;
		font-size: 32px;
	}

	.section_title-subTit {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.mainTit {
		margin: 40px 0 35px;
		font-size: 24px;
	}

	.section_title {
		padding-bottom: 36.5px;
		margin-bottom: 35px;
	}

	.section_title::before {
		width: 20px;
		height: 2px;
	}

	.section_title-icon {
		padding-top: 2px;
		margin-bottom: 8px;
		font-size: 16px;
	}

	.section_title-tit {
		font-size: 24px;
	}

	.section_title-txt {
		margin-top: 27px;
		font-size: 18px;
	}

	.section_title-subTxt {
		margin-top: 35px;
		margin-bottom: 28px;
		font-size: 21px;
	}

	.section_title-subTit {
		font-size: 14px;
	}
}

/* sectionBody
-------------------------------------------------- */
.sectionBody__pc-1000 {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}
.sectionBody__pc-1200 {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
.sectionBody__pc-1400 {
	margin: 0 auto;
	max-width: 1400px;
	width: 100%;
}

@media screen and (max-width: 1030px) {
	.sectionBody__pc-1000,
	.sectionBody__pc-1200,
	.sectionBody__pc-1400 {
		padding: 0 20px;
	}
}

/* title
-------------------------------------------------- */
.title_mid {
	background: #e8f2fb;
	border-bottom: 1px solid #7fa8cf;
}

.title_check {
	position: relative;
	color: white;
	background: #4AAC7D;
	line-height: 1.4;
	padding: 0.5em 0.5em 0.5em 1.8em;
}

.title_check::before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	font-weight: 900;
	position: absolute;
	left: 0.5em;
}

.title_sub {
	border-left: solid 5px #7db4e6;
	color: #0055bf;
	font-weight: normal;
	background: transparent;
	margin-top: 48px;
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 1.75;
	padding: 0.5em;
}

.title_sub_new {
	padding: 0 1em;
	border-left: solid 3px #b7acff;
	color: #334777;
}

.product_toptext {
	margin-top: 20px;
	line-height: 1.9;
}

.product_toptext strong {
	background: none;
}

.flow_arrow_down {
	position: relative;
	height: 100px;
	border-top: 3px solid #f1cf96;
}

.flow_arrow_down::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 44%;
	width: 0;
	height: 0;
	border: 60px solid;
	border-color: #f1cf96 transparent transparent transparent;
}

@media screen and (min-width: 768px), print {
	.title_mid {
		margin-bottom: 24px;
		padding: 12px 22px 15px;
		font-size: 20px;
		line-height: 1.5;
	}

	.title_check {
		font-size: 20px;
		margin-bottom: 24px;
	}

	.title_sub {
		margin-bottom: 14px;
	}

	.title_sub_new {
		margin: 14px 0;
	}
}

@media screen and (max-width: 768px) {
	.title_mid {
		margin-bottom: 10px;
		padding: 16px 15px;
		font-size: 16px;
		line-height: 1.5;
	}

	.title_check {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.title_sub {
		margin-bottom: 10px;
	}

	.title_sub_new {
		margin: 8px 0;
	}
}

/* swiper
-------------------------------------------------- */
.swiper-slide a {
	text-decoration: none;
}

.swiper-container {
	text-align: center;
}

.swiper-slide {
	position: relative;
	text-align: left;
}

.swiper-slide_tag {
	display: inline-block;
	position: absolute;
	top: 0;
	z-index: 2;
	color: #000;
	background: #ffef00;
	font-weight: bold;
}

.swiper-slide_txtBox {
	color: #000;
	background: #fff;
}

.swiper-slide_tit {
	color: #00529f;
	font-weight: bold;
}

.swiper-button-prev {
	background-image: url(/area_common/2018shared/svg/swiper-button-prev.svg) !important;
}

.swiper-button-next {
	background-image: url(/area_common/2018shared/svg/swiper-button-next.svg) !important;
}

.search-attention {
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px), print {
	.swiper-wrapper {
		max-width: 1000px;
		padding: 8px 0 0;
		margin: 0 auto 30px;
	}

	.swiper-slide {
		width: 33.3%;
		padding: 0 2px;
	}

	.swiper-slide_tag {
		font-size: 12px;
		padding: 2px 10px 0;
		left: 0;
	}

	.swiper-slide_img {
		display: block;
		position: relative;
		overflow: hidden;
		-webkit-transition: border .1s;
		transition: border .1s;
	}

	.swiper-slide_img::before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		border: 0px solid #fff;
		-webkit-transition: border .1s;
		transition: border .1s;
	}

	.swiper-slide a:hover .swiper-slide_img::before,
	.swiper-slide a:focus .swiper-slide_img::before {
		border: 4px solid #fff;
	}

	.swiper-slide_txtBox {
		padding: 22px 30px;
	}

	.swiper-slide_tit,
	.swiper-slide_txt {
		font-size: 16px;
	}

	.swiper-slide_tit {
		margin-bottom: 4px;
		line-height: 2;
	}

	a:hover .swiper-slide_tit {
		text-decoration: underline;
	}

	.swiper-slide_txt {
		line-height: 1.75;
	}
}

@media screen and (min-width: 768px) {
	.swiper-button-prev,
	.swiper-button-next {
		transition: .6s ease;
	}

	.swiper-button-prev:hover,
	.swiper-button-next:hover {
		opacity: 0.5;
	}
}

@media screen and (max-width: 768px) {
	.swiper-slide {
		margin: 0 auto 27px;
	}

	.swiper-slide_tag {
		padding: 1px 7px;
		font-size: 9px;
		line-height: 1.777;
		left: 20px;
	}

	.swiper-slide_img {
		margin: 0 20px;
	}

	.swiper-slide_txtBox {
		margin: 0 20px;
		padding: 16px 20px;
	}

	.swiper-slide_tit,
	.swiper-slide_txt {
		font-size: 13px;
		line-height: 1.7692307;
	}

	.swiper-slide_tit {
		margin-bottom: 3px;
	}

	.swiper-container {
		position: relative;
	}

	.swiper-container::before,
	.swiper-container::after {
		content: "";
		height: calc(100% + 2px);
		width: 20px;
		display: block;
		position: absolute;
		top: 0;
		z-index: 2;
	}

	.swiper-container::before {
		left: 0px;
	}

	.swiper-container::after {
		right: 0px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 25px;
		height: 25px;
		margin-top: -12px;
		background-size: 25px 25px;
	}

	.swiper-button-prev {
		left: 7px;
	}

	.swiper-button-next {
		right: 7px;
	}
}

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

.link_li li {
	line-height: 1.5;
	padding: 2px 0;
	list-style-type: none !important;
	margin: 0;
	text-indent: 0;
}

.link_li li a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: bold;
	color: #00529f;
	margin-right: 6px;
}

.link_li li a.link_PDF::before {
	content: "\f1c1";
	color: #ea5875;
}

.link_li li a.link_download::before {
	content: "\f56d";
	color: #00529f;
}

.link_li li a:hover,
.link_li li a:active {
	opacity: 1;
	color: #00529f;
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.link_li li {
		font-size: 13px;
		line-height: 1.7692307;
	}
}

/* link_button
-------------------------------------------------- */
.link_button {
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0;
	line-height: 1.5;
}

/* 色 */
a.link_button_blue,
.link_button_blue {
	border: 1px solid #00529f;
	color: #fff;
	background: #00529f;
}

a.link_button_orange,
.link_button_orange {
	border: 1px solid #f0831f;
	color: #fff;
	background: #f0831f;
}

a.link_button_outline_blue,
.link_button_outline_blue {
	border: 1px solid #ddd;
	color: #00529f;
	background: #fff;
}

a.link_button_outline_orange,
.link_button_outline_orange {
	border: 1px solid #ddd;
	color: #f0831f;
	background: #fff;
}

a.link_button_outline_white,
.link_button_outline_white {
	border: 1px solid #fff;
	color: #fff;
}

a.link_button_PDF,
.link_button_PDF {
	border: 1px solid #ddd;
	color: #ea5875;
	background: #fff;
}

/* アイコン */
.link_button>span {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

/* 矢印 */
.link_button>span::before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: bold;
	margin-right: 10px;
}

.link_button_orange>span::before,
.link_button_blue>span::before {
	color: #fff;
}

.link_button_outline_blue>span::before {
	color: #00529f;
}

.link_button_outline_orange>span::before {
	color: #f0831f;
}

/* PDF */
.link_button_PDF>span::before {
	content: "\f1c1";
	color: #ea5875;
}

/* 戻る */
.link_button_back>span::before {
	content: '\f137';
}

/* アイコン非表示 */
.iconNone_icon::before {
	content: unset !important;
}

/* hover */
a.link_button_blue:hover,
a.link_button_blue:active,
.link_button_blue:hover,
.link_button_blue:active {
	border: 1px solid #00529f;
	color: #00529f;
	background: #fff;
}

a.link_button_orange:hover,
a.link_button_orange:active,
.link_button_orange:hover,
.link_button_orange:active {
	border: 1px solid #f0831f;
	color: #f0831f;
	background: #fff;
}

a.link_button_outline_blue:hover,
a.link_button_outline_blue:active,
.link_button_outline_blue:hover,
.link_button_outline_blue:active {
	color: #fff;
	background: #00529f;
}

a.link_button_outline_orange:hover,
a.link_button_outline_orange:active,
.link_button_outline_orange:hover,
.link_button_outline_orange:active {
	color: #fff;
	background: #f0831f;
}

a.link_button_outline_white:hover,
a.link_button_outline_white:active,
.link_button_outline_white:hover,
.link_button_outline_white:active {
	color: #fff;
}

a.link_button_PDF:hover,
a.link_button_PDF:active,
.link_button_PDF:hover,
.link_button_PDF:active {
	color: #fff;
	background: #ea5875;
}

/* アイコン */
a.link_button_blue:hover>span::before,
a.link_button_blue:active>span::before,
.link_button_blue:hover>span::before,
.link_button_blue:active>span::before {
	color: #00529f;
}

a.link_button_orange:hover>span::before,
a.link_button_orange:active>span::before,
.link_button_orange:hover>span::before,
.link_button_orange:active>span::before {
	color: #f0831f;
}

a.link_button_outline_blue:hover>span::before,
a.link_button_outline_blue:active>span::before,
.link_button_outline_blue:hover>span::before,
.link_button_outline_blue:active>span::before {
	color: #fff;
}

a.link_button_outline_orange:hover>span::before,
a.link_button_outline_orange:active>span::before,
.link_button_outline_orange:hover>span::before,
.link_button_outline_orange:active>span::before {
	color: #fff;
}

a.link_button_PDF:hover>span::before,
a.link_button_PDF:active>span::before,
.link_button_PDF:hover>span::before,
.link_button_PDF:active>span::before {
	color: #fff;
}

@media screen and (min-width: 768px), print {
	.link_button {
		padding: 14px 20px;
		font-size: 18px;
	}
	/* 小 */
	.link_button_sm {
		padding: 8px 10px;
		font-size: 16px;
	}

	.link_button_list {
		text-align: center;
	}

	.link_button_list li {
		margin: 0 auto;
		display: inline-block;
	}
}

@media screen and (max-width: 768px) {
	.link_button {
		width: 100%;
		padding: 12px 10px;
		font-size: 14px;
	}
	/* 小 */
	.link_button_sm {
		padding: 6px 8px;
		font-size: 12px;
	}

	.link_button_list li {
		width: 100%;
	}
}

/* Cloud icon
-------------------------------------------------- */
span[class^="fm_icon--"] {
	position: relative;
}

/* span[class^="fm_icon--"]::before { content: unset;} */
span[class^="fm_icon--"]::before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (min-width: 768px) {
	span[class^="fm_icon--"] {
		padding-left: 40px;
	}

	span[class^="fm_icon--"]::before {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 768px) {
	span[class^="fm_icon--"] {
		padding-left: 30px;
	}

	span[class^="fm_icon--"]::before {
		width: 26px;
		height: 26px;
	}
}

.fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_reverse.svg") !important;
}

.fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws_reverse.svg") !important;
}

.fm_icon--bothCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_both_reverse.svg") !important;
}

/* accordion */
.accordion.faq__heading:hover .fm_icon--originalCloud::before,
.accordion.faq__heading.on .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud.svg") !important;
}

.accordion.faq__heading:hover .fm_icon--awsCloud::before,
.accordion.faq__heading.on .fm_prefixIcon.fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws.svg") !important;
}

.accordion.faq__heading:hover .fm_prefixIcon.fm_icon--bothCloud::before,
.accordion.faq__heading.on .fm_prefixIcon.fm_icon--bothCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_both.svg") !important;
}

/* link_button_outline_blue */
.link_button_outline_blue:hover .fm_icon--originalCloud::before,
.link_button_outline_blue:active .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud.svg") !important;
}

.link_button_outline_blue:hover .fm_icon--awsCloud::before,
.link_button_outline_blue:active .fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws.svg") !important;
}

.link_button_outline_blue:hover .fm_icon--bothCloud::before,
.link_button_outline_blue:active .fm_icon--bothCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_both.svg") !important;
}

/* link_button_outline_white */
.link_button_outline_white span[class^="fm_icon--"] {
	padding-left: 24px;
}

.link_button_outline_white span[class^="fm_icon--"]::before {
	width: 20px;
	height: 20px;
	left: 0;
	top: 4px;
}

.link_button_outline_white .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud.svg") !important;
}

.link_button_outline_white:hover .fm_icon--originalCloud::before,
.link_button_outline_white:active .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_reverse.svg") !important;
}

.link_button_outline_white .fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws.svg") !important;
}

.link_button_outline_white:hover .fm_icon--awsCloud::before,
.link_button_outline_white:active .fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws_reverse.svg") !important;
}

.link_button_outline_white .fm_icon--bothCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_both.svg") !important;
}

.link_button_outline_white:hover .fm_icon--bothCloud::before,
.link_button_outline_white:active .fm_icon--bothCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_both_reverse.svg") !important;
}

@media screen and (max-width: 1150px) and (min-width: 751px),
print {
	.link_button_outline_white span[class^="fm_icon--"]::before {
		width: 18px;
		height: 18px;
		left: 0;
		top: 2px;
	}
}

/* link_button_blue */
.link_button_blue .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud.svg") !important;
}

.link_button_blue:hover .fm_icon--originalCloud::before,
.link_button_blue:active .fm_icon--originalCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_reverse.svg") !important;
}

/* link_button_orange */
.link_button_orange .fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws.svg") !important;
}

.link_button_orange:hover .fm_icon--awsCloud::before,
.link_button_orange:active .fm_icon--awsCloud::before {
	content: url("/area_common/2018shared/svg/svg_i_cirlce_cloud_onaws_reverse.svg") !important;
}

/* newsIcon_type
-------------------------------------------------- */
.newsIcon_type {
	font-weight: bold;
	display: inline-block;
	text-align: center;
	border: 1px solid #878787;
	color: #878787;
	background: #fff;
	padding: 2px 6px;
}

@media screen and (min-width: 768px), print {
	.newsIcon_type {
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.newsIcon_type {
		margin-right: 8px;
		margin-bottom: 8px;
		font-size: 9px;
	}
}

a:link .newsIcon_type,
a:visited .newsIcon_type,
a:hover .newsIcon_type,
a:active .newsIcon_type {
	text-decoration: none;
}

/* NEW */
.newsIcon_type_new {
	color: #000;
	background: #ffef00;
	border-color: #ffef00;
}

/* 更新 */
.newsIcon_type_upd {
	color: #fff;
	background: #cb3f4e;
	border-color: #cb3f4e;
}

/* 導入事例 */
.newsIcon_type_introductionExample {
	color: #6f4334;
	border-color: #6f4334;
}

/* 製品･サービス */
.newsIcon_type_productInformation {
	color: #5792c5;
	border-color: #5792c5;
}

/* 特集・リリース */
.newsIcon_type_release,
.newsIcon_type_feature {
	color: #e94f6e;
	border-color: #e94f6e;
}

/* お知らせ */
.newsIcon_type_news,
.newsIcon_type_cloud {
	color: #00529f;
	border-color: #00529f;
}

/* ソフト */
.newsIcon_type_kai {
	color: #e71e2b;
	border-color: #e71e2b;
}

.newsIcon_type_kon {
	color: #4784b6;
	border-color: #4784b6;
}

.newsIcon_type_kan {
	color: #f0831f;
	border-color: #f0831f;
}

.newsIcon_type_kyu {
	color: #8ec31f;
	border-color: #8ec31f;
}

.newsIcon_type_jin {
	color: #ecbb31;
	border-color: #ecbb31;
}

.newsIcon_type_kot,
.newsIcon_type_alliance {
	color: #9c4998;
	border-color: #9c4998;
}

.newsIcon_type_pih {
	color: #00b2b1;
	border-color: #00b2b1;
}

.newsIcon_type_sya {
	color: #ee87b4;
	border-color: #ee87b4;
}

.newsIcon_type_kou,
.newsIcon_type_seminar {
	color: #00a384;
	border-color: #00a384;
}

.newsIcon_type_ken {
	color: #b41749;
	border-color: #b41749;
}

/* カラー */
.newsIcon_type_yellow {
	color: #af952d;
	border-color: #af952d;
}

.newsIcon_type_green {
	color: #41774B;
	border-color: #41774B;
}

.newsIcon_type_orange {
	color: #c86631;
	border-color: #c86631;
}

.newsIcon_type_darkblue {
	color: #1d425f;
	border-color: #1d425f;
}

.newsIcon_type_lightblue {
	color: #34a7bc;
	border-color: #34a7bc;
}

.newsIcon_type_purple {
	color: #6c62aa;
	border-color: #6c62aa;
}

.newsIcon_type_red {
	color: #a52a2a;
	border-color: #a52a2a;
}

.newsIcon_type_red_ex {
	color: #f00;
	border-color: #f00;
}

/* pointList
-------------------------------------------------- */
.pointList {
	counter-reset: number;
}

.pointList .pointList_li {
	padding: 20px;
	margin-bottom: 40px;
}

.pointList .point,
.pointList_slide .point {
	width: 100%;
	color: #0253a0;
	text-align: center;
	display: block;
	position: relative;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 6px;
}

.pointList .point::before,
.pointList_slide .point::before {
	content: "";
	background: #0253a0;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 1px;
}

.pointList .point::after {
	counter-increment: number;
	font-weight: normal;
	display: block;
	content: counter(number, decimal-leading-zero);
}

.pointList .pointList_img {
	margin-bottom: 22px;
}

.pointList .pointList_img [src$="svg"] {
	max-height: 100px;
}

.pointList .pointList_tit,
.pointList_slide .pointList_item .pointList_tit {
	font-weight: bold;
	text-align: center;
	display: block;
}

.pointList .pointList_txt .link_button_list li {
	display: block;
}

@media screen and (min-width: 768px), print {
	.pointList .point,
	.pointList_slide .point {
		margin-bottom: 25px;
		font-size: 12px;
	}

	.pointList .point::before,
	.pointList_slide .point::before {
		width: 30px;
	}

	.pointList .point::after,
	.pointList_slide .point .point_num {
		font-size: 48px;
	}

	.pointList .pointList_tit,
	.pointList_slide .pointList_item .pointList_tit {
		margin-bottom: 25px;
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.pointList .point,
	.pointList_slide .point {
		margin-bottom: 15px;
		font-size: 8px;
	}

	.pointList .point::before,
	.pointList_slide .point::before {
		width: 15px;
	}

	.pointList .point::after,
	.pointList_slide .point .point_num {
		font-size: 30px
	}

	.pointList .pointList_tit,
	.pointList_slide .pointList_item .pointList_tit {
		margin-bottom: 18px;
		font-size: 16px;
	}
}

/* スライドタイプ */
.pointList_slide_container {
	box-shadow: -2px 4px 4px rgba(0,0,0,0.16);
	background: #fff;
}

.pointList_slide {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	height: 100% !important;
}

.pointList_slide .pointList_slide_li {
	width: 100%;
	margin: 0;
	height: 100%;
}

.pointList_slide .pointList_slide_li:only-child a {
	justify-content: center;
}

.pointList_slide .pointList_item .pointList_txt {
	width: calc(100% - 2rem / 2);
}

@media screen and (min-width: 768px), print {
	.pointList_slide_container .link_button {
		width: 100%;
		min-width: 650px;
	}

}
@media screen and (max-width: 768px) {
	.pointList_slide .pointList_item .pointList_txt {
		width: 100%;
		text-align: center;
	}
}

/* checkList
-------------------------------------------------- */
.checkList>li {
	position: relative;
	line-height: 1.5;
	padding: 0.2em 0 0 1.3em;
	list-style-type: none !important;
	margin: 0;
	text-indent: 0;
}

.checkList>li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: bold;
	position: absolute;
	left: 0;
}
.checkList_green li::before {
	color: #0ba789;
}

.checkList_blue li::before {
	color: #00529f;
}

/* generalTable
-------------------------------------------------- */
/* 共通で使用 */
.generalTable {
	margin-top: 18px;
	margin-bottom: 40px;
	padding: 6px 0;
	overflow-x: auto;
}

.sectionBody__pc-1000 > .generalTable:last-child {
	margin-bottom: 0px;
}

.title_mid+.generalTable {
	margin-top: 34px;
}

.generalTable table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd
}

.generalTable caption {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: bold;
}

.generalTable th,
.generalTable td {
	vertical-align: middle;
}

.generalTable__body th,
.generalTable__body td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.generalTable__body th {
	width: 210px;
	background: #e8f2fb;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.generalTable__body td {
	padding: 10px;
}

.generalTable__body td .link_li li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.generalTable {
		margin-top: 5px;
		margin-bottom: 6px;
		padding: 5px 0;
		overflow-x: scroll;
	}

	.sectionBody__pc-1000>.generalTable:last-child {
		margin: 10px 0 0;
		padding: 5px 0 0;
	}

	.title_mid+.generalTable {
		margin-top: 15px;
	}

	.generalTable caption {
		margin-bottom: 8px;
		font-size: 16px;
	}

	.generalTable__body th {
		width: 90px;
		padding: 12px;
		font-size: 12px;
		line-height: 1.5;
	}

	.generalTable__body td {
		padding: 12px;
		border-bottom: 1px solid #ddd;
		font-size: 12px;
		line-height: 1.5;
	}

	.generalTable__body td .link_li {
		margin-top: 5px;
	}

	.scrollnone { width: 100%; overflow-x: auto !important;}
}

/* 料金・比較系 */
.generalTable__typeBorder {
	border: 1px solid #ddd;
	width: 100%;
}

.generalTable__typeBorder caption {
	margin-bottom: 8px;
	font-size: 16px;
	text-align: center;
}

.generalTable__typeBorder th,
.generalTable__typeBorder td {
	padding: 14px 20px;
	border: 1px solid #ddd;
	background: #fff;
	vertical-align: middle;
}

.generalTable__typeBorder__lineEven th,
.generalTable__typeBorder__lineEven td {
	background: #f1f1f1;
}

.generalTable__typeBorder__thead th {
	background: #7fa8cf;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.generalTable__typeBorder__tbody td {
	text-align: right;
}

.generalTable__typeBorder__tbody th {
	font-weight: bold;
	text-align: right;
}

.generalTable__typeBorder__tbody .list__indent {
	margin: 20px 0 0 0;
	font-size: 12px;
	font-weight: normal;
}

.generalTable_plan .generalTable__typeBorder__thead tr.product_plan th {
	background-color: #f1f7fd;
	color: #222;
	font-weight: normal;
	font-size: 24px;
}

@media screen and (min-width: 768px), print {
	.generalTable__typeBorder {
		table-layout: fixed;
	}
}

@media screen and (max-width: 768px) {
	.generalTable__typeBorder {
		width: 800px;
	}

	.generalTable__typeBorder .scrollnone {
		width: 100%;
		table-layout: fixed;
	}

	.generalTable__typeBorder td,
	.generalTable__typeBorder th {
		padding: 8px 10px;
	}
}

/* チェック付き価格表*/
.productPrice_check .generalTable__typeBorder th,
.productPrice_check .generalTable__typeBorder td {
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

.productPrice_check .big_price {
	font-size: 32px;
	padding-right: 10px;
	font-weight: bold;
}
/* ☑ */
.productPrice_check .price_check {
	content: '';
	width: 50px;
	height: 30px;
	border-left: 7px solid #11881b;
	border-bottom: 7px solid #11881b;
	transform: rotate(-45deg);
	margin: 10px auto 30px auto;
}
/* - */
.productPrice_check .price_check_no {
	color: #999;
	width: 40px;
	height: 0.3em;
	background: currentColor;
	border-radius: 0.1em;
	position: relative;
	margin: 10px auto 30px auto;
}

.productPrice_check .price_check_no::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
}

@media screen and (max-width: 768px) {
	.productPrice_check .big_price {
		font-size: 18px;
	}

	.productPrice_check .price_check {
		width: 25px;
		height: 15px;
	}

	.productPrice_check .price_check_no {
		width: 20px;
		height: 0.15em;
	}
}

/* セル左右位置 */
.cell__text__left th,
.cell__text__left td {
	text-align: left;
}
.cell__text__center th,
.cell__text__center td {
	text-align: center;
}
.cell__text__right th,
.cell__text__right td {
	text-align: right;
}

/* セル幅 */
.cell__w10 { width: 10% !important;}
.cell__w15 { width: 15% !important;}
.cell__w25 { width: 25% !important;}
.cell__w33 { width: 33% !important;}
.cell__w35 { width: 35% !important;}
.cell__w37 { width: 37% !important;}
.cell__w50 { width: 50% !important;}
.cell__w67 { width: 67% !important;}
.cell__w75 { width: 75% !important;}
@media screen and (max-width: 768px) { .cell__w10, .cell__w15, .cell__w25, .cell__w33, .cell__w37, .cell__w50, .cell__w67, .cell__w75 { width: 100% !important; }}

/* セル上下位置 */
.cell__vertical__top { vertical-align: top !important;}
.cell__vertical__middle { vertical-align: middle !important;}
.cell__vertical__bottom { vertical-align: bottom !important;}

/* BOX
-------------------------------------------------- */
.ttl_box_1 {
	margin: 2em 0;
	background: #f1f1f1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.ttl_box_1 .title {
	font-size: 1.2em;
	background: #5fc2f5;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* tableNotes
-------------------------------------------------- */
.tableNotes { color: #666;}
@media screen and (min-width: 768px), print { .tableNotes { margin-bottom: 8px; font-size: 14px;}}
@media screen and (max-width: 768px) { .tableNotes { margin-bottom: 6px; font-size: 10px;}}
.tableNotes li { padding-left: 1em; text-indent: -1em;}

/* noticeBlock
-------------------------------------------------- */
.noticeBlock { border: 1px solid #ddd;}
@media screen and (min-width: 768px), print { .noticeBlock { margin: 54px 0; padding: 10px 25px 19px;}}
@media screen and (max-width: 768px) { .noticeBlock { margin-top: 32px; padding: 5px 15px;}}

/* faq
-------------------------------------------------- */
.faq_navi{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;margin-bottom:11px}.faq_navi a{display:block;border:1px solid #00529f;width:calc(25% - 12px);padding:15px;margin-bottom:10px;font-weight:bold;text-decoration:none;font-size:16px;line-height:1.5;align-items:center;position:relative}.faq_navi a:before{position:absolute;top:-1px;left:0;bottom:-1px;z-index:1;display:block;width:calc(100% + 2px);height:calc(100% + 2px);content:"";opacity:0;transition:.4s ease;-ms-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:top left;transform-origin:top left}.faq_navi a span{display:flex;flex-wrap:wrap;align-items:center;height:100%;position:relative;z-index:1;padding-left:25px}.faq_navi a span::before{width:13px;height:13px;content:'';position:absolute;background:url("/area_common/2018shared/svg/svg_i_anchor.svg");background-size:100%;left:0;top:50%;margin-top:-7px}.faq_navi a.naviNext span::before{transform:rotate(270deg)}.faq_navi .in-page_link_label{position:absolute;display:inline-block;padding:0 6px;background:#FF9800;color:#fff;font-weight:bold;margin-bottom:0 !important;z-index:1;top:-10px;left:50%;transform:translateX(-50%);min-width:108px}.faq_navi .naviActive{border:3px solid #00529f;background:#ddd}@media screen and (min-width: 768px){.faq_navi a:hover span{color:#fff}.faq_navi a:hover span:before{-webkit-transform:translateY(5px);transform:translateY(5px);background-image:url("/area_common/2018shared/svg/svg_i_anchor_fff.svg")}.faq_navi a:hover:before{background-color:#00529f;opacity:1;-ms-transform:scale(1, 1);transform:scale(1, 1)}.faq_navi a span:before{width:16px;height:16px;top:50%;margin-top:-8px;-webkit-transition:-webkit-transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;transition:transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s}.faq_navi a.naviNext span::before{transform:rotate(270deg)}}@media screen and (max-width: 768px){.faq_navi{margin-top:20px;}.faq_navi a{width:calc((100% - 12px) / 2) !important;font-size:10px;padding:11px 12px}.faq_navi a span{padding-left:18px}}@media print{.faq_navi{display:none}}
.faq-block { border-top: 1px solid #ddd; margin-bottom: 30px;}
.faq-block .faq { border-bottom: 1px solid #ddd;}
.faq-block .faq:last-child { margin-bottom: 30px;}
.faq-block .faq .faq__heading { font-weight: normal; padding: 16px 40px 15px 16px; margin-bottom: 0; display: block; font-size: 16px; line-height: 1.5; color: #00529f; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.accordion.faq__heading:hover span { z-index: 2; color: #fff; position: relative;}
.faq-block .faq .faq__heading:after { width: 15px; height: 15px; content: ''; position: absolute; right: 15px; top: 50%; margin-top: -7px; background: url('/area_common/2018shared/svg/svg_i_open.svg') top no-repeat; background-size: 15px; z-index: 2
}
.faq-block .faq .faq__heading.on { background-color: #7fa8cf; color: #fff;}
.faq-block .faq .faq__heading.on:hover { opacity: 1;}
.faq-block .faq .faq__heading.on:after { background-image: url('/area_common/2018shared/svg/svg_i_close.svg');}

c-news__item a span { position: relative; z-index: 2;}
.accordion.faq__heading::before { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: #7fa8cf; content: ""; opacity: 0; -ms-transform: scale(0, 1); transform: scale(0, 1); -ms-transform-origin: center left; transform-origin: center left; transition: .6s ease;}
.accordion.faq__heading:hover{ color: #fff;}
.accordion.faq__heading:hover::before{ opacity: 1; -ms-transform: scale(1, 1); transform: scale(1, 1);}
.accordion.faq__heading:hover::after { background-image: url(/area_common/2018shared/svg/svg_i_open_fff.svg);}
.accordion.faq__heading.on::before { display: none;}
.accordion.faq__heading.on:hover::after { background-image: url(/area_common/2018shared/svg/svg_i_close.svg);}
.faq-block .faq .faq__body { background: #7fa8cf; padding: 0 10px 10px;}
.faq-block .faq .faq__body>div { background: #fff; padding: 20px; line-height: 1.75;}
.faq-block .faq .faq__body>div p { margin-bottom: 5px;}
.faq-block .faq .faq__body>div p:last-child{ margin-bottom: 0;}
.faq-block .faq .faq__body .list__indent { font-size: 10px; color: #666666; margin-bottom: 15px;}
.faq-block .faq .faq__body .divider { margin-bottom: 15px;}
.faq-block table { width: 100%; font-size: 9px;}
table.generalTable__typeArticle { width: 100%;}
.faq-block table td,
.faq-block table th { border: 1px solid #ddd; padding: 10px;}
table.generalTable__typeArticle td,
table.generalTable__typeArticle th { border: 1px solid #ddd;}
.faq-block table th,
table.generalTable__typeArticle th { font-weight: bold; background: #e8f2fb;}
table.generalTable__typeArticle .table_bg_glay th { font-weight: bold; background: #eee; color:#707070;}
table.generalTable__typeArticle .table_bg_glay td { background: #eee; color:#707070;}

.faq-block table .ind { display: block; text-indent: -2em; margin-left: 2em;}
.faq-block table th.pcth { display: none;}
.faq-block table.table1 td { width: 50%;}
.faq-block .faq .faq__body table.generalTable__typeQa .list__indent,
table.generalTable__typeArticle .list__indent { margin-bottom: 0;}
table.generalTable__typeArticle td > .normalList { margin-top: 0;}
table.generalTable__typeArticle td > .normalList li { margin-bottom: 0;}
.faq-block .faq .faq__body .title_sub { font-weight: bold; margin-bottom: 5px;}
.faq-block table.generalTable__typeQa th { width: 30%;}

.mgb0 { margin-bottom: 0!important;}
.mgb_image { margin-bottom: 100px !important;}
@media screen and (max-width: 751px), print { .mgb_image { margin-bottom: 20px !important;}}


.faq-block table thead th , table.generalTable__typeArticle thead th { background: #7fa8cf; text-align: center; color: #fff; font-weight: bold;}

@media screen and (min-width: 768px), print {
	.title1 { font-size: 24px; margin-bottom: 30px;}
	.faq-block { margin-bottom: 80px;}
	.faq-block .faq:last-child { margin-bottom: 41px;}
	.faq-block .faq .faq__heading { padding: 22px 80px 21px 30px; font-size: 20px; line-height: 1.75;}
	.faq-block .faq .faq__heading:after { width: 20px; height: 20px; right: 30px; margin-top: -10px; background-size: 20px;}
	.faq-block .faq .faq__body { padding: 0 30px 30px 30px;}
	.faq-block .faq .faq__body .title_sub { margin-bottom: 10px;}
	.faq-block .faq .faq__body>div { padding: 30px;}
	.faq-block .faq .faq__body>div p { margin-bottom: 10px;}
	.faq-block .faq .faq__body .list__indent { font-size: 14px; margin-bottom: 35px;}
	.faq-block .faq .faq__body .divider { margin-bottom: 35px;}
	.faq-block table { font-size: 16px;}
	.faq-block table th,
	.faq-block table td { padding: 20px;}
	.faq-block table.table1 th { width: 174px;}
	.faq-block table.table1 td { width: 350px;}
	.faq-block table th.pcth { display: table-cell;}
	.faq-block table th.spth { display: none;}
	.faq-block table.generalTable__typeQa th { width: 232px;}
	.faq-block table.generalTable__typeQa .list__indent { margin-bottom: 0;}
	table.generalTable__typeArticle th { width: 173px;}
	table.generalTable__typeArticle .table_natural th { width: 20%; padding: 10px 10px 8px;}
	table.generalTable__typeArticle .table_natural td { width: 50%; padding: 10px 10px 8px;}
	table.generalTable__typeArticle .table_natural .old { background: #eee; font-size: 85%; width: 30%;}
	table.generalTable__typeArticle th { padding: 15px 20px 14px;}
	table.generalTable__typeArticle td { padding: 15px 20px 7px;}
	table.generalTable__typeArticle td > p,
	table.generalTable__typeArticle td > .normalList,
	table.generalTable__typeArticle td > .list__indent { margin-bottom: 7px;}
}

@media screen and (max-width: 768px) {
	.faq-block table.table1 tr { display: flex; flex-wrap: wrap;}
	.faq-block table.table1 th { display: block; width: 100%; border-bottom: 0;}
	.faq-block table.table1 td { border-bottom: 0; width: 50%; display: block;}
	.faq-block table.table1 td:last-child { border-left: 0;}
	.faq-block table.table1 { border-bottom: 1px solid #ccc;}
	table.generalTable__typeArticle { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
	table.generalTable__typeArticle th,
	table.generalTable__typeArticle td { width: 100%; display: block; border-top: 0; border-left: 0; border-right: 0;}
	table.generalTable__typeArticle th { padding: 11px 10px 11.5px;}
	table.generalTable__typeArticle td { padding: 10px 10px 5.5px;}
	table.generalTable__typeArticle td > p,
	table.generalTable__typeArticle td > .normalList,
	table.generalTable__typeArticle td > .list__indent { margin-bottom: 5px;}
}

/* elements_add_cover.css .section-pcaInfo 貼り付けここから*/
.keyvisual_ai{color:#fff;text-align:center;background-size:cover;background-position:center center;position:relative;overflow:hidden;padding:140px 20px;margin-bottom:0;background-image:url("/area_common/2018shared/images/keyvisual/keyvisual_ai.jpg")}.keyvisual_ai .title{margin-bottom:6px;font-size:2.4em;font-weight:bold;line-height:1.4;color:#fff;text-shadow:1px 2px 3px #000}.keyvisual_ai .title_sub{color:#fff;text-shadow:1px 2px 3px #000;border:none;margin:0;padding:0}.section-pcaInfo{background-size:cover;padding:40px 0;background-image:url("/area_product/cloud/images/bg_pcabtn.jpg")}.section-pcaInfo p{line-height:1.5;margin-bottom:25px;font-size:24px}.section-pcaInfo .block{background:#fff;text-align:center;padding:25px}.section-pcaInfo .image{margin-bottom:0}.section-pcaInfo .image img{width:auto}.section-pcaInfo .link_button_list li{display:block}.section-pcaInfo .column2 .link_button_list{margin:-4px -10px 0}.section-pcaInfo .column2 .link_button_list li{width:46%;margin:5px 2px 0;display:inline-flex}@media screen and (min-width: 768px){.section-pcaInfo .tbl{display:table;width:100%;table-layout:fixed;max-width:900px;margin:0 auto}.section-pcaInfo .tbl .column{display:table-cell;vertical-align:middle}.section-pcaInfo .tbl .column:first-child{width:240px;padding-right:60px}}@media screen and (max-width: 768px){.section-pcaInfo{padding:40px 30px;background:url("/area_product/cloud/images/bg_pcabtn_sp.jpg") center no-repeat}.section-pcaInfo p{text-align:center;font-size:16px}.section-pcaInfo .block{padding:10px 20px 40px}.section-pcaInfo .image{margin-bottom:21px;text-align:center}.section-pcaInfo .image img{width:80px}.section-pcaInfo .column2 .link_button_list{margin:-4px -10px 0}.section-pcaInfo .column2 .link_button_list li:not(:last-child){margin-bottom:15px}}@media print{.section-pcaInfo{display:none}}
/* elements_add_cover.css 貼り付けここまで*/

/* oneColumns
-------------------------------------------------- */
.oneColumns_image { text-align: center; }
.oneColumns_image .image { width: 100%; text-align: center;}
@media screen and (min-width: 768px), print { .oneColumns_image { width: 700px; max-width: 100%; margin: 30px auto;} .oneColumns_image.fullview { width: 95%;}}
@media screen and (max-width: 768px) { .oneColumns_image .image { margin: 15px auto;}}

/* twoColumns
-------------------------------------------------- */
.twoColumns { display: flex; justify-content: space-between; flex-wrap: wrap;}
.align-items__center { align-items: center;}

@media screen and (min-width: 768px), print {
	.twoColumns { padding: 8px 0 0; }
	.twoColumns_column { width: calc(50% - 20px);}
	.twoColumns_column.column70 { width: calc(70% - 20px); }
	.twoColumns_column.column30 { width: calc(30% - 20px); }
}
@media screen and (max-width: 768px) {
	.twoColumns { padding: 5px 0 0; }
	.twoColumns_column { width: 100%; }
}

/* cloud_fixed
-------------------------------------------------- */
.cloud_fixed { width: 100%; background: rgba(232,242,251,0.9); border-top: 0 solid #00529f; position: fixed; bottom: 0; z-index: 9999; display: none;}
.cloud_fixed_title { font-weight: bold; text-align: center;}
.cloud_fixed_button { display: flex; flex-wrap: wrap; justify-content: center;}
.cloud_fixed_button li a { height: 100%; padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
@media screen and (min-width: 768px), print {
	.cloud_fixed { border-top-width: 3px; }
	.cloud_fixed .sectionBody__pc-1000 { padding: 14px 0 12px; }
	.cloud_fixed_title { margin-bottom: 13px; font-size: 20px; }
	.cloud_fixed_button li { width: 269px; margin: 0 10px; }
}
@media screen and (max-width: 768px) {
	.cloud_fixed { border-top-width: 1.5px; }
	.cloud_fixed .sectionBody__pc-1000 { padding-top: 9px; padding-bottom: 44px; }
	.cloud_fixed_title { margin-bottom: 6px; font-size: 12px; }
	.cloud_fixed_button li { width: 50%; box-sizing: border-box; display: inline-block; }
	.cloud_fixed_button li:nth-child(2n) { padding-left: 2.5px; }
	.cloud_fixed_button li:nth-child(2n+1) { padding-right: 2.5px; }
	.cloud_fixed_button li a { padding: 8px 0; font-size: 9px; }
	.cloud_fixed_button .link_button > span,
	.link_button span.iconNone_icon { padding-left: 13px; }
	.cloud_fixed_button .link_button > span:before,
	.link_button span.iconNone_icon:before { width: 9px; height: 9px; margin-top: -4.5px; background-size: 9px 9px; }
	.cloud_fixed_button .link_button[target="_blank"] > span:after { width: 9.3px; height: 1rem; background-size: 9.3px 9px; background-position: right center; display: inline-block; }
}

/* software
-------------------------------------------------- */
.software__title_sub { text-align: center;}
.software__list { display: flex; justify-content: center; flex-wrap: wrap;}
.software__list2 { margin: 0 auto;}
.software__list_li a { text-decoration: none;}
.software__list_img { display: block;}
.software__list_tit { font-weight: bold; color: #00529f;}
.software__list_li.ex_imgsvg .software__list_tit { margin-bottom: 10px;}
.software__list_li.ex_imgsvg .software__list_tit img { padding: 30px; border: 1px solid #ccc;}
.software__list_txt { color: #000;}

.softwaere_series { display: table; width: 100%; height: 75px; color: #606060; font-weight: bold;}
.softwaere_series > p { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 5px 0;}

.software__list_txt_2112 { color: #000; text-align: center; padding-top: 5px;}
.software__list_img_2112 { width: 92%; margin: 0 auto; height: auto;}
.software__list_img_2112 a { display: block; margin: 20px 0; border: 1px solid #ccc; padding: 20px; background-color: #fff;}
.software__list_img_2112 a.norelease { display: block; margin: 20px 0; border: 1px solid #ccc; padding: 20px; background-color: #ccc;}
.software__list_img_2112 a.norelease p { font-size: 12px; text-align: center;}

.software__list4_2112 { margin-bottom: 50px; font-size: 16px;}
.software__list4_2112 .software__list_li { border: 1px solid #ccc; width: calc((100% / 4) - 40px); margin-bottom: 58px;}
.software__list_img_2112 .img_small img { width: 90%;}
.software__list_img_2112 .software__list_img { text-align: center;}
.software__list_img_2112 .margin_adjust { margin-bottom: 15px;}
.series_pih .software__list_img_2112 .margin_adjust { margin-bottom: 135px;}

@media screen and (min-width: 768px), print {software__list_img
	.software__title_sub { margin-bottom: 30px; font-size: 24px;}
	.software__list3 { width: calc(100% + 40px); margin: 0 -20px;}
	.software__list2 { width: calc(((100% + 40px) / 3) * 2);}
	.software__list_li { max-width: 306px; margin: 0 20px 34px;}
	.software__list_li a:hover:before, .software__list_li a:focus:before { border: 10px solid rgba(255,255,255,0.5);}
	.software__list_img { margin-bottom: 17px; display: block; position: relative; overflow: hidden; -webkit-transition: border .1s; transition: border .1s;}
	.software__list_img_2112 .software__list_img { margin-bottom: 0px;}
	.software__list_img:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border: 0px solid #00529f; -webkit-transition: border .1s; transition: border .1s;}
	.software__list_li a:hover .software__list_img:before, .software__list_li a:focus .software__list_img:before { border: 4px solid #00529f;}
	.software__list4_2112 .software__list_li a:hover .software__list_img:before, .software__list4_2112 .software__list_li a:focus .software__list_img:before { border: none;}
	.software__list4_2112 .software__list_li a:hover, .software__list4_2112 .software__list_li a:focus { background-color: #ccc; opacity: 0.5;}
	.software__list4_2112 .software__list_li a.norelease:hover, .software__list4_2112 .software__list_li a.norelease:focus { opacity: 1;}

	.software__list_tit { margin-bottom: 6px; line-height: 1.5;}
	.software__list_txt { line-height: 1.75;}
	.software__list_txt_2112 { line-height: 1.75;}
	.software__list_li a:hover .software__list_tit { text-decoration: underline;}
	.hr__division { margin: 19px 0 50px;}
	.software__list4 .software__list_li { width: calc((100% / 4) - 40px);}
	.software__list3 .software__list_li { width: calc((100% / 3) - 40px);}
	.software__list2 .software__list_li { width: calc(50% - 40px);}
	.software__list2_2112 .software__list_li { width: calc(50% - 40px);}
}
@media screen and (max-width: 768px) {
	.software__title_sub { margin-bottom: 23px; font-size: 18px;}
	.software__list3 { width: calc(100% + 20px); margin: 0 -10px;}
	.software__list2 { width: calc(((100% + 20px) / 3) * 2);}
	.software__list_li { padding: 0 10px; margin: 0 0 17px;}
	.software__list_img { margin-bottom: 7px;}
	.software__list_img_2112 .software__list_img { margin-bottom: 0px;}

	.software__list_tit { margin-bottom: 1px; font-size: 10px; line-height: 1.5;}
	.software__list_txt { font-size: 10px; line-height: 1.5;}
	.software__list_txt_2112 { line-height: 1.5;}
	.hr__division { margin: 20.5px 0 33px; padding-top: 0;}
	.software__list4 .software__list_li { width: 25%;}
	.software__list3 .software__list_li { width: calc(100% / 3);}
	.software__list2_2112 .software__list_li { width: 50%;}
}
@media screen and (max-width: 1350px), print {
	.software__list4_2112 .software__list_li { width: calc((100% / 3) - 30px); margin-left: 5px; margin-right: 0;}
	.software__list4_2112 { font-size: 14px;}
}
@media screen and (max-width: 751px) { 
	.software__list4_2112 .software__list_li { width: calc((100% / 2) - 10px); margin-left: 5px; padding: 0;}
	.software__list4_2112 { font-size: 13px;}
	.softwaere_series { height: 40px;}
	.software__list_img_2112 a { padding: 15px;}
	.series_pih .software__list_img_2112 .margin_adjust { margin-bottom: 130px;}
}
/* infoList
-------------------------------------------------- */
.infoList { border-top: 1px solid #ddd;}
.infoList_li { border-bottom: 1px solid #ddd;}
.infoList p a { display: block; text-decoration: none;}
.infoList p img { width: auto; vertical-align: middle;}
@media screen and (min-width: 768px), print {
	.infoList { margin: 0 0 60px;}
	.infoList_li { padding: 8px 0 7px; display: flex; align-items: center;}
	.infoList_li_time { width: 153px; padding: 0 0 0 30px; font-size: 14px;}
	.infoList_newsIcon { width: auto; margin-right: 12px; margin-top: 10px; text-align: right;}
	.infoList_newsIcon .newsIcon_type { display: inline-block;}
	.infoList p { width: calc(100% - 383px); font-size: 14px; line-height: 1.7142857;}
	.infoList p a:hover { text-decoration: underline;}
	.infoList p img { margin: -5px 0 0;}
}
@media screen and (max-width: 768px) {
	.infoList { margin: 0 0 40px;}
	.infoList_li { padding: 20px 0 15px;}
	.infoList_li_time { width: 101px; padding: 1px 0 0; font-size: 10px; float: left;}
	.infoList_newsIcon,
	.infoList p { padding-left: 101px;}
	.infoList p { font-size: 12px; line-height: 1.75;}
	.infoList p img { margin: -3px 0 0;}
}

/* section_article
-------------------------------------------------- */
.section_article .topics_indent { margin: 40px 20px;}
@media screen and (min-width: 768px), print {
	.section_article .title_mid { margin-top: 80px; margin-bottom: 22px;}
	.section_article .oneColumns_image + .title_mid { margin-top: 54px;}
	.section_article p, .section_article .list__indent { margin-bottom: 18px;}
	.section_article_link_button_list { margin-top: 80px;}
}
@media screen and (max-width: 768px) {
	.section_article .topics_indent { margin: 30px 0px;}
	.section_article .title_mid { margin-top: 40px; margin-bottom: 15px;}
	.section_article .oneColumns_image + .title_mid { margin-top: 36px;}
	.section_article p, .section_article .list__indent { margin-bottom: 10.5px;}
}
/* section_article_annotation
-------------------------------------------------- */
.section_article_annotation { margin-top: 80px;}
.section_article_annotation .title_mid { margin: 0 0 20px 0; font-size: 14px;}
.section_article_annotation .title_sub { margin: 0 0 20px 0; font-size: 14px;}
.section_article_annotation .list__indent { margin-bottom: 40px;}
.section_article_annotation .list__indent li { line-height: 1.8em;}
.section_article_annotation span { margin-right: 10px; padding: 0 5px;}
.section_article_annotation span.product_hub { background: #ccc;}
.section_article_annotation span.product_cloud { background: #00529f; color: #fff;}
.section_article_annotation span.product_subsc { border: 1px solid #ccc;}
@media screen and (max-width: 768px) {
	.section_article_annotation { margin-top: 40px;}
	.section_article_annotation .title_mid { padding: 8px ; font-size: 12px;}
	.section_article_annotation .title_sub { padding: 8px ; font-size: 12px;}
}

/* section_article_date
-------------------------------------------------- */
.section_article_date { text-align: right;}
.section_article_date span.date_release { color: #999;}
@media screen and (min-width: 768px), print {
	.section_article_date { margin-bottom: 23px;}
}
@media screen and (max-width: 768px) {
	.section_article_date { margin-bottom: 10px;}
}
.section_article_date + .section_article .title_mid:first-child { margin-top: 0;}

/* section_article_link_button_list
-------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.section_article_link_button_list { margin-top: 80px;}
}
@media screen and (max-width: 768px) {
	.section_article_link_button_list { margin-top: 40px;}
}

/* section_article_relatedLinks
-------------------------------------------------- */
.section_article_relatedLinks_dt { font-weight: bold; text-align: center; color: #666; background: #f1f1f1; float: left;}
.section_article_relatedLinks_dd { padding: 1px 0; float: right;}
.section_article_relatedLinks_dd a,
.section_article_relatedLinks_dd a:link { text-decoration: none;}

@media screen and (min-width: 768px), print {
	.section_article_relatedLinks { padding-top: 5px; margin-bottom: 23px;}
	.section_article_relatedLinks_dt { width: 79px; margin-top: 3px; margin-right: 20px; font-size: 12px;}
	.section_article_relatedLinks_dd { width: calc(100% - 99px);}
}
@media screen and (max-width: 768px) {
	.section_article_relatedLinks { padding-top: 2.5px; margin-bottom: 14px;}
	.section_article_relatedLinks_dt { width: 60px; margin-top: 2px; margin-right: 10px; font-size: 9px;}
	.section_article_relatedLinks_dd { width: calc(100% - 70px);}
}

/* section_article_twoColumns
-------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.section_article_twoColumns_column { margin-top: -9px;}
	.section_article_next_section { margin-top: 37px;}
	.title_mid + .section_article_next_section { margin-top: -8px;}
	.section_article_twoColumns_column_txt { width: calc(100% - 320px);}
	.section_article_twoColumns_column_img { width: 260px; padding-top: 6px;}
	.section_article_next_section .section_article_twoColumns_column_img { padding-top: 8px;}
	.section_article_twoColumns_title_sub,
	.section_article .title_sub { margin-top: 47px; margin-bottom: 16px; font-size: 20px; line-height: 1.75;}
	.section_article .title_mid + .title_sub,
	.title_mid + .section_article_twoColumns_column > .section_article_twoColumns_column_txt > .section_article_twoColumns_title_sub:nth-child(1),
	.section_article_twoColumns_column_txt .section_article_twoColumns_title_sub:nth-child(1) { margin-top: 0;}
	.section_article_twoColumns_title_sub { margin-bottom: 16px; font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.section_article_twoColumns_column { margin-top: -10.5px;}
	.section_article_twoColumns_title_sub,
	.section_article .title_sub { margin-top: 49.5px; margin-bottom: 8.5px; font-size: 16px; line-height: 1.75;}
	.section_article .title_mid + .title_sub,
	.title_mid + .section_article_twoColumns_column > .section_article_twoColumns_column_txt > .section_article_twoColumns_title_sub:nth-child(1),
	.section_article_twoColumns_column_txt .section_article_twoColumns_title_sub:nth-child(1) { margin-top: 0;}
	.section_article_twoColumns_column + .section_article_twoColumns_column { margin-top: 6px;}
}
.section_article_figcaption { color: #666;}
a.section_article_figure_Open { text-decoration: none;}
a.mapOpen .section_article_figure_Open_img { position: relative;}
a.mapOpen .section_article_figure_Open_img:after { content: ""; background-image: url(/area_common/2018shared/svg/svg_i_zoom_fff.svg); background-repeat: no-repeat; background-color: #00529F; position: absolute; right: 0; bottom: 0;}
@media screen and (min-width: 768px), print {
	.section_article_figure { margin: 0 0 27px;}
	.section_article_figcaption { margin: 12px 0 0; font-size: 14px; line-height: 1.5;}
	a.mapOpen .section_article_figure_Open_img img { transition: .6s ease;}
	a.mapOpen .section_article_figure_Open_img:after { width: 38px; height: 38px; background-size: 22px 22px; background-position: 8px 8px;}
	a.mapOpen:hover .section_article_figure_Open_img img { opacity: 0.8;}
}
@media screen and (max-width: 768px) {
	.section_article_twoColumns_column_img { margin: 17px 0 -15px; display: flex; flex-wrap: wrap;}
	.section_article_twoColumns_column_img:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
	a.mapOpen .section_article_figure_Open_img:after { width: 19px; height: 19px; background-size: 11px 11px; background-position: 4px 4px;}
	.section_article_figure { width: calc(50% - 12.5px); margin-bottom: 32px;}
	.section_article_figure:nth-child(2n + 1) { margin-right: 10px;}
	.section_article_figure:nth-child(2n) { float: right;}
	.section_article_figure:first-child:last-child { margin: 0 auto; float: none;}
	.section_article_img { display: flex; align-items: flex-end;}
	.section_article_figcaption { margin: 7px 0 0; font-size: 10px; line-height: 1.75;}
}

/* topicBorder
-------------------------------------------------- */
.topicBorder_title { font-weight: bold; line-height: 1.5;}
@media screen and (min-width: 768px), print {
	.topicBorder { margin: 27px 0 80px;}
	.topicBorder_noticeBlock { margin: 0; padding: 33px 30px 15px;}
	.topicBorder_title { padding-top: 1px; margin-bottom: 28px; font-size: 20px;}
	.topicBorder_link_button_list { max-width: 404px; margin: 33px auto 5px;}
	.topicBorder_link_button_list li { width: 100%; margin-bottom: 20px;}
	.topicBorder_link_button_list li a { padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 768px) {
	.topicBorder { margin: 13.5px 0 15px; padding: 0 0 6px;}
	.topicBorder_noticeBlock { margin: 0; padding: 26px 20px 15px;}
	.topicBorder_title { margin-bottom: 15px; font-size: 16px;}
	.topicBorder_link_button_list { margin: 26.5px 0 0;}
	.topicBorder_link_button_list li { margin-bottom: 15px;}
}

/* img
-------------------------------------------------- */
img { width: 100%; height: auto;}
@media screen and (min-width: 768px), print { .image { margin-top: 18px; margin-bottom: 16px; padding: 6px 0;}}
@media screen and (max-width: 768px) { .image { margin-top: 20.5px; margin-bottom: 10px; padding: 5px 0;}}

.img_width75 { width: 75%; height: auto; margin: 18px auto 16px; text-align: center;}
.img_width_auto_center img { width: auto; height: auto; margin: 18px auto 16px; text-align: center;}
.img_width_auto_left img { width: auto; height: auto; margin: 18px auto 16px; text-align: left;}
@media screen and (max-width: 768px){ .img_width75, .img_width_auto_center img, .img_width_auto_left img { width: 100%;}}
/* youtube
-------------------------------------------------- */
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* twoColumnsType
-------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.twoColumnsType .column { width: 44%; margin-right: 4%; float: left;}
	.twoColumnsType .columnEnd { width: 52%; float: right;}
}

/* infoBlock
-------------------------------------------------- */
.infoBlockType1 { background: #ffffff; border: 1px solid #cccccc;}

@media screen and (min-width: 768px), print { .infoBlock { padding: 19px 30px 21px;}}
@media screen and (max-width: 768px) { .infoBlock { padding: 30px 15px 20px;}}

/* banner
-------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.banner_img { margin-bottom: 24px; position: relative; overflow: hidden; -webkit-transition: border .1s; transition: border .1s;}
	.banner_img a:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border: 0px solid rgba(255,255,255,0.5); -webkit-transition: border .1s; transition: border .1s;}
	.banner_img a:hover:before,
	.banner_img a:focus:before { border: 10px solid rgba(255,255,255,0.5);}
	.banner-width_pc_600 { max-width: 600px; margin: 0 auto;}
}

@media screen and (max-width: 768px) { .banner_img { margin-bottom: 15px;}}

.banner_img100 { margin: 30px auto; width: 100%;}
.banner_img100 a:hover { opacity: 0.8; transition:0.3s;}

.banner_img90 { margin: 30px auto; width: 90%;}
.banner_img90 a:hover { opacity: 0.8; transition:0.3s;}

@media screen and (max-width: 768px) {
	.banner_img100 { margin: 10px auto;}
	.banner_img90 { margin: 10px auto; width: 100%;}
}

/* tel__table
-------------------------------------------------- */
.tel__table_th { width: 100%; background: #7fa8cf; color: #fff; text-align: center; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.tel__table { width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.tel__table_td dl { display: flex;}
.tel__table_td { border-bottom: 1px solid #ddd;}
.tel__table_td dt { background: #e8f2fb; font-weight: bold; border-right: 1px solid #ddd;}
.tel__table_td dd li:last-child { margin-bottom: 0;}

@media screen and (min-width: 768px), print {
	.tel__listTable { padding-top: 8px;}
	.tel__table { margin-bottom: 21px; display: flex; flex-wrap: wrap;}
	.tel__table_th { padding: 14px 0; font-weight: bold;}
	.tel__table_td { width: 50%;}
	.tel__table_td dt { width: 167px; padding: 14px 21px 10px; font-weight: bold;}
	.tel__table_td dd { width: calc(100% - 167px); padding: 12px 21px; border-right: 1px solid #ddd;}
	.tel__listTable .list__indent { margin-top: 8px;}
}
@media screen and (max-width: 768px) {
	.tel__listTable { padding-top: 5px;}
	.tel__table_th { padding: 11px 0 12px; font-size: 12px;}
	.tel__table { margin-bottom: 14px; border-right: 1px solid #ddd;}
	.tel__table_td dt,
	.tel__table_td dd { padding: 11px 10px 12px;}
	.tel__table_td dt { width: 120.5px; font-size: 12px;}
	.tel__table_td dd { width: calc(100% - 120.5px);}
	.tel__listTable .list__indent { margin-top: 6px;}
}

/* googlemap
-------------------------------------------------- */
.googlemap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; border: 1px solid #ddd;}
.googlemap iframe,
.googlemap object,
.googlemap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* changeMarginTop0
-------------------------------------------------- */
.changeMarginTop0 { margin-top: 0 !important;}

/* clearfix
-------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

/* clear
-------------------------------------------------- */
.clear { clear: both;}

/* display-block
-------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.pcBlock { display: block !important;}
	.pcInline { display: inline !important;}
	.pcFlex { display: flex !important;}
	.pcTable { display: table !important;}
	.pcTableCell { display: table-cell !important;}
	.spBlock, .spInline, .spFlex, .spTable, .spTableCell { display: none !important;}
}
@media screen and (max-width: 768px) {
	.spBlock { display: block !important;}
	.spInline { display: inline !important;}
	.spFlex { display: flex !important;}
	.spTable { display: table !important;}
	.spTableCell { display: table-cell !important;}
	.pcBlock, .pcInline, .pcFlex, .pcTable, .pcTableCell { display: none !important;}
}
/* section-review
-------------------------------------------------- */
section.producttop { padding-top: 45px;}

.review_box_list { display: flex; flex-wrap: wrap;}
.review_box_list a { color: #fff; text-decoration: none;}
.review_box_li a,
.review_box { width: 100%;}
.topics_banner.review_box_li,
.topics_banner.review_box_li a { display: flex;}
.review_img { margin: 0 auto;}
.review_txtBox { margin: 0 auto; letter-spacing: 0.1em; line-height: 1.5em; text-align: justify;}
.review_tit { text-align: center;}
.review_txt { font-weight: 300;}
.review_txt strong { color: #00529f; background: none; font-size: 18px;}
.review_txt span { color: #004BDB; font-weight: bold; font-size: 22px; padding: 0 4px;}
.review_box_5 .review_txt, .review_box_6 .review_txt { color: #00529f; margin-top: 20px;}
@media screen and (min-width: 768px), print {
	.review_box_list { padding: 8px 0 0; margin-bottom: -10px;}
	.review_box_list + .sectionBody__pc-1000 { margin-top: 40px;}
	.topics_banner.review_box_li { width: calc(50% - 15px);}
	.topics_banner.review_box_li:nth-child(2n) { margin: 0 10px 10px;}
	.topics_banner.review_box_li:nth-child(2n+1) { margin: 0 0 10px 10px;}
	.review_img { width: 80px; height: 80px; margin-bottom: 13px;}
	.review_txtBox { max-width: 500px;}
	.review_tit { font-size: 30px; line-height: 1.5; font-weight: 600; margin: 0 0 7px;}
	.review_txt { font-size: 18px; line-height: 1.75;}
	.review_box_1 { background-image: url(/area_common/2018shared/images/review/review_1_bg_pc.jpg);}
	.review_box_2 { background-image: url(/area_common/2018shared/images/review/review_2_bg_pc.jpg);}
	.review_box_3 { background-image: url(/area_common/2018shared/images/review/review_3_bg_pc.jpg);}
	.review_box_4 { background-image: url(/area_common/2018shared/images/review/review_4_bg_pc.jpg);}
	.review_box_5 { background-image: url(/area_common/2018shared/images/review/review_5_bg_pc.jpg);}
	.review_box_6 { background-image: url(/area_common/2018shared/images/review/review_6_bg_pc.jpg);}
	.review_box { padding: 53px 10px 46px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
}
@media screen and (max-width: 768px) {
	.review_box_list { padding: 5px 0 0; margin-bottom: -5px;}
	.review_box_list + .sectionBody__pc-1000 { margin-top: 20px;}
	.topics_banner.review_box_li { width: calc(50% - 7.5px);}
	.topics_banner.review_box_li:nth-child(2n) { margin: 0 5px 5px;}
	.topics_banner.review_box_li:nth-child(2n+1) { margin: 0 0 5px 5px;}
	.review_img { width: 40px; height: 40px; margin-bottom: 8px;}
	.review_txtBox { padding: 0 15px;}
	.review_tit { font-size: 13px; line-height: 1.5; font-weight: 600; margin: 0 0 4px;}
	.review_txt { font-size: 11px; line-height: 1.6; margin-top: 15px;}
	.review_box_1 { background-image: url(/area_common/2018shared/images/review/review_1_bg_sp.jpg);}
	.review_box_2 { background-image: url(/area_common/2018shared/images/review/review_2_bg_sp.jpg);}
	.review_box_3 { background-image: url(/area_common/2018shared/images/review/review_3_bg_sp.jpg);}
	.review_box_4 { background-image: url(/area_common/2018shared/images/review/review_4_bg_sp.jpg);}
	.review_box_5 { background-image: url(/area_common/2018shared/images/review/review_5_bg_sp.jpg);}
	.review_box_6 { background-image: url(/area_common/2018shared/images/review/review_6_bg_sp.jpg);}
	.review_box { padding: 34px 0 20px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
	.review_txt strong { font-size: 12px;}
	.review_txt span { font-size: 12px;}
}

/* link_button_list-review
-------------------------------------------------- */
[class^="link_button_li-review"] .link_button_orange > span::before { content: unset;}
.link_button_li-review_cloud .link_button_orange > span::after { content: ''; width: 41.42px; height: 26px; margin-top: -13px; background-size: 41.42px 26px; background-image: url(/area_common/2018shared/svg/svg_i_cloud_fff.svg);}
.link_button_li-review_trial-on-prep .link_button_orange > span::after { content: ''; width: 43px; height: 27.99px; margin-top: -14px; background-size: 43px 27.99px; background-image: url(/area_common/2018shared/svg/svg_i_trial-on-prep_fff.svg);}
.link_button_li-review_entry .link_button_orange > span::after { content: ''; width: 43px; height: 27.99px; margin-top: -14px; background-size: 43px 27.99px; background-image: url(/area_common/2018shared/svg/svg_i_entry_fff.svg);}
.link_button_li-review_book .link_button_orange > span::after { content: ''; width: 32px; height: 28px; margin-top: -14px; background-size: 32px 28px; background-image: url(/area_common/2018shared/svg/svg_i_book_fff.svg);}
.link_button_li-review_question .link_button_orange > span::after { content: ''; width: 28px; height: 28px; margin-top: -14px; background-size: 28px 28px; background-image: url(/area_common/2018shared/svg/svg_i_question_fff.svg);}
.link_button_li-review_calculator .link_button_orange > span::after { content: ''; width: 20px; height: 28px; margin-top: -14px; background-size: 20px 28px; background-image: url(/area_common/2018shared/svg/svg_i_calculator_fff.svg);}

@media screen and (min-width: 768px), print { .link_button_list-review { margin: 0 auto 8px; }
	.link_button_list-review li { margin-bottom: 40px; }
	.link_button_list-review .link_button_orange { padding: 14px 0; }
	.link_button_li-review_trial-on-prep .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_trial-on-prep_f0831f.svg); }
	.link_button_li-review_entry .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_entry_f0831f.svg); }
	.link_button_li-review_cloud .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_cloud_f0831f.svg); }
	.link_button_li-review_book .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_book_f0831f.svg); }
	.link_button_li-review_question .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_question_f0831f.svg); }
	.link_button_li-review_calculator .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_calculator_f0831f.svg); }
}

/* row カラム */
.row { display: flex; flex-wrap: wrap; justify-content: space-between;}

/* card_01
---------------------------------*/
.card_01 { margin-bottom: 60px;}

/* card_01 画像 */
.card_01 .card_thumb { background-color: #f5f5f5; height: 170px; padding: 10px 50px; margin-bottom: 23px; text-align: center;}
.card_01 .card_thumb img { vertical-align: middle; max-width: 100%; height: 100%;}
/* card_01 キャプション */
.card_01 .card_cap { font-weight: bold; text-align: center; margin-bottom: 25px; line-height: 1.65; font-size: 14px;}
/* card_01 フッター */
.card_01 .card_footer { text-align: center;}
.card_01 .card_footer .btn { justify-content: center;}

/* card_02
---------------------------------*/
.card_02 {
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .16);
	text-decoration: none !important;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.card_02:hover {
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

/* card_02 画像 */
.card_02 .card_thumb {
	padding: 20px 40px 10px;
	min-height: 112px;
}
.card_02 .card_thumb img {
	width: 100%;
	height: auto;
}
.card_02 .card_thumb .card_thumb_text {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 1.2;
	color: #00529f;
	margin-top: 10px;
}

/* card_02 キャプション */
.card_02 .card_cap {
	font-size: 16px;
	padding: 20px;
}
.card_02 .card_cap .card_ttl {
	font-size: 1.1rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 6px;
	line-height: 1.5;
}
.card_02 .card_cap .card_summary>* {
	margin-bottom: 6px;
}
@media screen and (max-width: 720px) {
	.card_02 .card_thumb .card_thumb_text {
		font-size: 26px;
	}
}

/* card_02 フッター */
.card_02 .card_footer {
	border-top: 1px dotted #ccc;
	margin-top: auto;
	padding: 16px;
}
.card_02 .card_footer .btn {
	justify-content: center;
	width: 100%;
}

/* カードの3カラム */
.card_02_col3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
}

/* card_03
---------------------------------*/
a.card_03,
a.card_03:link,
a.card_03:visited,
a.card_03:hover,
a.card_03:active { color: #333 !important;}
.card_03 { background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .16); text-decoration: none !important; margin-bottom: 60px;}
.card_03:hover { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; opacity: 1 !important;}
/* card_03 画像 */
.card_03 .card_thumb img { width: 100%; height: auto; vertical-align: bottom;}
/* card_03 キャプション */
.card_03 .card_cap { padding: 16px 16px 0;}
.card_03 .card_cap .card_ttl { font-weight: bold; margin-top: 16px;}
@media screen and (min-width: 721px){
.card_03 .card_cap .card_ttl.kotei { height: 6em;}
}
.card_03 .card_cap .card_ttl_toc { margin-top: 10px; font-size: 12px;}
.card_03 .card_cap .card_ttl_toc .title { color: #008080; border-left: 1px solid #008080; padding-left: 10px; margin: 8px 0; font-weight: bold;}
/* card_03 フッター */
.card_03 .card_footer { font-size: 15px; margin-top: auto; padding: 16px;}
.card_03 .card_footer.card_footer_top { margin-top: 0; }
.card_03 .card_footer .card_text { margin-top: 10px;}
.card_03 .card_footer .card_text_day > span { font-weight: bold;}
.card_03 .card_footer .card_text_time { font-size: 12px; font-weight: bold;}

/* カード 横並び
---------------------------------*/
.card_menu { margin: 40px 0;}
.card_mn_link { text-decoration: none !important;}
.card_mn_content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ccc; margin-bottom: 24px;}
.card_mn_content:hover { box-shadow: 0 2px 4px rgba(51, 51, 51, 0.125); transform: translate(0, -2px); opacity: 0.9;}
.card_mn_content .card_mn_side { display: flex; flex: 1 1 auto;}
.card_mn_content .card_mn_thumb > img { vertical-align: middle; border-style: none; height: 100px; width: auto;}
.card_mn_content .card_mn_body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px;}
.card_mn_content .card_mn_ttl { color: #666; font-size: 20px; font-weight: bold;}
.card_mn_content .card_mn_text:last-child { border-top: 1px solid #aaa; color: #878787; font-size: 12px; padding-top: 10px; margin-bottom: 0;}
.card_mn_content .card_mn_ttl > span { font-size: 12px; font-weight: normal; margin-left: 1em; vertical-align: middle;}

/* ラベル */
.card_glay { border-bottom: 12px solid #666;}
.card_gree_blue { border-bottom: 12px solid #008080;}
.card_gree_orange { border-bottom: 12px solid #ff7f50;}
.card_gree_yellow { border-bottom: 12px solid #c09a01;}
.badge { display: inline-block; font-size: 12px; font-weight: bold; margin-right: 5px; padding: 0 4px; vertical-align: middle;}
.badge_outline_gray { color: #878787; background-color: #fff; border: 1px solid #878787;}
.badge_outline_green_blue { color: #008080; background-color: #fff; border: 1px solid #008080;}
.badge_outline_orange { color: #ff7f50; background-color: #fff; border: 1px solid #ff7f50;}
.badge_outline_yellow { color: #c09a01; background-color: #fff; border: 1px solid #c09a01;}

@media screen and (min-width: 721px) and (max-width: 1079px) {
	.row .col_3,
	.row .col_2 { display: flex; flex-direction: column; width: calc((100% - 64px) / 2); }

	/* サイズ違い */
	.row .col_2_img { text-align: right; width: 30%; }
	.row .col_2_txt { width: calc(70% - 20px); }
	/* card_01
	---------------------------------*/
	/* フッター */
	.card_01 .card_footer .btn { width: 100%; }

	/* card_02
	---------------------------------*/
	/* キャプション */
	.card_02 .card_cap { flex-grow: 1; }

	/* card_03
	---------------------------------*/
	/* フッター */
	.card_03 .card_footer .card_text_justified { display: flex; justify-content: space-between; align-items: center; }
	.card_03 .card_footer .card_text_justified > div { flex-grow: 1; }
	.card_03 .card_footer .card_text_time { border-left: 1px solid #ced4da; padding-left: 10px; }
}
@media screen and (min-width: 1080px) {
	/* 3カラム */
	.row_3::after { content: ""; display: block; width: calc((100% - 72px) / 3); }
	.row .col_3 { display: flex; flex-direction: column; width: calc((100% - 72px) / 3); }
	.row .col_2 { width: calc((100% - 64px) / 2); }
	/* サイズ違い */
	.row .col_2_img { text-align: right; width: 30%; }
	.row .col_2_txt { width: calc(70% - 20px); }
	/* card_01
	---------------------------------*/
	/* card_01 フッター */
	.card_01 .card_footer .btn { width: 100%; }
	/* card_03
	---------------------------------*/
	/* card_03 footer */
	.card_03 .card_footer .card_text_justified { display: flex; justify-content: space-between; align-items: center; }
	.card_03 .card_footer .card_text_justified > div { flex-grow: 1; }
	.card_03 .card_footer .card_text_time { border-left: 1px solid #ced4da; padding-left: 10px; }
}
a[target="_blank"].card_01:after, a[target="_blank"].card_02:after, a[target="_blank"].card_03:after { display: none !important;}

/* popup__area
-------------------------------------------------- */
main { position: relative; /* left: 2px; */}
#popup__area { bottom: 0; z-index: 10;}
#popup__area .popup__area_OpenButton .link_button { cursor: pointer;}
#popup__area .popup__area_OpenButton,
#popup__area .popup__area_text { max-height: 80vh; overflow-x: auto; background: rgb(255,255,255); background: linear-gradient(343deg, rgba(255,255,255,1) 0%, rgba(232,252,255,1) 100%); border-style: solid; border-color: #00529F; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#popup__area .popup_text { font-size: 12px; color: #00529F;}
#popup__area .popup__area_OpenButton { padding: 20px;}
#popup__area .popup__area_text{ padding: 24px 20px 20px;}
#popup__area .subtitle { margin-top: 10px;}
#popup__area #popup_subsc .popup__area_text, #popup__area #popup_cloud .popup__area_text{ padding-top: 12px;}
#popup__area #popup_subsc .popup__area_text .logo, #popup__area #popup_cloud .popup__area_text .logo { width: 85%; margin: 0 auto 20px 15px;}
#popup__area #popup_subsc .popup__area_text .logo img, #popup__area #popup_cloud .popup__area_text .logo img { margin: 0 auto;}

#popup__area .popup__area_text .section_title-tit { font-size: 20px; margin-bottom: 2px; font-weight: bold; text-align: center;}
#popup__area .link_button_list-review li { width: 100%; margin-bottom: 10px;}

#popup__area .link_button_list-review .link_button_blue { background: rgb(14,113,96); background: linear-gradient(283deg, rgba(14,113,96,1) 0%, rgba(0,82,159,1) 100%);}
#popup__area .link_button_list-review .link_button_orange { background: rgb(223,75,0); background: linear-gradient(41deg, rgba(223,75,0,1) 0%, rgba(240,131,31,1) 100%);}
#popup__area .link_button[target="_blank"] > span::after, #popup__area .popup_text a[target="_blank"]::after { display: none;}
#popup__area .popup__area_CloseButton { width: 20px; height: 20px; position: absolute; right: 8px;}
@media screen and (min-width: 768px), print {
	#popup__area { right: 10px;}
	#popup__area .popup__area-pc-area { position: relative;}
	#popup__area .popup__area_OpenButton { width: 355px; display: none; position: absolute; right: 0px; bottom: 0px;}
	#popup__area .popup__area_OpenButton .link_button_list li { display: block;}
	#popup__area .popup__area_OpenButton .link_button_list li .link_button { padding: 15px 0; font-size: 16px}
	#popup__area .popup__area_text { width: 360px; position: absolute; right: 0px; bottom: 0px;}
	#popup__area .popup__area_OpenButton, #popup__area .popup__area_text { border-width: 2px 2px 0;}
	#popup__area .link_button_list-review { margin: 15px auto -7px;}
	#popup__area .link_button_outline_blue .fm_icon--originalCloud::before,
	#popup__area .link_button_outline_blue .fm_icon--awsCloud::before,
	#popup__area .link_button_outline_blue .fm_icon--bothCloud::before {width: 26px; height: 26px; left: 5px;}
	#popup__area .link_button_list-review .link_button_outline_blue { width: 100%; padding: 10px; font-size: 14px;}
	#popup__area .link_button_list-review .link_button_blue, #popup__area .link_button_list-review .link_button_orange { width: 100%; padding: 10px 0 11px ; font-size: 16px;}
	#popup__area .popup__area_CloseButton { top: 0;}
	#popup__area .popup__area_CloseButton { top: 20px;}
}
@media screen and (max-width: 768px) {
	#popup__area .popup__area_OpenButton { width: 100vw; border-width: 2px 0 0;}
	#popup__area .popup__area_OpenButton .link_button:hover > span:before { display: block; opacity: 1;}
	#popup__area .popup__area_textBox { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.6); z-index: -1; display: none; cursor: pointer;}
	#popup__area .link_button { padding: 11px 0 13px; font-size: 16px}
	#popup__area .popup__area_text { width: calc(100vw - 20px); position: fixed; top: 50%; left: 10px; right: 10px; border-width: 2px; display: none;}
	#popup__area .link_button_list-review { margin: 13px auto 0;}
	#popup__area .link_button_list-review li:last-child { margin-bottom: 0;}
	.no-scroll { overflow: hidden;}
	#popup__area .popup__area_CloseButton { top: 6px;}
	#popup__area .popup__area_CloseButton{ top: 10px;}
}

/* .sakusaku_logo_center 業務、サクサクロゴ表示用
-------------------------------------------------- */
.sakusaku_logo_center .section_title-tit { font-size: 32px; color: #00529f;}
.sakusaku_logo_center p { margin: 10px auto 30px; width: 40%;}
.top .sakusaku_logo_center p { margin-top: 85px; width: 50%;}
@media screen and (max-width: 768px) {
	.sakusaku_logo_center .section_title-tit { font-size: 18px;}
	.sakusaku_logo_center p { margin: 20px auto; width: 60%;}
}

/* lightbox 参照：/area_product/css/articles.css */
.box_cover { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: -1; opacity: 0; -webkit-transition: .3s; transition: .3s;}
.box_cover.active{ z-index: 10; opacity: 1;}
.box{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; opacity : 0; transform : translate(0, 50px); transition : all 300ms; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.box.scrollin { z-index: 100; opacity : 1; transform : translate(0, 0);}
.box_inner { max-height: 100vh; cursor: auto;}
.box_inner .close { background: #fff; float: right; color: #00529f; text-align: center; cursor: pointer;}
.box_inner .close > span { text-align: left; display: inline-block; background-repeat: no-repeat; background-position: left center; vertical-align: middle; position: relative;}
.box_inner .close > span:before { content: ''; display: block; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; background-image: url(/area_common/2018shared/svg/svg_i_windowclose.svg);}
#box_load { width: 100%; background: #fff; overflow-x: auto;}
.box_inner .section_article_figure { margin: 0;}
@media screen and (min-width: 768px), print { .box_inner{ padding: 40px; max-height: 100vh;}
	.box_inner .close { width: 120px; height: 43px; margin-bottom: 20px; font-size: 14px; position: relative; display: block; transition: .6s ease; overflow: hidden;}
	.box_inner .close:before { position: absolute; top: -1px; left: 0; bottom: -1px; z-index: 1; display: block; width: calc(100% + 2px); height: calc(100% + 2px); content: ""; opacity: 0; transition: .4s ease; -ms-transform: scale(0, 1); transform: scale(0, 1); -ms-transform-origin: center left; transform-origin: center left; background-color: #00529f;}
	.box_inner .close:hover > span { color: #fff;}
	.box_inner .close > span { padding-left: 19px; line-height: 41px; z-index: 2;}
	.box_inner .close > span:before { width: 11px; height: 11px; margin-top: -5.5px; background-size: 11px 11px;}
	.box_inner .close:hover:before { opacity: 1; -ms-transform: scale(1, 1); transform: scale(1, 1);}
	.box_inner .close:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_windowclose_fff.svg);}
	#box_load { max-height: calc(100vh - 143px); padding: 32px 40px 40px;}
}
@media screen and (max-width: 768px) { .box_inner{ width: 100%; max-height: 100vh; padding: 16px 20px 20px;}
	.box_inner .close { width: 109px; height: 50px; margin-bottom: 15px; font-size: 14px;}
	.box_inner .close span { padding-left: 19px; line-height: 48px;}
	.box_inner .close > span:before { width: 9.5px; height: 9.5px; margin-top: -4.75px; background-size: 9.5px 9.5px;}
	#box_load { max-height: calc(100vh - 105px); padding: 20px;}
}

/* 音声ブラウザによるナビゲーション
-------------------------------------------------- */
.anchors { padding: 0; margin: 0; position: absolute; left: -100em; top: -100em;
}
/**旧コード→新コードの際の追加CSS*ここから**************************************/
/* 価格比較 */
.as_price_comparison_box {
	display: flex;
	margin: 20px 0 10px;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
}

.as_price_comparison_box li {
	display: block;
	flex: auto;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	border: 2px solid #00529F;
	border-radius: 10px;
}

.as_price_comparison_box li .pc_header {
	display: block;
	color: #FFF;
	background: #00529F;
	line-height: 1.4; padding: 10px 6px;
}

.as_price_comparison_box li .pc_header small {
	font-size: 14px;
}

.as_price_comparison_box li .pc_price {
	padding: 10px 6px;
}

.as_price_comparison_box li .pc_price span.pc_cost {
	color: #00529F;
	font-weight: bold;
	font-size: 2.6em;
}

.as_price_comparison_box li .pc_price_sub {
	font-size: 16px;
	color: #000;
}

/* サービスピックアップ */
.as_pickup_service .wp_best_item {
	background-color: #f4f9fd;
	border: none;
}
.as_pickup_service .wp_best_item .bs_tag {
	right: -2px;
	left: auto;
	color: #00519e;
	background-color: #ffc631;
}
.as_pickup_service .bs_body .bs_title {
	color: #00519e;
	border-bottom: none;
	font-weight: bold;
} 
.as_pickup_service .bs_body .bs_title::after{
	display: none;
}
.as_pickup_service .wp_best_item .bs_body {
	padding: 20px;
	color: #000;
	font-weight: bold;
}
@media screen and (max-width: 800px) {
	.as_pickup_service .wp_best_item .bs_wrapper .bs_img {
		margin: 25px auto;
	}
	.as_pickup_service .wp_best_item .bs_body {
		padding: 0px;
	}
}
/* 製品情報 */
/* 親要素の疑似要素 */
.as_producttop_card .software__list::after {
	content: "";
	display: block;
	width: calc((100% / 4) - 10px);
}
.as_producttop_card .software__list::before { 
	content: ""; 
	display: block; 
	width: calc((100% / 4) - 10px);
	order: 1;
}
.as_producttop_card .software__list {
	justify-content: space-between;
}
.as_producttop_card .software__list_li {
	margin: 20px 0 0;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .16);
	width: calc((100% / 4) - 10px);
	max-width: none;
}
.as_producttop_card .softwaere_series {
	display: flex;
	justify-content: center;
	height: 55px;
	align-items: center;
}
.as_producttop_card .softwaere_series p {
	margin-top: 10px;
}
.as_producttop_card .software__list_txt_2112 {
	border-top: none;
}
.as_producttop_card .software__list_img img {
	height: 110px;
	object-fit: contain;
}
.as_card_product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 12px 25px;
}
.as_margin_cloud {
	margin-bottom: 40px;
}
.as_card_product .btn {
	transition: none;
	min-width: inherit !important;
	border: 1px solid #e5e2e2;
	background-color: #fff;
	width: calc((100% / 2) - 5px);
	border-radius: 50px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 6px 8px;
	margin: 5px 0;
	position: relative;
	/* color: #3a3a3a; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.as_card_product .as_btn_cloud {
	display: none;
}
.as_card_product .btn_center {
	width: 100%;
}
.as_card_product .as_btn_hidden {
	visibility: hidden;
}
.as_card_product a:after,
.as_card_product a:hover::before,
.as_card_product a:focus::before {
	display: none;
	border: none;
}
.as_card_product a:hover,.as_card_product a:hover span,
.as_card_product a:focus,.as_card_product a:focus span {
	background: #00519E !important;
	color: #fff !important;
}
.as_card_product .btn span {
	transition: none;
	padding: 2px 0px 0px 0px;
	line-height: 1;
	color: #3a3a3a;
}
/* アイコン */
.as_producttop_card .software__list_img_2112 a {
	position: relative;
}
.as_producttop_card .software__list_img_2112 .fas {
	position: absolute;
	right: 7px;
}
.as_card_product img {
	width: 15px;
	vertical-align: middle;
	filter: brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(1845%) hue-rotate(194deg) brightness(92%) contrast(101%);}
.as_card_product a:hover img,
.as_card_product a:focus img {
	filter: none;
}

@media screen and (max-width: 1240px){
	.as_producttop_card .software__list4_2112 .software__list_li {
		width: calc((100% / 3) - 10px);
	}
	/* 親要素の疑似要素 */
	.as_producttop_card .software__list::after {
		content: "";
		display: block;
		width: calc((100% / 3) - 10px);
	}
	.as_producttop_card .software__list::before { 
		content: none; 
	}
}
@media screen and (max-width: 940px) {
	.as_producttop_card .software__list4_2112 .software__list_li {
		width: calc((100% / 2) - 6px);
	}
	.as_producttop_card .software__list::after { 
		content: none; 
	}
}
@media screen and (max-width: 751px){
	.as_card_product {
		display: block;
	}
	.as_margin_cloud_sp {
		margin-bottom: 77px;
	}
	.as_card_product .btn {
		font-size: 13px;
		width: 100%;
		margin: 5px auto;
		padding: 6px 15px;
		position: relative;
	}
	.as_card_product .as_btn_hidden {
		display: none;
	}
}
/* ~525px */
@media screen and (max-width: 525px) {
	.as_producttop_card .softwaere_series br {
		display: none;
	}
}
/* ~440px */
@media screen and (max-width: 440px) {
	.as_producttop_card .software__list4_2112 .software__list_li {
		width: 100%;
	}
	.as_margin_cloud_sp {
		margin-bottom: 40px;
	}
	.as_producttop_card br {
		display: none;
	}
}

/* セミナー img */
.fm_coarch_border + .profile_area { margin-top: 20px; }
.profile_area > * { display: block; }
td .profile_area .p_text { width: 100%; }
td .profile_area { margin-bottom: 20px; }
@media screen and (max-width: 400px) {
	td .profile_area { display: block; margin-bottom: 20px; }
	td .profile_area .p_img { margin-top: 10px; width: 120px; }
}
@media screen and (min-width: 401px) {
	td .profile_area { display: flex; justify-content: space-between; margin-bottom: 20px; }
	td .profile_area .p_img { width: 120px; }
	td .profile_area .p_text { display: inline-block; vertical-align: top; width: calc(100% - 140px); }
}

/* Hub キービジュアル */
#hub-kv {
	background-image: url(/hub/assets/img/bg-04.png);
	background-size: cover;
	background-position: center;
	padding: 6em 1em;
}
#hub-kv .kv-area {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
#hub-kv .kv-area_logo {
	width: 20%;
}
#hub-kv .kv-area_logo img {
	box-shadow:rgba(0, 0, 0, 0.1) 0px 15px 35px 0px, rgba(0, 0, 0, 0.07) 0px 3px 10px 0px;
}
#hub-kv .kv-area_content {
	width: 80%;
	margin-right: 4em;
}
#hub-kv .kv-area_content .kv-area_ttl {
	color: #fff;
	font-size: 2.4em;
	font-weight: bold;
	text-shadow: 0px 0px 15px rgba(97, 97, 97, 0.5), 0px 0px 10px rgba(97, 97, 97, 0.5);
	line-height: 1.4;
	margin-bottom: 10px;
}
#hub-kv .kv-area_content .kv-area_text {
	color: #fff;
	font-size: 18px;
	text-shadow: 0px 0px 15px rgba(97, 97, 97, 0.5), 0px 0px 10px rgba(97, 97, 97, 0.5);
}
#hub-kv .kv-area_content .kv-area_btn {
	margin-top: 20px;
}
#hub-kv .kv-area_content .kv-area_btn .as_cv_btn01 a,
#hub-kv .kv-area_content .kv-area_btn .as_cv_btn02 a {
	box-shadow:rgba(16, 36, 94, 0.4) 6px 8px 5px -5px;
}
/* 0px~767px */
@media screen and (max-width: 767px) {
	#hub-kv {
		padding: 4em 2em;
	}
	#hub-kv .kv-area {
		flex-direction: column;
	}
	#hub-kv .kv-area_logo {
		order: 1;
		margin-bottom: 20px;
		width: 140px;
	}
	#hub-kv .kv-area_content {
		order: 2;
		margin-right: 0;
		width: 100%;
	}
}

/* 3カラム */
.three_row {
	width: 100%;
}
.three_row .three_col {
	display: inline;
}
.three_row .three_col img {
	width: calc((100% - 5em) / 3);
}

/* コード */
.as_code_area {
	background-color: #eee;
	border: solid 1px #999;
	overflow-x: scroll;
	margin: 1em 0;
	padding: 1em;
}
.as_code_area pre {
	color: #007000;
	line-height: 18px;
	tab-size: 4;
	word-break: keep-all;
}
.as_code_area code {
	font-weight: bold;
}
.as_code_area pre code span {
	color: #000;
}

/* 旧コードで使用class */
/* 電話のお問い合わせ窓口 */
.as_suptel_table {
	width: 100%;
}
.as_suptel_table th,
.as_suptel_table td {
	padding: 5px;
}
.as_suptel_table thead th,
.as_suptel_table tbody td {
	text-align: center;
}
.as_suptel_table tbody th,
.as_suptel_table tbody td {
	border: 1px solid #ddd;
}
.as_suptel_table tbody th {
	background: #e7e7e7;
}
.contactLow::after {
	font-family: "Font Awesome 5 Free";
	color: #287418;
	content: "\f59a";
	font-weight: normal;
}
.contactNormal::after {
	font-family: "Font Awesome 5 Free";
	color: #9C9430;
	content: "\f11a";
	font-weight: normal;
}
.contactHigh::after {
	font-family: "Font Awesome 5 Free";
	color: #9C3030;
	content: "\f5c8";
	font-weight: normal;
}

/* 画像サイズ */
.as_img_size_auto img {
	max-width: 100%;
	width: initial !important;
	height: auto;
	margin-bottom: 10px;
}
.as_img_size_normal img {
	width: auto;
	max-width: 694px;
	margin-bottom: 20px;
}
.as_img_size_small img {
	width: auto;
	max-width: 694px;
	margin-bottom: 20px;
}
.normalList .as_img_size_normal {
	padding-left: 10px;
}
.normalList .as_img_size_normal img {
	margin: 1em 0;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* 画像サイズ */
	.as_img_size_normal img {
		width: 100%;
	}
}
/* 矢印 */
.as_down_flow {
	position: relative;
}
.as_down_flow > li {
	position: relative;
}
.as_down_flow > li:not(:last-child) {
	margin-bottom: 40px;
}
.as_down_flow > li dl {
	width: 100%;
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #00529f;
	border-radius: 10px;
	position: relative;
}
.as_down_flow > li:not(:last-child) dl::before,
.as_down_flow > li:not(:last-child) dl::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.as_down_flow > li:not(:last-child) dl::before {
	border-width: 22px;
	border-top-color: #00529f;
}
.as_down_flow > li:not(:last-child) dl::after {
	border-width: 20px;
	border-top-color: #fff;
}
.as_down_flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: #00529f;
	flex-basis: 20%;
	margin-right: 2vw;
	text-align: center;
	max-width: 150px;
	line-height: 1.4;
}
.as_down_flow > li dl dt .as_down_flow_step {
	font-size: 12px;
	color: #fff;
	background: #00529f;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
}
.as_down_flow > li dl dd {
	width: 100%;
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	.as_down_flow > li dl dt {
		flex-basis: 100%;
	}
}

/* マージン */
.as_box_lg {
	padding: 10px;
	margin-bottom: 18px;
}
.as_mb_6 {
	margin-bottom: 60px !important;
}
.as_mb_0 {
	margin-bottom: 0 !important;
}
.as_mt_0 {
	margin-top: 0 !important;
}
.as_mr_1 {
	margin-right: 10px;
}
.as_ml_1 {
	margin-left: 10px;
}
.as_mx_auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* マーカー風 */
.marker_red {
	background: linear-gradient(transparent 65%, #ffa8a8 65%);
	font-weight: bold;
}
.marker_blue {
	background: linear-gradient(transparent 65%, #a8d4ff 65%);
	font-weight: bold;
}
.marker_yellow {
	background: linear-gradient(transparent 65%, #fff799 65%);
	font-weight: bold;
}

/* 背景色 */
.as_bg_white {
	background-color: #FFF;
}
.as_bg_orange {
	background-color: #f0831f !important;
}

/* ボーダーライン */
.as_bg_light_orange {
	background-color: #fbe2c1;
	border:solid 2px #f0831f !important;
}

/* list 横並び */
.as_list_inline {
	display: flex;
	justify-content: space-between;
}
/* list 分割 */
[class*="as_col_"] {
	flex-wrap: wrap;
}
[class*="as_col_"] a:hover {
	opacity: 0.5;
}
.as_col_2::before,
.as_col_2::after {
	content: "";
	display: block;
	width: calc((100% - 1em) / 2);
	height: 0;
}
.as_col_3::before,
.as_col_3::after {
	content: "";
	display: block;
	width: calc((100% - 2em) / 3);
	height: 0;
}
.as_col_4::before,
.as_col_4::after {
	content: "";
	display: block;
	width: calc((100% - 3em) / 4);
	height: 0;
}
.as_col_5::before,
.as_col_5::after {
	content: "";
	display: block;
	width: calc((100% - 3em) / 5);
	height: 0;
}
.as_col_2::before,
.as_col_3::before,
.as_col_4::before,
.as_col_5::before {
	order: 1;
}
.as_col_3 > li.topicsList_li,
.as_col_2 > li.topicsList_li {
	margin: 0 0 10px;
}
.as_col_2 li.topicsList_li {
	padding: 0;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* 分割 */
	.as_col_2 > li,
	.as_col_3 > li,
	.as_col_4 > li,
	.as_col_5 > li {
		margin: 0 auto;
		width: 100%;
	}
	.as_sp_col_2 > li {
		width: calc((100% - 1em) / 2);
	}
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	/* 分割 */
	.as_col_2 > li {
		width: calc((100% - 1em) / 2);
	}
	.as_col_2 > li.topicsList_li {
		width: calc((100% - 2em) / 2);
	}
	.as_col_3 > li {
		width: calc((100% - 2em) / 3);
	}
	.as_col_3 > li.topicsList_li {
		width: calc((100% - 4em) / 3);
	}
	.as_col_4 > li {
		width: calc((100% - 3em) / 4);
	}
	.as_col_5 > li {
		width: calc((100% - 3em) / 5);
		font-size: 11pt;
	}
	.as_taiken_card_group > li {
		width: calc((100% - 2em) / 3);
	}
}

/* ページ内リンク */
.as_page_list {
	margin-bottom: 40px;
	font-size: 17px;
	align-items: flex-end;
}
.as_page_list a {
	border-bottom: solid 2px #ebebeb;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 5px;
	color: #333;
	text-decoration: none;
}
.as_page_list a::after {
	font-family: "Font Awesome 5 Free";
	color: #00529f;
	content: "\f13a";
	font-weight: bold;
	margin-left: 5px;
}
.as_page_list a:hover {
	background-color: #00529f;
	color: #fff;
	opacity: 1;
}
.as_page_list a:hover::after {
	color: #fff;
}

/* 動画一覧 */
.as_movie_list li {
	margin-bottom: 20px;
}
.as_movie_list a {
	font-size: 14px;
	text-decoration: none;
}
.as_movie_list a:hover {
	text-decoration: underline;
}
.as_movie_list img {
	margin-bottom: 8px;
}
.as_movie_list a:hover img {
	opacity: 0.5;
}

.as_movie_list .as_movie_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 10px;
}
.as_movie_list .as_movie_ex {
	font-size: 14px;
	line-height: 1.6;
}
.pca-hub-wrap .movie-area {
	background: #F0F0F0;
	padding: 20px 0 0 0;
}
.pca-hub-wrap .movie-area__content {
	padding: 40px;
}
.pca-hub-wrap .section_movie {
	padding: 20px 0;
}
@media screen and (min-width: 768px) {
	.pca-hub-wrap .as_movie_list .as_movie_title {
		font-size: 20px;
	}
	.pca-hub-wrap .as_movie_list .as_movie_ex {
		font-size: 18px;
		margin-top: 4px;
	}
}
@media screen and (max-width: 767px) {
	.pca-hub-wrap .movie-area {
		padding: 20px 20px;
	}
	.pca-hub-wrap .movie-area__content {
		padding: 0;
	}
	.pca-hub-wrap .section_movie {
		padding: 20px 0;
	}
}


/* 画像を暗くするオーバーレイ */
.as_bg_image {
	background-color: #000;
	display: inline-block;
	position: relative;
}
.as_bg_image img {
	display: block;
	opacity: 0.5;
	margin: 0;
}
.as_bg_image p.as_play_button {
	color: #fff;
	font-size: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
}
/* 縦並びインデントありの<dl> */
dl.as_normal_dl {
	margin-bottom: 24px;
}
dl.as_normal_dl dt {
	font-weight: bold;
	margin-bottom: 4px;
}
dl.as_normal_dl dd {
	margin-left: 1em;
}
dl.as_normal_dl dd:not(:last-child) {
	margin-bottom: 10px;
}
/* 横並び<dl> */
dl.as_side_dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
dl.as_side_dl dt {
	width: 180px;
}
dl.as_side_dl dd {
	width: calc(100% - 180px);
	margin-bottom: 10px;
}
dl.as_side_dl .plist {
	margin: 0;
}
@media screen and (max-width: 767px) {
	dl.as_side_dl {
		flex-direction: column;
	}
	dl.as_side_dl dd {
		margin-left: 18px;
	}
}

/* title */
.as_title_notification {
	padding: 0.5rem 1rem;
	border-left: 5px solid #222;
	background: #f4f4f4;
	display: flex;
	font-weight: bold;
	justify-content: space-between;
	align-items: center;
	margin: 0.5em 0 1em;
}
.as_title_right {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* title */
	.as_title_notification {
		display: block;
	}
	.as_title_right {
		text-align: left;
	}
}

/* [お問合せ~]title */
.as_contact_us {
	margin-top: 80px;
	font-size: 20px;
	line-height: 1.75;
	font-weight: bold;
}
/* [お問合せ~]の後にテーブルがある時はマージンなし */
.as_contact_us + .generalTable {
	margin-top: 0;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* [お問合せ~]title */
	.as_contact_us {
		margin-top: 40px;
	}
}

/* 2カラム 可変,固定 */
.as_col_variable,
.as_col_fixed {
	margin-bottom: 18px;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* 2カラム 可変 */
	.as_col_variable .as_variable_half:last-child {
		margin: 20px 0;
	}
	/* 2カラム 固定 */
	.as_col_fixed {
		display: block;
	}
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	/* 2カラム 可変 */
	.as_col_variable .as_variable_half {
		display: inline-block;
		vertical-align: bottom;
	}
	.as_col_variable .as_variable_half:first-child {
		width: 70%;
	}
	.as_col_variable .as_variable_half:last-child {
		margin-left: 20px;
	}
	/* 2カラム 固定 */
	.as_col_fixed {
		display: flex;
		justify-content: space-between;
	}
	.as_col_fixed .as_fixed_half {
		width: calc((100% - 2em) / 2);
	}
}

/* カード型 無料体験 */
.as_taiken_card_group {
	flex-flow: row wrap;
	display: flex;
	justify-content: space-between;
}
.as_taiken_card_group > li {
	display: flex;
	flex-direction: column;
	background-color: #fff;
}
.as_taiken_card_group > li:nth-child(odd) {
	order: 1;
}
.as_taiken_card_group > li:nth-child(even) {
	order: 2;
}
.as_taiken_card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 12px 24px;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px -5px #ccc;
	border-radius: 5px;
}
.as_taiken_card .as_card_header {
	text-align: center;
}
.as_taiken_card .as_card_body {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 24px 0;
}
.as_taiken_card .as_card_footer .link_button_list li {
	width: 100%;
}
.as_taiken_card .as_card_footer .link_button {
	padding: 14px 20px;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	.as_taiken_card_group .as_taiken_card {
		width: 100%;
	}
	.as_taiken_card_group > li:nth-child(1) {
		order: 1;
		margin-bottom: 10px;
	}
	.as_taiken_card_group > li:nth-child(2) {
		order: 2;
		margin-bottom: 10px;
	}
	.as_taiken_card_group > li:nth-child(3) {
		order: 3;
	}
	.as_taiken_card_group > li:nth-child(4) {
		order: 4;
		margin-bottom: 20px;
	}
	.as_taiken_card_group > li:nth-child(5) {
		order: 5;
	}
	.as_taiken_card_group > li:nth-child(6) {
		order: 6;
		margin-bottom: 20px;
	}
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	.as_taiken_card .as_card_footer {
		min-height: 430px;
	}
	.as_taiken_card_group > li {
		width: calc((100% - 2em) / 3);
	}
}


/* カード型 記事一覧 */
.as_card_menu {
	margin: 80px 0;
}
.as_card_link {
	text-decoration: none;
}
.as_card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	margin-bottom: 24px;
}
.as_card:hover {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
	transform: translate(0, -2px);
	opacity: 0.5;
}
.as_card .as_card_horizontal {
	display: flex;
	flex: 1 1 auto;
}
.as_card .as_img_square_wrapper > img {
	vertical-align: middle;
	border-style: none;
	height: 92px;
	width: auto;
}
.as_card .as_card_body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 10px;
}
.as_card .as_card_title {
	color: #666;
	font-size: 20px;
	font-weight: bold;
}
.as_card .as_card_text:last-child {
	border-top: 1px solid #aaa;
	color: #808080;
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: 0;
}
.as_card .as_card_title > span {
	font-size: 12px;
	font-weight: normal;
	margin-left: 1em;
	vertical-align: middle;
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	/* カード型 記事一覧 */
	.as_card .as_card_horizontal {
		display: block;
	}
	.as_card .as_img_square_wrapper {
		text-align: center;
	}
}

/*
	ポイント一覧
-------------------------------------------------*/
/* 背景 */
.as_plist {
	counter-reset: count 0;
	flex-wrap: wrap;
}
.as_plist > li {
	background-color: #fff;
	border: 1px solid #0e3461;
	margin-bottom: 20px;
}
.as_plist_body {
	margin: 20px 0;
	padding: 0 20px;
	line-height: 1.5;
}
.as_plist_body .as_plist_img {
	width: 75%;
	max-width: 140px;
	margin: 10px auto;
}
.as_plist_body p {
	margin-bottom: 10px;
}

/* タイトル */
.as_plist_ttl {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	height: 80px;
	margin-right: 100px;
	padding: 10px 20px;
	word-break: break-all;
	color: #fff;
	background: #0e3461;
	line-height: 1.5;
	border-right: 1px solid #0e3461;
}
.as_plist_ttl::after {
	position: absolute;
	top: 0;
	right: -45px;
	width: 0;
	height: 0;
	content: '';
	border-width: 80px 45px 0 0;
	border-style: solid;
	border-color: #0e3461 transparent transparent transparent;
}
.as_plist_ttl span.no {
	font-size: 4rem;
	position: absolute;
	top: 0;
	right: -80px;
	display: block;
	padding-top: 3px;
	padding-left: 16px;
	color: #0e3461;
}
/* ポイントNo */
.as_plist_no::before {
	content: 'POINT';
	position: absolute;
	top: 20px;
	right: -84px;
	color: #0e3461;
	font-size: 12px;
}
.as_plist_no::after {
	content: counter(count, decimal-leading-zero);
	counter-increment: count 1;
	position: absolute;
	top: 34px;
	right: -80px;
	color: #0e3461;
	font-size: 24px;
}

/* 上下中央 */
.as_plist_outer {
	position: relative;
}
.as_plist_inner {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) translateX(0);
	-webkit-transform: translateY(-50%) translateX(0);
}

/* ポイント一覧(タイトル無) */
.as_plist_nottl {
	counter-reset: count 0;
	margin-bottom: 20px;
}
.as_plist_nottl > li {
	position: relative;
	border-top: solid 2px #0e3461;
	border-bottom: solid 2px #0e3461;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
}
.as_plist_nottl > li::after {
	position: absolute;
	font-weight: 900;
	background: #0e3461;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0.05em;
	counter-increment: count 1;
	content: 'POINT ' counter(count);
}
/* 0px~767px */
@media screen and (max-width: 767px) {
	/* ポイント一覧 */
	.as_plist_body .as_plist_img {
		max-width: 200px;
		width: 100%;
		height: auto;
	}
	.as_plist_ttl {
		font-size: 13px;
	}
}


/* ポイント一覧(タイトルのみ) */
.balloon_point {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #e8f2fb;
	text-align: center;
	font-weight: bold;
}
.balloon_point::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e8f2fb;
}
/* -------------------------------------------------*/
/* あやめちゃん ふきだし */
.as_balloon {
	background-color: #F4ECE0;
	position: relative;
	border-radius: 0.5em;
	padding: 10px;
}
.as_balloon::after {
	border-left: 30px solid #F4ECE0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	content: '';
	margin-top: -10px;
	position: absolute;
	right: -30px;
	top: 30%;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* ふきだし */
	.as_balloon::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 14px;
		right: 100%;
		border: 20px solid transparent;
		border-top: 30px solid #F4ECE0;
	}
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	/* ふきだし */
	.as_balloon::after {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 50px solid #F4ECE0;
		content: '';
		margin-top: -10px;
		position: absolute;
		right: -30px;
		top: 30%;
	}
}


/* 会話風 ふきだし */
.as_talk_balloon_l,
.as_talk_balloon_r {
	margin: 30px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.as_talk_balloon_r {
	justify-content: flex-end;
}
.as_talk_balloon_icon img {
	width: 80px;
	height: auto;
}
.as_talk_balloon_r .as_talk_balloon_icon {
	margin-left: 25px;
}
.as_talk_balloon_l .as_talk_balloon_icon {
	margin-right: 25px;
}
.as_talk_balloon_r .as_talk_balloon_icon {
	order: 2 !important;
}
.as_talk_balloon_says {
	max-width: 700px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #e8f2fb;
	box-sizing: border-box;
	margin: 0 !important;
	line-height: 1.5;
}
.as_talk_balloon_says p {
	margin: 8px 0 0 !important;
}
.as_talk_balloon_says p:first-child {
	margin-top: 0 !important;
}
.as_talk_balloon_says::after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
}
.as_talk_balloon_l .as_talk_balloon_says::after {
	left: -26px;
	border-right: 22px solid #e8f2fb;
}
.as_talk_balloon_r .as_talk_balloon_says::after {
	right: -26px;
	border-left: 22px solid #e8f2fb;
}

/* 動画 */
.as_movie_area {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
	margin-bottom: 20px;
}
.as_movie_area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
	ボックス
-------------------------------------------------*/
/* 枠だけ */
.as_blue_box {
	border: solid 3px #00529f;
	padding: 1rem;
	margin: 1em 0;
}
/* タイトル付 */
.as_summary_box {
	position: relative;
	margin: 3em 0 0;
	padding: 14px 16px 8px;
	border: solid 3px #7fa8cf !important;
	border-radius: 8px;
}
.as_summary_box .as_box_title {
	position: absolute;
	display: inline-block;
	top: -10px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 16px;
	background: #fff;
	color: #7fa8cf;
	font-weight: bold;
}
.as_summary_box p {
	margin: 0;
	padding: 0;
}

.as_simple_box {
	clear: both;
	margin: 40px 0;
	padding: 20px 25px;
}
.as_simple_box .as_box_title {
	color: #212529;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.as_simple_box .as_box_right {
	float: right;
}
.as_simple_box .as_box_right img {
	max-width: 200px;
	height: auto;
	margin-left: 10px;
}
/* 動画一覧 as_movie_list の例外 */
.link_li .as_simple_box {
	margin: 10px 0 40px 20px;
}
.link_li .as_simple_box li a {
	padding-left: 0px;
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	.as_simple_box .as_box_right {
		float: none;
	}
	.as_simple_box .as_box_right img {
		margin: 0;
		width: 100%;
		max-width: none;
	}
}
/*
	テーブル
-------------------------------------------------*/
/* シンプル */
table.table_list {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 100%;
}
table.table_list thead th {
	background: #7fa8cf;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
table.table_list th,
table.table_list td {
	border: 1px solid #ddd;
	vertical-align: middle;
	padding: 10px;
}
table.table_list .line_two_color {
	background: rgb(127 168 207 / 10%);
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* テーブル */
	table.table_list th,
	table.table_list td {
		width: 100%;
		display: block;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}
}
/* --------------------------------------------- */

/*
	ボタン
-------------------------------------------------*/
/* 横並び */
.as_btn_group {
	margin-bottom: 40px;
}
.as_btn_group,
.as_btn_two_rows,
.as_btn_three_rows {
	width: 100%;
	display: flex;
}
.as_btn_group li {
	width: 100%;
}
.as_btn_group li,
.as_btn_two_rows li,
.as_btn_three_rows lii {
	margin-bottom: 10px;
	display: flex;
	align-items: stretch;
}
.as_btn_group li:not(:last-child) {
	margin-right: 5px;
}
.as_btn_group li a,
.as_btn_two_rows li a,
.as_btn_three_rows li a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* 横並び */
	.as_btn_group {
		display: inline-block;
		margin-bottom: 0;
	}
	.as_btn_group li {
		display: inline-block;
		width: auto;
	}
}
/* 2列 */
.as_btn_two_rows {
	flex-wrap: wrap;
	justify-content: space-between;
}
.as_btn_two_rows li {
	width: calc((100% - 1em) / 2);
}
.as_btn_two_rows li a {
	padding: 12px 16px;
}
/* 3列 */
.as_btn_three_rows {
	flex-wrap: wrap;
	justify-content: space-between;
}
.as_btn_three_rows::after {
	content: "";
	display: block;
	width: calc((100% - 1.5em) / 3);
	height: 0;
}
.as_btn_three_rows li {
	width: calc((100% - 1.5em) / 3);
}
.as_btn_three_rows li a {
	padding: 12px 16px;
	font-weight: bold;
	font-size: 16px;
}
.as_pcahub_sub_menu {
	background-color: #F0F0F0;
}
.as_pcahub_sub_menu ul {
	padding: 30px 0;
	max-width: 1100px;
	margin: 0 auto;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* ボタン 2列 3列 4列 */
	.as_btn_two_rows,
	.as_btn_three_rows {
		display: block;
	}
	.as_btn_two_rows li,
	.as_btn_three_rows li {
		width: 100%;
		min-height: auto;
	}
}

/* 別タブアイコン削除 */
a.as_btn_sm[target="_blank"]::after,
a.as_btn_lg[target="_blank"]::after,
.as_img_size_auto [target="_blank"]::after {
	content: none;
}
/* ボタン 小 */
.as_btn_sm,
a.as_btn_sm,
button.as_btn_sm {
	border: none;
	display: inline-block;
	font-size: 13px;
	outline: none;
	padding: 6px 10px;
	min-width: 120px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.as_btn_default {
	color: #333 !important;
	background: #e7e7e7;
}
.as_btn_primary {
	color: #fff !important;
	background: #00529f;
}
.as_btn_sub {
	color: #333 !important;
	background: #bee0ff;
}
.as_btn_default_outline {
	color: #333 !important;
	border: 1px solid #333 !important;
	background-color: #fff;
}

/* ボタン 大 */
.as_btn_lg_wrap {
	margin: 30px auto 50px;
	text-align: center;
}
.as_btn_lg,
a.as_btn_lg,
button.as_btn_lg {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}
a.as_btn_lg {
	font-size: 1.15rem;
	width: 100%;
	position: relative;
	padding: 0.25rem 2rem 0.5rem 1.8rem;
}
a.as_btn_lg span {
	font-size: 0.8rem;
	position: absolute;
	top: -0.75rem;
	left: 50%;
	transform: translateX(-50%);
	width: 280px;
	display: block;
	padding: 0.25rem;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.as_btn_lg i {
	margin-right: 0.75rem;
}
a.as_btn_movie span::before,
a.as_btn_movie span::after,
a.as_btn_qa span::before,
a.as_btn_qa span::after {
	position: absolute;
	left: calc(50% - 10px);
	content: "";
}
a.as_btn_movie span::after,
a.as_btn_qa span::after {
	bottom: -7px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

/* 動画ボタン */
a.as_btn_movie {
	color: #fff;
	background: #f0831f;
	-webkit-box-shadow: 0 5px 0 #d76f0f;
	box-shadow: 0 5px 0 #d76f0f;
}
a.as_btn_movie span {
	color: #d76f0f;
	border: 2px solid #d76f0f;
	border-radius: 100vh;
}
a.as_btn_movie span::before {
	bottom: -10px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #d76f0f transparent transparent transparent;
}

/* Q&A */
a.as_btn_qa {
	color: #fff;
	background: #00529e;
	-webkit-box-shadow: 0 5px 0 #004a8f;
	box-shadow: 0 5px 0 #004a8f;
}
a.as_btn_qa span {
	color: #00529f;
	border: 2px solid #00529f;
	border-radius: 100vh;
}
a.as_btn_qa span::before {
	bottom: -10px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #004a8f transparent transparent transparent;
}

/* DL */
a.as_btn_dl {
	color: #fff;
	background: #00a384;
	-webkit-box-shadow: 0 5px 0 #008f75;
	box-shadow: 0 5px 0 #008f75;
}
a.as_btn_dl span {
	color: #00a384;
	border: 2px solid #00a384;
	border-radius: 0.5rem;
}

/* サンプルDL */
a.as_btn_spdl {
	color: #00a384;
	border: 2px solid #00a384;
	-webkit-box-shadow: 0 5px 0 #00a384;
	box-shadow: 0 5px 0 #00a384;
}
a.as_btn_spdl span {
	color: #00a384;
	border: 2px solid #00a384;
	border-radius: 0.5rem;
}

/* 画像付き(ソフト一覧系) */
.as_btn_img {
	justify-content: space-between !important;
}
.as_btn_img div {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.as_btn_img img {
	width: 50px;
	height: auto;
	margin-right: 10px;
}
.as_btn_img i {
	font-size: 18px;
	margin-right: 6px;
}

/* hover */
.as_btn_sm:hover {
	cursor: pointer;
	opacity: 0.5;
	color: #00529e;
}
.as_btn_primary:hover {
	color: #fff;
	text-decoration: none;
}
a.as_btn_lg {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px);
}
a.as_btn_movie:hover {
	color: #fff;
	background: #f08928;
	-webkit-box-shadow: 0 2px 0 #d76f0f;
	box-shadow: 0 2px 0 #d76f0f;
}
a.as_btn_qa:hover {
	color: #fff;
	background: #004f99;
	-webkit-box-shadow: 0 2px 0 #004a8f;
	box-shadow: 0 2px 0 #004a8f;
}
a.as_btn_dl:hover {
	color: #fff;
	background: #00ad8e;
	-webkit-box-shadow: 0 2px 0 #008f75;
	box-shadow: 0 2px 0 #008f75;
}
a.as_btn_spdl:hover {
	opacity: 0.5;
	-webkit-box-shadow: 0 2px 0 #00a384;
	box-shadow: 0 2px 0 #00a384;
}

/*
	画像(アイコン)付きボタン
-------------------------------------------------*/
/* 共通 */
.as_btn_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.as_btn_menu li {
	display: block;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	border: 1px solid #E1E1E1;
	margin-bottom: 20px;
}
.as_btn_menu li::after {
	display: block;
	font-family: "Font Awesome 5 Free";
	color: #00529f;
	content: "\f061";
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.as_btn_menu li a {
	color: #212529;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 14px 34px 14px 14px;
	text-decoration: none;
	transition: none;
}
.as_btn_menu li a .as_img_icon {
	margin-right: 10px;
}
/* TypeA(タイトルのみ) */
.as_btn_menu.as_type_a li a .as_img_icon {
	width: 60px;
}
.as_btn_menu.as_type_a li a .as_btn_ttl {
	margin-bottom: 0;
	width: calc(100% - 70px);
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}
/* TypeB(タイトル+説明文) */
.as_btn_menu.as_type_b li a .as_img_icon {
	width: 70px;
}
.as_btn_menu.as_type_b li a dl {
	width: calc(100% - 80px);
}
.as_btn_menu.as_type_b li a dl .as_btn_ttl {
	font-weight: bold;
	margin-bottom: 0.4em;
	line-height: 1.3;
}
.as_btn_menu.as_type_b li a dl .as_btn_txt {
	line-height: 1.4;
}
/* hover */
.as_btn_menu li:hover {
	background-color: #0253a0;
	border-color: #004f99;
}
.as_btn_menu li:hover::after,
.as_btn_menu li:hover > * {
	color: #fff;
	opacity: 1;
}


/*------------ 都道府県 ------------*/
.as_btn_prefectures {
	margin-bottom: 10px;
}
.as_btn_prefectures li {
	border: 1px solid #333;
	color: #333;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 4px 14px;
	text-decoration: none;
	transition: .4s;
}
#area_search.as_btn_prefectures {
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}
#area_searchTodouhuken.as_btn_prefectures li {
	margin-right: 8px;
}
.as_btn_prefectures li:hover,
.as_btn_prefectures .current {
	background: #333;
	color: #fff;
}

/* メンテナンス情報 */
.as_cloud_info_list {
	border: 1px solid #666;
	padding: 10px;
}
.as_cloud_info_list li {
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.as_cloud_info_list li:not(:last-child) {
	border-bottom: 1px dotted #666;
}
.as_cloud_info_list li .redate {
	margin: 0 10px 0 0;
	word-break: keep-all;
	min-width: 130px;
}
.as_cloud_info_list li .contents {
	width: 100%;
}
.as_cloud_info_list li .contents .font_icon_new {
	margin-right: 10px;
	word-break: keep-all;
}
.as_cloud_info_list li .contents_info {
	display: flex;
	align-items: center;
}
.as_cloud_info_list li .contents_info .cloud_type {
	height: 14px;
	margin-bottom: 5px;
	margin-right: 10px;
	vertical-align: text-bottom;
	width: auto;
}
.as_cloud_info_list li .contents_info img[src*="/area_common/images/icon"] {
	width: auto;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* メンテナンス情報 */
	.as_cloud_info_list li {
		display: block;
	}
	.as_cloud_info_list li .contents_info img {
		margin: 5px 0;
	}
}

/* サイトマップ */
.as_sitemap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.as_sitemap ul {
	margin: 10px 0 20px;
}
.as_sitemap > ul {
	width: calc((100% - 2em) / 3);
}
.as_sitemap ul li {
	margin: 0 0 10px 14px;
}
.as_sitemap .level0 > li.maincate {
	background-color: #f4f4f4;
	border-left: 4px solid #00529f;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	padding-left: 10px;
}
.as_sitemap .level1 > li.categoly_sub {
	border-left: 4px solid #ddd;
	padding-left: 10px;
}
.as_sitemap .level2 li {
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
}
.as_sitemap .level2 li::before {
	font-family: "Font Awesome 5 Free";
	color: #00529f;
	content: "\f0da";
	font-weight: bold;
	margin-left: 5px;
	padding-right: 5px;
}
.as_sitemap .level3 li {
	margin-left: 0;
}

/* PCAソフトご紹介 */
.as_movieThumb {
	margin: 50px 0;
}
.as_movieThumb > div {
	margin-bottom: 50px;
}
.as_movieThumb a[id^="movieBtn_"] {
	text-decoration: none;
}
.as_movieThumb a[id^="movieBtn_"]:hover {
	text-decoration: underline;
}
.as_movie_card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.as_movie_card .as_movie_img {
	margin-right: 20px;
}
.as_movie_card .as_movie_text p {
	color: #212529;
	line-height: normal;
	margin-bottom: 5px;
}
.as_movie_card .as_movie_text .as_movie_title {
	font-size: 14px;
}
.as_movie_card .as_movie_text .as_movie_title span {
	font-size: 18px;
	font-weight: bold;
}
.as_movie_card .as_movie_text .as_movie_youtube,
.as_movie_card .as_movie_text .as_movie_release {
	font-size: 14px;
}
/* --------------------------------------------- */

/*
	モーダル
-------------------------------------------------*/
/*** 以下モーダル用CSS ***/
.as_modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.as_modal:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
}
.as_modal:target {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s, visibility 0.5s;
}
.as_modal .as_moldal_overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
}
.as_modal_wrapper {
	width: 100%;
	max-width: 800px;
	min-width: 300px;
	height: 100%;
	max-height: 480px;
	background-color: #fff;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.as_modal_contents {
	overflow: auto;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
.as_modal_content {
	margin: 25px;
}
.as_modal_content .as_modal_img_servicelist {
	margin: 10px 0 20px;
}
.as_modal_content .as_modal_img_servicelist img {
	max-width: 180px;
	margin-left: 1.5em;
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #fff;
}
.as_modal_close {
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
}

/* アコーディオンBOX */
.as_accordion_box {
	border: 2px solid #7fa8cf;
	margin: 1.5em 0;
}
.as_accordion_box .as_box_header {
	background: #7fa8cf;
	padding: 4px 20px 4px 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0.05em;
	clear: both;
	cursor: pointer;
	position: relative;
}
.as_accordion_box .as_box_header::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	position: absolute;
	right: 10px;
	top: 4px;
}
.as_accordion_box .as_box_header.open::after {
	content: "\f106";
}
.as_accordion_box .as_box_header img {
	width: 28px;
	height: auto;
}
.as_accordion_box > .as_box_inner {
	padding: 15px 20px;
	margin: 0;
}
.as_accordion_box > div a[target="_blank"]::after {
	content: none;
}

.as_box_header.open + .as_box_inner {
	display: block;
}
.as_accordion_box .as_box_inner {
	display: none;
	text-indent: 0;
}
.as_accordion_box .as_sub_title {
	font-weight: bold;
	margin-bottom: 4px;
	padding-left: 1.2em;
	position: relative;
}
.as_accordion_box .as_sub_title::before {
	color: #7fa8cf;
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	position: absolute;
	left: 0;
	top: 0;
}

/* 白背景 */
.as_bg_white {
	border-top: none;
}
.as_bg_white .as_accordion_box {
	border: 2px solid #92B4D2;
}
.as_bg_white .as_accordion_box .as_box_header {
	background: #92B4D2;
	color: #fff;
}
.as_bg_white .as_accordion_box .as_box_inner {
	background: #fff;
}

/* 緑枠 */
.as_bd_green {
	border: 1px solid #008080;
}

/* --------------------------------------------- */

/*
	STEP
-------------------------------------------------*/
/* 本体部分 */
.as_progressbar {
	margin: 10px 0 40px;
}
.as_progressbar .as_item {
	display: flex;
	flex-wrap: wrap;
}
/* 先端部分 */
.as_progressbar li {
	display: flex;
	flex: 1;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
	line-height: 1.5;
	background: #F5F5F5;
	color: #999999;
}
.as_progressbar li:not(:last-child)::before,
.as_progressbar li:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 32px solid transparent;
	border-left: 20px solid #F5F5F5;
	margin: auto;
}
/* 白いスペース部分 */
.as_progressbar li:not(:last-child)::before {
	margin-left: 2px;
	border-left-color: #FFF;
}
/* ハイライト */
.as_progressbar li.as_highlight {
	background: #e8f2fb;
}
.as_progressbar li.as_highlight:not(:last-child)::after {
	border-left: 20px solid #e8f2fb;
}
/* 現在のステップ */
.as_progressbar li.as_active {
	z-index: 1;
	background: #7fa8cf;
	color: #FFF;
}
.as_progressbar li.as_active:not(:last-child)::after {
	border-left-color: #7fa8cf;
}
.as_progressbar li.as_active:not(:last-child)::before {
	border-left: none;
}
.as_progressbar li.as_active a {
	color: #FFF;
}
/* 0px~767px */
@media screen and (max-width: 767px) {
	.as_progressbar li {
		font-size: 11px;
		line-height: 1.4;
		padding: 10px 0;
	}
	.as_progressbar li:not(:last-child)::before,
	.as_progressbar li:not(:last-child)::after {
		border-width: 25px;
		border-left-width: 12px;
	}
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	/* STEP */
	.as_progressbar .as_item,
	.as_progressbar li {
		display: block;
	}
	.as_progressbar li {
		margin-bottom: 5px;
	}
	.as_progressbar li:not(:last-child)::before,
	.as_progressbar li:not(:last-child)::after {
		content: none;
	}
}
/* --------------------------------------------- */

/*
	画像STEP
-------------------------------------------------*/
.as_img_step {
	flex-wrap: wrap;
}
.as_img_step li {
	position: relative;
}
.as_img_step li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 140px;
	right: -40px;
	margin: auto;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border: 15px solid transparent;
	border-left: 15px solid #2a75bf;
}
.as_img_step li img {
	margin-bottom: 10px;
}
.as_img_step_3 > li {
	width: calc((100% - 4em) / 3);
}
.as_img_step_4 > li {
	width: calc((100% - 6em) / 4);
}
.as_img_step_5 > li {
	width: calc((100% - 8em) / 5);
}
ul.as_img_step_3::after,
ul.as_img_step_3::before {
	content: "";
	display: block;
	width: calc((100% - 4em) / 3);
	height: 0;
}
ul.as_img_step_3::before {
	order: 1;
}
ul.as_img_step_4::after,
ul.as_img_step_4::before {
	content: "";
	display: block;
	width: calc((100% - 6em) / 4);
	height: 0;
}
ul.as_img_step_4::before {
	order: 1;
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	/* 画像STEP */
	.as_img_step {
		display: block;
	}
	.as_img_step_3 > li,
	.as_img_step_4 > li,
	.as_img_step_5 > li {
		width: 100%;
	}
	.as_img_step li:not(:last-child)::after {
		top: auto;
		bottom: -40px;
		right: 0;
		left: 0;
		margin: auto;
		width: 15px;
		height: 15px;
		border: 15px solid transparent;
		border-top: 15px solid #2a75bf;
	}
	.as_img_step li p {
		margin-bottom: 34px;
	}
}

/* ----------- 年末調整LP作成時css追加 ----------- */
/* キービジュアル */
.as_keyvisual_ye_adjustment {
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
	padding: 140px 20px;
	margin-bottom: 0;
	background-image: url(/area_common/2018shared/images/ye_adjustment/main.png);
}
.as_keyvisual_ye_adjustment_ttl {
	margin-bottom: 6px;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.4;
}
/* タイトル */
.as_ttl_mid {
	background: #eee;
	border-left: solid 10px #00529f;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	margin: 80px 0 20px;
	padding: 8px 10px;
	line-height: 1.4;
}
.as_ttl_sub {
	color: #333;
	font-size: 1.6em;
	margin: 30px 0 20px;
	position: relative;
	padding: 10px 0 10px 16px;
	font-weight: bold;
	line-height: 1.4;
}
.as_ttl_sub::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	width: 6px;
	height: 100%;
	background: #00529f;
}
/* ふきだしタイトル */
.as_ttl_blowing {
	position: relative;
	padding: 0.6em;
	background: #008080;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
.as_ttl_blowing::after {
	position: absolute;
	content: '';
	top: 99%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #008080;
	width: 0;
	height: 0;
}
/* TypeC(タイトルのみ,ピッタリタイプ) */
.as_btn_menu.as_type_c li {
	border-radius: 0;
	border: 2px solid #E5E5E5;
}
.as_btn_menu.as_type_c li::after {
	content: none;
}
.as_btn_menu.as_type_c li a {
	padding: 0;
}
.as_btn_menu.as_type_c li a .as_img_icon {
	width: 100px;
	margin: 0;
}
.as_btn_menu.as_type_c li a .as_btn_ttl {
	margin-bottom: 0;
	width: calc(100% - 100px);
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3;
	text-align: left;
	padding: 10px;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* TypeC(タイトルのみ,ピッタリタイプ) */
	.as_btn_menu.as_type_c li a .as_btn_ttl {
		font-size: 16px;
	}
}
/* ボックス */
.as_box_type_a {
	margin: 2em 0;
	background: #fff;
	border: 2px solid #78BBE6;
}
.as_box_type_a .as_box_ttl {
	font-size: 16px;
	background: #78BBE6;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.as_box_type_a p {
	padding: 15px 20px;
	margin: 0;
}
.as_box_type_a .as_box_body {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.as_box_type_a .as_box_body > .as_user {
	width: calc(100% / 3);
	padding: 10px;
	text-align: center;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.as_box_type_a .as_box_body > .as_user img {
	width: 100px;
	height: auto;
	margin: 0 auto;
}
/* 0px~600px */
@media screen and (max-width: 600px), print {
	/* ふきだし */
	.as_box_type_a .as_box_body {
		flex-direction: column;
	}
	.as_box_type_a .as_box_body > .as_user {
		width: 100%;
	}
}

/* ふきだし */
.as_talk_balloon_u {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	font-size: 16px;
	background: #e0edff;
	border-radius: 15px;
	height: -webkit-fill-available;
}
.as_talk_balloon_u::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}
.as_talk_balloon_u p {
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
/* ボタン */
.as_btn_area {
	text-align: center;
	margin: 10px 0 20px;
}
.as_btn_normal {
	border: none;
	border-radius: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	outline: none;
	padding: 12px 28px 12px 10px;
	width: 530px;
	max-width: 100%;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	background: #00529f;
	position: relative;
	height: 100%;
	line-height: 1.6;
}
.as_btn_normal i,
.as_btn_outline_normal i,
.as_footer_btn > a i {
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -0.5em;
}
.as_btn_outline_normal {
	border: 2px solid #00529f;
	border-radius: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	outline: none;
	padding: 6px 28px 6px 10px;
	width: 200px;
	max-width: 100%;
	text-align: left;
	text-decoration: none;
	color: #00529f !important;
	background: #fff;
	position: relative;
	height: 100%;
	line-height: 1.6;
}
.as_btn_normal_long {
	width: auto;
}
/* テキスト */
.as_text_area {
	font-size: 16px;
}
.as_notes {
	font-size: small;
}
/* マージン */
.as_mb_40 {
	margin-bottom: 40px;
}
/* ※リスト */
ul.as_asterisk {
	padding-left: 14px;
}
ul.as_asterisk > li {
	list-style-type: none;
	text-indent: -1em;
}
ul.as_asterisk > li::before {
	content: "※";
	display: inline;
}
/* テーブル */
.as_table_ye {
	margin: 20px auto;
	width: 100%;
}
.as_table_ye th {
	background: #78BBE6;
	border: solid 1px #ccc;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
	vertical-align: middle;
}
.as_table_ye .verticalTxt{
	writing-mode: tb-rl; background-color: #eee;
}
.as_table_ye td {
	border: solid 1px #ccc;
	padding: 4px 10px;
	vertical-align: middle;
}
/* テーブルの左上のセルに斜線とテキストを配置 */
.as_diagonal thead th:first-child {
	border-width: 0;
}
.as_diagonal thead tr:first-child th:first-child {
	background-image: linear-gradient(
		to right top, transparent calc(50% - 0.5px), #ddd 50%, #ddd calc(50% + 0.5px), transparent calc(50% + 1px)
	);
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
}
.as_col_header {
	grid-column-start: 2;
	text-align: right;
}
.as_row_header {
	grid-column-start: 1;
}
/* 矢印 */
.as_arrow_down {
	font-size: 2em;
	color: #00529F;
	text-align: center;
}
/* フッター */
.as_footer_area {
	background: #CFE9F7;
	padding: 10px 0;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.as_footer_area::before {
	position: absolute;
	top: 0;
	left: 30px;
	width: 150%;
	height: 500%;
	content: '';
	transform: translateX(-44%) translateY(-70%) rotate(135deg);
	background: #F2FAFF;
}
.as_footer_area > div{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.as_footer_body {
	flex-grow: 2;
}
.as_footer_ttl {
	position: relative;
	color: #00529f;
	margin-bottom: 20px !important;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4;
}
.as_footer_btn {
	text-align: right;
}
.as_footer_btn > a {
	border: none;
	border-radius: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	outline: none;
	padding: 6px 28px 6px 10px;
	width: 200px;
	max-width: 100%;
	text-align: left;
	text-decoration: none;
	color: #fff !important;
	background: #00529f;
	position: relative;
	height: 100%;
	line-height: 1.6;
}
.as_footer_img {
	flex-grow: 1;
	position: relative;
	width: 380px;
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* フッター */
	.as_footer_area::before {
		transform: translateX(-64%) translateY(-70%) rotate(135deg);
	}
	.as_footer_ttl {
		font-size: 1em;
		margin-bottom: 10px !important;
	}
	.as_footer_btn > a {
		font-size: 12px;
		max-width: 150px;
		padding: 4px 20px 4px 8px;
	}
}

/*
	タイムライン
-------------------------------------------------*/
.as_timeline {
	margin-bottom: 30px;
}
.as_timeline > li.as_timeline_item {
	padding-left: 0;
	overflow: hidden;
	margin: 0;
	position: relative;
}
.as_timeline_item_content {
	margin-top: 0;
	margin-left: 5px;
	padding: 0 0 1.5em 1.6em;
	width: 95%;
}
.as_timeline_item_snippet {
	margin-top: .5em;
	padding: 0 0 1.5em;
	border-bottom: dashed 1px #ccd5db;
}
/* ラベル */
.as_timeline_item_label {
	color: #90969A;
	padding-top: 2px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 1.8em;
}
/* 見出し */
.as_timeline_item_title {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.5;
}
/* ●部分 */
.as_timeline_item:first-of-type::before {
	background: #555;
}
.as_timeline_item:last-of-type::before {
	background: #555;
}
.as_timeline_item::before {
	content: '';
	width: 14px;
	height: 14px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
	border: solid 2px #555;
}
.as_timeline_item:last-of-type::after {
	background: 0 0;
}
/* 縦線 */
.as_timeline_item::after {
	content: "";
	width: 3px;
	background: #ccd5dd;
	display: block;
	position: absolute;
	top: 25px;
	bottom: 0;
	left: 5px;
}


/* ----------- 森林セラピーLP作成時css追加 ----------- */
/* キービジュアル */
.common_keyvisual_therapy {
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
	padding: 140px 20px;
	margin-bottom: 0;
	background-image: url(/area_product/mentalhealth/images/therapy/main.JPG);
}
.common_keyvisual_therapy_ttl {
	margin-bottom: 6px;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.4;
}
/* 段落 */
.common_text_area + .common_text_area {
	margin-top: 1em;
}
/* マージン */
.common_mb_1 {
	margin-bottom: 1em;
}
/* テーブル */
.common_normal_table {
	margin: 20px auto;
	width: 100%;
}
.common_normal_table caption {
	background: #53A1D4;
	border: solid 1px #ccc;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
.common_normal_table th {
	background: #78BBE6;
	border: solid 1px #ccc;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
	vertical-align: middle;
}
.common_normal_table td {
	border: solid 1px #ccc;
	padding: 4px 10px;
	vertical-align: middle;
}
/*
	テキスト+画像
-------------------------------------------------*/
/* 2カラム 横並び */
.common_twocolumns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* 3カラム */
.common_threecolumns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* 4カラム */
.common_fourcolumns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* 751px~ */
@media screen and (min-width: 768px), print {
	/*
		テキスト+画像
	-------------------------------------------------*/
	/* 2カラム 横並び */
	.common_twocolumns > .common_textcolumn {
		flex: 1;
		margin-right: 1em;
	}
	.common_twocolumns > .common_imagecolumn {
		width: 300px;
	}
	/* 3カラム */
	.common_threecolumns .common_column {
		width: calc((100% - 3em) / 3);
		margin-bottom: 1em;
	}
	/* 親要素の疑似要素 */
	.common_threecolumns::after {
		content: "";
		display: block;
		width: calc((100% - 3em) / 3);
	}
	/* 4カラム */
	.common_fourcolumns .common_column {
		width: calc((100% - 4em) / 4);
		margin-bottom: 1em;
	}
	/* 親要素の疑似要素 */
	.common_fourcolumns::after {
		content: "";
		display: block;
		width: calc((100% - 4em) / 4);
	}
	.common_fourcolumns::before {
		content: "";
		display: block;
		width: calc((100% - 4em) / 4);
		order: 1;
	}
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/* ----------- 森林セラピーLP作成時css追加 ----------- */
	/*
		テキスト+画像
	-------------------------------------------------*/
	/* 2カラム 横並び */
	.common_twocolumns {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.common_twocolumns > .common_textcolumn {
		flex: 1;
		margin-right: 1em;
	}
	.common_twocolumns > .common_imagecolumn {
		width: 200px;
	}
	/* 3カラム 4カラム */
	.common_threecolumns .common_column,
	.common_fourcolumns .common_column {
		width: calc((100% - 3em) / 3);
		margin-bottom: 1em;
	}
}
/* 0px~375px */
@media screen and (max-width: 375px), print {
	/* ----------- 森林セラピーLP作成時css追加 ----------- */
	/*
		テキスト+画像
	-------------------------------------------------*/
	/* 2カラム */
	.common_twocolumns {
		display: block !important;
		flex-direction: column;
	}
	.common_twocolumns > .common_textcolumn {
		flex: 1;
		margin-bottom: 1em;
		margin-right: 0 !important;
	}
	.common_twocolumns > .common_imagecolumn {
		width: 100% !important;
	}
	/* 3カラム 4カラム */
	.common_threecolumns .common_column,
	.common_fourcolumns .common_column {
		width: 100% !important;
		margin-bottom: 2em;
	}
}


/*
	ビフォーアフター
-------------------------------------------------*/
/* 2カラム 横並び 矢印付き */
.common_ba_column {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* タブ */
.as_tab_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}
.as_tab_wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: #00529f;
	display: block;
	order: -1;
}
.as_tab_label {
	color: White;
	background: LightGray;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
}
.as_tab_label:not(:last-of-type) {
	margin-right: 5px;
}
.as_tab_content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.as_tab_switch:checked + .as_tab_label {
	background: #00529f;
}
.as_tab_switch:checked + .as_tab_label + .as_tab_content {
	height: auto;
	overflow: auto;
	padding: 15px;
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.as_tab_switch {
	display: none;
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	/*
		ビフォーアフター
	-------------------------------------------------*/
	/* 2カラム 横並び 矢印付き */
	.common_ba_column {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.common_ba_column .common_column {
		width: calc((100% - 3em) / 2);
		margin-bottom: 1em;
		position: relative;
	}
	.common_ba_column .common_column:last-child::before {
		font-family: "Font Awesome 5 Free";
		color: #00529F;
		content: "\f061";
		font-weight: bold;
		position: absolute;
		top: 130px;
		left: -38px;
		font-size: 30px;
	}
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/*
		ビフォーアフター
	-------------------------------------------------*/
	/* 2カラム 横並び 矢印付き */
	.common_ba_column {
		display: flex;
		flex-direction: column;
	}
	.common_ba_column .common_column {
		width: 100%;
		margin-bottom: 2em;
		position: relative;
	}
	.common_ba_column .common_column:last-child::before {
		font-family: "Font Awesome 5 Free";
		color: #00529F;
		content: "\f063";
		font-weight: bold;
		position: absolute;
		top: -40px;
		left: 50%;
		font-size: 30px;
		transform: translateX(-50%);
	}
}

/* ----------- pca_award 作成時css追加 ----------- */
.as_ttl_award {
	font-family: "Noto Sans JP", "Arial Black","ヒラギノ角ゴ ProN",Meiryo,sans-serif;
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-top: 20px;
	font-size: 32px;
	text-align: center;
}
.as_ttl_award span {
	position: relative;
	z-index: 2;
}
.as_ttl_award::before {
	content: attr(data-en);
	position: absolute;
	top: 46px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(3,122,222,0.3);
	font-size: 30px;
	line-height: 1;
	width: 100%;
}
.as_partner_contents + .as_partner_contents {
	margin-top: 20px;
}
/* ロゴなし */
.as_partner_contents .as_p_item {
	background-color: #f5f5f5;
	padding: 10px 20px;
}
.as_partner_contents .as_p_item .as_p_company {
	text-align: center;
}
/* ロゴあり */
.as_partner_contents.as_logo {
	display: flex;
	align-items: center;
}
.as_partner_contents.as_logo .as_p_pict {
	width: 30%;
	margin-right: 2rem;
}
.as_partner_contents.as_logo .as_p_pict img {
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}
.as_partner_contents.as_logo .as_p_item {
	width: 70%;
}
.as_partner_contents .as_p_item .as_p_company {
	font-size: 18px;
	font-weight: bold;
}
.as_partner_contents .as_p_item .as_p_text,
.as_a_text {
	font-size: 16px;
}
.as_area_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.as_area_contents::after {
	content: "";
	display: block;
	width: calc((100% - 2em) / 3);
}
.as_area_contents .as_a_item {
	width: calc((100% - 2em) / 3);
	text-align: center;
	margin-bottom: 40px;
}
.as_area_contents .as_a_item .as_a_area {
	color: #037ADE;
	font-weight: bold;
	font-size: 20px;
}
.as_area_contents .as_a_item .as_a_company {
	font-size: 18px;
}

/* プラスマーク */
.as_plus_content {
	margin: 2rem 0;
}
.as_logo_plus {
	margin-bottom: 1rem;
}
.as_plus_circle {
	color: #008080;
	font-size: 50px;
	text-align: center;
	margin: 40px 0;
}
/* 751px~ */
@media screen and (min-width: 768px), print {
	/*
		プラスマーク
	-------------------------------------------------*/
	.as_logo_plus {
		display: flex;
	}
	.as_logo_plus .as_logo_r,
	.as_logo_plus .as_logo_c {
		position: relative;
		margin-left: 90px;
	}
	.as_logo_plus .as_logo_r::before,
	.as_logo_plus .as_logo_c::before {
		font-family: "Font Awesome 5 Free";
		color: #008080;
		content: "\f055";
		font-weight: bold;
		position: absolute;
		top: 8px;
		left: -60px;
		font-size: 30px;
	}
}
/* 0px~767px */
@media screen and (max-width: 767px) {
	/* ----------- pca_award ----------- */
	.as_ttl_award {
		font-size: 20px;
	}
	.as_ttl_award::before {
		font-size: 18px;
	}
	.as_area_contents .as_a_item {
		width: calc((100% - 1em) / 2);
	}
}
/* 0px~750px */
@media screen and (max-width: 768px), print {
	/*
		プラスマーク
	-------------------------------------------------*/
	.as_logo_plus {
		margin-bottom: 1rem;
	}
	.as_logo_plus > div {
		text-align: center;
	}
	.as_logo_plus > div img {
		width: auto;
		max-width: 100%;
	}
	.as_logo_plus .as_logo_r,
	.as_logo_plus .as_logo_c {
		position: relative;
		margin-top: 4rem;
	}
	.as_logo_plus .as_logo_r::before,
	.as_logo_plus .as_logo_c::before {
		font-family: "Font Awesome 5 Free";
		color: #008080;
		content: "\f055";
		font-weight: bold;
		position: absolute;
		top: -60px;
		left: 50%;
		font-size: 30px;
		transform: translateX(-50%);
	}
	.as_logo_plus:nth-child(n+2) {
		border-top: 1px solid #666;
		padding-top: 1rem;
	}
}
/* 0px~375px */
@media screen and (max-width: 375px), print {
	/* ----------- pca_award ----------- */
	.as_partner_contents {
		flex-direction: column;
	}
	.as_partner_contents .as_p_pict {
		margin: 0 0 1rem;
		width: auto;
	}
	.as_partner_contents .as_p_item	{
		width: 100%;
	}
	.as_area_contents .as_a_item {
		width: 100% !important;
	}
	.as_area_contents .as_a_item .as_a_area {
		font-size: 16px;
	}
}


/* ----------- HR EXPO 作成時css追加 ----------- */
/* リボン */
.as_ribbon_01 {
	display: inline-block;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}
.as_ribbon_01::before {/*左側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	left: -26px;
	z-index: -2;
	border: 20px solid #af332d;
	border-left-color: transparent;/*山形に切り抜き*/
}

.as_ribbon_01::after {/*右側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	right: -26px;
	z-index: -2;
	border: 20px solid #af332d;
	border-right-color: transparent;/*山形に切り抜き*/
}

.as_ribbon_01 div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 7px 20px;
	font-size: 18px;
	color: #fff;
	background: #af332d;/*真ん中の背景色*/
}
.as_ribbon_01 div::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #49110d;/*左の折り返し部分*/
}
.as_ribbon_01 div::after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #49110d;/*右の折り返し部分*/
}
.as_ribbon_01 div span {
	font-size: small;
}
/* 0px~568px */
@media screen and (max-width: 568px), print {
	.as_ribbon_01 {
		width: max-content;
	}
}

.as_box_benefit {
	position: relative;
	margin: 4em 0 2em;
	padding: 1.5em 1em 0.5em;
	border: solid 3px #af332d;
	border-radius: 8px;
}
.as_box_benefit .as_ribbon_01 {
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translate(-50%,0);
}
.as_border_radius {
	width: 100px;
	height: 100px;
	background-color: #f3f4f1;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.as_border_radius span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.as_box_benefit_gift {
	display: flex;
	align-items: center;
	justify-content: center;
}
.as_box_benefit_gift_text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	line-height: 1;
	color: #af332d;
	font-size: 30px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	margin-left: 10px;
}
.as_box_benefit_gift_text div {
	margin: 0 6px;
}
.as_box_benefit_gift_text div span {
	font-size: 50px;
	padding-bottom: 10px;
	text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
}
/* 0px~890px */
@media screen and (max-width: 890px), print {
	.as_box_benefit_gift {
		flex-direction: column;
	}
	.as_box_benefit_gift_text {
		margin: 10px 0 0;
		font-size: 20px;
	}
	.as_box_benefit_gift_text div {
		width: max-content;
	}
	.as_box_benefit_gift_text div span {
		font-size: 30px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	}
}
/* 0px~530px */
@media screen and (max-width: 530px), print {
	.as_box_benefit_gift_text {
		flex-direction: column;
		line-height: 1.4;
	}
	.as_down_flow > li dl {
		flex-direction: column;
	}
}

/*
	ソフト紹介
-------------------------------------------------*/
.as_software_list {
	border: 1px solid #8ec31f;
	background-color: #fff;
	margin-bottom: 10px;
}
.as_software_list a {
	text-decoration: none;
}
.as_software_list .as_software_list_img {
	max-width: 250px;
	margin: 10px auto;
}
.as_software_list .as_software_list_txt {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 5px;
	color: #000;
}
.as_software_list .as_txt_top {
	color: #fff;
	background-color: #8ec31f;
}
.as_software_btn {
	text-align: center;
	padding: 15px;
}
.as_software_btn span {
	background-color: #8ec31f;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 25px;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
}
@media screen and (min-width: 750px), print {
	.as_pcahub_kyuyo {
		max-width: calc(50% - 20px);
	}
}
/*
	製品をご検討中の方向け テーブル
-------------------------------------------------*/
table.as_softservice_table {
	border-collapse: collapse;
	margin: 10px auto;
	padding: 0;
	width: 100%;
}
table.as_softservice_table tr {
	background-color: #fff;
	padding: .35em;
}
table.as_softservice_table th,
table.as_softservice_table td {
	padding: .7em;
	border: solid 1px #e6e3e1;
	vertical-align: middle;
}
table.as_softservice_table th {
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}
table.as_softservice_table td.plan1 {
	background: #2e9b72;
}
table.as_softservice_table td.plan2 {
	background: #da3c41;
}
table.as_softservice_table td.plan3 {
	background: #131874;
}
table.as_softservice_table td img {
	width: revert-layer;
	max-width: 100%;
}
table.as_softservice_table thead th {
	border: none;
}
table.as_softservice_table thead td {
	text-align: center;
}
table.as_softservice_table tbody tr:nth-child(even){
	background-color: #faf7f5;
}
table.as_softservice_table tbody th {
	background-color: #666;
	color: #fff;
}
table.as_softservice_table .price {
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
	text-align: left;
	margin-bottom:10px
}
table.as_softservice_table .price span {
	font-size: .6em;
}
table.as_softservice_table .non {
	background-color: #e8f2fb;
}

/* ----------- 社員マスター移行支援サービス 作成時css追加 ----------- */
.keyvisual_support {
	color: #fff;
	text-align: center;
	padding: 20px;
	margin-bottom: 0;
	background: #689F38;
	display: flex; align-items: flex-start; justify-content: center;
}

.keyvisual_support .j_bubble {
	position: relative;
	background-color: #FFD740;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.keyvisual_support .j_bubble::before,
.keyvisual_support .j_bubble::after,
.keyvisual_support .j_bubble_body,
.keyvisual_support .j_bubble_body::after {
	position: absolute;
	background-color: #FFD740;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
}

.keyvisual_support .j_bubble::before {
	transform: rotate(30deg);
	content: '';
}

.keyvisual_support .j_bubble::after {
	transform: rotate(-30deg);
	content: '';
}

.keyvisual_support .j_bubble_body {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}

.keyvisual_support .j_bubble_body p {
	padding: 0.2rem;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	transform: rotate(-10deg);
}

.keyvisual_support .title {
	margin-bottom: 6px;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
}

.keyvisual_support .title_sub {
	color: #fff;
	border: none;
	margin: 0;
	padding: 0
}

@media screen and (min-width: 600px) {
	.keyvisual_support {
		flex-wrap: wrap;
	}
	.keyvisual_support .j_bubble {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/*---------------------------------

	メディアクエリ

---------------------------------*/
/* 0px~965px */
@media screen and (max-width: 965px) {
	/* スクロール */
	.as_scroll_area {
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.as_scroll_area table {
		word-break: keep-all;
		table-layout: unset;
	}
	
}
/**旧コード→新コードの際の追加CSS*ここまで**************************************/
/*↓↓追加用CSS↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.columnTour { display: flex; }
.columnTour .column4 { width: 23%; margin-right: 2%; }
.columnTour .column4:last-child { margin: 0; }
.columnTour .column5 { width: 19%; margin-right: 1%; }
.columnTour .column5:last-child { margin: 0; }
.columnTour.columnCenter { justify-content: space-around; }

div.scrollbar_table { overflow-x: scroll; }
div.scrollbar_table td { white-space: nowrap;}
div.scrollbar_table th { white-space: nowrap;}
.cta_background { background: #eee; padding: 40px 10px; margin: 50px 0; }

.productPriceTable { overflow: auto; }
.productPriceTable.generalTable__typeBorder td, .productPriceTable th { background: none; padding: 10px; }
.productPriceTable tr:nth-child(2n+1) { background-color: #eee; }
.productPriceTable .generalTable__typeBorder td, .productPriceTable .generalTable__typeBorder th { padding: 3px 10px; }
.productPriceTable .generalTable__typeBorder__thead tr th:first-child { width: 40%; }
.productPriceTable .generalTable__typeBorder__thead th { background: #436b91; }
.productPriceTable .generalTable__typeBorder__tbody.separator7 tr:nth-child(7n) { border-bottom: 5px double #999; }
.productPriceTable .generalTable__typeBorder__tbody.separator8 tr:nth-child(8n) { border-bottom: 5px double #999; }
.productPriceTable .generalTable__typeBorder__tbody td { text-align: right; }
.productPriceTable .generalTable__typeBorder__tbody td.priceOld { font-size: 14px; color: #999; }
.productPriceTable .generalTable__typeBorder__tbody td.priceOld span { font-size: 12px; }
.productPriceTable .generalTable__typeBorder__tbody td.priceNew { font-size: 18px; font-weight: bold; }
.productPriceTable .generalTable__typeBorder__tbody td.priceNew span { font-size: 12px; }

.tableofcontents { margin: 20px 70px 40px 40px; }
.tableofcontents::before { content: '目次'; display: block; border-bottom: 1px solid #000; margin-bottom: 20px; font-size: 24px; }
.tableofcontents ul { list-style-type: none; }
.tableofcontents ul li { margin-bottom: 14px; line-height: 1; text-indent: -40px; font-weight: bold; padding: 4px 0 4px 30px; }
.tableofcontents ul li:hover { background: rgba(200, 255, 255, 0.5); }
.tableofcontents ul li span { display: block; text-indent: 0px; padding: 5px 0 0 0; margin-top: 5px; border-top: 2px dotted #aaa; font-weight: normal; }
.tableofcontents ul li:before { position: relative; display: inline; color: #00529F; font-size: 20px; font-weight: 400; font-family: "Font Awesome 5 Free"; content: '\f058'; top: 2px; left: 10px; padding-right: 20px; }
.tableofcontents ul li a { text-decoration: none; }

@media screen and (max-width: 768px) { .tableofcontents { margin: 20px 0 20px 0; } }

.section.syokai-area { padding: 10px 0 20px 0; background-color: #f4f9fd; background-image: none; }
.section.syokai-area .plan-area__text { text-align: center; font-size: 28px; margin: 40px 0 0 0; }
.section.syokai-area .plan-area__text span { font-size: 140%; }
.section.syokai-area .link-area__block { background-color: #fff; padding: 30px; margin-top: 60px; }
.section.syokai-area .link-area__block ul { margin: -40px 0 0 -40px; }
.section.syokai-area .link-area__block ul li.multiple { float: left; width: calc((100% - 80px) / 2); margin: 40px 0 0 40px; }
.section.syokai-area .link-area__block ul li.multiple a, .section.syokai-area .link-area__block ul li.multiple span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; background-color: #00529f; border-radius: 20px; height: 90px; font-size: 18px; background-image: url(/hub/assets/img/arrow-01.svg); background-size: 14px auto; background-position: right 35px center; background-repeat: no-repeat; font-weight: bold; text-decoration: none; }
.section.syokai-area .link-area__block ul li.multiple a[target="_blank"]:after { background: none; }
.section.syokai-area .link-area__block ul li.multiple a { border-radius: 20px; height: 80px; margin: 15px 10px; padding: 0 30px; }
.section.syokai-area .link-area__block ul li.multiple a:hover { opacity: 0.8; }
.section.syokai-area .link-area__block ul li.multiple span { background: none; display: inline-block; text-align: center; border-radius: 0px; height: 50px; border-bottom: 1px solid #00529F; width: 100%; color: #000; }
.section.syokai-area .wrap { max-width: 1100px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 767px) { .section.syokai-area .plan-area__text { font-size: 20px; margin: 40px 0 0 0; }
 .section.syokai-area .link-area__block { padding: 30px; margin-top: 40px; }
 .section.syokai-area .link-area__block ul { margin: -20px 0 0 0; }
 .section.syokai-area .link-area__block ul li.multiple { float: none; width: 100%; margin: 20px 0 0 0; }
 .section.syokai-area .link-area__block ul li.multiple a, .section.syokai-area .link-area__block ul li.multiple span { height: 50px; font-size: 12px; background-size: 7px auto; background-position: right 16px center; }
 .section.syokai-area .link-area__block ul li.multiple span { height: auto; }
 .wrap { padding: 0 20px; } }
.even_list tr td { background: none; }

.even_list tr:nth-child(even) { background-color: #f1f1f1; }

.wdth75 { width: 75%; margin: 0 auto; }

.at_margintb { margin: 10px 0 20px 0; }

@media screen and (min-width: 768px) { .at_margintb { margin: 30px 0 60px 0; } }
.code_normal { margin: 10px; padding: 10px; background: #eee; }

.at_cta_2column { padding: 20px; background: #eee; }
.at_cta_2column .top_swiper-slide_1_cloud_button li { margin: 0 20px; }
.at_cta_2column .title { margin-bottom: 20px; padding-left: 40px; font-size: 16px; background: url(/area_common/images/icon/icon_infoletter_30_26.png) no-repeat; }

@media screen and (max-width: 768px) { .at_cta_2column { padding: 5px; }
	.at_cta_2column .top_swiper-slide_1_cloud_button li { margin: 0 0 10px 0; }
	.at_cta_2column .title { margin-bottom: 5px; font-size: 12px; } }
.mgn_border { margin-top: 50px; padding-top: 10px; border-top: 2px dotted #999; }

@media screen and (min-width: 768px), print { .mgn_border { margin-top: 10px; border-top: 2px dotted #999; } }
.tab_link_box { background-color: #f1f1f1; }

@media screen and (min-width: 768px), print { .tab_link_box { padding: 20px 30px 13px; } }
@media screen and (max-width: 768px) { .tab_link_box { padding: 15px 20px 5px; } }
.noresize { width: auto; }

.plist, .eblist, .nlist, .alist, .alist_inline, .alist_faq { margin: 20px 0px 20px 20px; font-size: 85%; }
.plist li, .eblist li, .nlist li, .alist li, .alist_inline li, .alist_faq li { list-style-type: none !important; padding: 0 0 10px 18px; line-height: 1.4; margin-bottom: 0.5em; background: url(../../images/pdf_icon.gif) no-repeat left top; }
.plist li.blist, .eblist li.blist, .nlist li.blist, .alist li.blist, .alist_inline li.blist, .alist_faq li.blist { background: url(../../images/book_icon.gif) no-repeat left top; }
.plist li a, .eblist li a, .nlist li a, .alist li a, .alist_inline li a, .alist_faq li a { font-size: 120%; padding-right: 5px; }

@media screen and (min-width: 768px), print { .text_indent { margin: 15px 0 25px 30px; } }
@media screen and (max-width: 768px) { .text_indent { margin: 0px 0px 0px 0px; } }
.eblist li { background: url(../../images/book_icon.gif) no-repeat left top; }

.nlist li { background: none; list-style-type: disc !important; }

.alist li, .alist_inline li, .alist_faq li { background: url(../../images/link_arrow.jpg) no-repeat left 3px; }

.alist_inline li { display: inline; margin-right: 20px; }
.alist_inline li:last-child { margin-right: 0; }

.alist_faq { font-size: 100%; }
.alist_faq ul { margin-left: 15px; }
.alist_faq li li { list-style-type: square !important; background: none; padding-left: 0; margin-bottom: 0; line-height: 1.3; }
.alist_faq li li li { list-style-type: circle !important; }
.alist_faq li a { font-size: 100%; text-decoration: none; }
.alist_faq li a:hover { text-decoration: underline; }

.ilist { margin: 10px 10px 10px 30px; }
.ilist li { display: inline; line-height: 1.5; padding-right: 5px; /* border-right: 2px solid #ccc; */ list-style-type: none !important; }
/* 2023/05 追記 */
.ilist li:nth-child(n+2) { border-left: 2px solid #ccc; padding: 0 10px; }

.contIndent { margin: 10px 0 40px 10px; }

.contIndent_nobottom { margin: 10px 0 0 10px; }

@media screen and (max-width: 768px) { .contIndent { margin: 10px 0 20px 0px; }
 .contIndent_nobottom { margin: 10px 0 0 0px; } }
.anno, .anno_border, .anno_borderup, .anno_large { font-size: 93%; color: #405ba2; margin: 10px; padding: 2px; }
.anno p, .anno_border p, .anno_borderup p, .anno_large p { margin: 0 0 1em 0; padding: 0 0 0 1em; line-height: 1.3; text-indent: -1em; }
.anno p.anno_alert, .anno_border p.anno_alert, .anno_borderup p.anno_alert, .anno_large p.anno_alert { color: #a72b61; background: url(images/icon/anno_alert.jpg) no-repeat; padding-left: 45px; text-indent: 0; }
.anno p.noindent, .anno_border p.noindent, .anno_borderup p.noindent, .anno_large p.noindent { text-indent: 0px; padding-left: 0; }
.anno ul, .anno_border ul, .anno_borderup ul, .anno_large ul { margin: 10px 0 10px 20px; list-style-type: disc; }
.anno ul > li, .anno_border ul > li, .anno_borderup ul > li, .anno_large ul > li { list-style-type: disc; }
.anno em, .anno_border em, .anno_borderup em, .anno_large em { font-size: 120%; font-weight: bold; }
.anno .title, .anno_border .title, .anno_borderup .title, .anno_large .title { font-size: 108%; font-weight: bold; border-bottom: 1px solid #6178b4; }

.anno_border { padding: 8px; border: 1px solid #ccc; }

.anno_borderup { padding: 20px 8px 8px 8px; border-top: 2px dotted #6178b4; }

.anno_large { font-size: 100%; color: #44a; }

.imgcent_arrow { font-size: 20pt; text-align: center; color: red; }

.com_tpc_nlb, .com_tpc_l_underline, .com_tpc_c, .com_tpc_left_arrow, .com_tpcm_lb { text-align: left; font-size: 120%; color: #666; margin: 20px 10px; padding: 5px; }
.com_tpc_nlb img.icon, .com_tpc_l_underline img.icon, .com_tpc_c img.icon, .com_tpc_left_arrow img.icon, .com_tpcm_lb img.icon { vertical-align: middle; padding-right: 10px; }

.com_tpcm_l { margin-bottom: 18px; padding-bottom: 6px; }

@media screen and (max-width: 768px) { .com_tpcm_l { margin-bottom: 10.5px; padding-bottom: 5px; } }
.com_tpc_l_underline { text-decoration: underline; }

.com_tpc_c { text-align: center; border: 3px double #aaa; }

.com_tpc_left_arrow { padding: 8px 0 8px 30px; border: 3px double #aaa; background: url(/area_common/images/icon_linetop_12_12_02.jpg) no-repeat 2% 50%; }

.com_tpcm_lb { font-weight: bold; border: 1px solid #aaa; }

.com_Titleimp { text-align: left; color: #f00; margin: 5px; padding-left: 50px; min-height: 26px; background: url(/area_common/images/icon/anno_important_large.png) no-repeat; padding-top: 3px; }

.com_tpcnm, .com_tpcnmblue { text-align: left; font-size: 120%; color: #666; margin: 0; }

.com_tpcnmblue { color: #144d7e; }

.contents_end { border: #ccc 6px double; margin: 0 0 80px 0; text-align: center; padding: 40px; }
.contents_end p:nth-child(1) { font-size: 24px; }
.contents_end p:nth-child(2) { font-size: 18px; }

@media screen and (max-width: 768px) { .contents_end { margin: 0 0 40px 0; padding: 10px; }
.contents_end p:nth-child(1) { font-size: 14px; }
.contents_end p:nth-child(2) { font-size: 12px; } }
.title_com_generic, .title_com_red, .title_com_green, .title_com_blue { text-align: left; font-size: 120%; color: #666; font-weight: bold; margin: 20px 0; padding: 5px 2px; border-bottom: 1px solid #aaa; }

.title_com_red { color: #993333; border-bottom: 1px #993333 solid; }

.title_com_green { color: #339933; border-bottom: 1px #339933 solid; }

.title_com_blue { color: #333399; border-bottom: 1px #333399 solid; }


.ltrFirst { margin-right: 1em; font-family: "Noto Sans JP", Verdana, Geneva, sans-serif; font-size: 150%; color: #036; position: relative; top: 2px; }

.font_ltrFirst { margin-right: 10px; font-family: "Noto Sans JP", Verdana, Geneva, sans-serif; font-size: 150%; color: #fff; position: relative; top: 2px; background: #245DAB; padding: 10px; }

.font_step { border: 1px solid #5a7fcc; padding: 5px 5px 5px 10px; margin: 10px 0; }
.font_step p { padding: 5px 0 5px 70px; color: #313D9A; text-indent: -70px; }
.font_step p:nth-child(1):before { content: "STEP1"; background: #5a7fcc; color: #fff; font-weight: bold; margin-right: 10px; padding: 5px; }
.font_step p:nth-child(2):before { content: "STEP2"; background: #4c72c0; color: #fff; font-weight: bold; margin-right: 10px; padding: 5px; }
.font_step p:nth-child(3):before { content: "STEP3"; background: #325AAB; color: #fff; font-weight: bold; margin-right: 10px; padding: 5px; }
.font_step p:last-child { padding-bottom: 5px; }

.imgleft, .imgleft_mgn { float: left; }

.imgleft_mgn { margin-right: 15px; }

.imgrigt { float: right; }

.imgrigt_standard { float: right; margin-left: 25px !important; }

ol.dlist { margin-left: 20px; }
ol.dlist > li { list-style-type: decimal; margin-bottom: 10px; }

.signature { text-align: right; border-top: 1px solid #ccc; padding: 20px; }
.signature p { margin-bottom: 10px; font-size: 16pt; }

.linkDownload { width: 528px; font-size: 150%; font-weight: bold; margin: 20px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.linkDownload a { display: block; color: #222; border-radius: 20px; background-color: #ccc; padding: 10px; text-decoration: none; }
.linkDownload a:hover { opacity: 0.85; }
.linkDownload a:before { content: url(/area_common/images/icon/icon_download_30_26.gif); vertical-align: top; padding-right: 10px; }

.linkInfo { width: 528px; font-size: 150%; font-weight: bold; margin: 20px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.linkInfo a { display: block; color: #222; border-radius: 20px; background-color: #ccc; padding: 10px; text-decoration: none; }
.linkInfo a:hover { opacity: 0.85; }
.linkInfo a:before { content: url(/area_common/images/icon/icon_info_30_26.gif); vertical-align: top; padding-right: 10px; }

.linkMovie { width: 528px; font-size: 150%; font-weight: bold; margin: 20px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.linkMovie a { display: block; color: #222; border-radius: 20px; background-color: #eee; padding: 10px; text-decoration: none; }
.linkMovie a:hover { opacity: 0.85; }
.linkMovie a:before { content: url(/area_common/images/icon/icon_movie_30_26.jpg); vertical-align: top; padding-right: 10px; }

.linkblank { width: 528px; font-size: 150%; font-weight: bold; margin: 20px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.linkblank a { display: block; color: #222; border-radius: 20px; background-color: #ccc; padding: 10px; text-decoration: none; }
.linkblank a:hover { opacity: 0.85; }
.linkblank a:before { content: url(/area_common/images/icon/icon_dummy.gif); vertical-align: top; padding-right: 10px; }

.linkEntry { width: 700px; font-size: 150%; font-weight: bold; margin: 50px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.linkEntry a { display: block; color: #fff; border-radius: 20px; background-color: #d74a18; padding: 20px; text-decoration: none; }
.linkEntry a:hover { opacity: 0.85; }
.linkEntry a:before { content: url(/area_common/images/icon/icon_link_arrow.png); vertical-align: top; padding-right: 10px; }

.linkRecommend { width: 760px; font-size: 150%; font-weight: bold; margin: 50px auto !important; padding: 0; border-radius: 5px; border: none; text-align: center; }
.linkRecommend a { display: block; color: #fff; border-radius: 5px; background-color: #757f8b; padding: 20px; text-decoration: none; }
.linkRecommend a:hover { opacity: 0.85; }
.linkRecommend a:before { content: url(/area_common/images/icon/icon_link_arrow.png); vertical-align: top; padding-right: 10px; }

.link_colored { width: 700px; font-size: 150%; font-weight: bold; margin: 50px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.link_colored a { display: block; color: #fff; border-radius: 20px; background-color: #999; padding: 20px; text-decoration: none; }
.link_colored a:hover { opacity: 0.85; }
.link_colored a:before { content: url(/area_common/images/icon/icon_link_arrow.png); vertical-align: top; padding-right: 10px; }

.picklink { width: 700px; font-size: 150%; font-weight: bold; margin: 50px auto !important; padding: 0; border-radius: 20px; border: none; text-align: center; }
.picklink a { display: block; color: #fff; border-radius: 20px; background-color: #666; padding: 20px; text-decoration: none; }
.picklink a:hover { opacity: 0.85; }
.picklink a:before { content: url(/area_common/images/icon/icon_link_arrow.png); vertical-align: top; padding-right: 10px; }

.picklinkreturn { width: 100%; font-size: 150%; font-weight: bold; margin: 50px auto !important; padding: 0; border-radius: 5px; border: none; text-align: center; }
.picklinkreturn a { display: block; color: #444; border-radius: 5px; background-color: #dbdbdb; padding: 20px; text-decoration: none; }
.picklinkreturn a:hover { opacity: 0.85; }
.picklinkreturn a:before { content: url(/area_common/images/icon/icon_picklinkreturn.png); vertical-align: top; padding-right: 10px; }

@media screen and (max-width: 768px) { .linkInfo, .linkDownload, .picklink, .link_colored, .linkEntry, .picklinkreturn { width: 100%; font-size: 120%; }
 .linkRecommend { width: 100%; font-size: 120%; } }

.str_three_rows{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.str_three_rows:after{content:"";display:block;width:calc((100% - 1.5em) / 3);height:0}.str_three_rows li{margin-bottom:10px;display:flex;align-items:stretch;width:calc((100% - 1.5em) / 3)}

/*elements_add_basic.css*/
.txt_mgn_bottom_large {
	margin-top: 40px !important
}

.txt_mgn_bottom_small {
	margin-bottom: 20px !important
}

.txt_mgn_bottom_mid {
	margin-bottom: 30px !important
}

.txt_mgn_top_pc30sp15 {
	margin-top: 30px !important
}

.txt_mgn_top_pc60sp20 {
	margin-top: 60px !important
}

.txt_mgn_bottom_pc30sp15 {
	margin-bottom: 30px !important
}

.txt_mgn_bottom_pc60sp20 {
	margin-bottom: 60px !important
}

.txt_mgn_bottom_pc90sp30 {
	margin-bottom: 90px !important
}

.txt_mgn_both_pc30sp15 {
	margin-top: 30px !important;
	margin-bottom: 30px !important
}

.txt_mgn_both_pc60sp20 {
	margin-top: 60px !important;
	margin-bottom: 60px !important
}

@media screen and (max-width: 768px) {
	.txt_mgn_top_pc30sp15 {
		margin-top: 15px !important
	}

	.txt_mgn_top_pc60sp20 {
		margin-top: 20px !important
	}

	.txt_mgn_bottom_pc30sp15 {
		margin-bottom: 15px !important
	}

	.txt_mgn_bottom_pc60sp20 {
		margin-bottom: 20px !important
	}

	.txt_mgn_bottom_pc90sp30 {
		margin-bottom: 30px !important
	}

	.txt_mgn_both_pc30sp15 {
		margin-top: 15px !important;
		margin-bottom: 15px !important
	}

	.txt_mgn_both_pc60sp20 {
		margin-top: 20px !important;
		margin-bottom: 20px !important
	}
}

.txt_mgn_bottom_border {
	border-bottom: 3px dotted #ccc
}

.font_XXsmall_normal {
	font-size: 60%;
	font-weight: normal;
	padding: 0 0.5em
}

.font_Xsmall_normal {
	font-size: 85%;
	font-weight: normal;
	padding: 0 0.5em
}

.font_small_normal {
	font-size: 93%;
	font-weight: normal;
	padding: 0 0.5em
}

.font_bold {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0.5em
}

.font_large_bold {
	font-size: 108%;
	font-weight: bold;
	padding: 0 0.5em
}

.font_Xlarge_bold {
	font-size: 123.1%;
	font-weight: bold;
	padding: 0 0.5em
}

.font_XXlarge_bold {
	font-size: 138.5%;
	font-weight: bold;
	padding: 0 0.5em
}

.font_b {
	font-weight: bold
}

.font_p_XXsmall {
	font-size: 77%
}

.font_p_Xsmall {
	font-size: 85%
}

.font_p_small {
	font-size: 93%
}

.font_p_large {
	font-size: 108%
}

.font_p {
	font-size: 100%
}

.font_p_normal {
	font-weight: normal
}

.font_p_Xlarge {
	font-size: 123.1%
}

.font_p_XXlarge {
	font-size: 138.5%
}

.font_p_XXXlarge {
	font-size: 167%
}

sup {
	color: #999;
	padding-left: 5px;
	font-weight: normal
}

sub {
	color: #999;
	padding-left: 15px;
	font-weight: normal
}

strong {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	color: #ff3333;
	font-weight: bold
}

strong.strongdot {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	color: #ff3333;
	font-weight: bold;
	border-bottom: 3px dotted #ff3333
}

em {
	background: #ffffe0;
	color: #f55959;
	padding: 0 5px;
	font-weight: 600
}
/*↑↑追加用CSS↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

@media screen and (max-width: 400px) { .fm_hub__linkBoxList { margin: 0 0 20px 0; } }
@media screen and (min-width: 401px) { .fm_hub__linkBoxList { margin: 0 0 50px 0; } }
.fm_ptips_marginbottom { margin-bottom: 18px; }

.fm_ptips_beforetab { margin-top: 36px; }

.fm_coarch_border { border-bottom: solid 1px #ddd; width: 100%; display: block; }

.fm_square_smalldiv { border: solid 1px #666; margin: auto; width: 50%; text-align: center; padding: 14px 20px; }

ul .fm_dlist, td .fm_dlist, .freeBox .fm_dlist { list-style-position: inside; font-size: 100%; color: black; list-style-type: disc; }
ul .fm_dlist li, td .fm_dlist li, .freeBox .fm_dlist li { color: black; }

ul .fm_nlist, td .fm_nlist, .freeBox .fm_nlist { list-style-position: inside; font-size: 100%; color: black; list-style-type: none; }
ul .fm_nlist li, td .fm_nlist li, .freeBox .fm_nlist li { color: black; }

.fm_annolist { list-style: none; font-size: 90%; }

.fm_list_upperroman { list-style-type: upper-roman; list-style-position: inside; }

.fm_topbottom_margin5 { margin-top: 5px; margin-bottom: 5px; }

/* テーブル
-------------------------------------------------- */
.fm_generaltable, .fm_fixedgeneraltable { border: solid 1px #666; border-collapse: collapse; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.fm_generaltable thead tr, .fm_fixedgeneraltable thead tr { border: solid 1px #666; border-collapse: collapse; }
.fm_generaltable thead tr th, .fm_fixedgeneraltable thead tr th, .fm_generaltable thead tr td, .fm_fixedgeneraltable thead tr td { border: solid 1px #666; border-collapse: collapse; background: #7fa8cf; color: #fff; text-align: center; font-weight: bold; padding: 14px 20px; }
.fm_generaltable tbody tr, .fm_fixedgeneraltable tbody tr { border: solid 1px #666; border-collapse: collapse; }
.fm_generaltable tbody tr th, .fm_fixedgeneraltable tbody tr th { border: solid 1px #666; border-collapse: collapse; text-align: center; font-weight: bold; padding: 14px 20px; }
.fm_generaltable tbody tr td, .fm_fixedgeneraltable tbody tr td { border: solid 1px #666; border-collapse: collapse; padding: 14px 20px; }
.fm_generaltable th.fm_subtopics, .fm_fixedgeneraltable th.fm_subtopics, .fm_generaltable td.fm_subtopics, .fm_fixedgeneraltable td.fm_subtopics { background: #C4C4C4; }
.fm_generaltable .cell__w15, .fm_fixedgeneraltable .cell__w15 { width: 15%; }
.fm_generaltable .cell__w20, .fm_fixedgeneraltable .cell__w20 { width: 20%; }
.fm_generaltable .cell__w35, .fm_fixedgeneraltable .cell__w35 { width: 35%; }
.fm_generaltable .cell__w60, .fm_fixedgeneraltable .cell__w60 { width: 60%; }
.fm_generaltable th.text__center, .fm_fixedgeneraltable th.text__center, .fm_generaltable td.text__center, .fm_fixedgeneraltable td.text__center { text-align: center; }
.fm_generaltable th.text__center, .fm_fixedgeneraltable th.text__center, .fm_generaltable td.text__middle, .fm_fixedgeneraltable td.text__middle { vertical-align: middle; }
.fm_generaltable td.text__left, .fm_fixedgeneraltable td.text__left { text-align: left; }

@media screen and (max-width: 751px) { .fm_generaltable, .fm_fixedgeneraltable { box-sizing: border-box; table-layout: fixed; word-break: break-word; word-wrap: break-word; }
 .fm_generaltable tr th, .fm_fixedgeneraltable tr th, .fm_generaltable tr td, .fm_fixedgeneraltable tr td, .fm_generaltable tbody tr td, .fm_fixedgeneraltable tbody tr td, .fm_generaltable tbody tr th, .fm_fixedgeneraltable tbody tr th, .fm_generaltable thead tr td, .fm_fixedgeneraltable thead tr td, .fm_generaltable thead tr th, .fm_fixedgeneraltable thead tr th { padding: 0px; text-align: center; } }
@media screen and (max-width: 400px) { .fm_generaltable th, .fm_fixedgeneraltable th, .fm_generaltable td, .fm_fixedgeneraltable td { display: block; } }
.fm_fixedgeneraltable { table-layout: fixed; width: 100%; }

.fm_width_25per { width: 25%; }

.fm_width_50per { width: 50%; }

.fm_normaldl dt { font-size: 20px; }

.fm_bold { font-weight: bold; }

.fm_list_sidebyside { display: inline-block; }
.fm_list_sidebyside li { display: inline-block; }

.fm_profiles_box, .fm_profiles_imagebox, .fm_coarchprofiles_imagebox { border-style: solid; border-color: black; border-width: 0.5px; padding-left: 2%; }
.fm_profiles_box .coarchposition, .fm_profiles_imagebox .coarchposition, .fm_coarchprofiles_imagebox .coarchposition { margin: 0px; }
.fm_profiles_box .profilelist, .fm_profiles_imagebox .profilelist, .fm_coarchprofiles_imagebox .profilelist { font-size: 100%; list-style-type: none; }
.fm_profiles_box .profilelist li, .fm_profiles_imagebox .profilelist li, .fm_coarchprofiles_imagebox .profilelist li { padding: 0; font-size: 90%; }
.fm_profiles_box .profilelist p, .fm_profiles_imagebox .profilelist p, .fm_coarchprofiles_imagebox .profilelist p { margin-bottom: 10px; }
@media screen and (max-width: 400px) { .fm_profiles_box .name, .fm_profiles_imagebox .name, .fm_coarchprofiles_imagebox .name { font-size: 120%; } }
@media screen and (min-width: 401px) { .fm_profiles_box .name, .fm_profiles_imagebox .name, .fm_coarchprofiles_imagebox .name { font-size: 200%; } }

@media screen and (max-width: 768px) { .fm_profiles_imagebox, .fm_coarchprofiles_imagebox { margin: 10.5px 0 25px; padding: 0; } }
@media screen and (min-width: 768px), print { .fm_profiles_imagebox, .fm_coarchprofiles_imagebox { margin-top: 18px; margin-bottom: 40px; padding: 0; } }
.fm_profiles_imagebox, .fm_coarchprofiles_imagebox { width: 100%; height: 100%; padding: 0; border-color: #aaa; }
@media screen and (max-width: 400px) { .fm_profiles_imagebox .image, .fm_coarchprofiles_imagebox .image { width: 50%; padding: 10px; margin: auto; }
 .fm_profiles_imagebox .introduction, .fm_coarchprofiles_imagebox .introduction { width: 100%; padding: 10px; } }
@media screen and (min-width: 401px), print { .fm_profiles_imagebox, .fm_coarchprofiles_imagebox { display: flex; }
 .fm_profiles_imagebox .image, .fm_coarchprofiles_imagebox .image { width: 200px; padding: 10px 20px 0 10px; margin: 0; }
 .fm_profiles_imagebox .image + .introduction, .fm_coarchprofiles_imagebox .image + .introduction { width: 800px; }
 .fm_profiles_imagebox .introduction, .fm_coarchprofiles_imagebox .introduction { width: 100%; padding: 0px 10px 0px 10px; } }

.fm_coarchprofiles_wrapper { border: solid #ddd 0.5px; width: 80%; height: 80%; margin: auto; margin-bottom: 80px; }
.fm_coarchprofiles_wrapper .title { margin-left: 10px; font-weight: bold; }

.fm_coarchprofiles_wrapper.fm_coarchprofiles_wrapper--size01 { width: 50%; }

.fm_coarchprofiles_imagebox { border: none; font-size: 80%; }
.fm_coarchprofiles_imagebox .name { font-size: 200%; }

@media screen and (max-width: 400px) { .fm_coarchprofiles_imagebox.fm_coarchprofiles_imagebox--size01 .image { width: 50%; } }
@media screen and (min-width: 401px) { .fm_coarchprofiles_imagebox.fm_coarchprofiles_imagebox--size01 .image { width: 500px; } }

.fm_fullseminar_inducion { text-align: center; border-top: black 1px solid; border-bottom: black 1px solid; }

td .fm_coarch_pseminar_ingeneraltable { padding: 10px; }
@media screen and (max-width: 600px) { td .fm_coarch_pseminar_ingeneraltable { width: 60%; display: block; margin: auto; } }
@media screen and (min-width: 601px) { td .fm_coarch_pseminar_ingeneraltable { width: 20%; float: left; } }

@media screen and (max-width: 400px) { td .fm_table_imageArea .imageBox { display: block; margin: 10px; width: 120px; }
 td .fm_table_imageArea .textBox { display: block; width: 100%; } }
@media screen and (min-width: 401px) { td .fm_table_imageArea .imageBox { display: inline-block; margin: 10px; vertical-align: top; width: 120px; }
 td .fm_table_imageArea .textBox { display: inline-block; vertical-align: top; width: calc(100% - 140px); } }

.fm_figurelist_wrapper { text-align: center; }
@media screen and (min-width: 1031px) { .fm_figurelist_wrapper .fm_2line_figurelist { display: inline-block; margin: 0px auto; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure { display: inline-block; width: 470px; vertical-align: top; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure img { width: 470px; display: block; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure figcaption { text-align: left; width: 470px; font-size: 100%; color: black; }
 .fm_figurelist_wrapper .fm_2line_figurelist .figure1 { margin: 0px 20px 0px 0px; }
 .fm_figurelist_wrapper .fm_2line_figurelist .figure2 { margin: 0px 0px 0px 20px; } }
@media screen and (max-width: 1030px) { .fm_figurelist_wrapper .fm_2line_figurelist { display: inline-block; margin: 0px auto; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure { display: table; margin: 0px 30px; width: auto; vertical-align: top; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure img { width: 100%; display: block; max-height: 100%; }
 .fm_figurelist_wrapper .fm_2line_figurelist figure figcaption { text-align: left; width: 100%; font-size: 100%; color: black; } }

.freeBox .section.fm_softwarelist_infreebox { background: none; }
.freeBox .section.fm_softwarelist_infreebox li { padding-left: 0em; text-indent: 0em; }
.freeBox .fm_linkul_forfreebox { font-size: 16px; }
.freeBox .fm_linkul_forfreebox li { padding-left: 0em; text-indent: 0em; }

@media screen and (min-width: 768px) { .fm_imagetext_wrapper { display: flex; }
 .fm_imagetext_wrapper .imagearea img { width: 300px; height: auto; }
 .fm_imagetext_wrapper .textarea { width: auto; } }

@media screen and (min-width: 768px), print { .fm_hub__list_li { flex-direction: row; margin-bottom: 20px; width: 100%; }
 .fm_hub__list_imgArea { width: 20%; }
 .fm_hub__list_imgArea a:hover img, .fm_hub__list_imgArea a:active img { box-sizing: border-box; box-shadow: 0 0 0 4px #00529f; content: ""; height: auto; left: 0; top: 0; transition: border .1s; width: 100%; }
 .fm_hub__list_txtArea { margin: 0px auto 0px 20px; width: 80%; }
 .fm_hub__list_txtArea .fm_hub__list_title { font-size: 24px; margin: 0px 0px 15px 0px; }
 .fm_hub__list_txtArea .fm_hub__list_title .fm_hub__list_subTitle { font-size: 20px; } }
@media screen and (max-width: 768px) { .fm_hub__list_li { flex-direction: column; margin: 0 auto 40px; max-width: 500px; }
 .fm_hub__list_imgArea { text-align: center; width: 100%; }
 .fm_hub__list_txtArea { margin: 0px 0px 30px 0px; width: 100%; }
 .fm_hub__list_txtArea .fm_hub__list_title { font-size: 18px; margin: 0px 0px 10px 0px; }
 .fm_hub__list_txtArea .fm_hub__list_title .fm_hub__list_subTitle { font-size: 15px; } }
.fm_hub__list_li { display: flex; list-style: none; }
.fm_hub__list_li.fm_hub__list_li--border01 { border: 1px #ccc solid; padding: 10px; }
.fm_hub__list_li.fm_hub__list_li--border02 { border-bottom: 1px #ccc solid; padding: 10px; }

.fm_hub__list_txtArea { color: black; }
.fm_hub__list_txtArea .fm_hub__list_title * { color: #00529f; font-weight: bold; }
.fm_hub__list_txtArea .fm_hub__list_title .fm_hub__list_subTitle { color: black; font-weight: bold; margin: 0px; text-align: right; }

.fm_hub__list_li a { text-decoration: none; }

.fm_hub__list_txtArea .fm_hub__list_title * a:hover, .fm_hub__list_txtArea .fm_hub__list_title * a:active { text-decoration: underline; transition: border .1s; }

@media screen and (min-width: 768px), print { .header-nav.fm_header-nav { width: calc(100% - 210px); } }
.header-nav_list.fm_header-nav_list { width: 100%; }
.header-nav_list.fm_header-nav_list .header-nav_articles, .header-nav_list.fm_header-nav_list .header-nav_movies, .header-nav_list.fm_header-nav_list .header-nav_seminar, .header-nav_list.fm_header-nav_list .header-nav_documents { margin: 0 3% 0 0; }

@media screen and (min-width: 768px), print { .header-nav_contact.fm_header-nav_contact { width: 40%; } }
@media screen and (max-width: 768px), print { .fm_imageArea30 img { width: 300px; }
 .fm_imageArea50 { width: 100%; margin: 0 auto; }
 .fm_imageArea50 img { width: 100%; }
 .fm_imageArea70 { text-align: center; }
 .fm_imageArea70 img { width: 70%; }
 .fm_imageArea_none { width: 100%; } }
@media screen and (min-width: 768px), print { .fm_imageArea30 img { width: 300px; }
 .fm_imageArea50 { width: 50%; margin: 60px auto 0; }
 .fm_imageArea50 img { width: 500px; }
 .fm_imageArea70 { text-align: center; }
 .fm_imageArea70 img { width: 700px; }
 .fm_imageArea_none { width: 80%; margin: 60px auto 0; } }
@media screen and (max-width: 768px) { .fm_twoColumns_column .firstColumn, .fm_twoColumns_column .secondColumn { margin-bottom: 10px; }
 .fm_twoColumns_column .imageColumn { max-width: 280px; width: 70%; }
 .fm_twoColumns_column .textColumn { width: 100%; } }
@media screen and (min-width: 768px) { .fm_twoColumns_column { display: flex; margin-bottom: 15px; }
 .fm_twoColumns_column .firstColumn { margin-right: 15px; }
 .fm_twoColumns_column .secondColumn { margin-left: 15px; }
 .fm_twoColumns_column .imageColumn { width: 200px; }
 .fm_twoColumns_column .textColumn { width: 800px; } }
.fm_article_imagebox { width: 100%; height: 100%; padding: 0; }
@media screen and (max-width: 400px) { .fm_article_imagebox .imagearea { width: 70%; padding: 10px; margin: auto; }
 .fm_article_imagebox .introduction { width: 100%; padding: 10px; } }
@media screen and (min-width: 401px) { .fm_article_imagebox { display: flex; }
 .fm_article_imagebox .imagearea { width: 200px; padding: 10px; }
 .fm_article_imagebox .introduction { width: 800px; padding: 10px 10px 10px 0px; } }

/* P-Tips クイズ
-------------------------------------------------- */
.section_quiz { margin: 60px 0 0 0; font-size: 18px; }
.section_quiz p:nth-child(1) { border-bottom: 1px solid #bb6f3c; font-size: 28px; padding: 2px 10px; color: #bb6f3c; }
.section_quiz h2 { margin-bottom: 30px; color: #783508; }

.fm_hidden_box { background: #f6904a; border-radius: 5px; color: white; margin: 2em auto 1.2em; width: 95%; }
.fm_hidden_box .fm_hidden_show { height: 0; overflow: hidden; opacity: 0; padding: 0px 10px; }
.fm_hidden_box .fm_hidden_show p { padding: 1em 1em 0 4em; text-indent: -3em; }
.fm_hidden_box .fm_hidden_show p:nth-child(n + 3) { text-indent: 0em; }
.fm_hidden_box .fm_hidden_show ul { padding: 1em 1em 0 5em; font-size: 100%; list-style-type: disc; }
.fm_hidden_box label { display: inline-block; font-weight: bold; padding: 1em; font-size: 18px; }
.fm_hidden_box label::before { background: url("/p-tips/upload/pt/mt_plus_button.png") no-repeat; background-size: 1.3em; content: ""; padding: 0 40px 0 0; }

.fm_hidden_box input { display: none; }

.fm_hidden_box input:checked + label + .fm_hidden_show { background: white; background-clip: content-box; color: black; padding: 10px; height: auto; opacity: 1; }

.fm_choises_list { background-color: #fffde8; box-shadow: 0px 0px 0px 10px #fffde8; border: dashed 2px #ffb03f; border-radius: 9px; margin: 0 10px; padding: 0.5em 0.5em 0.5em 2em; list-style: upper-alpha; list-style-position: inside; }
.fm_choises_list li { margin: 1em 0; padding-left: 2em; padding-right: 1em; text-indent: -1em; }
.fm_choises_list li::marker { font-size: 20px; font-weight: bold; }

.section_quizend { margin-top: 100px; padding-top: 20px; border-top: 1px dotted #ccc; }

.quiz_source { text-align: right; font-weight: bold; font-size: 14px; }

.quiz_source_jr { text-align: left; font-weight: bold; font-size: 14px; border: 3px dotted #666; padding: 5px; }

@media screen and (max-width: 768px) { .section_quiz { margin: 20px 0 0 0; font-size: 16px; }
 .section_quiz p:nth-child(1) { font-size: 20px; }
 .section_quizend { margin-top: 50px; }
 .fm_hidden_box { width: 100%; }
 .fm_choises_list { margin: 0; padding: 0.5em 0 0.5em; } }
/* リスト
-------------------------------------------------- */
.fm_price_list { color: #666; font-size: 100%; margin-top: 10px; margin-bottom: 20px; list-style: none; text-align: left; }

@media screen and (min-width: 768px), print { .fm_price_list li { font-size: 14px; } }
@media screen and (max-width: 768px) { .fm_price_list li { font-size: 10px; } }
.fm_normalList, .fm_discList, .fm_decimallist { font-size: 100%; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
.fm_normalList li, .fm_discList li, .fm_decimallist li { margin-bottom: 13px; }

.fm_discList { list-style: disc inside; }


.fm_decimallist { list-style: decimal inside; }

@media screen and (max-width: 768px) { .fm_normalList li, .fm_discList li, .fm_decimallist li { margin-bottom: 10px; } }
.fm_itemList { margin-bottom: 24px; }
.fm_itemList-header { color: #00529f; text-align: center; font-size: 18px; font-weight: bold; }
.fm_itemList ul li { border-top: 1px solid #ddd; }
.fm_itemList ul li:last-child { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 768px) { .fm_itemList { margin-bottom: 18px; }
 .fm_itemList-header { font-size: 18px; } }
.fm_itemList-item { display: flex; padding: 10px 0px; vertical-align: middle; }
.fm_itemList-item__imgWrapper { align-items: center; border-right: 1px solid #ddd; display: flex; flex: 0 1 150px; justify-content: center; margin-right: 20px; }
.fm_itemList-item__body { flex: 1; }
.fm_itemList-item__title { color: #00529f; font-weight: bold; }

@media screen and (max-width: 768px) { .fm_itemList-item { display: block; }
 .fm_itemList-item__imgWrapper { border-right: none; margin: 0 auto 10px auto; text-align: center; width: 150px; } }
.fm_software__list4.software__list4 { margin-top: 20px; }

.fm_software__list4.software__list4 .software__list_li a[target="_blank"]:after { content: none; }
.fm_software__list4.software__list4 .software__list_li a[target="_blank"] .software__list_tit:after { background-image: url(/area_common/2018shared/svg/svg_i_window.svg); background-position: right 7px; background-repeat: no-repeat; background-size: 12px 10px; content: ''; display: inline-block; height: 19px; margin: 0 1px 0 7px; vertical-align: top; width: 12px; }

@media screen and (max-width: 768px) { .fm_software__list4.software__list4 { margin-top: 12px; }
 .software__list4.fm_software__list4 .software__list_li { width: calc(100% / 2); }
 .software__list4.fm_software__list4 .software__list_li a[target="_blank"] .software__list_tit:after { background-size: 11px 10px; background-position: 0 3px; height: 14px; margin: 0 6.5px; width: 11px; } }
/* リンクボタン
-------------------------------------------------- */
a.fm_link_button { background: linear-gradient(90deg, #00bcd4 0%, #00bcd4 calc(100% - 80px), #23838F 80px, #23838F 100%); background-size: 100% calc(100%); border: 1px solid #00bcd4; border-radius: 5px; color: white; display: block; font-weight: bold; font-size: 24px; margin: 0px auto 20px auto; overflow: hidden; padding: 20px 120px 20px 20px; position: relative; text-align: center; text-decoration: none; width: 80%; }

a.fm_link_button:after { background-image: none; content: ""; position: absolute; top: calc(50% - 11px); right: 35px; width: 22px; height: 22px; border-top: 6px solid #fff; border-right: 6px solid #fff; transform: rotate(45deg); }

a.fm_link_button:hover, a.fm_link_button:active, .fm_link_button:hover, .fm_link_button:active { background: #00bcd4; color: #00bcd4; }

a.fm_link_button[target="_blank"] > span:after { content: ''; background-image: url(/area_common/2018shared/svg/svg_i_window_fff.svg); background-repeat: no-repeat; display: inline-block; vertical-align: top; margin: 0 0 0 7px; width: 12px; height: 19px; background-size: 12px 10px; background-position: right 9px; }

a.fm_link_button[target="_blank"]:hover > span:after { background-image: url(/area_common/2018shared/svg/svg_i_window_00bcd4.svg); }

a.fm_link_button:before { background: white; position: absolute; top: -1px; left: 0; bottom: -1px; z-index: 1; display: block; width: calc(100% - 79px); height: calc(100% + 2px); content: ""; opacity: 0; transition: .4s ease; -ms-transform: scale(0, 1); transform: scale(0, 1); -ms-transform-origin: center left; transform-origin: center left; }

a.fm_link_button:hover::before { opacity: 1; -ms-transform: scale(1, 1); transform: scale(1, 1); }

a.fm_link_button > span { position: relative; z-index: 2; }

@media screen and (max-width: 768px) { a.fm_link_button { background: linear-gradient(90deg, #00bcd4 0%, #00bcd4 calc(100% - 40px), #23838F 40px, #23838F 100%); font-size: 16px; margin: 0px auto 20px auto; padding: 10px 60px 10px 20px; transition: .6s ease; width: 100%; }
 a.fm_link_button:after { top: calc(50% - 6px); right: 10px; width: 12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }
 a.fm_link_button:hover, a.fm_link_button:active, .fm_link_button:hover, .fm_link_button:active { background: linear-gradient(90deg, white 0%, white calc(100% - 40px), #00bcd4 40px, #00bcd4 100%); background-size: 100% calc(100%); } }
/* マージン
-------------------------------------------------- */
.fm_margintb--pc30sp20 { margin-bottom: 30px; margin-top: 30px; }

@media screen and (max-width: 768px) { .fm_margintop--sp20, p.fm_margintop--sp20, ul.fm_margintop--sp20 { margin-top: 20px; }
 .fm_marginbottom--sp30, p.fm_marginbottom--sp30, ul.fm_marginbottom--sp30 { margin-bottom: 30px; } }
@media screen and (min-width: 768px) { .fm_margintb--pc30sp20 { margin-bottom: 20px; margin-top: 20px; }
 .fm_margintop--pc30, p.fm_margintop--pc30, ul.fm_margintop--pc30 { margin-top: 30px; }
 .fm_marginbottom--pc50, p.fm_marginbottom--pc50, ul.fm_marginbottom--pc50 { margin-bottom: 50px; } }
/* フォントサイズ
-------------------------------------------------- */
@media screen and (max-width: 768px) { .fm_fontsize--sp18 { font-size: 18px; } }
@media screen and (max-width: 768px) { .fm_fontsize--sp30 { font-size: 30px; } }
@media screen and (min-width: 768px) { .fm_fontsize--pc24 { font-size: 24px; } }
@media screen and (min-width: 768px) { .fm_fontsize--pc40 { font-size: 40px; } }
.fm_fontsize--8 { font-size: 8px; }

.kvn_link a .fm_color--yellow { color: yellow; }

/* ポップアップ
-------------------------------------------------- */
#popup__area .popup__area_text .fm_section_title-tit { font-size: 16px; }

#popup__area .fm_section_subtitle { font-size: 12px; margin-bottom: 8px; text-align: center; }

#popup__area .fm_link_button_list-review { margin: auto 0px; width: 100%; }

#popup__area .fm_link_button_list-review li { margin-bottom: 10px; padding: 0px; width: 100%; }

#popup__area .fm_link_button_list-review .link_button_orange { font-size: 13px; }

.fm_link_button_li-review_seminar .link_button > span { padding-left: 33px; }

.fm_link_button_li-review_seminar .link_button_orange > span:before { width: 25px; height: 28px; margin-top: -14px; background-size: 25px 28px; background-image: url(/area_common/2018shared/svg/svg_i_seminar_fff.svg); }

@media screen and (min-width: 768px), print { #popup__area .fm_popup__area_mainBox { background: white; border-radius: 5px; padding: 5px 10px 0px; }
 #popup__area .fm_popup__area_OpenButton { padding: 10px; width: 320px; }
 #popup__area .fm_popup__area_text { padding: 17px 10px 20px; width: 320px; }
 #popup__area .fm_popup__area_CloseButton { top: 5px; }
 #popup__area .fm_popup__area_OpenButton .link_button_list li .link_button { font-size: 14px; }
 .fm_link_button_li-review_seminar .link_button_orange:hover > span:before { background-image: url(/area_common/2018shared/svg/svg_i_seminar_f0831f.svg); } }
@media screen and (max-width: 768px), print { #popup__area .fm_section_subtitle { margin-bottom: 10px; } }
/* topics(top.css参考)
-------------------------------------------------- */
.fm_topics_txt { color: #000; }

.fm_topics_newsIcon { margin-bottom: 8px; }

.fm_topics_txtBox { font-size: 16px; margin-bottom: 3px; text-align: left; }

.fm_topics_txt { line-height: 1.75; }

@media screen and (max-width: 768px) { .fm_topics_newsIcon { margin-bottom: 4px; }
 .fm_topics_txtBox { font-size: 13px; }
 .fm_topics_txt { line-height: 1.7692307; } }
/* media
-------------------------------------------------- */
.fm_media { display: flex; }
.fm_media__imgWrapper { flex: 0 1 150px; margin-right: 20px; }
.fm_media__img { width: 100%; }
.fm_media__body { flex: 1; }

@media screen and (max-width: 768px) { .fm_media { display: block; }
 .fm_media__imgWrapper { margin-right: 0px; margin-bottom: 20px; max-width: 150px; } }
/* solution
-------------------------------------------------- */
.fm_solutionSummary { border: 1px solid #ddd; padding: 15px; overflow: hidden; }

.fm_solutionSummary__title { align-items: center; display: flex; margin-bottom: 30px; }

.fm_solutionSummary__title-logo { margin-right: 20px; max-width: 140px; }

.fm_solutionSummary__title-tit { font-size: 40px; }

.fm_solutionSummary__company { align-items: center; display: flex; font-size: 24px; justify-content: flex-end; }

.fm_solutionSummary__infoList { display: flex; list-style: none; margin-left: 15px; }
.fm_solutionSummary__infoList .fm_solutionSummary__infoList-li { margin-right: 10px; width: 85px; }
.fm_solutionSummary__infoList .fm_solutionSummary__infoList-li a[target="_blank"]:after { content: none; }
.fm_solutionSummary__infoList .fm_solutionSummary__infoList-li img { vertical-align: middle; }

@media screen and (max-width: 768px) { .fm_solutionSummary__title { flex-direction: row-reverse; justify-content: space-between; margin-bottom: 0px; overflow: hidden; }
 .fm_solutionSummary__title-logo { margin-right: 0px; }
 .fm_solutionSummary__title-tit { font-size: 24px; }
 .fm_solutionSummary__company { display: block; font-size: 16px; justify-content: flex-start; margin-right: 0px; }
 .fm_solutionSummary__infoList { margin-left: 0px; margin-top: 40px; } }
@media screen and (max-width: 450px) { .fm_solutionSummary__title { display: block; }
 .fm_solutionSummary__title-logo { margin-right: 0px; } }
.fm_solutionImgWrapper { margin: 0 auto; max-width: 860px; }

/* bannar
-------------------------------------------------- */
.fm_imgBanner, .fm_imgBanner--reflection { margin: 0 auto 30px auto; width: 90%; }

@media screen and (max-width: 768px) { .fm_imgBanner, .fm_imgBanner--reflection { margin-bottom: 20px; width: 100%; } }
.fm_imgBanner--reflection { overflow: hidden; position: relative; }

.fm_reflection { background-color: #fff; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; width: 30px; -webkit-transform: rotate(45deg); -webkit-animation: reflection 4s ease-in-out infinite; -moz-transform: rotate(45deg); -moz-animation: reflection 4s ease-in-out infinite; -o-transform: rotate(45deg); -o-animation: reflection 4s ease-in-out infinite; animation: fm_reflection 4s ease-in-out infinite; transform: rotate(45deg); }

@keyframes fm_reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
@-moz-keyframes fm_reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
@-o-keyframes fm_reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
@-webkit-keyframes fm_reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
/* card
-------------------------------------------------- */
.fm_movieCard { border: 2px solid #ddd; margin-bottom: 30px; width: 100%; }

.fm_movieCard__imgWrapper { height: 0; padding-top: 56.3%; position: relative; }
.fm_movieCard__imgWrapper .fm_movieCard__img { height: 100%; position: absolute; top: 0; width: 100%; }

.fm_movieCard__title { font-size: 18px; font-weight: bold; margin: 10px; }

@media screen and (max-width: 768px) { .fm_movieCard__title { font-size: 14px; } }
.fm_normalCard { background-color: #e8f2fb; margin-bottom: 60px; padding: 15px; }

.fm_normalCard__title { background-color: #00529F; color: #fff; font-size: 24px; font-weight: bold; margin: -15px -15px 15px -15px; padding: 10px; text-align: center; }

@media screen and (max-width: 768px) { .fm_normalCard__title { font-size: 16px; } }
/* color
-------------------------------------------------- */
/* title
-------------------------------------------------- */
.fm_titleExt, .fm_titleExt--circleLeft, .fm_titleExt--borderBottom { font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-top: 90px; }

@media screen and (max-width: 768px) { .fm_titleExt, .fm_titleExt--circleLeft, .fm_titleExt--borderBottom { font-size: 12px; margin-bottom: 8px; margin-top: 72px; } }
.fm_titleExt--circleLeft { padding-left: 24px; position: relative; }
.fm_titleExt--circleLeft::before { background-color: black; border-radius: 50%; content: ''; height: 18px; left: 5px; position: absolute; top: 3px; width: 18px; }

@media screen and (max-width: 768px) { .fm_titleExt--circleLeft { padding-left: 18px; }
 .fm_titleExt--circleLeft::before { height: 13.5px; left: 4px; top: 3px; width: 13.5px; } }
.fm_titleExt--borderBottom { border-bottom: 1px solid black; }

.fm_titleExt--circleLeft.fm_main1::before { background-color: #00529F; }

.fm_titleExt--borderBottom.fm_main1 { border-bottom-color: #00529F; }

.fm_titleExt--circleLeft.fm_main2::before { background-color: #e8f2fb; }

.fm_titleExt--borderBottom.fm_main2 { border-bottom-color: #e8f2fb; }

.fm_titleExt--circleLeft.fm_sub1::before { background-color: #f0831f; }

.fm_titleExt--borderBottom.fm_sub1 { border-bottom-color: #f0831f; }

.fm_titleExt--circleLeft.fm_sub2::before { background-color: #fbf1e8; }

.fm_titleExt--borderBottom.fm_sub2 { border-bottom-color: #fbf1e8; }

.fm_titleExt--circleLeft.fm_cloud::before { background-color: #00529F; }

.fm_titleExt--borderBottom.fm_cloud { border-bottom-color: #00529F; }

.fm_titleExt--circleLeft.fm_kai::before { background-color: #ff0000; }

.fm_titleExt--borderBottom.fm_kai { border-bottom-color: #ff0000; }

.fm_titleExt--circleLeft.fm_kon::before { background-color: #4784b6; }

.fm_titleExt--borderBottom.fm_kon { border-bottom-color: #4784b6; }

.fm_titleExt--circleLeft.fm_kyu::before { background-color: #8ec31f; }

.fm_titleExt--borderBottom.fm_kyu { border-bottom-color: #8ec31f; }

.fm_titleExt--circleLeft.fm_jin::before { background-color: #ecbb31; }

.fm_titleExt--borderBottom.fm_jin { border-bottom-color: #ecbb31; }

.fm_titleExt--circleLeft.fm_kot::before { background-color: #9c4998; }

.fm_titleExt--borderBottom.fm_kot { border-bottom-color: #9c4998; }

.fm_titleExt--circleLeft.fm_kou::before { background-color: #00a384; }

.fm_titleExt--borderBottom.fm_kou { border-bottom-color: #00a384; }

.fm_titleExt--circleLeft.fm_sya::before { background-color: #ee87b4; }

.fm_titleExt--borderBottom.fm_sya { border-bottom-color: #ee87b4; }

.fm_titleExt--circleLeft.fm_ken::before { background-color: #b41749; }

.fm_titleExt--borderBottom.fm_ken { border-bottom-color: #b41749; }

.fm_titleExt--circleLeft.fm_houtei::before { background-color: #004996; }

.fm_titleExt--borderBottom.fm_houtei { border-bottom-color: #004996; }

.fm_titleExt--circleLeft.fm_pih::before { background-color: #00b2b2; }

.fm_titleExt--borderBottom.fm_pih { border-bottom-color: #00b2b2; }

/* link
-------------------------------------------------- */
.fm_iconLink--arrow { background-image: url(/area_common/2018shared/svg/svg_i_link.svg); background-position: 0 8px; background-repeat: no-repeat; background-size: 16px 16px; display: inline-block; padding-left: 27px; transition: none; }

@media screen and (max-width: 768px) { .fm_iconLink--arrow { background-position: 0 5px; background-size: 14px 14px; padding-left: 23.5px; } }
/* cta
-------------------------------------------------- */
.fm_ctaArea, .fm_ctaArea--icon { background: #fffcf9; border: 1px solid #c1a69a; border-radius: 5px; margin: 60px auto; padding: 20px; width: 95%; }
.fm_ctaArea__title { border-bottom: 1px solid #A0A0A0; font-weight: bold; margin: -5px auto 40px; padding-bottom: 10px; }

.fm_ctaArea .fm_media, .fm_ctaArea--icon .fm_media { display: flex; }
.fm_ctaArea .fm_media__imgWrapper, .fm_ctaArea--icon .fm_media__imgWrapper { flex: 0 1 300px; margin-right: 20px; }
.fm_ctaArea .fm_media__img, .fm_ctaArea--icon .fm_media__img { width: 100%; }
.fm_ctaArea .fm_media__body, .fm_ctaArea--icon .fm_media__body { flex: 1; margin-bottom: 0px; }
.fm_ctaArea .fm_media__title, .fm_ctaArea--icon .fm_media__title { font-size: 16px; border-top: 5px double #f9c69a; border-bottom: 5px double #f9c69a; color: #bb7333; padding: 10px 0; margin-bottom: 20px; }
.fm_ctaArea .fm_media__txt, .fm_ctaArea--icon .fm_media__txt { margin-bottom: 0px; }

a .fm_ctaArea:hover, a .fm_ctaArea--icon:hover, a .fm_ctaArea :active, a .fm_ctaArea--icon :active { background: #fbd8b9; filter: alpha(opacity=50); opacity: 0.5; }
a .fm_ctaArea:hover .fm_media__imgWrapper, a .fm_ctaArea--icon:hover .fm_media__imgWrapper, a .fm_ctaArea :active .fm_media__imgWrapper, a .fm_ctaArea--icon :active .fm_media__imgWrapper { background: white; flex: 0 1 300px; margin-right: 20px; }

.fm_ctaArea--icon { position: relative; }
.fm_ctaArea--icon::after { content: url(/area_common/2018shared/svg/svg_i_book_fff.svg); display: block; height: 20px; left: -5px; position: absolute; top: -4px; transform: scale(1); width: 20px; }
.fm_ctaArea--icon::before { background-color: #f0831f; border: 2px solid white; border-radius: 50%; content: ''; display: block; height: 40px; left: -15px; position: absolute; text-align: center; top: -15px; width: 40px; }

.fm_icon--wp.fm_ctaArea--icon::after { left: 13px; top: -15px; }
.fm_icon--wp.fm_ctaArea--icon::before { border-radius: 5px; content: 'このページを読んでいる人へのオススメ資料'; left: 5px; top: -25px; text-align: left; width: 40%; color: #fff; font-weight: bold; padding: 5px 0 0 35px; }

.fm_icon--article.fm_ctaArea--icon::after { content: url(/area_common/2018shared/svg/svg_i_article_fff.svg); left: 13px; top: -15px; }
.fm_icon--article.fm_ctaArea--icon::before { border-radius: 5px; content: 'このページを読んでいる人へのオススメ記事'; left: 5px; top: -25px; text-align: left; width: 40%; color: #fff; font-weight: bold; padding: 5px 0 0 35px; }

.fm_icon--seminar.fm_ctaArea--icon::after { content: url(/area_common/2018shared/svg/svg_i_seminar_fff.svg); left: 13px; top: -15px; }
.fm_icon--seminar.fm_ctaArea--icon::before { border-radius: 5px; content: 'このページを読んでいる人へのオススメセミナー'; left: 5px; top: -25px; text-align: left; width: 420px; color: #fff; font-weight: bold; padding: 5px 0 0 35px; }

.fm_icon--service.fm_ctaArea--icon::after { content: url(/area_common/2018shared/svg/svg_i_article_fff.svg); left: 13px; top: -15px; }
.fm_icon--service.fm_ctaArea--icon::before { border-radius: 5px; content: 'このページを読んでいる人へのオススメサービス'; left: 5px; top: -25px; text-align: left; width: 45%; color: #fff; font-weight: bold; padding: 5px 0 0 35px; }

.fm_icon--movie.fm_ctaArea--icon::after { content: url(/area_common/2018shared/svg/svg_i_movie_fff.svg); left: -5px; top: -5px; }

@media screen and (max-width: 768px) {
	.fm_ctaArea, .fm_ctaArea--icon { padding: 10px; margin: 30px auto 0; }
	.fm_ctaArea--icon { width: 100%; }
	.fm_ctaArea .fm_media__imgWrapper, .fm_ctaArea--icon .fm_media__imgWrapper { margin-bottom: 0px; margin-top: 0px; max-width: 100px; padding-top: 0px; }
	.fm_ctaArea .fm_media__title, .fm_ctaArea--icon .fm_media__title { font-size: 14px; border: 0; padding: 0; margin-bottom: 0px; }
	.fm_ctaArea .fm_media__txt, .fm_ctaArea--icon .fm_media__txt { display: none; }
	.fm_icon--wp.fm_ctaArea--icon::before { width: 98%; height: 35px; }
	.fm_icon--article.fm_ctaArea--icon::before { width: 98%; height: 35px; }
	.fm_icon--seminar.fm_ctaArea--icon::after { top: -17px; }
	.fm_icon--seminar.fm_ctaArea--icon::before { width: 98%; height: 35px; }
	.fm_icon--service.fm_ctaArea--icon::before { width: 98%; height: 35px; }
}

/* link
-------------------------------------------------- */
a.fm_link--none { color: black; text-decoration: none; }
a.fm_link--none::after { content: none; }

/* ohter
-------------------------------------------------- */
.fm_highlightBorder { border-bottom: 1px solid #9B9B9B; border-top: 1px solid #9B9B9B; margin-bottom: 24px; margin-top: 24px; padding-bottom: 16px; padding-top: 16px; }

@media screen and (max-width: 768px) { .section_article .fm_highlightBorder, .fm_highlightBorder { margin-bottom: 16px; margin-top: 16px; padding-bottom: 12px; padding-top: 12px; } }

/*list__indent
-------------------------------------------------- */
ul.fm_list--indent { color: #525252; }

/* 2024/2/27 追記 */
.wp_best_item {
	background-color: #fff;
	border: #00529f 4px solid;
	box-shadow:rgba(0, 0, 0, 0.09) 0px 6px 9px 0px;
	padding: 20px;
	margin: 60px 0;
	position: relative;
}
.wp_best_item a {
	text-decoration: none;
}
.wp_best_item a[target="_blank"]:after {
	content: none;
}
.wp_best_item .bs_tag {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 4px 16px;
	line-height: 25px;
	font-size: 16px;
	background: #00529f;
	color: #fff;
	font-weight: bold;
}
.wp_best_item .bs_wrapper {
	display: flex;
	align-items: center;
}
.wp_best_item .bs_wrapper .bs_img {
	max-width: 300px;
	width: 100%;
	margin-right: 20px;
}
.wp_best_item .bs_wrapper .bs_body {
	width: 100%;
}
.bs_body .bs_title {
	font-weight: bold;
	font-size: 18px;
	border-bottom: solid 3px #ccc;
	position: relative;
	margin-bottom: 8px;
}
.bs_body .bs_title::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #00529f;
	bottom: -3px;
	width: 30%;
}
.bs_body .bs_btn {
	text-align: right;
}
.bs_body .bs_btn span {
	background-color: #ef5350;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 25px;
	color: #fff;
	font-weight: bold;
}
@media screen and (max-width: 800px) {
	.wp_best_item .bs_wrapper {
		flex-direction: column;
	}
	.wp_best_item .bs_wrapper .bs_img {
		margin: 0 auto 10px;
	}
}


/* 2025/01/29追記 */
/* ビデオカード */
.as_wp_best_item {
	width: 100%;
	height: auto;
	margin: 60px auto;
}

.as_wp_best_item .as_wp_best_item_title {
	width: 100%;
	height: 77px;
	padding-left: 0.1em;
	border-radius: 6px 6px 0px 0px;
	background-color: #fb9500;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.as_wp_best_item .as_wp_best_contents {
	width: 100%;
	height: auto;
	padding: 45px 0;
	background-color: #fff7e8;
	border-radius: 0 0 6px 6px;
}

.as_wp_best_contents .as_pickup_video {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-around;
	position: relative;
	margin: 15px 0;
}

.as_wp_best_contents .as_arrow_index {
	z-index: 2;
}

.as_card_video{
	border: none;
	width: calc((100% - 130px)/2);
	border-radius: 6px;
	background-color: #fff;
	position: relative;
	padding: 10px;
	border: solid 2px #fb9500;
}

.as_card_video .as_step_circle{
	width: 4rem;
	height: 4rem;
	background-color: #FB9500;
	color: #fff;
	font-family: "Noto Sans JP", 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 62.5rem;
	position: absolute;
	top: -2.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	line-height: 1.3;
	padding-top: 1rem;
}

.as_card_video .as_step_circle small {
	display: block;
	font-size: .875rem;
	letter-spacing: .1em;
	width: 100%;
}

.as_card_video .as_step_circle span {
	font-family: "Noto Sans JP", 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	font-size: 1rem;
	letter-spacing: .05em;
	display: block;
	width: 100%;
}

.as_card_video .as_wp_best_txt {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 20px 0;
}

.as_wp_best_video {
	max-width: 450px;
	width: 100%;
	margin: 0px auto;
}

.as_wp_best_video .as_bg_image {
	border: #333 1px solid;
}

.as_card_video .as_btn_lg_wrap {
	margin: 40px auto;
}

.as_card_video .as_btn_sub_balloon::before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	left: -15%;
	width: 25px;
	height: 2px;
	background-color: #f0831f;
	-webkit-transform: rotate(-60deg);
	transform: rotate(60deg);		
}

.as_card_video .as_btn_sub_balloon {
	display: block;
	position: relative;
	z-index: 2;
	padding: 9px 0;
	width: max-content;
	margin: 10px auto 5px;
	line-height: 1;
	font-weight: 700;
	font-size: 16px;
}

.as_card_video .as_btn_sub_balloon .as_font_orange {
	color: #f0831f;
}

.as_card_video .as_btn_sub_balloon::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	right: -15%;
	width: 25px;
	height: 2px;
	background-color: #f0831f;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);		
}

@media screen and (max-width: 768px)  {
	.as_wp_best_item .as_wp_best_item_title {
		font-size: 24px;
		height: 85px;
	}

	.as_wp_best_contents .as_pickup_video {
		flex-direction: column;
	}

	.as_wp_best_item .as_wp_best_contents {
		padding: 10px 0;
	}

	.as_card_video {
		width: 90%;
		margin: 35px auto;
	}

	.as_card_video .as_wp_best_txt {
		font-size: 16px;
	}

	.as_card_video .as_btn_lg_wrap {
		margin: 10px auto;
	}
}

/* 2025/02/26 追記 */
/* oneColumns 100%
-------------------------------------------------- */
.oneColumns_image_100 { width: 100%; text-align: center; }
@media screen and (min-width: 768px), print { .oneColumns_image_100 { max-width: 100%; margin: 30px auto; }}
@media screen and (max-width: 768px) { .oneColumns_image_100 { margin: 15px auto; }}

/* 2025/02/21追加 */
.as_popup__area {
	visibility:hidden;
}

#popup__area .as_popup__area_text {
	position: fixed;
	top: 20vh;
	right: -10px;
	transform: translateY(0);
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 9px 0px;
	border-radius: 10px;
	border: solid 1px #00529F;
	z-index: 1000;
}

#popup__area .as_popup__area_text a {
	text-decoration: none;
	line-height: 1;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#popup__area .popup__area-pc-area a[target="_blank"]:after { display: none;}

#popup__area .as_popup__area_text img {
	filter: brightness(0) saturate(100%) invert(19%) sepia(29%) saturate(7228%) hue-rotate(195deg) brightness(95%) contrast(105%);
	max-width: 16px;
	margin-bottom: 5px;
}
	
#popup__area .as_popup_text {
	writing-mode: vertical-rl;
	font-size: 15px;
	display: flex;
	font-weight: bold;
	color: #00529F;
	align-items: center;
}

@media screen and (max-width: 768px)  {
	#popup__area {
		display: none !important;
	}
}

/* 2025/03/18 */
/* テーブルスクロール */
.as_scroll_hint .generalTable__typeBorder td {
	padding: 8px 20px;
}
/* 2025/03/26 追記 */
.as_number_list {
	counter-reset: number;
	list-style-type: none!important;
	padding:0.5em;
}

.as_number_list li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 15px 30px;
}

.as_number_list li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #5c9ee7;
	color: white;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 45%;
	align-items: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.as_number_box {
	margin: 2em 0;
	border: solid 2px #7fa8cf;
}

.as_number_box .as_box_title {
	font-size: 24px;
	background: #7fa8cf;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}

@media screen and (min-width: 750px) {
	.wp_best_item:hover .bs_img {
		transform: scale(1.1);
	}
	.wp_best_item a:hover {
		opacity: inherit;
	}
	.bs_wrapper {
		overflow: hidden;
	}
	.bs_wrapper::before, .bs_wrapper::after {
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		margin: auto;
		transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
		opacity: 0;
		z-index: 1;
	}
	.bs_wrapper::before {
		background: rgba(0, 0, 0, .4);
		width: 100%;
		height: 100%;
	}
	.bs_wrapper::after {
		color: #fff;
		content: "Read More";
		font-size: 22px;
		font-weight: bold;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		bottom: 0;
		right: 0;
	}
	.bs_wrapper:hover::before, .bs_wrapper:hover::after {
		opacity: 1;
	}
	.wp_best_item:hover .bs_tag {
		z-index: 1;
	}
}

/* 2025/03/24 追記 */
.as_pcahub_kaikei {
	width: 80%;
	margin: 0 auto 35px auto;
}

.as_product_wrap {
	display: flex;
	justify-content: left;
	align-items: flex-start;
	margin-bottom: 35px;
}

.as_product_wrap .as_product_img {
	width: 200px;
	max-width: 100%;
	text-align: center;
}

.as_product_wrap .as_product_tag {
	display: inline;
	background: #5b9bc6ff;
	border-radius: 16px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	line-height: 1;
	padding: 5px 15px;
	text-align: left;
	width: max-content;
	max-width: 100%;
	margin-right: 10px;
}

.as_product_wrap .as_product_title {
	font-size: 20px;
	font-weight: 600;
	color: #00529f;
	display: inline;
	align-items: center;
}

.as_product_wrap .as_product_text {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 768px) {
	.as_pcahub_kaikei {
		width: 100%;
		margin-bottom: 35px;
	}

	.as_product_wrap { 
		align-items: center;
		flex-direction: column;
	}

	.as_product_wrap .as_product_title {
		font-size: 16px;
	}

	.as_product_wrap .as_product_img {
		width: 150px;
	}
}
@media screen and (max-width: 450px) { 
	.as_product_wrap .as_product_text {
		flex-direction: column;
	}
}

/* テーブル */
table.generalTable__typeBorder td.table_bg_glay { background: #eee; color:#707070 !important; }
table.generalTable__typeBorder th.table_bg_glay { background: #eee !important; }
/* 2025/05/21 追記 */
.as_table_w1000 {
	margin: 0 auto;
	max-width: 1000px;
}
/* おすすめプラン */
.as_recommend_table {
	margin-top: 60px;
}
.as_recommend_table .as_table_top {
	padding: 0.5em 1em;
	margin: 2em 0;
	border: solid 2px #ff9800;
	border-bottom: none;
	position: relative;
	text-align: center;
}
.as_recommend_table .as_rcmd_bubble {
	position: absolute;
	top: -43px;
	left: 0;
	right: 0;
	margin: -10px auto;
	padding: 3px 10px;
	background-color: #ff9800;
	color: #fff;
}
.as_recommend_table .as_rcmd_bubble:after {
	position: absolute;
	content: "";
	bottom: -6.5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 13px;
	height: 13px;
	background-color: #ff9800;
	clip-path: polygon(50% 0, 80% 50%, 50% 100%, 20% 50%);
	flex-shrink: 0;
}
.as_recommend_table .as_rcmd_table_lr {
	padding: 0.5em 1em;
	margin: 2em 0;
	border-left: solid 2px #ff9800;
	border-right: solid 2px #ff9800;
}
.as_recommend_table .as_rcmd_table_btm {
	padding: 0.5em 1em;
	margin: 2em 0;
	border-bottom: solid 2px #ff9800 !important;
	border-left: solid 2px #ff9800;
	border-right: solid 2px #ff9800;
}
.price_tbl .as_recommend_table tbody tr td:first-of-type::before {
	color: #00529f !important;
}
.price_tbl .as_recommend_table tbody td::before {
	color: #000;
}

/*印刷用
-------------------------------------------------- */
@media print {
	.casestudies .keyvisual { padding: 10px 0 !important; background-image: none !important; color: #000 !important; border-bottom: 3px solid #aaa;}
	.productinfo .keyvisual, .productinfo .article_nav, .productinfo .faq_navi, .section-pcaInfo { display: none;}
	.fm_ctaArea--icon { display: none;}
	.section { padding: 40px 0;}
	.breadcrumbs { display: none;}
}

/* 汎用
-------------------------------------------------- */
/* pc_sp_共通 */
.m_0 { margin: 0 !important;}
.m_0_auto { margin: 0 auto !important;}
/* margin_top */
.mt_1 { margin-top: 10px !important; }
.mt_2 { margin-top: 20px !important; }
.mt_3 { margin-top: 30px !important; }
.mt_4 { margin-top: 40px !important; }
/* margin_bottom */
.mb_1 { margin-bottom: 10px !important; }
.mb_2 { margin-bottom: 20px !important; }
.mb_3 { margin-bottom: 30px !important; }
.mb_4 { margin-bottom: 40px !important; }
/* margin_top_bottom */
.my_2 {margin-top: 20px !important; margin-bottom: 20px !important;}
.my_3 {margin-top: 30px !important; margin-bottom: 30px !important;}
.my_6 {margin-top: 60px !important; margin-bottom: 60px !important;}
/* margin_left_right */
.mx_1 { margin-left: 10px !important; margin-right: 10px !important;}
/* padding_left */
.ml_1 { margin-left: 10px !important;}
/* padding_right */
.mr_2 { margin-right: 20px !important;}

@media screen and (min-width: 768px), print { /* pc */
	/* margin_top */
	.mt_pc30sp15 { margin-top: 30px !important; }
	.mt_pc60sp20 { margin-top: 60px !important; }
	/* margin_bottom */
	.mb_pc30sp15 { margin-bottom: 30px !important; }
	.mb_pc60sp20 { margin-bottom: 60px !important; }
	.mb_pc20sp10 { margin-bottom: 20px !important; }
	/* margin_top_bottom */
	.my_pc30sp15 { margin-top: 30px !important; margin-bottom: 30px !important; }
	.my_pc60sp20 { margin-top: 60px !important; margin-bottom: 60px !important; }
	.pc_mr2 { margin-right: 20px !important;}
	.pc_ml3 { margin-left: 30px !important;}
}
@media screen and (max-width: 768px) { /* sp */
	/* margin_top */
	.mt_pc30sp15 { margin-top: 15px !important; }
	.mt_pc60sp20 { margin-top: 20px !important; }
	.sp_mt2 { margin-top: 20px !important; }
	/* margin_bottom */
	.mb_pc30sp15 { margin-bottom: 15px !important; }
	.mb_pc60sp20 { margin-bottom: 20px !important; }
	.mb_pc20sp10 { margin-bottom: 10px !important; }
	.sp_mb2 { margin-bottom: 20px !important; }
	/* margin_top_bottom */
	.my_pc30sp15 { margin-top: 15px !important; margin-bottom: 15px !important; }
	.my_pc60sp20 { margin-top: 20px !important; margin-bottom: 20px !important; }
}

/* padding_all */
.p_0 { padding: 0px !important;}
.p_1 { padding: 10px !important;}
.p_2 { padding: 20px !important;}
/* padding_top_bottom */
.py_2 { padding-top: 20px !important; padding-bottom: 20px !important;}
.py_4 { padding-top: 40px !important; padding-bottom: 40px !important;}
/* padding_left_right */
.px_1 { padding-left: 10px !important; padding-right: 10px !important;}
.px_2 { padding-left: 20px !important; padding-right: 20px !important;}
.px_4 { padding-left: 40px !important; padding-right: 40px !important;}
.px_5 { padding-left: 50px !important; padding-right: 50px !important;}
/* padding_left */
.pl_1 { padding-left: 10px !important;}
/* padding_top */
.pt_3 { padding-top: 30px !important;}

/* width_px */
.width_30px { width: 30px !important;}
.width_50px { width: 50px !important;}
.width_100px { width: 100px !important;}
.width_max_300px { max-width: 300px !important;}
/* width_％ */
.width_10 { width: 10% !important;}
.width_20 { width: 20% !important;}
.width_30 { width: 30% !important;}
.width_40 { width: 40% !important;}
.width_50 { width: 50% !important;}
.width_60 { width: 60% !important;}
.width_70 { width: 70% !important;}
.width_80 { width: 80% !important;}
.width_90 { width: 90% !important;}
.width_100 { width: 100% !important;}
@media screen and (max-width: 768px) {
	.width_sp_100 { width: 100% !important;}
}

/* 背景色 */
.bgc_lightglay { background-color: #eee !important;}
.bgc_lightblue { background-color: #F4FBFF !important;}
.bgc_lightyellow { background-color: #fffbe7 !important;}
.bgc_darkblue { background-color: #000B64 !important;}
.bgc_darkgray { background-color: #ccc !important;}
.bgc_skygray { background-color: #D9E5E8 !important;}
.bgc_white { background-color: #fff !important;}
.bgc_snowwhite { background-color: #f1f1f1 !important;}
.bgc_mustard { background-color: #c0a547 !important;}
.bgc_emerald { background-color: #00a384 !important;}
.bgc_blueguimet { background-color: #00529f !important;}
.bgc_gialloburro { background-color: #EFE8C2 !important;}

/* 文字色 */
.fc_black { color: #000 !important;}
.fc_white { color: #fff !important;}
.fc_gray { color: #808080 !important;}
.fc_red { color: #f00 !important;}
.fc_deepred { color: #a52a2a !important;}
.fc_blue { color: #00529f !important;}
.fc_green { color: #6BBC6E !important}

/* 位置 */
.text__left { text-align: left !important;}
.text__center { text-align: center !important;}
.text__right { text-align: right !important;}

/* スタイル */
.fst_italic { font-style: italic !important;}
.fst_normal { font-style: normal !important;}

/* 太さ */
.fw_lighter { font-weight: lighter !important;}
.fw_light { font-weight: 300 !important;}
.fw_normal { font-weight: 400 !important;}
.fw_medium { font-weight: 500 !important;}
.fw_semibold { font-weight: 600 !important;}
.fw_bold { font-weight: 700 !important;}
.fw_bolder { font-weight: bolder !important;}

@media screen and (min-width: 768px), print {
	/* 文字サイズ */
	.fs_pc12 { font-size: 12px !important;}
	.fs_pc13 { font-size: 13px !important;}
	.fs_pc16 { font-size: 16px !important;}
	.fs_pc20 { font-size: 20px !important;}
	.fs_pc28 { font-size: 28px !important;}
	.fs_pc36 { font-size: 36px !important;}
	.fs_pc48 { font-size: 48px !important;}
	.fs_pc60 { font-size: 60px !important;}
}
@media screen and (max-width: 768px) {
	/* 位置 */
	.text_sp_left { text-align: left !important;}
	.text_sp_center { text-align: center !important;}
	.text_sp_right { text-align: right !important;}

	/* 文字サイズ */
	.fs_sp8 { font-size: 8px !important;}
	.fs_sp9 { font-size: 9px !important;}
	.fs_sp12 { font-size: 12px !important;}
	.fs_sp14 { font-size: 14px !important;}
	.fs_sp16 { font-size: 16px !important;}
	.fs_sp24 { font-size: 24px !important;}
	.fs_sp28 { font-size: 28px !important;}
	.fs_sp34 { font-size: 34px !important;}
}

/* 線 */
.border_double_b5 { border-bottom: 5px double #ccc;}

/* display */
.d_none { display: none !important;}
.d_inline { display: inline !important;}
.d_block { display: block !important;}
.d_flex { display: flex !important;}
.d_contents { display: contents !important;}
.d_unset { display: unset !important;}

@media screen and (min-width: 768px), print { /* pc */
	.d_pc_block { display: block !important;}
	.d_pc_none { display: none !important;}
}
@media screen and (max-width: 768px) { /* sp */
	.d_sp_block { display: block !important;}
	.d_sp_none { display: none !important;}
}

.flex_direction_row { flex-direction: row !important;}
.flex_direction_column { flex-direction: column !important;}
.flex_direction_row_reverse { flex-direction: row-reverse !important;}
.flex_direction_column_reverse { flex-direction: column-reverse !important;}

.align_items_start { align-items: flex-start !important;}
.align_items_end { align-items: flex-end !important;}
.align_items_center { align-items: center !important;}
.align_items_stretch {align-items: stretch !important;}

.justify_content_start { justify-content: flex-start !important;}
.justify_content_end { justify-content: flex-end !important;}
.justify_content_center { justify-content: center !important;}
.justify_content_between { justify-content: space-between !important;}

.align_content_start { align-content: start !important;}
.align_content_end { align-content: end !important;}
.align_content_center { align-content: center !important;}
.align_content_between { align-content: between !important;}

.flex_wrap { flex-wrap: wrap !important;}
.flex_nowrap { flex-wrap: nowrap !important;}
.flex_wrap_reverse { align-content: center !important;}

@media screen and (min-width: 768px), print { /* pc */
	.pc_flex_direction_row { flex-direction: row !important;}
	.pc_flex_direction_column { flex-direction: column !important;}
	.pc_flex_direction_row_reverse { flex-direction: row-reverse !important;}
	.pc_flex_direction_column_reverse { flex-direction: column-reverse !important;}

	.pc_align_items_start { align-items: flex-start !important;}
	.pc_align_items_end { align-items: flex-end !important;}
	.pc_align_items_center { align-items: center !important;}
	
	.pc_justify_content_start { justify-content: flex-start !important;}
	.pc_justify_content_end { justify-content: flex-end !important;}
	.pc_justify_content_center { justify-content: center !important;}
	
	.pc_align_content_start { align-content: start !important;}
	.pc_align_content_end { align-content: end !important;}
	.pc_align_content_center { align-content: center !important;}
	.pc_align_content_between { align-content: between !important;}
	
	.pc_flex_wrap { flex-wrap: wrap !important;}
	.pc_flex_nowrap { flex-wrap: nowrap !important;}
	.pc_flex_wrap_reverse { align-content: center !important;}
}
@media screen and (max-width: 768px) { /* sp */
	.sp_flex_direction_row { flex-direction: row !important;}
	.sp_flex_direction_column { flex-direction: column !important;}
	.sp_flex_direction_row_reverse { flex-direction: row-reverse !important;}
	.sp_flex_direction_column_reverse { flex-direction: column-reverse !important;}

	.sp_align_items_start { align-items: flex-start !important;}
	.sp_align_items_end { align-items: flex-end !important;}
	.sp_align_items_center { align-items: center !important;}
	
	.sp_justify_content_start { justify-content: flex-start !important;}
	.sp_justify_content_end { justify-content: flex-end !important;}
	.sp_justify_content_center { justify-content: center !important;}
	
	.sp_align_content_start { align-content: start !important;}
	.sp_align_content_end { align-content: end !important;}
	.sp_align_content_center { align-content: center !important;}
	.sp_align_content_between { align-content: between !important;}
	
	.sp_flex_wrap { flex-wrap: wrap !important;}
	.sp_flex_nowrap { flex-wrap: nowrap !important;}
	.sp_flex_wrap_reverse { align-content: center !important;}
}
/* 2025/11/06追加 */
.black_badge {
	color: #fff;
	font-weight: bold;
	background-color: #000;
	padding: 2px 10px;
	border-radius: 10px;
}