@charset "utf-8";

/********** 【仮】 サイトの定義 **********

使用する文字サイズ：
10px
12px
14px
16px（基本）
18px（中サイズ見出し）
20px（特例:TOPの検索するボタンなど）
24px（特例:TOPのエリア検索・駅検索など）
28px（大サイズ見出し）

空白の使用サイズ：
10px
20px
40px（基本）
60px
120px（大見出しの段落ごと）

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


section div.content {
	width: 980px;
}

.Center section div.content {
	padding: 0;
}




/*** 中央カラム（ 2カラムの場合 ）***/
main .page div.Center {
	width: 980px;
}




/********** サービス詳細ページ 共通CSS **********/

main .page div.Center #service {

}

main .page div.Center #service div.content p.description font {
	font-weight: bold;
	color: #fb24a2;
}

main .page div.Center #service ul {

}


/*** 各項目 共通CSS ***/

main .page div.Center #service ul li {
	margin-bottom: 40px;
	text-align: left;
}

/*
main .page div.Center #service ul li:last-child {
	margin-bottom: 0;
}
*/


main .page div.Center #service ul li .delayScroll {
	position: relative;
	z-index: 1;
}

main .page div.Center #service ul li .headline {
	margin-bottom: 20px;
	border-bottom: 4px solid #fb24a2;
}

main .page div.Center #service ul li .headline h4 {
	font-family: 'Noto Sans JP',system-ui;
	font-size: 20px;
	font-weight: 900;

	position: relative;
	height: 29px;
	margin: 0 80px 0 0;
	padding: 15px 40px 15px 15px;
	color: #fff;
	word-break: break-all;

	background: #000;
	text-shadow: none;
}

main .page div.Center #service ul li .headline h4:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	border-width: 59px 0 0 55px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

main .page div.Center #service ul li .headline h4 span::before {
	content: "｜";
	margin: 0 5px;
}


/*** 概要・特徴 CSS ***/

main .page div.Center #service ul li#overview .summary {
	margin-bottom: 20px;
}


main .page div.Center #service ul li#overview .summary .image {
	float: left;
	width: 342px;
}

main .page div.Center #service ul li#overview .summary .image img {
	width: 100%;
}


main .page div.Center #service ul li#overview .summary .detail {
	float: right;
	width: 618px;
}


main .page div.Center #service ul li#overview .summary .detail table {

}

main .page div.Center #service ul li#overview .summary .detail table th {
	width: 26%;
	line-height: 24px;
}

main .page div.Center #service ul li#overview .summary .detail table td {
	width: 74%;
	line-height: 30px;
}


main .page div.Center #service ul li#overview .whats {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}

main .page div.Center #service ul li#overview .whats .title {
	margin-bottom: 20px;
}

main .page div.Center #service ul li#overview .whats .title p {
	display: inline-block;
	margin-bottom: 0;
	font-size: 20px;
	color: #fb24a2;
	text-indent: 1em;
}

main .page div.Center #service ul li#overview .whats .text p {
	margin-bottom: 20px;
}

main .page div.Center #service ul li#overview .whats .text p:last-child {
	margin-bottom: 0;
}

main .page div.Center #service ul li#overview .whats .text p font {
	font-weight: bold;
	color: #fb24a2;
}

main .page div.Center #service ul li#overview .whats .text p span {
	margin: 0 2.5px;
	padding: 0 2.5px;
	background-image: linear-gradient(transparent 57.5%, #ffff77 0%)
}


main .page div.Center #service ul li#overview .target {

}

main .page div.Center #service ul li#overview .target .recommend {
	display: inline-block;
	line-height: 29px;
	margin-bottom: 20px;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #fb24a2;
	border-radius: 4px;
}

main .page div.Center #service ul li#overview .target .recommend span {
	vertical-align: bottom;
	margin: 0 2.5px;
	font-size: 20px;
	font-weight: 900;
	color: #fb24a2;
}

main .page div.Center #service ul li#overview .target .example {
	margin-bottom: 20px;
}

main .page div.Center #service ul li#overview .target .example p {

}

main .page div.Center #service ul li#overview .target .example p::before {
	display: inline-block;
	vertical-align: -5px;
	margin-right: 5px;

	content: '';
	width: 24px;
	height: 24px;

	background-image: url(../../img/service_target.webp);
	background-size: contain;
}

main .page div.Center #service ul li#overview .target .example p span {
	margin: 0 2.5px;
	padding: 0 2.5px;
	background-image: linear-gradient(transparent 57.5%, #ffff77 0%)
}


main .page div.Center #service ul li#overview .target .aboutus p {
	margin: 0;
}


/*** サービス内容 CSS ***/

main .page div.Center #service ul li#work .preface {
	margin-bottom: 20px;
}

main .page div.Center #service ul li#work .preface p i {
	margin-left: 10px;
}


main .page div.Center #service ul li#work .image {
	float: left;
	width: 240px;
}

main .page div.Center #service ul li#work .image img {
	width: 100%;
}


main .page div.Center #service ul li#work .detail {
	float: right;
	width: 720px;
}


main .page div.Center #service ul li#work .detail table {
	margin-bottom: 10px;
}

main .page div.Center #service ul li#work .detail table tr th {
	line-height: 24px;
}

main .page div.Center #service ul li#work .detail table tr:first-child th {	/* 見出し行 */
	line-height: unset;
	padding: 10px;
}

main .page div.Center #service ul li#work .detail table tr td {
	line-height: 24px;
}

main .page div.Center #service ul li#work .detail table tr:first-child td {	/* 見出し行 */
	line-height: unset;
	padding: 10px;
	text-align: center;
	background: #eee;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
}

main .page div.Center #service ul li#work .detail table tr td span.keyword a {
	font-weight: bold;
	color: #fb24a2;
}

main .page div.Center #service ul li#work .detail table tr td span.keyword a i {
	margin-right: 3px;
}

main .page div.Center #service ul li#work .detail table tr td i {
	margin-right: 5px;
}

main .page div.Center #service ul li#work .detail table tr td small {
	font-size: 12px;
	color: #777;
}

main .page div.Center #service ul li#work .detail table tr td small::before {
	content: "※";
	color: #fb24a2;
}

main .page div.Center #service ul li#work .detail table tr td small a {
	color: #777;
}


/*** 料金プラン CSS ***/

main .page div.Center #service ul li#plan .preface {
	margin-bottom: 20px;
}

main .page div.Center #service ul li#plan .preface p i {
	margin-left: 10px;
}


main .page div.Center #service ul li#plan .image {
	float: left;
	width: 240px;
}

main .page div.Center #service ul li#plan .image img {
	width: 100%;
}


main .page div.Center #service ul li#plan .detail {
	float: right;
	width: 720px;
}


main .page div.Center #service ul li#plan .detail table {
	margin-bottom: 10px;
}


main .page div.Center #service ul li#plan .detail table tr th {
	width: 25%;
	line-height: 34px;
}

main .page div.Center #service ul li#plan .detail table tr:first-child th {	/* 見出し行 */
	line-height: unset;
	padding: 10px;
}

main .page div.Center #service ul li#plan .detail table tr th span {
	vertical-align: sub;
	margin-right: 2px;
	margin-left: 0;
	font-family: Impact;
	font-size: 28px;
	font-weight: normal;
}

main .page div.Center #service ul li#plan .detail table tr th small {
	font-size: 12px;
}

main .page div.Center #service ul li#plan .detail table tr td {
	width: 30%;
	line-height: 39px;
	text-align: center;
}

main .page div.Center #service ul li#plan .detail table tr:first-child td {	/* 見出し行 */
	line-height: unset;
	padding: 10px;
	text-align: center;
	background: #eee;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
}

main .page div.Center #service ul li#plan .detail table tr td.price {
	width: 45%;
}

main .page div.Center #service ul li#plan .detail table tr.bg_yellow td {
	background: #ffffc0;
}

main .page div.Center #service ul li#plan .detail table tr.bg_yellow td.price {
	color: #fb24a2;
}

main .page div.Center #service ul li#plan .detail table tr td span {
	vertical-align: sub;
	margin-right: 4px;
	font-family: Impact;
	font-size: 32px;
	font-weight: normal;
}

main .page div.Center #service ul li#plan .detail table tr td small {
	font-size: 12px;
	color: #777;
}

main .page div.Center #service ul li#plan .detail table tr td font {
	margin: 0 4px;
}

main .page div.Center #service ul li#plan .detail .caution {
	margin: 0;
}

main .page div.Center #service ul li#plan .detail .caution p {
	margin: 0;
}

main .page div.Center #service ul li#plan .detail .caution p::before {
	content: "※";
	color: #fb24a2;
}


/* お申し込みボタン 共通CSS */

main .page div.Center #service .btn { display: inline-block; margin-top: 10px; }


/* ボタン 響きアニメーションCSS */
main .page div.Center #service .btn:before,
main .page div.Center #service .btn:after {
	content: "";
	position: absolute;
	z-index: -10;
	width: 490px;
	height: 80px;
	top: 0;
	left: 0;
	border-radius: 80px;
	background: #fb24a2;
	transform: translate3d(0,0,0);
}

main .page div.Center #service .btn:before	{ animation:resound 1s ease-out infinite; }
main .page div.Center #service .btn:after	{ animation:resound 1s ease-out 1s infinite; }

@keyframes resound{
	0%	{ transform:scale(1.0); opacity:1 }
	90%	{ opacity:.1 } to { transform:scale(1.05,1.25); opacity:0 }
}


main .page div.Center #service .btn li { width:490px; }

main .page div.Center #service .btn li:last-child { margin-bottom:0; }
main .page div.Center #service .btn li a { line-height:29px; justify-content:center; font-weight:900; background: #fff; }
main .page div.Center #service .btn li a:hover { color:#fff; background: #000; }

main .page div.Center #service .btn li a i { margin-right:6px; color:#fb24a2; transition:0.3s ease-in-out; }




/* 見積依頼ボタン 共通CSS */

/* ボタン 響きアニメーションCSS */
main .page div.Center #service .btn.Contact:before,
main .page div.Center #service .btn.Contact:after {
	background: #00b900;
}

main .page div.Center #service .btn.Contact li a i { color:#00b900; }




/********** アダルトサイトSEO診断 詳細ページ **********/

main .page div.Center #service.check {

}


main .page div.Center #service.check ul li#work .detail table tr:not(:first-child) th {
	padding: 15px;
}

main .page div.Center #service.check ul li#work .detail table th {
	width: 45%;
}

main .page div.Center #service.check ul li#work .detail table tr:not(:first-child) td {
	line-height: 34px;
	padding: 15px;
	font-size: 28px;
	font-weight: 900;
	color: #fb24a2;
	text-align: center;
}

main .page div.Center #service.check ul li#work .detail table td {
	width: 55%;
}


main .page div.Center #service.check ul li#plan .detail table tr:not(:first-child) th {
	height: 213px;
}

main .page div.Center #service.check ul li#plan .detail table tr:not(:first-child) td {
	height: 213px;
}




/********** アダルト内部SEO改善施策 詳細ページ **********/

main .page div.Center #service.coding {

}


main .page div.Center #service.coding ul li#work .detail table th {
	width: 37%;
}

main .page div.Center #service.coding ul li#work .detail table td {
	width: 63%;
}


main .page div.Center #service.coding ul li#plan .detail table tr:not(:first-child) th {
	line-height: unset;
}

main .page div.Center #service.coding ul li#plan .detail table tr:not(:first-child) td {
	line-height: unset;
}

main .page div.Center #service.coding ul li#plan .detail table tr td.price font {
	font-size: 12px;
	color: #777;
}

main .page div.Center #service.coding ul li#plan .detail table tr td.price font::before {
	content: "※";
	color: #fb24a2;
}




/********** アダルト検索エンジン登録 詳細ページ **********/

main .page div.Center #service.submit {

}




/********** アダルト専用テキストリンク 詳細ページ **********/

main .page div.Center #service.textlink {

}


main .page div.Center #service.textlink ul li#work .detail table tr th {
	width: 33%;
	line-height: unset;
}

main .page div.Center #service.textlink ul li#work .detail table tr td {
	width: 67%;
	line-height: unset;
}


main .page div.Center #service.textlink ul li#plan .detail table tr:not(:first-child) th {
	line-height: unset;
	padding: 10px;
}

main .page div.Center #service.textlink ul li#plan .detail table tr:not(:first-child) td {
	line-height: unset;
	padding: 10px;
}




/********** アダルトSEO対策フルセット 詳細ページ **********/

main .page div.Center #service.portal {

}


main .page div.Center #service.portal ul li#work .detail table tr th {
	width: 24%;
}

main .page div.Center #service.portal ul li#work .detail table tr td {
	width: 19%;
	text-align: center;
}

main .page div.Center #service.portal ul li#work .detail table tr td.pink_large {
	line-height: 34px;
	font-size: 28px;
	font-weight: 900;
	color: #fb24a2;
	text-align: center;
}

main .page div.Center #service.portal ul li#work .detail table tr:first-child td span {
	vertical-align: sub;
	margin-right: 2px;
	margin-left: 0;
	font-family: Impact;
	font-size: 28px;
	font-weight: normal;
}


main .page div.Center #service.portal ul li#plan .detail table tr:not(:first-child) th {
	line-height: unset;
	padding: 15px;
}

main .page div.Center #service.portal ul li#plan .detail table tr:not(:first-child) th font {
	font-size: 12px;
	color: #fb24a2;
}
main .page div.Center #service.portal ul li#plan .detail table tr:not(:first-child) th font::before {
	content: "【";
	margin-right: 3px;
}
main .page div.Center #service.portal ul li#plan .detail table tr:not(:first-child) th font::after {
	content: "】";
	margin-left: 3px;
}

main .page div.Center #service.portal ul li#plan .detail table tr:not(:first-child) td {
	line-height: unset;
	padding: 15px;
}




/********** 定額SEOメンテナンス 詳細ページ **********/

main .page div.Center #service.maintenance {

}


main .page div.Center #service.maintenance ul li#overview .whats .text p a {
	color: #777;
}


main .page div.Center #service.maintenance ul li#overview .whats .text .attention {
	margin-bottom: 20px;
	padding: 20px;
	background: #ffffc0;
	border-radius: 8px;
}

main .page div.Center #service.maintenance ul li#overview .whats .text .attention .point {
	position: relative;

	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 90px;
	margin-right: 20px;

	font-size: 16px;

	background-image: url(../../img/service_point.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

main .page div.Center #service.maintenance ul li#overview .whats .text .attention .point span {
	line-height: 1;

	font-size: 24px;
	font-weight: 900;
	color: #fff;
	text-align: center;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

main .page div.Center #service.maintenance ul li#overview .whats .text .attention .point font {
	font-family: Impact;
	font-size: 20px;
	font-weight: normal;
	color: #ffff00;
}

main .page div.Center #service.maintenance ul li#overview .whats .text .attention .info {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	width: calc(100% - 90px - 20px);
	font-size: 16px;
}

main .page div.Center #service.maintenance ul li#overview .whats .text .attention .info font {
	font-weight: bold;
	color: #fb24a2;
}


main .page div.Center #service.maintenance ul li#plan .detail table tr th {
	line-height: unset;
	padding: 7.5px;
}

main .page div.Center #service.maintenance ul li#plan .detail table tr td {
	line-height: unset;
	padding: 7.5px;
}

main .page div.Center #service.maintenance ul li#plan .detail table tr td font {
	font-size: 12px;
	color: #777;
}

main .page div.Center #service.maintenance ul li#plan .detail table tr td font::before {
	content: "※";
	color: #fb24a2;
}

main .page div.Center #service.maintenance ul li#plan .detail table tr td span.ourSEO {
	vertical-align: unset;
	margin-right: 0;
	font-family: unset;
	font-size: 12px;
}

main .page div.Center #service.maintenance ul li#plan .detail table tr.bg_yellow td.price.black {
	color: #000;
}




/********** 複数ページ一括SEO管理 詳細ページ **********/

main .page div.Center #service.management {

}


main .page div.Center #service.management ul li#overview .whats .text p a {
	color: #777;
}


main .page div.Center #service.management ul li#overview .whats .text .attention {
	margin-bottom: 20px;
	padding: 20px;
	background: #ffffc0;
	border-radius: 8px;
}

main .page div.Center #service.management ul li#overview .whats .text .attention .point {
	position: relative;

	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 90px;
	margin-right: 20px;

	font-size: 16px;

	background-image: url(../../img/service_point.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

main .page div.Center #service.management ul li#overview .whats .text .attention .point span {
	line-height: 1;

	font-size: 24px;
	font-weight: 900;
	color: #fff;
	text-align: center;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

main .page div.Center #service.management ul li#overview .whats .text .attention .point font {
	font-family: Impact;
	font-size: 20px;
	font-weight: normal;
	color: #ffff00;
}

main .page div.Center #service.management ul li#overview .whats .text .attention .info {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	width: calc(100% - 90px - 20px);
	font-size: 16px;
}

main .page div.Center #service.management ul li#overview .whats .text .attention .info font {
	font-weight: bold;
	color: #fb24a2;
}


main .page div.Center #service.management ul li#plan .detail table tr th {
	line-height: unset;
}

main .page div.Center #service.management ul li#plan .detail table tr td {
	line-height: unset;
}

main .page div.Center #service.management ul li#plan .detail table tr.bg_yellow td.price.black {
	color: #000;
}




/********** 全国出張SEOコンサルティング 詳細ページ **********/

main .page div.Center #service.consul {

}




/********** アダルトSSL導入代行 詳細ページ **********/

main .page div.Center #service.ssl {

}


main .page div.Center #service.ssl ul li#overview .whats .text .attention {
	margin-bottom: 20px;
	padding: 20px;
	background: #ffffc0;
	border-radius: 8px;
}

main .page div.Center #service.ssl ul li#overview .whats .text .attention .point {
	position: relative;

	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 90px;
	margin-right: 20px;

	font-size: 16px;

	background-image: url(../../img/service_point.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

main .page div.Center #service.ssl ul li#overview .whats .text .attention .point span {
	line-height: 1;

	font-size: 24px;
	font-weight: 900;
	color: #fff;
	text-align: center;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

main .page div.Center #service.ssl ul li#overview .whats .text .attention .point font {
	font-family: Impact;
	font-size: 20px;
	font-weight: normal;
	color: #ffff00;
}

main .page div.Center #service.ssl ul li#overview .whats .text .attention .info {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	width: calc(100% - 90px - 20px);
	font-size: 16px;
}

main .page div.Center #service.ssl ul li#overview .whats .text .attention .info font {
	font-weight: bold;
	color: #fb24a2;
}


main .page div.Center #service.ssl ul li#overview .whats table tr th {
	width: 27%;
}

main .page div.Center #service.ssl ul li#overview .whats table tr th img {
	width: 90px;
	margin: 0 auto;
}

main .page div.Center #service.ssl ul li#overview .whats table tr:first-child td {	/* 見出し行 */
	line-height: unset;
	padding: 10px;
	text-align: center;
	background: #eee;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
}

main .page div.Center #service.ssl ul li#overview .whats table tr td {
	width: 73%;
}

main .page div.Center #service.ssl ul li#overview .whats table tr td p {
	margin-bottom: 0;

	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
}

main .page div.Center #service.ssl ul li#overview .whats table tr td p.title {
	font-weight: bold;
}

main .page div.Center #service.ssl ul li#overview .whats table tr td i {
	margin-right: 5px;
}


main .page div.Center #service.ssl ul li#work .detail table tr:not(:first-child) th {
	height: 63px;
}

main .page div.Center #service.ssl ul li#work .detail table tr:not(:first-child) td {
	height: 63px;
}


main .page div.Center #service.ssl ul li#plan .detail table tr th {
	width: 16%;
}

main .page div.Center #service.ssl ul li#plan .detail table tr td {
	width: 42%;
	line-height: unset;
}

main .page div.Center #service.ssl ul li#plan .detail table tr td font {
	font-size: 12px;
	color: #777;
}

main .page div.Center #service.ssl ul li#plan .detail table tr td font::before {
	content: "※";
	color: #fb24a2;
}

main .page div.Center #service.ssl ul li#plan .detail table tr td small {
	color: #000;
}


main .page div.Center #service.ssl ul li#plan.option .detail table tr th {
	width: 24%;
}

main .page div.Center #service.ssl ul li#plan.option .detail table tr td.target {
	width: 42%;
	line-height: unset;
}

main .page div.Center #service.ssl ul li#plan.option .detail table tr td.price {
	width: 34%;
	line-height: unset;
}