@charset "UTF-8";
/* -----------------------------------------------
画像収集企画LPページ --- .business-member-lp
Since 2021.10.6
------------------------------------------------- */

html {
	scroll-behavior: smooth;/* 試験的 */
}

a.text-link {/* 視覚改善のための試験的調整 */
	color: #344a60;
	font-weight: bold;
	margin: 0 .3em;
	text-decoration: underline;
}

a.text-link:hover {
/*	color: #589f92;*/
	text-decoration :none;
}

.fl-box {
	display: flex;
}

.disp-ib {
	display: inline-block;
}

.category_title {/* デフォルト値を上書き */
	margin: 10em auto 3em;
}

.txt {
	font-size: 17px;
	line-height: 2.1;
	}

.txt + .txt { margin: 1em auto 0;}

.chusyaku {
	font-size: 12px;
	font-weight: bold;
	margin: .75em 0 0;
}

.color-red { color: #d53737;}
.color-ylw { color: #e1b92f;}
.color-grn { color: #42ae9b;}

.size-1 { font-size: 18px;}
.size-2 { font-size: 28px;}
.size-3 { font-size: 36px;}
.size-4 { font-size: 52px;}
.size-5 { font-size: 127px;}

.g-font {
	font-family: 'Sawarabi Gothic', sans-serif;
	font-weight: 400;
}


/***
メインビジュアル --- .content-mv
------------------------------------------------- */

/*
<h1>タイトル名は存在するが、デザイン表示上では使用しない。
SEOの観点より記述はしておくが、目には見えないようにCSSで調整。
*/
.content-mv .page_title {
	margin: 0;
	padding: 0;
}

.content-mv .page_title span {
	color: transparent;
	font-size: 0;
	margin: 0;
	padding: 0;
}


/* 背景キービジュアル --- .main-image */

.content-mv {
	background: url(../images/key_visual.jpg) center -40px no-repeat;
	min-width: 1240px;
	overflow: hidden;
/* 背景画像の高さ - 初期ヘッダーの高さ */
	padding-top: 560px;/* 背景画像height固定 */
	position: relative;
}

.content-mv::after {
	background: linear-gradient(to bottom,rgba(255, 255, 255, .25), rgba(255, 255, 255, .75) 50%, rgba(255, 255, 255, .7) 70%, rgba(255, 255, 255, .6));
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.content-mv .mv-main-wrap {
	background: url(../images/mv_bottom_image.png) bottom center no-repeat;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}


/* メインコピー --- .mv-txt */

.content-mv .mv-txt-wrap {
	margin: 30px auto 0;
	position: relative;
	width: 1240px;
}

.content-mv .mv-txt {
	color: #33495f;
	padding: 3px 0 0;
	position: relative;
}

.content-mv .title-a {
	color: #33495f;
	font-size: 18px;
	font-weight: 500;
}

.content-mv .title-a::before {
	background: #33495f;
	content: "";
	display: inline-block;
	height: 2px;
	margin-left: -38px;
	transform: rotate(56deg);
	vertical-align: middle;
	width: 40px;
}

.content-mv .title-a::after {
	background: #33495f;
	content: "";
	display: inline-block;
	height: 2px;
	margin-left: -10px;
	transform: rotate(-56deg);
	vertical-align: middle;
	width: 40px;
}

.content-mv .title-b,
.content-mv .title-c {
	display: block;
	line-height: 1;
}

.content-mv .title-b {
	font-size: 42px;
	font-weight: 500;
}

.content-mv .title-b span {
	display: inline-block;
	letter-spacing: 2px;
	padding-top: 20px;
	vertical-align: middle;
}

.content-mv .logo-mr {
	display: inline-block;
	height: auto;
	vertical-align: middle;
	width: 360px;
}

.content-mv .title-c {
	font-weight: 500;
	position: relative;
}

.content-mv .title-c span {
	display: inline-block;
}

.content-mv .title-c .txt-free {
	letter-spacing: 0;
	line-height: 1.1;
	margin-left: -3px;/* 左揃え補正のため */
	position: relative;
	text-shadow:
		3px 3px 4px rgba(255, 255, 255, .8),
		3px 0px 4px rgba(255, 255, 255, .8),
		0px 3px 4px rgba(255, 255, 255, .8);
	vertical-align: 222px;
	z-index: 3;
}

.content-mv .title-c .txt-zero {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 600px;
	font-weight: 600;
	margin: -178px 0 0 -70px;
	text-shadow:
		2px 3px 20px rgba(255, 255, 255, .5),
		-2px 3px 20px rgba(255, 255, 255, .5),
		2px 0px 20px rgba(255, 255, 255, .5),
		-2px 0px 20px rgba(255, 255, 255, .5),
		0px 3px 25px rgba(255, 255, 255, .5);
	vertical-align: baseline;
}

.content-mv .title-c .txt-yen {
	margin-left: -70px;
	text-shadow:
	3px 3px 15px rgba(255, 255, 255, .7),
	-3px 3px 15px rgba(255, 255, 255, .7),
	3px 0px 20px rgba(255, 255, 255, .7),
	-3px 0px 20px rgba(255, 255, 255, .7),
	0px 3px 20px rgba(255, 255, 255, .7);
	vertical-align: baseline;
}

.content-mv .title-c .txt-keisai {
	bottom: 196px;
	left: 2px;
	letter-spacing: 1px;
	position: absolute;
	text-shadow:
		3px 3px 4px rgba(255, 255, 255, .8),
		3px 0px 4px rgba(255, 255, 255, .8),
		0px 3px 4px rgba(255, 255, 255, .8);
	z-index: 3;
}

.content-mv .title-d {
	position: absolute;
	right: 18.6%;
	text-align: right;
	top: -10px;
}

.content-mv .title-d span {
	border-bottom: 4px dashed #81cfc1;
	display: inline-block;
	font-size: 20px;
	line-height: 1.7;
}

.content-mv .title-d .txt-1st {}

.content-mv .title-d .txt-2nd {
	margin: .5em .3em 0 0;
	padding-left: .2em;
}


/* メインビジュアル下方のフキダシ周辺 --- .mv-bottom-area */

.mv-bottom-area {
	bottom: 30px;
	left: -40px;/* gizaIcon左揃えを調整 */
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 1240px;
	z-index: 3;
}

.mv-bottom-area .fukidashi {
	background: rgba(255, 255, 255, .92);
	border-radius: 12px;
	display: inline-block;
	min-width: 360px;
	padding: 12px 36px;
	position: relative;
	width: auto;
}

.mv-bottom-area .fukidashi li {
	color: #33495f;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .03em;
}

.mv-bottom-area .fukidashi li + li {
	margin-top: .1em;
}

.mv-bottom-area .giza-icon {
	background-color: #33495f;
	height: 86px;
	position: relative;
	right: -16px;
	top: 2px;
	width: 86px;
	z-index: 2;
}

.mv-bottom-area .giza-icon,
.mv-bottom-area .giza-icon-inr,
.mv-bottom-area .giza-icon-inr::before,
.mv-bottom-area .giza-icon-inr::after {
	display: inline-block;
	transform: rotate(22.5deg);
}

.mv-bottom-area .giza-icon-inr,
.mv-bottom-area .giza-icon-inr::before,
.mv-bottom-area .giza-icon-inr::after,
.mv-bottom-area .icon-txt {
	background-color: #33495f;
	content: "";
	height: 86px;
	position: absolute;
	top: 0;
	width: 86px;
}

.mv-bottom-area .icon-txt {
	display: inline-block;
	text-align: center;
	transform: rotate(-45deg);
	z-index: 3;
}

.mv-bottom-area .icon-txt-rotate {
	color: #fff;
	display: inline-block;
	font-weight: 600;
	line-height: 1.35;
	margin: 12px 0 0 3px;
	transform: rotate(-15deg);
}

.mv-bottom-area .icon-txt-rotate span {
	font-size: 37px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}



/***
MV直下catch --- .catch-txt
------------------------------------------------- */

.catch-txt {
	margin: 3em auto;
	text-align: center;
}

.catch-txt .catch-head {
	letter-spacing: .1em;
	margin: 0 0 1em;
}

.catch-txt .catch-head span {
	display: inline-block;
	font-weight: bold;
	letter-spacing: .1em;
}

.catch-txt .catch-head .logo-mr {
	display: inline-block;
	height: auto;
	margin-right: .45em;
	vertical-align: text-top;
	width: 220px;
}



/***
フォームへのページ内リンク --- .page-link
button.css内“リボン付きボタン”の仕様をベースに上書き
------------------------------------------------- */

.page-link {/* flexboxの詳細など */
	margin: 3em auto 6em;
}

.page-link .fl-box {
	align-items: center;
	flex-flow: row nowrap;
	justify-content: center;
}

.link-to-form .fukidashi-triangle {/* 影付きフキダシ */
	border: 14px solid transparent;
	border-bottom: 14px solid #e1b92f;
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 0;
	left: 110px;
	position: absolute;
	transform: rotate(18deg);
	top: 10px;
	width: 0;
}

.link-to-form .fukidashi-area {
	background: #e1b92f;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	color: #fff;
	display: inline-block;
	font-size: 17px;
	font-weight: 500;
	left: 20px;
	letter-spacing: .05em;
	line-height: 1.2;
	padding: .4em 1em .8em;
	position: absolute;
	text-align: center;
	top: -15px;
	transform: rotate(-10deg);
}

.link-to-form .fukidashi-area::after {/* 影ナシで上から乗っけてるフキダシ */
	border: 14px solid transparent;
	border-bottom: 14px solid #e1b92f;
	bottom: 0;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: 0;
	transform: rotate(20deg);
	width: 0;
}

.link-to-accountpage {
	margin-left: 3%;
}

.page-link .chusyaku {
	margin: .3em auto 10px;
	padding-left: 50px;
	position: relative;
	width: 1120px;
}

.page-link .chusyaku::before {
	color: #33495f;
	content: "\f2bd";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 34px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	left: 0;
	line-height: 1;
	position: absolute;
	top: calc(50% - 16px);
	text-rendering: auto;
}



/***
無料で出せる3つの広告 --- .advertisement-details
------------------------------------------------- */

.advertisement-details {
	padding-bottom: 3em;
}

.advertisement-details .txt {
	font-size: 19px;
	font-weight: 500;
	margin: 0 auto 3em;
	text-align: center;
}


/* コンテンツタイトル（pop風） --- .category_title.style-pop */

.category_title.style-pop {
	background: #fdfdf3;
	border-radius: 10px;
	margin-bottom: 2em;
	padding: 23px 0 32px;
	position: relative;
	text-align: center;
}

.category_title.style-pop::before {
	background: transparent;
	border: 2px dashed #33495f;
	border-radius: 10px;
	bottom: 6px;
	content: "";
	height: auto;
	left: 6px;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 6px;
	width: auto;
	}

.category_title.style-pop .icon-pop {/* iconの親 */}

.category_title.style-pop .icon-pop::before {
	content: url(../images/icon_em_left.svg);
	display: inline-block;
	height: auto;
	margin-right: 1.6em;
	vertical-align: bottom;
	width: 40px;
}

.category_title.style-pop .icon-pop::after {
	content: url(../images/icon_em_right.svg);
	display: inline-block;
	height: auto;
	margin-left: 1.6em;
	vertical-align: bottom;
	width: 40px;
}

.category_title.style-pop span {
	display: inline-block;
	letter-spacing: .1em;
}

.category_title.style-pop .size-2 {
	font-size: 30px;
	font-weight: bold;
}

.category_title.style-pop .size-3 {
	font-size: 42px;
	font-weight: bold;
}


/* 広告内容詳細ブロック --- .detail-box */

.advertisement-details .detail-box {
	background: #ecf3f2;
	border: 3px solid #fff;
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	margin: 0 17px;
	padding: 100px 3% 50px;
	position: relative;
}

.advertisement-details .detail-box + .detail-box {
	margin-top: 30px;
}

.advertisement-details .detail-box .num {
	color: #456380;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 146px;
	font-weight: 600;
	letter-spacing: 0;
	position: absolute;
	right: 3%;
	top: 36px;
}

.advertisement-details .detail-box .head-txt {
	background: #456380;
	color: #fff;
	font-size: 21px;
	left: -20px;
	letter-spacing: .1em;
	line-height: 1.6;
	padding: 3px 75px 4px;
	position: absolute;
	top: 20px;
	width: calc(100% - 110px);
}

.advertisement-details .detail-box .left-side {
	float: left;
	width: 57%;
}

.advertisement-details .detail-box .right-side {
	float: right;
	height: 380px;/* 左手画像の高さぶんを指定 */
	position: relative;
	width: 38%;
}

.advertisement-details .detail-box .cap-image1 {
	display: inline-block;
}

.advertisement-details .detail-box .detail-txt {
	font-size: 21px;
	letter-spacing: .08em;
	line-height: 2.2;
	position: absolute;
	top: 54%;/* 上下位置中央よりきもち下方向 */
	transform: translateY(-50%);
	width: 100%;
}

.advertisement-details .detail-box .color-red {
	font-weight: bold;
	padding: 0 3px;
}



/***
お悩み・解決 --- .solve-problems
------------------------------------------------- */

.solve-problems {}


/* コンテンツタイトル（pop風-2） --- .category_title.style-pop2 */

.category_title.style-pop2 {
	text-align: center;
}

.category_title.style-pop2::before {
	content: none;
}

.category_title.style-pop2 .icon-pop {/* iconの親 */
	display: block;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: .07em;
	margin-bottom: 15px;
	padding: 0 .6em .1em;
	position: relative;
	z-index: 3;
}

.category_title.style-pop2 .icon-pop::before {
	content: url(../images/icon_em_left.svg);
	display: inline-block;
	height: auto;
	margin: 0 .6em -.08em 0;
	vertical-align: bottom;
	width: 46px;
}

.category_title.style-pop2 .icon-pop::after {
	content: url(../images/icon_em_right.svg);
	display: inline-block;
	height: auto;
	margin: 0 0 -.08em .6em;
	vertical-align: bottom;
	width: 46px;
}

.category_title.style-pop2 .bottom-txt {
	background: #fdfdf3;
	border-radius: 10px;
	display: block;
	line-height: 1.85;
	margin-bottom: 2em;
	padding: 23px 0 32px;
	position: relative;
	text-align: center;
}

.category_title.style-pop2 .bottom-txt::before {
	background: transparent;
	border: 2px dashed #33495f;
	border-radius: 10px;
	bottom: 6px;
	content: "";
	height: auto;
	left: 6px;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 6px;
	width: auto;
}

.category_title.style-pop2 .bottom-txt .u-line {
	text-decoration: rgba(255, 185, 47 ,.6) underline 8px;
}


/* 解決できます！ブロック --- .can-solve */

.can-solve {}

.can-solve .catch-txt {
	letter-spacing: .1em;
	margin: 3em auto 1em;
	position: relative;
}

.can-solve .catch-txt::before {
	border: solid transparent;
	border-top-color: #ecf3f2;
	border-width: 60px 100px;
	content: "";
	display: inline-block;
	height: 0;
	left: calc(50% - 120px);
	position: absolute;
	top: -70px;
	width: 0;
}

.can-solve .catch-txt .logo-mr {
	display: inline-block;
	height: auto;
	margin-right: 0.45em;
	vertical-align: text-top;
	width: 280px;
}

.can-solve .catch-txt .size-4 {
	font-size: 47px;
	font-weight: 500;
	letter-spacing: .03em;
	padding: 0 .01em 0 .12em;
}

.can-solve .solve-list {/* ul */
	margin: 0 auto;
	width: 1200px;
}

.can-solve .solve-list li {
	position: relative;
}

.can-solve .solve-list li + li {
	margin-top: 2em;
}

.can-solve .solve-list .point-marker {
	background: #e1b92f;
	color: #fdfdf3;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	left: -19px;
	letter-spacing: 2px;
	line-height: 1;
	padding: 10px 50px 10px 40px;
	position: absolute;
	top: 10px;
	transform: rotate(-20deg);
	z-index: 3;
}

.can-solve .solve-list .fa-lightbulb {
	margin-left: 3px;
}

.can-solve .solve-list .li-inr-wrap {
	background-image: linear-gradient(-45deg, #fff 25%, #fdfdf3 25%, #fdfdf3 50%, #fff 50%, #fff 75%, #fdfdf3 75%, #fdfdf3);
	background-size: 6px 6px;
	border: 6px solid #33495f;
	border-radius: 10px;
	padding: 2.3em 5em 3em;
	position: relative;
}

.can-solve .solve-list .head-txt {
	color: #33495f;
	font-weight: 600;
	margin-bottom: .6em;
}

.can-solve .solve-list .left-side {
	float: left;
	width: 57%;
}

.can-solve .solve-list .right-side {
	float: right;
	position: relative;
	width: 38%;
}

.can-solve .solve-list .txt {
	font-size: 19px;
	letter-spacing: .075em;
	line-height: 1.85;
}

.can-solve .solve-list .txt-em {
	background: #e9edf1;
	border-radius: 6px;
	display: block;
	font-size: 17px;
	font-weight: 600;
	margin: .8em 0 .8em 2em;
	padding: .6em 2em;
}

.can-solve .solve-list .solve-img {
	display: inline-block;
/*	position: absolute;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
	width: 100%;
}



/***
ご利用の流れ --- .service-usage
------------------------------------------------- */

.list-usage-step {/* flexboxの詳細など */
	align-items: center;
	flex-flow: row nowrap;
	justify-content: center;
	margin-bottom: 3em;
}

.list-usage-step li {
	position: relative;
	width: 344px;
}

.list-usage-step li + li {
	margin-left: 60px;
}

.list-usage-step li + li::before {
	color: #567db1;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 900;
	left: -35px;
	position: absolute;
	text-rendering: auto;
	top: 51%;
	-webkit-font-smoothing: antialiased;
}

.list-usage-step .step-title {
	font-size: 19px;
	font-weight: bold;
}

.list-usage-step .step-body {
	background-image: linear-gradient(-45deg, #fff 25%, #edf0f4 25%, #edf0f4 50%, #fff 50%, #fff 75%, #edf0f4 75%, #edf0f4);
	background-size: 6px 6px;
	border: 6px solid #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin-top: 13px;
	text-align: center;
}

.list-usage-step .step-body img {
	max-height: 240px;/* 適宜調整 */
	width: auto;
}

.list-usage-step .step-txt {
	background: #456380;
	border-radius: 0 0 8px 8px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1.8;
	min-height: 60px;
	text-align: center;
	padding: 20px;
}

.list-guidance-txt {
	margin: 0 auto;
	width: 1200px;
}

.list-guidance-txt li {
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 1.8;
	margin: 0 0 .8em 3em;
	position: relative;
}

.list-guidance-txt li::before {
	color: #aabed8;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: -2em;
	position: absolute;
	text-rendering: auto;
	top: 0;
	-webkit-font-smoothing: antialiased;
}



/***
Q&A --- .q-and-a
------------------------------------------------- */

.q-and-a {}

.q-and-a table {
	border-collapse: separate;
	border-spacing: .6em;
}

.q-and-a table + table {
	margin-top: .6em;
}

.q-and-a th,
.q-and-a td {
	border: none;
	padding: 1.2em 2em;
}

.q-and-a th {
	text-align: center;
	width: 30px;
}

.q-and-a .side-q th {
	background: #456380;
}

.q-and-a .side-a th {
	background: #7193ae;
}

.q-and-a .side-q td {
	background: #eff1f3;
	border-bottom: 2px solid #a4aeb9;
}

.q-and-a .head-txt-a {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
}

.q-and-a .head-txt-b {
	color: #33495f;
	font-size: 21px;
	font-weight: 500;
}

.q-and-a .side-a .txt {
	letter-spacing: .07em;
}



/***
新規アカウント・会社紹介ページ開設 --- .create-account
------------------------------------------------- */

.create-account {
	/* ページ内リンクの位置ズレ防止 */
	margin-top: -30px;
	padding-top: 30px;
}

.create-account .category_title {
	margin-bottom: 2em;
}

.create-account .title-bottom-txt {
	margin-bottom: 3em;
}

.create-account .title-bottom-txt p:not(.chusyaku) {
	font-size: 16px;
	line-height: 2;
}

.create-account .entryFormArea {
	border: none;
	box-shadow: 0 0 15px rgba(60, 86, 112, .25);
	margin: 0 auto;
	padding: 60px 125px 90px;
	width: calc(100% - 280px);
}

.create-account .category_sub_title {
	border-top: 1px solid #99a4af;
	margin: 6em 0 1em;
	padding: 1.6em .6em 1em;
	text-align: left;
}

.create-account .category_sub_title span {
	color: #33495f;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6;
}

.create-account .chusyaku {
	margin-bottom: 4em;
}

/*
.form-body-table - フォーム入力欄 共通CSS（form.cssに依存しない）
-------------------------------------- */

.form-body-table {
	border-collapse: separate;
	border-spacing: 0 6px;
	width: 100%;
}

.form-body-table th,
.form-body-table td {
	border: none;
	font-weight: revert;
	padding: .5em;
	vertical-align: middle;
}

.form-body-table th {
	background: #eff1f3;
	padding-top: 13px;/* <td>内パーツと横位置を揃えるため */
	text-align: right;
	vertical-align: top;
	width: 28%;
}

.form-body-table td {
	text-align: left;
	width: auto;
}

.form-body-table th > * {
	vertical-align: middle;
}

.form-body-table .item-head {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 1.6;
	margin-right: .6em;
}

.form-body-table .must-flag {
	background: #d53737;/*#d00*/
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	padding: 5px 6px 6px;
}

.form-body-table .must-flag.not {/* 任意のとき */
	background: transparent;
	color: transparent;
}

.form-body-table th .chusyaku {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .07em;
	line-height: 1.48;
	margin: .75em 1em 0;
	text-align: left;
}

.form-body-table .text_input {
	background: #fff;
	border-radius: 2px;
	font-size: 14px;
	line-height: 1;
	margin: 0 .3em;
	padding: .6em .8em;
}

.form-body-table textarea.text_input {
	line-height: 1.8;
}

.form-body-table .text_input.size-full {
	width: calc(100% - 2.2em);
}

.form-body-table .text_input.size-address-full {
	width: calc(100% - 2.2em - 100px);
}

.form-body-table .selectbox.size-300 {
	width: 300px;
}

.form-body-table textarea {
	resize: vertical;
}


/* input,textareaなどのplaceholder属性に対するCSS */

.form-body-table ::placeholder {/*default*/
	color: #c1c8cf;
}

.form-body-table :-ms-input-placeholder {/*IE*/
	color: #c1c8cf;
}

.form-body-table ::-ms-input-placeholder {/*Edge*/
	color: #c1c8cf;
}

.form-body-table :focus::placeholder {/*default*/
	color: #d6dadf;
}

.form-body-table :focus:-ms-input-placeholder {/*IE*/
	color: #d6dadf;
}

.form-body-table :focus::-ms-input-placeholder {/*Edge*/
	color: #d6dadf;
}


/* tooltipパーツ */

.tooltip {
	display: inline-block;
	position: relative;
}

.tooltip .tooltip-head {
	color: #344a60;
}

.tooltip:hover .tooltip-head {
	color: #4c9ebf;
}

.tooltip .tooltip-inr-contents {
  background: #456380;
  border-radius: 8px;
	color: #fff;
  display: none;
  font-size: 85%;
  left: -60px;
  letter-spacing: .08em;
  line-height: 1.6;
  padding: 1em 1.3em;
  position: absolute;
	text-align: left;
  top: 30px;
  width: 300px;
}

.tooltip:hover .tooltip-inr-contents {
  display: block;
  animation: fade-in .25s;
  -webkit-animation: fade-in .25s;
}

.tooltip .tooltip-inr-contents::before {
  border: 6px solid transparent;
  border-bottom-color: #456380;/* 上向きのフキダシ */
  content: "";
  height: 0;
  left: 61px;
  position: absolute;
  top: -12px;
  width: 0;
}

.form-body-table .item-head + .tooltip {
	margin-left: -.6em;
}


/* 新規“不動産会社アカウント”の登録 --- .business-member-account-new */

.business-member-account-new .category_sub_title {
	margin-top: 2em;
}


/* 会社紹介ページに関する入力 --- .company-data */

.company-data .chusyaku {
	position: relative;
}

.company-data .keisai-sample-page {
	background: #7193ae;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 1.5em 1em 1.6em;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.company-data .keisai-sample-page:hover {
	background: #456380;
}

.company-data .keisai-sample-page .fa-laptop-code {
	font-size: 42px;
}

.company-data .keisai-sample-page span {
	display: block;
	font-size: 17px;
	line-height: 1;
	margin-top: .6em;
}

.company-data .add-search-btn {
	display: inline-block;
	margin: 0 0 0 1em;
	padding: .6em 1.8em .8em;
	vertical-align: middle;
}

.company-data .item-subcategory .item-sub-head {
	display: inline-block;
	text-align: right;
	width: 90px;
}

.company-data .item-subcategory .text_input {
	margin: .3em;
}

.company-data .company-image {
	padding: .3em;
}

.company-data .company-image:not(:last-of-type) {
	border-bottom: 1px dashed #eff1f3;
}

.company-data .company-image + .company-image {
	margin-top: .6em;
}

.company-data .company-image .thumbnail-wrap {
	display: block;
	float: left;
	text-align: center;
	width: 200px;
}

.company-data .company-image .thumbnail-wrap img {
	display: inline-block;
	max-height: 120px;
	max-width: 200px;
}

.company-data .company-image .select-radio-wrap {
	float: right;
	padding-left: 1em;
	width: calc(100% - 200px - 1em);
}

.company-data .company-image .select-radio + .select-radio {
	margin-top: .3em;
}

.company-data .company-image .select-radio input[type="radio"] {
	cursor: pointer;
	margin: 0 .6em 0 1em;
}

.company-data .company-image .select-radio label {
	cursor: pointer;
}

.company-data .company-image .select-radio-inr-wrap {
	display: inline-block;
	margin-bottom: .3em;
}

.company-data .company-image .select-radio-inr-wrap + .select-radio-inr-wrap {
	margin-left: 30px;
}


/* 個人情報取り扱い確認 ～ 登録・送信アクション --- .user-action-wrap */

.user-action-wrap {
	margin: 6em 0 0;
}

.user-action-wrap .cta_button_input {
	font-size: 17px;
	padding: 1.5em 6em;
}

.user-action-wrap .action-button-area {
	margin-top: 1em;
}

.user-action-wrap .pmark-area {
	margin-top: 40px;
}

.user-action-wrap .pmark-area .mark-side {
	float: left;
	width: 100px;
}

.user-action-wrap .pmark-area .mark-side a {
	display: block;
}

.user-action-wrap .pmark-area .txt-side {
	float: right;
	margin-top: 12px;
	text-align: left;
	width: calc(100% - 100px);
}


/***
contact OAK --- .contact-oak
------------------------------------------------- */

.contact-oak {
	background-image: linear-gradient(-45deg, #eee 25%, #a5cedf 25%, #a5cedf 50%, #eee 50%, #eee 75%, #a5cedf 75%, #a5cedf);
	background-size: 6px 6px;
	border-radius: 4px;
	margin: 3em auto 6em;
	padding: .7em;
	width: 70%;
}

.contact-oak .block {
	background: #fff;
	color: #666;
	margin: 0 auto;
	padding: 2em 3em 2.3em 19em;
	position: relative;
}

.contact-oak .block::before {
	background: url(../images/illust_contact_tel.png) no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 200px;
	left: 30px;
	position: absolute;
	top: calc(50% - 98px);
	width: 200px;
}

.contact-oak .head-txt {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: .6em;
}

.contact-oak .side-mail {
	margin-bottom: .6em;
}

.contact-oak .side-mail a {
	display: block;
	margin: 0;
	padding: .4em 30px .4em .6em;
	position: relative;
	text-align: left;
}

.contact-oak .side-mail a::after {
	color: #fff;
	content: '\f105';
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 21px;
	font-weight: bold;
	line-height: 26px;
	margin-top: -13px;
	position: absolute;
	right: 15px;
	top: 50%;
}

.contact-oak .side-mail a > span {
	display: inline-block;
	font-size: 19px;
	vertical-align: middle;
}

.contact-oak .side-mail .reception-time {
	background: #ecf3f2;
	border-radius: 3px;
	color: #7193ae;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.3;
	margin-right: 1em;
	padding: .3em 1em .2em;
	text-align: center;
}

.contact-oak .side-tel .style-tel {
	color: #7193ae;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.05;
	margin-right: .3em;
}

.contact-oak .side-tel .reception-time {
	font-size: 14px;
	font-weight: 500;
}



/* -----------------------------------------------
画像収集企画LPページ > 不動産会社会員 登録完了ページ
.business-member-lp.form-complete
------------------------------------------------- */

.form-complete {}

.form-complete .guidance-txt {
	margin: 0 auto;
	text-align: center;
	width: 960px;
}

.form-complete .attention-wrap {
	border: 1px solid #d53737;
	border-radius: 3px;
	margin-top: 3em;
	padding: 1em 3em 2em;
}

.form-complete .attention {
	margin: -2.5em 0 1em;
}

.form-complete .attention span {
	background: #fff;
	font-size: 21px;
	font-weight: 600;
	padding: 0 2em;
}

.form-complete .guidance-txt.bottom {
	margin-bottom: 6em;
}


/***
物件検索のパーツ --- .search_input_bukken_image
------------------------------------------------- */

.search_input_bukken_image {
	width: 950px;
}

.search_input_bukken_image .notes {
	margin-top: 1em;
}


/**
 * 共通パーツ：不動産会員さま向けのマンション検索フォーム(※中古・賃貸のみ)
 *『物件検討者にはこんな画像が好評です！』
*/
.bukken-image-explain {
	width: 960px;
	margin: 0 auto 60px;
}

.bukken-image-explain .head-txt {
	left: -50px;
}

.bukken-image-explain .head-txt:nth-of-type(2) {
	left: 59.5%;
}

.bukken-image-explain .explain-contents .imgs .img01 {
	top: -120px;
	right: -21px;
}

.bukken-image-explain .explain-contents .imgs .img02 {
	left: 10px;
	top: 7px;
}

.bukken-image-explain .explain-contents .imgs .img03 {
	top: 100px;
	right: -25px;
}

.bukken-image-explain .explain-contents .imgs .img04 {
	top: -145px;
	left: -40px;
}

.bukken-image-explain .explain-contents .imgs .img05 {
	top: 80px;
	left: -42px;
}

.bukken-image-explain .explain-contents .imgs .img06 {
	top: -10px;
	right: 55px;
}