@charset "utf-8";
html {
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body {
	min-width: 0;
	-webkit-overflow-scrolling: touch;
	color: #333333;
}
* { -webkit-text-size-adjust: none; }
a,span { text-indent: 0; }
a:link,a:visited,a:hover { color: #1e95d4; }
a[href^='tel'],
a[href^='tel']:hover {
	cursor: default;
	text-decoration: none;
	color: #333333;
}
.pre-page-ttl a[href^='tel']:hover { color: #ffffff; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	a[href^='tel'],
	a[href^='tel']:hover { color: #1e95d4; }
}

/* ヘッダー
-------------------------------------------------- */
header {
	padding: 0 25px;
	box-sizing: border-box;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	width: 100%;
	left: 0;
	top: 0;
}
header.header-simple { position: static; }
header .header-inner,
header nav,
header nav .pre-nav,
header .header-inq-btn {
	display: flex;
	flex-wrap: wrap;
}
header .header-inner {
	max-width: 1200px;
	margin: 0 auto;
}
/* メニュー開閉 */
#nav-switch-chk,
header .nav-switch,
header .nav-open-bg { display: none; }
/*** ロゴ ***/
header .header-inner .header-logo {
	width: 100%;
	height: 70px;
	margin: 0 0;
	background: url('../img/ac_paid_yoshi.png') center center no-repeat;
	background-size: contain;
	text-indent: -200px;
}


.header-inner img {
	margin : 0 auto;
	width:720px;
}

/*** ナビゲーション ***/
header nav {
	flex-grow: 2;
	margin-left: 30px;
	justify-content: flex-end;
}
header nav .pre-nav {
	font-size: 15px;
	max-width: 670px;
	flex-basis: calc(100% - 145px);
	justify-content: space-between;
}
header nav .pre-nav li { text-align: center; }
header nav .pre-nav a {
	display: block;
	color: #333333;
	padding: 28px 8px 24px;
	position: relative;
	z-index: 2;
}
header nav .pre-nav a:hover { text-decoration: none; }
header nav .pre-nav li:not(.pre-nav-option) a:hover,
header nav .pre-nav .pre-nav-on a { color: #0a9b00; }
/* ボーダー */
header nav .pre-nav li > a:after,
header nav .pre-nav li > a:before {
	content: '';
	height: 2px;
	width: 0;
	display: block;
	margin-bottom: 10px;
	position: absolute;
	bottom: 10px;
	-webkit-transition: .2s;
	transition: .2s;
	overflow: hidden;
}
header nav .pre-nav li > a:before { right: 49%; }
header nav .pre-nav li > a:after {
	left: 49%;
	border-radius: 0 1px 0 0;
}
header nav .pre-nav li:hover > a:before,
header nav .pre-nav .pre-nav-on > a:before,
header nav .pre-nav li:hover > a:after,
header nav .pre-nav .pre-nav-on > a:after {
	width: 43%;
	-webkit-transition: .2s;
	transition: .2s;
}
header nav .pre-nav li:hover > a:before,
header nav .pre-nav .pre-nav-on > a:before { background-color: #009d63; }
header nav .pre-nav li:hover > a:after,
header nav .pre-nav .pre-nav-on > a:after {
	background-color: #8ec718;
	box-shadow: 18px 0 8px -9px #009d63 inset;
}
/* オプションメニュー */
header nav .pre-nav-option { position: relative; }
header nav .pre-nav-option a { font-size: 14px; }
header nav .pre-nav-option > a span:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 3px;
	border-style: solid;
	border-width: 7px 5px 0;
	border-color: #666666 transparent;
}
header nav .pre-nav-option .sub-nav {
	max-height: 0;
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	background-color: #ffffff;
	border-radius: 5px;
	width: 10em;
	text-align: center;
	position: absolute;
	z-index: 3;
	top: calc(100% - 10px);
	left: calc(50% - 5em);
	overflow: hidden;
}
header nav .pre-nav-option:hover .sub-nav {
	max-height: 500px;
	opacity: 1;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	box-shadow: 0 0 2px 1px rgba(180,180,180,0.6);
}
header nav .pre-nav-option:hover .sub-nav a {
	padding: 15px 5px;
	margin: 0;
}
header nav .pre-nav-option:hover .sub-nav a:hover,
header nav .pre-nav-option .sub-nav .pre-subnav-on {
	background-color: #e0f8d9;
	color: #0a9b00;
}
/* ログイン */
header nav .nav-login a {
	font-size: 14px;
	padding-left: 16px;
	background: url('/img/common/icon/login_00.png') left center no-repeat;
	background-size: 11px auto;
}
header nav .pre-nav .nav-login:hover > a:before { width: 50%; }
/*** ボタン ***/
header .header-inq-btn {
	background-color: #ec4f3e;
	border-radius: 3px;
	color: #ffffff;
	padding: 18px 18px 15px 14px;
	margin: -2px -10px -1px 5px;
	font-size: 14px;
	align-self: center;
	position: relative;
}
header .header-inq-btn:hover {
	text-decoration: none;
	background-color: #ff6656;
	-webkit-transition: .1s;
	transition: .1s;
}
header .header-inq-btn:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 3px);
	right: 11px;
	width: 8px;
	height: 8px;
	margin: -2px 0 0 -3px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header .header-inq-btn span { display: none; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	header .header-inner { justify-content: space-between; }
	header .header-inner .header-logo {
		margin: 0 0;
	}
	/*** メニュー開閉ボタン ***/
	header .nav-switch {
		align-self: center;
		height: 26px;
		width: 35px;
		display: block;
		cursor: pointer;
		position: relative;
	}
	header .nav-switch span,
	header .nav-switch:before,
	header .nav-switch:after {
		height: 2px;
		border-radius: 3px;
		background-color: #666666;
		display: block;
		width: 100%;
	}
	header .nav-switch span { margin-top: 12px; }
	header .nav-switch:before,
	header .nav-switch:after {
		content: '';
		position: absolute;
		-webkit-transition: .2s;
		transition: .2s;
	}
	header .nav-switch:before { bottom: 0; }
	header .nav-switch:after { top: 0; }
	/* 開いたとき */
	#nav-switch-chk:checked ~ header .nav-switch span { width: 0; }
	#nav-switch-chk:checked ~ header .nav-switch:before,
	#nav-switch-chk:checked ~ header .nav-switch:after {
		-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: .3s;
		transition: .3s;
		top: 14px;
	}
	#nav-switch-chk:checked ~ header .nav-switch:before {
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#nav-switch-chk:checked ~ header .nav-switch:after {
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	/*** メニュー ***/
	header nav .pre-nav li > a:before,
	header nav .pre-nav li > a:after,
	header nav .pre-nav-option > a { display: none; }
	header nav,
	header nav .pre-nav,
	header .header-inq-btn { display: block; }
	header nav {
		max-height: 0;
		overflow: hidden;
		width: 100%;
		background-color: #1e323b;
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		-webkit-transition: max-height .3s linear;
		transition: max-height .3s linear;
		z-index: 99;
	}
	#nav-switch-chk:checked ~ header nav { /* 開いたとき */
		max-height: calc(100vh - 50px);
		overflow-x: hidden;
		overflow-y: auto;
		border-bottom: 1px #728691 solid;
		-webkit-transition: max-height .3s linear;
		transition: max-height .3s linear;
		-webkit-overflow-scrolling: touch;
	}
	header nav .pre-nav {
		max-width: 100%;
		margin: 0;
	}
	header nav .pre-nav li,
	header nav .pre-nav-option .sub-nav { text-align: left; }
	header nav .pre-nav-option .sub-nav {
		opacity: 1;
		max-height: 500px;
		position: static;
		width: 100%;
		background-color: #1e323b;
		border-radius: 0;
	}
	header nav .pre-nav a { color: #ffffff; }
	header nav .pre-nav a,
	header nav .pre-nav-option:hover .sub-nav a {
		padding: 14px 10px 12px 25px;
		border-bottom: 1px #728691 solid;
	}
	/* 矢印 */
	header nav .pre-nav li > a:before,
	header nav .pre-nav-option .sub-nav a:before {
		content: '';
		position: static;
		display: inline-block;
		vertical-align: middle;
	}
	header nav .pre-nav li:not(.nav-login) > a:before,
	header nav .pre-nav-option .sub-nav a:before {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border-top: 2px #ffffff solid;
		border-right: 2px #ffffff solid;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header nav .pre-nav li:hover > a:before,
	header nav .pre-nav .pre-nav-on > a:before { background-color: transparent; }
	header nav .pre-nav li:not(.nav-login):hover > a:before { width: 8px; }
	/* ログインアイコン */
	header nav .pre-nav .nav-login a { background: none; }
	header nav .pre-nav .nav-login a:before {
		width: 14px;
		height: 14px;
		margin: 0 8px 0 0;
		background: url('/img/common/icon/login_01.png') left center no-repeat;
		background-size: contain;
	}
	header nav .pre-nav .nav-login:hover a:before { width: 14px; }
	/* hover */
	header nav .pre-nav li:not(.pre-nav-option) a:hover,
	header nav .pre-nav .pre-nav-on a,
	header nav .pre-nav-option:hover .sub-nav a:hover,
	header nav .pre-nav-option .sub-nav .pre-subnav-on {
		color: #ffffff;
		background-color: #718590;
	}
	header nav .pre-nav-option:hover .sub-nav { box-shadow: none; }
	/* ボタン */
	header .header-inq-btn {
		margin: 15px auto;
		max-width: 400px;
		width: calc(100% - 80px);
		text-align: center;
		font-size: 17px;
		font-weight: bold;
	}
	header .header-inq-btn:after { right: 15px; }
	header .header-inq-btn span { display: inline; }
	/* 開いてる時の背景 */
	#nav-open-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 2;
		top: 0;
		left: 0;
		cursor: default;
		display: none;
	}
	#nav-switch-chk:checked ~ #nav-open-bg { display: block; }
}

/* フッター
-------------------------------------------------- */
footer { background-color: #1e323b; }
footer .ft-p-area {
	max-width: 1200px;
	margin: 0 auto;
}
/*** Paidコンテンツ ***/
footer .ft-p-area {
	display: flex;
	justify-content: center;
	padding: 45px 30px;
}
footer .ft-p-area a {
	color: #efefef;
	display: block;
	padding: 4px 0 4px 0;
	font-size: 12px;
	margin-left: 2px;
}
footer .ft-p-area a:hover span { text-decoration: underline; }
footer .ft-p-area > div{
	    padding-bottom: 30px;
}
footer .ft-p-area > div:not(:first-of-type) { padding-left: 40px;}
footer .ft-p-area .ft-p-linkcap {
	color: #fff;
	margin-bottom: 12px;
	font-weight: bold;
	padding: 0 20px 4px 0;
	font-size: 13px;
	border-bottom: 1px solid #76848c;
}
footer .ft-p-area .ft-p-linkcap:not(:first-of-type) {
	padding-top: 1.4em;
}
footer .ft-p-area .ft-p-linklist {
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
}
footer .ft-p-area .ft-p-linklist:not(:first-of-type) {
	border-left: 1px solid #4e5a61;
	padding: 0 20px 0 1em;
	margin-left: 20px;
}
footer .ft-p-area .ft-p-linklist:nth-child(n+4) {
	margin-left: 0;
}
footer .ft-p-area .ft-p-area-left {
	display: block;
	text-align: center;
}
footer .ft-p-area .ft-p-area-left a {
	box-sizing: border-box;
	position: relative;
	border: 1px #76848c solid;
	border-radius: 5px;
	background: url(/img/common/icon/question_00.png) top calc(50% - 1.7em) center / 84px auto no-repeat;
	transition: background-color 0.2s;
	background-color: #18272e;
	display: block;
	padding: 85px 20px 40px;
}
footer .ft-p-area .ft-p-area-left a:hover { background-color: #27424e; }
footer .ft-p-area .ft-p-area-left a:hover,
footer .ft-p-area .ft-p-area-left a:hover > span { text-decoration: none; }
footer .ft-p-area .ft-p-area-center .ft-p-area-center-top { padding-bottom: 30px; }
/*** その他のコンテンツ ***/
footer .ft-p-area .ft-p-other { padding-bottom: 0; }
footer .ft-p-area .ft-p-other a:hover { text-decoration: none; }
/* お役立ちコンテンツ、Vacks */
footer .ft-p-area .ft-p-other .ft-p-useful,
footer .ft-p-area .ft-p-other .ft-p-vacks {
	display: block;
	padding: 3px 0 3px 55px;
}
footer .ft-p-area .ft-p-other .ft-p-useful:hover,
footer .ft-p-area .ft-p-other .ft-p-vacks:hover { text-decoration: underline; }
/* お役立ちコンテンツ */
footer .ft-p-other .ft-p-useful {
	background: url('/img/common/icon/footer_useful_00.png') left center / 50px auto no-repeat;
}
/* Vacks */
footer .ft-p-other .ft-p-vacks {
	background:
		url('/img/common/icon/icon_footer_vacks.png') left center / 45px auto no-repeat,
		url('/img/common/icon/window_link_00.png') right 2px center / 11px no-repeat
	;
	padding-right: 16px;
}
/* 代理店 */
footer .ft-p-other .ft-p-partner {
	display: inline-block;
	border: 1px #76848c solid;
	border-radius: 3px;
	padding: 13px 20px 13px 55px;
	margin-top: 20px;
	min-width: 210px;
	background: url('/img/common/icon/hands_00.png') left calc(50% - 6.2em) center / 25px auto no-repeat;
	transition: background-color 0.2s;
	box-sizing: border-box;
	position: relative;
}
footer .ft-p-other .ft-p-partner:hover { background-color: #27424e; }
/* facebook,twitter */
footer .ft-p-other .ft-p-sns {
	display: inline-block;
	padding: 0 0 0 17px;
	height: 15px;
	line-height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	white-space: nowrap;
	-webkit-transition: .2s;
	transition: .2s;
	border: none;
	color: #c3d2d9;
}
footer .ft-p-other .ft-p-sns:hover { opacity: 0.7; }
footer .ft-p-other .ft-p-fb { background-image: url('/img/common/icon/icon_footer_fb.png'); }
footer .ft-p-other .ft-p-tw {
	background-image: url('/img/common/icon/icon_footer_tw.png');
	padding-left: 18px;
	margin-left: 10px;
}
/*** グループサービス ***/
footer .ft-g-area {
	background-color: #222222;
	padding: 40px;
}
footer .ft-g-area,
footer .ft-g-area a { color: #cccccc; }
footer .ft-g-area .ft-g-ttl,
footer .ft-g-area .ft-g-srvc {
	max-width: 850px;
	margin: 0 auto;
}
footer .ft-g-area .ft-g-srvc {
	display: flex;
	justify-content: center;
}
footer .ft-g-area .ft-g-srvc-box {
	flex-basis: 33%;
	padding: 0 15px;
}
footer .ft-g-area .ft-g-cap {
	border-bottom: 1px #575757 solid;
	margin: 20px auto 18px;
	padding-bottom: 2px;
}
footer .ft-g-area .ft-g-srvc-box ul { font-weight: bold; }
footer .ft-g-area .ft-g-srvc-box ul:not(.ft-g-sublist) > li {
	padding-left: 33px;
	background-position: left top 4px;
	background-repeat: no-repeat;
	background-size: 22px auto;
}
footer .ft-g-area .ft-g-srvc-box ul:not(.ft-g-sublist) > li:not(:first-child) { margin-top: 18px; }
footer .ft-g-area .ft-g-srvc-box .ft-g-subtxt {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.2;
}
/* 個別ロゴ */
footer .ft-g-area .ft-g-srvc-box .ft-g-sd { background-image: url('/img/common/icon/sd_icon01.svg'); }
footer .ft-g-area .ft-g-srvc-box .ft-g-factory { background-image: url('/img/common/icon/sdfactory_icon01.svg'); }
footer .ft-g-area .ft-g-srvc-box .ft-g-corec { background-image: url('/img/common/icon/corec_icon01.svg'); }
footer .ft-g-area .ft-g-srvc-box .ft-g-paid { background-image: url('/img/common/icon/paid_icon01.svg'); }
footer .ft-g-area .ft-g-srvc-box .ft-g-tg {
	background-image: url('/img/common/icon/tg_icon01.svg');
	background-size: 24px auto!important;
}
footer .ft-g-area .ft-g-srvc-box .ft-g-uri { background-image: url('/img/common/icon/uri_icon00.svg'); }
footer .ft-g-area .ft-g-srvc-box .ft-g-rnt { background-image: url('/img/common/icon/rnt_icon00.svg'); }
/* サブサービス */
footer .ft-g-area .ft-g-srvc-box .ft-g-sublist { margin-top: 6px; }
footer .ft-g-area .ft-g-srvc-box .ft-g-sublist li {
	list-style: disc inside;
	padding: 2px 0 2px 13px;
	text-indent: -11px;
}
/*** ページトップ ***/
#page-top {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}
#page-top p {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#page-top a {
	width: 50px;
	height: 50px;
	background-color: #009c64;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	bottom: 50px;
	opacity: 0.7;
}
#page-top a:hover {
	opacity: 0.9;
	transition: .2s;
}
#page-top a:before {
	content: '';
	display: block;
	flex-basis: 12px;
	height: 12px;
	border-left: 2px #ffffff solid;
	border-top: 2px #ffffff solid;
	margin-top: 5px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 1px;
}
/*** SSL、コピーライト ***/
footer .ft-c-info {
	background-color: #222222;
	color: #cccccc;
	text-align: center;
	font-size: 12px;
	line-height: 1.3;
}
footer .ft-c-info .ft-copyright {
	font-size: 10px;
	margin: 0;
	padding-bottom: 3px;
}
/*** シンプル ***/
footer.footer-simple { padding: 50px 15px; }
footer.footer-simple .ft-c-info {
	background-color: transparent;
	color: #708590;
}
footer.footer-simple .ft-c-info .ft-copyright { margin-top: 15px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** Paidコンテンツ ***/
	footer .ft-p-area {
		flex-direction: column;
		padding: 10px 30px 40px;
		width: 86%;
	}
	footer .ft-p-area > div { padding-bottom: 0;}
	footer .ft-p-area > div:not(:first-of-type) { padding-left: 0; }
	footer .ft-p-area .ft-p-linkcap {
		text-align: center;
		margin: 30px auto 8px;
		border-bottom: none;
		padding-right: 0;
	}
	footer .ft-p-area .ft-p-linkcap:not(:first-of-type) {
		margin-top: 30px;
		padding-top: 0;
	}
	footer .ft-p-area .ft-p-linklist:not(:first-of-type) {
		border-left: none;
		padding: 0;
		margin-left: 0;
	}
	footer .ft-p-area .ft-p-linklist,
	footer .ft-p-area .ft-p-linklist li {
		border-color: #40525b;
		border-style: solid;
	}
	footer .ft-p-area .ft-p-linklist {
		display: flex;
		flex-wrap: wrap;
		border-width: 1px 0 0;
		padding-right: 0;
	}
	footer .ft-p-area .ft-p-linklist li,
	footer .ft-p-area .ft-p-linklist li.full-link ~ li:nth-child(2n) {
		flex-basis: 50%;
		box-sizing: border-box;
		border-width: 0 1px 1px 1px;
		text-align: center;
		background: #15262d;
	}
	footer .ft-p-area .ft-p-linklist li:nth-child(2n),
	footer .ft-p-area .ft-p-linklist li.full-link ~ li:nth-child(2n + 1) {
		flex-basis: calc(50%);
		border-width: 0 1px 1px 0;
	}
	*::-ms-backdrop, footer .ft-p-area .ft-p-linklist li:nth-child(2n) { flex-basis: calc(50% - 3px); }
	*::-ms-backdrop, footer .ft-p-area .ft-p-linklist li.full-link ~ li:nth-child(2n + 1) { flex-basis: calc(50% - 3px); }
	footer .ft-p-area .ft-p-linklist li.full-link {
		flex-basis: 100%;
		text-align: center;
		border-width: 0 1px 1px 1px;
	}
	footer .ft-p-area .ft-p-linklist a {
		padding: 17px 35px 15px 18px;
		position: relative;
		margin: 0;
		color: #fff;
	}
	footer .ft-p-area .ft-p-linklist a:hover{
		background-color: #27424e;
		-webkit-transition: .2s;
		transition: .2s;
	}
	footer .ft-p-area .ft-p-area-left a:after,
	footer .ft-p-area .ft-p-linklist a:after,
	footer .ft-p-area .ft-p-other a:not(.ft-p-sns):after {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px #ccc solid;
		border-right: 2px #ccc solid;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 17px;
		top: calc(50% - 4px);
	}
	footer .ft-p-area .ft-p-tsorder { order: -1; }
	footer .ft-p-area .ft-p-other {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	footer .ft-p-area .ft-p-linkcap,
	footer .ft-p-area .ft-p-partner { width: 100%; }
	footer .ft-p-area .ft-p-other a:not(.ft-p-sns) p { line-height: 2em; }
	footer .ft-p-area .ft-p-area-left { margin-top: 55px; }
	footer .ft-p-area .ft-p-area-left a {
		background: url(/img/common/icon/question_00.png) left calc(50% - 7.7em) center / 60px auto no-repeat;
		padding: 30px 20px 20px 45px;
		width: 100%;
		font-size: 14px;
	}
	/* お役立ちコンテンツ、vacks */
	footer .ft-p-area .ft-p-other .ft-p-useful,
	footer .ft-p-area .ft-p-other .ft-p-vacks {
		border: 1px #40525b solid;
		background: #15262d;
		text-align: center;
		box-sizing: border-box;
		margin: 0;
		padding: 17px 24px 15px 10px;
		width: 50%;
		position: relative;
	}
	footer .ft-p-area .ft-p-other .ft-p-useful { border-left: 0; }
	footer .ft-p-area .ft-p-other .ft-p-useful:after,
	footer .ft-p-area .ft-p-other .ft-p-vacks:after { right: 13px!important; }
	/* 代理店 */
	footer .ft-p-area .ft-p-partner { margin-bottom: 30px; }
	footer .ft-p-other .ft-p-sns { margin: 0 12px; }
	/*** グループサービス ***/
	footer .ft-g-area { padding: 20px 20px 50px; }
	footer .ft-g-area .ft-g-srvc { display: block; }
	footer .ft-g-area .ft-g-srvc-box { padding: 0; }
}
/* SP */
@media screen and (max-width: 670px){
	footer .ft-p-area {
		padding: 10px 0 40px;
		width: 90%;
	}
	footer .ft-p-area .ft-p-linklist a {
		padding-right: 20px;
		margin-left: 0;
	}
	footer .ft-p-area .ft-p-linklist a:after { right: 13px; }
	footer .ft-c-info { font-size: 11px; }
	footer .ft-p-area .ft-p-area-left a {
		background-position: left calc(54% - 8.5em) center;
		padding: 30px 20px 20px 45px;
	}
}

/* コンテンツ（共通）
-------------------------------------------------- */
main {
	padding-top: 70px;
	min-height: calc(100vh - 670px);
	line-height: 1.4;
	display: block;
}
header.header-simple ~ main {
	padding-top: 0;
	min-height: calc(100vh - 217px);
}
.pre-in-box {
	max-width: 1200px;
	width: 86%;
	margin: 0 auto;
	padding: 0 0 100px;
}
.pre-in-box.box-w960 { max-width: 960px; }
/* パンくず */
.topic-path {
	width: 86%;
	max-width: 1200px;
	margin: 22px auto;
	font-size: 14px;
}
.topic-path li {
	display: inline;
	vertical-align: middle;
}
.topic-path li:not(:last-child):after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 8px;
	height: 8px;
	border-top: 1px #666666 solid;
	border-right: 1px #666666 solid;
	transform: rotate(45deg);
	margin: 0 13px 0 10px;
}
/* SP */
@media screen and (max-width: 670px){
	.topic-path {
		width: 92%;
		margin: 10px auto;
		font-size: 12px;
	}
	.topic-path li:not(:last-child):after {
		margin: 0 8px 0 5px;
		width: 6px;
		height: 6px;
	}
}

/****** 背景 ******/
/* グレー */
.bg-lgry { background-color: #f6f6f6; }
/*** グラデーション ***/
/* 青→緑 */
.bg-bl-grn,
.pre-page-ttl {
	background-color: #23a1c7;
/*	background: linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 60%, #13b281 100%);*/
	background: linear-gradient(30deg, #f7061f 0, #f7061f 40%, #daa300 60%, #daa300 100%);
}
/* 緑→黄緑 */
.bg-grn-ygrn {
	background-color: #00a487;
    background:linear-gradient(150deg, #00a487 0, #00a487 20%, #00a436 80%, #00a436 100%);
	color: #ffffff;
}

/****** リンク、文言系 ******/
.pre-fc-grn { color: #0a9b00; }
.pre-fc-blue { color: #1e95d4; }
.pre-fc-red { color: #ed4f3e; }
.pre-fc-blk { color: #333333!important; }
.pre-h-trans {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.pre-h-trans:hover {
	opacity: 0.7;
	text-decoration: none;
}
.pre-h-trans:hover .link-arw,
.pre-h-trans:hover .link-blank { text-decoration: underline; }
.pre-page-ttl {
	text-align: center;
	color: #ffffff;
	padding: 20px 10px;
	font-size: 28px;
	display: flex;
	flex-direction: column;
	height: 79px;
	justify-content: center;
	font-family: 'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.pre-page-ttl .page-ttl-sub {
	font-size: 15px;
	display: block;
	margin-top: 5px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
.pre-page-ttl.ttl-repletion { align-items: center; }
.pre-page-ttl.ttl-repletion .subborder {
	font-size: 15px;
	border: 1px solid #fff;
	padding: 2px 6px 1px;
	border-radius: 5px;
	margin-top: 1px;
}
.page-ttl-sub .tel-icn {
	background: url('/img/common/icon/tel_00.png') left 6px center no-repeat;
	background-size: 15px auto;
	padding-left: 25px;
	font-weight: bold;
	color: #ffffff;
}
.pre-push-txt,
.pre-push-sub,
.pre-head {
	line-height: 1.9;
	text-align: center;
}
.pre-push-txt {
	font-size: 28px;
	margin: 30px auto 20px;
	font-family: 'FP-ヒラギノUD角ゴ StdN W5','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.pre-push-sub {
	font-size: 18px;
	margin: 20px auto 40px;
}
.pre-head {
	font-size: 21px;
	margin: 35px auto 40px;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.pre-txt {
	font-size: 15px;
	line-height: 5;
}
.pre-txt-note {
	text-align: center;
	margin: 5px auto;
}
.pre-txt-note:first-child { margin-top: 0; }
.link-arw:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: -2px 2px 0 3px;
}
.link-blank {
	padding-left: 24px;
	background: url('/img/pre_login/icon_window_link_01.png') left 2px center no-repeat;
	background-size: 15px auto;
	display: inline-block;
}
.link-txt,
.link-txt:link,
.link-txt:visited {
	padding: 0 3px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
}
.link-txt:hover { text-decoration: none; }
/* 下線グラデーションタイトル */
.pre-sub-title {
	text-align: center;
	margin-bottom: 35px;
	line-height: 1.4;
}
.pre-sub-title:after {
	content: '';
	display: block;
	height: 4px;
	width: 30px;
	background-color: #8ec718;
	background:linear-gradient(90deg, #009d63 30%, #8ec718 70%);
}
main:not(#pre-index):not(#pre-buyer) .pre-sub-title {
	font-size: 21px;
	position: relative;
	padding-top: 40px;
	line-height: 1.4;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
main:not(#pre-index):not(#pre-buyer) .pre-sub-title:after {
	position: absolute;
	top: 0;
	left: calc(50% - 15px);
}

/****** 表系 ******/
.pre-tbl-basic {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 30px auto 0;
	font-size: 15px;
	line-height: 1.6;
}
.pre-tbl-basic .tbl-th,
.pre-tbl-basic .tbl-td {
	border-color: #cccccc;
	border-style: solid;
	padding: 10px 20px;
}
.pre-tbl-basic .tbl-th:first-of-type { border-width: 1px; }
.pre-tbl-basic .tbl-td:first-of-type { border-width: 1px 1px 1px 0; }
.pre-tbl-basic .tbl-th {
	flex-basis: calc(15% - 42px);
	background-color: #f6f6f6;
	border-width: 0 1px 1px 1px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.pre-tbl-basic .tbl-td {
	flex-basis: calc(85% - 41px);
	border-width: 0 1px 1px 0;
}
/****** モーダル ******/
.modal-area,
.loding-area-parent,
.modal-blk-area,
.modal-clear-area {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
}
.modal-blk-area,
.modal-clear-area { background-color: #000000; }
.modal-blk-area { opacity: 0.4; }
.modal-clear-area { opacity: 0; }
.loding-area,
.modal-area .modal-box {
	background-color: #ffffff;
	border: 1px #bfbfbf solid;
	border-radius: 5px;
	box-shadow: 0 0 15px 5px rgba(100,100,100,0.5);
	position: relative;
	margin: 0 auto;
	z-index: 99999;
}
.modal-area .modal-box {
	max-width: 600px;
	width: 90%;
	top: 10vh;
}
.loding-area {
	width: 45px;
	padding: 20px;
	top: 30vh;
}
.modal-area .modal-box.error-box { background-color: #ffe7e7; }
.modal-area .modal-box .data-table { border-top: 1px #eaeaea solid; }
.modal-area .modal-box .f-mclose {
	position: absolute;
	right: 5px;
	top: 5px;
	text-indent: -100px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	padding: 10px;
	cursor: pointer;
}
#pre-certification .modal-area .pre-fo-area { padding: 40px 0; }
.modal-area .pre-fo-area .pre-fo-errmark { font-size: 16px; }
.modal-area .modal-box .f-mclose:before,
.modal-area .modal-box .f-mclose:after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #4d4d4d;
	border-radius: 2px;
	top: 20px;
	left: 10px;
}
.modal-area .modal-box .f-mclose:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal-area .modal-box .f-mclose:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal-area .modal-box .modal-txt>p,
.modal-area .modal-box p.modal-txt {
	color: #222222;
	font-size: 16px;
}
.modal-area .modal-box .modal-txt {
	padding: 40px 35px;
	text-align: center;
}
.on-modal { overflow-y: scroll; }

/*** 会社情報モーダル ***/
/* 会社名 */
.modal-area.mem-info .modal-box .info-head {
	padding: 20px 40px;
	font-size: 18px;
	border-bottom: 1px #e3e3e3 solid;
	cursor: move;
	color: #222222;
	border-radius: 5px 5px 0 0;
	text-align: left;
}
.modal-area.mem-info .modal-box .info-head:hover { background-color: #fafafa; }

/* 情報枠 */
.modal-box .mem-info-area {
	padding: 26px 40px 30px;
	height: calc(70vh - 60px)!important;
	min-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-box .mem-info-area .data-table {
	width: 100%;
	border-top: none;
	margin-bottom: 40px;
}
.modal-area .mem-info-area .data-table th { width: 130px; }
/*** 情報テーブル ***/
.modal-area .data-table { width: 100%; }
.modal-area .data-table.t-brdr { border-top: 1px #e3e3e3 solid; }
.modal-area .data-table th,
.modal-area .data-table td {
	border-bottom: 1px #e3e3e3 solid;
	vertical-align: middle;
	text-align: left;
}
.modal-area .data-table th {
	font-weight: bold;
	padding: 10px 10px 10px 0;
}
.modal-area .data-table td { padding: 10px 0; }
.modal-area .data-table .sub-notetxt {
	color: #666666;
	font-weight: normal;
}
.modal-area .data-table input[type='text'],.data-table input[type='password'],
.modal-area .data-table input[type='tel'],.data-table input[type='number'],.data-table textarea { margin: 5px 0; }
.modal-area .data-table .add-box { margin-bottom: 5px; }

/* TAB/SP */
@media screen and (max-width: 940px) {
	main { padding-top: 50px; }
	header.header-simple ~ main { min-height: calc(100vh - 197px); }
	.pre-txt-note { margin: 15px auto; }
	.pre-in-box + div .ssl-area { margin-top: 0; }
	.pre-push-sub { margin-top: -15px; }
	.pre-head { margin-top: 20px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	.pre-in-box { padding: 0 0 60px; }
	.pre-page-ttl { font-size: 26px; }
	.pre-sub-title { margin-bottom: 30px; }
	.pre-push-txt {
		font-size: 24px;
		margin: 15px auto 35px;
	}
	.pre-head { margin-bottom: 20px; }
	.pre-txt { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px){
	.pre-in-box {
		width: 90%;
		padding: 0 0 30px;
	}
	.pre-page-ttl {
		font-size: 22px;
		padding: 0;
	}
	.pre-page-ttl .page-ttl-sub { font-size: 13px; }
	.pre-sub-title {
		margin-bottom: 25px;
		font-size: 14px;
	}
	main:not(#pre-index):not(#pre-buyer) .pre-sub-title {
		padding-top: 25px;
		margin-bottom: 25px;
		font-size: 18px;
	}
	.pre-push-txt {
		font-size: 15px;
		margin: 5px auto 20px;
	}
	.pre-push-sub {
		font-size: 14px;
		margin-bottom: 20px;
		display: grid;
	}
	.pre-head {
		font-size: 18px;
		margin: 15px auto;
	}
	.pre-txt {
		font-size: 14px;
		line-height: 1.8;
	}
	/****** 表系 ******/
	.pre-tbl-basic { display: block; }
	.pre-tbl-basic .tbl-td,
	.pre-tbl-basic .tbl-td:first-of-type { border-width: 0 1px 1px 1px; }
	/****** モーダル ******/
	.modal-box .mem-info-area,
	.modal-area.mem-info .modal-box .info-head { padding: 20px; }
	.modal-area .data-table,
	.modal-area .data-table tbody,
	.modal-area .data-table tr,
	.modal-area .data-table th,
	.modal-area .data-table td { display: block; }
	.modal-area .data-table th {
		border-bottom: 0;
		width: 100%;
		padding: 10px 0 0;
	}
	.modal-area .data-table td { padding-top: 0; }
}

/* フォーム
-------------------------------------------------- */
.pre-fo-area .pre-in-box { padding-bottom: 0; }
.pre-fo-area.pre-fo-complete .pre-in-box.pre-txt { padding: 20px 0 100px; }

/*** フォーム本体 ***/
.pre-fo-wrap {
	background-color: #f6f6f6;
	padding: 20px 20px;}

.pre-fo-wrap .pre-fo-inner {
	max-width: 720px;
	margin: 0 auto;
	line-height: 1.8;
}
.pre-fo-wrap .pre-fo-inner + .pre-fo-inner { margin-top: 45px; }
.pre-fo-wrap .pre-fo-head {
	font-size: 18px;
	margin: -5px auto 10px;
	padding-top: 15px;
}
.pre-fo-wrap .pre-fo-head:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style:  solid;
	border-color: #333333 transparent;
	border-width: 0.7em 0.4em 0;
	margin: -2px 2px 0 0;
}
.pre-fo-wrap .pre-fo-inner .pre-fo-input {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 10px 0;
	border-top: 1px #cccccc solid;
	font-size: 15px;
}
.pre-fo-wrap .pre-fo-inner .pre-fo-input:last-child { border-bottom: 1px #cccccc solid; }
.pre-fo-area.pre-fo-confirm .pre-fo-inner .pre-fo-input { padding: 13px 0 9px; }
.pre-fo-wrap .pre-fo-inner .pre-fo-cap {
	flex-basis: 220px;
	font-weight: bold;
	font-size: 15px;
	padding-right: 10px;
    padding-top: 10px;
}
.pre-fo-area.pre-fo-confirm .pre-fo-inner .pre-fo-cap { padding-top: 0; }
.pre-fo-wrap .pre-fo-inner .fo-req:before {
	content: '必須';
	display: inline-block;
	padding: 2px 5px;
	border-radius: 2px;
	background-color: #ed4f3e;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	margin-right: 10px;
	vertical-align: middle;
	line-height: 1.4;
}
.pre-fo-wrap .pre-fo-inner .pre-fotxt {
	flex-basis: calc(100% - 230px);
	word-break: break-all;
}
.pre-fo-wrap .pre-fo-ex {
	color: #666666;
	display: block;
	font-size: 13px;
	line-height: 1.2;
	margin: 4px 0 0;
}
.pre-fo-wrap input + p.pre-fo-ex { display: inline-block; }
.pre-fo-privacy {
	font-size: 14px;
	text-align: center;
	margin: 35px auto 0;
	width: 90%;
	line-height: 1.8;
}
.pre-fo-btnarea {
	text-align: center;
	margin-top: 40px;
}

/****** 入力部分 ******/
.pre-fo-area input[type='text'],
.pre-fo-area input[type='tel'],
.pre-fo-area input[type='email'],
.pre-fo-area input[type='password'],
.pre-fo-area input[type='url'],
.pre-fo-area input[type='number'],
.pre-fo-area textarea,
.pre-fo-area select {
	border: 1px #cccccc solid;
	border-radius: 5px;
	background-color: #ffffff;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 14px;
	padding: 5px 7px;
	height: 33px;
	margin: 6px 5px 6px 0;
	box-sizing: border-box;
	outline: none;
	vertical-align: middle;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* エラー 
.pre-fo-area input[type='text'].pre-fo-err,
.pre-fo-area input[type='tel'].pre-fo-err,
.pre-fo-area input[type='email'].pre-fo-err,
.pre-fo-area input[type='password'].pre-fo-err,
.pre-fo-area input[type='url'].pre-fo-err,
.pre-fo-area input[type='number'].pre-fo-err,
.pre-fo-area textarea.pre-fo-err,
.pre-fo-area select.pre-fo-err { border-color: #ed5747; }*/

/* エラー */
.pre-fo-area input[type='text'].error,
.pre-fo-area input[type='tel'].error,
.pre-fo-area input[type='email'].error,
.pre-fo-area input[type='password'].error,
.pre-fo-area input[type='url'].error,
.pre-fo-area input[type='number'].error,
.pre-fo-area textarea.error,
.pre-fo-area select.error { border-color: #ed5747; }

/* フォーカス */
.pre-fo-area input[type='text']:focus,
.pre-fo-area input[type='tel']:focus,
.pre-fo-area input[type='email']:focus,
.pre-fo-area input[type='password']:focus,
.pre-fo-area input[type='url']:focus,
.pre-fo-area input[type='number']:focus,
.pre-fo-area textarea:focus,
.pre-fo-area select:focus {
	background-color: #fafffa;
	border-color: #23a51a;
}
/* disabled */
.pre-fo-area input[type='text'][disabled],
.pre-fo-area input[type='tel'][disabled],
.pre-fo-area input[type='email'][disabled],
.pre-fo-area input[type='password'][disabled],
.pre-fo-area input[type='url'][disabled],
.pre-fo-area input[type='number'][disabled],
.pre-fo-area textarea[disabled],
.pre-fo-area select[disabled] {
	background-color: #e2e2e2;
	border-color: #c3c3c3!important;
	color: #999999;
	opacity: 1;
}
/* 入力欄の長さ */
.pre-fo-area .pre-fo-vs {
	max-width: 50px;
	width: 20%;
}
.pre-fo-area .pre-fo-s {
	max-width: 100px;
	width: 28%;
}
.pre-fo-area .pre-fo-m {
	max-width: 130px;
	width: 34%;
}
.pre-fo-area .pre-fo-s-price {
	max-width: 80px;
	width: 50%;
	text-align: right;
}
.pre-fo-area .pre-fo-l {
	max-width: 350px;
	width: 80%;
}
.pre-fo-area .pre-fo-vl { width: 100%; }
.pre-fo-area .pre-fo-imedsbl {
	font-size: 16px;
	ime-mode: disabled;
}
.pre-fo-area .pre-fo-text-m {
	max-width:200px;
	height:30px;
}
.pre-fo-area .pre-fo-text-l {
	max-width:350px;
	height: 120px;
	width: 80%;
}
.pre-fo-area .pre-fo-text-vl {
	height: 120px;
	width: 100%;
}
/* プルダウン */
.pre-fo-area select {
	background: url('/img/common/icon/min_arw_g_00.gif') right 10px center no-repeat #ffffff;
	margin-right: 0;
	padding-right: 27px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	height: auto;
}

.pre-fo-area select::-ms-expand { display: none; }
/* ラジオ・チェックボックス */
.pre-fo-area .pre-fo-inner .pre-fo-radio,
.pre-fo-area .pre-fo-inner .pre-fo-check { display: none; }
.pre-fo-area .pre-fo-inner .pre-fo-radio + label,
.pre-fo-area .pre-fo-inner .pre-fo-check + label {
	display: inline-block;
	vertical-align: middle;
	border: 1px #cccccc solid;
	border-radius: 3px;
	background-color: #ffffff;
	padding: 3px 10px 2px 8px;
	font-size: 15px;
	margin: 5px 0;
}
.pre-fo-area .pre-fo-inner .pre-fo-radio.pre-fo-err + label,
.pre-fo-area .pre-fo-inner .pre-fo-check.pre-fo-err + label { border-color: #ed5747; }
.pre-fo-area .pre-fo-inner .pre-fo-radio + label:hover,
.pre-fo-area .pre-fo-inner .pre-fo-check + label:hover { border-color: #0a9b00; }
.pre-fo-area .pre-fo-inner .pre-fo-radio:checked + label,
.pre-fo-area .pre-fo-inner .pre-fo-check:checked + label {
	color: #23a51a;
	border-color: #23a51a;
}
.pre-fo-area .pre-fo-inner .pre-fo-radio + label:before,
.pre-fo-area .pre-fo-inner .pre-fo-check:checked + label:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
	background-color: #eeeeee;
	box-shadow: 0 0 0 1px #bbbbbb;
	box-sizing: border-box;
}
.pre-fo-area .pre-fo-inner .pre-fo-radio + label:before {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 2px #eeeeee solid;
}
.pre-fo-area .pre-fo-inner .pre-fo-radio:checked + label:before {
	background-color: #666666;
}

/****** エラー ******/
.pre-fo-area .pre-error-msg {
	max-width: 720px;
	margin: 0 auto 5px;
	border: 1px #ed4f3e solid;
	padding: 9px 10px 8px;
	color: #ed4f3e;
	font-size: 14px;
	text-align: center;
	background-color: #ffffff;
	font-weight: bold;
	box-sizing: border-box;
}
.pre-fo-area .pre-error-msg .pre-fo-errmark { margin-left: 3px; }
.pre-fo-area .pre-fo-errmark {
	font-size: 14px;
	color: #ed4f3e;
	background: url("../img/icon_errmark_01.png") 1px 2px no-repeat;
	background-size: 16px auto;
	padding-left: 22px;
	line-height: 1.4;
	margin-top: 1px;
}
.pre-fo-area span.pre-fo-errmark { display: inline-block; }

/****** 注意事項 ******/
.pre-fo-area .pre-fo-attention-area {
	background-color: #eeeeee;
	border: 1px #cccccc solid;
	max-width: 650px;
	width: 80%;
	margin: 30px auto 30px;
	padding: 15px;
	font-size: 14px;
	line-height: 1.7;
}

/****** ボタン ******/
.pre-btn {
	border-radius: 10px;
	color: #ffffff!important;
	font-weight: bold;
	display: inline-block;
	position: relative;
	text-align: center;
	box-shadow: 0 1px 2px 0 rgba(100,100,100,0.5);
	box-sizing: border-box;
	white-space: nowrap;
}
.pre-btn:hover {
	text-decoration: none;
	-webkit-transition: .1s;
	transition: .1s;
}
.pre-btn:after,
.pre-btn-input:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 2px 2px 0 0;
}
.pre-btn:not(.pre-btn-back):after,
.pre-btn-input:not(.pre-btn-input-back):after {
	border-color: #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pre-btn.pre-btn-back:after,
.pre-btn-input.pre-btn-input-back:after {
	left: 17px;
	right: auto;
	border-color: #666666;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/* input */
.pre-btn-input {
	display: inline-block;
	position: relative;
}
.pre-btn-input input.pre-btn {
	border: 0;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	cursor: pointer;
	margin: 0;
	-webkit-appearance: none;
	opacity: 1;
	width: 100%;
	line-height: 1.4;
	outline: none;
}
/*** サイズ ***/
/* S */
.pre-btn.pre-btn-s,
.pre-btn-input.pre-btn-s { min-width: 170px; }
.pre-btn.pre-btn-s,
.pre-btn-input.pre-btn-s input {
	font-size: 13px;
	padding: 12px 30px 11px;
}
.pre-btn.pre-btn-s:after,
.pre-btn-input.pre-btn-s:after { right: 16px; }
/* M */
.pre-btn.pre-btn-m,
.pre-btn-input.pre-btn-m { min-width: 230px; }
.pre-btn.pre-btn-m,
.pre-btn-input.pre-btn-m input {
	font-size: 15px;
	padding: 18px 38px 15px;
}
.pre-btn.pre-btn-m:after,
.pre-btn-input.pre-btn-m:after { right: 18px; }
/* L */
.pre-btn.pre-btn-l,
.pre-btn-input.pre-btn-l { min-width: 300px; }
.pre-btn.pre-btn-l,
.pre-btn-input.pre-btn-l input {
	font-size: 17px;
	padding: 23px 48px 20px;
}
.pre-btn.pre-btn-l:after,
.pre-btn-input.pre-btn-l:after { right: 25px; }
/* LL */
.pre-btn.pre-btn-ll,
.pre-btn-input.pre-btn-ll { min-width: 350px; }
.pre-btn.pre-btn-ll,
.pre-btn-input.pre-btn-ll input {
	font-size: 18px;
	padding: 30px 55px 27px;
}
.pre-btn.pre-btn-ll:after,
.pre-btn-input.pre-btn-ll:after { right: 40px; }
/*** 色 ***/
/* 赤 */
.pre-btn.pre-btn-red { background-color: #ec4f3e; }
.pre-btn.pre-btn-red:hover { background-color: #ff6656; }
/* 青 */
.pre-btn.pre-btn-blue { background-color: #1e95d4; }
.pre-btn.pre-btn-blue:hover { background-color: #2ab2f9; }
/* グレー（戻るボタン） */
.pre-btn.pre-btn-back {
	background-color: #f3f3f3;
	color: #666666!important;
}
.pre-btn.pre-btn-back:hover { background-color: #e3e3e3; }
/* 白/青ボーダー */
.pre-btn.pre-btn-bbrdr {
	background-color: #ffffff;
	border: 1px #1e95d4 solid;
	color: #1e95d4!important;
	box-shadow: none;
}
.pre-btn.pre-btn-bbrdr:after { border-color: #1e95d4; }
.pre-btn.pre-btn-bbrdr:hover {
	background-color: #1e95d4;
	color: #ffffff!important;
}
.pre-btn.pre-btn-bbrdr:hover:after { border-color: #ffffff; }
/* 背景なし/白ボーダー */
.pre-btn.pre-btn-wbrdr {
	background-color: transparent;
	border: 1px #ffffff solid;
	box-shadow: none;
}
.pre-btn.pre-btn-wbrdr:hover { background-color: rgba(250,250,250,0.2); }
/* 灰（disabled） */
.pre-btn.pre-btn-dsbl {
	background-color: #bbbbbb;
	box-shadow: none;
}
/*** 郵便番号検索 ***/
.pre-btn-adrs {
	border-width: 1px;
	border-color: #cccccc #cccccc #888888;
	border-style: solid;
	border-radius: 3px;
	box-shadow: 0 -25px 24px -18px #cccccc inset;
	background-color: #ffffff;
	font-size: 13px;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
}
.pre-btn-adrs:hover {
	padding: 9px 10px 6px;
	border-color: #888888 #cccccc #cccccc;
}

/*** ステップ ***/
.pre-fo-step {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px auto;
	position: relative;
}
.pre-page-ttl + .pre-in-box .pre-fo-step:first-child { margin-top: 0; }
.pre-fo-area.pre-fo-complete .pre-fo-step { margin-bottom: 20px; }
.pre-fo-step:before {
	content: '';
	display: block;
	position: absolute;
	height: 3px;
	top: 10px;
	background-color: #23a1c7;
	background: linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 60%, #13b281 100%);
	z-index: 0;
}
.pre-fo-step p {
	color: #999999;
	position: relative;
	z-index: 1;
	text-align: center;
}
.pre-fo-step span {
	display: block;
	line-height: 1.8;
	width: 1.6em;
	height: 1.6em;
	border-radius: 50%;
	border: 1px #999999 solid;
	background-color: #ffffff;
	font-weight: bold;
	margin: 0 auto 5px;
	font-size: 12px;
}
/* 現在地 */
.pre-fo-step .now-step {
	color: #0a9b00;
	font-weight: bold;
}
.pre-fo-step .now-step span {
	color: #ffffff;
	background-color: #0a9b00;
	border-color: #0a9b00;
}
/* ステップごとの指定 */
/* ステップ2つ */
.pre-fo-step.step2 { max-width: 350px; }
.pre-fo-step.step2:before {
	width: 50%;
	left: 25%;
}
.pre-fo-step.step2 p { flex-basis: 50%; }
/* ステップ3つ */
.pre-fo-step.step3 { max-width: 350px; }
.pre-fo-step.step3:before {
	width: 70%;
	left: 15%;
}
.pre-fo-step.step3 p { flex-basis: 33.33%; }
/* ステップ5つ */
.pre-fo-step.step5 {
	max-width: 600px;
	font-size: 11px;
}
.pre-fo-step.step5:before {
	width: 80%;
	left: 10%;
}
.pre-fo-step.step5 p { flex-basis: 20%; }

/****** SSL ******/
.ssl-area {
	display: flex;
	flex-direction: column;
	margin: 50px auto 100px;
	padding: 0 20px;
	align-items: center;
}
.ssl-area .ssl-mark { order: -1; }
.ssl-area p {
	color: #666666;
	margin-top: 15px;
	text-align: center;
}
.ssl-area > p > span { display: inline-block; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** ステップ ***/
	.pre-page-ttl + .pre-in-box .pre-fo-step:first-child { margin-top: 10px; }
}
/* SP */
@media screen and (max-width: 670px){
	/*** フォーム本体 ***/
	.pre-fo-wrap .pre-fo-inner .pre-fo-input { display: block; }
	.pre-fo-wrap .pre-fo-inner .pre-fo-cap { padding-top: 5px; }
	.pre-fo-area.pre-fo-confirm .pre-fo-inner .pre-fo-input { padding: 11px 0; }
	/****** エラー ******/
	.pre-fo-wrap .pre-error-msg { padding: 6px 5px; }
	/*** ボタン ***/
	.pre-btn.pre-btn-s,
	.pre-btn.pre-btn-m,
	.pre-btn-input.pre-btn-s,
	.pre-btn-input.pre-btn-m {
		min-width: 170px;
		width: 100%;
		max-width: 210px;
	}
	.pre-btn.pre-btn-l,
	.pre-btn.pre-btn-ll,
	.pre-btn-input.pre-btn-l,
	.pre-btn-input.pre-btn-ll {
		min-width: 250px;
		width: 90%;
		max-width: 320px;
	}
	.pre-btn.pre-btn-ll,
	.pre-btn-input.pre-btn-ll input { padding: 30px 40px 27px; }
	.pre-fo-area.pre-fo-confirm .pre-btn-input {
		width: 43%;
		min-width: 0;
	}
}

/* ログイン、PW再設定
-------------------------------------------------- */
#pre-certification .pre-fo-area {
	max-width: 450px;
	width: 90%;
	padding: 55px 0 100px;
	margin: 0 auto;
	font-size: 15px;
}
#pre-certification .pre-fo-area input { width: 100%; }
/* PW再設定：複数アカウントリスト */
#pre-certification .pre-fo-wrap.acount-list .pre-fo-input { flex-wrap: nowrap; }
#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap {
	flex-basis: 45%;
	display: flex;
	align-items: center;
	font-weight: normal;
}
#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap label {
	margin-right: 10px;
	padding-left: 10px;
	display: flex;
	align-items: center;
}
#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap input {
	margin: 0 10px;
	cursor: pointer;
}
#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap span { white-space: nowrap; }
#pre-certification .pre-fo-wrap.acount-list .acount-id { flex-basis: 15%; }
#pre-certification .pre-fo-wrap.acount-list .acount-name { flex-basis: 40%; }
/* SP */
@media screen and (max-width: 670px){
	#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap label { width: 100%; }
	#pre-certification .pre-fo-wrap.acount-list .pre-fo-cap input { margin: 0 10px 0 0; }
	#pre-certification .pre-fo-wrap.acount-list .acount-id { margin: 3px 0 -8px; }
}
/* メール認証フォーム
-------------------------------------------------- */
.pre-fo-area.mail-verify .pre-fo-cap-ex {
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
.pre-fo-area.mail-verify .pre-fo-inner .pre-fo-input { padding: 15px 0 12px; }
.pre-fo-area.mail-verify input[type='text'] {
	width: 100%;
	max-width: none;
	height: 40px;
	font-size: 16px;
}
.pre-fo-area.mail-verify .end-icon img {
	width: 20%;
	max-width: 100px;
	min-width: 80px;
	margin-left: -30px;
}
.pre-fo-area.mail-verify .input-mail {
	font-size: 16px;
	font-weight: bold;
	word-break: break-all;
}
/* SP */
@media screen and (max-width: 670px){
	.pre-fo-area.mail-verify input[type='text'] { font-size: 14px; }
	.pre-fo-area.mail-verify input[type='submit'] { font-size: 14px; }
	.pre-fo-wrap.mail-verify .pre-fo-inner .pre-fotxt { margin-top: 0; }
	.pre-fo-area.mail-verify .pre-fo-inner .pre-fo-input { padding-top: 8px; }
}
/* トップ：お知らせリンク
-------------------------------------------------- */
#top-notice {
	background-color: #126d5d;
	padding: 12px 0;
	text-align: center;
	font-size: 15px;
}
#top-notice a,
#top-notice .sentence {
	color: #ffffff;
	padding: 6px 10px;
	display: block;
}
#top-notice a:hover span { text-decoration: underline; }
#top-notice a:before {
	content: '';
	display: inline-block;
	vertical-align: -1px;
	width: 12px;
	height: 12px;
	background: url('/img/common/icon/info_w_00.png') center center no-repeat;
	background-size: contain;
	margin-right: 8px;
}
#top-notice a.no-icon:before { content: normal;}

/* SP */
@media screen and (max-width: 670px){
	#top-notice { font-size: 14px; }
}

/* トップ
-------------------------------------------------- */
#pre-index .pre-in-box,
#pre-buyer .pre-in-box { padding: 100px 0; }
#pre-index .pre-push-txt { margin: -8px auto 60px; }
#pre-index .pre-sub-title,
#pre-buyer .pre-sub-title {
	font-weight: bold;
	font-size: 15px;
	color: #009c64;
}
#pre-index .pre-sub-title:after,
#pre-buyer .pre-sub-title:after { margin: 14px auto 0; }
/*** メイン ***/
#pre-index .pre-main {
	background-color: #23a1c7;
	background: url('/img/pre_login/index/mv_l_00.png') right calc(50% + 730px) top -195px no-repeat , url('/img/pre_login/index/mv_r_00.png') left calc(50% + 550px) top -170px no-repeat ,linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%);
	background-size: auto 150% , auto 150% , auto auto;
}
#pre-index .pre-main .pre-in-box {
	position: relative;
	text-align: center;
	padding: 75px 0 80px;
	width: 96%;
}
#pre-index .pre-main .pre-in-box > * { width: 570px; }
/* キャッチ */
#pre-index .pre-main .pre-main-catch {
	color: #ffffff;
	font-size: 31px;
	letter-spacing: 2px;
	text-align: left;
	padding-left: 30px;
	font-family: 'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-index .pre-main .pre-main-catch .main-catch {
	display: block;
	font-size: 53px;
}
#pre-index .pre-main .pre-main-txt {
	color: #ffffff;
	margin: 20px 0 35px;
}
/* その他 */
#pre-index .pre-main .pre-btn {
	width: 94%;
	max-width: 300px;
}
#pre-index .pre-main .pre-main-badge,
#pre-index .pre-main .pre-main-pc { position: absolute; }
#pre-index .pre-main .pre-main-badge {
	width: 156px!important;
	height: 156px;
	background: url('/img/pre_login/index/main_badge_00.png') center center no-repeat;
	background-size: contain;
	text-indent: -400px;
	overflow: hidden;
	left: 555px;
	top: 48px;
}
#pre-index .pre-main .pre-main-pc {
	left: 560px;
	bottom: -10px;
	width: 395px;
	height: auto;
}
/*** 企業数とロゴ ***/
#pre-index .intro-company {
	background-color: #ffffff;
	padding: 19px 20px;
	align-items: center;
	justify-content: center;
}
#pre-index .intro-company .intro-cap {
	background-color: #0a9b00;
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	letter-spacing: 2px;
	white-space: nowrap;
	flex-basis: 65px;
	height: 65px;
}
#pre-index .intro-company .intro-num {
	font-size: 20px;
	font-weight: bold;
	padding: 0 30px 0 25px;
	white-space: nowrap;
}
#pre-index .intro-company .intro-num span {
	font-size: 54px;
	margin-right: 5px;
	vertical-align: -4px;
	font-family: '新丸ゴ M JIS2004','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-index .intro-company .intro-com-list {
	border-left: 1px #cccccc solid;
	padding-left: 15px;
}
#pre-index .intro-company .intro-com-list img {
	height: 29px;
	width: auto;
	margin: 4px 15px
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** メイン ***/
	#pre-index .pre-main .pre-in-box > * { width: 100%; }
	#pre-index .pre-main .pre-main-catch {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0 auto;
	}
	#pre-index .pre-main .pre-main-catch .main-catch { order: -1; }
	#pre-index .pre-main .pre-main-catch {
		width: 18em;
		padding-left: 0.9em;
	}
	/*** 企業数とロゴ ***/
	#pre-index .intro-company {
		flex-wrap: wrap;
		padding: 20px 30px;
	}
	#pre-index .intro-company .intro-cap {
		flex-basis: auto;
		height: auto;
	}
	#pre-index .intro-company .intro-com-list {
		flex-basis: 100%;
		border-left: 0;
		border-top: 1px #cccccc solid;
		padding: 15px 0 0;
		margin-top: 13px;
	}
	#pre-index .pre-main .main-inq {
		text-align: center;
		background-color: #ffffff;
		padding-bottom: 35px;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-index .pre-in-box,
	#pre-buyer .pre-in-box { padding: 60px 0; }
	/*** メイン ***/
	#pre-index .pre-main {
		background-color: #23a1c7;
		background: url('/img/pre_login/index/mv_sp_top_00.png') right calc(50% + 280px) top -190px no-repeat , url('/img/pre_login/index/mv_sp_bottom_00.png') left calc(50% + 160px) bottom 220px no-repeat ,linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%);
		background-size: auto 54%, auto 54%, auto auto;
	}
	#pre-index .pre-main .pre-in-box { padding-bottom: 380px; }
	#pre-index .pre-main .pre-main-badge {
		left: calc(50% - 18em - 50px);
		top: 215px;
	}
	#pre-index .pre-main .pre-main-pc {
		width: 375px;
		left: calc(50% - 190px);
	}
	/*** 企業数とロゴ ***/
	#pre-index .intro-company .intro-cap { padding: 8px 10px 6px; }
	#pre-index .intro-company .intro-num { padding-top: 4px; }
	#pre-index .intro-company .intro-com-list ul {
		width: 500px;
		margin: 0 auto;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pre-index .pre-in-box,
	#pre-buyer .pre-in-box { padding: 40px 0; }
	#pre-index .pre-push-txt { margin: -8px auto 15px; }
	/*** メイン ***/
	#pre-index .pre-main {
		background-color: #23a1c7;
		background: url('/img/pre_login/index/mv_sp_top_00.png') left -140px top -100px no-repeat , url('/img/pre_login/index/mv_sp_bottom_00.png') right -65px bottom 135px no-repeat ,linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%);
		background-size: auto 47%, auto 56%, auto auto;
	}
	#pre-index .pre-main .pre-in-box {
		padding-top: 50px;
		width: 100%;
	}
	#pre-index .pre-main .pre-main-catch {
		font-size: 4.5vw;
		width: auto;
		text-align: center;
	}
	#pre-index .pre-main .pre-main-catch span:first-child { margin-right: 2vw; }
	#pre-index .pre-main .pre-main-catch .main-catch {
		font-size: 8vw;
		font-weight: bold;
		margin-left: 3vw;
	}
	#pre-index .pre-main .pre-in-box { padding-bottom: 220px; }
	#pre-index .pre-main .pre-main-badge {
		left: calc(50% - 9em - 40px);
		top: auto;
		bottom: 102px;
		width: 106px !important;
		height: 106px;
	}
	#pre-index .pre-main .pre-main-pc {
		width: 210px;
		left: calc(50% - 90px);
	}
	/*** 企業数とロゴ ***/
	#pre-index .intro-company .intro-cap {
		font-size: 15px;
		padding: 8px 2.4% 6px;
	}
	#pre-index .intro-company .intro-num {
		padding: 0 10px;
		font-size: 17px;
		font-weight: normal;
	}
	#pre-index .intro-company .intro-num span {
		font-size: 36px;
		font-weight: bold;
	}
	#pre-index .intro-company .intro-com-list ul {
		margin: 0 -8px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	#pre-index .intro-company .intro-com-list ul li { width: 27%; }
	#pre-index .intro-company .intro-com-list ul li:first-child { width: 19%; }
	#pre-index .intro-company .intro-com-list img {
		height: auto;
		width: calc(100% - 16px);
		margin: 2px 8px;
	}
}

/*** Paidとは ***/
#pre-index .about-paid {
	flex-direction: column;
	align-items: flex-end;
	background: url('/img/pre_login/index/about_00.png') left 60px center no-repeat;
	background-size: calc(100% - 550px) auto;
	padding: 30px;
	margin: -30px auto;
}
#pre-index .about-paid p { width: 400px; }
#pre-index .about-paid .about-txt {
	letter-spacing: 2px;
	margin-bottom: 50px;
}
#pre-index .about-paid .pre-btn { min-width: 200px; }

/*** サービスの特徴 ***/
#pre-index .paid-solution {
	text-align: center;
	background: url('/img/pre_login/index/bg_solution_00.png') bottom center no-repeat;
	background-size: cover;
}
#pre-index .paid-solution .solution-list {
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#pre-index .paid-solution .solution-list dl {
	box-shadow: 0 0 5px 0 rgba(100,100,100,0.4);
	flex-basis: calc(22.5% - 30px);
	margin: 0 2.5% 30px 0;
	padding: 30px 15px;
	box-sizing: content-box;
	background-color: #ffffff;
}
#pre-index .paid-solution .solution-list dl:nth-child(4),
#pre-index .paid-solution .solution-list dl:nth-child(8) { margin-right: 0; }

#pre-index .paid-solution .solution-list dt {
	font-weight: bold;
	font-size: 15px;
	color: #0a9b00;
	margin: 0 auto 8px;
}
#pre-index .paid-solution .solution-list dd { font-size: 18px; }
#pre-index .paid-solution .solution-list [class^='solution-box']:before {
	content: '';
	display: inline-block;
	width: 68px;
	height: 68px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-index .paid-solution .solution-list .solution-box-01:before { background-image: url('/img/pre_login/solution_1_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-02:before { background-image: url('/img/pre_login/solution_2_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-03:before { background-image: url('/img/pre_login/solution_3_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-04:before { background-image: url('/img/pre_login/solution_4_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-05:before { background-image: url('/img/pre_login/solution_5_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-06:before { background-image: url('/img/pre_login/solution_13_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-07:before { background-image: url('/img/pre_login/solution_8_00.png'); }
#pre-index .paid-solution .solution-list .solution-box-08:before { background-image: url('/img/pre_login/solution_14_00.png'); }

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** Paidとは ***/
	#pre-index .about-paid {
		background-size: calc(90% - 400px) auto;
		background-position: left 20px center;
	}
	/*** サービスの特徴 ***/
	#pre-index .paid-solution { background-size: auto calc(100% - 300px); }
	#pre-index .paid-solution .solution-list dl {
		flex-basis: calc(30% - 20px);
		padding: 30px 10px;
	}
	#pre-index .paid-solution .solution-list dl:nth-child(4) { margin-right: 2.5%; }
	#pre-index .paid-solution .solution-list dl:nth-child(3),
	#pre-index .paid-solution .solution-list dl:nth-child(6),
	#pre-index .paid-solution .solution-list dl:nth-child(8) { margin-right: 0; }
	#pre-index .paid-solution .solution-list dd { font-size: 16px;}
}
/* SP */
@media screen and (max-width: 670px){
	/*** Paidとは ***/
	#pre-index .about-paid {
		background-size: auto 130px;
		background-position: center top 30px;
		padding: 30px 10px;
	}
	#pre-index .about-paid p { width: 100%; }
	#pre-index .about-paid .about-txt {
		padding-top: 140px;
		margin-bottom: 20px;
		letter-spacing: 0;
	}
	#pre-index .about-paid p:not(.about-txt) { text-align: center; }
	/*** サービスの特徴 ***/
	#pre-index .paid-solution { background-size: 170% auto; }
	#pre-index .paid-solution .solution-list { margin-bottom: 15px; }
	#pre-index .paid-solution .solution-list dl {
		flex-basis: calc(50% - 8px);
		margin-bottom: 15px;
		padding: 15px 0 20px;
	}
	#pre-index .paid-solution .solution-list dl:nth-child(2n + 1) { margin-right: 15px; }
	#pre-index .paid-solution .solution-list dl:nth-child(2n) { margin-right: 0; }
	#pre-index .paid-solution .solution-list dt { font-size: 12px; }
	#pre-index .paid-solution .solution-list dd { font-size: 14px; }
	#pre-index .paid-solution .solution-list [class^='solution-box']:before {
		width: 46px;
		height: 46px;
	}
}

/*** 導入の効果 ***/
#pre-index .merit-list { margin-bottom: 45px; }
#pre-index .merit-list li {
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border: 1px #e5e5e5 solid;
	padding: 20px 5%;
	margin-bottom: 10px;
}
#pre-index .merit-list li div { max-width: 55%; }
#pre-index .merit-list li:nth-child(2n + 1):before,
#pre-index .merit-list li:nth-child(2n):after {
	content: '';
	display: block;
	width: 26%;
	height: 19vw;
	max-height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-index .merit-list li:nth-child(2n + 1):before { margin-right: 5%; }
#pre-index .merit-list li:nth-child(2n):after { margin-left: 5%; }
#pre-index .merit-list .merit-reason .merit-num {
	background-color: #009c64;
	padding: 2px 10px 0;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	min-width: 40px;
	display: inline-block;
}
#pre-index .merit-list .merit-reason span:not(.merit-num) {
	font-size: 20px;
	color: #0a9b00;
	font-weight: bold;
	margin-left: 20px;
}
#pre-index .merit-list .merit-txt {
	letter-spacing: 2px;
	font-size: 15px;
	margin-top: 35px;
}
#pre-index .merit-list .merit-01:before { background-image: url('/img/pre_login/index/merit_01.png'); }
#pre-index .merit-list .merit-02:after { background-image: url('/img/pre_login/index/merit_02.png'); }
#pre-index .merit-list .merit-03:before { background-image: url('/img/pre_login/index/merit_03.png'); }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** 導入の効果 ***/
	#pre-index .merit-list .merit-reason span:not(.merit-num) { display: block; }
	#pre-index .merit-list .merit-txt { letter-spacing: 0; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** 導入の効果 ***/
	#pre-index .merit-list li { padding: 30px; }
	#pre-index .merit-list li div { max-width: 60% }
	#pre-index .merit-list .merit-txt { margin-top: 20px; }
	#pre-index .merit-list li:nth-child(2n + 1):before,
	#pre-index .merit-list li:nth-child(2n):after {
		width: 30%;
		max-height: 140px;
	}
	#pre-index .merit-list .merit-reason span:not(.merit-num) { margin: 10px 0 0; }
}
/* SP */
@media screen and (max-width: 670px){
	/*** 導入の効果 ***/
	#pre-index .merit-list { margin-bottom: 30px; }
	#pre-index .merit-list li {
		padding: 25px 10%;
		text-align: center;
		margin-top: 30px;
		flex-direction: column;
		position: relative;
	}
	#pre-index .merit-list li div {
		max-width: 100%;
		width: 100%;
	}
	#pre-index .merit-list li:nth-child(2n+1):before,
	#pre-index .merit-list li:nth-child(2n):after {
		margin: 20px 0;
		height: 90px;
		width: 100%;
	}
	#pre-index .merit-list li:nth-child(2n):after { order: -1; }
	#pre-index .merit-list .merit-reason .merit-num {
		position: absolute;
		top: -11px;
		left: calc(50% - 25px);
		padding: 5px;
	}
	#pre-index .merit-list .merit-reason span:not(.merit-num) {
		text-align: center;
		font-size: 18px;
		margin: 5px 0 0;
	}
	#pre-index .merit-list .merit-txt {
		text-align: left;
		margin-top: 10px;
	}
}

/*** 料金 ***/
#pre-index .paid-charge .pre-push-txt { margin-bottom: 10px; }
#pre-index .paid-charge .charge-area {
	margin: 60px auto;
	justify-content: space-between;
	text-align: center;
	max-width: 1000px;
	position: relative;
}
#pre-index .paid-charge .charge-area dl {
	flex-direction: column;
	justify-content: space-between;
	padding: 45px 30px;
	position: relative;
}
#pre-index .paid-charge .charge-area:after,
#pre-index .paid-charge .charge-area dl:before {
	content: '';
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-index .paid-charge .charge-area:after {
	width: 115px;
	height: 166px;
	right: -40px;
	bottom: -65px;
	background-image: url('/img/pre_login/index/charge_00.png');
}
#pre-index .paid-charge .charge-area dt {
	border-style: solid;
	border-width: 0 0 1px;
	font-weight: bold;
	padding-bottom: 22px;
	margin-bottom: 28px;
}
#pre-index .paid-charge .charge-area .charge-num {
	font-size: 45px;
	margin-top: 8px;
}
#pre-index .paid-charge .charge-area .charge-cost:before,
#pre-index .paid-charge .charge-area .charge-handing-cost:before {
	width: 50px;
	height: 50px;
	left: calc(50% - 25px);
	top: -25px;
}
/* 保証料 */
#pre-index .paid-charge .charge-area .charge-cost {
	color: #ffffff;
	flex-basis: calc(50% - 100px);
	margin-right:10px;
	background-color: #009c64;
}
#pre-index .paid-charge .charge-area .charge-cost:first-of-type:before { background-image: url('/img/pre_login/index/charge_icn_00a.png'); }
#pre-index .paid-charge .charge-area .charge-cost:before { background-image: url('/img/pre_login/index/charge_icn_00.png'); }
#pre-index .paid-charge .charge-area .charge-cost dt { font-size: 20px; }
/* 月額費用など */
#pre-index .paid-charge .charge-area .charge-handing-cost {
	color: #009c64;
	background-color: #ecf7f5;
	flex-basis: calc(50% - 100px);
}
#pre-index .paid-charge .charge-area .charge-handing-cost dt {
	font-size: 20px;
}
#pre-index .paid-charge .charge-area .charge-handing-cost:before { background-image: url('/img/pre_login/index/charge_icn_01.png'); }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** 料金 ***/
	#pre-index .paid-charge .charge-area dl {
	padding: 45px 20px;
	}
	#pre-index .paid-charge .charge-area .charge-cost dt {
	font-size: 15px;
	padding-top: 4px;
	}
	#pre-index .paid-charge .charge-area .charge-handing-cost dt {
	font-size: 15px;
    padding-top: 4px;
	}
	#pre-index .paid-charge .charge-area .charge-num {
	font-size: 40px;
	}
	#pre-index .paid-charge .charge-area .charge-num .charge-mark {
	font-size: 25px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	/*** 料金 ***/
	#pre-index .paid-charge .pre-in-box {
		display: flex;
		flex-direction: column;
	}
	#pre-index .paid-charge .pre-push-txt + p,
	#pre-index .paid-charge .charge-area + p { order: 1; }
	#pre-index .paid-charge .pre-push-txt + p {
		font-size: 12px!important;
		margin-bottom: 30px;
	}
	#pre-index .paid-charge .charge-area {
		display: block;
		margin: 30px 10px;
	}
	#pre-index .paid-charge .charge-area .charge-cost {
		margin-right: 0;
		display: inline-block;
	}
	#pre-index .paid-charge .charge-area:after {
		display: none;
	}
	#pre-index .paid-charge .charge-area dl {
		padding: 20px 17px;
	}
	#pre-index .paid-charge .charge-area dt {
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#pre-index .paid-charge .charge-area .charge-handing-cost dt {
		font-size: 14px;
	}
	#pre-index .paid-charge .charge-area dd p {
		vertical-align: middle;
	}
	#pre-index .paid-charge .charge-area dd .co-fs15 {
		font-size: 14px!important;
	}
	#pre-index .paid-charge .charge-area .charge-num {
		font-size: 30px;
		margin: 0;
	}
	#pre-index .paid-charge .charge-area .charge-num .charge-mark {
		font-size: 15px;
		margin:0 2px;
	}
	#pre-index .paid-charge .charge-area .charge-cost {
		min-width: calc(100% / 2 - 39px);
		height: 110px;
		margin-bottom: 8px;
    }
    #pre-index .paid-charge .charge-area .charge-cost:first-of-type {
    	margin-right: 4px;
    	padding-top: 20px;
    }
    #pre-index .paid-charge .charge-area .position-sp {
    	top: 13px;
    	padding-bottom: 12px;
		padding-top: 28px;
    }
	#pre-index .paid-charge .charge-area .charge-cost dt { font-size: 14px; }
	#pre-index .paid-charge .charge-area .charge-cost .charge-protect-cost {
		padding-bottom: 20px;
	    margin-bottom: 15px;
	}
	#pre-index .paid-charge .charge-area .charge-cost dd p:first-child {
	}
	#pre-index .paid-charge .charge-area .charge-cost:before {
		width: 40px;
		height: 30px;
		left: calc(50% - 20px);
		top: -17px;
	}
	#pre-index .paid-charge .charge-area .charge-handing-cost:before { display: none; }
	#pre-index .paid-charge .charge-area .charge-cost dt span {
	display: block;
	}
	#pre-index .paid-charge .charge-area .charge-cost dt .charge-dot {
	display: none;
	}
}

@media screen and (max-width: 313px) {
	#pre-index .paid-charge .charge-area .charge-cost:first-of-type {
	margin-bottom: 5px;
	margin-right: 0;
	}
	#pre-index .paid-charge .charge-area .charge-cost { display: block }
	#pre-index .paid-charge .charge-area .charge-handing-cost { top: 15px; }
}
/*** 企業の声 ***/
#pre-index .instance-list {
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
#pre-index .instance-list a {
	background-color: #ffffff;
	border: 1px #e5e5e5 solid;
}
#pre-index .instance-list .instance-main,
#pre-index .instance-list a:not(.instance-main):before {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#pre-index .instance-list .instance-name,
#pre-index .instance-list .instance-catch { padding: 0 8px; }
#pre-index .instance-list a:hover .instance-name,
#pre-index .instance-list a:hover .instance-name span { text-decoration: underline; }
#pre-index .instance-list .instance-catch {
	letter-spacing: 1px;
	line-height: 1.8;
}
#pre-index .instance-list .instance-name:after { margin: -2px 0 0 3px; }
/* 1つ目 */
#pre-index .instance-list .instance-main {
	flex-basis: 100%;
	justify-content: center;
	align-items: flex-end;
	height: calc(96vw * 0.25 - 80px);
	height: 207px;
	flex-direction: column;
	color: #333;
	padding: 40px;
	background-image: url('/img/pre_login/index/instance_pic_cand.jpg');
	background-position: 10% top;
	position: relative;
}
#pre-index .instance-list .instance-main:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(100% - 230px);
	background-color: transparent;
	background: linear-gradient(-90deg, #fff 40%, transparent 100%);
}
#pre-index .instance-list .instance-main .instance-catch,
#pre-index .instance-list .instance-main .instance-name {
	position: relative;
	z-index: 2;
}
#pre-index .instance-list .instance-main .instance-catch {
	font-size: 26px;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-index .instance-list .instance-main .instance-name {
	font-size: 15px;
	margin-top: 5px;
	text-align: right;
    width: 50%;
    background-image: url('/img/pre_login/index/instance_cand_logo.png');
}
#pre-index .instance-list .instance-main .instance-name {
	background-position: right 1em top 15px;
	background-size: auto 40%;
}

/* 1つ目以外 */
#pre-index .instance-list a:not(.instance-main) {
	flex-basis: calc(33.33% - 15px);
	text-align: center;
	margin-top: 15px;
	padding-bottom: 22px;
}
#pre-index .instance-list a:not(.instance-main):before {
	content: '';
	display: block;
	height: 240px;
}
#pre-index .instance-list .instance-01:before { background-image: url('/img/pre_login/index/instance_chat.jpg'); }
#pre-index .instance-list .instance-02:before { background-image: url('/img/pre_login/index/instance_02.jpg'); }
#pre-index .instance-list .instance-03:before { background-image: url('/img/pre_login/index/instance_01.jpg'); }
#pre-index .instance-list a:not(.instance-main) .instance-catch {
	color: #333333;
	font-size: 15px;
	margin: 25px auto 0;
}
#pre-index .instance-list a .instance-name {
	color: #666666;
	font-size: 12px;
	padding-top: 60px;
	background-repeat: no-repeat;
    background-position: center top 20px;
    background-size: auto 40%;
}
#pre-index .instance-list .instance-01 .instance-name { background-image: url('/img/pre_login/index/instance_chat_logo_01.png'); }
#pre-index .instance-list .instance-02 .instance-name { background-image: url('/img/pre_login/index/instance_mits_logo.png'); }
#pre-index .instance-list .instance-03 .instance-name { background-image: url('/img/pre_login/index/instance_coub_logo.png'); }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** 企業の声 ***/
	#pre-index .instance-listbox {
		white-space: nowrap;
		overflow: hidden;
	}
	#pre-index .instance-list { padding-bottom: 10px; }
	#pre-index .instance-list .instance-main,
	#pre-index .instance-list a:not(.instance-main) {
		margin: 0;
		vertical-align: top;
		white-space: normal;
		padding: 0 0 14px;
	}
	#pre-index .instance-list .instance-catch {
		padding: 0 15px;
		letter-spacing: 0;
	}
	#pre-index .instance-list .instance-catch br { display: none; }
	#pre-index .instance-list .instance-name { min-height: 3em; }
	#pre-index .instance-list a .instance-name { background-size: auto 30%;}
	#pre-index .instance-list a:not(.instance-main) .instance-name {
		padding: 55px 15px 0;
		background-position: center top 15px;
		text-align: center;
	}
	/* 1つ目 */
	#pre-index .instance-list .instance-main {
		max-height: 100%;
		text-align: center;
		align-items: center;
		border: 1px #e5e5e5 solid;
		background: #ffffff;
		box-shadow: none;
		color: #333333;
		height: auto;
	}
	#pre-index .instance-list .instance-main:after { display: none; }
	#pre-index .instance-list .instance-main .instance-catch {
		font-size: 26px;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	#pre-index .instance-list .instance-main:before {
		content: '';
		display: block;
		width: 100%;
		background: url('/img/pre_login/index/instance_cand.jpg') center center no-repeat;
		background-size: cover;
	}
	#pre-index .instance-list .instance-main .instance-catch {
		color: #333333;
		font-size: 15px;
		margin: 25px auto 0;
		width: 100%;
		box-sizing: border-box;
	}
	#pre-index .instance-list .instance-main .instance-name {
		color: #666666;
		font-size: 12px;
		font-weight: normal;
		background: url('/img/pre_login/index/instance_cand_logo.png') center top 15px no-repeat;
		margin: 0;
		width: 100%;
		padding: 55px 15px 0;
		text-align: center;
		background-size: auto 30%;
	}
	/* 1つ目以外 */
	#pre-index .instance-list a:not(.instance-main):before { background-position: center center; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** 企業の声 ***/
	#pre-index .instance-list {
		margin: 0 0 30px -77vw;
		width: calc(240vw + 16vw);
	}
	#pre-index .instance-list .instance-main,
	#pre-index .instance-list a:not(.instance-main) { flex-basis: 30vw; }
	#pre-index .instance-list .instance-main:before,
	#pre-index .instance-list a:not(.instance-main):before { height: calc(30vw * 0.7); }
	#pre-index .instance-list .instance-catch { min-height: 5.4em; }
	#pre-index .instance-listbox { margin: 0 -8%; }
}
/* SP */
@media screen and (max-width: 670px){
	/*** 企業の声 ***/
	#pre-index .instance-list {
		margin: 0 0 30px -242vw;
		width: calc(640vw + 28vw);
	}
	#pre-index .instance-list .instance-main,
	#pre-index .instance-list a:not(.instance-main) { flex-basis: 80vw; }
	#pre-index .instance-list .instance-main:before,
	#pre-index .instance-list a:not(.instance-main):before { height: calc(80vw * 0.7); }
	#pre-index .instance-list .instance-catch { min-height: 3.4em; }
	#pre-index .instance-listbox { margin: 0 -5%; }
}

/*** Paidのセキュリティ ***/
#pre-index .security {
	flex-direction: column;
	max-width: 840px;
	margin: -20px auto 30px;
	padding: 20px 0;
	background: url('/img/pre_login/index/security_01.png') right 10px center no-repeat;
}
#pre-index .security p { width: 49%; }
#pre-index .security .security-mark {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	color: #666666;
	padding: 20px 0;
	margin-top: 25px;
	justify-content: center;
	align-items: center;
}
#pre-index .security .security-mark:before {
	content: '';
	display: block;
	width: 110px;
	height: calc(110px * 0.64);
	background: url('/img/pre/isms/isms_icon2_00.png') center center no-repeat;
	background-size: contain;
	margin-right: 25px;
}

/*** Paidの使いやすさ ***/
#pre-index .useful {
	justify-content: center;
	padding-bottom: 420px;
	background: url('/img/pre_login/index/pc_twn_00.png') center bottom no-repeat;
	background-size: auto 379px;
}
#pre-index .useful li,
#pre-index .useful-option {
	border: 1px #e5e5e5 solid;
	background-color: #ffffff;
}
#pre-index .useful li {
	border-radius: 50%;
	padding: 87px 25px 28px;
	font-size: 15px;
	flex-basis: 107px;
	margin: 0 6px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top 28px;
	background-size: auto 48px;
}
#pre-index .useful .useful-01 { background-image: url('/img/pre_login/index/useful_icn_00.png'); }
#pre-index .useful .useful-02 { background-image: url('/img/pre_login/index/useful_icn_01.png'); }
#pre-index .useful .useful-03 { background-image: url('/img/pre_login/index/useful_icn_02.png'); }
#pre-index .useful .useful-04 { background-image: url('/img/pre_login/index/useful_icn_03.png'); }
#pre-index .useful-option {
	padding: 25px 50px 25px 40px;
	margin-top: 30px;
	justify-content: space-between;
	align-items: center;
}
#pre-index .useful-option dt {
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
}
#pre-index .useful-option dt span {
	width: 100px;
	height: 71px;
	display: inline-block;
	vertical-align: -26px;
	background: url('/img/pre_login/index/api_00.png') center center no-repeat;
	background-size: contain;
	text-indent: -200px;
	margin-right: 18px;
	overflow: hidden;
}
#pre-index .useful-option .useful-option-txt {
	border-left: 1px #cccccc solid;
	padding: 15px 20px 15px 40px;
	margin-left: 40px;
	flex-grow: 1;
}
#pre-index .useful-option .useful-option-link .pre-btn-s { font-size: 15px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** Paidの使いやすさ ***/
	#pre-index .useful {
		background-size: contain;
		flex-wrap: wrap;
	}
	#pre-index .useful li { letter-spacing: 2px; }
	#pre-index .useful-option {
		flex-wrap: wrap;
		padding: 20px 30px 10px;
		justify-content: center;
	}
	#pre-index .useful-option dt {
		flex-basis: 100%;
		font-size: 16px;
		text-align: center;
		border-bottom: 1px #cccccc solid;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	#pre-index .useful-option .useful-option-txt {
		border-left: 0;
		flex-grow: 0;
		margin: 0;
		padding: 0 20px 10px;
	}
	#pre-index .useful-option .useful-option-link { margin-bottom: 10px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** Paidのセキュリティ ***/
	#pre-index .security { background-size: 45% auto; }
	/*** Paidの使いやすさ ***/
	#pre-index .useful { padding-bottom: calc(82vw * 0.42); }
	#pre-index .useful li {
		flex-basis: 140px;
		height: 75px;
		padding: 87px 10px 3px 15px;
		margin: 5px;
		background-size: auto 48px;
		background-position: center top 28px;
	}
	#pre-index .useful-option {
		width: 63%;
		margin: 30px auto 0;
	}
	#pre-index .useful-option dt span {
		width: 75px;
		height: 55px;
		vertical-align: -19px;
		margin-right: 13px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	/*** Paidのセキュリティ ***/
	#pre-index .security {
		padding-top: 170px;
		margin: -20px auto 10px;
		background-size: auto 150px;
		background-position: center top 20px;
	}
	#pre-index .security p { width: 100%; }
	#pre-index .security .security-mark {
		order: -1;
		margin-bottom: 15px;
		padding: 10px 0;
	}
	#pre-index .security .security-mark:before {
		width: 80px;
		height: calc(80px * 0.64);
	}
	/*** Paidの使いやすさ ***/
	#pre-index .useful { padding-bottom: calc(96vw * 0.42); }
	#pre-index .useful li {
		flex-basis: 111px;
		height: 60px;
		padding: 67px 7px 3px 12px;
		margin: 4px;
		background-size: auto 35px;
		background-position: center top 25px;
		font-size: 13px;
	}
	#pre-index .useful-option { margin: 10px auto 0; }
	#pre-index .useful-option .useful-option-txt { padding: 0 0 10px; }
}

/*** ご提案 ***/
#pre-index .consult .pre-in-box {
	align-items: flex-end;
	flex-direction: column;
	color: #ffffff;
	background: url('/img/pre_login/index/staff_00.png') left 25px bottom -60px no-repeat;
	background-size: auto 379px;
	padding-top: 80px;
}
#pre-index .consult .pre-in-box > * { width: 50%; }
#pre-index .consult .pre-in-box .pre-push-txt {
	text-align: left;
	margin: 0 0 20px;
}
#pre-index .consult .consult-inq { margin-top: 15px; }
#pre-index .consult .consult-inq a {
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
}

/*** 資料請求 ***/
#pre-index #pre-request-part .pre-push-txt span:before { content: '、'; }

/*** ニュース ***/
#pre-index .paid-news {
	padding:5px 0;
	background: #fff;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	font-size: 14px;
}
#pre-index #paidNewsDraw{
	display: flex;
	align-items: center;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding: 5px 0 ;
}
#pre-index .paid-news .title,
#pre-index .paid-news .title p,
#pre-index .paid-news .list{
	display: inline-block;
	box-sizing: border-box;
}
#pre-index .paid-news .title {
	color: #0a9b00;
	font-weight: bold;
	border-right: #ccc solid 1px;
	padding-right: 15px;
	margin-right: 15px;
	width: 5em;
}
#pre-index .paid-news .title h2 { font-weight: bold; }
#pre-index .paid-news .link-arw:after { margin: -1px 2px 0 3px; }
#pre-index .paid-news ul {
	width: calc(100% - 5em - 30px);
	overflow: visible;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #1e95d4;
	margin-right: 5em;
	height: 1.3em;
}
#pre-index .paid-news  ul li {
	padding: 0 0 3px;
	width: 680px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pre-index .paid-news  ul li span {
	margin-right: 15px;
	color: #666;
}
#pre-index .paid-news .list {
	width: auto;
	margin-left: auto;
	border: solid 1px #1e95d4;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	right: -22px;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 13px;
}
#pre-index .paid-news .list a {
	padding: 2px 3px;
	display: block;
}
#pre-index .paid-news .list a:hover {
	background: #1e95d4;
	color: #fff;
	text-decoration: none;
}
#pre-index .paid-news .pre-in-box{
	padding:0;
	text-align: left;
}
.news-area .wrap {
	background: #f3f3f3;
	padding: 7px 10px;
	max-width: 960px;
	margin: 0 auto;
	border-radius: 3px;
	overflow: hidden;
}
#pre-index .paid-news a:not(:last-of-type) { border-bottom: 1px #ffffff dotted; }
#pre-index .paid-news dl { justify-content: space-between; }
#pre-index .paid-news dt,
#pre-index .paid-news dd { white-space: nowrap; }
#pre-index .paid-news dt {
	align-items: center;
	justify-content: space-between;
	flex-basis: 8em;
}
#pre-index .paid-news dd {
	padding-left: 50px;
	flex-basis: calc(100% - 11em);
	overflow: hidden;
	text-overflow: ellipsis;
}
#pre-index .paid-news .pre-btn { font-weight: normal; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** ご提案 ***/
	#pre-index .consult .pre-in-box {
		background-size: auto 255px;
		background-position: center bottom -57px;
		padding: 30px 0 200px;
	}
	#pre-index .consult .pre-in-box > *,
	#pre-index .consult .pre-in-box .pre-push-txt {
		margin: 0 auto 20px;
		width: 90%;
		text-align: center;
	}
	#pre-index .consult .pre-in-box .pre-push-txt { text-align: center; }
	#pre-index .consult .consult-inq a {
		font-size: 14px;
		padding: 14px 30px 13px 24px;
		min-width: 150px;
		border: 1px #ffffff solid;
		display: inline-block;
		border-radius: 10px;
		transition: background-color .2s;
	}
	#pre-index .consult .consult-inq a:hover { background-color: rgba(250,250,250,0.2); }
	/*** 資料請求 ***/
	#pre-index #pre-request-part .pre-push-txt span { display: block; }
	#pre-index #pre-request-part .pre-push-txt span:before { content: ''; }
	/*** ニュース ***/
	#pre-index .paid-news ul {
		display: inline-table;
		margin-right: 0;
	}
	#pre-index .paid-news  ul li {
		width: 100%;
		white-space: normal;
		overflow: visible;
	}
	#pre-index .paid-news  ul li:nth-child(n + 2) { display: none; }
	#pre-index .paid-news  ul li span { display: block; }
	#pre-index .paid-news .list {
		position: static;
		transform: none;
		padding: 0;
	}
	#pre-index .paid-news .list a {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		font-size: 11px;
		padding: 1px 2px 1px 4px;
	}
	#pre-index .paid-news .title { text-align: center; }
	#pre-index .paid-news .title p{ font-size: 15px; }
	#pre-index .paid-news .link-arw:after {
		width: 5px;
		height: 5px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	/*** 資料請求 ***/
	#pre-index .material .material-img img { height: 105px; }
	/*** ニュース ***/
	#pre-index .paid-news dl { display: block; }
	#pre-index .paid-news dt {
		display: inline-block;
		padding: 3px 0;
	}
	#pre-index .paid-news dd { padding: 0; }
}

/* 買い手様
-------------------------------------------------- */
#pre-buyer .pre-push-txt { margin-bottom: 60px; }
/* メインビジュアル */
#pre-buyer .buyer-main {
	padding: 55px 0 100px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	background-color: #23a1c7;
	background:
		url('/img/pre_login/b_mv_l_00.png') right calc(50% + 620px) top -105px no-repeat ,
		url('/img/pre_login/b_mv_r_00.png') left calc(50% + 540px) top -110px no-repeat ,
		url('/img/pre_login/bg_town_00.png') center bottom -4px no-repeat ,
		linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%)
	;
	background-size: auto 515px , auto 515px , 490px auto, auto auto;
	margin-bottom: 10px;
}
#pre-buyer .buyer-main:after {
	content: '';
	display: block;
	width: 288px;
	height: 148px;
	background: url('/img/pre_login/b_mv_pc_00.png') center center no-repeat;
	background-size: contain;
	margin: 30px auto -177px;
}
#pre-buyer .buyer-main .buyer-h1-sub {
	display: block;
	margin-bottom: 25px;
}
/*** フロー図 ***/
#pre-buyer .buyer-flow-wrap,
#pre-buyer .buyer-flow {
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
#pre-buyer .buyer-flow-wrap {
	max-width: 700px;
	margin: 40px auto 60px;
}
#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) {
	flex-basis: 40%;
	position: relative;
}
#pre-buyer .buyer-flow-wrap .flow-step { position: relative; }
#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) .flow-step p {
	display: flex;
	flex-direction: column-reverse;
}
#pre-buyer .buyer-flow-wrap .flow-step span,
#pre-buyer .buyer-flow-list h3 span {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	line-height: 1.7;
	background-color: #16a1eb;
	border-color: #ffffff;
	border-style: solid;
	border-width: 5px;
	color: #ffffff;
	font-weight: bold;
}
#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) { margin-top: 40px; }
#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) .flow-step:before {
	content: '';
	display: block;
	height: 80px;
	border-color: #16a1eb;
	border-style: dashed;
	margin-bottom: -1.2em;
}
#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) .flow-step:after {
	border-width: 0 10px 20px;
	border-color: #16a1eb transparent;
	position: absolute;
	top: -5px;
}
#pre-buyer .buyer-flow-wrap li:nth-child(3):before {
	content: '';
	display: block;
	height: 50px;
	border-color: #16a1eb;
	border-style: solid;
	margin-bottom: -1.2em;
	border-width: 0 0 4px 4px;
	border-radius: 0 0 0 15px;
	position: absolute;
	width: calc(100% - 77px);
	right: 0;
}
#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step { padding-left: 45px; }
#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step p { margin-top: -78px; }
#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step:before {
	border-width: 0 0 4px 4px;
	border-radius: 0 0 0 35px;
}
#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step:after { left: 65px; }
#pre-buyer .buyer-flow-wrap .flow-step:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step { padding-right: 65px; }
#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step p { margin-top: -47px; }
#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step:before {
	border-width: 0 4px 4px 0;
	border-radius: 0 0 35px 0;
}
#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step:after { right: 57px; }
/* お客様間 */
#pre-buyer .buyer-flow {
	flex-basis: 50%;
	align-items: center;
	position: relative;
}
#pre-buyer .buyer-flow .flow-person {
	width: 130px;
	height: 130px;
	padding: 85px 15px 15px;
	background-color: #e5e5e5;
	background-position: center top 22px;
	background-repeat: no-repeat;
	background-size: auto 61px;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 16px;
}
#pre-buyer .buyer-flow .flow-person:first-child { background-image: url('/img/pre_login/flow_member_00.png'); }
#pre-buyer .buyer-flow .flow-person:last-child { background-image: url('/img/pre_login/flow_maker_00.png'); }
#pre-buyer .buyer-flow .flow-step {
	width: calc(200% - 330px);
	margin-top: 20px;
}
#pre-buyer .buyer-flow .flow-step p { display: inline-block; }
#pre-buyer .buyer-flow:nth-child(1) .flow-step { margin: 0 calc(-100% + 167px) 40px 0; }
#pre-buyer .buyer-flow:nth-child(2) .flow-step { margin: 70px 0 0 calc(-100% + 167px); }
#pre-buyer .buyer-flow .flow-step:before {
	content: '';
	display: block;
	height: 4px;
	background-color: #cccccc;
	margin-bottom: -1.2em;
}
#pre-buyer .buyer-flow .flow-step:after {
	border-color: transparent #cccccc;
	position: absolute;
	top: calc(50% - 17px);
}
#pre-buyer .buyer-flow:nth-child(1) .flow-step:after {
	border-width: 10px 0 10px 20px;
	right: -5px;
}
#pre-buyer .buyer-flow:nth-child(2) .flow-step:after {
	border-width: 10px 20px 10px 0;
	left: -5px;
}
#pre-buyer .buyer-flow .flow-step p {
	background-color: #ffffff;
	padding: 0 10px 0 5px;
}
#pre-buyer .buyer-flow .flow-step:last-child p { margin-right: -4px; }
#pre-buyer .buyer-flow .flow-step:first-child p { margin-left: -3px; }
#pre-buyer .buyer-flow .flow-step span { display: inline-block; }
#pre-buyer .buyer-flow:nth-child(1) .flow-step span,
#pre-buyer .buyer-flow-list li:nth-child(1) h3 span { background-color: #2ca0af; }
#pre-buyer .buyer-flow:nth-child(2) .flow-step span,
#pre-buyer .buyer-flow-list li:nth-child(2) h3 span { background-color: #0a9b00; }
/* paidロゴ */
#pre-buyer .buyer-flow-wrap li:nth-child(3):after {
	content: '';
	display: block;
	width: 200px;
	height: 48px;
	background: url('/img/common/logo/logo.png') center center no-repeat #ffffff;
	background-size: 80% auto;
	position: absolute;
	right: -170px;
	top: 28px;
	z-index: 2;
	padding-top: 30px;
}
/*** フロー図説明 ***/
#pre-buyer .buyer-flow-list {
	flex-wrap: wrap;
	justify-content: space-between;
}
#pre-buyer .buyer-flow-list li {
	flex-basis: calc(50% - 77px);
	margin-top: 30px;
	padding: 20px 30px;
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	text-align: center;
}
#pre-buyer .buyer-flow-list h3 { font-size: 20px; }
#pre-buyer .buyer-flow-list h3 span {
	display: inline-block;
	margin-right: 13px;
	border: 0;
	font-size: 15px;
}
#pre-buyer .buyer-flow-list p { margin-top: 5px; }
/* 補足 */
.contents-ex {
	background-color: #f6f6f6;
	padding: 25px 30px;
	border: 1px #cccccc solid;
}
#pre-buyer #pre-charge .contents-ex { margin-top: 20px; }
#pre-buyer #pre-flow .contents-ex { margin-top: 40px; }
#pre-buyer .contents-ex li {
	text-indent: -1em;
	padding-left: 1em;
}
/*** お客様の声 ***/
#pre-buyer-voice {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#pre-buyer-voice input { display: none; }
#pre-buyer-voice label {
	order: -1;
	flex-basis: 79px;
	height: 110px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 20px 20px 30px;
	position: relative;
}
/* 人 */
#pre-buyer-voice #voice1 + label { background-image: url('/img/pre_login/buyer_00.png'); }
#pre-buyer-voice #voice2 + label { background-image: url('/img/pre_login/buyer_01.png'); }
#pre-buyer-voice #voice3 + label { background-image: url('/img/pre_login/buyer_02.png'); }
#pre-buyer-voice #voice4 + label { background-image: url('/img/pre_login/buyer_03.png'); }
#pre-buyer-voice #voice5 + label { background-image: url('/img/pre_login/buyer_04.png'); }
#pre-buyer-voice #voice1:checked + label { background-image: url('/img/pre_login/buyer_on_00.png'); }
#pre-buyer-voice #voice2:checked + label { background-image: url('/img/pre_login/buyer_on_01.png'); }
#pre-buyer-voice #voice3:checked + label { background-image: url('/img/pre_login/buyer_on_02.png'); }
#pre-buyer-voice #voice4:checked + label { background-image: url('/img/pre_login/buyer_on_03.png'); }
#pre-buyer-voice #voice5:checked + label { background-image: url('/img/pre_login/buyer_on_04.png'); }
/* コメント */
#pre-buyer-voice dl {
	display: none;
	flex-wrap: wrap;
	flex-basis: 100%;
	align-items: center;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	padding: 30px;
}
#pre-buyer-voice dl dt {
	font-weight: bold;
	font-size: 14px;
	flex-basis: 15em;
}
#pre-buyer-voice dl dd {
	border-left: 1px #cccccc solid;
	padding-left: 30px;
	margin-left: 30px;
	flex-basis: calc(100% - 15em - 61px);
}
#pre-buyer-voice input:checked + label + dl { display: flex; }
/* 矢印 */
#pre-buyer-voice input + label:after {
	content: '';
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: calc(100% + 22px);
	left: calc(50% - 8px);
}
#pre-buyer-voice input:checked + label:after {
	display: block;
	background-color: #ffffff;
}

/* hover用：PC */
@media screen and (min-width: 941px) {
	#pre-buyer-voice input:not(:checked) + label:hover:after {
		content: '';
		display: block;
		position: absolute;
	}
	#pre-buyer-voice input:not(:checked) + label:hover { opacity: 0.6; }
	#pre-buyer-voice #voice1 + label:hover { background-image: url('/img/pre_login/buyer_on_00.png'); }
	#pre-buyer-voice #voice2 + label:hover { background-image: url('/img/pre_login/buyer_on_01.png'); }
	#pre-buyer-voice #voice3 + label:hover { background-image: url('/img/pre_login/buyer_on_02.png'); }
	#pre-buyer-voice #voice4 + label:hover { background-image: url('/img/pre_login/buyer_on_03.png'); }
	#pre-buyer-voice #voice5 + label:hover { background-image: url('/img/pre_login/buyer_on_04.png'); }
	#pre-buyer-voice input:not(:checked) + label:hover:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 11px 11px;
		border-color: #2ca0af transparent;
		top: calc(100% + 15px);
		left: calc(50% - 10px);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
/*** ご利用の流れ ***/
#pre-buyer #pre-flow .pre-flow-sub {
	color: #2ca0af;
	border-color: #2ca0af;
}
#pre-buyer #pre-flow .pre-flow-map li:not(:last-child):after { border-color: transparent #2ca0af; }
/*** よくあるご質問 ***/
#pre-buyer .pre-faq-contents {
	background-color: #ffffff;
	padding: 30px 15px 10px;
}
/* カテゴリタイトル */
.pre-faq-contents .sub {
	padding: 0 25px;
	font-size: 15px;
	font-weight: bold;
	color: #2ca0af;
}
/* Q */
.pre-faq-contents .faq-q {
	display: flex;
	justify-content: space-between;
	border-top: 1px #cccccc dotted;
	padding: 10px 25px;
	font-size: 18px;
	line-height: 2;
}
.pre-faq-contents .faq-q:before {
	content: 'Q';
	color: #2ca0af;
	margin-right: 20px;
}
.pre-faq-contents .faq-q-txt {
	flex-basis: calc(100% - 1em - 20px - 21px - 3em);
	position: relative;
}
.pre-faq-contents .faq-q:hover {
	background-color: #f6f6f6;
	color: #1e95d4;
}
.pre-faq-contents dl:first-of-type .faq-q { border: 0; }
/* A */
.pre-faq-contents dd .faq-a {
	text-indent: -26px;
	padding: 10px 25px 10px 90px;
	border-top: 1px #cccccc dotted;
}
.pre-faq-contents dd .faq-a:before {
	content: 'A';
	font-size: 18px;
	color: #50aa00;
	margin-right: 10px;
}
.pre-faq-contents dd ul {
	font-size: 14px;
	line-height: 1.7;
	padding: 0 25px 10px 90px;
}
.pre-faq-contents dd .faq-a a {
	font-size: 14px;
	color: #333333;
	background: url("/img/common/pdf_dl_00.gif") no-repeat;
	padding-left: 27px;
}
.pre-faq-contents dd .no-pdf a {
    padding-left: 0;
    background: none;
    color: #1e95d4;
}
/* 開く、閉じる */
.pre-faq-contents .faq-q .faq-btn { text-align: right; }
.pre-faq-contents .faq-q .faq-btn span,
.pre-faq-contents .faq-q .faq-btn:after {
	display: inline-block;
	vertical-align: middle;
}
.pre-faq-contents .faq-q .faq-btn span {
	width: 20px;
	height: 20px;
	background-color: #1e95d4;
	border-radius: 50%;
	position: relative;
	margin-right: 5px;
}
.pre-faq-contents .faq-q .faq-btn span:before,
.pre-faq-contents .faq-q .faq-btn span:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #ffffff;
}
.pre-faq-contents .faq-q .faq-btn span:before {
	height: 2px;
	width: 14px;
	left: 3px;
	top: calc(50% - 1px);
}
.pre-faq-contents .faq-q .faq-btn span:after {
	height: 14px;
	width: 2px;
	top: 3px;
	left: 9px;
	z-index: 2;
	transition: transform .2s ease-in;
}
.pre-faq-contents .faq-q .faq-btn:after {
	content: '開く';
	color: #1e95d4;
	width: 3em;
	white-space: nowrap;
	line-height: 1.4;
	font-size: 15px;
}
.pre-faq-contents .faq-btn.btn-open span { background-color: #cccccc; }
.pre-faq-contents .faq-btn.btn-open:after {
	content: '閉じる';
	color: #999999;
}
.pre-faq-contents .faq-btn.btn-open span:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** フロー図 ***/
	#pre-buyer .buyer-flow-wrap li:nth-child(3):after { width: calc(72% + 20px); }
	#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step:before,
	#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step:before { border-style: dotted; }
	/*** お客様の声 ***/
	#pre-buyer-voice input:checked + label + dl { display: block; }
	#pre-buyer-voice dl dd {
		border-left: 0;
		border-top: 1px #cccccc solid;
		padding: 15px 0 0;
		margin: 15px 0 0;
	}
	/* 人 */
	#pre-buyer-voice label { margin: 15px 15px 20px; }
	/* 矢印 */
	#pre-buyer-voice input + label:after { top: calc(100% + 13px); }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-buyer .buyer-main {
		margin-bottom: 30px;
		padding: 50px 0 100px;
		background:
			url('/img/pre_login/b_mv_sp_top_00.png') right calc(50% + 490px) top -95px no-repeat ,
			url('/img/pre_login/b_mv_sp_btm_00.png') left calc(50% + 540px) bottom -100px no-repeat ,
			url('/img/pre_login/bg_town_00.png') center bottom -4px no-repeat ,
			linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%)
		;
		background-size: auto 310px , auto 350px , 490px auto, auto auto;
	}
	#pre-buyer .buyer-main .pre-push-txt { font-size: 26px; }
	#pre-buyer .buyer-main .pre-push-txt .co-db { font-size: 18px; }
	/*** フロー図 ***/
	#pre-buyer .buyer-flow-wrap li:nth-child(3):after { right: -65.5%; }
	/*** よくあるご質問 ***/
	.pre-faq-contents .faq-q {
		padding: 10px 15px;
		font-size: 16px;
	}
	.pre-faq-contents .faq-q:before { margin-right: 10px; }
	.pre-faq-contents dd .faq-a {
		text-indent: -27px;
		padding: 10px 15px 10px 74px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pre-buyer .pre-push-txt { margin-bottom: 15px; }
	#pre-buyer .buyer-main {
		margin-bottom: 25px;
		padding: 40px 15px 120px;
		background:
			url('/img/pre_login/b_mv_sp_top_00.png') right calc(50% + 340px) top -70px no-repeat ,
			url('/img/pre_login/b_mv_sp_btm_00.png') left calc(50% + 30px) bottom -115px no-repeat ,
			url('/img/pre_login/bg_town_00.png') center bottom -4px no-repeat ,
			linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 80%, #13b281 100%)
		;
		background-size: auto 260px , auto 260px , 90% auto, auto auto;
	}
	#pre-buyer .buyer-main .pre-push-txt { font-size: 21px; }
	#pre-buyer .buyer-main .pre-push-txt .co-db { font-size: 15px; }
	#pre-buyer .buyer-main .pre-push-txt .co-dib { display: block; }
	/*** フロー図 ***/
	#pre-buyer .buyer-flow-wrap,
	#pre-buyer .buyer-flow .flow-person { font-size: 12px; }
	#pre-buyer .buyer-flow-wrap { margin-bottom: 40px; }
	#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) { margin-top: 20px; }
	#pre-buyer .buyer-flow-wrap li:not(.buyer-flow) .flow-step:before { height: 55px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step:before { border-radius: 0 0 15px 0; }
	#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step { padding-right: 29px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step p { margin: -37px -20px 0 0; }
	#pre-buyer .buyer-flow-wrap li:nth-child(4) .flow-step:after { right: 21px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(3):before {
		height: 38px;
		width: calc(100% - 43px);
		border-radius: 0 0 0 6px;
	}
	#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step { padding-left: 20px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step p { margin: -55px 0 0 2px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step:before { border-radius: 0 0 0 15px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(3) .flow-step:after { left: 31px; }
	#pre-buyer .buyer-flow-wrap li:nth-child(3):after {
		height: 25px;
		top: 20px;
		right: -68.5%;
		background-size: 85% auto;
	}
	#pre-buyer .buyer-flow .flow-person {
		width: 60px;
		height: 60px;
		padding: 40px 0 15px;
		background-size: auto 31px;
		background-position: center bottom 15px;
	}
	#pre-buyer .buyer-flow .flow-person span {
		display: block;
		margin-top: -62px;
	}
	#pre-buyer .buyer-flow .flow-step { flex-basis: calc(200% - 155px); }
	#pre-buyer .buyer-flow .flow-step:after {
		top: calc(-10% - 6px);
	}
	#pre-buyer .buyer-flow .flow-step p {
		margin-top: 13px;
		background-color: initial;
		padding: 0;
	}
	#pre-buyer .buyer-flow .flow-step:last-child p {
		margin-right: 0;
		line-height: 1.1;
	}
	#pre-buyer .buyer-flow .flow-step:first-child p {
		margin-left: 0;
		line-height: 1;
	}
	#pre-buyer .buyer-flow:nth-child(1) .flow-step { margin: 0 calc(-100% + 77px) 36px 0; }
	#pre-buyer .buyer-flow:nth-child(2) .flow-step { margin: 0 0 -57px calc(-100% + 79px); }
	#pre-buyer .buyer-flow .flow-step p.pc-tb-only { display: none; }
	#pre-buyer .buyer-flow .flow-step:before { margin-bottom: -42px; }
	/*** フロー図説明 ***/
	#pre-buyer .buyer-flow-list { display: block; }
	#pre-buyer .buyer-flow-list li {
		margin-top: 20px;
		padding: 15px 20px;
	}
	#pre-buyer .buyer-flow-list h3 { font-size: 17px; }
	/* 補足 */
	#pre-buyer .contents-ex { padding: 15px 20px; }
	/*** お客様の声 ***/
	.buyer-voice-wrap {
		overflow: hidden;
		position: relative;
	}
	#pre-buyer-voice {
		width: 500%;
		margin-left: -100%;
		justify-content: space-between;
	}
	#pre-buyer-voice dl,
	#pre-buyer-voice input + label:after {
		display: block;
		background-color: #ffffff;
	}
	#pre-buyer-voice dl {
		flex-basis: calc(20% - 72px);
		margin: 0 15px;
		padding: 20px;
	}
	#pre-buyer-voice label {
		flex-basis: 20%;
		display: block;
		margin: 20px auto;
		cursor: default;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#pre-buyer-voice #voice1 + label { background-image: url('/img/pre_login/buyer_on_00.png'); }
	#pre-buyer-voice #voice2 + label { background-image: url('/img/pre_login/buyer_on_01.png'); }
	#pre-buyer-voice #voice3 + label { background-image: url('/img/pre_login/buyer_on_02.png'); }
	#pre-buyer-voice #voice4 + label { background-image: url('/img/pre_login/buyer_on_03.png'); }
	#pre-buyer-voice #voice5 + label { background-image: url('/img/pre_login/buyer_on_04.png'); }
	/* 左右の矢印 */
	.buyer-voice-wrap [class^='voice-arw-'] {
		position: absolute;
		top: 60px;
		z-index: 2;
	}
	.buyer-voice-wrap [class^='voice-arw-']:before,
	.buyer-voice-wrap [class^='voice-arw-']:after {
		content: '';
		display: block;
		width: 30px;
		height: 7px;
		background-color: #2ca0af;
		margin-bottom: 10px;
	}
	.buyer-voice-wrap .voice-arw-prev:before,
	.buyer-voice-wrap .voice-arw-next:after {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.buyer-voice-wrap .voice-arw-prev:after,
	.buyer-voice-wrap .voice-arw-next:before {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.buyer-voice-wrap .voice-arw-prev { left: 5px; }
	.buyer-voice-wrap .voice-arw-next { right: 5px; }
	/*** よくあるご質問 ***/
	.pre-faq-contents .faq-q {
		padding: 8px 5px 8px 8px;
		font-size: 15px;
	}
	.pre-faq-contents .faq-q:before,
	.pre-faq-contents .faq-q .faq-btn span { margin-right: 3px; }
	.pre-faq-contents dd .faq-a:before {
		margin-right: 3px;
		font-size: 14px;
	}
	.pre-faq-contents dd .faq-a {
		text-indent: -17px;
		padding: 10px 10px 10px 27px;
		font-size: 13px;
	}
	.pre-faq-contents dd ul {
		font-size: 12px;
		line-height: 1.5;
		padding: 0 10px 10px 27px;
	}
	.pre-faq-contents dd .faq-a a {
		font-size: 12px;
		padding-bottom: 5px;
	}
	.pre-faq-contents .faq-q-txt { flex-basis: calc(100% - 1em - 30px); }
	.pre-faq-contents .faq-q .faq-btn:after { display: none; }
}

/* ギフトショー用
-------------------------------------------------- */
/* ヘッダー */
.pre-buyer-header {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
	width: 86%;
}
.pre-buyer-header p {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
.pre-buyer-header img {
	width: 65px;
	display: inline-block;
	vertical-align: middle;
}

/* メインビジュアル */
#pre-buyer .gs-buyer-main { background-size: auto 545px , auto 545px , 490px auto, auto auto; }
#pre-buyer .gs-buyer-main:after {
	margin: 50px auto -177px;
	position: relative;
	z-index: 99999;
}
#pre-buyer .gs-buyer-main { margin-bottom: 0; }

/* 問題提起 */
#gs-pre-worries { position: relative; }
#gs-pre-worries div {
	max-width: 1200px;
	width: 86%;
	margin: 0 auto;
	padding: 100px 0 70px;
}
#gs-pre-worries:after {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	border-top: 1px #f6f6f6 solid;
	border-right: 1px #f6f6f6 solid;
	background-color: #f6f6f6;
	position: absolute;
	transform: rotate(45deg);
	bottom: -30px;
	right: calc(50% - 30px);
	z-index: 0;
}
#gs-pre-worries .gs-pre-push-txt {
	font-size: 22px;
	text-align: center;
	margin: 20px 0 30px;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#gs-pre-worries div ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
#gs-pre-worries div ul li {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: left;
	margin-right: 20px;
	padding: 13px 20px 13px 25px;
}
#gs-pre-worries div ul li:last-child { margin-right: 0; }
#gs-pre-worries div ul li img { padding-bottom: 4px; }
#gs-pre-worries div ul li p {
	font-size: 15px;
	margin-left: 20px;
	padding-top: 8px;
}

/* Paidが解決します。 */
#pre-buyer .gs-pre-in-box { padding: 55px 0 60px; }

/* 導入企業 */
#pre-buyer .gs-company-logo {
	background-color: #ffffff;
	box-shadow: 0 0 6px 0 rgba(68,68,68,0.2);
	padding: 45px 90px 30px;
	max-width: 870px;
	margin: 35px auto 0;
	box-sizing: border-box;
}
#pre-buyer .gs-company-logo img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

/* 申し込みボタン */
.gs-entry-btn-s,
.gs-entry-btn-l { margin-top: 50px; }
.gs-entry-btn-s {
	font-size: 15px!important;
	padding: 17px 35px 12px!important;
	min-width: 250px!important;
	line-height: 1.5!important;
}
.gs-entry-btn-l {
	font-size: 18px!important;
	padding: 23px 80px 20px!important;
}
/* TB */
@media screen and (max-width: 940px){
	#pre-buyer .gs-buyer-main { background-size: auto 310px , auto 350px , 490px auto, auto auto; }
	#gs-pre-worries .gs-pre-push-txt { font-size: 20px; }
	#gs-pre-worries:after {
		width: 45px;
		height: 45px;
		bottom: -25px;
	}
	#gs-pre-worries div ul li {
		display: inline-block;
		text-align: center;
		padding: 10px 15px 20px;
	}
	#gs-pre-worries div ul li img { padding-bottom: 0; }
	#gs-pre-worries div ul li p {
		padding-top: 0;
		margin-left: 0;
		font-size: 14px;
	}
}

/* SP */
@media screen and (max-width: 670px){
	#pre-buyer .gs-buyer-main { background-size: auto 260px , auto 260px , 90% auto, auto auto; }
	#pre-buyer .gs-buyer-main:after { margin: 30px auto -177px; }
	#pre-buyer .gs-buyer-main .buyer-h1-sub {
		border: 1px solid #ffffff;
		display: inline-grid;
		padding: 5px 10px;
		margin-bottom: 20px;
	}
	#pre-buyer .gs-buyer-main .pre-push-txt .co-db { font-size: 16px; }
	#pre-buyer .gs-company-logo {
		padding: 25px 20px 15px;
		margin-top: 20px;
	}
	#gs-pre-worries:after {
		width: 35px;
		height: 35px;
		bottom: -20px;
	}
	#gs-pre-worries div { padding: 100px 0 40px; }
	#gs-pre-worries div ul { display: grid; }
	#gs-pre-worries div ul li {
		border: none;
		background-color: #f6f6f6;
		margin-right: 0;
		width: auto;
		padding: 0 0 10px;
	}
	#gs-pre-worries div ul li img { display: none; }
	#gs-pre-worries div ul li p {
		background: url(/img/contents/lp/lp03/worries_check_00.png) no-repeat;
		padding-left: 22px;
		background-size: 7%;
		background-position: left;
		text-align: left;
	}
	.pre-btn.pre-btn-l:after { right: 14px; }
	.gs-entry-btn-s,
	.gs-entry-btn-l { margin-top: 30px; }
	.gs-entry-btn-s {
		font-size: 13px!important;
		padding: 15px 10px 12px!important;
		min-width: 180px!important;
		width: 60%!important;
	}
	.gs-entry-btn-l {
		font-size: 16px!important;
		padding: 23px 20px 20px!important;
	}
}

/* 資料請求枠
-------------------------------------------------- */
#pre-request-part .pre-in-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#pre-request-part .pre-push-txt { margin-bottom: 45px; }
#pre-request-part .pre-txt { margin: -15px auto 50px; }
#pre-request-part .material-img { justify-content: center; }
#pre-request-part .material-img img {
	height: 166px;
	width: auto;
	margin: 60px 15px 0;
}
#inquiry-part .pre-in-box { padding: 40px 0 60px; }
#inquiry-part .pre-in-box .pre-push-txt { margin-bottom: 15px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-request-part .pre-txt { margin: -10px auto 0; }
	#pre-request-part .material-img img { margin: 25px 15px 35px; }
	#pre-request-part .pre-in-box .pre-btn { order: 1; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-request-part .pre-push-txt { margin: 15px 0 0; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-request-part .material-img img {
		height: 105px;
		margin: 25px 15px;
	}
	#pre-request-part .pre-push-txt { margin: 15px 0 0; }
	#pre-request-part .pre-in-box .pre-btn { margin-bottom: 10px; }
	#inquiry-part .pre-in-box { padding: 30px 0 40px; }
}

/* 他ページ紹介
-------------------------------------------------- */
#pre-introduction {
	background: url('/img/pre_login/bg_intro_l_00.png') right calc(50% + 500px) center no-repeat, url('/img/pre_login/bg_intro_r_00.png') left calc(50% + 500px) center no-repeat;
	background-color: #1e95d4;
	background-size: auto 140%, auto 140%;
	text-align: center;
	color: #ffffff;
}
#pre-introduction .pre-in-box { padding: 60px 0; }
#pre-introduction .pre-btn {
	max-width: 250px;
	line-height: 1.4;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-introduction .pre-in-box { padding: 40px 0; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-introduction { background-position: right calc(50% + 380px) center, left calc(50% + 380px) center; }
	#pre-introduction { background-size: auto 125%, auto 125%; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-introduction { background-position: right calc(50% + 230px) center, left calc(50% + 230px) center; }
	#pre-introduction { background-size: auto 100%, auto 100%; }
}

/* Paidとは
-------------------------------------------------- */
/*** フロー図 ***/
#pre-about .paid-flow-wrap,
#pre-about .customer-flow {
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
#pre-about .paid-flow-wrap {
	max-width: 700px;
	margin: 40px auto 60px;
}
#pre-about .paid-flow-wrap li:not(.customer-flow) {
	flex-basis: calc(50% - 80px);
	position: relative;
	margin-top: 40px;
}
#pre-about .paid-flow-wrap .flow-step { position: relative; }
#pre-about .paid-flow-wrap .flow-step p { display: inline-block; }
#pre-about .paid-flow-wrap .flow-step span {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	line-height: 1.7;
	background-color: #16a1eb;
	border-color: #ffffff;
	border-style: solid;
	border-width: 5px;
	color: #ffffff;
	font-weight: bold;
}
#pre-about .paid-flow-wrap li:not(.customer-flow) .flow-step:before {
	content: '';
	display: block;
	height: 80px;
	border-color: #16a1eb;
	border-style: dashed;
	margin-bottom: -1.2em;
}
#pre-about .paid-flow-wrap li:not(.customer-flow) .flow-step:after {
	border-width: 0 10px 20px;
	border-color: #16a1eb transparent;
	position: absolute;
	top: -5px;
}
#pre-about .paid-flow-wrap li:nth-child(2) { order: 1; }
#pre-about .paid-flow-wrap li:nth-child(2) .flow-step { padding-right: 63px; }
#pre-about .paid-flow-wrap li:nth-child(2) .flow-step:before {
	border-width: 0 4px 4px 0;
	border-radius: 0 0 35px 0;
}
#pre-about .paid-flow-wrap li:nth-child(2) .flow-step:after { right: 55px; }
#pre-about .paid-flow-wrap li:nth-child(3) .flow-step { padding-left: 63px; }
#pre-about .paid-flow-wrap li:nth-child(3) .flow-step:before {
	border-width: 0 0 4px 4px;
	border-radius: 0 0 0 35px;
}
#pre-about .paid-flow-wrap li:nth-child(3) .flow-step:after { left: 55px; }
#pre-about .paid-flow-wrap .flow-step:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
#pre-about .paid-flow-wrap .flow-step-ex {
	width: 21em;
	position: absolute;
	top: calc(100% + 15px);
	left: -30px;
	border: 1px #16a1eb solid;
	color: #16a1eb;
	font-weight: bold;
	padding: 8px 20px 8px 50px;
	background: url('/img/common/icon/trush_b_00.png') left 15px center no-repeat;
	background-size: auto 25px;
}
#pre-about .paid-flow-wrap .flow-step-ex:before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: calc(50% - 5px);
	width: 15px;
	height: 15px;
	margin: -17px auto 0;
	border-color: #16a1eb;
	border-style: solid;
	border-width: 1px 0 0 1px;
	background-color: #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 1px;
}
/* お客様間 */
#pre-about .customer-flow {
	flex-basis: 100%;
	align-items: center;
}
#pre-about .customer-flow .flow-person {
	width: 130px;
	height: 130px;
	padding: 85px 15px 15px;
	background-color: #e5e5e5;
	background-position: center top 22px;
	background-repeat: no-repeat;
	background-size: auto 61px;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 16px;
}
#pre-about .customer-flow .flow-person:first-child { background-image: url('/img/pre_login/flow_maker_00.png'); }
#pre-about .customer-flow .flow-person:last-child { background-image: url('/img/pre_login/flow_member_00.png'); }
#pre-about .customer-flow .flow-step {
	flex-basis: calc(100% - 340px);
	margin-top: 20px;
}
#pre-about .customer-flow .flow-step:before {
	content: '';
	display: block;
	height: 4px;
	background-color: #cccccc;
	margin-bottom: -1.2em;
}
#pre-about .customer-flow .flow-step:after {
	border-width: 10px 0 10px 20px;
	border-color: transparent #cccccc;
	position: absolute;
	right: -5px;
	top: calc(50% - 16px);
}
#pre-about .customer-flow .flow-step p {
	background-color: #ffffff;
	padding: 0 10px 0 5px;
}
#pre-about .customer-flow .flow-step span {
	display: inline-block;
	background-color: #0a9b00;
}
/* paidロゴ */
#pre-about .paid-flow-wrap li:nth-child(3):after {
	content: '';
	display: block;
	width: 200px;
	height: 48px;
	background: url('/img/common/logo/logo.png') center center no-repeat #ffffff;
	background-size: 80% auto;
	position: absolute;
	right: -180px;
	top: 55px;
	z-index: 2;
}
/*** 代行業務 ***/
#pre-about .about-works-icn {
	justify-content: space-between;
	margin: 60px auto 0;
	max-width: 815px;
}
#pre-about .about-works-icn li {
	border: 1px #dddddd solid;
	padding: 20px 15px;
	flex-basis: calc(20% - 52px);
	background-color: #ffffff;
	text-align: center;
}
#pre-about .about-works-icn li img {
	width: 60px;
	height: auto;
	display: block;
	margin: 5px auto 10px;
}
#pre-about .about-works-list { margin-top: 50px; }
#pre-about .about-works-list li {
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	border: 1px #dddddd solid;
	min-height: 320px;
}
#pre-about .about-works-list li:nth-child(2n) { padding: 0 8% 0 5%; }
#pre-about .about-works-list li:nth-child(2n + 1) { padding: 0 5% 0 8%; }
#pre-about .about-works-list li:not(:first-child) { margin-top: 20px; }
#pre-about .about-works-list li div {
	max-width: 53%;
	margin: 65px 0;
}
#pre-about .about-works-list li:after {
	content: '';
	display: block;
	width: calc(47% - 20px);
	height: 25vw;
	max-height: 260px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-about .about-works-list li:nth-child(2n):after {
	margin-right: 20px;
	order: -1;
}
#pre-about .about-works-list li:nth-child(2n + 1):after { margin-left: 20px; }
#pre-about .about-works-list li h3 {
	font-size: 20px;
	color: #0a9b00;
	font-weight: bold;
}
#pre-about .about-works-list li h3:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	height: 34px;
	width: 33px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-about .about-works-list li p { margin-top: 25px; }
#pre-about .about-works-list li:nth-child(1):after { background-image: url('/img/pre_login/about_img_00.png'); }
#pre-about .about-works-list li:nth-child(2):after { background-image: url('/img/pre_login/about_img_01.png'); }
#pre-about .about-works-list li:nth-child(3):after { background-image: url('/img/pre_login/about_img_02.png'); }
#pre-about .about-works-list li:nth-child(4):after { background-image: url('/img/pre_login/about_img_03.png'); }
#pre-about .about-works-list li:nth-child(5):after { background-image: url('/img/pre_login/about_img_04.png'); }
#pre-about .about-works-list li:nth-child(1) h3:before { background-image: url('/img/pre_login/about_icn_00.png'); }
#pre-about .about-works-list li:nth-child(2) h3:before { background-image: url('/img/pre_login/about_icn_01.png'); }
#pre-about .about-works-list li:nth-child(3) h3:before { background-image: url('/img/pre_login/about_icn_02.png'); }
#pre-about .about-works-list li:nth-child(4) h3:before { background-image: url('/img/pre_login/about_icn_03.png'); }
#pre-about .about-works-list li:nth-child(5) h3:before { background-image: url('/img/pre_login/about_icn_04.png'); }
/*** 取引について ***/
#pre-about .about-useful-img {
	width: 95px;
	height: auto;
	display: block;
	margin: 40px auto;
}
#pre-about .about-useful .useful-01:before { background-image: url('/img/pre_login/useful_icn_00.png'); }
#pre-about .about-useful .useful-02:before { background-image: url('/img/pre_login/useful_icn_02.png'); }
#pre-about .about-useful .useful-03:before { background-image: url('/img/pre_login/useful_icn_03.png'); }
/*** メッセージ ***/
#pre-about .about-msg {
	background: url('/img/pre_login/bg_office_00.png') left bottom no-repeat;
	background-size: cover;
}
#pre-about .about-msg p { line-height: 2.8; }
#pre-about .about-msg p:not(:first-of-type) { margin-top: 40px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*** フロー図 ***/
	#pre-about .paid-flow-wrap li:not(.customer-flow) {
		margin-top: 30px;
		flex-basis: 40%;
	}
	#pre-about .paid-flow-wrap li:nth-child(3):after {
		width: 76%;
		right: -62%;
	}
	#pre-about .paid-flow-wrap li:nth-child(2) .flow-step:before,
	#pre-about .paid-flow-wrap li:nth-child(3) .flow-step:before { border-style: dotted; }
	#pre-about .customer-flow .flow-step p {
		display: flex;
		flex-direction: column;
		background-color: transparent;
	}
	#pre-about .customer-flow .flow-step p span { order: 1; }
	/*** 代行業務 ***/
	#pre-about .about-works-list li { min-height: auto; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** フロー図 ***/
	#pre-about .customer-flow .flow-step:before { margin-bottom: -46px; }
	#pre-about .paid-flow-wrap .flow-step-ex { left: calc(50% - 10.5em); }
	#pre-about .paid-flow-wrap .flow-step-ex:before { left: calc(50% - 12px); }
	/*** 代行業務 ***/
	#pre-about .about-works-icn li { flex-basis: calc(20% - 42px); }
	#pre-about .about-works-icn li img { width: 50px; }
	#pre-about .about-works-list { margin-top: 30px; }
	#pre-about .about-works-list li div { margin: 40px 0; }
	#pre-about .about-works-list li:nth-child(2n),
	#pre-about .about-works-list li:nth-child(2n + 1) { padding: 0 5%; }
}
/* SP */
@media screen and (max-width: 670px){
	/*** フロー図 ***/
	#pre-about .paid-flow-wrap,
	#pre-about .customer-flow .flow-person { font-size: 12px; }
	#pre-about .paid-flow-wrap li:not(.customer-flow) .flow-step:before { height: 55px; }
	#pre-about .paid-flow-wrap li:nth-child(2) .flow-step:before { border-radius: 0 0 15px 0; }
	#pre-about .paid-flow-wrap li:nth-child(3) .flow-step:before { border-radius: 0 0 0 15px; }
	#pre-about .paid-flow-wrap li:nth-child(2) .flow-step { padding-right: 29px; }
	#pre-about .paid-flow-wrap li:nth-child(2) .flow-step p { margin-right: -20px; }
	#pre-about .paid-flow-wrap li:nth-child(2) .flow-step:after { right: 21px; }
	#pre-about .paid-flow-wrap li:nth-child(3) .flow-step { padding-left: 29px; }
	#pre-about .paid-flow-wrap li:nth-child(3) .flow-step p { margin-left: -20px; }
	#pre-about .paid-flow-wrap li:nth-child(3) .flow-step:after { left: 21px; }
	#pre-about .paid-flow-wrap li:nth-child(3):after {
		height: 42px;
		top: 35px;
	}
	#pre-about .customer-flow .flow-person {
		width: 60px;
		height: 60px;
		padding: 40px 0 15px;
		background-size: auto 31px;
		background-position: center bottom 15px;
	}
	#pre-about .customer-flow .flow-person span {
		display: block;
		margin-top: 20px;
	}
	#pre-about .customer-flow .flow-step { flex-basis: calc(100% - 160px); }
	#pre-about .customer-flow .flow-step:before { margin-bottom: -38px; }
	#pre-about .paid-flow-wrap .flow-step-ex {
		padding: 8px 15px 8px 38px;
		background-size: auto 23px;
		background-position: left 6px center;
		box-sizing: border-box;
		text-align: left;
		left: 0;
		width: calc(21.5em + 33px);
		padding-right: 5px;
	}
	#pre-about .paid-flow-wrap .flow-step-ex:before { left: calc(18.8vw - 8px); }
	/*** 代行業務 ***/
	#pre-about .about-works-icn {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 20px;
		font-size: 12px;
	}
	#pre-about .about-works-icn li {
		flex-basis: calc(33.33% - 16px);
		margin-bottom: 6px;
		padding: 10px 5px;
	}
	#pre-about .about-works-icn li:not(:first-child):not(:nth-child(4)) { margin-left: 6px; }
	#pre-about .about-works-icn li img {
		width: 40%;
		margin-bottom: 5px;
	}
	#pre-about .about-works-list { margin-top: 20px; }
	#pre-about .about-works-list li { display: block; }
	#pre-about .about-works-list li:nth-child(2n+1),
	#pre-about .about-works-list li:nth-child(2n) { padding: 0 20px; }
	#pre-about .about-works-list li:after {
		margin-bottom: 20px;
		width: 100%;
	}
	#pre-about .about-works-list li:nth-child(2n+1):after { margin-left: 0; }
	#pre-about .about-works-list li:nth-child(2n):after { margin-right: 0; }
	#pre-about .about-works-list li div {
		max-width: 100%;
		margin: 30px 0 5px;
	}
	#pre-about .about-works-list li h3 {
		text-align: center;
		font-size: 18px;
		padding-right: 30px;
	}
	#pre-about .about-works-list li p { margin-top: 10px; }
	/*** 取引について ***/
	#pre-about .about-useful-img {
		width: 70px;
		margin: 30px auto;
	}
	#pre-about .about-msg { padding: 15px 0 20px; }
	#pre-about .about-msg p { line-height: 2.5; }
	#pre-about .about-msg p:not(:first-of-type) { margin-top: 20px; }
}

/* サービスの特徴
-------------------------------------------------- */
#pre-solution .works-img {
	width: 194px;
	height: auto;
	display: block;
	margin: 40px auto;
}
#pre-solution .pre-push-txt + .works-img { margin-top: 75px; }
#pre-solution .solution-works li,
#pre-about .about-useful li,
#pre-cart  .cart-realize-box li {
	background-color: #ffffff;
	padding: 30px;
	border: 1px #cccccc solid;
	text-align: center;
	flex-basis: calc(33% - 15px);
}
#pre-solution .solution-works li {
	display: flex;
	flex-direction: column;
}
#pre-solution .solution-works li:not(:last-child),
#pre-about .about-useful li:not(:last-child),
#pre-cart  .cart-realize-box li:not(:last-child) { margin-right: 20px; }
#pre-solution .solution-works dt,
#pre-about .about-useful dt {
	font-weight: bold;
	color: #0a9b00;
	line-height: 1.6;
}
#pre-solution .solution-works dd,
#pre-about .about-useful dd,
#pre-cart  .cart-realize-box dd { font-size: 18px; }
#pre-solution .solution-works p,
#pre-about .about-useful p,
#pre-cart  .cart-realize-box p {
	border-top: 1px #cccccc dotted;
	margin-top: 15px;
	padding-top: 15px;
	color: #666666;
	text-align: left;
}
#pre-solution .solution-works p { margin-bottom: 20px; }
#pre-solution .solution-works li a {
	display: block;
	margin-top: auto;
	font-weight: bold;
}
#pre-solution .solution-works li a:hover span { text-decoration: underline; }
#pre-solution .solution-works [class^='works-']:before,
#pre-about .about-useful [class^='useful-']:before,
#pre-cart  .cart-realize-box [class^='box-']:before {
	content: '';
	display: block;
	width: 85px;
	height: 85px;
	margin: 0 auto 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#pre-solution .solution-works .works-01:before { background-image: url('/img/pre_login/solution_1_00.png'); }
#pre-solution .solution-works .works-02:before { background-image: url('/img/pre_login/solution_2_00.png'); }
#pre-solution .solution-works .works-03:before { background-image: url('/img/pre_login/solution_3_00.png'); }
#pre-solution .solution-works .works-04:before { background-image: url('/img/pre_login/solution_4_00.png'); }
#pre-solution .solution-works .works-05:before { background-image: url('/img/pre_login/solution_5_00.png'); }
#pre-solution .solution-works .works-06:before { background-image: url('/img/pre_login/solution_6_00.png'); }
#pre-solution .solution-works .works-07:before { background-image: url('/img/pre_login/solution_7_00.png'); }
#pre-solution .solution-works .works-08:before { background-image: url('/img/pre_login/solution_8_00.png'); }
#pre-solution .solution-works .works-09:before { background-image: url('/img/pre_login/solution_13_00.png'); }
#pre-solution .solution-works .works-10:before { background-image: url('/img/pre_login/solution_10_00.png'); }
#pre-solution .solution-works .works-11:before { background-image: url('/img/pre_login/solution_11_00.png'); }
#pre-solution .solution-works .works-12:before { background-image: url('/img/pre_login/solution_12_00.png'); }
/*** 特徴比較表 ***/
#pre-solution .manage-solution {
	width: 100%;
	margin-top: 50px;
	border-collapse: separate;
}
#pre-solution .manage-solution caption,
#pre-solution .unjust-solution p.ttl,
#pre-merit .merit-time-box .merit-time-ttl {
	color: #0a9b00;
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}
#pre-solution .manage-solution caption span,
#pre-solution .unjust-solution p.ttl span,
#pre-merit .merit-time-box .merit-time-ttl span {
	display: inline-block;
	padding: 5px 0 5px 60px;
	background: url('/img/pre_login/light_00.png') left center no-repeat;
	background-size: auto 35px;
}
#pre-solution .manage-solution thead { color: #ffffff; }
#pre-solution .manage-solution th,
#pre-solution .manage-solution td { text-align: center; }
#pre-solution .manage-solution th { padding: 5px; }
#pre-solution .manage-solution td { padding: 20px; }
#pre-solution .manage-solution tbody th {
	background-color: #ffffff;
	border-style: solid;
	border-color: #cccccc;
	border-width: 0 0 1px 1px;
	width: 26%;
}
#pre-solution .manage-solution tbody tr:first-child th { border-top-width: 1px; }
#pre-solution .manage-solution tbody td { width: 37%; }
/* 他社サービス */
#pre-solution .manage-solution thead .other-service { background-color: #9f9f9f; }
#pre-solution .manage-solution tbody .other-service {
	background-color: #cccccc;
	border-top: 1px #ffffff solid;
}
#pre-solution .manage-solution tbody tr:last-child .other-service { border-bottom: 1px #cccccc solid; }
/* Paid */
#pre-solution .manage-solution .our-service {
	border-color: #0a9b00;
	border-style: solid;
	font-size: 18px;
	font-weight: bold;
}
#pre-solution .manage-solution thead .our-service {
	background-color: #0a9b00;
	border-width: 0 5px;
}
#pre-solution .manage-solution tbody .our-service {
	background-color: #e0f8d9;
	border-width: 1px 5px 0;
	color: #0a9b00;
}
#pre-solution .manage-solution tbody tr:last-child .our-service { border-bottom-width: 5px; }
.our-service-txt {
	margin-top: 30px;
	text-align: center;
}
/*** 不正検知 ***/
#pre-solution .unjust-solution { margin-top: 30px;}
#pre-solution .unjust-solution > div{
	border: solid 1px #ccc;
	padding: 40px 0px  40px 60px;
	display: inline-block;
	background: url('/img/pre_login/solution_img_04.png') 95% center no-repeat #fff;
	background-size: auto 100px;
}
#pre-solution .unjust-solution dl dd {
	display: block;
	padding-right: 240px;
}
#pre-solution .unjust-solution dl dt {
	font-weight: bold;
	padding-bottom: 5px;
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-solution .unjust-solution dl dd { padding-right: 170px; }
	#pre-solution .unjust-solution > div {
		background-position: 93% center;
		background-size: auto 70px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pre-solution .unjust-solution dl dd { padding-right: 0; }
	#pre-solution .unjust-solution > div {
		padding: 85px 30px 30px;
		text-align: center;
		background-position: center 10%;
		background-size: auto 55px;
	}
}

/*** 取引先枠 ***/
#pre-solution .mem-solution .solution-works dt,
#pre-solution .mem-solution .pre-sub-title span { color: #2ca0af; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-solution .solution-works li,
	#pre-about .about-useful li { padding: 20px; }
	#pre-solution .solution-works dd,
	#pre-about .about-useful dd { font-size: 16px; }
	#pre-solution .solution-works li a { font-size: 13px; }
	.our-service-txt { margin-top: 20px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-solution .solution-works li:not(:last-child),
	#pre-about .about-useful li:not(:last-child) { margin-right: 13px; }
	#pre-solution .works-img { width: 160px; }
	#pre-solution .pre-push-txt + .works-img { margin-top: 55px; }
	#pre-solution .solution-works [class^='works-']:before {
		width: 65px;
		height: 65px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pre-solution .works-img {
		width: 130px;
		margin: 30px auto;
	}
	#pre-solution .pre-push-txt + .works-img { margin-top: 30px; }
	#pre-solution .solution-works,
	#pre-about .about-useful { display: block; }
	#pre-solution .solution-works li:not(:last-child),
	#pre-about .about-useful li:not(:last-child),
	#pre-cart  .cart-realize-box li:not(:last-child){ margin: 0 0 20px; }
	#pre-solution .solution-works p,
	#pre-about .about-useful p,
	#pre-cart  .cart-realize-box p{
		padding-top: 5px;
		margin-top: 10px;
	}
	#pre-solution .solution-works p { margin-bottom: 10px; }
	#pre-solution .solution-works [class^='works-']:before,
	#pre-about .about-useful [class^='useful-']:before {
		width: 60px;
		height: 60px;
		margin-bottom: 10px;
	}
	/*** 特徴比較表 ***/
	#pre-solution .manage-solution caption,
	#pre-merit .merit-time-box .merit-time-ttl { font-size: 16px; }
	#pre-solution .manage-solution caption span,
	#pre-merit .merit-time-box .merit-time-ttl span {
		padding: 5px 0 1px 44px;
		background-size: auto 26px;
	}
	#pre-solution .manage-solution tbody tr {
		display: flex;
		flex-wrap: wrap;
	}
	#pre-solution .manage-solution tbody tr:not(:last-child) { margin-bottom: 15px; }
	#pre-solution .manage-solution tbody th {
		flex-basis: 100%;
		border-width: 1px 1px 0;
	}
	#pre-solution .manage-solution tbody td {
		flex-basis: calc(50% - 25px);
		padding: 15px 10px;
		font-size: 14px;
		line-height: 1.4;
	}
	#pre-solution .manage-solution tbody td:before {
		display: block;
		padding: 5px;
		margin: -15px -10px 15px;
		color: #ffffff;
		font-size: 15px;
	}
	#pre-solution .manage-solution tbody .other-service { border-top: 0; }
	#pre-solution .manage-solution tbody .other-service:before {
		content: '他社';
		background-color: #9f9f9f;
		border-bottom: 1px #ffffff solid;
	}
	#pre-solution .manage-solution tbody .our-service {
		border-width: 0px 5px 5px;
		font-size: 14px;
	}
	#pre-solution .manage-solution tbody .our-service:before {
		content: 'Paid';
		background-color: #0a9b00;
		border-bottom: 1px #0a9b00 solid;
	}
}

/* 導入の効果
-------------------------------------------------- */
#pre-merit .co-dflex:not(.material-img) {
	flex-wrap: wrap;
	justify-content: space-between;
}
#pre-merit .payment-problem dl {
	flex-basis: calc(25% - 13px);
	text-align: center;
}
#pre-merit .payment-problem dt {
	border: 1px #cccccc solid;
	color: #0a9b00;
	font-weight: bold;
	padding: 15px;
	box-sizing: border-box;
}
#pre-merit img {
	height: auto;
	display: block;
}
#pre-merit .payment-problem dt img {
	width: 61%;
	margin: 10px auto 20px;
}
#pre-merit .payment-problem dd { margin-top: 10px; }
/* 効果事例 */
#pre-merit .merit-img {
	width: 228px;
	margin: 45px auto 50px;
}
#pre-merit .pre-push-txt + .merit-img { margin-top: 0; }
#pre-merit .pre-sub-title .merit-num {
	background-color: #009c64;
	padding: 3px 13px 3px;
	margin-right: 10px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	vertical-align: 2px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-merit [class*='merit-box-'] .merit-txt {
	border: 1px #cccccc solid;
	background-color: #ffffff;
	padding: 30px;
	flex-basis: calc(50% - 60px - 15px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#pre-merit [class*='merit-box-'] .merit-txt img {
	width: 78px;
	margin: 0 auto;
	align-self: center;
}
#pre-merit [class*='merit-box-'] .merit-txt div {
	flex-basis: calc(100% - 134px);
	margin-left: 25px;
	padding: 15px 0 15px 30px;
	border-left: 1px #cccccc dotted;
}
#pre-merit [class*='merit-box-'] .merit-txt h4 {
	line-height: 1.6;
	font-weight: bold;
}
#pre-merit [class*='merit-box-'] .merit-txt p {
	margin-top: 15px;
	color: #666666;
}
#pre-merit [class*='merit-box-'] .merit-link {
	text-align: right;
	color: #ffffff;
	border: 1px #cccccc solid;
	max-height: 287px;
	height: calc(86vw * 0.239);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-right: 50px;
	margin-top: 20px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#pre-merit [class*='merit-box-'] .merit-link .merit-link-txt {
	font-size: 26px;
	line-height: 1.7;
	margin-bottom: 15px;
	z-index: 1;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-merit [class*='merit-box-'] .merit-link .link-arw {
	font-weight: bold;
	z-index: 1;
}
#pre-merit [class*='merit-box-'] .merit-link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	opacity: 0.6;
	background: linear-gradient(90deg, rgba(255,255,255,0) 40%, #bf7800 65%);
}
#pre-merit .merit-box-01 .merit-link { background-image: url('/img/pre_login/merit_00.jpg'); }
#pre-merit .merit-box-02 .merit-link { background-image: url('/img/pre_login/merit_01.jpg'); }
#pre-merit .merit-box-03 .merit-link { background-image: url('/img/pre_login/merit_02.jpg'); }
/* 比較表 */
#pre-merit .merit-time-box {
	max-width: 640px;
	margin: 70px auto 0;
	text-align: center;
}
#pre-merit .merit-time-box dl { box-sizing: border-box; }
#pre-merit .merit-time-box dt { color: #ffffff; }
#pre-merit .merit-time-box .merit-time {
	padding: 35px;
	font-size: 22px;
	font-weight: bold;
}
#pre-merit .merit-time-box .merit-time-step {
	padding: 6px 5px 5px;
	font-size: 14px;
}
#pre-merit .merit-time-box .merit-time-step ol { justify-content: center; }
#pre-merit .merit-time-box .merit-time-step ol li {
	padding: 0 7.3%;
	position: relative;
}
#pre-merit .merit-time-box .merit-time-step ol li:first-child { padding-left: 3%; }
#pre-merit .merit-time-box .merit-time-step ol li:not(:last-child):after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 10px);
	right: -3%;
}
/* 他社 */
#pre-merit .merit-time-box .other-service { border: 1px #9f9f9f solid; }
#pre-merit .merit-time-box .other-service dt {
	padding: 5px;
	background-color: #9f9f9f;
}
#pre-merit .merit-time-box .other-service .merit-time {
	background-color: #cccccc;
	color: #666666;
	border-top: 1px #ffffff solid;
}
#pre-merit .merit-time-box .other-service .merit-time-step ol li:not(:last-child):after { color: #cccccc; }
/* Paid */
#pre-merit .merit-time-box .our-service {
	border: 5px #0a9b00 solid;
	border-top: 0;
	font-weight: bold;
	margin-top: 30px;
}
#pre-merit .merit-time-box .our-service dt {
	background-color: #0a9b00;
	font-size: 18px;
	padding: 2px;
}
#pre-merit .merit-time-box .our-service .merit-time {
	background-color: #e0f8d9;
	color: #0a9b00;
}
#pre-merit .merit-time-box .our-service .merit-time-step { color: #0a9b00; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-merit .payment-problem dd { font-size: 13px; }
	/* 効果事例 */
	#pre-merit [class*='merit-box-'] .merit-txt {
		display: block;
		padding: 20px;
	}
	#pre-merit [class*='merit-box-'] .merit-txt div {
		border: 0;
		margin: 15px 0 0;
		padding: 0;
	}
	#pre-merit [class*='merit-box-'] .merit-txt h4 { text-align: center; }
	#pre-merit [class*='merit-box-'] .merit-txt p {
		margin-top: 15px;
		padding: 10px 10px 0;
		border-top: 1px #cccccc dotted;
	}
	#pre-merit .merit-time-box { margin: 40px auto 0; }
	#pre-merit .merit-time-box .our-service { margin-top: 15px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-merit .payment-problem dt { padding: 15px 10px; }
	/* 効果事例 */
	#pre-merit .merit-img {
		width: 190px;
		margin: 0 auto 30px;
	}
	#pre-merit [class*='merit-box-'] .merit-txt { flex-basis: calc(50% - 40px - 15px); }
	#pre-merit [class*='merit-box-'] .merit-link .merit-link-txt { font-size: 21px; }
	#pre-merit [class*='merit-box-'] .merit-link:after { background: linear-gradient(90deg, rgba(255,255,255,0) 27%, #bf7800 48%); }
	/* 比較表 */
	#pre-merit .merit-time-box .merit-time-step ol li { padding: 0 6%; }
	#pre-merit .merit-time-box .merit-time-step ol li:first-child { padding-left: 2%; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-merit .payment-problem dl { flex-basis: calc(50% - 7px); }
	#pre-merit .payment-problem dl:nth-child(n + 3) { margin-top: 20px; }
	#pre-merit .payment-problem dt { padding: 10px; }
	/* 効果事例 */
	#pre-merit .merit-img {
		width: 130px;
		margin: 30px auto 20px;
	}
	#pre-merit .pre-sub-title .merit-num {
		display: block;
		width: 3em;
		margin: 0 auto 10px;
	}
	#pre-merit [class*='merit-box-'] .co-dflex:not(ol) { display: block; }
	#pre-merit [class*='merit-box-'] .merit-txt:last-child { margin-top: 20px; }
	#pre-merit [class*='merit-box-'] .merit-link {
		background-size: contain;
		background-position: center top;
		background-color: #ffffff;
		padding: calc(90vw * 0.77 + 20px) 30px 30px;
		height: auto;
		max-height: 10000px;
		color: #333333;
		text-align: left;
	}
	#pre-merit [class*='merit-box-'] .merit-link:after { display: none; }
	#pre-merit [class*='merit-box-'] .merit-link .merit-link-txt {
		font-size: 15px;
		text-align: center;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	#pre-merit [class*='merit-box-'] .merit-link .link-arw {
		text-align: center;
		font-size: 13px;
		color: #666666;
		font-weight: normal;
	}
	#pre-merit .merit-box-01 .merit-link { background-image: url('/img/pre_login/merit_sp_00.jpg'); }
	#pre-merit .merit-box-02 .merit-link { background-image: url('/img/pre_login/merit_sp_01.jpg'); }
	#pre-merit .merit-box-03 .merit-link { background-image: url('/img/pre_login/merit_sp_02.jpg'); }
	/* 比較表 */
	#pre-merit .merit-time-box .merit-time { font-size: 20px; }
	#pre-merit .merit-time-box .other-service dt,
	#pre-merit .merit-time-box .merit-time-step {
		font-size: 15px;
		padding: 9px 15px 8px;
	}
	#pre-merit .merit-time-box .merit-time-step ol li,
	#pre-merit .merit-time-box .merit-time-step ol li:first-child { padding: 0; }
	#pre-merit .merit-time-box .merit-time-step ol li { display: inline; }
	#pre-merit .merit-time-box .merit-time-step ol li:not(:last-child):after { display: none; }
	#pre-merit .merit-time-box .merit-time-step ol li:not(:first-child):before { content: '・'; }
}

/* 料金
-------------------------------------------------- */
#pre-charge .pre-mem-charge,
#pre-charge dl,
#pre-charge dd,
#pre-charge .pre-mem-charge ul,
#pre-charge .pre-mem-charge ul li {
	display: flex;
	flex-wrap: wrap;
}
#pre-charge .pre-com-charge,
#pre-charge .pre-mem-charge {
	border-width: 1px 0 1px 1px;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	background-color: #ffffff;
}
#pre-charge dl {
	border-right: 1px #cccccc solid;
	flex-direction: column;
}
#pre-charge dt { padding: 15px 20px; }
#pre-charge dd {
	padding: 30px 20px;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	line-height: 1.6;
}
#pre-charge .pre-com-charge dl {flex-direction: row;}
#pre-charge .pre-com-charge dl>dt,
#pre-charge .pre-com-charge dl>dd {
	width: 30%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px 0 40px;
	min-height: 130px;
}
#pre-charge .pre-com-charge dl>dt {
	font-size: 15px;
	padding: 0;
}
#pre-charge .pre-com-charge dl>dd {
	align-items: flex-start;
	width: 70%;
}
#pre-charge .pre-com-charge-note {
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	margin-top: 40px;
	padding: 25px 30px;
	line-height: 2;
	font-size: 15px;
}
/* 企業料金表 */
#pre-charge .pre-com-charge {
	font-size: 18px;
	max-width: 960px;
	margin: 0 auto;
}
#pre-charge .pre-com-charge dl { flex-basis: calc(50% - 1px); }
#pre-charge .pre-com-charge dl:nth-child(n + 2) { border-top: 1px #cccccc solid; }
#pre-charge .pre-com-charge dt { background-color: #e0f8d9; }
#pre-charge .pre-com-charge dd span { font-size: 15px; }
#pre-charge .pre-com-charge dd p { display:flex; }
#pre-charge .pre-com-charge .pre-com-cost {
	color: #0a9b00;
	font-weight: bold;
	font-size: 32px;
}
#pre-charge .pre-com-charge .left-cost {
	color: #0a9b00;
	padding-right: 3px;
	padding-top: 25px;
}
#pre-charge .pre-com-charge .pre-com-cost .com-cost-number {font-size: 42px;}
/* メンバー料金表 */
#pre-charge .pre-mem-charge { font-size: 15px; }
#pre-charge .pre-mem-charge dl { flex-basis: calc(25% - 1px); }
#pre-charge .pre-mem-charge dt { background-color: #d9eef8; }
#pre-charge .pre-mem-charge .pre-mem-cost { font-size: 20px; }
#pre-charge .pre-mem-charge .pre-mem-cost-ex { font-size: 14px; }
#pre-charge .pre-charge-list { padding: 0; }
#pre-charge .pre-mem-charge ul {
	min-height: 100%;
	width: 100%;
}
#pre-charge .pre-mem-charge ul li {
	flex-basis: 100%;
	padding: 20px 20px;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: calc(2em + 20px);
}
#pre-charge .pre-mem-charge ul li * { flex-basis: 100%; }
#pre-charge .pre-mem-charge ul li:nth-child(n + 2) { border-top: 1px #cccccc solid; }
#pre-charge .pre-mem-charge .pre-list-arw li:before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background-color: #ffffff;
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: -8px;
	top: calc(50% - 7px);
}
#pre-charge .three-box-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 60px auto 20px;
	max-width: 960px;
}
#pre-charge .three-box-flex>div {
	border: 1px solid #0a9b00;
	width: calc(33.3% - 13px);
	text-align: center;
	padding: 45px 0 20px;
	box-sizing: border-box;
	position: relative;
}
#pre-charge .three-box-flex>div .up {font-size: 16px;}
#pre-charge .three-box-flex>div .down {
	color: #0a9b00;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 10px;
	font-size: 36px;
}
#pre-charge .three-box-flex>div .down .down-up {
	font-size: 12px;
	font-weight: normal;
}
#pre-charge .three-box-flex>div .down .down-down .fee {font-size: 40px;}
#pre-charge .three-box-flex>div .down .fee {font-size: 53px;}
#pre-charge .three-box-flex>div:before {
	content: "";
	background: center / contain no-repeat url('/img/pre_login/charge_circle_00.png') ;
	position: absolute;
	top: -11%;
	left: 50%;
	margin-left: -17.5px;
	height: 35px;
	width: 35px;
	display: inline-block;
}
#pre-charge .three-box-flex>div:nth-child(2):before {background: center / contain no-repeat url('/img/pre_login/charge_circle_01.png');}
#pre-charge .three-box-flex>div:nth-child(3):before {background: center / contain no-repeat url('/img/pre_login/charge_circle_02.png');}
#pre-charge .pre-charge-note {
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	margin: 20px auto 0;
	padding: 25px 30px;
	line-height: 2;
	font-size: 15px;
	max-width: 900px;
}
#pre-charge .pre-charge-note li {
	text-indent: -1em;
	padding-left: 1em;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-charge dt { padding: 10px 10px; }
	#pre-charge dd { padding: 15px 10px; }
	/* メンバー料金表 */
	#pre-charge .pre-mem-charge dl { flex-basis: calc(50% - 1px); }
	#pre-charge .pre-mem-charge dl:nth-child(n + 3) { border-top: 1px #cccccc solid; }
	#pre-charge .three-box-flex {margin-top: 0;}
	#pre-charge .pre-charge-note {font-size: 14px;}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* 企業料金表 */
	#pre-charge .pre-com-charge { font-size: 16px; }
	/* メンバー料金表 */
	#pre-charge .pre-mem-charge { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px){
	/* 企業料金表 */
	#pre-charge .pre-com-charge { font-size: 15px; }
	#pre-charge .pre-com-charge dl {
		flex-basis: calc(100% - 1px);
		flex-direction: column;
	}
	#pre-charge .pre-com-charge dl:nth-child(2) { border-top: 1px #cccccc solid; }
	#pre-charge .pre-com-charge dd span {
		font-size: 15px;
	}
	#pre-charge .pre-com-charge dl>dt,
	#pre-charge .pre-com-charge dl>dd {
		padding: 8px 8px 6px 8px;
		width: 100%;
		align-items: center;
		min-height: initial;
	}
	#pre-charge .pre-com-charge.co-mt40 {margin-top: 20px!important;}
	#pre-charge .pre-com-charge p {text-align: left;}
	#pre-charge .pre-com-charge .left-cost {
	display: inline-block;
	padding-top: 14px;
	}
	#pre-charge .pre-com-charge-note {
		padding: 15px;
		font-size: 13px;
		margin-top: 20px;
	}
	#pre-charge .pre-com-charge .pre-com-cost {font-size: 25px;}
	#pre-charge .pre-com-charge .pre-com-cost .com-cost-number {font-size: 30px;}
	/* メンバー料金表 */
	#pre-charge .pre-mem-charge { font-size: 13px; }
	#pre-charge .pre-mem-charge dd { font-size: 12px; }
	#pre-charge .pre-mem-charge .pre-mem-cost { font-size: 16px; }
	#pre-charge .pre-mem-charge .pre-mem-cost-ex { font-size: 12px; }
	#pre-charge .pre-mem-charge ul li { padding: 10px 0; }
	#pre-charge .pre-mem-charge .pre-list-arw li:before {
		width: 10px;
		height: 10px;
		left: -6px;
		top: calc(50% - 6px);
	}
	#pre-charge .three-box-flex { margin: 35px 0 10px; }
	#pre-charge .three-box-flex>div {
		padding: 30px 0 0;
		width: calc(33.3% - 6px);
	}
	#pre-charge .three-box-flex>div .up { font-size: 15px; }
	#pre-charge .three-box-flex>div .down {
		font-size: 20px;
		display: block;
	}
	#pre-charge .three-box-flex>div .down .down-down .fee { font-size: 28px; }
	#pre-charge .three-box-flex>div .down .down-up span { display: block; }
	#pre-charge .three-box-flex>div .down .fee {font-size: 42px;}
	#pre-charge .three-box-flex>div .sp-br {display: block;}
	#pre-charge .three-box-flex>div:before {
		height: 30px;
		width: 35px;
		margin-left: -18px;
	}
	#pre-flow .pre-flow-note {
		padding: 15px 20px;
		margin-top: 20px;
	}
	#pre-charge .pre-charge-note {
		padding: 15px 20px;
		margin-top: 20px;
	}
}

/* 利用の流れ
-------------------------------------------------- */
#pre-flow .pre-flow-map {
	display: flex;
	justify-content: space-between;
}
#pre-flow .pre-flow-map li {
	flex-basis: calc(33.33% - 75px);
	border: 1px #cccccc solid;
	padding: 30px 30px 40px;
	background-color: #ffffff;
	line-height: 2;
	position: relative;
}
#pre-flow .pre-flow-map li img {
	width: 102px;
	height: auto;
	margin: 0 auto;
	display: block;
}
#pre-flow .pre-flow-map .pre-flow-ttl {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-top: 25px;
}
#pre-flow .pre-flow-map .pre-flow-txt {
	font-size: 15px;
	color: #666666;
	border-top: 1px #cccccc solid;
	margin-top: 16px;
	padding-top: 15px;
	letter-spacing: 1px;
}
#pre-flow .pre-flow-map .pre-flow-sub {
	position: absolute;
	bottom: calc(-1em - 2px);
	left: 15%;
	border: 1px #0a9b00 solid;
	padding: 2px 5px 0;
	font-weight: bold;
	font-size: 15px;
	color: #0a9b00;
	background-color: #ffffff;
	width: 70%;
	box-sizing: border-box;
	text-align: center;
}
#pre-flow .pre-flow-note {
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	margin-top: 40px;
	padding: 25px 30px;
	line-height: 2;
	font-size: 15px;
}
#pre-flow.bg-lgry .pre-flow-note,
#pre-flow .bg-lgry .pre-flow-note { background-color: #ffffff; }
#pre-flow .pre-flow-note li {
	text-indent: -1em;
	padding-left: 1em;
}
/* 矢印 */
#pre-flow .pre-flow-map li:not(:last-child):before,
#pre-flow .pre-flow-map li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
}
#pre-flow .pre-flow-map li:not(:last-child):before {/* 丸 */
	width: 48px;
	height: 48px;
	border: 1px #cccccc solid;
	border-radius: 50%;
	background-color: #ffffff;
	right: -36px;
	top: calc(50% - 24px);
}
#pre-flow .pre-flow-map li:not(:last-child):after {/* 矢印 */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent #0a9b00;
	right: -18px;
	top: calc(50% - 9px);
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-flow .pre-flow-map .pre-flow-ttl { font-size: 16px; }
	#pre-flow .pre-flow-map .pre-flow-txt,
	#pre-flow .pre-flow-map .pre-flow-sub,
	#pre-flow .pre-flow-note { font-size: 14px; }
	#pre-flow .pre-flow-map .pre-flow-txt { margin-top: 10px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-flow .pre-flow-map li {
		flex-basis: calc(33.33% - 55px);
		padding: 40px 20px;
	}
	#pre-flow .pre-flow-map li:not(:last-child):before {/* 丸 */
		width: 44px;
		height: 44px;
		right: -34px;
		top: calc(50% - 22px);
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pre-flow .pre-flow-map .pre-flow-ttl { margin-top: 15px; }
	#pre-flow .pre-flow-map .pre-flow-sub {
		position: static;
		margin: 10px auto -20px;
	}
	#pre-flow .pre-flow-map { display: block; }
	#pre-flow .pre-flow-map li:not(:last-child) { margin-bottom: 25px; }
	#pre-flow .pre-flow-note {
		padding: 15px 20px;
		margin-top: 20px;
	}
	/* 矢印 */
	#pre-flow .pre-flow-map li:not(:last-child):before,
	#pre-flow .pre-flow-map li:not(:last-child):after {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#pre-flow .pre-flow-map li:not(:last-child):before {/* 丸 */
		right: calc(50% - 25px);
		top: calc(100% - 13px);
	}
	#pre-flow .pre-flow-map li:not(:last-child):after {/* 矢印 */
		right: calc(50% - 5px);
		top: calc(100% + 4px);
	}
}

/* API連携サービス
-------------------------------------------------- */
#pre-cart .cart-main {
	background: url('/img/pre_login/cart_pc_00.png') right top 100px no-repeat;
	background-size: 436px auto;
	padding-bottom: 60px;
}
#pre-cart .cart-main h2,
#pre-cart .cart-main p { width: calc(100% - 456px); }
#pre-cart .cart-main p { min-height: 110px; }
#pre-cart .cart-main h2 {
	text-align: left;
	margin-left: 0;
}
/* 実現できること */
#pre-cart .cart-realize-box { justify-content: space-between; }
#pre-cart .cart-realize-box dt h4 {
	font-weight: bold;
	line-height: 1.6;
}
#pre-cart .cart-realize-box .box-01:before { background-image: url('/img/pre_login/cart_data_00.png'); }
#pre-cart .cart-realize-box .box-02:before { background-image: url('/img/pre_login/cart_data_01.png'); }
#pre-cart .cart-realize-box .box-03:before { background-image: url('/img/pre_login/cart_data_02.png'); }

/* API連携フロー図 */
#pre-cart .cart-api {
	border: 1px #cccccc solid;
	background-color: #ffffff;
	margin-top: 25px;
	padding: 50px 20px 40px;
}
#pre-cart .cart-api > p { font-size: 18px; }
#pre-cart .api-flow-wrap {
	background: url('/img/pre_login/cart_pc_01.png') right center no-repeat;
	background-size: 36% auto;
	margin: 20px auto 0;
	padding: 0 60px;
	max-width: 775px;
}
#pre-cart [class^='api-flow-part-'] {
	display: flex;
	padding: 2px 0;
}
#pre-cart [class^='api-flow-part-'] p span { font-size: 12px; }
#pre-cart [class^='api-flow-part-'] p,
#pre-cart [class^='api-flow-part-'] div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
#pre-cart [class^='api-flow-part-'] p {
	flex-basis: 133px;
	padding: 0 15px 0 62px;
	min-height: 90px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 53px;
	line-height: 1.6;
}
#pre-cart .api-flow-part-02 p,
#pre-cart .api-flow-part-03 p {
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
}
#pre-cart .api-flow-part-01 p { background-image: url('/img/pre_login/cart_ec_00.png'); }
#pre-cart .api-flow-part-02 p { background-image: url('/img/pre_login/cart_othdb_00.png'); }
#pre-cart .api-flow-part-03 p { background-image: url('/img/pre_login/cart_ourdb_00.png'); }
#pre-cart [class^='api-flow-part-'] p:after,
#pre-cart .api-flow-part-02 div:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #1e95d4;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: calc(50% - 6px);
}
#pre-cart [class^='api-flow-part-'] div { width: 37%; }
#pre-cart [class^='api-flow-part-'] div:before,
#pre-cart [class^='api-flow-part-'] div span {
	content: '';
	display: block;
}
#pre-cart [class^='api-flow-part-'] div:before {
	height: 0;
	border-top: 2px #1e95d4 dashed;
}
#pre-cart .api-flow-part-01 div:before,
#pre-cart .api-flow-part-03 div:before { width: 50px; }
#pre-cart .api-flow-part-02 div:before { width: 100%; }
#pre-cart .api-flow-part-02 div img {
	width: 145px;
	height: auto;
	position: absolute;
	left: calc(50% - 56px);
	top: calc(50% - 66px);
}
#pre-cart [class^='api-flow-part-'] div span {
	position: absolute;
	left: 50px;
	width: 0;
	border-left: 2px #1e95d4 dashed;
}
#pre-cart .api-flow-part-01 div span,
#pre-cart .api-flow-part-03 div span { height: 50%; }
#pre-cart .api-flow-part-02 div span { height: 100%; }
#pre-cart .api-flow-part-01 div span,
#pre-cart .api-flow-part-02 div span { bottom: 0; }
#pre-cart .api-flow-part-03 div span { top: 0; }
/* 連携イメージ */
#pre-cart .cart-image {
	display: flex;
	text-align: center;
	justify-content: space-between;
	background:
		url('/img/pre_login/api_arw_00.png') center center no-repeat,
		url('/img/pre_login/api_01.png') center center no-repeat
	;
	background-size: 24% auto , 12% auto;
	margin: 40px auto;
}
#pre-cart .cart-image dl {
	flex-basis: 35%;
	border-style: solid;
	border-width: 1px;
}
#pre-cart .cart-image dt {
	padding: 5px 10px 4px;
	color: #ffffff;
	font-weight: bold;
}
#pre-cart .cart-image dd {
	padding: 170px 10px 30px;
	background-repeat: no-repeat;
	background-position: center top 30px;
	background-size: auto 127px;
}
#pre-cart .cart-image dd span {font-size: 13px; }
/* 貴社 */
#pre-cart .cart-image .your-cart { border-color: #0a9b00; }
#pre-cart .cart-image .your-cart dt { background-color: #0a9b00; }
#pre-cart .cart-image .your-cart dd { background-image: url('/img/pre_login/cart_api_00.png'); }
/* Paid */
#pre-cart .cart-image .our-cart { border-color: #16a1eb; }
#pre-cart .cart-image .our-cart dt { background-color: #16a1eb; }
#pre-cart .cart-image .our-cart dd { background-image: url('/img/pre_login/cart_api_01.png'); }
/* 提携先一覧 */
#pre-cart .cart-partner-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px auto 0;
	max-width: 1000px;
}
#pre-cart .cart-partner-list a {
	width: 160px;
	margin: 30px 20px 0;
	color: #333333;
}
#pre-cart .cart-partner-list a div {
	width: 100%;
	height: 90px;
	background-color: #ffffff;
	border: 1px #e1e1e1 solid;
	box-sizing: border-box;
}
#pre-cart .cart-partner-list a div img {
	width: 100%;
	height: auto;
}
#pre-cart .cart-partner-list a p { display: inline-block; }

/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-cart .cart-main { padding-bottom: 40px; }
	#pre-cart .cart-main p { min-height: 0; }
	#pre-cart .cart-main h2,
	#pre-cart .cart-main p {
		width: 100%;
		text-align: center;
	}
	#pre-cart .cart-realize {
		display: block;
		padding: 20px;
	}
	#pre-cart .cart-realize div {
		border: 0;
		margin: 15px 0 0;
		padding: 0;
	}
	#pre-cart .cart-realize h4 { text-align: center; }
	#pre-cart .cart-realize p {
		margin-top: 15px;
		padding: 10px 10px 0;
		border-top: 1px #cccccc dotted;
	}
	#pre-cart .cart-realize img { display: block; }
	#pre-cart .cart-api { padding: 30px 20px 20px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-cart .cart-main {
		background-position: left calc(50% - 37px) bottom 40px;
		background-size: 350px auto;
	}
	#pre-cart .cart-main p { margin-bottom: 220px; }
	#pre-cart .cart-realize { flex-basis: calc(50% - 40px - 15px); }
	/* API連携フロー図 */
	#pre-cart .api-flow-wrap {
		background-size: 30% auto;
		margin-top: 0;
		padding: 0 20px;
	}

	#pre-cart [class^='api-flow-part-'] div { width: calc(68% - 200px); }
	#pre-cart [class^='api-flow-part-'] div span { left: 15%; }
	#pre-cart .api-flow-part-02 div img {
		width: 80px;
		left: calc(60% - 45px);
		top: calc(50% - 34px);
	}
	#pre-cart .api-flow-part-01 div:before,
	#pre-cart .api-flow-part-03 div:before { width: 15%; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-cart .cart-main {
		background-position: left calc(50% - 14px) bottom 40px;
		background-size: 215px auto;
	}
	#pre-cart .cart-main p { margin-bottom: 160px; }
	/* 実現できること */
	#pre-cart .cart-realize-box { display: block; }
	#pre-cart .cart-realize:last-child { margin-top: 20px; }
	/* API連携フロー図 */
	#pre-cart .cart-api {
		margin-top: 20px;
		padding: 30px 0;
	}
	#pre-cart .cart-api > p { padding: 0 20px; }
	#pre-cart .api-flow-wrap {
		display: flex;
		justify-content: center;
		padding: 0 0 160px;
		background-position: center bottom;
		background-size: auto 140px;
		margin: 20px auto 0;
		max-width: 320px;
	}
	#pre-cart .cart-api > p { font-size: 16px; }
	#pre-cart [class^="api-flow-part-"] {
		display: block;
		position: relative;
	}
	#pre-cart .api-flow-part-01 { flex-basis: 25%; }
	#pre-cart .api-flow-part-02 { flex-basis: 35%; }
	#pre-cart .api-flow-part-03 { flex-basis: 33%; }
	#pre-cart [class^='api-flow-part-'] p {
		padding: 60px 0 0;
		text-align: center;
		background-position: center top;
		font-weight: bold;
		min-height: 0;
	}
	#pre-cart [class^='api-flow-part-'] p,
	#pre-cart [class^='api-flow-part-'] p span {
		font-size: 11px;
		display: block;
	}
	#pre-cart [class^='api-flow-part-'] p:after { display: none; }
	#pre-cart [class^='api-flow-part-'] div {
		height: 130px;
		width: 100%;
		position: static;
	}
	#pre-cart .api-flow-part-01 div span,
	#pre-cart .api-flow-part-03 div span {
		height: 20px;
		bottom: 105px;
	}
	#pre-cart .api-flow-part-01 div span { left: 0; }
	#pre-cart .api-flow-part-03 div span {
		top: auto;
		left: 100%;
	}
	#pre-cart [class^="api-flow-part-"] div:before {
		width: 100%;
		position: absolute;
		bottom: 105px;
	}
	#pre-cart .api-flow-part-01 div:before { left: 0; }
	#pre-cart .api-flow-part-02 div:before { left: 0; }
	#pre-cart .api-flow-part-03 div:before { right: 0; }
	#pre-cart .api-flow-part-02 div img {
		width: 92px;
		left: calc(60% - 46px);
		top: calc(100% - 90px);
	}
	#pre-cart .api-flow-part-02 div span {
		height: 105px;
		left: calc(60% - 1px);
	}
	#pre-cart .api-flow-part-02 div:after {
		top: auto;
		bottom: 0;
		right: calc(40% - 6px);
	}
	/* 連携イメージ */
	#pre-cart .cart-image {
		display: block;
		margin: 20px auto;
		background:
			url('/img/pre_login/api_arw_sp_00.png') center center no-repeat,
			url('/img/pre_login/api_01.png') center center no-repeat
		;
		background-size: auto 130px , 70px auto;
	}
	#pre-cart .cart-image .our-cart { margin-top: 170px; }
	#pre-cart .cart-image dd {
		padding: 150px 10px 20px;
		background-position: center top 15px;
	}
	/* 提携先一覧 */
	#pre-cart .cart-partner-list a {
		margin: 20px 10px 0;
		width: 120px;
	}
	#pre-cart .cart-partner-list a div { height: 67px; }
}

/* Paid定額自動請求
-------------------------------------------------- */
#pre-subs .subs-main {
	padding-bottom: 60px;
	justify-content: space-between;
	align-items: flex-start;
}
#pre-subs .subs-main .subs-maintxt { flex-basis: 43%; }
#pre-subs .subs-main .pre-push-txt { text-align: left; }
#pre-subs .subs-main .subs-maintxt .pre-push-txt .subs-catch-sub {
	font-size: 15px;
	display: block;
	margin-bottom: 15px;
}
#pre-subs .subs-main .subs-mainlist {
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-basis: 52%;
	padding: 0 20px 40px 0;
	margin-top: 30px;
	background: url('/img/pre_login/subs_coinl_00.png') left 7px bottom no-repeat, url('/img/pre_login/subs_coinr_00.png') right bottom no-repeat;
	background-size: 27% auto, auto 50px;
}
#pre-subs .subs-main .subs-mainlist li {
	width: 11vw;
	height: 11vw;
	max-width: 145px;
	max-height: 145px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	text-align: center;
	border: 1px #0a9b00 solid;
	border-radius: 50%;
	margin: 0 7px 13px;
	color: #0a9b00;
	font-size: 15px;
	line-height: 1.2;
}
#pre-subs .subs-main .subs-mainlist li img {
	width: 46%;
	height: auto;
	margin: 13px 0 2px;
	display: block;
}
#pre-subs .subs-main .subs-mainlist li p {
	flex-basis: 90%;
	margin-bottom: 15px;
}
/*** 請求業務をシンプルに ***/
/* 比較 */
#pre-subs .subs-compare { margin-top: 45px; }
#pre-subs .subs-compare dl {
	border-color: #dddddd;
	border-style: solid;
}
#pre-subs .subs-compare dt {
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	padding: 2px 10px;
	margin-right: -1px;
}
#pre-subs .subs-compare dd {
	padding: 15px 10% 40px;
	position: relative;
}
#pre-subs .subs-compare dd img {
	max-width: 233px;
	width: 70%;
	height: auto;
	margin: 0 auto;
	display: block;
}
#pre-subs .subs-compare h3 {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	margin: 10px 0 20px;
}
/* 比較：自社 */
#pre-subs .subs-compare-your {
	flex-basis: calc(50% - 2px);
	border-width: 0 1px 1px;
	background-color: #e5e5e5;
}
#pre-subs .subs-compare-your dt {
	background-color: #818181;
	margin-left: -1px;
}
#pre-subs .subs-compare-your dd:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	border-top: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	background-color: #e5e5e5;
	position: absolute;
	right: -17px;
	top: calc(50% - 16px);
	z-index: 2;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#pre-subs .subs-compare-your h3 { color: #818181; }
/* 比較：paid */
#pre-subs .subs-compare-our {
	flex-basis: calc(50% - 1px);
	border-width: 0 1px 1px 0;
	background-color: #ffffff;
}
#pre-subs .subs-compare-our dt {
	background-color: #0a9b00;
	font-weight: bold;
}
#pre-subs .subs-compare-our h3 { color: #0a9b00; }
/* 比較の下 */
#pre-subs .subs-work {
	margin-top: 50px;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	border: 1px #dddddd solid;
	padding: 40px 5% 30px 8%;
}
#pre-subs .subs-work:after {
	content: '';
	display: block;
	width: calc(42% - 40px);
	height: calc(26vw * 0.54);
	max-height: 167px;
	background: url('/img/pre_login/subs_pc_00.png') center center no-repeat;
	background-size: contain;
	margin-left: 20px;
}
#pre-subs .subs-work > div { flex-basis: 58%; }
#pre-subs .subs-work h3 {
	font-size: 18px;
	color: #0a9b00;
	margin: -5px 0 10px;
}
#pre-subs .subs-work h3:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	height: 48px;
	width: 50px;
	background: url('/img/pre_login/light_00.png') center center no-repeat;
	background-size: contain;
}
/*** 決済ニーズを解決 ***/
#pre-subs #pre-merit .merit-box-needs .needs-img {
	width: 156px;
	height: auto;
	margin: 40px auto 40px;
	display: block;
}
/*** ご利用の流れ ***/
#pre-subs #pre-flow .pre-flow-map { margin-top: 40px; }
#pre-subs #pre-flow .pre-flow-map li img { width: 76px; }
#pre-subs #pre-flow .pre-flow-map .pre-flow-txt { letter-spacing: 0; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#pre-subs .subs-main { display: block; }
	#pre-subs .subs-main .pre-push-txt { text-align: center; }
	#pre-subs .subs-main .subs-mainlist {
		margin: 0 auto;
		justify-content: center;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-subs .subs-main .subs-mainlist {
		padding: 30px 60px 19vw;
		width: 73%;
		background-position: left calc(23% + 50px) bottom, right calc(50% - 80px) bottom;
	}
	#pre-subs .subs-main .subs-mainlist li {
		width: 18vw;
		height: 18vw;
	}
	/*** 請求業務をシンプルに ***/
	#pre-subs .subs-work { padding: 35px 35px 25px; }
	#pre-subs .subs-work h3:before {
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	#pre-subs .subs-work > div { width: 62%; }
	#pre-subs .subs-work:after { width: calc(38% - 30px); }
	/*** 決済ニーズを解決 ***/
	#pre-subs #pre-merit .merit-box-needs .needs-img { width: 130px; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-subs .subs-main { padding-bottom: 40px; }
	#pre-subs .subs-main .subs-maintxt .pre-push-txt .subs-catch-sub { font-size: 14px; }
	#pre-subs .subs-main .subs-mainlist {
		padding: 30px 0 24vw;
		width: 100%;
		background-size: 30% auto, 26% auto;
		background-position: left calc(30% - 5px) bottom, right 26% bottom;
	}
	#pre-subs .subs-main .subs-mainlist li {
		width: 24vw;
		height: 24vw;
		font-size: 3vw;
		margin: 0 5px 10px;
	}
	#pre-subs .subs-main .subs-mainlist li img { margin-top: 7px; }
	/*** 請求業務をシンプルに ***/
	#pre-subs .subs-compare {
		display: block;
		margin-top: 20px;
	}
	#pre-subs .subs-compare dt { font-size: 16px; }
	#pre-subs .subs-compare dd img { max-width: 135px; }
	#pre-subs .subs-compare h3 {
		font-size: 19px;
		margin-bottom: 10px;
	}
	#pre-subs .subs-compare-your dd:after { display: none; }
	#pre-subs .subs-compare-our {
		border-width: 0 1px 1px;
		margin-top: 20px;
	}
	#pre-subs .subs-compare-our dd { padding-top: 0; }
	#pre-subs .subs-work {
		display: block;
		padding: 40px 20px 30px;
		margin-top: 20px;
	}
	#pre-subs .subs-work h3 {
		font-size: 16px;
		text-align: center;
		text-indent: -30px;
		padding-left: 30px;
	}
	#pre-subs .subs-work h3:before {
		width: 35px;
		height: 26px;
		margin-right: 8px;
	}
	#pre-subs .subs-work:after {
		margin: 20px 0 0;
		width: 100%;
		height: calc(36vw * 0.54);
	}
	/*** 決済ニーズを解決 ***/
	#pre-subs #pre-merit .merit-box-needs .needs-img { width: 100px; }
	/*** ご利用の流れ ***/
	#pre-subs #pre-flow .pre-flow-map { margin-top: 20px; }
}

/* Paidのセキュリティ
-------------------------------------------------- */
#pre-security .security-main .pre-txt {
	padding-top: 290px;
	background: url('/img/pre_login/index/security_01.png') center top 30px no-repeat;
	background-size: auto 205px;
}
#pre-security .security-dtl .pre-txt { padding-bottom: 60px; }
#pre-security .security-dtl-box {
	background-color: #ffffff;
	border: 1px #dddddd solid;
	padding: 50px 80px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 5px auto;
}
#pre-security .security-dtl-box + .security-dtl-box { margin-top: 20px; }
#pre-security .security-dtl-box h3 {
	font-size: 18px;
	font-weight: bold;
	width: calc(65% - 20px);
}
#pre-security .security-dtl-box .security-dtl-txt {
	margin-top: 25px;
	width: calc(65% - 20px);
}
#pre-security .security-dtl-box .security-dtl-img {
	width: 35%;
	text-align: center;
	color: #666666;
	line-height: 1.5;
}
#pre-security .security-dtl-box:first-child .security-dtl-img { margin-top: -33px; }
#pre-security .security-dtl-box:nth-child(2) .security-dtl-img { margin-top: -15px; }
#pre-security .security-dtl-box .security-dtl-img img {
	width: 100%;
	max-width: 258px;
	height: auto;
}
#pre-security .security-dtl-box:first-child .security-dtl-img img { border: 1px #cccccc solid; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-security .security-main .pre-txt {
		padding-top: 230px;
		background-position: center top 0;
		background-size: auto 190px;
	}
	#pre-security .security-dtl-box { padding: 40px 6% 40px 5%; }
	#pre-security .security-dtl-box h3,
	#pre-security .security-dtl-box .security-dtl-txt { width: 60%; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-security .security-main .pre-txt {
		padding-top: 220px;
		background-position: center top 10px;
		background-size: auto 170px;
	}
	#pre-security .security-dtl-box {
		justify-content: center;
		padding: 30px 25px 40px;
	}
	#pre-security .security-dtl-box h3 {
		width: 100%;
		text-align: center;
	}
	#pre-security .security-dtl .pre-txt { padding-bottom: 40px; }
	#pre-security .security-dtl-box .security-dtl-txt { width: 100%; }
	#pre-security .security-dtl-box .security-dtl-img {
		width: 100%;
		max-width: 100%;
	}
	#pre-security .security-dtl-box .security-dtl-txt { margin-top: 15px; }
	#pre-security .security-dtl-box:first-child .security-dtl-img { margin-top: 20px; }
	#pre-security .security-dtl-box:first-child .security-dtl-img img {
		width: 40%;
		max-width: 177px;
	}
	#pre-security .security-dtl-box:nth-child(2) .security-dtl-img { margin: 20px -40px 0 0; }
	#pre-security .security-dtl-box:nth-child(2) .security-dtl-img img {
		width: 50%;
		max-width: 210px;
	}
}

/* Paid早期払い
-------------------------------------------------- */
#pre-early-payment .section-1 .pre-in-box {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}
#pre-early-payment .section-1 .pre-in-box>div {width: 60%;}
#pre-early-payment .section-1 .pre-in-box>div:first-child {margin-right: 45px;}
#pre-early-payment .section-1 .left .pre-push-txt {
	text-align: left;
	margin-top: 0;
}
#pre-early-payment .section-1 .left .pre-txt>br {display: none;}
#pre-early-payment .section-1 .right {text-align: right;}
#pre-early-payment .section-1 .right>img {
	max-width: 400px;
}
#pre-early-payment .section-2 .table {
	text-align: center;
	display: flex;
	max-width: 800px;
	margin: 0 auto 80px;
}
#pre-early-payment .section-2 .table>div {width: 50%;}
#pre-early-payment .section-2 .table .title {
	font-size: 16px;
	color: #fff;
	padding: 10px;
}
#pre-early-payment .section-2 .table .up {font-size: 15px;}
#pre-early-payment .section-2 .table .down {
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
}
#pre-early-payment .section-2 .table .method,
#pre-early-payment .section-2 .table .payday {
	padding: 30px 30px 32px;
	background-color: #fff;
}
#pre-early-payment .section-2 .table .payday {border-top: 1px solid #ccc;}
#pre-early-payment .section-2 .table .left .title {
	background-color: #8ec718;
	border: 5px solid #8ec718;
	border-bottom: 0;
}
#pre-early-payment .section-2 .table .left .method {
	border-left: 1px solid #ccc;
	padding-bottom: 30px;
}
#pre-early-payment .section-2 .table .left .payday {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 38px;
}
#pre-early-payment .section-2 .table .right {
	border: 5px solid #0a9b00;
	background-color: #0a9b00;
}
#pre-early-payment .section-2 .table .right .title {
	background-color: #0a9b00;
	font-weight: bold;
}
#pre-early-payment .section-2 .table .right .method,
#pre-early-payment .section-2 .table .right .payday {background-color: #e0f8d9;}
#pre-early-payment .section-2 .table .right .down {color: #0a9b00;}
#pre-early-payment .pre-flow-map {
	display: flex;
	justify-content: space-between;
}
#pre-early-payment .pre-flow-map li {
	flex-basis: calc(33.33% - 75px);
	border: 1px #cccccc solid;
	padding: 30px;
	background-color: #ffffff;
	line-height: 2;
	position: relative;
}
#pre-early-payment .pre-flow-map li img {
	width: 100%;
	max-width: 140px;
	height: auto;
	margin: 0 auto;
	display: block;
}
#pre-early-payment .pre-flow-map .pre-flow-ttl {
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	margin: 15px 0 10px;
}
#pre-early-payment .pre-flow-map .pre-flow-txt {
	font-size: 15px;
	color: #666666;
	border-top: 1px #cccccc solid;
	margin-top: 16px;
	padding-top: 15px;
	letter-spacing: 1px;
}
#pre-early-payment .pre-flow-map .pre-flow-sub {
	position: absolute;
	bottom: calc(-1em - 2px);
	left: 15%;
	border: 1px #0a9b00 solid;
	padding: 2px 5px 0;
	font-weight: bold;
	font-size: 15px;
	color: #0a9b00;
	background-color: #ffffff;
	width: 70%;
	box-sizing: border-box;
	text-align: center;
}
#pre-early-payment .section-3 .pre-in-box {max-width: 960px;}
#pre-early-payment .section-3 .table-wrap {
	text-align: center;
	margin-top: 50px;
}
#pre-early-payment .section-3 .table-wrap>table {
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}
#pre-early-payment .section-3 .table-wrap>table th {
	text-align: center;
	background-color: #0a9b00;
	color: #fff;
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	border-right: 1px solid #fff;
	vertical-align: middle;
}
#pre-early-payment .section-3 .table-wrap>table td {
	vertical-align: middle;
	border: 1px solid #ccc;
}
#pre-early-payment .section-3 .table-wrap>table td:first-child {
	background-color: #e0f8d9;
	color: #0a9b00;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	width: 20%;
}
#pre-early-payment .section-3 .table-wrap>table td:nth-child(2) {
	text-align: left;
	font-size: 15px;
	padding: 15px 50px;
	width: 50%;
}
#pre-early-payment .section-3 .table-wrap>table td:nth-child(3) {
	width: 30%;
	color: #0a9b00;
	font-size: 26px;
	vertical-align: middle;
}
#pre-early-payment .section-3 .table-wrap .sp-payday-table {display: none;}
#pre-early-payment .pre-flow-note {
	border: 1px #ccc solid;
	background-color: #f6f6f6;
	margin-top: 25px;
	padding: 25px 30px;
	line-height: 2;
	font-size: 15px;
}
#pre-early-payment .pre-flow-note li {
	text-indent: -1em;
	padding-left: 1em;
}
#pre-early-payment .section-3 .light-title {
	color: #0a9b00;
	font-size: 21px;
	text-align: center;
	margin: 100px 0 50px 0;
}
#pre-early-payment .section-3 .light-title span {
	display: inline-block;
	padding: 5px 0 5px 60px;
	background: url('/img/pre_login/light_00.png') left center no-repeat;
	background-size: auto 35px;
}
#pre-early-payment .section-3 .box-title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
#pre-early-payment .section-3 .green-box-span {
	background-color: #0a9b00;
	padding: 3px 13px 3px;
	margin-right: 15px;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: 2px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-early-payment .section-3 .green-span {
	color: #0a9b00;
	font-weight: bold;
	margin-left: 10px;
}
#pre-early-payment .section-3 .flex {
	display: flex;
	justify-content: center;
}
#pre-early-payment .section-3 .flex>div {
	width: 50%;
	border: 1px solid #ccc;
	text-align: center;
	padding: 35px 50px;
	box-sizing: border-box;
	position: relative;
}
#pre-early-payment .section-3 .flex>div:first-child {border-right: none;}
#pre-early-payment .section-3 .flex .up {
	font-size: 14px;
	font-weight: bold;
}
#pre-early-payment .section-3 .flex .img {padding: 50px 0;}
#pre-early-payment .section-3 .flex .img>img {
	max-width: 250px;
	width: 100%;
}
#pre-early-payment .section-3 .flex.under .img>img {max-width: 350px;}
#pre-early-payment .section-3 .flex .down {
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
}
#pre-early-payment .section-3 .flex .left {background-color: #f6f6f6;}
#pre-early-payment .section-3 .flex .left:before,
#pre-early-payment .section-3 .flex .left:after,
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before,
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
}
#pre-early-payment .section-3 .flex .left:before,
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before {/* 丸 */
	width: 48px;
	height: 48px;
	border: 1px #ccc solid;
	border-radius: 50%;
	background-color: #fff;
	right: -26px;
	top: calc(50% - 24px);
}
#pre-early-payment .section-3 .flex .left:after,
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {/* 矢印 */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent #0a9b00;
	right: -8px;
	top: calc(50% - 9px);
}
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before {right: -36px;}
#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {right: -18px;}
#pre-early-payment .section-4 .pre-flow-note {background-color: #fff;}
#pre-early-payment .section-4 .pre-flow-map li img {max-width: 102px;}
@media screen and (max-width: 940px) {
	#pre-early-payment .section-1 .pre-in-box {flex-flow: column;}
	#pre-early-payment .section-1 .pre-in-box>div {width: 100%;}
	#pre-early-payment .section-1 .pre-in-box>div:first-child {margin-right: 0}
	#pre-early-payment .section-1 .left .pre-push-txt,
	#pre-early-payment .section-1 .left .pre-txt {text-align: center;}
	#pre-early-payment .section-1 .left .pre-txt {margin-bottom: 40px;}
	#pre-early-payment .section-1 .left .pre-txt>br.tab-br {display: block;}
	#pre-early-payment .section-1 .right>img {max-width: 250px;}
	#pre-early-payment .pre-flow-map .pre-flow-ttl {font-size: 16px;}
	#pre-early-payment .pre-flow-map .pre-flow-txt,
	#pre-early-payment .pre-flow-map .pre-flow-sub,
	#pre-early-payment .pre-flow-note {font-size: 14px;}
	#pre-early-payment .pre-flow-map .pre-flow-txt {margin-top: 10px;}
	#pre-early-payment .section-2 .table {margin: 0 auto 50px;}
	#pre-early-payment .section-3 .light-title {margin: 60px 0 30px;}
}
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-early-payment .pre-flow-map li {
		flex-basis: calc(33.33% - 55px);
		padding: 40px 20px;
	}
	#pre-early-payment .section-2 .pre-flow-map .pre-flow-ttl .tab-br {display: block;}
	#pre-early-payment .section-2 .pre-flow-map li:first-child .pre-flow-ttl {margin: 28px 0;}
}
@media screen and (max-width: 670px) {
	#pre-early-payment .section-1 .pre-in-box {display: block;}
	#pre-early-payment .section-1 .right {
		text-align: center;
		margin-top: 20px;
	}
	#pre-early-payment .section-1 .left .pre-push-txt {margin-top: 5px;}
	#pre-early-payment .section-1 .left .pre-push-txt>br {display: block;}
	#pre-early-payment .section-1 .left .pre-txt>br {display: block;}
	#pre-early-payment .section-2 .table {
		display: block;
		margin-bottom: 40px;
	}
	#pre-early-payment .section-2 .table .down {
		font-size: 20px;
		margin-top: 2px;
	}
	#pre-early-payment .section-2 .table .left {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	#pre-early-payment .section-2 .table>div {
		width: 100%;
		box-sizing: border-box;
	}
	#pre-early-payment .section-2 .table .left .method,
	#pre-early-payment .section-2 .table .left .payday {
		border-left: none;
		border-bottom: none;
		padding: 10px 0 12px;
	}
	#pre-early-payment .section-2 .table .right .method,
	#pre-early-payment .section-2 .table .right .payday {padding: 10px 0 12px;}
	#pre-early-payment .pre-flow-map .pre-flow-ttl { margin-top: 15px; }
	#pre-early-payment .pre-flow-map .pre-flow-sub {
		position: static;
		margin: 10px auto -20px;
	}
	#pre-early-payment .pre-flow-map { display: block; }
	#pre-early-payment .pre-flow-map li:not(:last-child) { margin-bottom: 25px; }
	#pre-early-payment .section-3 .table-wrap {margin-top: 20px;}
	#pre-early-payment .section-3 .table-wrap>table th {font-weight: normal}
	#pre-early-payment .section-3 .table-wrap>table th:nth-child(2) {border-right: 1px solid #0a9b00;}
	#pre-early-payment .section-3 .table-wrap>table td {padding: 15px!important;}
	#pre-early-payment .section-3 .table-wrap>table td:nth-child(3) {
		font-size: 18px;
		font-weight: bold;
	}
	#pre-early-payment .section-3 .table-wrap>table .sp-none {display: none;}
	#pre-early-payment .section-3 .table-wrap .sp-payday-table {
		margin-top: 20px;
		text-align: center;
		display: block;
	}
	#pre-early-payment .section-3 .table-wrap .sp-payday-table>p:first-child {
		color: #fff;
		background-color: #0a9b00;
		padding: 10px;
		font-size: 15px;
	}
	#pre-early-payment .section-3 .table-wrap .sp-payday-table>p:last-child {
		content: #fff;
		color: #0a9b00;
		font-size: 18px;
		font-weight: bold;
		padding: 15px;
		border: 1px solid #ccc;
		border-top: none;
	}
	#pre-early-payment .section-3 .light-title {
		font-size: 17px;
		margin: 50px 0 25px 0;
	}
	#pre-early-payment .section-3 .light-title span {
		padding: 5px 0 1px 44px;
		background-size: auto 26px;
	}
	#pre-early-payment .section-3 .box-title.co-mt50 {margin-top: 30px!important;}
	#pre-early-payment .section-3 .green-box-span {
		display: block;
		width: 5em;
		margin: 0 auto 10px;
	}
	#pre-early-payment .section-3 .flex {display: block;}
	#pre-early-payment .section-3 .flex>div {
		width: 100%;
		padding: 30px;
	}
	#pre-early-payment .section-3 .flex>div:first-child {
		border-right: 1px solid #ccc;
		border-bottom: none;
	}
	#pre-early-payment .section-3 .flex .img {padding: 20px 0;}
	/* 矢印 */
	#pre-early-payment .section-3 .flex .left:before,
	#pre-early-payment .section-3 .flex .left:after,
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before,
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#pre-early-payment .section-3 .flex .left:before,
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before {/* 丸 */
		right: calc(50% - 25px);
		top: calc(100% - 23px);
	}
	#pre-early-payment .section-3 .flex .left:after,
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {/* 矢印 */
		right: calc(50% - 5px);
		top: calc(100% + -6px);
	}
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):before {top: calc(100% - 13px);}
	#pre-early-payment .section-4 .pre-flow-map li:not(:last-child):after {top: calc(100% + 4px);}
	#pre-early-payment .section-3 .flex>div.right {padding-top: 40px;}
}

/* お役立ちページ
-------------------------------------------------- */
#pre-useful {
	background-color: #f6f6f6;
	padding-bottom: 80px;
	line-height: 1.8;
}
#pre-useful .main-wrap {
	max-width: 1200px;
	margin: 40px auto 0;
	display: flex;
}
#pre-useful .main-wrap,
#pre-useful .topic-path {
	padding: 0 30px;
	box-sizing: content-box;
}
#pre-useful .topic-path {
	max-width: 1200px;
	margin: 22px auto 0;
	width: 100%;
}
#pre-useful .left-wrap {max-width: 840px;}
#pre-useful .right-menu {
	max-width: 300px;
	margin-left: 5%;
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #pre-useful .left-wrap, #pre-useful .right-menu {
		width: 100%;
	}
}
#pre-useful .right-menu h2 {
	background: #e0f8d9;
	font-size: 15px;
	font-weight: 600;
	color: #29a21f;
	padding: 9px 25px 5px;
}
#pre-useful .right-menu a,
#pre-useful .right-menu img {
	vertical-align: bottom;
	display: inline-block;
}
#pre-useful .right-menu img {width: 100%;}
#pre-useful.pre-useful-list .right-menu {margin-top: 59px;}
#pre-useful .right-menu>*:not(:last-child) {margin-bottom: 20px;}
#pre-useful .right-menu .contents {
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
}
#pre-useful .right-menu .contents a {color: #333;}
#pre-useful .right-menu .contents a:hover {text-decoration: none;}
#pre-useful .right-menu .to-paid {max-width: 300px;}
#pre-useful .right-menu a,
#pre-useful .right-menu .to-paid,
#pre-useful .right-menu .to-download {transition: opacity 0.2s;}
#pre-useful .right-menu a:hover,
#pre-useful .right-menu .to-paid:hover,
#pre-useful .right-menu .to-download:hover {opacity: 0.7;}
#pre-useful .right-menu .recommend ul {padding: 15px 24px 15px 25px;}
#pre-useful .right-menu .recommend li {padding: 15px 0;}
#pre-useful .right-menu .recommend a {
	min-height: 50px;
	display: flex;
	position: relative;
	transition: opacity 0.2s;
}
#pre-useful .right-menu .recommend a:hover {opacity: 0.6;}
#pre-useful .right-menu .recommend .img-wrap {
	width: 105px;
	height: 50px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
}
#pre-useful .right-menu .recommend .img-wrap>img {
	height: 150px;
	width: auto;
}
#pre-useful .right-menu .recommend .sentence {
	padding-left: 120px;
	margin-top: -2px;
	line-height: 1.4;
}
#pre-useful .right-menu .genre a {
	height: 56px;
	padding: 0 25px;
	width: 100%;
	transition: color 0.2s;
	line-height: 1.4;
	display: flex;
	align-items: center;
}
#pre-useful .right-menu .genre a:hover {color: #0a9b00;}
#pre-useful .right-menu .genre li:not(:last-child) a {border-bottom: 1px solid #ccc;}
#pre-useful .right-menu .tag ul {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
#pre-useful .right-menu .tag li {margin: 5px 0 5px 10px;}
#pre-useful .right-menu .tag a {
	padding: 2px 10px 0;
	min-width: 75px;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	transition: background 0.2s, color 0.2s;
}
#pre-useful .right-menu .tag a:hover {
	color: #fff;
	background: #0a9b00;
}
/*** メインビジュアル ***/
#pre-useful .pre-page-ttl {
	font-size: 14px;
	height: auto;
	padding: 25px 20px;
}
#pre-useful .pre-page-ttl .post-title {
	width: 94%;
	margin: 0 auto;
	height: 102px;
	background: url('/img/contents/useful/ttl_article_pc_00.png') center center no-repeat;
	background-size: contain;
}
#pre-useful .pre-page-ttl .post-head { text-indent: -300%; }
#pre-useful .pre-page-ttl .post-title .mv-ttl {
	display: none;
}
#pre-useful .pre-page-ttl .mv-subtxt {
	margin-top: 160px;
	display: inline-block;
}
/* コンテンツトップ用 */
#pre-useful.pre-useful-list .pre-page-ttl { padding: 45px 20px 90px; }
#pre-useful.pre-useful-list .pre-page-ttl h1 {
	height: 138px;
	background-image: url('/img/contents/useful/ttl_top_pc_00.png');
}

/*** 記事一覧 ***/
#pre-useful .article-list {margin-bottom: 70px;}
#pre-useful .article-list h2 {
	font-size: 20px;
	padding-top: 40px;
}
#pre-useful .article-list h2>span {
	border-left: 5px solid #64b735;
	padding: 3px 0 3px 20px;
	display: inline-block;
}
#pre-useful .article-list h2:first-child { padding-top: 0; }
#pre-useful .article-list ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}
#pre-useful .article-list ul li {
	width: calc(33% - 6px);
	display: flex;
	margin: 12px 12px 0 0;
}
#pre-useful:not(.pre-useful-list) .article-list ul li:nth-child(n+4) {display: none;}
#pre-useful .article-list ul li:nth-child(3n) { margin-right: 0; }
#pre-useful .article-list ul li a {
	display: flex;
	width: 100%;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #ddd;
	padding: 0 30px 0px 115px;
	background-color: #fff;
	min-height: 100px;
	box-sizing: border-box;
	position: relative;
	transition: background-color 0.2s;
}
#pre-useful .article-list ul li a .img-wrap {
	position: absolute;
	width: 100px;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pre-useful .article-list ul li a .img-wrap>img {transition: opacity 0.2s;}
#pre-useful .article-list ul li a .img-wrap>img {height: 150px;}
#pre-useful .article-list ul li a:hover {
	background-color: #eeeeee;
	text-decoration: none;
}
#pre-useful .article-list ul li a:hover img {opacity: 0.8;}
#pre-useful .article-list ul li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px #666666 solid;
	border-right: 2px #666666 solid;
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
	border-radius: 1px;
}
#pre-useful .article-list ul li a .sentence {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*** Paidバナー（記事） ***/
[class^='useful-paid-bnr'] {
	background:
		url('/img/contents/useful/img_paidbnr_l_00.png') left -30% top 23%,
		url('/img/contents/useful/img_paidbnr_r_00.png') right -32% top 80%
	;
	background-repeat: no-repeat;
	background-size: 54% auto, 33% auto;
	background-color: #ffffff;
	margin-top: 40px;
	border: 1px #ccc solid;
	display: flex;
	line-height: 1.8;
	box-shadow: 0 0 50px -50px #e3f8de inset;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s;
}
[class^='useful-paid-bnr'] a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 79px 20px 29px;
}
.useful-paid-bnr-article:hover,
#useful-paid-bnr:hover { opacity: 0.8; }
#pre-useful [class^='useful-paid-bnr'] a:hover { text-decoration: none; }
#pre-useful [class^='useful-paid-bnr'] a:hover span {
	background-color: #ffffff;
	color: #1e95d4;
}
#pre-useful [class^='useful-paid-bnr'] a:hover span:before {
	border-top: 2px #1e95d4 solid;
	border-right: 2px #1e95d4 solid;
}
[class^='useful-paid-bnr'] img.paid-bnr-pc { width: 240px; }
[class^='useful-paid-bnr'] .box-r { margin-left: 40px; }
[class^='useful-paid-bnr'] .box-r figure {
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
[class^='useful-paid-bnr'] .box-r img { vertical-align: middle; }
[class^='useful-paid-bnr'] .paid-bnr-logo { width: 20%; }
[class^='useful-paid-bnr'] .paid-bnr-logotxt {
	width: 60%;
	padding-left: 12px;
	min-width: 190px;
}
#pre-useful [class^='useful-paid-bnr'] p {
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	padding: 20px 0;
}
#pre-useful [class^='useful-paid-bnr'] span {
	color: #ffffff;
	font-weight: bold;
	background-color: #1e95d4;
	padding: 10px 40px;
	border-radius: 27px;
	display: inline-block;
	border: 2px solid #1e95d4;
	transition: background-color 0.5s,color 0.5s;
	position: relative;
}
#pre-useful [class^='useful-paid-bnr'] a span:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	right: 19px;
	top: calc(50% - 4px);
	border-radius: 1px;
	transition: border 0.2s;
}

/*** コンテンツトップ ***/
#pre-useful.pre-useful-list { padding-bottom: 60px; }

/*** 記事本体 ***/
#pre-useful,#pre-useful * { box-sizing: border-box; }
#pre-useful { font-size: 14px; }
#pre-useful article {
	background-color: #ffffff;
	padding: 30px 45px 50px;
	word-break: break-all;
	margin: 0 auto 50px;
}
#pre-useful article p { font-size: 15px; }
#pre-useful article p + p { margin-top: 15px; }
#pre-useful article .related-post {
	display: inline-block;
	padding: 7px 6px 3px;
	font-size: 14px;
	color: #555555;
	border-radius: 3px;
	line-height: 1;
	vertical-align: 1px;
	margin-right: 9px;
	border: 1px #cccccc solid;
}
#pre-useful article .border {
	border: 1px #333333 solid;
    width: 90%;
    padding: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#pre-useful article .img-photo {
	margin: 0;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
}
#pre-useful article .c-formal {
	text-align: center;
	background-color: #f6f6f6;
	border: 1px #cccccc solid;
	padding: 10px;
}
#pre-useful article .c-formal span {
	padding: 0 5px 0 0;
	font-weight: bold;
}
#pre-useful article p img { max-width: 100%; }
#pre-useful article table { margin-top: 25px; }
#pre-useful article table tr { border: 1px solid; }
#pre-useful article table tr th {
	border-right: 1px dotted;
	padding: 13px 25px;
	font-weight: bold;
}
#pre-useful article table tr td { padding: 13px 25px; }
#pre-useful article .s-table { margin-bottom: 25px; }
#pre-useful article .agent-table { margin-bottom: 25px; }
#pre-useful article .agent-table tbody tr th {
	line-height: 1.3em;
	border-right: 1px solid;
	text-align: center;
}
#pre-useful article .agent-table tbody tr td { border-right: 1px solid; }
/* タイトル・見出し */
#pre-useful article h1,
#pre-useful article h2,#pre-useful article h3 { line-height: 1.4; }
#pre-useful article h1 {/* タイトル */
	font-size: 24px;
	font-weight: bold;
	border-bottom: 3px #cccccc solid;
	padding-bottom: 15px;
	margin-top: 20px;
	margin-bottom: 35px;
	padding-bottom: 20px;
	line-height: 1.6;
}
#pre-useful article h1 .sub-title {
	font-size: 18px;
	display: block;
}
#pre-useful article h2 {/* 見出し */
	font-size: 20px;
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: 2px #cccccc solid;
	padding: 12px 15px 10px;
	margin: 40px auto 25px;
}
#pre-useful article h3 {/* 小見出し */
	font-size: 16px;
	font-weight: bold;
	border-left: 4px #0a9b00 solid;
	padding-left: 12px;
	margin: 25px auto 15px;
}
#pre-useful article h4 { margin: 15px 0 5px; }/* 孫見出し */
#pre-useful article h4:before {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #333333;
	margin: 0 10px 0 3px;
}
#pre-useful article h5 { font-weight: bold; }
#pre-useful .article-mv {
	margin: 0;
	height: 300px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
}
#pre-useful .article-mv>img {width: 100%;}
#pre-useful article [class^='useicon'] {
	display: flex;
	flex-wrap: wrap;
}
#pre-useful article [class^='useicon']>* {margin-bottom: 10px;}
#pre-useful article [class^='useicon']>*:not(:last-child) {margin-right: 10px;}
#pre-useful article [class^='useicon']>.cat {margin-right: 20px;}
#pre-useful article .cat {
	font-size: 15px;
	border: 1px solid #0a9b00;
	color: #0a9b00;
	padding: 2px 5px 0;
}
#pre-useful article .tag {
	padding: 2px 10px 0;
	min-width: 75px;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	transition: background 0.2s, color 0.2s;
	font-size: 14px;
	text-decoration: none;
	color: #333;
}
#pre-useful article .tag:hover {
    color: #fff;
    background: #0a9b00;
}
#pre-useful article .tag-bottom {
	display: flex;
	margin: 55px 0 0;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
#pre-useful article .tag-bottom .title {
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}
#pre-useful article .tag-bottom .title:after {
	content: ':';
	padding-left: 5px;
}
#pre-useful article .tag-bottom ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width: calc(100% - 91px);
}
#pre-useful article .tag-bottom li {
	list-style: none;
	margin: 0 0 10px 0;
}
#pre-useful article .tag-bottom li:not(:last-child) {margin-right: 10px;}
#pre-useful article .to-instance-banner {
	margin-top: 45px;
	display: inline-block;
	transition: opacity 0.2s;
}
#pre-useful article .to-instance-banner:hover {opacity: 0.7;}
#pre-useful article .to-instance-banner img {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
}
#pre-useful article .to-instance-banner .sp {display: none;}
/* 目次 */
#pre-useful .contents-list {
	display: inline-flex;
	border: 1px #dddddd solid;
	padding: 12px 0;
	margin: 15px auto 0;
	line-height: 1.7;
}
#pre-useful .contents-list dt {
	align-self: center;
	padding: 10px 30px;
	font-weight: bold;
	flex-shrink: 0;
}
#pre-useful .contents-list dd {
	padding: 0 40px 0 20px;
	border-left: 1px #dddddd dotted;
}
#pre-useful .contents-list dd a {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
#pre-useful .contents-list dd a:before { content: '・'; }
/* リスト */
#pre-useful article ul { margin: 15px 0; }
#pre-useful article ul li {
	list-style: disc;
	margin-left: 25px;
}
#pre-useful article ul li.list-ttl {
	list-style: none;
	margin-left: 0;
}
/* 固定帯 */
#pre-useful .article-fixed-link {
	position: fixed;
	bottom: -100px;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 55px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255,255,255,0.85);
	color: #ffffff;
	z-index: 10;
	transition: opacity 0.3s;
}
#pre-useful .article-fixed-link figure img {
	padding-top: 7px;
	width: 85px;
}
#pre-useful .article-fixed-link p {
	max-width: calc(100% - 85px - 50px - 175px);
	margin: 0 20px 0 30px;
}
#pre-useful .article-fixed-link a {
	width: 60%;
	background-color: #1e95d4;
	color: #ffffff;
	padding: 7px 0;
	border-radius: 25px;
	text-align: center;
	font-weight: bold;
	transition: background-color 0.2s,color 0.2s;
	border: 2px solid #1e95d4;
}
#pre-useful .article-fixed-link a:hover {
	background-color: #ffffff;
	color: #1e95d4;
	text-decoration: none;
}

/* PC */
@media screen and (min-width: 1025px) {
	#pre-useful.pre-useful-list .article-list {margin-bottom: 120px;}
}
/* TAB/SP */
@media screen and (max-width: 1024px) {
	#pre-useful .main-wrap {
		flex-direction: column;
		align-items: center;
	}
	#pre-useful .topic-path {
		box-sizing: border-box;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	#pre-useful .right-menu {
		margin-left: 0;
		max-width: 100%;
		text-align: center;
	}
	#pre-useful .left-wrap {max-width: 100%;}
	#pre-useful.pre-useful-list .right-menu {margin-top: 0;}

	/*** 記事一覧 ***/
	#pre-useful .article-list {margin-bottom: 90px;}
	#pre-useful .article-list ul li:nth-child(2n) { margin-left: 0; }

	/*** Paidバナー ***/
	#pre-useful [class^='useful-paid-bnr'] {
		display: none;
		background: url('/img/contents/useful/img_paidbnr_sp_bg_00.png') left 0 top 0;
		background-size: 100%;
		background-repeat: no-repeat;
		line-height: 1.8;
		padding: 0;
		max-height: 980px;
		justify-content: center;
		text-align: center;
		margin-top: 20px;
	}
	#pre-useful.pre-useful-list [class^='useful-paid-bnr'] {display: none;}
	[class^='useful-paid-bnr'] a {
		padding: 30px 40px;
		display: block;
	}
	#pre-useful.pre-useful-list + [class^='useful-paid-bnr'] { padding: 50px 0 40px; }
	[class^='useful-paid-bnr'] p,
	#pre-useful.pre-useful-list + [class^='useful-paid-bnr'] p { text-align: left; }
	[class^='useful-paid-bnr'] img.paid-bnr-sp {
		width: 50%;
		margin-left: 7%;
	}
	[class^='useful-paid-bnr'] .box-r { margin: 10px 0 0 0; }
	[class^='useful-paid-bnr'] .box-r div {
		padding: 0;
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	[class^='useful-paid-bnr'] .paid-bnr-logo { width: 18%; }
	[class^='useful-paid-bnr'] .paid-bnr-logotxt {
		width: 58%;
		padding-left: 22px;
	}
	[class^='useful-paid-bnr'] figure img { margin: 0 auto; }
	[class^='useful-paid-bnr'] figure img:first-child { width: 74%; }
	[class^='useful-paid-bnr'] figure .paid-bnr-logotxt { width: 90%; }
	#pre-useful [class^='useful-paid-bnr'] span { width: 60%; }
}
/* TAB */
@media screen and (max-width: 1024px) and (min-width: 671px) {
	/*** メインビジュアル ***/
	#pre-useful.pre-useful-list .pre-page-ttl { padding: 30px 10px 105px; }
	#pre-useful .right-menu>* { margin-bottom: 20px; }
	#pre-useful .right-menu a:last-child { padding-left: 10px; }
	/*** 記事本体 ***/
	#pre-useful article {
		padding: 30px 40px;
		margin: 0 0 50px;
	}
	#pre-useful article h2 { margin: 30px auto; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-useful,
	#pre-useful article [class^='useicon'] { font-size: 13px; }
	#pre-useful { padding-bottom: 50px; }
	#pre-useful [class^='useful-paid-bnr'] { margin-bottom: 30px; }
	#pre-useful .main-wrap {margin: 0 auto;}
	#pre-useful .main-wrap,
	#pre-useful .topic-path { padding: 0 15px; }

	/*** メインビジュアル ***/
	#pre-useful .pre-page-ttl { padding: 20px 10px; }
	#pre-useful .pre-page-ttl .post-title {
		height: 20vw;
		background: url('/img/contents/useful/ttl_article_sp_00.png') center center no-repeat;
		background-size: cover;
		width: 100%;
	}
	#pre-useful .pre-page-ttl h1 {
		width: 100%;
		height: 20vw;
		background-image: url('/img/contents/useful/ttl_article_sp_00.png');
	}
	#pre-useful .pre-page-ttl .mv-subtxt {
		text-align: left;
		max-width: 380px;
		width: 90%;
		margin: 58% auto 0;
	}

	/* コンテンツトップ用 */
	#pre-useful.pre-useful-list .pre-page-ttl { padding: 30px 10px 125px; }
	#pre-useful.pre-useful-list .pre-page-ttl h1 {
		height: 49vw;
		max-width: 400px;
		max-height: 210px;
		background-image: url('/img/contents/useful/ttl_top_sp_00.png');
	}

	#pre-useful.pre-useful-list { padding-bottom: 90px; }

	/*** 記事一覧 ***/
	#pre-useful .article-list,
	#pre-useful .article-list h2 {
		font-size: 18px;
		line-height: 1.2;
		padding-top: 30px;
	}
	#pre-useful article h3 { margin-top: 20px; }
	#pre-useful article [class^='useicon']>.cat { margin-right: 12px; }
	#pre-useful article .cat { font-size: 13px; }
	#pre-useful article .tag {
		min-width: 50px;
		font-size: 12px;
	}
	#pre-useful .article-list ul {
		justify-content: space-between;
		margin-top: 25px;
	}
	#pre-useful .article-list ul li {
		width: calc(50% - 5px);
		margin: 0px 0 10px;
	}
	#pre-useful:not(.pre-useful-list) .article-list ul li:nth-child(n+3) {display: none;}
	#pre-useful .article-list ul li a {
		font-size: 14px;
		padding: 12px 50px 12px 25px;
		line-height: 1.5;
		flex-direction: column;
		padding: 0;
	}
	#pre-useful .article-list ul li a:after {content: none;}
	#pre-useful .article-list ul li a .img-wrap {
		position: static;
		width: 100%;
		height: 59px;
	}
	#pre-useful .article-list ul li a .img-wrap>img {
		height: auto;
		width: 100%;
	}
	#pre-useful .article-list ul li a .sentence {
		display: block;
		padding: 5px 10px;
		min-height: 70px;
	}
	#pre-useful .article-list ul li a .sentence:after {
		content: '';
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: 2px #666666 solid;
		border-right: 2px #666666 solid;
		transform: rotate(45deg);
		border-radius: 1px;
		margin-left: 5px;
	}
	/*** Paidバナー ***/
	[class^='useful-paid-bnr'] a { padding: 20px; }
	[class^='useful-paid-bnr'] img.paid-bnr-sp {
		min-width: 175px;
		margin-left: 14%;
	}
	[class^='useful-paid-bnr'] .box-r div { display: block; }
	[class^='useful-paid-bnr'] .paid-bnr-logo {
		min-width: 105px;
		padding-right: 15px;
	}
	[class^='useful-paid-bnr'] .paid-bnr-logotxt {
		padding: 13px 0 0 0;
		min-width: 205px;
	}
	#pre-useful [class^='useful-paid-bnr'] span {
		width: 70%;
		padding: 10px 25px;
	}

	/*** 記事本体 ***/
	#pre-useful article h1 {
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#pre-useful article {
		width: 100%;
		padding: 20px;
		border: 0;
	}
	#pre-useful article h2 { margin: 20px auto 25px; }
	#pre-useful article h3 { margin-bottom: 10px; }
	#pre-useful .contents-list dt { padding: 10px 20px; }
	.useful-paid-bnr-article .pre-btn-m { width: 80%; }
	#pre-useful .link-blank { background-position: left 2px top 5px; }
	#pre-useful article .to-instance-banner .pc {display: none;}
	#pre-useful article .to-instance-banner .sp {display: block;}
	#pre-useful .article-mv {
		margin-top: 20px;
		height: auto;
	}

	/*** 固定帯 ***/
	#pre-useful .article-fixed-link.show-btn {
		opacity: 1;
		-webkit-animation: hide-btn 0.3s;
		animation: hide-btn 0.3s;
		bottom: 0;
		box-shadow: 0 0 7px 0 rgba(155,155,155,0.5);
	}
	#pre-useful ~ footer #page-top.hide-top { opacity: 0; }
	@-webkit-keyframes hide-btn {
		0% { display: block; }
		100% { display: none; }
	}
	@-moz-keyframes hide-btn {
		0% { display: block; }
		100% { display: none; }
	}
	@-ms-keyframes hide-btn {
		0% { display: block; }
		100% { display: none; }
	}
	@keyframes hide-btn {
		0% { display: block; }
		100% { display: none; }
	}
	#pre-useful ~ footer #page-top { transition: opacity 0.3s; }
	#pre-useful ~ footer #page-top.hide-top { opacity: 0; }
}

/* 用語集ページ-------------------------------------------------- */
#pre-glossary {
	background-color: #f6f6f6;
	padding-bottom: 80px;
	line-height: 1.8;
}
#pre-glossary .main-wrap {
	max-width: 1200px;
	margin: 40px auto 0;
	display: flex;
}
#pre-glossary .main-wrap,
#pre-glossary .topic-path {
	padding: 0 30px;
	box-sizing: content-box;
}
#pre-glossary .topic-path {
	max-width: 1200px;
	margin: 22px auto 0;
	width: 100%;
}
#pre-glossary .left-wrap {width: 70%;}
#pre-glossary .left-wrap .article-list {
	background-color: #ffffff;
	border: 1px solid #ddd;
	padding: 40px 45px;
}
#pre-glossary .right-menu {
	max-width: 30%;
	margin-left: 5%;
}
#pre-glossary .right-menu h2 {
	background: #e0f8d9;
	font-size: 15px;
	font-weight: 600;
	color: #29a21f;
	padding: 9px 25px 5px;
}
#pre-glossary .right-menu a,
#pre-glossary .right-menu img {
	vertical-align: bottom;
	display: inline-block;
}
#pre-glossary .right-menu img {width: 100%;}
#pre-glossary .right-menu>*:not(:last-child) {margin-bottom: 20px;}
#pre-glossary .right-menu .contents {
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
}
#pre-glossary .right-menu .to-paid {max-width: 300px;}
#pre-glossary .right-menu a,
#pre-glossary .right-menu .to-paid {transition: opacity 0.2s;}
#pre-glossary .right-menu a:hover,
#pre-glossary .right-menu .to-paid:hover {opacity: 0.7;}
#pre-glossary .main-wrap .right-menu .right-article-list {
	max-width: 300px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
}
#pre-glossary .right-menu .right-article-list ul {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
#pre-glossary .right-menu .right-article-list ul li {
	margin: 5px 0 5px 10px;
}
#pre-glossary .right-menu .right-article-list ul li a {
	background: url(/img/contents/useful/glossary/tag_gray.png) left center no-repeat;
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
	color: #333;
}
#pre-glossary .right-menu .right-article-list ul li a:hover {
	color: #1e95d4;
	text-decoration: underline;
}
/*** メインビジュアル ***/
#pre-glossary .pre-page-ttl {
	font-size: 14px;
	height: auto;
	padding: 25px 20px;
}
#pre-glossary .pre-page-ttl .post-title {
	width: 94%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -300%;
	height: 102px;
	background: url('/img/contents/useful/glossary/glossary_title.png') center center no-repeat;
	background-size: contain;
}
#pre-glossary .pre-page-ttl .mv-subtxt { margin-top: 20px; }
/* コンテンツトップ用 */
#pre-glossary.pre-glossary-list .pre-page-ttl { padding: 45px 20px; }
#pre-glossary.pre-glossary-list .pre-page-ttl h1 {
	height: 120px;
	background-image: url('/img/contents/useful/glossary/glossary_title.png');
}

/*** 記事一覧 ***/
#pre-glossary .article-list h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin: 0 auto;
	padding-bottom: 10px;
	border-image: linear-gradient(to right, #009c64 0%, #8ec718 100%) 1/0 0 3px 0;
	border-style: solid;
	margin-bottom: 15px;
}
#pre-glossary .article-list h2 img { width: 20px; }
#pre-glossary .article-list h2 .reading {
	font-size: 16px;
	font-weight: normal;
}
#pre-glossary .article-list p {
	font-size: 15px;
	padding-bottom: 10px;
	line-height: 1.8;
}
#pre-glossary .article-list h3 {
	font-size: 15px;
	font-weight: bold;
	color: #0a9b00;
	padding-left: 30px;
	margin: 0 auto;
}
#pre-glossary .article-list h2:first-child { padding-top: 0; }
#pre-glossary .article-list ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 60px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px #cccccc dotted;
	margin-bottom: 15px;
}
#pre-glossary .article-list ul li {
	width: 30%;
	display: flex;
	margin: 12px 12px 0 0;
	align-items: center;
}
#pre-glossary .article-list ul li a {
	color: #333;
	font-size: 15px;
	background: url(/img/contents/useful/glossary/tag_gray.png) left center no-repeat;
	padding-left: 20px;
}
#pre-glossary .article-list ul li a .img-wrap {
	position: absolute;
	width: 100px;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pre-glossary .article-list ul li a .img-wrap>img {transition: opacity 0.2s;}
#pre-glossary .article-list ul li a .img-wrap>img {height: 150px;}
#pre-glossary .article-list ul li a:hover {
	color: #1e95d4;
	text-decoration: underline;
}
#pre-glossary .article-list ul li a:hover img {opacity: 0.8;}
#pre-glossary .article-list ul li a .sentence {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*** Paidバナー（記事） ***/
[class^='useful-paid-bnr'] {
	background:
		url('/img/contents/useful/img_paidbnr_l_00.png') left -30% top 23%,
		url('/img/contents/useful/img_paidbnr_r_00.png') right -32% top 80%
	;
	background-repeat: no-repeat;
	background-size: 54% auto, 33% auto;
	background-color: #ffffff;
	margin-top: 40px;
	border: 1px #ccc solid;
	display: flex;
	line-height: 1.8;
	box-shadow: 0 0 50px -50px #e3f8de inset;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s;
}
[class^='useful-paid-bnr'] a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 79px 20px 29px;
}
.useful-paid-bnr-article:hover,
#useful-paid-bnr:hover { opacity: 0.8; }
#pre-glossary [class^='useful-paid-bnr'] a:hover { text-decoration: none; }
#pre-glossary [class^='useful-paid-bnr'] a:hover span {
	background-color: #ffffff;
	color: #1e95d4;
}
#pre-glossary [class^='useful-paid-bnr'] a:hover span:before {
	border-top: 2px #1e95d4 solid;
	border-right: 2px #1e95d4 solid;
}
[class^='useful-paid-bnr'] img.paid-bnr-pc { width: 240px; }
[class^='useful-paid-bnr'] .box-r { margin-left: 40px; }
[class^='useful-paid-bnr'] .box-r figure {
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
[class^='useful-paid-bnr'] .box-r img { vertical-align: middle; }
[class^='useful-paid-bnr'] .paid-bnr-logo { width: 20%; }
[class^='useful-paid-bnr'] .paid-bnr-logotxt {
	width: 60%;
	padding-left: 12px;
	min-width: 190px;
}
#pre-glossary [class^='useful-paid-bnr'] p {
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	padding: 20px 0;
}
#pre-glossary [class^='useful-paid-bnr'] span {
	color: #ffffff;
	font-weight: bold;
	background-color: #1e95d4;
	padding: 10px 40px;
	border-radius: 27px;
	display: inline-block;
	border: 2px solid #1e95d4;
	transition: background-color 0.5s,color 0.5s;
	position: relative;
}
#pre-glossary [class^='useful-paid-bnr'] a span:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	right: 19px;
	top: calc(50% - 4px);
	border-radius: 1px;
	transition: border 0.2s;
}
#pre-glossary.pre-glossary-list { padding-bottom: 60px; }
#pre-glossary,#pre-glossary * { box-sizing: border-box; }
#pre-glossary { font-size: 14px; }

/* TAB/SP */
@media screen and (max-width: 1024px) {
	#pre-glossary .main-wrap {
		flex-direction: column;
		align-items: center;
		padding: 0 15px;
	}
	#pre-glossary .topic-path {
		box-sizing: border-box;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	#pre-glossary .right-menu {
		margin-left: 0;
		max-width: 100%;
		text-align: center;
		width: 840px;
	}
	#pre-glossary .left-wrap {width: 100%;}
	#pre-glossary .main-wrap .right-menu .right-article-list {max-width: 100%;}
	#pre-glossary.pre-glossary-list .right-menu {margin-top: 0;}
	/*** 記事一覧 ***/
	#pre-glossary .article-list {margin-bottom: 20px;}
	#pre-glossary .article-list ul li:nth-child(2n) { margin-left: 0; }

	/*** Paidバナー ***/
	/*** メインビジュアル ***/
	#pre-glossary.pre-glossary-list .pre-page-ttl { padding: 30px 10px; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-glossary {
		 font-size: 13px;
		 padding-bottom: 50px;
 	}
	#pre-glossary [class^='useful-paid-bnr'] { margin-bottom: 30px; }
	#pre-glossary .main-wrap {margin: 0 auto;}
	#pre-glossary .main-wrap,
	#pre-glossary .topic-path { padding: 0 15px; }

	/*** メインビジュアル ***/
	#pre-glossary .pre-page-ttl { padding: 20px 10px; }
	#pre-glossary .pre-page-ttl .post-title {
		height: 20vw;
		background: url('/img/contents/useful/ttl_article_sp_00.png') center center no-repeat;
		background-size: cover;
		width: 100%;
	}
	#pre-glossary .pre-page-ttl h1 {
		width: 100%;
		height: 20vw;
		background-image: url('/img/contents/useful/ttl_article_sp_00.png');
	}
	#pre-glossary .pre-page-ttl .mv-subtxt {
		max-width: 380px;
		width: 90%;
		margin: 15px auto 0;
		margin-top: 5px;
	}

	/* コンテンツトップ用 */
	#pre-glossary.pre-glossary-list .pre-page-ttl { padding: 30px 10px 35px; }
	#pre-glossary.pre-glossary-list .pre-page-ttl h1 {
		height: 27vw;
		max-width: 400px;
		max-height: 210px;
		background-image: url('/img/contents/useful/glossary/glossary_title.png');
		background-size: 89% auto;
	}
	#pre-glossary.pre-glossary-list { padding-bottom: 90px; }

	/*** 記事一覧 ***/
	#pre-glossary .left-wrap .article-list {
		padding: 25px 25px;
		margin-top: 25px;
	}
	#pre-glossary .article-list h2 {
		font-size: 18px;
		line-height: 1.2;
		padding-top: 30px;
	}
	#pre-glossary .article-list ul {
		justify-content: space-between;
		margin-top: 10px;
		padding: 0;
	}
	#pre-glossary .article-list h3 {
 		padding-left: 0;
	}
	#pre-glossary .article-list ul li {
		width: calc(50% - 5px);
		margin: 0px 0 10px;
	}
	#pre-glossary .article-list ul li a {
		font-size: 14px;
		line-height: 1.5;
		flex-direction: column;
		padding: 0 0 0 20px;
	}
	#pre-glossary .article-list ul li a:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 8px;
		border-width: 1px 1px 0 0;
		border-style: solid;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin: -2px 2px 0 10px;
    }
	#pre-glossary .article-list ul li a .img-wrap {
		position: static;
		width: 100%;
		height: 59px;
	}
	#pre-glossary .article-list ul li a .img-wrap>img {
		height: auto;
		width: 100%;
	}
	#pre-glossary .right-menu .right-article-list ul li a:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 8px;
		border-width: 1px 1px 0 0;
		border-style: solid;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin: -2px 2px 0 10px;
    }
	/*** Paidバナー ***/
	[class^='useful-paid-bnr'] a { padding: 20px; }
	[class^='useful-paid-bnr'] img.paid-bnr-sp {
		min-width: 175px;
		margin-left: 14%;
	}
	[class^='useful-paid-bnr'] .box-r div { display: block; }
	[class^='useful-paid-bnr'] .paid-bnr-logo {
		min-width: 105px;
		padding-right: 15px;
	}
	[class^='useful-paid-bnr'] .paid-bnr-logotxt {
		padding: 13px 0 0 0;
		min-width: 205px;
	}
	#pre-useful [class^='useful-paid-bnr'] span {
		width: 70%;
		padding: 10px 25px;
	}

	/*** 固定帯 ***/
	#pre-glossary .article-fixed-link.show-btn {
		opacity: 1;
		-webkit-animation: hide-btn 0.3s;
		animation: hide-btn 0.3s;
		bottom: 0;
		box-shadow: 0 0 7px 0 rgba(155,155,155,0.5);
	}
	#pre-glossary ~ footer #page-top { transition: opacity 0.3s; }
	#pre-glossary ~ footer #page-top.hide-top { opacity: 0; }
}


/* Paid管理画面 加盟企業メンバー招待（企業LP）
-------------------------------------------------- */
#company_site{
	font-size: 15px;
	color: #333;
}
#company_site .pre-in-box {
	max-width: 1000px;
	text-align: center;
	padding: 65px 0 60px;
	line-height: 1.8em;
}
#company_site .pre-push-txt {
	margin: 0 auto 20px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#company_site img { width: 100%;}
#company_site .header {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
	width: 86%;
}
#company_site .header p{
	display: table-cell;
    vertical-align: middle;
    height: 40px;
}
#company_site .header img{
	width: 65px;
	display: inline-block;
    vertical-align: middle;
}
#company_site h2 { color: #009c64;}
#company_site .sp-only { display: none;}
#company_site .main {
	background-color: #e0f8d9;
	overflow: hidden;
}
#company_site .main .pre-in-box {
	position: relative;
	padding: 50px 0 40px;
	text-align: left;
}
#company_site .cart-annotation {
	font-size: 14px;
	font-weight: bold;
	color: #ff5e62;
	border: 1px solid #ff5e62;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 0 20px;
	text-align: left;
	display: inline-block;
}
#company_site .main .catch_l { width: 53%;}
#company_site .main .catch_r { width: 45%;}
#company_site .main .catch_r {
    position: absolute;
    top: 30px;
    right: 0;
    text-align: right;
}
#company_site .main .catch_r img{
	max-width: 500px;
	    min-width: 270px;
}
#company_site .main .txt_lead {
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #888;
    padding: 5px 8px 3px;
    display: inline-block;
    max-width: 470px;
}
#company_site .main .txt_caption h1 {
	font-size: 30px;
	font-weight: bold;
	color: #009c64;
	padding: 22px 0 15px;
	line-height: 1.4em;
}
#company_site .main .txt_caption p {
	font-size: 15px;
	padding: 0 0 22px;
}
#company_site .main .txt_caption .cart-annotation {
	font-size: 14px;
	font-weight: bold;
	color: #ff5e62;
	border: 1px solid #ff5e62;
	background-color: #fff;
	border-radius: 5px;
	padding: 3px 10px;
	display: inline-block;
	max-width: 420px;
	margin: 0;
}
#company_site .about ul {
	border: 1px solid #ccc;
	margin-top: 40px;
}
#company_site .about ul li:nth-of-type(1) {
	border-bottom: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 8px;
}
#company_site .about ul li:nth-of-type(2) {
	padding: 30px 30px 20px;
}
#company_site .about ul li .title .sub {
	background-color: #009c64;
	color: #fff;
	font-size: 14px;
	padding: 3px 5px;
	margin-right: 10px;
}
#company_site .about ul li .gra { padding-top: 30px;}
#company_site .about ul li .gra img{
	max-width: 760px;
	-webkit-backface-visibility: hidden;
}
#company_site .end .pre-in-box { padding: 60px 0 50px;}
#company_site .end .title{
	font-size: 22px;
	padding: 0 0 40px;
}
#company_site .end .pre-btn.pre-btn-l{ width: 500px;}
#company_site .end .pre-in-box p.txt-add {
	font-size: 12px;
	color: #666;
	line-height: 1.8;
	margin-top: 40px;
}
#company_site .end .com-prof-box {
	background-color: #f6f6f6;
	width: auto;
	margin: 0 auto;
	padding: 30px;
}
#company_site .end .com-prof-box .com-prof {
	background-color: #ffffff;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333333;
	line-height: 1.8;
	text-align: left;
	max-width: 650px;
	width: 50%;
	margin: 0 auto;
	padding: 30px 40px 25px;
}
#company_site .end .com-prof-box .com-prof p {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#company_site .end .com-prof-box .com-prof a { word-break: break-all; }

/* メンバー料金表 */
#company_site .mem-charge { margin-top: 40px;}
#company_site .mem-charge .container {
    width: 100%;
    height: 295px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 40px 1fr 1fr 1fr;
    background-color: #fff;
    border: 1px solid #ccc;
    /* MS対策 */
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 40px 1fr 1fr 1fr;
}
#company_site .mem-charge .container div {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
#company_site .mem-charge .title_cost {
    grid-column: 1;
    grid-row: 1;
    -ms-grid-column: 1;
	-ms-grid-row: 1;
}
#company_site .mem-charge .title_pay {
	grid-column: 2;
    grid-row: 1;
    -ms-grid-column: 2;
	-ms-grid-row: 1;
}
#company_site .mem-charge .title_cond {
	grid-column: 3;
    grid-row: 1;
    -ms-grid-column: 3;
	-ms-grid-row: 1;
}
#company_site .mem-charge .title_how {
	grid-column: 4;
    grid-row: 1;
    border-right: none !important;
    -ms-grid-column: 4;
	-ms-grid-row: 1;
}
#company_site .mem-charge .cost {
    grid-column: 1;
    grid-row: 2 / 5 ;
    -ms-grid-column: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 3; /* MS対策 */
}
#company_site .mem-charge .pay_bank {
	grid-column: 2;
    grid-row: 2;
    border-top: 1px solid #ccc !important;
    -ms-grid-column: 2;
	-ms-grid-row: 2;
}
#company_site .mem-charge .pay_kou {
	grid-column: 2;
    grid-row: 3;
    -ms-grid-column: 2;
	-ms-grid-row: 3;
}
#company_site .mem-charge .pay_con {
	grid-column: 2;
    grid-row: 4;
    border-bottom: none;
    -ms-grid-column: 2;
	-ms-grid-row: 4;
}
#company_site .mem-charge .cond_bank_kou {
    grid-column: 3;
    grid-row: 2 / 4 ;
    -ms-grid-column: 3;
	-ms-grid-row: 2;
	-ms-grid-row-span: 2; /* MS対策 */
}
#company_site .mem-charge .cond_con {
    grid-column: 3;
    grid-row: 4;
    -ms-grid-column: 3;
	-ms-grid-row: 4;
}
#company_site .mem-charge .note_bank_kou {
    grid-column: 4;
    grid-row: 2 / 4 ;
    -ms-grid-column: 4;
	-ms-grid-row: 2;
	-ms-grid-row-span: 2; /* MS対策 */
}
#company_site .mem-charge .note_con {
    grid-column: 4;
    grid-row: 4;
    -ms-grid-column: 4;
	-ms-grid-row: 4;
}
#company_site .mem-charge div[class^="title_"] {
	background-color: #eee;
	border-top: none;
}
#company_site .mem-charge div[class^="pay_"] {
	background-color: #f4fff1;
	color: #009c64;
	border-top: none;
	border-left: none;
	border-bottom: 1px dotted #ccc;
}
#company_site .mem-charge div[class^="pay_"]:before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background-color: #ffffff;
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: -7px;
	top: calc(50% - 7px);
}
#company_site .mem-charge div[class^="note_"] { border-right: none;}
#company_site .mem-charge .pay_con { border-bottom: none!important;}
#company_site .mem-charge .cost span { font-size: 50px;}

/* TAB */
@media screen and (max-width: 940px) {
	#company_site .pc-only { display: none;}
	#company_site .main .pre-in-box {
		text-align: center;
		padding: 30px 0 230px;
	}
	#company_site .main .txt_caption { margin-bottom: 20px; }
	#company_site .main .txt_caption h1 { font-size: 26px;}
	#company_site .main .txt_caption p { padding: 0; }
	#company_site .main .txt_caption .cart-annotation { display: none; }
	#company_site .main .catch_l { width: 100%;}
	#company_site .main .catch_r {
		width: 70%;
	    max-width: 350px;
	    position: absolute;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	    top: auto;
	}
	#company_site .main .sp-btn{
		display: block;
	    width: 100%;
	    margin: 0 auto;
  	    padding: 25px 0 18px;
	    text-align: center;
		background: #f6f6f6;
	    border: 1px solid #ccc;
		z-index: 100;
    	position: relative;
	}
	#company_site .end .com-prof-box .com-prof { width: 70%; }
}
/* SP */
@media screen and (max-width:640px){
	#company_site .pc-tab-only { display: none;}
	#company_site .sp-only { display: inline;}
	#company_site .sp_txtl {
		text-align: left;
		font-size: 14px;
	}
	#company_site .pre-push-txt {
		font-size: 18px;
		font-weight: bold;
		margin: 0 auto 20px;
		line-height: 1.5em;
	}
	#company_site .pre-in-box { padding: 30px 0 30px;}
	#company_site .header { font-size:12px;	}
	#company_site .main .txt_caption h1 {
		font-size: 24px;
		padding:  15px 0 5px;
		line-height: 1.2em;
	}
	#company_site .main .pre-in-box {
		text-align: center;
		padding: 25px 0 140px;
	}
	#company_site .main .catch_r { max-width: 310px;}
	#company_site .about ul { margin-top: 15px;}
    #company_site .about ul li:nth-of-type(2) { padding: 10px 10px 5px;}
	#company_site .about ul li .gra { padding-top: 10px;}
	#company_site .about ul li .title span{
		font-size: 13px;
		font-weight: bold;
	}
	#company_site .about ul li .title .sub { font-weight: normal;}
    #company_site .end .title {
	    font-size: 15px;
	    padding: 0 0 20px;
	    font-weight: bold;
	}
	#company_site .end .pre-in-box { padding: 30px 0 25px;}
	#company_site .end .pre-in-box p.txt-add {
		text-align: left;
		margin-top: 20px;
	}
	#company_site .end .com-prof-box .com-prof { width: auto; }
	#company_site .end .pre-btn.pre-btn-l { width: 100%;}

	/* メンバー料金表 */
	#company_site .mem-charge { margin-top: 10px;}
	#company_site .mem-charge .title_how,
	#company_site .mem-charge .note_bank_kou,
	#company_site .mem-charge .note_con { display: none!important;}
	#company_site .mem-charge .container {
		width: 100%;
	    height: auto;
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto 0.6fr auto 1fr 1fr 1fr;
	    -ms-grid-columns: 1fr 1fr;
	    -ms-grid-rows: auto 0.6fr auto 1fr 1fr 1fr;
	}
	#company_site .mem-charge .container div {
		border-right: none;
		padding: 5px 0;
		font-size: 14px;
	}
	#company_site .mem-charge .container div .sp-only {
		font-size: 11px;
		color: #666;
	}
	#company_site .mem-charge .title_cost {
		grid-column: 1/3;
    	grid-row: 1;
   		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-column-span: 2; /* MS対策 */
    }

	#company_site .mem-charge .title_pay {
		grid-column: 1/2;
		grid-row: 3;
   		-ms-grid-column: 1;
		-ms-grid-row: 3;
		-ms-grid-column-span: 1; /* MS対策 */
	}
	#company_site .mem-charge .title_cond {
		grid-column: 2/3;
		grid-row: 3;
   		-ms-grid-column: 2;
		-ms-grid-row: 3;
		-ms-grid-column-span: 1; /* MS対策 */
	}
	#company_site .mem-charge .cost {
	     grid-column: 1/3;
	    grid-row: 2;
   		-ms-grid-column: 1;
		-ms-grid-row: 2;
		-ms-grid-column-span: 2; /* MS対策 */
		-ms-grid-row-span: 1; /* MS対策 */
	}
	#company_site .mem-charge .pay_bank {
		grid-column: 1;
	    grid-row: 4;
	    -ms-grid-column: 1;
		-ms-grid-row: 4;
	}
	#company_site .mem-charge .pay_kou {
		grid-column: 1;
	    grid-row: 5;
	    -ms-grid-column: 1;
		-ms-grid-row: 5;
	}
	#company_site .mem-charge .pay_con {
		grid-column: 1;
	    grid-row: 6;
	    -ms-grid-column: 1;
		-ms-grid-row: 6;
	}
	#company_site .mem-charge .cond_bank_kou {
	    grid-column: 2;
	    grid-row: 4/6;
	    -ms-grid-column: 2;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2; /* MS対策 */
	}
	#company_site .mem-charge .cond_con {
	    grid-column: 2;
	    grid-row: 6;
	    -ms-grid-column: 2;
		-ms-grid-row: 6;
	}
	#company_site .mem-charge .title_pay,
	#company_site .mem-charge .title_cond { border-top: 1px #cccccc solid !important;}
	#company_site .mem-charge div[class^="pay"],
	#company_site .mem-charge .title_pay { border-right: 1px #cccccc solid !important;}
	#company_site .mem-charge .cost p { margin-top: 15px;}
	#company_site .mem-charge .cost span { font-size: 35px;}
}

/* LP用footer */
#lp_foot {
	background-color: #1e323b;
	color: #fff;
}
#lp_foot .form,
#lp_foot .support{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
#lp_foot .form{
	font-size: 14px;
    width: 69%;
}
#lp_foot .form a{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 14px 4px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
#lp_foot .form a:hover{
	background-color: #25404c;
	opacity: 0.7;
	color: #fff;
}
#lp_foot .form span,
#lp_foot .form a { vertical-align: middle;}
#lp_foot .support {border-left: 1px solid #4e5a61;}
#lp_foot .support p {
	text-align: left;
    padding: 8px 0 8px 18px;
}
#lp_foot .support span { font-size: 12px;}
#lp_foot .support span ,
#lp_foot .support .tel img { vertical-align: middle;}
#lp_foot .support .tel { display: block;}
#lp_foot .support .tel img {
	width: 12px;
    padding-right: 5px;
}
#lp_foot .support{
	text-align: right;
    width: 30%;
}
#lp_foot .com_area{
	font-size: 12px;
	color: #ccc;
	line-height: 1.6;
	border-top: 1px solid #4e5a61;
	border-bottom: 1px solid #4e5a61;
	box-sizing: border-box;
	margin: 15px 0;
	padding: 20px 0;

}
#lp_foot .copyright-ssl{
	font-size: 11px;
	color: #ccc;
}
/* SP */
@media screen and (max-width:640px){
	#lp_foot .form,
	#lp_foot .support{
		text-align: center;
		width: 100%;
	}
	#lp_foot .form { padding: 10px 0;}
	#lp_foot .form a { margin: 10px 0 10px 0;}
	#lp_foot .support {
		border-left: none;
		border-top: 1px solid #4e5a61;
	}
	#lp_foot .support p {
		padding: 15px 0 0 0;
		text-align: center;
	}
}

/* メンテナンス告知など
-------------------------------------------------- */
#pre-notice .pre-txt-note:only-of-type { margin-top: 20px; }
#pre-notice.pre-holiday .pre-tbl-basic { max-width: 500px; }
#pre-notice .notice-date { font-size: 14px; }
#pre-notice .notice-ttl {
	font-size: 21px;
	padding: 5px 0 10px;
	margin-bottom: 35px;
	line-height: 1.6;
	border-bottom: 1px #cccccc solid;
	font-family: FP-ヒラギノUD角ゴ StdN W5,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#pre-guide .headline {
	font-weight: bold;
	font-size: 18px;
}
#pre-guide ul li {
	padding: 0 0 0 2em;
	text-indent: -2em;
	margin-top: 15px;
}
#pre-guide li .list-contents li {
	margin-top: 5px;
	text-indent: -1em;
}
#pre-guide .rac-contact {
	border: 1px #bfbfbf solid;
	max-width: 22em;
	margin: 10px 0 20px 2em;
}
/* 利用規約 */
#pre-guide .rules-area input { display: none; }
#pre-guide .rules-menu-box { border-bottom: 1px #cccccc solid; }
#pre-guide .rules-menu-box label {
	display: block;
	margin-bottom: -1px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #f6f6f6;
	color: #1e95d4;
	padding: 10px 20px;
	width: 160px;
	text-align: center;
}
#pre-guide .rules-menu-box label:first-of-type { margin-left: 30px; }
#pre-guide .rules-menu-box label:last-of-type { margin-left: 10px; }
#pre-guide #rules-c:checked ~ .rules-menu-box .rules-c,
#pre-guide #rules-m:checked ~ .rules-menu-box .rules-m {
	border-color: #cccccc #cccccc #ffffff;
	background-color: #ffffff;
	color: #333333;
	font-weight: bold;
}
#pre-guide [class^='rules-box-'] {
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: opacity .3s ease-in;
}
#pre-guide #rules-c:checked ~ .rules-box-c,
#pre-guide #rules-m:checked ~ .rules-box-m {
	opacity: 1;
	height: auto;
}
#pre-guide .rules-update {
	margin: 10px 0 15px;
	font-weight: bold;
	text-align: right;
}
#pre-guide .rules-beginning { margin-bottom: 60px; }
#pre-guide .chapter {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px #cccccc solid;
	margin: 30px 0 10px;
}
#pre-guide .rules-txt { margin-left: 1em; }
#pre-guide .rules-area [class^='rules-box-'] > ul:not(.inner-bracket) { margin-left: 1em; }
#pre-guide .rules-area ol> li {
	list-style-type: decimal;
	margin-left: 2em;
}
#pre-guide .bracket-a li {
	text-indent: -3em;
	padding-left: 3em;
	margin: 5px 0;
}
#pre-guide .bracket-b li {
	text-indent: -3em;
	padding-left: 3em;
	margin: 5px 0 5px 1em;
}
#pre-guide .bracket-b li.les-indent {
	text-indent: -1em;
	padding-left: 1em;
}
#pre-guide .inner-bracket > li {
	text-indent: -1em;
	padding-left: 1em;
}
#pre-guide .number {
	text-indent: -1em;
	padding-left: 1em;
	margin: 20px 0 0 1em;
}
/* SP */
@media screen and (max-width: 670px){
	#pre-notice .notice-date { font-size: 13px; }
	#pre-notice .notice-ttl {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 25px;
	}
	#pre-guide .headline { font-size: 16px; }
	#pre-guide .rules-menu-box label { width: 6em; }
	#pre-guide .rules-menu-box label:first-of-type { margin-left: 10px; }
}

/* お問い合わせ・よくある質問
-------------------------------------------------- */
#pre-inqlist .pre-inqlist-cnt {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right {
	text-align: center;
	padding: 45px 3em 70px;
	width: 50%;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left {
	margin-right: 3%;
	background: url(/img/pre_login/index/contact_pc.png) left 20px bottom -25px / 65% auto no-repeat #e0f8d9;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right { background: url(/img/pre_login/index/contact_hands.png) left -21px bottom -64px / 56% auto no-repeat #d9eef8; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left div,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right div { flex-wrap: wrap; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left div img,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right div img {
	margin-right: 5px;
	flex-shrink: 0
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left div img,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right div img { height: 25px; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl {
	font-size: 22px;
	font-weight: bold;
	display: inline;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl { color: #0a9b00; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl { color: #16a1eb; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl .pre-inqlist-ttl-sub,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl .pre-inqlist-ttl-sub {
	font-size: 20px;
	padding-left: 5px;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-txt,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-txt {
	padding: 20px 0 14%;
	font-size: 15px;
	margin-top: 15px;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-txt { border-top: 1px solid #0a9b00; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-txt { border-top: 1px solid #16a1eb; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul { float: right; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul li,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul li {
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul li a,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul li a { font-size: 15px; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linktop { padding: 25px 60px; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linkbottom,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linktop,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linkbottom { padding: 15px 60px; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linkbottom,
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linkbottom { margin-top: 12px; }
#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linkbottom { min-width: 225px; }
.pre-inqlist-linktop:after,
.pre-inqlist-linkbottom:after { right: 20px; }
.pre-inqlist-linkbottom:after,
.pre-inqlist-bottom a:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 8px;
	height: 8px;
	border-style: solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pre-inqlist-bottom a:after { border-width: 2px 2px 0 0; }
.pre-inqlist-bottom a:after { border-width: 1px 1px 0 0; }
#pre-inqlist .pre-inqlist-bottom {
	text-align: center;
	margin: 40px 0 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pre-inqlist .pre-inqlist-bottom a {
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	border-radius: 5px;
	color: #333333;
	font-size: 18px;
	padding: 20px 100px 20px 60px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pre-inqlist-bottom a:after { right: 50px; }
#pre-inqlist .pre-inqlist-bottom a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#pre-inqlist .pre-inqlist-bottom a img {
	width: 30px;
	margin-right: 25px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	/* お問い合わせ・よくある質問 */
	#pre-inqlist .pre-inqlist-cnt { display: block; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left { margin-right: 0; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right {
		background-image: none;
		padding: 20px 4em 25px;
		width: auto;
	}
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right { margin-top: 25px; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left div,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right div { display: block; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl{ display: block; }
 	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-txt,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-txt { border: none; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-ttl .pre-inqlist-ttl-sub,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-ttl .pre-inqlist-ttl-sub {
		font-size: 16px;
		padding: 10px 0 5px;
	}
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left .pre-inqlist-txt,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right .pre-inqlist-txt {
		font-size: 12px;
		color: #666666;
		padding: 0 0 15px 0;
		margin-top: 0;
	}
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left div img,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right div img {
		margin-right: 0;
		min-width: 45px;
		width: 12%;
		height: auto;
	}
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul { float: none; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linktop,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linkbottom,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linktop,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linkbottom {
		padding: 17px 20px;
		display: block;
		max-width: 350px;
	}
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul .pre-inqlist-linkbottom { min-width: auto; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul li a,
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-right ul li a { font-size:13px; }
	#pre-inqlist .pre-inqlist-bottom a {
		font-size: 13px;
		font-weight: bold;
		padding: 20px;
		width: 100%;
	}
	#pre-inqlist .pre-inqlist-bottom a img {
		width: 34px;
		margin-right:15px;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linktop .br { display: none; }
}
/* SP */
@media screen and (max-width: 670px){
	/* お問い合わせ・よくある質問 */
	#pre-inqlist .pre-inqlist-bottom a { padding: 20px 45px 20px 20px; }
	.pre-inqlist-bottom a:after { right: 20px; }
	#pre-inqlist .pre-inqlist-cnt .pre-inqlist-left ul .pre-inqlist-linktop .br { display: block; }
}

/* 資料請求
-------------------------------------------------- */
/* 完了 */
#pre-complete .pre-complete-sns,
#pre-complete .pre-complete-sns > div {
	flex-wrap: wrap;
	justify-content: center;
}
#pre-complete .pre-complete-sns {
	margin: 30px auto 0;
	border-top: 1px #cccccc solid;
	padding-top: 20px;
	width: 80%;
}
#pre-complete .pre-complete-sns > p {
	flex-basis: 100%;
	font-size: 14px;
}
#pre-complete .pre-complete-sns a { margin: 7px 10px; }
#pre-complete .pre-complete-sns a img {
	width: 36px;
	height: auto;
	vertical-align: middle;
	margin: 0 12px 0 -20px;
}

/* Paid申し込み（企業）
-------------------------------------------------- */
#pre-entry .pre-fo-innerpre-txt { line-height: 1.4; }
#pre-entry .rules-area {
	border: 1px #cccccc solid;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 15px;
	margin-top: 30px;
	font-size: 15px;
}
/* 完了 */
.pd-sprt-info {
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	padding: 13px 15px 15px;
	margin: 25px auto 15px;
	text-align: center;
	max-width: 700px;
}
.pd-sprt-info .pd-sprt-ttl:before,
.pd-sprt-info .pd-sprt-ttl:after {
	content: '';
	display: inline-block;
	vertical-align: 0.3em;
	width: 15px;
	height: 1px;
	background-color: #333333;
	margin: 0 3px;
}
.pd-sprt-info .pd-sprt-indnt {
	text-indent: -32px;
	padding-left: 32px;
}
.pd-sprt-info .pd-sprt-indnt * { text-indent: 0; }
.pd-sprt-info .pd-sprt-tel,
.pd-sprt-info .pd-sprt-form,
.pd-sprt-info .pd-sprt-mail {
	display: inline-block;
	vertical-align: middle;
	min-height: 23px;
	padding-left: 32px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 23px;
}
.pd-sprt-info .pd-sprt-tel {
	font-weight: bold;
	background-image: url('/img/common/icon/tel_grn_00.png');
	color: #333333;
}
.pd-sprt-info .pd-sprt-form {
	background-image: url('/img/common/icon/pc_grn_00.png');
	margin-top: 5px;
}
.pd-sprt-info .pd-sprt-mail {
	background-image: url('/img/common/icon/mail_grn_00.png');
	margin-top: 5px;
	color: #333333;
}
/* 銀行選択モーダル */
.blockUI.blockMsg.blockPage {
	z-index: 10001 !important;
	width: 600px!important;
	left: calc(50% - 300px)!important;
	top: 20%!important;
	position: fixed!important;
}
#bank_name_dialog,
#bank_branch_name_dialog {
	padding: 10px;
	box-sizing: border-box;
	cursor: default;
}
.pre-modal-inner-box {
	text-align: left;
	margin: 10px 20px;
}
.pre-modal-inner-box .pre-modal-title {
	font-size: 22px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px #cccccc solid;
}
.pre-mdl-cls {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px #333333 solid;
	text-indent: 100px;
	overflow: hidden;
	position: relative;
}
.pre-mdl-cls:before,
.pre-mdl-cls:after {
	content: '';
	display: block;
	height: 1px;
	width: 11px;
	background-color: #333333;
	position: absolute;
	top: 2px;
	top: 7px;
	left: 2px;
}
.pre-mdl-cls:before {
	transform-origin: 50% 50%;
	-webkit-transition: .3s;
	transition: .3s;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.pre-mdl-cls:after {
	transform-origin: 50% 50%;
	-webkit-transition: .3s;
	transition: .3s;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#bank_list,
#bank_branch_list { margin-top: 15px; }
#bank_list_ui,
#bank_branch_list_ui {
	flex-wrap: wrap;
	margin-top: 5px;
	max-height: 32vh;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#bank_list_ui li,
#bank_branch_list_ui li {
	flex-basis: 50%;
	font-size: 15px;
	margin: 5px 0;
}
#bank_list_ui li label,
#bank_branch_list_ui li label {
	padding: 5px 0;
	margin-right: 15px;
	display: block;
	text-indent: -20px;
	padding-left: 20px;
}
/* SP */
@media screen and (max-width: 670px){
	.blockUI.blockMsg.blockPage {
		width: 90vw!important;
		top: 15%!important;
		left: calc(50% - 45vw)!important;
	}
	.pre-modal-inner-box { margin: 10px; }
	#bank_list_ui li,
	#bank_branch_list_ui li { font-size: 14px; }
	#bank_list_ui li label,
	#bank_branch_list_ui li label { margin-right: 5px; }
}

/*** 3000社突破 ***/
#pre-manage-support img {-webkit-backface-visibility: hidden;}
#pre-manage-support .green-border,
#pre-manage-support .gray-border {
	padding: 7px 15px 5px;
	display: inline-block;
	font-size: 15px;
}
#pre-manage-support .green-border {
	border: 1px solid #009c64;
	color: #009c64;
}
#pre-manage-support .gray-border {
	border: 1px solid #666;
	color: #666;
}
#pre-manage-support .pre-page-ttl {
	height: auto;
	line-height: 1.2;
	font-size: 45px;
	padding: 0;
	width: 100%;
    display: table;
    box-sizing: border-box;
}
#pre-manage-support .pre-page-ttl:before {background: url("/img/pre_login/manage_support_mv_01.png") bottom right repeat-x;}
#pre-manage-support .pre-page-ttl:after {background: url("/img/pre_login/manage_support_mv_00.png") bottom left repeat-x;}
#pre-manage-support .pre-page-ttl:before,
#pre-manage-support .pre-page-ttl:after {
	content: '';
	display: block;
	display: table-cell;
	background-size: auto 60%;
}
#pre-manage-support .pre-page-ttl .img-wrap {
	display: table-cell;
	width: 690px;
	padding: 40px 15px;
	box-sizing: border-box;
	position: relative;
}
#pre-manage-support .pre-page-ttl .img-wrap>img:last-child {display: none;}
#pre-manage-support .pre-page-ttl .img-wrap>img {width: 100%;}
#pre-manage-support .pre-page-ttl .img-wrap:before {
	left: -100px;
	width: 90px;
	height: 100%;
	background: url("/img/pre_login/manage_support_bird_04.png") no-repeat;
}
#pre-manage-support .pre-page-ttl .img-wrap:after {
    right: -90px;
	width: 75px;
	height: 100%;
	background: url("/img/pre_login/manage_support_bird_05.png") no-repeat;
}
#pre-manage-support .pre-page-ttl .img-wrap:before,
#pre-manage-support .pre-page-ttl .img-wrap:after {
	content: '';
	position: absolute;
	background-size: contain;
	display: block;
	top: 130px;
}
#pre-manage-support .border-slush:before {
	position: absolute;
	top: 10px;
	left: -28px;
	border-top: 1px solid #ccc;
	width: 75px;
	content: "";
	transform: rotate(-45deg);
}
#pre-manage-support .border-slush:after {
	position: absolute;
	bottom: 10px;
	right: -28px;
	border-top: 1px solid #ccc;
	width: 75px;
	content: "";
	transform: rotate(-225deg);
}
#pre-manage-support .section-1 .border-oblique-wrap {
	box-sizing: border-box;
	padding: 50px 50px 50px 36px;
	border: 1px solid #ccc;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
#pre-manage-support .section-1 .graph-wrap {
	text-align: center;
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
#pre-manage-support .section-1 .graph-wrap .sp-sentence {display: none;}
#pre-manage-support .section-1 .graph-wrap .green-border {
	margin-bottom: 0 0 20px;
	left: 50%;
	margin-left: -76px;
	position: absolute;
}
#pre-manage-support .section-1 .graph-wrap .orange {
	color: #ff9632;
	font-weight: bold;
}
#pre-manage-support .section-1 .graph-wrap .graph {max-width: 670px;}
#pre-manage-support .section-1 .graph-wrap .graph>img {width: 100%;}
#pre-manage-support .section-1 .graph-wrap .graph>img:last-child {display: none;}
#pre-manage-support .section-1 .pre-in-box .pre-txt {
	text-align: center;
	margin-top: 50px;
}
#pre-manage-support .section-2 .pre-in-box .flex-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 2;
	margin-top: 30px;
}
#pre-manage-support .section-2 .pre-in-box .flex-wrap>div:first-child {margin-right: 75px;}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .up {
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5;
}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .sp-img {
	display: none;
	max-width: 215px;
	margin: 0 auto 20px;
}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .sp-img>img {width: 100%;}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .center {
	margin-bottom: 20px;
	font-size: 15px;
}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .pc-img {max-width: 328px;}
#pre-manage-support .section-2 .pre-in-box .flex-wrap .pc-img>img {width: 100%;}
#pre-manage-support .section-3 .pre-in-box .green-box {
    background-color: #009c64;
    padding: 3px 13px 3px;
    margin-right: 15px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    vertical-align: top;
}
#pre-manage-support .section-3 .pre-in-box .element:not(:first-child) {margin-top: 60px;}
#pre-manage-support .section-3 .pre-in-box .ppt-under-icon {
	margin: 0 auto;
	display: block;
	max-width: 140px;
	width: 100%;
}
#pre-manage-support .section-3 .pre-in-box .pre-sub-title:after {content: none;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap {
	display: flex;
	border: 1px solid #ccc;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap>div {
	width: 50%;
	text-align: center;
	padding: 50px 40px;
	box-sizing: border-box;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .up {
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	height: 75px;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .up .up-sentence {text-align: left;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .up>span:not(.up-sentence) {
	font-weight: normal;
	margin-right: 15px;
	vertical-align: bottom;
	font-size: 14px;
	padding: 4px 8px 2px;
	min-width: 75px;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .up>br {display: none;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .img {
	height: 130px;
	margin-bottom: 40px;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .img>img {height: 130px;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .bottom {
	font-size: 15px;
	text-align: left;
	line-height: 1.7;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .left {
	background-color: #ededed;
	border-right: 1px solid #ccc;
	position: relative;
	color: #666;
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .left .img>img {height: 110px;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .left .img>p {margin-bottom: 5px;}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .left:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-top: 1px #ccc solid;
    border-right: 1px #ccc solid;
    background-color: #ededed;
    position: absolute;
    right: -17px;
    top: calc(50% - 16px);
    z-index: 2;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#pre-manage-support .section-3 .pre-in-box .flex-wrap .right .up {color: #009c64;}
#pre-manage-support .section-4 .pre-in-box .flex-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 800px;
    margin: 40px auto 0;
}
#pre-manage-support .section-4 .pre-in-box .flex-wrap>div {
	text-align: center;
	width: calc(25% - 30px);
	font-size: 15px;
}
#pre-manage-support .section-4 .pre-in-box .flex-wrap>div:nth-child(-n + 4) {margin-bottom: 40px;}
#pre-manage-support .section-4 .pre-in-box .flex-wrap>div>img {
	max-width: 141px;
	width: 100%;
}
#pre-manage-support .section-4 .pre-in-box .flex-wrap>div>p {
	max-width: 180px;
	margin: 15px auto 0;
}
#pre-manage-support .section-4 .pre-in-box .flex-wrap>div>p>span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}
#pre-manage-support .section-5 .pre-push-txt {margin: 30px auto 50px;}
#pre-manage-support .section-5 .pre-in-box .company-logo {
	margin-top: 30px;
	max-width: 990px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#pre-manage-support .section-5 .pre-in-box .company-logo>img {
	width: 70%;
	padding: 60px 0;
	vertical-align: bottom;
}
#pre-manage-support .section-6 {color: #fff;}
#pre-manage-support .section-6 .pre-in-box {
	background: url("/img/pre_login/manage_support_town_bg_00.png") center bottom no-repeat;
	text-align: center;
	background-size: 471px auto;
}
#pre-manage-support .section-6 .pre-in-box .pre-push-txt {
	background-image:
		url("/img/pre_login/manage_support_bird_00.png"),
		url("/img/pre_login/manage_support_bird_01.png")
	;
	background-position:
		center left,
		center right
	;
	background-size:
		86px,
		75px
	;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0 120px;
}
#pre-manage-support .section-6 .pre-in-box .sentence {
	font-size: 15px;
	text-align: center;
	line-height: 2.5;
	margin-top: 40px;
}
@media screen and (max-width: 940px) {
	#pre-manage-support .pre-page-ttl .img-wrap {width: 400px;}
	#pre-manage-support .pre-page-ttl .img-wrap:before,
	#pre-manage-support .pre-page-ttl .img-wrap:after {top: 80px;}
	#pre-manage-support .pre-page-ttl .img-wrap:before {
		left: -80px;
		width: 70px;
	}
	#pre-manage-support .pre-page-ttl .img-wrap:after {
		right: -70px;
		width: 55px;
	}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap>div:first-child {margin-right: 35px;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .up {line-height: 1.5;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up {
		height: auto;
		margin-bottom: 15px;
		display: block;
		font-size: 15px;
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up>span:not(.up-sentence) {
		margin-bottom: 15px;
		margin-right: 0;
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up .tab-br,
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up .up-sentence {
		display: block;
		text-align: center;
		padding: 4px 8px 2px;
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up>br {display: block;}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div {width: calc(25% - 20px);}
	#pre-manage-support .section-5 .pre-in-box .company-logo>img {
		width: 80%;
		padding: 50px 0;
	}
	#pre-manage-support .section-6 .pre-in-box {padding-bottom: 100px;}
	#pre-manage-support .section-6 .pre-in-box .pre-push-txt {max-width: 360px;}
	#pre-manage-support .section-6 .pre-in-box .sentence {margin-top: 10px;}
	#pre-manage-support .section-6 .pre-in-box .sentence br {display: none;}
	#pre-manage-support .section-6 .pre-in-box .sentence .tab-br {display: block;}
}
@media screen and (max-width:640px){
	#pre-manage-support .green-border {font-size: 14px;}
	#pre-manage-support .pre-page-ttl {padding: 0;}
	#pre-manage-support .pre-page-ttl .img-wrap {
		background: url("/img/pre_login/manage_support_mv_sp_00.png") bottom no-repeat;
		background-size: contain;
		padding: 20px 40px 22px;
		width: auto;
		max-width: 350px;
	}
	#pre-manage-support .pre-page-ttl .img-wrap:before,
	#pre-manage-support .pre-page-ttl .img-wrap:after,
	#pre-manage-support .pre-page-ttl:before,
	#pre-manage-support .pre-page-ttl:after {content: none;}
	#pre-manage-support .pre-page-ttl .img-wrap>img:first-child {display: none;}
	#pre-manage-support .pre-page-ttl .img-wrap>img:last-child {
		display: block;
		position: relative;
	}
	#pre-manage-support .border-slush:before {
		top: 9px;
		left: -16px;
		width: 50px;
		z-index: 1;
	}
	#pre-manage-support .border-slush:after {
		bottom: 7px;
		right: -15px;
		width: 50px;
		z-index: 1;
	}
	#pre-manage-support .section-1 .pre-in-box .pre-txt {margin-top: 30px;}
	#pre-manage-support .section-1 .graph-wrap .graph {
		position: relative;
		margin-top: 0;
	}
	#pre-manage-support .section-1 .graph-wrap .graph>img:first-child {display: none;}
	#pre-manage-support .section-1 .graph-wrap .graph>img:last-child {display: inline-block;}
	#pre-manage-support .section-1 .graph-wrap .green-box {
		margin: 5px 0 10px;
		font-size: 14px;
	}
	#pre-manage-support .section-1 .graph-wrap .sp-sentence {
		display: block;
		margin-top: 10px;
		font-size: 13px;
		color: #666;
	}
	#pre-manage-support .section-1 .border-oblique-wrap {padding: 30px 20px;}
	#pre-manage-support .section-1 .border-oblique-wrap .green-border {padding: 4px 10px 2px;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap {
		flex-wrap: wrap;
		margin-top: 0;
	}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap>div:first-child {
		text-align: center;
		margin-right: 0;
	}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .sp-img {display: block;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .pc-img {display: none;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .up {
		font-weight: normal;
		font-size: 15px;
	}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .center>br {display: none;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap>div:first-child {margin-right: 0;}
	#pre-manage-support .section-2 .pre-in-box .flex-wrap .down {line-height: 1.5;}
	#pre-manage-support .section-3 .pre-in-box {padding-bottom: 40px;}
	#pre-manage-support .section-3 .pre-in-box .element:not(:first-child) {margin-top: 30px;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap {display: block;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap>div {
		width: 100%;
		padding: 30px 20px;
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .left {
		border-right: none;
		border-bottom: 1px #ccc solid;
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .left:after {
		top: auto;
		bottom: -16px;
		transform: rotate(135deg);
		right: calc(50% - 16px);
	}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .left>p:last-child {line-height: 1.8;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .right {padding-top: 50px;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up {margin-bottom: 25px;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up .tab-br {display: inline-block;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up .up-sentence {padding: 0;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .up>span:not(.up-sentence) {font-size: 12px;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .img {margin-bottom: 20px;}
	#pre-manage-support .section-3 .pre-in-box .flex-wrap .bottom {font-size: 14px;}
	#pre-manage-support .section-3 .pre-in-box .pre-sub-title {
		margin-bottom: 0!important;
		margin-top: 25px;
		padding-top: 10px!important;
		padding-bottom: 8px;
		color: #fff;
		background: #009c64;
		font-size: 16px!important;
	}
	#pre-manage-support .section-3 .pre-in-box .green-box {
		font-size: 16px;
		background-color: initial;
		padding: 0;
		margin: 0;
		display: inline;
	}
	#pre-manage-support .section-3 .pre-in-box .green-box:after {
		content: ':';
		margin: 0 5px;
	}
	#pre-manage-support .section-4 .pre-in-box .pre-push-txt {line-height: 1.6;}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap {
		max-width: 400px;
		margin-top: 25px;
	}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div {
		width: calc(50% - 15px);
		font-size: 14px;
		margin-bottom: 30px;
	}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div:nth-child(7),
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div:nth-child(8) {display: none;}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div>p>span {
		color: #666;
		font-weight: normal;
	}
	#pre-manage-support .section-4 .pre-in-box .flex-wrap>div:nth-child(-n + 4) {margin-bottom: 30px;}
	#pre-manage-support .section-5 .pre-push-txt {margin: 5px auto 20px;}
	#pre-manage-support .section-5 .pre-in-box .company-logo>img {
		padding: 15px 20px;
		width: 100%;
		box-sizing: border-box;
	}
	#pre-manage-support .section-6 .pre-in-box {padding-bottom: 80px;}
	#pre-manage-support .section-6 .pre-in-box .pre-push-txt {
		background-image:
			none,
			none
		;
		background-size:
			52px,
			49px
		;
		padding: 20px 0;
		line-height: 1.8;
		max-width: 260px;
		font-weight: bold;
	}
	#pre-manage-support .section-6 .pre-in-box .sentence {
		margin-top: 0;
		line-height: 1.9;
	}
	#pre-manage-support .section-6 .pre-in-box .sentence .tab-br {display: inline;}
}

/*** お役立ち資料DLページ （メイン）***/
#pre-dl .dl-title { padding: 40px 0; }
#pre-dl .pre-page-ttl .text {
	font-size: 15px;
	display: block;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-top: 10px;
}
#pre-dl .pre-page-ttl .text .tab-only { display: none; }
#pre-dl .dl-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
#pre-dl .dl-main ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
/*
 * 空の子パネル
 * padding, margin の左右も 0 に指定してしまうと、
 * 最後の行のレイアウトが崩れるので注意。
 */
#pre-dl .dl-main ul .di-document.is-empty,
#pre-dl .dl-main ul li.is-empty {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
}
#pre-dl .dl-main ul li {
	width: 31%;
	margin: 60px 20px 0 0;
	float: left;
	border: 1px solid #ccc;
}
#pre-dl .dl-main ul li div {
	padding: 30px 7% 65px;
	display: block;
	position: relative;
}
#pre-dl .dl-main ul li:nth-child(3n) { margin-right: 0; }
#pre-dl .dl-main ul li:nth-child(1),
#pre-dl .dl-main ul li:nth-child(2),
#pre-dl .dl-main ul li:nth-child(3) { margin-top: 0; }
#pre-dl .dl-main ul li div img {
	width: 100%;
	text-align: center;
}
#pre-dl .dl-main ul li div .category {
	font-size: 13px;
	color: #009c64;
	font-weight: bold;
	border: 1px solid #009c64;
	padding: 0px 5px;
    margin: 5px 0 10px 0;
    display: inline-block;
}
#pre-dl .dl-main ul li div h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	min-height: 78px;
	color: #333;
}
#pre-dl .dl-main ul li div h2 span {
	font-size: 16px;
	display: block;
}
#pre-dl .dl-main ul li div p {
	font-size: 14px;
	color: #666;
	min-height: 92px;
	line-height: 1.7;
	margin: 10px 0 20px;
}
#pre-dl .dl-main ul li div a {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 95%;
	text-indent: -999px;
	z-index: 2;
	padding-bottom: 30px;
}
#pre-dl .dl-main ul li div,
#pre-dl .dl-main ul li div:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
#pre-dl .dl-main ul li div:hover {
	opacity: 0.7;
	text-decoration: none;
}
#pre-dl .dl-main ul li div a span {
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #1e95d4;
	border-radius: 10px;
	padding: 6px 50px;
	display: inline-block;
	position: relative;
}
#pre-dl .dl-main ul li div a span:after {
	border-color: #ffffff;
	transform: rotate(45deg);
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	margin-left: 25px;
}
@media screen and (max-width: 940px) {
	#pre-dl .dl-title { padding: 40px 20px; }
	#pre-dl .pre-page-ttl .text .tab-only { display: block; }
	#pre-dl .dl-main ul li {
		width: 43%;
		margin-top: 30px;
	}
	#pre-dl .dl-main ul li:nth-child(3n) { margin-right: 20px; }
	#pre-dl .dl-main ul li:nth-child(2n) { margin-right: 0; }
	#pre-dl .dl-main ul li:nth-child(3) { margin-top: 30px; }
	#pre-dl .dl-main ul li div h2 { min-height: 81px; }
	#pre-dl .dl-main ul li div p {
		min-height: 115px;
		margin: 0px 0 20px;
	}
}
@media screen and (max-width:640px){
	#pre-dl .dl-title { padding: 25px 0; }
	#pre-dl .pre-page-ttl { height: auto; }
	#pre-dl .pre-page-ttl .text {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px 20px 0;
	}
	#pre-dl .pre-page-ttl .text .tab-only { display: none; }
	#pre-dl .dl-main ul li {
		border: none;
		padding: 0;
		width: 46%;
	}
	#pre-dl .dl-main ul li div { padding: 0; }
	#pre-dl .dl-main ul li div:hover { opacity: 1; }
	#pre-dl .dl-main ul li div .category { font-size: 11px; }
	#pre-dl .dl-main ul li div h2 {
		font-size: 14px;
		min-height: 80px;
	}
	#pre-dl .dl-main ul li div h2 span { font-size: 12px; }
	#pre-dl .dl-main ul li div p { display: none; }
	#pre-dl .dl-main ul li div a {
		padding: 0;
		align-items: center;
		position: static;
	}
	#pre-dl .dl-main ul li div a:hover { opacity: 0.7; }
	#pre-dl .dl-main ul li div a span {
		width: 100%;
		padding: 8px 13px 8px 8px;
		font-size: 13px;
	}
	#pre-dl .dl-main ul li div a span:after {
	    margin-left: 3px;
		width: 6px;
		height: 6px;
		top: calc(50% - 4px);
	}
}

/*** お役立ち資料DLページ（入力画面） ***/
.pre-dl-form h1 .dl-back-link {
	text-align: center;
	font-size: 14px;
}
.pre-dl-form h1 .dl-back-link a { color: #fff; }
.dl-form {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
.dl-form h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 60px 0 30px;
}
.dl-form h2 .sub {
	font-size: 21px;
	display: block;
}
.dl-form .text-top {
	font-size: 15px;
	color: #666666;
	text-align: center;
	line-height: 1.8;
	padding-bottom: 30px;
}
.dl-form .dl-form-cont {
	background-color: #f6f6f6;
	width: auto;
	padding: 35px 10px;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
}
.dl-form .dl-form-cont img {
	max-width: 400px;
	border: 1px solid #ccc;
	margin-right: 30px;
}
.dl-form .dl-form-cont .page {
	max-width: 400px;
	width: 100%;
}
.dl-form .dl-form-cont .page p {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
.dl-form .dl-form-cont .page .page-list {
	max-width: 400px;
	font-size: 14px;
	line-height: 1.9;
	padding: 20px 0 0;
}
.dl-form .dl-form-cont .page .page-list ul li { display: flex; }
.dl-form .dl-form-cont .page .page-list ul li span {flex-basis: 3em;}
.dl-form .dl-form-cont .page .page-list ul li span.right {flex-basis: 88%;}
.dl-form .text-top-sp { display: none; }
.pre-dl-form .dl-text-bottom {
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
	padding-top: 60px;
}
.pre-dl-form .dl-text-bottom .pc-only { display: block; }
.pre-dl-form .pre-fo-wrap .pre-fo-inner .pre-fotxt .attention { font-size: 12px; color: #666666; }
.pre-dl-form .pre-fo-wrap .pre-fo-inner .pre-fo-errmark {
	font-size: 14px;
	color: #ed4f3e;
}
.pre-dl-form .dl-button-area {
	text-align: center;
	margin-top: 40px;
}
.pre-dl-form .dl-button-area input {
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(100,100,100,0.5);
	box-sizing: border-box;
	white-space: nowrap;
	border-radius: 10px;
	font-weight: bold;
	font-size: 17px;
	max-width: 300px;
	min-width: 300px;
	padding: 26px 48px 23px;
	color: #ffffff !important;
	background-color: #ec4f3e;
	cursor: pointer;
	-webkit-appearance: button;
	border-collapse: separate;
	border-width: 0;
	border-style: solid;
	line-height: 1;
	vertical-align: bottom;
}
.pre-dl-form .dl-button-area input:hover { opacity: 0.7; }
@media screen and (max-width: 940px) {
	.dl-form .dl-form-cont img,
	.dl-form .dl-form-cont .page { width: 46%; }
	.dl-form .dl-form-cont .page .page-list { font-size: 13px; }
	.dl-form .dl-back-link { font-size: 13px; }
}
@media screen and (max-width:640px){
	.dl-form h2 {
		font-size: 17px;
		padding: 40px 0 20px;
	}
	.dl-form h2 .sub {
		font-size: 14px;
	}
	.dl-form .text-top { display: none; }
	.dl-form .dl-form-cont {
		background-color: transparent;
		width: 100%;
		display: block;
		padding: 0;
		text-align: center;
	}
	.dl-form .dl-form-cont img {
		width: 100%;
		margin-right: 0;
	}
	.dl-form .dl-form-cont .page {
		max-width: 100%;
		width: auto;
		background-color: #f6f6f6;
		padding: 20px 20px;
	}
	.dl-form .dl-form-cont .page p {
		font-size: 13px;
		padding-bottom: 5px;
		text-align: center;
	}
	.dl-form .dl-form-cont .page .page-list {
		font-size: 12px;
		padding-bottom: 10px;
		text-align: left;
	}
	.dl-form .text-top-sp {
		display: block;
		font-size: 13px;
		line-height: 1.7;
		padding: 20px 0;
		text-align: left;
	}
	.dl-form .dl-back-link { font-size: 12px; }
	.dl-text-bottom {
		font-size: 13px;
		padding: 20px 20px 0;
		text-align: left;
	}
	.dl-text-bottom .pc-only { display: none; }
}

/*** お役立ち資料DLページ（確認画面） ***/
.dl-form-conf {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 10px 0;
	border-bottom: 1px #cccccc solid;
}
.dl-form-conf:first-child { border-top: 1px #cccccc solid; }
.dl-form-conf p.th-cap {
	flex-basis: 220px;
	font-weight: bold;
	font-size: 15px;
	flex-wrap: wrap;
	align-items: center;
	color: #333333;
	box-sizing: content-box;
	width: 30%;
	display: inline-block;
}
.dl-form-conf p.td-txt {
	border: 0;
	padding: 0;
	cursor: default;
	-webkit-text-fill-color: #333333;
	color: #333333;
	opacity: 1;
	background: #f6f6f6;
	height: auto!important;
	margin: 0;
	font-size: 15px;
	width: 69%;
	display: inline-block;
}

@media screen and (max-width:640px){
	.dl-form-conf p.th-cap,
	.dl-form-conf p.td-txt { width: 100%; }

}
/*** お役立ち資料DLページ（完了画面） ***/
.dl-form-complete {
	text-align: center;
	padding: 20px 0 100px;
	max-width: 960px;
	margin: 0 auto;
}
.dl-form-complete .sp-only { display: none; }
.dl-form-complete .text-top,
.dl-form-complete .text-bottom,
.dl-form-complete .text-link { font-size: 15px; }
.dl-form-complete .text-top { font-weight: bold; }
.dl-form-complete .text-bottom { margin-top: 30px; }
.dl-form-complete .text-link { margin-top: 20px; }
.dl-form-complete .dl-form-sns {
	margin: 30px auto 0;
	border-top: 1px #cccccc solid;
	padding-top: 20px;
	width: 80%;
}
.dl-form-complete .dl-form-sns .dl-form-sns-link,
.dl-form-complete .dl-form-sns .dl-form-sns-link .di-form-sns-box {
	display: flex;
	justify-content: center;
}
.dl-form-complete .dl-form-sns .dl-form-sns-link a {
	background-color: #ffffff;
	border: 1px #ccc solid;
	color: #666;
	box-shadow: none;
	font-size: 12px;
	padding: 12px 20px 11px 40px;
	font-weight: bold;
	box-sizing: border-box;
	white-space: nowrap;
	position: relative;
	text-align: center;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.dl-form-complete .dl-form-sns .dl-form-sns-link a.dl-form-sns-fb {
	margin-right: 10px;
	padding: 10px 45px 9px 60px;
}
.dl-form-complete .dl-form-sns .dl-form-sns-link a:after { border-width: 2px 2px 0 0; }
.dl-form-complete .dl-form-sns .dl-form-sns-link img {
	width: 40px;
	height: auto;
	vertical-align: middle;
	margin: 0 12px 0 -20px;
}
.dl-form-complete .dl-form-sns .dl-form-sns-link a.dl-form-sns-fb img { width: 22px; }
@media screen and (max-width:640px){
	.dl-form-complete .sp-only { display: block; }
	.dl-form-complete .text-top,
	.dl-form-complete .text-bottom,
	.dl-form-complete .text-link { font-size: 14px; }
	.dl-form-complete .dl-form-sns .dl-form-sns-link {
		min-width: initial;
		display: block;
	}
	.dl-form-complete .dl-form-sns .dl-form-sns-link .di-form-sns-box a span { text-align: left; }
	.dl-form-complete .text-bottom { display: block; }
	.dl-form-complete .dl-form-sns .dl-form-sns-link a {
		padding: 12px 15px 12px 37px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		min-width: 230px;
	}
	.dl-form-complete .dl-form-sns .dl-form-sns-link a.dl-form-sns-fb {
		padding: 12px 15px 12px 37px;
		margin: 0 0 10px 0;
	}
	.dl-form-complete .dl-form-sns .dl-form-sns-link a:after { margin: -2px 2px 0px 30px; }
}

/*------------------------------------------------
セミナー申し込み
-------------------------------------------------- */
#contents-seminar { background: #eee;}
#contents-seminar .title.pre-page-ttl {
	height: auto;
	overflow: hidden;
	padding: 0;
}
#contents-seminar .title.pre-page-ttl > .pre-in-box {
	padding: 0;
	display: flex;
}
#contents-seminar .title.pre-page-ttl .bg-img {
	transform: skew(-6deg, 0deg);
	width: 20%;
	max-width: 270px;
	overflow: hidden;
	margin: 0 0 0 40px;
	min-width: 200px;
}
#contents-seminar .title.pre-page-ttl .bg-img:after {
	content: "";
	transform: skew(6deg, 0deg)scale(1.2);
	display: block;
	height: 100%;
	background: url(/img/contents/seminar/bg_seminar_01.jpg) 66% 15% #eee;
	opacity: 0.7;
	background-size: cover;
	width: 120%;
}
#contents-seminar .title .inner {
	text-align: left;
	width: 70%;
	padding: 59px 0px 180px 40px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#contents-seminar .title .catch {
	border: 2px solid #fff;
	border-right: none;
	border-left: none;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#contents-seminar .title .catch .free {
	background: #f39d22;
	min-width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}
#contents-seminar .title .catch .free span {
	font-size:20px;
	font-weight: bold;
	padding-top: 5px;
}
#contents-seminar .title .catch .free span > span { display: block; }
#contents-seminar .title .catch  h2 ul li { font-family:'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
#contents-seminar .title .catch ul li:nth-of-type(1) { font-size: 48px; }
#contents-seminar .title .catch ul li:nth-of-type(2) { font-size: 20px; }
#contents-seminar .title .txt-lead {
	font-size: 14px;
	padding-top: 21px;
	line-height: 1.9em;
}
#contents-seminar .schadule-top {
	z-index: 100;
	margin-top: -160px;
}
#contents-seminar .schadule-top > .pre-in-box {
	display: flex;
	padding: 30px 0;
	margin-bottom: -230px;
}
	#contents-seminar .sem-box {
	position: relative;
	width: 50%;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	text-align: left;
	flex-direction: column;
	display: flex;
}
#contents-seminar .sem-box:first-child { margin-right: 10px; }
#contents-seminar .sem-box ul {
	position: relative;
	padding: 30px 50px 20px 100px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	background: #fff;
}
#contents-seminar .sem-box.real  ul:first-child { border-top: 4px solid #d47d30; }
#contents-seminar .sem-box.web ul:first-child { border-top: 4px solid #bab00d; }
#contents-seminar .sem-box ul:first-child {
	border-bottom: none;
	height: 100%;
}
#contents-seminar .sem-box .category {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	height: 80px;
}
#contents-seminar .sem-box .category:before {
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#contents-seminar .sem-box.real .category:before {
	background: #d47d30;
	content: "東京本社";
}
#contents-seminar .sem-box.web .category:before {
	background: #bab00d;
	content: "web\Aセミナー";
	white-space: pre;
}
#contents-seminar .sem-box.web ul:first-child  li:last-child:after{
	content: "※ご自宅やオフィスから受講可能です。\Aセミナー中はチャットで質問ができます。";
	font-size: 12px;
	color: #666;
}
#contents-seminar .sem-box .date { font-size: 18px; }
#contents-seminar .sem-box .date span:nth-of-type(1) {
	font-size: 22px;
	font-weight: bold;
}
#contents-seminar .sem-box .date span:nth-of-type(2) ,
#contents-seminar .sem-box .date span:nth-of-type(3) {
	font-size: 35px;
	font-weight: bold;
}
#contents-seminar .sem-box .date span:nth-of-type(4) {
	font-size: 22px;
	font-weight: bold;
}
#contents-seminar .sem-box .time { font-size: 19px; }
#contents-seminar .sem-box .time span { font-size: 18px; }
#contents-seminar .sem-box dl.info{
	display: flex;
	flex-wrap: wrap;
}
#contents-seminar .sem-box dl.info dt { width: 3em; }
#contents-seminar .sem-box dl.info dd { width: calc(100% - 3em); }
#contents-seminar .sem-box dl.info dd span { display: inline-block; }
#contents-seminar .sem-box .box-footer {
	position: relative;
	border-top: 1px dotted #ccc;
	text-align: center;
	padding: 40px 30px;
	margin: auto auto 0;
	width: 100%;
}
#contents-seminar .sem-box .box-footer:before {
	content: '';
	position: absolute;
	bottom: -11px;
	left: -1px;
	width: 10px;
	height: 10px;
	top: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #eee;
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
#contents-seminar .sem-box .box-footer:after {
	content: '';
	position: absolute;
	right: -11px;
	bottom: -11px;
	width: 10px;
	height: 10px;
	top: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #eee;
	transform: translate3d(-50%, -50%, 0) rotate(-135deg);
}
#contents-seminar .sem-box .box-footer .pre-btn.pre-btn-s,
#contents-seminar .sem-box .box-footer .pre-btn.pre-btn-m,
#contents-seminar .sem-box .box-footer .pre-btn-input.pre-btn-s,
#contents-seminar .sem-box .box-footer .pre-btn-input.pre-btn-m {
	width: 100%;
	min-width: auto;
	max-width: 500px;
}
#contents-seminar .sem-box .box-footer ul li.btn > div { width: 100%; }
#contents-seminar .sem-box .box-footer.dsbl .pre-btn.pre-btn-dsbl {
	font-size: 15px;
	padding: 18px 38px 15px;
	width: 100%;
}
#contents-seminar .sem-box .box-footer.dsbl .pre-btn.pre-btn-dsbl:after,
#contents-seminar .sem-box .box-footer.dsbl .pre-btn-input:after { content: none;}
#contents-seminar .recommend {
	background: #eee;
	text-align: center;
	padding-top: 200px;
}
#contents-seminar .recommend .pre-in-box > p {
	font-size: 20px;
	font-family: 'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #0a9b00;
	padding-bottom: 15px;
}
#contents-seminar .recommend .pre-in-box > p:before,
#contents-seminar .recommend .pre-in-box > p:after{
	content: '';
	display: inline-block;
	border: 0.5px solid #0a9b00;
	margin-bottom: -10px;
	height: 30px;
}
#contents-seminar .recommend .pre-in-box > p:before{
	transform: rotate(-45deg);
	margin-right: 20px;
}
#contents-seminar .recommend .pre-in-box > p:after{
	transform: rotate(45deg);
	margin-left: 20px;
}
#contents-seminar .recommend .pre-in-box{
	max-width: 1000px;
	padding-bottom: 0;
	margin-bottom: -30px;
}
#contents-seminar .recommend ul{
	display: flex;
	width: 100%;
	color: #0a9b00;
	margin: 0 auto;
	background: #fff;
	border-radius: 100px;
	padding: 20px 50px;
	box-sizing: border-box;
}
#contents-seminar .recommend ul li{
	width: 25%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}
#contents-seminar .recommend ul li:first-child { padding-left: 0; }
#contents-seminar .recommend ul li > div img { width: 90px; }
#contents-seminar .recommend .chara{
	width: 120px;
	margin: 0 auto;
	margin-bottom: 0;
	font-size: 0;
}
#contents-seminar .recommend .chara img { width: 100%; }
#contents-seminar .timetable {
	background: #e5f3e1;
	border:1px solid #c7e1a2;
	background-image: linear-gradient(
		-45deg,
		#e5f3e1 25%,
		#c7e1a2 25%,
		#c7e1a2 50%,
		#e5f3e1 50%,
		#e5f3e1 75%,
		#c7e1a2 75%,
		#c7e1a2
	);
	background-size: 5px 5px;
	background-attachment: fixed;
}
#contents-seminar .timetable .pre-in-box ,
#contents-seminar .voice .pre-in-box { padding-bottom: 60px; }
#contents-seminar .timetable .inner {
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#contents-seminar .timetable ul{
	display: grid;
	display: -ms-grid;
	grid-template-columns: auto 75%;
	grid-template-rows: 44% auto;
	-ms-grid-columns: auto 75%;
	-ms-grid-rows:44% auto;
	border-radius: 3px;
	overflow: hidden;
	align-items: center;
	background: #fff;
	padding: 25px 20px 35px;
	width: 48%;
	margin-bottom: 20px;
	box-sizing: border-box;
}
#contents-seminar .timetable ul:nth-child(2n+1) { margin-right: 20px; }
#contents-seminar .timetable ul li:nth-of-type(1) {
	grid-column: 1/2;
	grid-row: 1/3;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 10px;
}
#contents-seminar .timetable ul li:nth-of-type(2) {
	grid-column: 2;
	grid-row: 1/2;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	font-size: 17px;
	font-weight: bold;
	color: #0a9b00;
}
#contents-seminar .timetable ul li:nth-of-type(3) {
	grid-column: 2;
	grid-row: 2/3;
	-ms-grid-column: 2;
	-ms-grid-row: 2;
	line-height: 1.5;
	font-size: 14px;
}
#contents-seminar .timetable ul li:nth-of-type(1) > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	color: #fff;
	background: #8ec718;
	font-size: 18px;
	font-family: 'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style : italic;
}
#contents-seminar .timetable ul li:nth-of-type(1) > div > span { margin: 3px 0 0 7px; }
#contents-seminar .timetable ul li:nth-of-type(1) > div > span > span { font-size: 34px; }
#contents-seminar .voice { background: #fff; }
#contents-seminar .voice .inner{
	display: flex;
	padding-top: 30px;
}
#contents-seminar .voice ul {
	display: flex;
	width: 50%;
	background: #f4f9e5;
	padding: 45px 45px 40px 20px;
	box-sizing: border-box;
	line-height: 1.5;
}
#contents-seminar .voice ul:first-child { margin-right: 20px; }
#contents-seminar .voice ul li {
	display: flex;
	align-items: center;
	justify-content: center;
}
#contents-seminar .voice  dl { width: 100%; }
#contents-seminar .voice .face {
	width: 30%;
	min-width: 90px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding-right: 10px;
}
#contents-seminar .voice .face dl dt {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto 10px;
}
#contents-seminar .voice .face:nth-of-type(1) dl dt {
	background: url(/img/contents/seminar/chara_01.png) center #c8e573;
	background-size: 85px;
}
#contents-seminar .voice .face:nth-of-type(2) dl dt {
	background: url(/img/contents/seminar/chara_02.png) center #c8e573;
	background-size: 85px;
}
#contents-seminar .voice .matter {
	width: 70%;
	font-size: 14px;
	color: #444;
}
#contents-seminar .voice .matter dl dt {
	padding-bottom: 10px;
	max-width: 250px;
}
#contents-seminar .voice .matter dl dt img {
	width: 100%;
	max-width: 240px;
}
#contents-seminar .voice .under-line {
	display: inline;
	background: #c8e573;
}
#contents-seminar .schadule-list {
	background-color: #23a1c7;
  background: linear-gradient(30deg, #23a1c7 0, #23a1c7 80%, #13b281 90%, #13b281 100%);
}
#contents-seminar .schadule-list  .inner { padding-top: 50px; }
#contents-seminar .schadule-list:before {
	background: #000;
	opacity: 0.8;
}
#contents-seminar .schadule-list .sem-box.web ul:first-child  li:last-child:after { content: none; }
#contents-seminar .ribbon-title{
	text-align: center;
	position: relative;
}
#contents-seminar .ribbon-title p {
	padding: 0 60px;
	background: #0a9b00;
	font-size: 20px;
	font-family: 'FP-ヒラギノUD角ゴ StdN W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #fff;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#contents-seminar .ribbon-title p:before,
#contents-seminar .ribbon-title p:after {
	content: '';
	position: absolute;
	top: 0;
	border-bottom: 25px solid #0a9b00;
}
#contents-seminar .ribbon-title p:before {
	right: -15px;
	border-top: 25px solid #0a9b00;
	border-right: 15px solid transparent;
	border-left: 15px solid #0a9b00;
}
#contents-seminar .ribbon-title p:after {
	left: -15px;
	border-top: 25px solid #0a9b00;
	border-right: 0 solid #0a9b00;
	border-left: 15px solid transparent;
}
#contents-seminar .ribbon-title p > span  {
	display: inline-flex;
	align-items: center;
}
#contents-seminar .ribbon-title p > span > span { font-size: 32px; }
/* 予定しているセミナーはありません */
#contents-seminar .sem-none {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	width: 80%;
	max-width: 595px;
	height: 355px;
	padding: 0 40px;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	border-style: solid;
	border-color: #bab00d #cccccc #cccccc;
	border-width: 4px 1px 1px;
	text-align: center;
	z-index: 1;
	position: relative;
	box-sizing: border-box;
}
#contents-seminar .sem-none.semi-list {
	height: auto;
	padding: 45px 40px 40px;
	width: 100%;
	max-width: 100%;
}
/* PC */
@media screen and (min-width: 940px) {
	#contents-seminar .schadule-list .sem-box {
		width: 100%;
		display: flex;
		flex-direction: row;
		margin-top: 10px;
		box-sizing: border-box;
	}
	#contents-seminar .sem-box:first-child { margin-top: 0;}
	#contents-seminar .schadule-list .sem-box .category{
		position :static;
		height: auto;
	}
	#contents-seminar .schadule-list .sem-box .category:before{
		width: 120px;
		padding: 3px 0;
	}
	#contents-seminar .schadule-list .sem-box ul{ padding: 0;}
	#contents-seminar .schadule-list .sem-box ul:first-child {
		display: grid;
		display: -ms-grid;
		grid-template-columns: 40% 60%;
		-ms-grid-columns: 40% 60%;
		width: 80%;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li:nth-of-type(1) {
		grid-column: 1/2;
		grid-row: 1/3;
		-ms-grid-column:1 ;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		padding: 30px 0 20px 40px;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li:nth-of-type(2) {
		grid-column: 2/3;
		grid-row: 1/2;
		-ms-grid-column: 2;
		-ms-grid-row:1 ;
		justify-content: flex-start;
		padding: 30px 10px 0 0;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li:nth-of-type(3) {
		grid-column: 2/3;
		grid-row: 2/3;
		-ms-grid-column: 2;
		-ms-grid-row: 2;
		padding: 0 10px 20px 0;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li:nth-of-type(4) {
		grid-column: 3/4;
		grid-row: 1/3;
		-ms-grid-column:3 ;
		-ms-grid-row: 1;
		-ms-grid-row-span:2;
	}
	#contents-seminar .schadule-list .sem-box ul:first-child  li.btn {
		border-left: 1px dotted #ccc;
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
	#contents-seminar .schadule-list  .sem-box .box-footer {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 1px dotted #ccc;
		width: 20%;
	}
	#contents-seminar .schadule-list  .sem-box .pre-btn.pre-btn-m,
	#contents-seminar .schadule-list  .sem-box .pre-btn-input.pre-btn-m {min-width:auto; }
	#contents-seminar .schadule-list  .sem-box .box-footer:after{
		left: -1px;
		bottom: -12px;
		top:auto;
	}
	#contents-seminar .schadule-list  .sem-box .box-footer:before {
		left: -1px;
		top: -4px;
	}
	#contents-seminar .schadule-list .sem-box ul { border-right: none; }
	#contents-seminar .schadule-list .sem-box.real  ul { border-top: 4px solid #d47d30; }
	#contents-seminar .schadule-list .sem-box.web ul { border-top: 4px solid #bab00d; }
	#contents-seminar .schadule-list .sem-box .box-footer:before,
	#contents-seminar .schadule-list .sem-box .box-footer:after { background-color: #23a1c7; }
	#contents-seminar .schadule-list .sem-box.web .category:before { content: "webセミナー"; }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#contents-seminar .title .catch { text-align: center;}
	#contents-seminar .title .catch ul li:nth-of-type(1) { font-size: 38px;}
	#contents-seminar .title.pre-page-ttl .bg-img { min-width: 120px;}
	#contents-seminar .timetable ul li:nth-of-type(1) > div {
		width: 50px;
		height: 50px;
	}
	#contents-seminar .timetable ul li:nth-of-type(1) > div > span { font-size: 15px; }
	#contents-seminar .timetable ul li:nth-of-type(1) > div > span > span { font-size: 20px; }
}

/* TAB/SP */
@media screen and (max-width: 940px) {
	#contents-seminar .title .catch .free {
		position: absolute;
		border-radius: 0;
		height: 25px;
		padding: 5px;
		top: -16px;
		left: 0;
		right: 0;
		width: 150px;
		margin: 0 auto;
	}
	#contents-seminar .title .catch .free span {
		font-size: 15px;
		margin-top: -4px;
	}
	#contents-seminar .title .catch .free span > span { display: inline;}
	#contents-seminar .sem-box {
		width: 100%;
		margin-bottom: 20px;
	}
	#contents-seminar .sem-box ul:first-child { padding: 35px 30px 20px;}
	#contents-seminar .sem-box .category { height: auto;}
	#contents-seminar .sem-box .category:before{
		display: inline-block;
		padding: 5px 10px;
	}
	#contents-seminar .sem-box .box-footer { padding: 20px;}
	#contents-seminar .sem-box .date span:nth-of-type(1),
	#contents-seminar .sem-box .date span:nth-of-type(4) { font-size: 16px;}
	#contents-seminar .sem-box .date span:nth-of-type(2),
	#contents-seminar .sem-box .date span:nth-of-type(3) { font-size: 24px;}
	#contents-seminar .sem-box .time { font-size: 16px;}
	#contents-seminar .schadule-list .inner { padding-top: 30px;}
	#contents-seminar .schadule-list .sem-box .box-footer:before,
	#contents-seminar .schadule-list .sem-box .box-footer:after { background-color: #23a1c7; }
	#contents-seminar .voice ul {
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding: 30px;
	}
	#contents-seminar .voice .face,
	#contents-seminar .voice .matter { width: 100%;}
	#contents-seminar .voice .face { padding-right: 0;}
	#contents-seminar .voice .matter dl dt {
		text-align: center;
		margin: 0 auto;
		padding: 15px 0 10px;
	}
	#contents-seminar .voice .face dl {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
	}
	#contents-seminar .voice .face:nth-of-type(1) dl dt {
		width: 50px;
		height: 50px;
		background-size: 55px;
		margin: 0 10px 0 0;
	}
	#contents-seminar .sem-box.web .category:before {content: "webセミナー";}
}

/* SP */
@media screen and (max-width: 670px) {
	#contents-seminar .title .catch {
		text-align: center;
		padding: 20px 0 10px;
	}
	#contents-seminar .title .catch .free {
		height: 15px;
		padding: 5px;
		top: -12px;
	}
	#contents-seminar .title .catch .free span {
		font-size: 12px;
		margin-top: -4px;
	}
	#contents-seminar .title .catch ul li:nth-of-type(1) { font-size: 30px;}
	#contents-seminar .title .catch ul li:nth-of-type(2) { font-size: 14px;}
	#contents-seminar .title .txt-lead {
		font-size: 13px;
		padding-top: 10px;
	}
	#contents-seminar .title.pre-page-ttl > .pre-in-box { flex-wrap: wrap; }
	#contents-seminar .title .inner {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 20px;
	}
	#contents-seminar .title.pre-page-ttl .bg-img ,
	#contents-seminar .title.pre-page-ttl .bg-img:after { transform: skew(0deg, 0deg); }
	#contents-seminar .title.pre-page-ttl .bg-img {
		height: 170px;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		max-width: auto;
		overflow: visible;
		margin: 0 auto;
		min-width: auto;
	}
	#contents-seminar .title.pre-page-ttl .bg-img:after {
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
	#contents-seminar .sem-box:first-child{ margin-right: 0;}
	#contents-seminar .schadule-top > .pre-in-box {
		flex-wrap: wrap;
		padding-top: 70px;
	}
	#contents-seminar .recommend .pre-in-box > p {
		font-size: 18px;
		display: flex;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
	}
	#contents-seminar .recommend .pre-in-box > p span { padding: 0 10px; }
	#contents-seminar .recommend ul{
		flex-direction: column;
		background: none;
		border-radius: 0;
		padding: 5px 0 10px;
	}
	#contents-seminar .recommend ul li{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		background: #fff;
		text-align: left;
		padding: 10px 30px;
		border-radius: 100px;
		box-sizing: border-box;
		margin-top: 10px;
		height: 100%;
	}
	#contents-seminar .recommend ul li:first-child { padding-left: 30px; }
	#contents-seminar .recommend ul li > div {
		width: 20%;
		text-align: center;
	}
	#contents-seminar .recommend ul li > div img { width: 100%; }
	#contents-seminar .recommend ul li > p {
		width: 80%;
		padding-right: 1em;
	}
	#contents-seminar .recommend .chara {
		width: 25%;
		max-width: 110px;
	}
	#contents-seminar .timetable .ribbon-title p {
		display: flex;
		align-items: center;
		height: 70px;
	}
	#contents-seminar .timetable .ribbon-title p,
	#contents-seminar .timetable .ribbon-title p > span > span { font-size:  15px; }
	#contents-seminar .timetable .ribbon-title p > span { display: inline; }
	#contents-seminar .timetable .ribbon-title p:before,
	#contents-seminar .timetable .ribbon-title p:after { border-bottom: 35px solid #0a9b00 }
	#contents-seminar .timetable .ribbon-title p:before { border-top: 35px solid #0a9b00; }
	#contents-seminar .timetable .ribbon-title p:after { border-top: 35px solid #0a9b00; }
	#contents-seminar .timetable ul {
		padding: 20px 30px 25px;
		width: 100%;
	}
	#contents-seminar .timetable ul:nth-child(2n+1) { margin-right: 0;}
	#contents-seminar .timetable ul li:nth-of-type(1) {
		grid-column: 1/2;
		grid-row: 1/2;
		justify-content:flex-start;
	}
	#contents-seminar .timetable ul li:nth-of-type(2) {
		grid-column: 2;
		grid-row: 1/2;
	}
	#contents-seminar .timetable ul li:nth-of-type(3) {
		grid-column: 1/3;
		grid-row: 2/3;
		padding-top: 10px;
	}
	#contents-seminar .timetable ul li:nth-of-type(1) > div {
		width: 45px;
		height: 45px;
	}
	#contents-seminar .timetable ul li:nth-of-type(1) > div > span {
		margin: 2px 0 0;
		font-size: 15px;
	}
	#contents-seminar .timetable ul li:nth-of-type(1) > div > span > span { font-size: 18px; }
	#contents-seminar .voice .inner {
		flex-wrap: wrap;
		padding-top: 25px;
	}
	#contents-seminar .voice ul:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#contents-seminar .ribbon-title p { font-size: 15px;}
	#contents-seminar .sem-none {
		width: 100%;
		height: 290px;
		font-size: 16px;
	}
}

/* セミナー誘致リンク
----------------------------------------------------------------------------------------------- */
#pre-seminar-banner {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 100;
	display: none;
}
#pre-seminar-banner a { position: relative;}
#pre-seminar-banner a:hover {
	text-decoration: none;
	z-index: 100;
}
#pre-seminar-banner .inner {
	display: flex;
	width: 260px;
	height: 90px;
	color: #ffffff;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #ccc;
	overflow: hidden;
	background-color: #23a1c7;
  background: linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 60%, #13b281 100%);
}
#pre-seminar-banner .inner:hover {
	text-decoration: none;
	z-index: 100;
}
#pre-seminar-banner .image {
	width: 50%;
	margin: 0 auto 0 0;
	max-width: 85px;
	background: url(/img/contents/seminar/bg_seminar.jpg) 53% 15% no-repeat #eee;
	display: block;
	background-size: 180px;
}
#pre-seminar-banner .txt {
	transform: skew(-15deg, 0deg);
	display: flex;
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	padding: 20px;
	box-sizing: border-box;
	line-height: 1;
	margin-left: -20px;
	background-color: #23a1c7;
	background: linear-gradient(30deg, #23a1c7 0, #23a1c7 40%, #13b281 60%, #13b281 100%);
}
#pre-seminar-banner .txt > div { transform: skew(15deg, 0deg);}
#pre-seminar-banner .txt p.lead {
	border: 1px solid #fff;
	border-left: none;
	border-right: none;
	font-size: 12px;
	padding: 4px 0 3px;
}
#pre-seminar-banner .txt p.catch {
	font-size: 18px;
	padding-top: 10px;
}
#pre-seminar-banner .txt p.catch span {
	display: inline-block;
	font-size: 15px;
}
#pre-seminar-banner .end span:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin: 0 0 1px 3px;
	transform: rotate(45deg);
}
#pre-seminar-banner .free {
	width: 50px;
	height: 50px;
	font-size: 12px;
	position: absolute;
	top: -15px;
	left: -15px;
	background: #f39d22;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

/* 閉じるボタン */
#pre-seminar-banner #pre-seminar-banner-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pre-seminar-banner #pre-seminar-banner-close span {
	position: relative;
	background: #666;
	width: 20px;
	height: 20px;
}
#pre-seminar-banner #pre-seminar-banner-close span:hover { background: #333;}
#pre-seminar-banner #pre-seminar-banner-close span::after,
#pre-seminar-banner #pre-seminar-banner-close span:before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 11px;
	border-top: 1px solid #fff;
	text-align: center;
	right: 0;
	left: 0;
	margin: auto;
}
#pre-seminar-banner #pre-seminar-banner-close span:after { transform: skewY(45deg);}
#pre-seminar-banner #pre-seminar-banner-close span:before { transform: skewY(-45deg);}

/* TOPに戻るボタンの位置 */
@media screen and (min-width: 670px) and (max-width: 1800px)  {
	#page-top.above-seminar a { bottom: 150px;}
}
/* PC */
@media screen and (min-width: 940px) {
	#pre-seminar-banner .inner:hover {
		opacity: 0.8;
		overflow: visible;
	}
	#pre-seminar-banner .pre-seminar-banner-close span:hover { background: #333;}
}
/* SP */
@media screen and (max-width: 670px) {
	#pre-seminar-banner:not(.show-sp):not(.form) { display: none;}
	#pre-seminar-banner.show-sp,
	#pre-seminar-banner.show-sp a {
		display: block;
		position: static;
	}
	#pre-seminar-banner.show-sp { padding-top : 25px;}
	#pre-seminar-banner.show-sp a {
		display: flex!important;
		width: 305px;
		border-radius: 0;
		margin: 0 auto;
		height: auto;
		justify-content: center;
		overflow: visible;
	}
	#pre-seminar-banner #pre-seminar-banner-close { display: none;}
	#pre-seminar-banner.show-sp .inner {
		display: flex;
		width: 90%;
		height: 90px;
		position: relative;
		overflow: visible
	}
	#pre-seminar-banner.show-sp .txt { padding-right: 10px;}
	#pre-seminar-banner.show-sp .link-arw {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-right: 10px;
		box-sizing: border-box;
	}
}
/* fumi */
#pre-seminar-banner.form {
  padding: 40px 0 30px;
  line-height: 1.4;
	display: block;
}
#pre-seminar-banner.form,
#pre-seminar-banner.form a {
	display: block;
	position: static;
	max-width: 600px;
		height: 100px;
	margin: auto;
}
#pre-seminar-banner.form {
	padding : 40px 0 30px;
	line-height: 1.4;
}
#pre-seminar-banner.form .inner {
	width: 100%;
	height: 100%;
}
#pre-seminar-banner.form .image {
	margin-right: -10px;
	max-width: none;
	width: 30%;
	background-size: cover;
}
#pre-seminar-banner.form .free {
	position: static;
	font-size: 13px;
	width: 55px;
	height: 55px;
	margin-right: 10px;
}
#pre-seminar-banner.form .txt { padding-right: 0;}
#pre-seminar-banner.form .txt p.lead {
	font-size: 14px;
  display: inline-block;
  padding: 6px 0;
}
#pre-seminar-banner.form .txt p.catch {
	font-size: 22px;
	font-weight: normal;
}
#pre-seminar-banner.form .txt p.catch span {
	font-size: 20px;
	font-weight: normal;
}
#pre-seminar-banner.form .link-arw {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px 0 10px;
}
/* SP */
@media screen and (max-width: 670px) {
	#pre-seminar-banner.form,
	#pre-seminar-banner.form a,
	#pre-seminar-banner.form .inner { height: auto;}
	#pre-seminar-banner.form .inner { flex-flow: row wrap;}
	#pre-seminar-banner.form .image {
		width: 100%;
		height: 60px;
	}
	#pre-seminar-banner.form .txt {
		transform: skew(0deg, 0deg);
		width: calc(100% - 40px);
		margin: 0;
		box-sizing: border-box;
		background: none;
	}
	#pre-seminar-banner.form .txt > div { transform: skew(0deg, 0deg);}
	#pre-seminar-banner.form .txt > div:nth-of-type(2) { width: calc(100% - 70px);}
	#pre-seminar-banner.form .txt p.lead {
		width: 100%;
		text-align: center;
	}
	#pre-seminar-banner.form .txt p.catch,
	#pre-seminar-banner.form .txt p.catch span {
		font-size: 18px;
		line-height: 1.3;
		text-align: center;
	}
	#pre-seminar-banner.form .link-arw { margin: 0 0 0 auto;}
}

/* 書類提出フォーム
--------------------------------------------------------------------------------- */
.header-ds-form {
	position: static;
}
.header-ds-form .header-inner {
	justify-content: space-between;
}
.header-ds-form .header-inner .name-pc-tab {
	display: flex;
	align-items: center;
	font-size: 15px;
}
#documents-submission-form .name-sp {
	display: none;
}
#documents-submission-form {
	background-color: #f6f6f6;
	font-size: 15px;
	padding-top: 0;
	min-height: calc(100% - 216px);
}
#documents-submission-form .message {
	font-size: 15px;
	text-align: center;
}
#documents-submission-form img {
	vertical-align: top;
}
#documents-submission-form .wrap {
	width: 90%;
	max-width: 1000px;
	margin: 43px auto 0;
	padding-bottom: 50px;
}
#documents-submission-form .confirm-error {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 43px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #ff4103;
	margin-bottom: 30px;
}
#documents-submission-form .confirm-error span {
	display: inline-block;
	color: #ed4f3e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 28px;
	position: relative;
}
#documents-submission-form .confirm-error span:before {
	content: '';
	display: block;
	width: 19px;
	height: 19px;
	background: url('/img/pre_login/doc_submit/error.png') no-repeat center/contain;
	position: absolute;
	left: 0;
}
#documents-submission-form form fieldset {
	background-color: #ffffff;
	padding-top: 88px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	position: relative;
}
#documents-submission-form form fieldset:not(:last-of-type) {
	margin-bottom: 30px;
}
#documents-submission-form .confirm form fieldset:not(:last-of-type) {
	margin-bottom: 20px;
}
#documents-submission-form form fieldset legend {
	width: 100%;
	height: 88px;
	background-color: #fcfcfc;
	font-size: 22px;
	box-sizing: border-box;
	padding: 29px 60px;
	border-bottom: 1px solid #cccccc;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: 0;
}
#documents-submission-form .fieldset-inner {
	padding: 25px 60px 48px;
}
#documents-submission-form .list {
	display: flex;
	justify-content: space-between;
	padding: 15px 40px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	margin: 15px 0;
}
#documents-submission-form .list ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 60%;
	margin-right: 40px;
}
#documents-submission-form .list li {
	max-width: 100%;
	line-height: 1.5;
	padding-left: 11px;
	position: relative;
}
#documents-submission-form .list li:not(:last-of-type) {
	margin-bottom: 8px;
}
#documents-submission-form .list li:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #aaaaaa;
	border-radius: 50%;
	position: absolute;
	top: calc(21px / 2 - 3px);
	left: 0;
}
#documents-submission-form .list .gray {
	color: #777777;
}
#documents-submission-form fieldset figure {
	width: 304px;
	align-self: flex-start;
	background-color: #f6f6f6;
	text-align: center;
	font-size: 14px;
	color: #666666;
	padding: 13px;
	margin: 0;
}
#documents-submission-form fieldset figcaption {
	margin-bottom: 9px;
}
#documents-submission-form .sample-1 img {
	width: 100%;
}
#documents-submission-form .sample-inner {
	position: relative;
	text-align: right;
}
#documents-submission-form .stamp {
	position: absolute;
	z-index: 0;
}
#documents-submission-form .stamp:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
}
#documents-submission-form .sample-inner > img {
	width: 100%;
}
#documents-submission-form .sample-2 .sample-inner {
	width: 92px;
	padding-right: 113px;
	margin: 0 auto;
}
#documents-submission-form .sample-2 .stamp img {
	width: 96px;
}
#documents-submission-form .sample-2 .stamp {
	bottom: 4px;
	right: 0;
}
#documents-submission-form .sample-2 .stamp:before {
	content: '発行元社判';
	position: absolute;
	top: -21px;
	left: 12px;
}
#documents-submission-form .sample-2 .stamp:after {
	border-bottom: 14px solid #666666;
	border-left: 31px solid transparent;
	bottom: 14px;
	left: -26px;
	transform: rotate(-24.9deg);
}
#documents-submission-form .sample-3 .sample-inner {
	width: 93px;
	padding-left: 108px;
	margin: 0 auto;
}
#documents-submission-form .sample-3 .stamp img {
	width: 94px;
}
#documents-submission-form .sample-3 .stamp {
	bottom: 2px;
	left: 0;
}
#documents-submission-form .sample-3 .stamp:before {
	content: '収受印';
	position: absolute;
	top: -21px;
	left: 24px;
}
#documents-submission-form .sample-3 .stamp:after {
	border-bottom: 13px solid #666666;
	border-right: 29px solid transparent;
	top: 6px;
	right: -18px;
	transform: rotate(-49.2deg);
}
#documents-submission-form .image {
	background-color: #f6f6f6;
	padding: 37px 48px 20px;
	border: 1px solid #cccccc;
}
#documents-submission-form .identification .image {
	padding: 37px 48px 40px;
}
#documents-submission-form .notes {
	margin: 13px 0 24px;
}
#documents-submission-form .notes li {
	padding-left: 1em;
	position: relative;
}
#documents-submission-form .notes li:before {
	content: '※';
	color: #ed4f3e;
	position: absolute;
	left: 0;
}
#documents-submission-form .upload-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#documents-submission-form input[type="file"] {
	display: none;
}
#documents-submission-form .upload-area {
	width: calc((100% - 18px) / 2);
	background-color: #ffffff;
	color: #666666;
	position: relative;
	user-select: none;
}
#documents-submission-form .upload-area:before {
	content: '';
	display: block;
	padding-top: 64%;
}
#documents-submission-form .upload-inner,
#documents-submission-form .drag-hover,
#documents-submission-form .progress,
#documents-submission-form .uploaded-image,
#documents-submission-form .error {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #666666;
	box-sizing: border-box;
	border: 1px dashed #898989;
	position: absolute;
	top: 0;
	left: 0;
}
#documents-submission-form .drag-hover {
	display: none;
	background-color: rgba(217, 238, 248, 0.95);
	border: 1px dashed #1e95d4;
	z-index: 5;
}
#documents-submission-form .drag-hover .up-message {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#documents-submission-form .upload-area .icon {
	margin-bottom: 15px;
}
#documents-submission-form .upload-area .icon img {
	width: 24px;
}
#documents-submission-form .upload-area label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 162px;
	height: 41px;
	background-color: #00a0e9;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
	margin: 15px 0;
	transition: 0.2s;
}
#documents-submission-form .progress {
	display: none;
	background-color: #ffffff;
	font-size: 14px;
	z-index: 2;
}
#documents-submission-form .progress .bar {
	width: 80%;
	max-width: 223px;
	height: 17px;
	border-radius: 8.5px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}
#documents-submission-form .progress .bar .bar-inner {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	border-radius: inherit;
}
#documents-submission-form .progress .bar .bar-color {
	width: 0;
	height: 100%;
	background-color: #01b776;
	position: absolute;
	top: 0;
	left: 0;
}
#documents-submission-form .uploaded-image {
	display: none;
	background-color: #ffffff;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	z-index: 3;
	cursor: zoom-in;
}
#documents-submission-form .file-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#documents-submission-form .uploaded-image .file-name,
#documents-submission-form .error .file-name {
	width: 100%;
	height: 25px;
	background-color: rgba(0, 0, 0, 0.55);
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 5px;
	color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
}
#documents-submission-form .pdf-count {
	flex-shrink: 0;
	white-space: nowrap;
}
#documents-submission-form .delete {
	width: 30px;
	height: 30px;
	background-color: #333333;
	color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	transition: 0.2s;
}
#documents-submission-form .delete span:before,
#documents-submission-form .delete span:after,
#documents-submission-form .modal-close:before,
#documents-submission-form .modal-close:after {
	display: block;
 	content: "";
 	background-color: #ffffff;
  	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -6% 0 0 -23%;
}
#documents-submission-form .delete span:before,
#documents-submission-form .modal-close:before {
	transform: rotate(-45deg);
}
#documents-submission-form .delete span:after,
#documents-submission-form .modal-close:after {
	transform: rotate(45deg);
}
#documents-submission-form .modal-close:before,
#documents-submission-form .modal-close:after {
	background-color: #333333;
	margin: 0 0 0 -21%;
}
#documents-submission-form .error {
	display: none;
	justify-content: center;
	align-items: center;
	background-color: #dedede;
	box-sizing: border-box;
	padding: 0 10px 25px;
	border: 2px solid #ed4f3e;
	z-index: 2;
}
#documents-submission-form .error .error-message {
	color: #ed4f3e;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
#documents-submission-form .error .error-message .exclamation:before  {
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url('/img/pre_login/doc_submit/error.png') no-repeat center/contain;
	transform: translate(0, 4px);
	margin-right: 10px;
}
#documents-submission-form .error label {
	margin: 15px 0 0;
}
#documents-submission-form .zoom-modal {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#documents-submission-form .zoom-modal .modal-window {
	width: 80%;
	height: 80%;
	max-width: 900px;
	max-height: 900px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 32px 2px rgba(75, 75, 75, 0.55);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 101;
}
#documents-submission-form .zoom-modal .modal-header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	color: #333333;
	box-sizing: border-box;
	padding-left: 15px;
}
#documents-submission-form .zoom-modal .scroll {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100% - 40px);
	overflow: auto;
	text-align: center;
	box-sizing: border-box;
	padding: 18px;
	border-top: 1px solid #cccccc;
	-webkit-overflow-scrolling: auto;
}
#documents-submission-form .zoom-modal .scroll.padding-adjust {
	padding-bottom: 0;
}
#documents-submission-form .zoom-modal .scroll.padding-adjust:after {
	content: '';
	display: block;
	width: 100%;
	height: 18px;
}
#documents-submission-form .scroll img {
	max-width: 100%;
	flex-shrink: 0;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
#documents-submission-form .zoom-modal .modal-close {
	width: 40px;
	height: 100%;
	flex-shrink: 0;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	margin-left: auto;
}
#documents-submission-form .upload-area .file-type {
	font-size: 13px;
	color: #898989;
}
#documents-submission-form .upload-area.front,
#documents-submission-form .upload-area.back {
	margin-top: 35px;
}
#documents-submission-form .upload-area.front:after,
#documents-submission-form .upload-area.back:after {
	display: block;
	width: 82px;
	height: 25px;
	background-color: #dcdcdc;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: 4px 0;
	border-radius: 5px;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translate(-50%, 0);
	pointer-events: none;
}
#documents-submission-form .upload-area.front:after {
	content: 'オモテ面';
}
#documents-submission-form .upload-area.back:after {
	content: 'ウラ面';
}
#documents-submission-form .add-file {
	text-align: center;
	margin-top: 20px;
}
#documents-submission-form .add-file label {
	display: inline-block;
	padding-left: 22px;
	color: #1e95d4;
	position: relative;
}
#documents-submission-form .add-file label:before {
	content: '＋';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	background-color: #1e95d4;
	color: #ffffff;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
}
#documents-submission-form .add-file.disabled label {
	color: #666666;
	cursor: default;
}
#documents-submission-form .add-file.disabled label:before {
	background-color: #aaaaaa;
}
#documents-submission-form .confirm .fieldset-inner {
	padding: 25px 109px 40px;
}
#documents-submission-form .confirm .uploaded-image {
	display: flex;
}
#documents-submission-form .confirm .upload-area.front:after,
#documents-submission-form .confirm .upload-area.back:after {
	background-color: transparent;
	color: #333333;
	font-weight: normal;
	top: -30px;
}
#documents-submission-form .complete,
#documents-submission-form .submitted {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 235px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 47px 20px;
	border: 1px solid #cccccc;
}
#documents-submission-form .complete p,
#documents-submission-form .submitted p {
	max-width: 100%;
}
#documents-submission-form .submitted {
	height: 160px;
	margin-top: 80px;
}
#documents-submission-form .close {
	display: inline-block;
	padding-right: 13px;
	position: relative;
	overflow: visible;
}
#documents-submission-form .close:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #1e95d4;
	border-right: 2px solid #1e95d4;
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	right: 0;
}
/* safari */
_::-webkit-full-page-media, _:future, :root #documents-submission-form .zoom-modal .scroll::-webkit-scrollbar {
	width: 5px;
}
_::-webkit-full-page-media, _:future, :root #documents-submission-form .zoom-modal .scroll::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1;
}
_::-webkit-full-page-media, _:future, :root #documents-submission-form .zoom-modal .scroll::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
}
/* hover */
@media screen and (min-width: 940px) {
	#documents-submission-form .upload-area label:hover {
		background-color: #d9eef8;
		color: #1e95d4;
		box-sizing: border-box;
		border: 2px solid #1e95d4;
	}
	#documents-submission-form .delete:hover {
		background-color: #898989;
	}
	#documents-submission-form .delete:before {
		content: '';
		width: 0;
		height: 0;
		border-right: 6.5px solid transparent;
		border-left: 6.5px solid transparent;
		border-bottom: 10px solid #333333;
		position: absolute;
		left: 50%;
		bottom: -16px;
		transform: translate(-50%, 0);
		opacity: 0;
		transition: 0.2s;
		pointer-events: none;
	}
	#documents-submission-form .delete:after {
		content: '削除';
		width: 60px;
		height: 30px;
		background-color: #333333;
		color: #ffffff;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		border-radius: 5px;
		position: absolute;
		top: 45px;
		left: -15px;
		z-index: 4;
		opacity: 0;
		transition: 0.2s;
		pointer-events: none;
	}
	#documents-submission-form .delete:hover:before,
	#documents-submission-form .delete:hover:after {
		opacity: 1;
	}
	#documents-submission-form .add-file label:hover {
		text-decoration: underline;
	}
	#documents-submission-form .add-file.disabled label:hover {
		text-decoration: none;
	}
}
/* PC/TAB */
@media screen and (min-width: 670px) {
	#documents-submission-form .upload-wrap .upload-area:not(:nth-last-of-type(-n + 2)) {
		margin-bottom: 18px;
	}
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#documents-submission-form .zoom-modal .modal-window {
		height: 50%;
	}
	#documents-submission-form .zoom-modal .scroll {
		height: calc(100% - 60px);
		border-bottom: 1px solid #cccccc;
	}
	#documents-submission-form .zoom-modal .scroll::-webkit-scrollbar {
		width: 5px;
	}
	#documents-submission-form .zoom-modal .scroll::-webkit-scrollbar-track-piece {
		background-color: #f1f1f1;
	}
	#documents-submission-form .zoom-modal .scroll::-webkit-scrollbar-thumb {
		background-color: #c1c1c1;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#documents-submission-form {
		font-size: 14px;
	}
	#documents-submission-form .wrap {
		width: 93%;
	}
	#documents-submission-form form fieldset {
		padding-top: 78px;
	}
	#documents-submission-form form fieldset legend {
		height: 78px;
		padding: 24px 50px;
	}
	#documents-submission-form .fieldset-inner {
		padding: 25px 50px 48px;
	}
	#documents-submission-form .list {
		padding: 10px 30px;
	}
	#documents-submission-form fieldset figure {
		font-size: 13px;
	}
	#documents-submission-form fieldset figure:not(.sample-1) {
		width: 230px;
	}
	#documents-submission-form .identification .image {
		padding: 30px;
	}
	#documents-submission-form .image {
		padding: 30px 30px 14px;
	}
	#documents-submission-form .upload-area .icon {
		margin-bottom: 10px;
	}
	#documents-submission-form .upload-area label {
		width: 148px;
		height: 36px;
		margin: 12px 0;
	}
	#documents-submission-form .upload-area .error label {
		margin: 12px 0 0;
	}
	#documents-submission-form .add-file {
		margin-top: 14px;
	}
	#documents-submission-form .error .error-message {
		font-size: 13px;
	}
	#documents-submission-form .error .error-message .exclamation:before {
		margin-right: 7px;
	}
	#documents-submission-form .error .error-message .tb-break {
		display: inline-block;
	}
	#documents-submission-form .delete {
		width: 27px;
		height: 27px;
	}
	#documents-submission-form .confirm .fieldset-inner {
		padding: 25px 60px 40px;
	}
	#documents-submission-form .complete,
	#documents-submission-form .submitted {
		padding: 35px 20px;
	}
	#documents-submission-form .complete {
		height: 200px;
	}
	#documents-submission-form .submitted {
		height: 140px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.header-ds-form .header-inner .name-pc-tab {
		display: none;
	}
	#documents-submission-form {
		font-size: 14px;
	}
	.header-inner img {
	margin : 0 auto;
	width:100%;
  max-width: 100%;
  height: auto;
  }
	#documents-submission-form .name-sp {
		display: block;
		font-size: 13px;
		text-align: center;
		margin-bottom: 35px;
	}
	#documents-submission-form .wrap {
		margin: 20px auto 0;
	}
	#documents-submission-form .wrap.confirm {
		margin: 27px auto 0;
	}
	#documents-submission-form form fieldset {
		padding-top: 58px;
	}
	#documents-submission-form form fieldset legend {
		height: 58px;
		font-size: 18px;
		padding: 16px 18px;
	}
	#documents-submission-form .fieldset-inner {
		padding: 25px 20px;
	}
	#documents-submission-form .identification .fieldset-inner {
		padding: 25px 20px 10px;
	}
	#documents-submission-form .list {
		display: block;
		background-color: #f6f6f6;
		padding: 18px 15px;
		border: none;
		margin: 15px 0 25px;
	}
	#documents-submission-form .list ul {
		display: block;
		width: 100%;
	}
	#documents-submission-form fieldset figure {
		display: none;
	}
	#documents-submission-form .image,
	#documents-submission-form .identification .image {
		background-color: transparent;
		padding: 0;
		border: none;
	}
	#documents-submission-form .upload-area:before {
		padding-top: 80%;
	}
	#documents-submission-form .upload-wrap.sp-center {
		justify-content: center;
	}
	#documents-submission-form .upload-area:not(.upload-success) {
		margin-bottom: 70px;
	}
	#documents-submission-form .upload-area.upload-success {
		margin-bottom: 18px;
	}
	#documents-submission-form .confirm .upload-area {
		margin-bottom: 0;
	}
	#documents-submission-form .upload-area.front:after,
	#documents-submission-form .upload-area.back:after {
		width: 70px;
		font-size: 13px;
	}
	#documents-submission-form .upload-inner {
		background: url('/img/pre_login/doc_submit/image.png') no-repeat center calc(50% - 8px)/30%, #f6f6f6;
		justify-content: flex-end;
		border: 1px solid #cccccc;
	}
	#documents-submission-form .upload-area .file-type {
		font-size: 12px;
		margin-bottom: 15%;
	}
	#documents-submission-form .upload-inner .icon,
	#documents-submission-form .upload-inner span {
		display: none;
	}
	#documents-submission-form .upload-area label {
		width: 100%;
		max-width: 160px;
		font-size: 13px;
		border-radius: 5px;
		margin: 0;
		position: absolute;
		left: 50%;
		bottom: -52px;
		transform: translate(-50%, 0);
	}
	#documents-submission-form .add-file {
		margin-top: 0;
	}
	#documents-submission-form .progress {
		background-color: #f6f6f6;
		text-align: center;
		font-size: 13px;
		border: 1px solid #cccccc;
	}
	#documents-submission-form .uploaded-image .file-name {
		display: none;
	}
	#documents-submission-form .delete {
		width: 23px;
		height: 23px;
		border-left: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}
	#documents-submission-form .delete span:before,
	#documents-submission-form .delete span:after {
		margin: -6% 0 0 -30%;
	}
	#documents-submission-form .zoom-modal {
		background: rgba(0, 0, 0, 0.65);
	}
	#documents-submission-form .zoom-modal .modal-window {
		box-shadow: 0 0 32px 2px rgba(0, 0, 0, 0.75);
	}
	#documents-submission-form .modal-close:before,
	#documents-submission-form .modal-close:after {
		width: 20px;
		margin: 0 0 0 -27%;
	}
	#documents-submission-form .error {
		padding: 10px;
	}
	#documents-submission-form .error .file-name {
		display: none;
	}
	#documents-submission-form .error .error-message .exclamation:before  {
		width: 16px;
		height: 16px;
		margin-right: 3px;
	}
	#documents-submission-form .error .error-message {
		font-size: 11px;
	}
	#documents-submission-form .confirm .fieldset-inner {
		padding: 30px 20px;
	}
	#documents-submission-form .confirm .identification .fieldset-inner {
		padding: 20px 20px 30px;
	}
	#documents-submission-form .confirm .upload-wrap .upload-area:not(:nth-last-of-type(-n + 2)) {
		margin-bottom: 18px;
	}
	#documents-submission-form .pre-btn-input.pre-btn-m {
		width: 43%;
		min-width: 0;
	}
	#documents-submission-form .complete {
		height: 185px;
		padding: 27px 22px;
	}
	#documents-submission-form .submitted {
		height: 125px;
		padding: 35px 20px;
		margin-top: 50px;
	}
	#documents-submission-form + footer #page-top {
		display: none !important;
	}
}
/* フォームweb商談希望部分
-------------------------------------------------- */
.web-meeting {border-bottom: 1px #cccccc solid;}
#web_meeting_date.web-meeting {border-top: none;}
.web-meeting .pre-fotxt{font-size: 14px}
.web-meeting .receive01{margin-right:25px}
.web-meeting .date-area{padding: 2px 0 4px}
.web-meeting .date-area .necessary-area{display:inline-block;width:56px;padding-left: 5px;}
.web-meeting .date-area .input-wrap{display:inline-block;width:118px;position:relative}
.web-meeting [type='radio'] {display: none;}
.web-meeting label { display: inline-block;padding: 4px 0;}
.web-meeting label:not(:last-of-type) { margin-right: 60px; }
.web-meeting label:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	background-color: #fff;
	width: 6px;
	height: 6px;
	border: 3px #fff solid;
	box-shadow: 0 0 0 1px #999;
	margin-right: 8px;
	border-radius: 50%;
}
.web-meeting input[type='radio']:checked + label:before { background-color: #22ac38; }
.web-meeting .date-area .date1,
.web-meeting .date-area .date2,
.web-meeting .date-area .date3{display:inline-block;width:100%;position:relative}
.web-meeting .date-area .date-clear-button{
	width:24px;
	height:30px;
	position:absolute;
	right:3px;
	top:50%;
	margin-top: -15px;
	cursor: pointer;
}
.web-meeting .date-area .date-clear-button:before,
.web-meeting .date-area .date-clear-button:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 2px;
	background: #777;
	transform: rotate(45deg);
	top: 14px;
	right: 7px;
}
.web-meeting .date-area .date-clear-button:after{
	transform: rotate(-45deg);
}
.web-meeting .date-area .time{display:inline-block;margin-left: 9px}
.web-meeting .date-area .time [name^="hour"],
.web-meeting .date-area .time [name^="minute"]{width:63px;}
.web-meeting .date-area p.pre-fo-errmark,
.web-meeting .date-area div.pre-fo-errmark {margin-left: 113px;}
@media screen and (min-width: 671px) and (max-width: 940px){
.web-meeting .date-area .time{display:block;margin:5px 0 0 113px}
}
@media screen and (max-width: 670px){
.web-meeting .date-area:first-of-type{padding-top:0}
.web-meeting .date-area:last-of-type{padding-bottom:0}
.web-meeting .date-area{padding:10px 0}
.web-meeting .date-area .input-wrap{width:85%;}
.web-meeting .date-area:not(:last-of-type){border-bottom:1px solid #dddddd}
.web-meeting .date-area .time{display:block;margin-left: 0;}
.web-meeting .date-area .time [name^="hour"]{width:55px;margin-left:0}
.web-meeting .date-area .time [name^="minute"]{width:55px}
.web-meeting .date-area p.pre-fo-errmark,
.web-meeting .date-area div.pre-fo-errmark {margin-left: 0;}
}
.web-meeting .date-area .date-clear-button:hover{background-position:center bottom 2px}

.lp03.web-meeting .date-area select.pre-fo-errmark {margin-top: 6px;}