@charset "UTF-8";

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 700;
	src: url("../font/Noto Sans JP Bold.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 400;
	src: url("../font/Noto Sans JP Regular.woff") format("woff");
	font-display: swap;
}

:root {
	font-size: 62.5%;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--Text);
	--Text: #6B6863;
	--Text_blue: #1A0DAB;
	--Main: #FFA9AF;
	--Sub: #ffeb73;
	--Accent: #6AB59A;
	--Back: #FCF5F5;
	--Grey: #959490;
}

body.faga {
	font-size: 62.5%;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--Text);
	--Text: #6B6863;
	--Text_blue: #1A0DAB;
	--Text_main: #E8382F;
	--Main: #FFA9AF;
	--Sub: #ffeb73;
	--Accent: #6AB59A;
	--Back: #FCF5F5;
	--Grey: #959490;
}

body {
	font-size: 1rem;
	box-sizing: border-box;
	line-height: 1.8;
	background-color: #fff;
	word-break: break-all;
	overflow-x: hidden;
	position: relative;
	font-feature-settings: "palt";
}

.c-inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

.forPC {
	display: inline-block;
}

.forSP {
	display: none;
}

.mv {
	margin-bottom: 40px;
}

.more_link01 {
	background-color: #da3b48;
	text-align: center;
	border-bottom: 3px solid #a23841;
	border-radius: 2px;
	height: 44px;
	margin-bottom: 20px;
	width: 100%;
}

.more_link01 a {
	color: #fff;
	font-weight: bold;
}

.top_box {
	background-color: #fff;
}

h3 {
	background-image: url(images/tenshoku-h3-parts-white.png), url(images/tenshoku-h3-parts-ribbon.png),
		url(images/tenshoku-h3-parts-01.png), url(images/tenshoku-h3-line.png);
	background-repeat: no-repeat;
}

.adTxt {
	text-align: right;
	max-width: 1000px;
	/* 横幅 LPに合わせて調整 */
	padding: 0;
	margin: 0 auto 8px;
	/* margin: 8px auto; */
}

.adTxt span {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid var(--Text);
	/* 枠色 変数名がTextでない場合は変更 */
	padding: 2px 14px;
}

.fb .adTxt {
	top: 4px;
	right: calc((100% - 992px) / 2);
	position: absolute;
}

.fb .adTxt span {
	padding: 0 8px;
}

@media screen and (max-width: 641px) {
	.adTxt {
		text-align: right;
		max-width: 100%;
		/* 左右余白 LPに合わせて調整 */
		margin: 0 auto 8px;
		/* right: calc((100%) / 2); */
		right: 0;
	}

	.adTxt:not(.fb) {
		margin: 0 auto;
	}

	.adTxt span {
		font-size: 14px;
		font-weight: bold;
		border: 1px solid var(--Text);
		/* 枠色 変数名がTextでない場合は変更 */
		padding: 2px 14px;
	}

	.fb .adTxt {
		right: 4px;
	}

	.fb .adTxt span {
		padding: 0 6px;
	}
}

@charset "UTF-8";
/* =======================================
デザインCSS
======================================= */

/*
装飾用文字色
-------------------------------------------------------------------*/

/*色を指定します*/

.mizu {
	color: #0080c0;
}

.pink {
	color: #ff99ab;
}

.ao {
	color: #002255;
}

.tya {
	color: #bd000e;
}

.gray {
	color: #3d3737;
}

.aka {
	color: #db0000;
}

.akapink {
	color: #ec8282;
}

.green {
	color: #369b50;
}

.aomidori {
	color: #2ebab7;
}

.enji {
	color: #9c2662;
}

.ora {
	color: #ff9900;
}

.cha {
	color: #6e6e6e;
}

/*文字を太くします*/
.b {
	font-weight: bold;
}

/*下線を引きます*/
.u {
	text-decoration: underline;
}

.ss-left {
	float: left;
}

.ss-right {
	float: right;
}

.ss-center {
	margin: 0px auto;
	text-align: center;
}

/* pcのみ・スマホのみ表示するdiv */

div.pc-only {
	display: block;
}

div.smp-only {
	display: none;
}

/* pcのみ・スマホのみ表示する画像と文字 */

img.pc-only,
span.pc-only {
	display: inline;
}

img.smp-only,
span.smp-only {
	display: none;
}

/* スマホのみ改行する */

br.smp-only {
	display: none !important;
}

/* ------------------------------
共通
------------------------------ */

.b {
	font-weight: bold;
}

.aka {
	color: #db0000;
}

.mizu {
	color: #0080c0;
}

.small10 {
	font-size: 10px;
}

.small11 {
	font-size: 11px;
}

.small12 {
	font-size: 12px;
}

.small13 {
	font-size: 13px;
}

.touch_close {
	display: none;
}

h3.h3_2 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 16px;
	border-left: none;
	border-bottom: 1px solid #1156bd;
	padding: 5px 0;
}

.h3 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid #1156bd;
}

.flex {
	display: flex;
}

.flex *:first-child {
	flex-shrink: 0;
}

/* ------------------------------
SEOタイトル非表示
------------------------------ */
h1.front_title {
	position: absolute;
	top: -500px;
}

/* ------------------------------
ヘッダー
------------------------------ */
#HEADER_LINE {}

#HEADER_LINE .header_line {
	width: 1000px;
	margin: 0 auto;
}

#HEADER_LINE .header_line h1 {
	font-weight: normal;
}

header {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 10px;
}

header.header_front_area {
	margin: 0 auto;
	position: relative;
}

.header_front img {
	width: 100%;
}

.header_front.-result img {
	width: 50%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.sp_search_btn,
.header_menu {
	display: none;
}

header .header {
	width: 1000px;
	margin: 5px auto 10px;
	background-color: #fff;
}

header .header .header_left {
	width: 100%;
	height: 60px;
	box-sizing: border-box;
}

header .header .header_right {
	width: 480px;
	height: 80px;
	float: left;
	text-align: right;
	box-sizing: border-box;
	padding-right: 10px;
	padding-top: 10px;
	position: relative;
}

header .header .header_right .link {}

header .header .header_right .link ul li {
	display: inline;
}

header .header .header_right .link ul li a {
	color: #333;
	font-weight: normal;
}

header .header .header_right .link ul li:after {
	content: "  |  ";
}

header .header .header_right .link ul li:nth-last-of-type(1):after {
	display: none;
}

header .header .header_right .link_btn a {
	width: 195px;
	height: 40px;
	display: block;
	border-radius: 5px;
	background-color: #1156bd;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	padding: 12px;
	font-size: 100%;
	text-align: center;
	position: absolute;
	right: 10px;
	margin: 0 auto;
	top: 32px;
	line-height: 1.4;
}

header .header .header_right .link_btn a:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

header .header .header_right .link_btn a:hover {
	opacity: 0.6;
}

header .header .header_left img {
	width: 205px;
	vertical-align: bottom;
	margin-top: 10px;
}

/* ------------------------------
スマホ固定ヘッダー
------------------------------ */

.pc_none,
#SP_NAV {
	display: none;
}

.header_search {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	padding: 10px 15px 10px;
	display: none;
	border-bottom: 1px solid #f2f3f1;
	position: relative;
	display: none;
}

.header_search .search_btn {
	position: absolute;
	right: 16px;
	top: 50%;
	border-radius: 0;
	width: 50px;
	margin-top: -16px;
}

.header_search_box {
	border: 1px solid #d4d4d4;
	border-radius: 0px;
	padding: 8px 10px;
	width: calc(100% - 60px);
	box-sizing: border-box;
	font-size: 12px;
	-webkit-appearance: none;
}

#SP_NAV ul li.sp_search_btn a:before {
	content: " ";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	top: 1px;
	left: 50%;
	margin-left: -12.5px;
	background-image: url("../img/side_link_search.png");
}

/* ------------------------------
パンくず
------------------------------ */
#PANKUZU {}

#PANKUZU .pankuzu {
	width: 1000px;
	margin: 0px auto 10px;
	color: #7e7e7e;
	font-size: 1.6rem;
	font-weight: bold;
}

#PANKUZU .pankuzu a {
	color: #7e7e7e;
	font-weight: normal;
}

#CONTENTS #PANKUZU {
	background: var(--Back);
	height: 33px;
}

#CONTENTS #PANKUZU .pankuzu span {
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--Text);
}

/* #CONTENTS #PANKUZU .pankuzu a{
	color: var(--Text);
} */
#CONTENTS #PANKUZU .pankuzu_arrow {
	margin: 0 1em;
}

/* ------------------------------
コンテンツエリア
------------------------------ */
#CONTENTS {}

#CONTENTS .contents {
	font-size: 1.6rem;
	width: 1000px;
	margin: 0 auto;
	max-width: 100%;
}

#CONTENTS .contents #SIDE {
	width: 204px;
	float: right;
}

#CONTENTS .contents #SIDE.top_1col {
	display: none !important;
}

#CONTENTS .contents #SIDE.top_1col .widget {
	display: none !important;
}

#CONTENTS .contents #MAIN {
	width: 785px;
	float: left;
	min-height: 500px;
}

#CONTENTS .contents #MAIN.top_1col {
	width: 100%;
	float: none;
	min-height: 500px;
}

.contents img {
	width: 100%;
}

.contents_wrap footer {
	width: 100%;
	clear: both;
}

.contents_wrap footer ul {
	padding: 0;
}

/* ------------------------------
トップページ
------------------------------ */

#TOPPAGE h2 {
	font-size: 18px;
	margin-bottom: 5px;
	line-height: 1.2;
}

#TOPPAGE h3 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid #1156bd;
	border-bottom: 1px solid #1156bd;
}

#TOPPAGE h4 {
	font-size: 115%;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid #1156bd;
}

.white_back {
	background-color: #fff;
	padding: 10px;
	border-radius: 4px;
	box-sizing: border-box;
}

.white_back.top_box_ver {
	background-color: #fff;
	padding: 10px;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0 auto 10px auto;
}

.white_back.top_box_ver:last-child {
	margin: 0 auto;
}

/* ------------------------------
右にイメージボックス
------------------------------ */
.right_img_box {
	margin: 20px auto 40px;
	position: relative;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
}

.right_img_box .head {
	padding: 0px 290px 0px 0px;
}

.right_img_box:before {
	content: " ";
	display: inline-block;
	width: 275px;
	height: 275px;
	background: url("../img/right_img_box_chara.png");
	background-size: 275px 275px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.right_img_box .title_img {
	margin-bottom: 20px;
}

.right_img_box .title_img img {
	width: 100%;
	vertical-align: bottom;
}

.right_img_box .point_txt {
	font-size: 200%;
	font-weight: bold;
	color: #ffc4c4;
	margin-bottom: 20px;
}

.right_img_box .txt {
	padding: 0px 290px 0px 0px;
}

/* ------------------------------
Q&Aアコーディオンボックス
------------------------------ */

/* ------------------------------
投稿　SINGLE
------------------------------ */

.single_contents {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
}

.single_contents .page_padding {
	width: 600px;
	margin: 0 auto 40px;
}

.single_contents .head {
	width: 100%;
	box-sizing: border-box;
	margin: 40px auto 15px;
}

.single_contents .head .data {
	margin-bottom: 10px;
}

.single_contents .head .data .category {
	float: left;
}

.single_contents .head .data .category a {
	display: inline-block;
	border: 1px solid #333;
	border-radius: 4px;
	padding: 3px 8px 1px;
	line-height: 1;
	color: #333;
	font-size: 87%;
	text-decoration: none;
}

.single_contents .head .data .category.qa a {
	border: 1px solid #ecaa83;
	color: #ecaa83;
}

.single_contents .head .data .category.research a {
	border: 1px solid #789fc9;
	color: #789fc9;
}

.single_contents .head .data .category.bui a {
	border: 1px solid #85be7d;
	color: #85be7d;
}

.single_contents .head .data .category.trend a {
	border: 1px solid #ab8fb7;
	color: #ab8fb7;
}

.single_contents .head .data .category a:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.single_contents .head .data .category a:hover {
	opacity: 0.6;
}

.entry_img {
	margin: 15px auto 20px;
	width: 100%;
	box-sizing: border-box;
}

.entry_img img {
	width: 100%;
	vertical-align: bottom;
}

.single_contents .head h1,
.single_contents .head h2 {
	font-size: 18px;
	margin-bottom: 5px;
	line-height: 1.2;
}

.single_contents p {
	line-height: 1.8em;
	margin-bottom: 10px;
}

.single_contents h2,
.single_contents h3,
#MAIN h3 {
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid var(--Main);
	border-bottom: 1px solid var(--Main);
}

#MAIN h3 {
	font-size: 18px;
	margin: 20px 0 0;
}

#MAIN h3+p {
	margin-top: 12px;
}

@media screen and (min-width: 641px) {
	#MAIN h3 {
		font-size: 20px;
	}
}

.single_contents h4 {
	margin-top: 40px;
	color: #333;
	font-size: 115%;
	margin-bottom: 5px;
	font-weight: bold;
}

.single_contents h4 {
	font-size: 115%;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid #1156bd;
}

.slider-pro {
	margin-bottom: 50px;
}

.sp-slides-container {
	margin-bottom: 10px;
}

.sp-arrow {
	text-shadow: none !important;
	color: #333 !important;
}

.sp-horizontal .sp-next-arrow {
	right: 0 !important;
	width: 20px;
	height: 65px;
	background-image: url("../img/slider_arrow_right.png");
	background-size: contain;
}

.sp-horizontal .sp-previous-arrow {
	left: 0 !important;
	width: 20px;
	height: 65px;
	background-image: url("../img/slider_arrow_left.png");
	background-size: contain;
}

.sp-horizontal .sp-previous-arrow:hover,
.sp-horizontal .sp-next-arrow:hover {
	opacity: 0.6;
}

.sp-horizontal .sp-arrows {
	opacity: 0.6;
	margin-top: -40px !important;
}

.sp-next-arrow:before {
	display: none;
}

.sp-previous-arrow:before {
	display: none;
}

.sp-next-arrow:hover:before,
.sp-previous-arrow:hover:before {
	opacity: 0.3;
}

.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 0px;
	margin-right: 10px;
}

.sp-thumbnail-container {
	opacity: 0.6 !important;
	overflow: hidden !important;
}

.sp-thumbnails-container {
	overflow: visible !important;
}

.sp-selected-thumbnail {
	opacity: 1 !important;
	border: 1px solid #f00;
	position: relative;
}

.sp-selected-thumbnail:after {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #f00 transparent;
	z-index: 9999;
}

.sp-selected-thumbnail img {
	height: auto;
}

div.normal-box {
	border: 5px solid #f5f5f5;
	padding: 10px;
	box-sizing: border-box;
	margin: 20px 0;
}

div.normal-box p:last-child {
	margin-bottom: 0;
}

ul.normal-list {
	margin-bottom: 12px;
}

ul.normal-list:last-child {
	margin-bottom: 0;
}

ul.normal-list li {
	padding: 4px 0 3px 15px;
	position: relative;
	line-height: 1.3;
}

ul.normal-list li:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #ddd;
	border-radius: 5px;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0px;
	margin: -5px 0 0 0;
}

.jobchange-agent_txt_area {
	width: 100%;
	margin: 15px auto;
	box-sizing: border-box;
}

.link_btn a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1156bd;
	border-radius: 4px;
	padding: 15px;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	margin: 15px auto 30px;
	line-height: 1;
}

.link_btn a:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
}

.link_btn a:hover {
	opacity: 0.6;
}

.link_banner {}

.link_banner img {
	width: 100%;
	vertical-align: bottom;
}

.sp-image-container img {
	width: 100%;
	vertical-align: bottom;
}

.report_table {
	margin-top: 35px;
	border-radius: 4px;
	border: solid #fffcf4 4px;
	background-color: #fffcf4;
	box-shadow: 1px 1px 3px #efefef;
	position: relative;
}

.report_table:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 44.5px;
	background: url("../img/report_table.png");
	background-size: 20px 44.5px;
	position: absolute;
	right: 10px;
	top: -12px;
	margin-top: -11.5px;
}

.report_table th,
.report_table td {
	border: none;
	padding: 10px 5px;
	background-color: transparent;
}

.report_table th {
	width: 80px;
}

.report_table th span {
	padding: 0 5px;
	background: linear-gradient(transparent 60%, #f1cfb9 0%);
}

.tab_box_area .tab_box .tab_title {
	font-weight: bold;
	color: #a48578;
	font-size: 120%;
	margin-bottom: 10px;
}

.jobchange-agent_shop_data {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.jobchange-agent_shop_data .left {
	width: 220px;
	float: left;
}

.jobchange-agent_shop_data .right {
	margin-left: 225px;
	text-align: left;
	padding-top: 20px;
}

.jobchange-agent_shop_data .right .title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #a48578;
}

.jobchange-agent_shop_data .right table th,
.jobchange-agent_shop_data .right table td {
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
}

.voice_box {
	padding: 10px;
	border: 1px solid #cad2e1;
	margin: 50px auto 10px;
	background-color: #f0f3f9;
	border-radius: 4px;
}

.tab_box .voice_box {
	margin-bottom: 0;
}

.voice_box p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.voice_box .title {
	display: inline-block;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px !important;
	border-radius: 4px;
	padding: 5px 15px;
	background-color: #6c8dc9;
	line-height: 1.2;
	color: #fff;
	position: relative;
	padding-left: 110px;
}

.voice_box .title:before {
	content: " ";
	display: inline-block;
	width: 103px;
	height: 65px;
	background: url("../img/henshubu.png");
	background-size: 103px 65px;
	position: absolute;
	bottom: 0px;
	left: -1px;
}

.mens_jobchange-agent_info {
	padding: 15px;
	border: 1px dashed #eaebea;
	margin: 10px auto 0px;
}

.mens_jobchange-agent_info_title {
	padding: 15px 10px 15px 50px;
	border-radius: 4px;
	background-color: #1156bd;
	color: #fff;
	font-weight: bold;
	font-size: 115%;
	margin: 0 auto 20px;
	position: relative;
}

.mens_jobchange-agent_info_title:before {
	content: " ";
	display: inline-block;
	width: 33px;
	height: 40px;
	background: url("../img/mens_side.png");
	background-size: 33px 40px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -20px;
}

.mens_jobchange-agent_info_title:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #1156bd transparent transparent transparent;
}

.mens_jobchange-agent_info table th,
.mens_jobchange-agent_info table td {
	text-align: center;
}

.shop_img {
	width: 248px;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
}

.shop_img img {
	width: 100%;
	vertical-align: bottom;
	display: block;
}

.shop_img .txt {
	color: #999;
}

.jobchange-agent_info .data {}

.jobchange-agent_info .data .left {
	width: 190px;
	float: left;
}

.jobchange-agent_info .data .left img {
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 10px;
}

.jobchange-agent_info .data .right {
	margin-left: 200px;
	text-align: left;
}

.jobchange-agent_info .data .right table {
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
}

.jobchange-agent_info .data .right table th,
.jobchange-agent_info .data .right table td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}

.jobchange-agent_info .data .right table th {
	padding: 5px 0px;
	background-color: #eee;
	color: var(--Text);
}

.imgr {
	width: 22%;
	margin: 0px 0px 5px 10px;
	padding: 0;
	float: right;
}

.imgr_hiyoko {
	width: 25px;
	margin: 0px 0px 5px 10px;
	padding: 0;
	float: right;
	position: relative;
	top: 10px;
}

.imgl {
	width: 22%;
	margin: 0px 10px 5px 0;
	padding: 0;
	float: left;
}

.imgr2 {
	margin: 0px 0px 5px 10px;
	padding: 0;
	float: right;
}

.imgl2 {
	margin: 0px 10px 5px 0px;
	padding: 0;
	float: left;
}

.imgr_hiyoko img,
.imgr img,
.imgl img {
	width: 100%;
	vertical-align: bottom;
}

.txt_area {
	margin: 10px auto;
}

.point_txt_box {
	margin: 10px auto;
	background-color: #fafafa;
	padding: 10px;
}

.point_txt_box p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.point_txt_box .title {
	padding: 5px 10px 5px 25px;
	font-size: 16px;
	color: #6e6e6e;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}

.point_txt_box .title:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #3dabb0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 6px;
}

.point_txt_box .link {
	margin-top: 10px;
	font-size: 120%;
	text-align: right;
}

.point_txt_box .link:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	color: #3dabb0;
}

.arrow {
	width: 200px;
	height: 50px;
	margin: 15px auto;
	background-image: url("../img/arrow.png");
	background-size: 200px 50px;
	text-indent: -9999px;
}

.img_right_box {}

.img_right_box .imgr {
	width: 40%;
	float: right;
}

.img_right_box .imgr img {
	width: 100%;
	vertical-align: bottom;
}

.img_left_box {}

.img_left_box .imgl {
	width: 40%;
	float: left;
}

.img_right_box .imgl img {
	width: 100%;
	vertical-align: bottom;
}

.full_img {
	margin: 10px auto !important;
}

.full_img img {
	width: 100%;
	vertical-align: bottom;
}

.auto_img {
	margin: 10px auto !important;
}

.auto_img img {
	display: block;
	width: auto;
	vertical-align: bottom;
	margin: 0 auto !important;
}

/* ------------------------------
サイトパーツ
------------------------------ */

.banner_link {
	margin: 20px auto;
}

.banner_link img {
	width: 100%;
	vertical-align: bottom;
}

.right_link {
	margin-top: 10px;
	text-align: right;
	font-size: 110%;
}

.right_link:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	color: #6c8dc9;
}

.point_box {
	background-color: #f9f9f9;
	padding: 15px;
	margin: 10px auto;
	font-weight: bold;
	border: 2px solid #ccc;
}

.point_box p:nth-last-of-type(1) {
	margin-bottom: 0;
}

blockquote {
	margin: 3em 10px;
	padding: 1.5em 1em;
	background: #fff;
	background: url("../img/blockquote.png") no-repeat 1% 5%;
	border: 2px solid #d3ddef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 25px 10px 10px;
	background-size: 20px 20px;
	background-position: 7px 4px;
}

/* ------------------------------
画像つき記事誘導リンク
------------------------------ */

.qa_link_title {
	font-size: 16px;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #333;
	padding-left: 45px;
	clear: both;
	line-height: 1.2;
	position: relative;
	padding-left: 63px;
	font-weight: bold;
}

.qa_link_title:before {
	content: " ";
	display: inline-block;
	width: 57px;
	height: 36px;
	background-image: url("../img/qa_link_title.png");
	background-repeat: no-repeat;
	background-size: 57px 36px;
	position: absolute;
	top: -15px;
	left: 0;
}

/* ------------------------------
サロン紹介リンク
------------------------------ */

.list_jobchange-agent_link_title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

.list_jobchange-agent_link_title small {
	font-weight: normal;
}

.list_jobchange-agent_link+.list_jobchange-agent_link_title {
	margin-top: 40px;
}

.list_jobchange-agent_link {
	border-top: 1px solid #d7d7d7;
}

.list_jobchange-agent_link .box {
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px solid #d7d7d7;
	position: relative;
}

/*
.list_jobchange-agent_link .box:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color: #BFB9AA;
	font-size: 115%;
}
*/

.list_jobchange-agent_link .box .img {
	width: 150px;
	float: left;
}

.list_jobchange-agent_link .box .img img {
	width: 100%;
	vertical-align: bottom;
}

.list_jobchange-agent_link .box .txt {
	margin-left: 160px;
}

.list_jobchange-agent_link .box .txt .copy {
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

.list_jobchange-agent_link .box .txt .copy small {
	font-weight: normal;
}

.list_jobchange-agent_link .box .txt .title {
	font-size: 120%;
	margin-bottom: 5px;
}

.list_jobchange-agent_link .box .txt p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.link_box {
	margin: 20px auto;
	padding: 10px;
	background-color: #f0f3f9;
}

.link_box .title {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
}

.link_box ul {}

.link_box ul li {
	margin-bottom: 10px;
}

.link_box ul li:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	color: #1156bd;
}

.link_box ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.chara_box {
	padding: 10px;
	background-color: #f0f3f9;
	margin: 20px auto;
}

/* ------------------------------
サロン紹介３ポイントボックス
------------------------------ */
.jobchange-agent_3box_area {
	margin: 10px auto;
	padding: 10px 0;
}

.jobchange-agent_3box_area h3 {
	/* background-color: #f7f6f6; */
	/* padding: 5px 10px; */
	margin-bottom: 20px;
	/* color: #6E6E6E; */
	/* border: 1px solid #eaebea; */
}

.jobchange-agent_3box_area .box {
	margin: 0 10px 0 0;
	padding: 5px;
	width: 190px;
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
}

.jobchange-agent_3box_area .box:nth-of-type(3) {
	margin: 0 0 0 0;
	padding: 5px;
	width: 190px;
}

.jobchange-agent_3box_area .box .title {
	text-align: center;
	background-color: #efefef;
	font-weight: bold;
	margin: -5px -5px 10px;
	padding: 5px 10px;
	font-size: 120%;
}

.jobchange-agent_3box_area .box .img {
	width: auto;
	text-align: center;
}

.jobchange-agent_3box_area .box .img img {
	width: 100%;
	vertical-align: bottom;
}

.jobchange-agent_3box_area .box .link {
	margin-top: 10px;
	text-align: right;
	font-size: 110%;
}

.jobchange-agent_3box_area .box .link:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #3dabb0;
}

.check_txt_box {
	padding: 19px 10px 10px 10px;
	border: 2px solid #e5757f;
	margin-bottom: 20px;
	background-image: url("../img/check_txt_box.gif");
	position: relative;
	margin-top: 30px;
}

.check_txt_box p:last-child {
	margin-bottom: 0;
}

.check_txt_box .title {
	background-color: #e5757f;
	line-height: 1;
	padding: 8px 5px 0 30px;
	color: #fff;
	font-size: 110%;
	display: inline-block;
	position: absolute;
	top: -18px;
	left: -2px;
	box-sizing: border-box;
	height: 30px;
}

.check_txt_box .title:after {
	content: "";
	position: absolute;
	top: 0px;
	right: -16px;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 8px 15px 8px;
	border-color: #e5757f transparent transparent #e5757f;
}

.check_txt_box .title:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/tenshoku-checkbox-parts.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 7px;
	margin: -9px 0 0 0;
}

.check_txt_box ul {
	margin: 0px auto 12px auto;
}

.check_txt_box ul:last-child {
	margin: 0px auto;
}

.check_txt_box ul li:last-child {
	margin: 0px;
}

.check_txt_box ul li {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-left: 19px;
	text-indent: -9px;
	line-height: 1.2;
}

.check_txt_box ul li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #e5757f;
}

.simple_txt_area {
	margin: 20px auto;
}

.simple_txt_area .title {
	color: #db0000;
	font-size: 150%;
	margin-bottom: 5px;
	font-weight: bold;
}

.simple_txt_area p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.simple_list {
	margin: 20px auto;
	padding: 10px;
	background-color: #f0f3f9;
}

.simple_list .title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}

.simple_list ul {}

.simple_list ul li {
	font-weight: bold;
	margin-bottom: 10px;
}

.simple_list ul li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	color: #6c8dc9;
}

.simple_list ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/* ------------------------------
リスト記事誘導リンク
------------------------------ */

/* ------------------------------
最近チェックした記事
------------------------------ */

/* ------------------------------
漫画
------------------------------ */

.viewport {
	width: 600px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0 auto 20px;
	padding: 0;
	-webkit-transform: translateZ(0);
}

.flipsnap {
	width: 9000px;
	/* 487px(item) * ページ数　によって変化 */
}

.flipsnap:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.item {
	width: 580px;
	margin: 10px;
	box-sizing: border-box;
	text-align: center;
	float: left;
}

.item img {
	width: 100%;
	vertical-align: bottom;
}

.controls {
	text-align: center;
	margin: 0 0 15px 0;
}

.controls button {
	margin: 0 10px;
	padding: 10px 20px;
	background-color: #eeeeee;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.controls button:nth-of-type(2):after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
}

.controls button:nth-of-type(1):before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}

.controls button:hover {
	opacity: 0.6;
}

/* ------------------------------
固定　PAGE
------------------------------ */
.page_contents {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 65px;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
	line-height: 1.8;
}

.page_contents .page_padding {
	width: 600px;
	margin: 0 auto 40px;
}

.page_contents .head {
	width: 100%;
	box-sizing: border-box;
	margin: 40px auto 15px;
}

.page_contents .head .data {
	margin-bottom: 10px;
}

.page_contents .head h1,
.page_contents .head h2 {
	font-size: 18px;
	margin-bottom: 5px;
	line-height: 1.2;
}

.page_contents .page_contents_txt h2,
.page_contents .page_contents_txt h3 {
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid var(--Main);
	border-bottom: 1px solid var(--Main);
}

.page_contents .page_contents_txt h3.h3_2 {
	border-left: none;
	border-bottom: 1px solid var(--Main);
	padding: 5px 0;
}

.page_contents .page_contents_txt h4 {
	margin-top: 40px;
	color: #333;
	font-size: 115%;
	margin-bottom: 5px;
	font-weight: bold;
}

.page_contents .page_contents_txt h3 {
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid var(--Main);
}

.page_contents .page_contents_txt h4 {
	font-size: 115%;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #333;
	padding: 5px 0px 5px 10px;
	clear: both;
	line-height: 1.2;
	position: relative;
	border-left: 4px solid var(--Main);
}

.check02 {
	padding: 10px;
	border: 2px solid #ccc;
	background-color: #f7f7f7;
	margin: 20px auto;
	border-radius: 5px;
}

.check02 .check02-t {
	color: #6e6e6e;
	font-size: 120%;
	padding: 5px 5px 5px 30px;
	border-bottom: 2px dotted #c9c8c4;
	margin-bottom: 10px;
	position: relative;
	margin-top: -5px;
}

.check02 .check02-t:before {
	content: "\f12a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: block;
	color: #3dabb0;
	position: absolute;
	top: -5px;
	left: 10px;
	font-size: 180%;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

.check02 p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.check-box03 {
	border: 5px solid #e5757f;
	padding: 10px;
	margin: 40px auto 20px;
	border-radius: 5px;
	position: relative;
}

.check-box03 ul {
	margin: 15px auto;
}

.check-box03 ul li {
	font-size: 110%;
	margin-bottom: 5px;
	color: #6e6e6e;
}

.check-box03 ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.check-box03 ul li:before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #e5757f;
}

.check-box03 .check-box03-m p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.check-box03 .check-box03-t {
	background-color: #e5757f;
	line-height: 1.2;
	padding: 8px 10px 10px 70px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	margin: -10px -10px 10px;
	position: relative;
}

.check-box03 .check-box03-t:before {
	content: " ";
	display: inline-block;
	width: 80px;
	height: 69px;
	background: url("../img/check-box03_icon.png");
	background-size: 80px 69px;
	position: absolute;
	left: -10px;
	bottom: 0px;
}

.word-box {
	margin: 20px auto;
}

.word-box .title {
	color: #6e6e6e;
	padding: 5px 10px;
	margin: 0 auto 15px;
	font-size: 115%;
	font-weight: bold;
}

.word-box .title:before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	color: #3dabb0;
}

.box002 {
	padding: 10px;
	border: 1px solid #efefef;
	background-image: url("../img/box002_back.png");
	background-size: 8px 8px;
	margin: 20px auto;
}

.box002 p:last-child {
	margin-bottom: 0;
}

.box004 {
	padding: 10px;
	background-color: #fff4f5;
	margin: 20px auto;
}

.box004 p:last-child {
	margin-bottom: 0;
}

.box001 .title,
.box002 .title,
.box004 .title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 115%;
}

.box001 .title-bar,
.box002 .title-bar,
.box004 .title-bar {
	margin-top: 3px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 115%;
	background-color: #6c8dc9;
	display: inline-block;
	color: #fff;
	padding: 1px 15px 1px 15px;
	position: relative;
	left: -14px;
	line-height: 1.8;
}

.box001 .title-bar::after,
.box002 .title-bar::after,
.box004 .title-bar::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 13px solid #6c8dc9;
	border-right: 7px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 7px solid #6c8dc9;
	position: absolute;
	top: 0;
	right: -14px;
}

.box004 .title-bar {
	background-color: #e5757f;
}

.box004 .title-bar::after {
	border-top: 13px solid #e5757f;
	border-right: 7px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 7px solid #e5757f;
}

.box001 ul,
.box002 ul,
.box004 ul {
	margin: 0px auto 12px auto;
}

.box001 ul:last-child,
.box002 ul:last-child,
.box004 ul:last-child {
	margin: 0px auto;
}

.box001 ul li:last-child,
.box002 ul li:last-child,
.box004 ul li:last-child {
	margin: 0px;
}

.box001 ul li,
.box002 ul li,
.box004 ul li {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-left: 19px;
	text-indent: -9px;
	line-height: 1.3;
}

.box001 ul li:before,
.box002 ul li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #6c8dc9;
}

.box004 ul li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #e5757f;
}

.round-box02 {
	margin: 20px auto;
	padding: 10px;
	background-color: #fffaf8;
}

.check-box02-t {
	padding: 10px 10px 5px;
	color: #db002f;
	font-size: 120%;
	border-bottom: 2px solid #ecaa83;
	font-weight: bold;
}

.check-box02-m {
	background-color: #fffaf8;
	padding: 10px;
	margin: 0 auto 20px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.check-box02-m p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.golink {
	padding: 15px 10px 15px 65px;
	margin: 50px auto 40px;
	border: 2px solid #d3ddef;
	border-radius: 5px;
	font-size: 120%;
	position: relative;
	line-height: 1.2;
}

.golink:before {
	content: " ";
	display: inline-block;
	width: 75px;
	height: 94px;
	background: url(../img/golink.png);
	background-size: 75px 94px;
	position: absolute;
	left: -15px;
	top: -30px;
}

.fukidasi_left {
	margin: 20px auto;
}

.fukidasi_left .img {
	width: 90px;
	height: 90px;
	float: left;
}

.fukidasi_left .img img {
	width: 100%;
	vertical-align: bottom;
}

.fukidasi_left .fukidasi {
	background: #fff;
	border: 2px solid #e3e3e3;
	border-radius: 5px;
	color: #444;
	padding: 10px;
	position: relative;
	margin-left: 105px;
}

.fukidasi_left .fukidasi:before {
	content: "";
	position: absolute;
	top: 15px;
	left: -8px;
	/* 	margin-top: -9px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ffffff transparent transparent;
	z-index: 2;
}

.fukidasi_left .fukidasi:after {
	content: "";
	position: absolute;
	top: 14px;
	left: -11px;
	/* 	margin-top: -10px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e3e3e3 transparent transparent;
	z-index: 1;
}

.fukidasi_right {
	margin: 20px auto;
}

.fukidasi_right .img {
	width: 90px;
	height: 90px;
	float: right;
}

.fukidasi_right .img img {
	width: 100%;
	vertical-align: bottom;
}

.fukidasi_right .fukidasi {
	background: #fff;
	border: 2px solid #e3e3e3;
	border-radius: 5px;
	color: #444;
	padding: 10px;
	position: relative;
	margin-right: 120px;
}

.fukidasi_right .fukidasi:before {
	content: "";
	position: absolute;
	top: 15px;
	right: -8px;
	/* 	margin-top: -9px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}

.fukidasi_right .fukidasi:after {
	content: "";
	position: absolute;
	top: 14px;
	right: -11px;
	/* 	margin-top: -10px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e3e3e3;
	z-index: 0;
}

.fukidasi_left .fukidasi p:last-child,
.fukidasi_right .fukidasi p:last-child {
	margin-bottom: 0;
}

.noteline {
	display: inline !important;
	padding-bottom: 0.3em !important;
	border-bottom: 1px dashed #ddd !important;
	line-height: 2.1em !important;
}

.center {
	text-align: center;
}

.center img {
	width: 100%;
	vertical-align: bottom;
}

.line {
	background: #ffff7d;
}

.big20 {
	font-size: 110%;
}

.syosai-bt a {
	display: block;
	margin: 20px auto;
	width: 650px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../img/syosai-bt.png") no-repeat;
}

.syosai-bt a:hover {
	background-position: 0px -90px;
}

.dot {
	clear: both;
	text-align: left;
	background: url("../img/dot.gif") repeat-x top;
	margin: 10px 0px;
	padding: 0px;
	height: 2px;
}

.box001 {
	margin: 20px auto;
	padding: 10px;
	background-color: #f0f3f9;
}

.box001 p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.ranking_box {
	margin-bottom: 40px;
}

.ranking_box .title {
	margin-bottom: 5px;
}

.ranking_box .title img {
	width: 100%;
	vertical-align: bottom;
}

.ranking_box .head {
	background-color: #f0f3f9;
	border-top: 2px solid #fff;
	box-shadow: 0px -1px 0px #6c8dc9;
	border-bottom: 1px dotted #6c8dc9;
	position: relative;
}

.ranking_box .head .rank {
	width: 60px;
	height: 60px;
	float: left;
	text-indent: -9999px;
	background-image: url("../img/ranking_rank01.png");
	background-size: 60px 60px;
	background-repeat: no-repeat;
	margin: 0 0 1px 7px;
}

.ranking_box .head .rank.rank02 {
	background-image: url("../img/ranking_rank02.png");
}

.ranking_box .head .rank.rank03 {
	background-image: url("../img/ranking_rank03.png");
}

.ranking_box .head .rank.rank04 {
	background-image: url("../img/ranking_rank04.png");
}

.ranking_box .head .rank.rank05 {
	background-image: url("../img/ranking_rank05.png");
}

.ranking_box .head .txt {
	color: #1156bd;
	font-weight: bold;
	margin-left: 75px;
	font-size: 120%;
	line-height: 1.2;
	padding-top: 10px;
}

.ranking_box .head .txt span {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
}

.ranking_box .box-m,
.bottom_jobchange-agent_box .box-m {
	border-radius: 5px;
	margin: 10px auto;
	background-color: #f4f6f8;
	padding: 10px;
}

.ranking_box .box-m {
	padding-top: 15px;
}

.ranking_box .box-t {
	width: 257px;
	height: 78px;
	margin-top: -25px;
	margin-bottom: 10px;
	position: relative;
	left: 5px;
	bottom: -20px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	text-indent: -9999px;
}

/* .ranking_box .box-t:before {
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../img/round-box01-icon.png");
	background-size: 50px 50px;
} */
.ranking_box .box-t1 {
	width: 210px;
	height: 63px;
	margin-top: -25px;
	margin-bottom: 10px;
	position: relative;
	left: 5px;
	bottom: -20px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	background-image: url("../img/box-h02.png");
	background-size: 210px 63px;
	text-indent: -9999px;
}

/* .ranking_box .box-t1:before {
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../img/round-box01-icon.png");
	background-size: 50px 50px;
} */

.ranking_box .box-t2 {
	width: 210px;
	height: 63px;
	margin-top: -25px;
	margin-bottom: 10px;
	position: relative;
	left: 5px;
	bottom: -20px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	background-image: url("../img/box-h03.png");
	background-size: 210px 63px;
	text-indent: -9999px;
}

/* .ranking_box .box-t2:before {
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../img/round-box01-icon.png");
	background-size: 50px 50px;
} */

.ranking_box .box-t3 {
	width: 210px;
	height: 63px;
	margin-top: -25px;
	margin-bottom: 10px;
	position: relative;
	left: 5px;
	bottom: -20px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	background-image: url("../img/box-h04.png");
	background-size: 210px 63px;
	text-indent: -9999px;
}

/* .ranking_box .box-t3:before {
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../img/round-box01-icon.png");
	background-size: 50px 50px;
} */

.box-m p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.box3-2 {
	margin-top: 30px;
	margin-bottom: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.box3-2 .box3-01,
.box3-2 .box3-02,
.box3-2 .box3-03 {
	width: 33%;
	background-color: #f9f7f7;
	padding: 10px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #eaebea;
}

.box3-2 h4 {
	color: #333;
	font-size: 115%;
	margin-top: -10px !important;
	margin-bottom: 5px !important;
	position: relative;
	border: none !important;
	padding: 8px 0px 5px 0px !important;
}

.box3-2 h4 span {
	background-color: #ecaa83;
	padding: 3px 5px;
	line-height: 1;
	display: inline-block;
	color: #fff;
	font-weight: normal;
	position: relative;
	top: -24px;
	margin-right: -74px;
	border-radius: 2px;
}

.box3-2 h4 span:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #ecaa83 transparent transparent transparent;
}

.box3-2 .box3-2-m {
	background-color: #fff;
	padding: 5px 5px 0;
}

.box3-2 .box3-2-m .big16 {
	font-size: 115%;
	line-height: 1.2;
}

.box3-2 .box-img {
	margin-bottom: 10px;
}

.box3-2 .box-img img {
	width: 100%;
	vertical-align: bottom;
}

.box2-1 {
	margin-top: 30px;
	margin-bottom: 40px;
}

.box2-1 h4 {
	border: none !important;
	padding: 0 !important;
}

.box2-1 .box2-01 {
	width: 49%;
	background-color: #f9f7f7;
	float: left;
	padding: 22px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #eaebea;
}

.box2-1 .box2-02 {
	width: 49%;
	background-color: #f7f6f6;
	float: right;
	padding: 22px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #eaebea;
}

.box2-1 h4 {
	color: #333;
	font-size: 115%;
	margin-top: -14px !important;
	margin-bottom: 8px !important;
	position: relative;
}

.box2-1 h4 span {
	background-color: #ecaa83;
	padding: 3px 5px;
	line-height: 1;
	display: inline-block;
	color: #fff;
	font-weight: normal;
	position: relative;
	top: -24px;
	margin-right: -74px;
	border-radius: 2px;
}

.box2-1 h4 span:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #ecaa83 transparent transparent transparent;
}

.box2-1 .box2-1-m {
	background-color: #fff;
	padding: 5px 5px 0;
}

.box2-1 .box2-2-m {
	background-color: #fff;
	padding: 9px 9px;
}

.box2-1 .box2-1-m .big16 {
	font-size: 115%;
	line-height: 1.2;
}

.box2-1 .box-img {
	margin-bottom: 10px;
}

.box2-1 .box-img img {
	width: 100%;
	vertical-align: bottom;
}

.answer-bt a {
	display: block;
	margin: 0px 0px 0px 0px;
	width: 460px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../img/answer-bt.gif") no-repeat;
}

.answer-bt a:hover {
	background-position: 0px -70px;
}

.s-right {
	margin-top: 15px;
	text-align: right;
}

.s-right_btn a {
	display: block;
	border-radius: 4px;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #1156bd;
	padding: 7px 10px;
	margin: 10px auto 5px;
	text-decoration: none;
}

.s-right_btn a:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	font-weight: normal;
}

.s-right_btn a:hover {
	opacity: 0.6;
}

.box003 {
	margin: 40px auto 20px;
	padding: 10px;
	width: auto;
	line-height: 1.9em;
	color: #6e6e6e;
	border: 2px solid #32b9d9;
	background: #fff;
}

.box003 .title {
	background-color: #32b9d9;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin: -10px -10px 10px;
	line-height: 1.2;
	font-size: 115%;
}

.box003 p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.h2box-parts {
	position: relative;
	padding-right: 125px;
	min-height: 142px;
}

.h2box-parts:before {
	content: " ";
	display: inline-block;
	width: 80px;
	height: 116px;
	background: url("../img/h2box-parts_img.png");
	background-size: 80px 116px;
	position: absolute;
	right: 0px;
	bottom: 0;
	margin-top: 0;
}

.h2box-parts .title {
	display: inline-block;
	padding: 5px 30px;
	border-radius: 300px;
	background-color: #3dabb0;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
}

.koushiki-bt02 a {
	margin: 5px auto;
	padding: 0px;
	display: block;
	width: 100px;
	height: 30px;
	background: url(../img/k_h_btn_s.gif) no-repeat;
	text-indent: -9999px;
}

.koushiki-bt02 a:hover {
	background-position: 0 -30px;
}

.topic-link ul li:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 3px;
	color: #6c8dc9;
	font-weight: normal;
}

.topic-link ul li {
	padding-left: 18px;
	text-indent: -9px;
	line-height: 1.2;
	margin-bottom: 10px;
	position: relative;
}

.topic-link ul li.new:after {
	display: inline-block;
	position: relative;
	border-radius: 4px;
	background-color: #e5757f;
	color: #fff;
	width: 40px;
	height: 15px;
	text-indent: 0;
	text-align: center;
	line-height: 1.5;
	font-size: 10px;
	padding: 0 2px 1px 2px;
	content: "New";
	text-align: center;
	margin-left: 5px;
	font-weight: normal;
	vertical-align: 5%;
}

.topic-link ul li a {
	color: #333;
}

.topic-link ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.check_title {
	font-size: 120%;
	margin: 0 auto 10px;
}

.check_title:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #3dabb0;
}

.check-title {
	font-size: 120%;
	margin: 24px auto 10px;
	font-weight: bold;
}

.check-title:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #ecaa83;
	font-size: 120%;
}

.matome_list {
	background-color: #f0f3f9;
	padding: 15px;
	border-radius: 4px;
	margin: 15px auto;
}

.matome_list ul {
	background: none;
	margin: 0;
}

.matome_list ul li {
	font-weight: bold;
	line-height: 1.2;
	padding-left: 16px;
	text-indent: -9px;
	margin-bottom: 10px;
}

.matome_list ul li:before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #6c8dc9;
}

.matome_list ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.list_link_area {
	margin: 30px auto 15px;
	border-top: 1px solid #d7d7d7;
}

.list_link_area .list_link {
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px solid #d7d7d7;
	position: relative;
	cursor: pointer;
}

.list_link_area .list_link:hover {
	opacity: 0.6;
}

.list_link_area .list_link:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color: #bfb9aa;
	font-size: 115%;
}

.list_link_area .list_link a {
	text-decoration: none;
}

.list_link_area .list_link a {
	display: block;
}

.list_link_area .list_link a:hover {
	opacity: 0.6;
	cursor: pointer;
}

.list_link_area .list_link .img {
	width: 100px;
	float: left;
}

.list_link_area .list_link .img img {
	width: 100%;
	vertical-align: bottom;
}

.list_link_area .list_link .txt {
	margin-left: 110px;
	line-height: 1.4;
	color: #333;
	padding-right: 20px;
}

.list_link_area .list_link .txt .title {
	font-size: 115%;
	margin-bottom: 10px;
	font-weight: bold;
}

.list_link_area .list_link .txt p {
	margin-bottom: 0;
	font-weight: normal;
}

.list_link_area .list_link .txt .category {
	display: inline-block;
	background-color: #ecaa83;
	padding: 4px 8px;
	line-height: 1.2;
	color: #fff;
	font-size: 87%;
	text-decoration: none;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.list_link_area .list_link .txt .category:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	font-size: 120%;
	font-weight: normal;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 5px;
}

.list_link_area .list_link .txt .category.oyakudachi:before {
	content: "\f05a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.campaign:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.trend:before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.qa:before {
	content: "\f059";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.research:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.qa {
	background-color: #789fc9;
}

.list_link_area .list_link .txt .category.research {
	background-color: #ab8fb7;
}

.list_link_area .list_link .txt .category.bui {
	background-color: #85be7d;
}

.list_link_area .list_link .txt .category.trend {
	background-color: #edb3c6;
}

.list_link_area .list_link .txt .category.campaign {
	background-color: #ecaa83;
}

.list_link_area .list_link .txt .category.oyakudachi {
	background-color: #85be7d;
}

.list_link_area .list_link .category a {
	padding: 0;
	margin-bottom: 0;
	color: #fff;
}

.list_link_area .list_link .txt .category a::before {
	content: "" !important;
}

.body_map_link_area {
	margin-top: 20px;
	text-align: center;
}

.body_map_link_area .body_map_link {
	display: inline-block;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 8px;
}

.body_map_link_area .body_map_link:nth-of-type(3n) {
	margin-right: 0;
}

.body_map_link_area .body_map_link:hover {
	opacity: 0.6;
}

.body_map_link_area .body_map_link a {
	display: block;
	width: 100%;
	box-sizng: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	overflow: hidden;
}

.body_map_link_area .body_map_link a img {
	vertical-align: bottom;
	width: 100%;
}

.body_map_link_area .body_map_link a p {
	background-color: #1156bd;
	color: #fff;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.body_map_link_area .body_map_link a p:before {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	right: 10px;
}

.campaign_banner_area {
	margin: 40px auto 20px;
}

.campaign_banner_area .img img {
	width: 100%;
	vertical-align: bottom;
}

.jobchange-agent_info .campaign_banner_area {
	margin-bottom: 0;
}

.campaign_mess {
	width: 100%;
	line-height: 1;
	padding: 7px 0px;
	color: #333;
	margin: 0;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.campaign_mess:before {
	content: "＼";
	display: inline-block;
	margin-right: 2px;
}

.campaign_mess:after {
	content: "／";
	display: inline-block;
	margin-left: 2px;
}

.summary_box {
	margin: 25px auto 20px auto;
}

.summary_box .title {
	background-image: none;
	position: relative;
	background-color: #d3ddef;
	margin-bottom: 0;
	font-size: 120%;
	font-weight: bold;
	padding: 10px 40px 10px 45px;
	line-height: 1.2;
}

.summary_box .title:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -4px;
	left: 10px;
	background-color: transparent;
	border-left: 13px solid #6c8dc9;
	border-right: 13px solid #6c8dc9;
	border-top: 26px solid #6c8dc9;
	border-bottom: 11px solid transparent;
}

.summary_box .txt {
	border: 2px solid #d3ddef;
	padding: 10px 10px 0 10px;
	font-weight: normal;
}

.point3_box_area {
	margin-bottom: 20px;
}

.point3_box {
	background-color: #f0f3f9;
	padding: 4px;
	margin-bottom: 10px;
}

.point3_box .box {
	padding: 5px;
	background-color: #fff;
}

.point3_box .box .txt {
	padding: 5px;
}

.point3_box .title {
	font-weight: bold;
	border-bottom: 1px dotted #d7d7d7;
	padding: 5px 0px 5px 30px;
	font-size: 115%;
	position: relative;
	line-height: 1.2;
}

.point3_box .title:before {
	content: "1";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #6c8dc9;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	left: 3px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 1px 0 0 1px;
	box-sizing: border-box;
	font-size: 13px;
}

.point3_box:nth-of-type(2) .title:before {
	content: "2";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(3) .title:before {
	content: "3";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(4) .title:before {
	content: "4";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(5) .title:before {
	content: "5";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(6) .title:before {
	content: "6";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(7) .title:before {
	content: "7";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(8) .title:before {
	content: "8";
	background-color: #6c8dc9;
}

.point3_box:nth-of-type(9) .title:before {
	content: "9";
	background-color: #6c8dc9;
}

.point3_box p:nth-last-of-type(1) {
	margin-bottom: 0;
}

/*------------------------------------------
比較テーブル03
-----------------------------------------*/

#eikyu_page .spec-hikakutable th {
	vertical-align: middle;
	font-size: 14px;
}

#campaign_page .spec-hikakutable th img,
#eikyu_page .spec-hikakutable th img {
	width: 100px;
	vertical-align: bottom;
}

.data-box {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.data-box table {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.data-box th {
	margin: 0px auto;
	padding: 5px;
	width: 150px;
	background: #e5757f;
	border: 1px solid #e5757f;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.data-box td {
	margin: 0px auto;
	padding: 5px;
	border: 1px solid #e5757f;
	line-height: 1.8em;
	vertical-align: middle;
	text-align: center;
}

.data-box td.col {
	margin: 0px auto;
	padding: 5px;
	width: 150px;
	background: #3dabb0;
	border: 1px solid #d89b77;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.yoyaku_btn a {
	display: block;
	margin: 10px auto;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	background-color: #1156bd;
	font-size: 115%;
	padding: 15px;
	text-decoration: none;
}

.yoyaku_btn a:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	font-weight: normal;
}

.yoyaku_btn a:hover {
	opacity: 0.6;
}

.ranking_more_btn {
	cursor: pointer;
	width: 80%;
	box-sizing: border-box;
	border-radius: 5px;
	color: #656565;
	text-align: center;
	font-weight: bold;
	border: 1px solid #d5d5d5;
	font-weight: normal;
	margin: 15px auto;
	padding: 15px;
	font-size: 115%;
	position: relative;
}

.ranking_more_btn:after {
	content: "\f103";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -14px;
	position: absolute;
	font-size: 120%;
	transition: all 0.3s;
}

.ranking_more_btn:hover {
	opacity: 0.6;
}

.ranking_more_btn.active:after {
	transition: all 0.3s;
	transform: rotate(-180deg);
}

.hidden_ranking {
	display: none;
}

/* ------------------------------
フッターソーシャル
------------------------------ */

/* ------------------------------
アーカイブ
------------------------------ */

.cat_bottom_contents {
	background-color: #fff;
	padding: 10px;
	margin: -10px auto 30px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/*------------------------------------------
ページャー
-----------------------------------------*/
/*------------------------------------------
ページャー
-----------------------------------------*/
.pager {
	margin: 10px 0;
	text-align: center;
}

.pager span,
.pager a {
	background: #fff;
	border: 1px solid #1156bd;
	color: #1156bd;
	display: inline-block;
	font-weight: bold;
	padding: 6px 13px;
	text-decoration: none;
	line-height: 22px;
	border-radius: 4px;
}

.pager span {
	background: #1156bd;
	color: #fff;
}

.pager a:hover {
	background: #f0f3f9;
	color: #1156bd;
}

/* ------------------------------
サイド
------------------------------ */
#CONTENTS .contents #SIDE h3 {
	background-color: var(--Main);
	line-height: 1.8;
	text-align: center;
	color: #fff;
	padding: 8px 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	margin: 15px 0 0;
}

#CONTENTS .contents #SIDE h3:before {
	content: "\f0e8";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	right: 10px;
	font-weight: normal;
}

#CONTENTS .contents #SIDE .icon_menu {
	background-color: #fff;
	margin-bottom: 10px;
}

#CONTENTS .contents #SIDE ul {
	padding: 0;
}

#CONTENTS .contents #SIDE ul.side_agent_list {
	margin: 0;
	padding: 0 24px;
}

#CONTENTS .contents #SIDE .icon_menu li a {
	display: block;
	color: #303030;
	text-decoration: none;
	padding: 14px 10px 14px 60px;
	box-sizing: border-box;
	position: relative;
}

#CONTENTS .contents #SIDE .icon_menu li a:before {
	content: " ";
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	position: absolute;
	left: 14px;
	top: 50%;
	margin-top: -18px;
}

#CONTENTS .contents #SIDE .icon_menu li.jobchange-agent a:before {
	background-image: url("../img/side_link_jobchange-agent.png");
}

#CONTENTS .contents #SIDE .icon_menu li.jobchange-site a:before {
	background-image: url("../img/side_link_jobchange-site.png");
}

#CONTENTS .contents #SIDE .icon_menu li.prepare a:before {
	background-image: url("../img/side_link_prepare.png");
}

#CONTENTS .contents #SIDE .icon_menu li.success-failure a:before {
	background-image: url("../img/side_link_success-failure.png");
}

#CONTENTS .contents #SIDE .icon_menu li.resume a:before {
	background-image: url("../img/side_link_resume.png");
}

#CONTENTS .contents #SIDE .icon_menu li.interview a:before {
	background-image: url("../img/side_link_interview.png");
}

#CONTENTS .contents #SIDE .icon_menu li.interview-talk a:before {
	background-image: url("../img/side_link_interview-talk.png");
}

#CONTENTS .contents #SIDE .icon_menu li.operation a:before {
	background-image: url("../img/side_link_operation.png");
}

#CONTENTS .contents #SIDE .icon_menu li.column a:before {
	background-image: url("../img/side_link_column.png");
}

#CONTENTS .contents #SIDE .icon_menu li a:hover {
	opacity: 0.6;
}

#CONTENTS .contents #SIDE .side_agent_list {
	background-color: #fff;
	margin-bottom: 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#CONTENTS .contents #SIDE .side_agent_list li {
	display: block;
	color: #303030;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px dotted #d3ddef;
}

#CONTENTS .contents #SIDE .side_agent_list li:last-child {
	border-bottom: none;
}

#CONTENTS .contents #SIDE .side_banner {
	margin: 0px 10px 10px;
}

#CONTENTS .contents #SIDE .side_banner img {
	width: 100%;
	vertical-align: bottom;
}

#CONTENTS .contents #SIDE .side_banner a:hover {
	opacity: 0.6;
}

#CONTENTS .contents #SIDE .side_ranking {
	background-color: #fff;
	margin-bottom: 10px;
}

#CONTENTS .contents #SIDE .side_ranking h3 {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 20px;
}

#CONTENTS .contents #SIDE .side_ranking h3:before {
	content: " ";
	display: block;
	width: 100px;
	height: 22px;
	background: url("../img/side_ranking_txt.png");
	background-size: 100px 22px;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

#CONTENTS .contents #SIDE .side_ranking ul li {
	background-image: url("../img/ranking_rank01.png");
	background-repeat: no-repeat;
	background-size: 33px 33px;
	padding: 10px 10px 10px 50px;
	background-position: 9px center;
	border-bottom: 1px dotted #ccc;
}

#CONTENTS .contents #SIDE .side_ranking ul li a {
	text-decoration: none;
	display: block;
}

#CONTENTS .contents #SIDE .side_ranking ul li:nth-of-type(2) {
	background-image: url("../img/ranking_rank02.png");
}

#CONTENTS .contents #SIDE .side_ranking ul li:nth-of-type(3) {
	background-image: url("../img/ranking_rank03.png");
}

#CONTENTS .contents #SIDE .side_ranking ul li:nth-of-type(4) {
	background-image: url("../img/ranking_rank04.png");
}

#CONTENTS .contents #SIDE .side_ranking ul li:nth-of-type(5) {
	background-image: url("../img/ranking_rank05.png");
	border-bottom: 0;
}

#CONTENTS .contents #SIDE .side_ranking .logo {
	display: none;
}

#CONTENTS .contents #SIDE .side_ranking .camp_txt {
	display: block;
	font-size: 10px;
	color: #333;
	line-height: 1.2;
	margin-bottom: 3px;
	font-weight: normal;
}

#CONTENTS .contents #SIDE .side_ranking .name {
	display: block;
	font-size: 110%;
	line-height: 1.2;
	margin-bottom: 5px;
}

#CONTENTS .contents #SIDE .side_ranking .name {
	text-decoration: underline;
}

#CONTENTS .contents #SIDE .side_ranking .review_star {
	display: block;
}

#CONTENTS .contents #SIDE .side_ranking .review_point {
	text-decoration: none;
	color: #f00;
	font-size: 110%;
	display: inline-block;
}

#CONTENTS .contents #SIDE .side_ranking .ave_star {
	font-size: 15px;
	line-height: 1;
	height: 18px;
	margin-right: 0;
	padding-right: 0;
	position: relative;
	white-space: nowrap;
	width: 70px;
	display: inline-block;
}

#CONTENTS .contents #SIDE .side_ranking .review_count {
	display: inlie-block;
}

#CONTENTS .contents #SIDE .side_banner_area {
	background-color: #fff;
	margin-bottom: 10px;
	padding-bottom: 1px;
	border-radius: 4px;
}

#CONTENTS .contents #SIDE .side_banner_area h3 {}

#CONTENTS .contents #SIDE .side_banner_area h3 {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 20px;
}

#CONTENTS .contents #SIDE .side_banner_area h3:before {
	content: " ";
	display: block !important;
	width: 100px;
	height: 22px;
	background: url(../img/side_banner_txt.png);
	background-size: 100px 22px;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

#CONTENTS .contents #SIDE .side_recommend_area {
	background-color: #fff;
	margin-bottom: 15px;
	padding-bottom: 1px;
	border-radius: 4px;
}

#CONTENTS .contents #SIDE .side_recommend_area h3 {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 20px;
}

#CONTENTS .contents #SIDE .side_recommend_area h3:before {
	content: " ";
	display: block !important;
	width: 100px;
	height: 22px;
	background: url(../img/side_recommend_txt.png);
	background-size: 100px 22px;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

#CONTENTS .contents #SIDE .popular_articles_area {
	background-color: #fff;
	margin-bottom: 10px;
	padding-bottom: 1px;
	border-radius: 4px;
}

#CONTENTS .contents #SIDE .popular_articles_area h3 {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 20px;
}

#CONTENTS .contents #SIDE .popular_articles_area h3:before {
	content: " ";
	display: block;
	width: 100px;
	height: 22px;
	background: url("../img/side_popular_txt.png");
	background-size: 100px 22px;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	position: relative;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:last-child {
	border-bottom: 0;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:hover {
	opacity: 0.6;
	cursor: pointer;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .img {
	width: 50px;
	float: left;
	position: relative;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .img img {
	width: 100%;
	vertical-align: bottom;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .img .rank {
	position: absolute;
	text-align: center;
	box-sizing: border-box;
	font-size: 10px;
	display: inline-block;
	color: #fff !important;
	background-color: #6c8dc9;
	font-weight: bold;
	top: -5px;
	left: -5px;
	width: 21px;
	height: 21px;
	-webkit-border-bottom-right-radius: 300px;
	-moz-border-radius-bottomright: 300px;
	border-bottom-right-radius: 300px;
	line-height: 1.5;
	text-indent: -2px;
	box-sizing: border-box;
	padding: 1px 0 0 0;
}

#CONTENTS .contents #SIDE .side_hot_word {
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 4px;
}

#CONTENTS .contents #SIDE .side_hot_word h3 {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 20px;
}

#CONTENTS .contents #SIDE .side_hot_word h3:before {
	content: " ";
	display: block;
	width: 100px;
	height: 22px;
	background: url("../img/side_hot_word.png");
	background-size: 100px 22px;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

#CONTENTS .contents #SIDE .side_hot_word ul {
	padding: 0 10px 20px;
}

#CONTENTS .contents #SIDE .side_hot_word ul li {
	display: inline-block;
}

#CONTENTS .contents #SIDE .side_hot_word ul li a {
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	font-weight: normal;
	line-height: 1;
	padding: 4px 6px;
	margin-right: 4px;
	background-color: #6c8dc9;
	margin-bottom: 4px;
}

/*
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:nth-of-type(1) .img .rank{
background-color:#ECAA83;
}
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:nth-of-type(2) .img .rank{
background-color:#789FC9;
}
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:nth-of-type(3) .img .rank{
background-color:#85BE7D;
}
*/
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .txt {
	margin-left: 60px;
	padding-bottom: 28px;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .views {
	display: block;
	float: right;
	bottom: 3px;
	right: 10px;
	position: absolute;
	font-size: 10px;
	color: #999;
	font-weight: normal !important;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .category a {
	display: block;
	bottom: 20px;
	left: 70px;
	position: absolute;
	font-size: 10px;
	color: #999;
	font-weight: normal !important;
	text-decoration: none;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .category a:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 3px;
	font-size: 10px;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .category a:after {
	display: none;
}

/* ------------------------------
フッター
------------------------------ */
footer {}

.footer_menu {
	background-color: var(--Back);
}

.footer_menu .footer_menu_inner {
	max-width: 100%;
	color: #1156bd;
	width: 1000px;
	margin: 0 auto;
	/* padding: 20px 0; */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background: var(--Back);
}

.footer_menu .widget {
	display: block;
	min-width: 250px;
}

.widget h3 {
	font-size: 1.2em;
	padding: 0 0 0.2em 0;
}

.footer_menu .widget ul li {
	padding: 12px 0 4px;
}

.footer_menu .widget ul li a {
	display: block;
	font-size: 1.4rem;
	line-height: 1.14;
	letter-spacing: 0;
}

.footer_menu .widget ul li a,
.footer_menu .widget ul li a:link {
	text-decoration: none;
}

/* .footer_menu .widget ul li::before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin: 0 0.5em 0 0;
} */

.footer {
	background-color: var(--Text);
	color: #fff;
}

.footer_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0;
}

.footer a {
	color: #fff !important;
}

.footer .link {
	text-align: center;
}

.footer .link ul li {
	display: inline;
}

.footer .link ul li a {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.5;
}

.footer .link ul li:after {
	content: "  |  ";
}

.footer .link ul li:nth-last-of-type(1):after {
	display: none;
}

#COPYRIGHT {
	background-color: var(--Text);
}

#COPYRIGHT .copyright_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 18px 0 4px 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1.42;
	border-top: 1px solid var(--Text);
}

/* ------------------------------
ページのトップへ
------------------------------ */
.to_top {
	position: fixed;
	bottom: 15px;
	right: -160px;
	z-index: 9998;
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url("../img/to_top.png");
	background-size: 50px 50px;
	opacity: 0.8;
}

.to_top:hover {
	opacity: 0.6;
}

/* ------------------------------
NOTFOUND
------------------------------ */

/* 2017/12/07 パーツ追加 start */
.table03 tr td img {
	width: 100%;
}

.table03 tr th:nth-of-type(1) {
	width: 90px;
}

.table03 tr th:nth-of-type(1) {
	width: 90px;
}

/* 2017/12/07 パーツ追加 end */

/* 2017/11/28 修正 start*/
.true_title1,
.true_title2,
.true_title3,
.true_title4,
.true_title5 {
	padding: 7px 10px 7px 60px;
	margin: 40px 0px 20px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #6c8dc9;
	position: relative;
	font-size: 115%;
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	box-sizing: border-box;
	left: 5px;
}

.true_title1:after,
.true_title2:after,
.true_title3:after,
.true_title4:after,
.true_title5:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 20px 10px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
}

.true_title1:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/true_title1_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.true_title2:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/true_title2_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.true_title3:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/true_title3_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.true_title4:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/true_title4_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.true_title5:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/true_title5_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.point_title1,
.point_title2,
.point_title3,
.point_title4,
.point_title5 {
	padding: 7px 10px 7px 60px;
	margin: 40px 0px 20px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #1156bd;
	position: relative;
	font-size: 115%;
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	box-sizing: border-box;
	left: 5px;
}

.point_title1:after,
.point_title2:after,
.point_title3:after,
.point_title4:after,
.point_title5:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 16px 20px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}

.point_title1:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/point_title1_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.point_title2:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/point_title2_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.point_title3:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/point_title3_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.point_title4:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/point_title4_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

.point_title5:before {
	content: " ";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../img/point_title5_img.png");
	background-size: 60px 60px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -30px;
}

/* 2017/11/28 修正 end */

/* ------------------------------
口コミシステム 20170508追加
------------------------------ */
#REVIEW_AREA,
#REVIEW_AREA2 {
	margin-top: 40px;
}

#REVIEW_AREA h2,
#REVIEW_AREA2 h2 {
	margin-bottom: 20px;
}

#REVIEW_AREA .review_count,
#REVIEW_AREA2 .review_count {
	border-radius: 4px;
	display: inline-block;
	padding: 5px 10px;
	color: #333;
	margin: 10px 0;
	background-color: #f6f6f6;
	font-weight: bold;
}

#REVIEW_AREA #review_form2 td input[type="text"],
#REVIEW_AREA #review_form2 td select,
#REVIEW_AREA #review_form2 td textarea,
#REVIEW_AREA2 #review_form2 td input[type="text"],
#REVIEW_AREA2 #review_form2 td select,
#REVIEW_AREA2 #review_form2 td textarea {
	width: 100%;
	box-sizing: border-box;
}

#REVIEW_AREA #review_form2 .submit,
#REVIEW_AREA2 #review_form2 .submit {
	background-color: #fff !important;
}

#REVIEW_AREA #review_form2 td input[type="submit"],
#REVIEW_AREA2 #review_form2 td input[type="submit"] {
	display: block;
	border-radius: 4px;
	text-align: center;
	padding: 7px 60px;
	font-weight: bold;
	background-color: #da3b48;
	margin: 5px auto;
	cursor: pointer;
	font-size: 100%;
	width: 90%;
	border: none;
	padding: 12px 0;
	color: #fff;
}

#REVIEW_AREA #review_form2 td input[type="submit"]:hover,
#REVIEW_AREA2 #review_form2 td input[type="submit"]:hover {
	opacity: 0.7;
	color: #fff;
}

#REVIEW_AREA #review_form_toggle1,
#REVIEW_AREA2 #review_form_toggle1 {}

#REVIEW_AREA #review_form_toggle1 button,
#REVIEW_AREA2 #review_form_toggle1 button {
	display: block;
	text-align: center;
	padding: 15px 30px;
	font-weight: bold;
	background-color: #1156bd;
	margin: 10px auto;
	cursor: pointer;
	font-size: 140%;
	margin-top: 40px;
	color: #fff;
	width: 100%;
	border: none;
	box-sizing: border-box;
	position: relative;
}

#REVIEW_AREA #review_form_toggle1 button:after,
#REVIEW_AREA2 #review_form_toggle1 button:after {
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
	font-size: 120%;
	transition: all 0.3s;
}

#REVIEW_AREA #review_form_toggle1.active button:after,
#REVIEW_AREA2 #review_form_toggle1.active button:after {
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
	font-size: 120%;
	transition: all 0.3s;
	transform: rotateX(180deg);
}

#REVIEW_AREA #review_form_toggle1 button:hover,
#REVIEW_AREA2 #review_form_toggle1 button:hover {
	opacity: 0.7;
	color: #fff;
}

#REVIEW_AREA #review_form2 span.required,
#REVIEW_AREA2 #review_form2 span.required {
	color: #da3b48;
	padding: 0 5px;
}

#REVIEW_AREA .graph_area,
#REVIEW_AREA2 .graph_area {
	position: relative;
	min-height: 200px;
}

.donut_canvas {
	float: left;
	box-sizing: border-box;
	width: 50%;
	height: 200px;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.donut_canvas .point {
	display: block;
	width: 120px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.4;
	font-size: 190%;
	position: absolute;
	color: #ccc;
	top: 68px;
	right: 50%;
	margin-right: -27px;
}

.donut_canvas #donut_canvas0 {
	position: relative;
	top: 15px;
}

.bar_chart {
	box-sizing: border-box;
	width: 60%;
	float: right;
}

.review_radar {
	position: relative;
	text-align: center;
}

.review_radar canvas {
	display: block;
	width: 80%;
	height: 300px;
	overflow: hidden;
	margin: 10px auto;
}

.review_radar .txt {
	position: absolute;
	text-align: center;
	width: 100px;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	font-size: 150%;
	margin-left: -50px;
	color: #333;
}

.review_radar_table {
	margin-top: -40px;
}

.review_radar_table table {
	border: none;
	font-size: 100%;
}

.review_radar_table table th,
.review_radar_table table td {
	border: none;
	background: none;
	font-weight: normal;
	vertical-align: bottom;
	border-bottom: 1px dotted #ccc;
	font-size: 120%;
}

.review_radar_table table td {
	text-align: right;
}

.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1),
.review_radar_table table tr:nth-of-type(1) td:nth-of-type(1) {
	border-bottom: none;
}

.review_radar_table table th {
	text-align: left;
}

.review_radar_table table span,
.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1) {
	color: #da3b48;
}

.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1) span {
	font-size: 15px;
}

.review_radar_table table tr:nth-of-type(1) td:nth-of-type(1) span {
	font-size: 30px;
}

.review_point_parts {
	position: relative;
	margin-bottom: 20px;
}

.review_point_parts .review_point_img {
	width: 150px;
	vertical-align: bottom;
}

.review_point_parts .review_point {
	position: relative;
	left: 10px;
	bottom: -6px;
	font-weight: bold;
	font-size: 120%;
	color: #da3b48;
}

.review_table {}

.review_table th {
	width: 120px;
}

.review_table .review_radar_table th {
	width: auto;
}

.review_table .ave_star {
	float: left;
}

/* ------------------------------
レビュー星　font-awesome
------------------------------ */
.ave_star {
	font-size: 25px;
	margin-right: 0;
	padding-right: 0;
	position: relative;
	white-space: nowrap;
	width: 30%;
	display: inline-block;
}

.ave_star .star {
	color: #ffb838;
	overflow: hidden;
	position: absolute;
}

.ave_star .star_base {
	color: #ffb838;
}

.star_area {
	padding-left: 10px;
	display: inline-block;
	font-size: 30px;
	height: 30px;
	position: relative;
	top: 2px;
	white-space: nowrap;
	width: 140px;
}

.star_area .star {
	color: #ffb838;
	overflow: hidden;
	position: absolute;
}

.star_area .star_base {
	color: #ffb838;
}

/* ------------------------------
レビューボックス　.review_box
------------------------------ */

#btnClick {
	display: block;
	text-align: center;
	padding: 15px 30px;
	font-weight: bold;
	background-color: #1156bd;
	margin: 10px auto;
	cursor: pointer;
	font-size: 140%;
	margin-top: 40px;
	color: #fff;
	width: 100%;
	border: none;
	box-sizing: border-box;
	position: relative;
}

#btnClick:after {
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
	font-size: 120%;
	transition: all 0.3s;
}

/* ------------------------------
レビューボックス2　.review_box2 20171025 追加
------------------------------ */

.more_link a {
	display: block;
	text-align: center;
	padding: 15px 30px;
	font-weight: bold;
	background-color: #1156bd;
	margin: 10px auto;
	cursor: pointer;
	font-size: 140%;
	margin-top: 40px;
	color: #fff;
	width: 100%;
	border: none;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
}

.more_link a:hover {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}

.more_link a:after {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
	font-size: 120%;
	transition: all 0.3s;
}

/* ------------------------------
追加20170207
------------------------------ */

.fluffy {
	animation: fluffy1 3s ease infinite;
}

/* ------------------------------
追加20170510
------------------------------ */
.point3_box_qa {
	padding: 4px 0px;
	margin-bottom: 10px;
}

.point3_box_qa .box {
	padding: 5px 0px;
	background-color: #fff;
}

.point3_box_qa .box .txt {
	padding: 5px 5px 5px 30px;
	position: relative;
}

.point3_box_qa .box .txt:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../img/a_title_icon.png");
	background-size: 20px 20px;
	position: absolute;
	top: 5px;
	left: 3px;
}

.point3_box_qa .title {
	font-weight: bold;
	border-bottom: 1px dotted #d7d7d7;
	padding: 5px 0px 5px 30px;
	font-size: 115%;
	position: relative;
	line-height: 1.2;
}

.point3_box_qa .title:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../img/q_title_icon.png");
	background-size: 20px 20px;
	position: absolute;
	top: 3px;
	left: 3px;
}

.point3_box_qa p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.simple_list2 {
	background: none;
	padding: 10px 0px;
	margin: 10px auto 0px;
}

.simple_list2 ul {
	background: none;
	margin: 0;
}

.simple_list2 ul li {
	font-weight: bold;
	line-height: 1.2;
	padding-left: 16px;
	text-indent: -7px;
	margin-bottom: 10px;
}

.simple_list2 ul li:before {
	font-weight: normal;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #6c8dc9;
}

.simple_list2 ul li:nth-last-of-type(1) {
	/* margin-bottom:0; */
}

.point_box_s {
	background-color: #f9f9f9;
	padding: 15px;
	margin: 10px auto;
	border: 2px solid #ccc;
}

.point_box_s p:nth-last-of-type(1) {
	margin-bottom: 0;
}

/* =======================================
目次

#mokuji_h3 #mokuji:before,
#mokuji_h4 #mokuji:before{
	content: "Index";
	display:block;
	font-weight:bold;
	margin-bottom:7px;
	margin-top:-2px;
	font-size:110%;
	color:#444;
}

======================================= */

#mokuji_h3 #mokuji:before,
#mokuji_h4 #mokuji:before {
	content: "Index";
	display: block;
	background-color: #fff;
	margin: 0 auto -20px;
	position: relative;
	top: -20px;
	height: 20px;
	padding: 0 10px;
	width: 55px;
	box-sizing: border-box;
	text-align: center;
	color: #1156bd;
}

#mokuji_h3 #mokuji,
#mokuji_h4 #mokuji {
	border-top: 1px solid #1156bd !important;
	border-bottom: 1px solid #1156bd !important;
	padding: 10px 10px 5px !important;
	font-size: 95% !important;
	margin: 20px auto;
	position: relative;
}

#mokuji_h3 #mokuji li:before,
#mokuji_h4 #mokuji li:before {
	display: none;
}

#mokuji_h3 #mokuji li,
#mokuji_h4 #mokuji li {
	margin-bottom: 5px;
	padding-left: 10px;
	text-indent: -7px;
}

#mokuji_h3 #mokuji li a,
#mokuji_h4 #mokuji li a {
	font-weight: normal;
	text-decoration: none;
}

#mokuji_h3 #mokuji li a:hover,
#mokuji_h4 #mokuji li a:hover {
	text-decoration: underline;
}

#mokuji_h3 #mokuji .mokuji-h4 {
	display: none;
}

#mokuji_h4 #mokuji .mokuji-h4 {
	margin-left: 15px;
}

#mokuji_h3 #mokuji li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	color: #1a0dab;
	margin-right: 5px;
}

#mokuji .mokuji-h4:before {
	content: "・";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	color: #1a0dab;
	margin-right: 5px;
}

#mokuji .mokuji-h3 {
	counter-reset: mokuji-h4;
}

#mokuji {
	counter-reset: mokuji-h3;
}

h3 #htag0,
h3 #htag1,
h3 #htag2,
h3 #htag3,
h3 #htag4,
h3 #htag5,
h3 #htag6,
h3 #htag7,
h3 #htag8,
h3 #htag9 {
	padding-top: 45px;
}

/* =======================================
追加パーツ20180309
======================================= */

.body_map_link_area,
.body_map_link_area2,
.body_map_link_area3 {
	margin-top: 20px;
	text-align: center;
}

.body_map_link_area2 .body_map_link,
.body_map_link_area .body_map_link,
.body_map_link_area3 .body_map_link {
	display: inline-block;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	vertical-align: bottom;
}

body.bustup-recipe .body_map_link_area2 .body_map_link {
	height: 245px;
}

.body_map_link_area2 .body_map_link a {
	vertical-align: bottom;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
	min-height: 190px;
}

#TOPPAGE .body_map_link_area2 .body_map_link a,
.cat_top_contents .body_map_link_area2 .body_map_link a,
.cat_bottom_contents .body_map_link_area2 .body_map_link a {
	min-height: 200px;
}

.body_map_link_area2 .body_map_link:nth-of-type(3n),
.body_map_link_area .body_map_link:nth-of-type(3n),
.body_map_link_area3 .body_map_link:nth-of-type(3n) {
	margin-right: 0;
}

.body_map_link_area3 .body_map_link a:hover,
.body_map_link_area2 .body_map_link a:hover,
.body_map_link_area .body_map_link a:hover {
	opacity: 0.6;
}

.body_map_link_area2 .body_map_link .title,
.body_map_link_area2 .body_map_link a,
.body_map_link_area .body_map_link a,
.body_map_link_area3 .body_map_link a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	overflow: hidden;
}

.body_map_link_area2 .body_map_link .title img,
.body_map_link_area2 .body_map_link a img,
.body_map_link_area .body_map_link a img,
.body_map_link_area3 .body_map_link a img {
	width: 100%;
	vertical-align: bottom;
}

.body_map_link_area2 .body_map_link a img {
	position: absolute;
	bottom: 2px;
	left: 0;
}

.body_map_link_area3 .body_map_link a p,
.body_map_link_area2 .body_map_link a p,
.body_map_link_area .body_map_link a p {
	background-color: #1156bd;
	color: #fff;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.body_map_link_area3 .body_map_link a p,
.body_map_link_area2 .body_map_link a p {
	padding: 10px 0;
	height: 41px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	font-size: 100%;
}

.body_map_link_area3 .body_map_link a p.longline,
.body_map_link_area2 .body_map_link a p.longline,
.body_map_link_area .body_map_link a p.longline {
	padding-right: 15px;
}

.body_map_link_area2 .body_map_link a p:before,
.body_map_link_area3 .body_map_link a p:before,
.body_map_link_area .body_map_link a p:before {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	right: 10px;
	font-weight: normal;
}

#TOPPAGE .body_map_link_area2 .body_map_link {
	padding-top: 41px;
}

.cat_top_contents .body_map_link_area2 .body_map_link,
.cat_bottom_contents .body_map_link_area2 .body_map_link {
	padding-top: 41px;
}

.cat_top_contents .body_map_link_area2 .body_map_link.height_box3,
.cat_bottom_contents .body_map_link_area2 .body_map_link.height_box3 {
	padding-top: 0;
}

/* ------------------------------
吹き出し
------------------------------- */
.fukidasi_left2,
.fukidasi_right2 {
	clear: both;
	margin-bottom: 15px;
	overflow: hidden;
}

.fukidasi_left2 .img img,
.fukidasi_right2 .img img {
	width: 100%;
	vertical-align: bottom;
}

.fukidasi_left2 .img {
	width: 90px;
	height: 90px;
	float: left;
}

.fukidasi_right2 .img {
	width: 90px;
	height: 90px;
	float: right;
}

.fukidasi_left2 .fukidasi,
.fukidasi_right2 .fukidasi {
	background: #fff;
	border: 2px solid #e3e3e3;
	border-radius: 5px;
	color: #444;
	padding: 10px;
	position: relative;
	margin-left: 110px;
}

.fukidasi_left2 .fukidasi {
	margin-left: 110px;
}

.fukidasi_right2 .fukidasi {
	margin-left: 0px;
	margin-right: 110px;
}

.fukidasi_left2 .fukidasi:before {
	content: "";
	position: absolute;
	top: 15px;
	left: -8px;
	/* margin-top: -9px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ffffff transparent transparent;
	z-index: 1;
}

.fukidasi_left2 .fukidasi:before {
	border-right: 8px solid #e3e3e3;
	left: -9px;
}

.fukidasi_left2 .fukidasi:after {
	content: "";
	position: absolute;
	top: 14px;
	left: -12px;
	/* margin-top: -10px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e3e3e3 transparent transparent;
	z-index: 1;
}

.fukidasi_left2 .fukidasi::after {
	left: -6px;
	border-right: 8px solid #fff;
}

.fukidasi_right2 .fukidasi:before {
	content: "";
	position: absolute;
	top: 15px;
	right: -8px;
	/* margin-top: -9px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ffffff transparent transparent;
	z-index: 1;
}

.fukidasi_right2 .fukidasi:before {
	border-left: 8px solid #e3e3e3;
	right: -18px;
}

.fukidasi_right2 .fukidasi:after {
	content: "";
	position: absolute;
	top: 14px;
	right: -10px;
	/* margin-top: -10px; */
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0px 10px 10px;
	border-color: transparent #e3e3e3 transparent transparent;
	z-index: 1;
}

.fukidasi_right2 .fukidasi::after {
	border-left: 8px solid #fff;
	right: -6px;
}

table.chara_txt_box {
	background: none;
	border: none;
	margin: 10px auto;
}

table.chara_txt_box td {
	border: none;
	padding: 5px;
	background: none;
}

table.chara_txt_box td.chara {
	vertical-align: middle;
	width: 50px;
	text-align: center;
}

table.chara_txt_box td.chara img {
	width: 50px;
}

table.chara_txt_box td.txt {
	text-align: left;
	padding: 5px;
	line-height: 1.4;
	position: relative;
	top: -8px;
}

table.chara_txt_box td.txt p {
	line-height: 1.2;
	margin-bottom: 10px;
}

table.chara_txt_box td.txt p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.imgl_tk {
	width: 163px;
	margin: 0px 10px 5px 0;
	padding: 0;
	float: left;
}

.imgr_tk {
	width: 163px;
	margin: 0px 0px 5px 10px;
	padding: 0;
	float: right;
}

.imgl_tk img,
.imgr_tk img {
	width: 100%;
	vertical-align: bottom;
}

/* ------------------------------
３ポイントボックス　※普通のボックスとしても使用可
------------------------------ */

/* ------------------------------
新着記事4ボックス
------------------------------ */

/*--------------------------------------------------------
関連記事一覧
--------------------------------------------------------*/

/*--------------------------------------------------------
ランキングボックス地域ver
--------------------------------------------------------*/

span.review_ave {
	font-weight: bold;
	font-size: 120%;
	color: #1156bd;
}

.region-rank-tab {
	overflow: hidden;
}

.region-rank-tab li {
	background: #f5f5f5;
	border: 1px solid #ddd;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-right: 3px;
	padding: 10px;
}

.region-rank-tab li:last-child {
	margin-right: 0;
}

.region-rank-tab li.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.region-rank-panel {
	margin: -1px 0 30px 0;
}

.region-rank-panel li {
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 30px;
}

.region-rank-map {
	margin-bottom: 10px;
}

.region-rank-map iframe {
	height: 300px;
	width: 100%;
}

.region-rank-panel dl {
	border-top: 1px solid #ddd;
	font-size: 12px;
	overflow: hidden;
}

.region-rank-panel dt {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	padding: 5px;
	width: 100px;
}

.region-rank-panel dd {
	border-bottom: 1px solid #ddd;
	padding: 5px 5px 5px 100px;
}

/*2017/05/19 追加 start */
.simple_btn {
	margin: 20px 0;
}

.simple_btn a {
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	color: #1a0dab;
	display: block;
	/*padding: 10px;*/
	padding: 10px 40px 10px 10px;
	position: relative;
	text-align: center;
	text-decoration: underline;
}

.simple_btn a:after {
	content: "";
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	display: block;
	height: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	right: 20px;
	margin-top: -5px;
	top: 50%;
	width: 10px;
}

.simple_btn a:hover {
	background: #f9f9f9;
}

/* ------------------------------
リンクボックス２
------------------------------ */
.link_2box {
	padding: 10px;
	margin: 20px auto;
	background-color: #f7d5d8;
}

.link_2box .box_l,
.link_2box .box_r {
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.link_2box .box_l {
	float: left;
}

.link_2box .box_r {
	float: right;
}

.link_2box .box_l .title,
.link_2box .box_r .title,
.link_2box .box_l .txt .txt_title,
.link_2box .box_r .txt .txt_title,
.link_2box .box_l .link_area .link_area_title,
.link_2box .box_r .link_area .link_area_title {
	margin-bottom: 10px;
}

.link_2box .box_l .title,
.link_2box .box_r .title {
	margin: -10px -10px 10px;
}

.link_2box .box_l .title img,
.link_2box .box_r .title img,
.link_2box .box_r .txt .txt_title img,
.link_2box .box_l .txt .txt_title img,
.link_2box .box_l .link_area .link_area_title img,
.link_2box .box_r .link_area .link_area_title img {
	width: 100%;
	vertical-align: bottom;
}

.link_2box ul.link {
	margin-bottom: 15px;
}

.link_2box ul.link li {
	margin-bottom: 10px;
	line-height: 1.2;
	position: relative;
}

.link_2box ul.link li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.link_2box ul.link li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	color: #da3b48;
}

.link_2box ul.link_area_link li:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	color: #da3b48;
}

/*------------------------------------------
画像テキストボックス
-----------------------------------------*/

.txt_img_box {
	margin: 10px auto;
}

.txt_img_box .left_img,
.txt_img_box .right_img {
	width: 40%;
}

.txt_img_box .left_img img,
.txt_img_box .right_img img {
	width: 100%;
	verical-align: bottom;
}

.txt_img_box .left_img {
	float: left;
	margin-right: 10px;
}

.txt_img_box .right_img {
	float: right;
	margin-left: 10px;
}

/*2017/05/19 追加 end */

/* ------------------------------
カテゴリーカラー・アイコンの設定
------------------------------ */

/*　デフォルト　タグ　*/

.new_entry_box .category a,
.listarticle_box_area .listarticle_box .txt .category a,
.list_link_area2 a .txt .category,
#TOPPAGE .top_box .category a {
	background-color: #6c8dc9;
}

.NewArticle2_box .icon_show .icon {
	background-color: #6c8dc9;
}

.NewArticle2_box .icon_show .icon:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

/*　グリーン　*/

.new_entry_box .category a.hairtonic,
.list_link_area2 a .txt .category.hairtonic,
#TOPPAGE .top_box .category.hairtonic a,
.listarticle_box_area .listarticle_box .txt .category.hairtonic a {
	background-color: #6c8dc9;
}

.NewArticle2_box .icon_show .icon.hairtonic {
	background-color: #6c8dc9;
}

.new_entry_box .category a.hairtonic:before,
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .category.hairtonic a:before,
.list_link_area2 a .txt .category.hairtonic:before,
#TOPPAGE .top_box .category.hairtonic a:before,
.listarticle_box_area .listarticle_box .txt .category.hairtonic a:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

.NewArticle2_box .icon_show .icon.hairtonic:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

/*　部位　*/

.list_link_area2 a .txt .category.bui:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.list_link_area .list_link .txt .category.bui:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}

.new_entry_box .category a.bui:before,
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .category.bui a:before,
.listarticle_box_area .listarticle_box .txt .category.bui a:before,
.list_link_area2 a .txt .category.bui:before,
#TOPPAGE .top_box .category.bui a:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

@keyframes fluffy1 {
	0% {
		transform: translateX(0);
	}

	5% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-15px);
	}

	25% {
		transform: translateX(0);
	}

	30% {
		transform: translateX(-15px);
	}

	50% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(0);
	}
}

/* 2017/06/22 追加 start */

/* 2017/06/22 追加 end */

/* ------------------------------
口コミピックアップ　2017/09/20 追加
------------------------------ */

/* ------------------------------
リンクボックス3
------------------------------ */

/* ------------------------------
recommend見出しパーツ　20180313追加
------------------------------ */
.recommend {
	color: #333;
	background: none;
	text-align: center;
	position: relative;
	padding: 20px 0 0px;
	font-weight: bold;
}

.recommend:before {
	content: " ";
	display: block !important;
	width: 115px;
	height: 22px;
	background: url("../img/recommend_txt.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	right: 0;
	margin: 0px auto 0px;
}

/* ------------------------------
上部ソーシャルボタン　20180322追加
------------------------------ */

/* ===========

絞込検索のCSS 20180413追加

=========== */

/* 絞込検索フォーム*/

.Refine_Search_Box_title {
	max-width: 800px;
	min-height: 5em;
	margin: 10px auto 10px auto;
	background-image: url(../img/icon_shiborikomi_title.png), url(../img/shiborikomi_title_bg.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	background-size: 5em 5em, 95% 3em;
	font-size: 17px;
	font-weight: bold;
	line-height: 5;
	color: #fff;
	display: block;
	text-align: center;
	position: relative;
}

.Refine_Search_Box_title2 {
	max-height: 100%;
	max-width: 800px;
	min-height: 5em;
	margin: 10px auto 10px auto;
	background-image: url(../img/shiborikomi_title_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95%;
	font-size: 17px;
	font-weight: bold;
	line-height: 5;
	color: #fff;
	display: block;
	text-align: center;
	position: relative;
}

.Refine_Search_Box_title::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: transparent 2.5em solid;
	border-right: #f1f4f7 0.9em solid;
	border-bottom: #f1f4f7 2.5em solid;
	border-left: transparent 0.9em solid;
	position: absolute;
	top: 0;
	right: 0;
}

.Refine_Search_Box_wrap {
	padding: 10px;
	box-sizing: border-box;
	/* margin: 0 auto 10px auto; */
}

@media screen and (min-width: 641px) {
	:root {
		font-size: calc(62.5% + 0.125rem);
	}

	#CONTENTS #MAIN>*:nth-child(1) {
		margin-top: 20px;
	}

	/* #CONTENTS #MAIN > *:nth-child(1) img {
		background: #fff2f3
	} */
	.Refine_Search_Box_wrap {
		margin-top: 16px;
	}
}

table td,
table th {
	color: var(--Text);
}

#Refine_Search_Area {
	font-size: 14px;
	color: var(--Text);
}

#Refine_Search_Area .Refine_Search_Box {
	overflow: hidden;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area {
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multile;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area dt {
	margin-bottom: 4px;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area:last-child {
	/* margin: 0 0 10px 0; */
}

#Refine_Search_Area dl.Refine_Search_conditions_Area dt {
	font-weight: bold;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area dd {
	/* width: calc(100% - 130px);
	float: right; */
	width: 100%;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area label {
	display: flex;
	align-items: center;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area select {
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #333;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area input[type="radio"],
#Refine_Search_Area dl.Refine_Search_conditions_Area input[type="checkbox"] {
	margin-right: 0.5em;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
}

#Refine_Search_Area .radiobtn_text,
#Refine_Search_Area .checkbox_text {
	/* display: inline-block; */
	/* margin: 0.5em 2.5em 0.5em 0; */
	border: 1px solid #98a6b5;
	background-color: #fff;
	font-weight: bold;
}

#Refine_Search_Area .multi-item .checkbox_text {
	background: none;
	border: none;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area .multi-item input[type="checkbox"] {
	/* display: none; */
}

.multi-item {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-color: #fff;
	border: 1px solid #98a6b5;
	margin-bottom: 8px;
}

.multi-item input[type="checkbox"] {
	width: 1px !important;
	height: 1px !important;
	opacity: 0;
	margin: 0 !important;
}

.multi-item label {
	width: 100%;
}

/* #Refine_Search_Area dl.Refine_Search_conditions_Area input[type="radio"], */
#Refine_Search_Area .Refine_Search_conditions_Area .nayami__list input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

#Refine_Search_Area input:checked+label.radiobtn_text,
#Refine_Search_Area input:checked+label.checkbox_text,
#Refine_Search_Area .on,
#Refine_Search_Area .on01,
#Refine_Search_Area .multi.on02 {
	background-color: #7b91b0;
	/* mix-blend-mode: normal; */
}

#Refine_Search_Area .condition_ttl {
	position: relative;
	display: flex;
	padding-left: 22px;
	font-size: 1.4rem;
	align-items: center;
	margin-bottom: 8px;
}

#Refine_Search_Area .condition_ttl span {
	line-height: 1.7;
}

#Refine_Search_Area .condition_ttl:after {
	content: "";
	display: block;
	background-image: url(../img/ico-shindan-arrow.svg);
	background-size: cover;
	position: absolute;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
}

.clear {
	clear: both;
}

.clear hr {
	display: none;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_count {
	width: 120px;
	padding: 15px 10px;
	box-sizing: border-box;
	margin: 0 20px 0 0;
	font-size: 120%;
	line-height: 1;
	position: relative;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 4px;
	float: left;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_count span {
	color: #db0000;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_count:before {
	border-top: 6px solid transparent;
	border-left: 6px solid #ccc;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	bottom: -1px;
	content: "";
	height: 0;
	margin: auto;
	position: absolute;
	right: -12px;
	top: 50%;
	width: 0;
	margin-top: -6px;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_count:after {
	border-top: 5px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 5px solid transparent;
	bottom: -1px;
	content: "";
	height: 0;
	margin: auto;
	position: absolute;
	right: -11px;
	top: 50%;
	width: 0;
	margin-top: -5px;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_btn a {
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	padding: 15px 10px;
	box-sizing: border-box;
	margin: 0 20px 0 0;
	font-size: 120%;
	line-height: 1;
	position: relative;
	text-align: center;
	border-radius: 4px;
	float: right;
	cursor: pointer;
	display: block;
	text-decoration: none;
	background-color: #1156bd;
	margin: 0px auto;
	color: #fff;
	border-bottom: 2px solid #2a90a9;
}

#Refine_Search_Area .Refine_Search_Box input.Refine_Search_btn {
	position: relative;
	/* display: table-cell; */
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
	width: 100%;
	margin: 0 auto;
	border-radius: 3rem;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border: none;
	text-align: center;
	height: 72px;
	/* line-height: 72px; */
	background: -moz-linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
	background: -webkit-linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
	background: linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
	border: solid 2px #3b4043;
	box-shadow: 0 2px 4px 0px rgb(95 110 125 / 30%), inset 0 4px 0 rgb(255 255 255 / 30%);
	cursor: pointer;
	text-decoration: none;
}

#Refine_Search_Area .Refine_Search_Box input.Refine_Search_btn:hover,
#Refine_Search_Area .Refine_Search_Box .Refine_Search_btn:hover {
	opacity: 0.6;
}

.Refine_Search_modal_title {
	margin: -10px -10px 10px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #1156bd;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
}

.modal_close {
	width: 100%;
	padding: 10px;
	text-align: center;
	line-height: 1;
	border-radius: 4px;
	color: #666;
	margin: 10px auto 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-weight: bold;
}

.modal_close:hover {
	opacity: 0.6;
}

.modalwin {}

.Refine_Search_modal01 label,
.Refine_Search_modal02 label {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	padding: 10px 0 10px 5px;
	border: 1px solid #ccc;
	border-bottom: none;
}

.Refine_Search_modal01 label.checked,
.Refine_Search_modal02 label.checked {
	background-color: #ebf9fb;
}

.Refine_Search_modal01 label:nth-child(odd),
.Refine_Search_modal02 label:nth-child(odd) {
	border-left: none;
}

.Refine_Search_modal01 label:nth-last-of-type(1),
.Refine_Search_modal02 label:nth-last-of-type(1),
.Refine_Search_modal01 label:nth-last-of-type(2),
.Refine_Search_modal02 label:nth-last-of-type(2) {
	border-bottom: 1px solid #ccc;
}

/* 絞込検索結果*/
.Refine_Result_Box {
	margin: 0 auto 30px;
}

.Refine_Result_Box .head {
	background-color: #f0f3f9;
	border-top: 2px solid #fff;
	box-shadow: 0px -1px 0px #d3ddef;
	border-bottom: 1px dotted #d3ddef;
	position: relative;
	line-height: 1.2;
	padding: 10px;
}

.Refine_Result_Box .head .copy {
	color: #17777b;
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

.Refine_Result_Box .head .title {
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	box-sizing: border-box;
	float: left;
}

.Refine_Result_Box .head .title a {
	font-size: 180%;
}

.Refine_Result_Box .head .hyoka {
	text-align: right;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	box-sizing: border-box;
	float: right;
}

.Refine_Result_Box .head .hyoka img {
	width: 150px;
	vertical-align: bottom;
}

.Refine_Result_Box .head .refine_hyoka2 {
	display: inline-block;
	color: #db0000;
	font-size: 200%;
}

.Refine_Result_Box .head .refine_hyoka2:first-letter {
	font-size: 120%;
	color: #db0000;
}

.Refine_Result_Box .img {
	width: 100%;
	margin: 10px auto 0;
	background-color: #efefef;
	min-height: 100px;
}

.Refine_Result_Box .img img {
	width: 100%;
	vertical-align: bottom;
}

.Refine_Result_Box .data-box table td {
	text-align: left;
	border: 1px solid #eaebea;
	padding: 5px 10px;
}

.Refine_Result_Box .data-box table th {
	width: 80px;
	background: #f9f7f7;
	border: 1px solid #eaebea;
	color: ;
	padding: 5px 10px;
}

.Refine_Result_Box .tokuten ul li,
.Refine_Result_Box .kodawari ul li {
	display: none;
}

.Refine_Result_Box .tokuten ul li.on,
.Refine_Result_Box .kodawari ul li.on {
	display: inline-block;
}

.Refine_Result_Box .tokuten ul li:after,
.Refine_Result_Box .kodawari ul li:after {
	content: "、";
}

.Refine_Result_Box .tokuten ul li:nth-last-of-type(1):after,
.Refine_Result_Box .kodawari ul li:nth-last-of-type(1):after {
	content: "";
}

.Refine_Result_Box .link_btn a {
	width: 150px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0;
	background-color: #1156bd;
	border-bottom: 2px solid #0c3c84;
}

.Refine_Result_Box .link_btn a:nth-of-type(2) {
	width: calc(100% - 165px);
	width: -webkit-calc(100% - 165px);
	background-color: #da3b48;
	border-bottom: 2px solid #a23841;
	margin-right: 0px;
}

.Refine_Result_Count {
	/* text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin: 10px auto; */
}

.Refine_Result_Count span {
	/* color: #e80000;
	font-size: 36px; */
}

.Refine_Result_Count {
	display: block;
	height: 46px;
	text-align: center;
}

.Refine_Result_Count .Refine_Result_Count_red {
	font-size: 3.2rem;
	font-weight: bold;
	color: var(--Accent);
	margin-right: 4px;
	vertical-align: baseline;
}

.Refine_Result_Count .Refine_Result_Count_text {
	font-size: 1.4rem;
	font-weight: bold;
	vertical-align: 0.2em;
}

.result_data__area {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.return_form_area a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	width: 200px;
	background-color: #fff;
	margin: 0px auto;
	padding: 10px 20px;
	color: #1156bd;
	text-align: center;
	border: 1px solid #1156bd;
	margin: 24px auto;
}

.result_data__area .Refine_Search_conditions_Area {
	max-width: 740px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/*検索フォームの結果表示画面で使用*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

/* 検索結果レイアウト変更 */
body.result_page {
	background-color: var(--Back);
}

.result {
	margin-top: 16px;
}

.rank__item.result__item {
	background: #fff;
	/* border: 2px solid var(--Grey); */
	margin: 16px 20px 0;
	padding: 20px;
	box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 15%) 0px 0px 8px;
	border-radius: 8px;
}

/* 7ver */
body.result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	background: #FFFDE3;
	box-shadow: rgb(3 102 214 / 30%) 0px 0px 0px 3px;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	background: #fff;
	box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 15%) 0px 0px 8px;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div {
	background: #FFFDE3;
	box-shadow: rgb(3 102 214 / 30%) 0px 0px 0px 3px;
}

.result+.result {
	margin-top: 24px;
}

.rank__name.result__name {
	margin: 0;
}

/* 7ver */
body.result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .rank__name.result__name::before {
	content: "";
	display: inline-block;
	background: url(../img/ico-no01.svg);
	width: 45px;
	height: 56px;
	background-size: 45px 56px;
	margin-right: 8px;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .rank__name.result__name::before {
	display: none;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div .rank__name.result__name::before {
	content: "";
	display: inline-block;
	background: url(../img/ico-no01.svg);
	width: 45px;
	height: 56px;
	background-size: 45px 56px;
	margin-right: 8px;
}

.result__name a {
	font-size: 18px;
}

.result__bnr {
	text-align: center;
	margin-top: 12px;
}

.result__bnr-link {
	display: inline-block;
}

/* .result__bnr .result__bnr-logo {
  width: auto;
  height: 40px;
} */
.result .tag__wrap li {
	font-size: 1rem;
}

.rank__item.result__item.id_1 .result__table {
	margin-top: 16px;
}

.rank__item.result__item .result__table th {
	color: var(--Text);
	background: #fff;
}

.rank__item.result__item .result__table td {
	font-size: 1.1rem;
	padding: 10px 4px;
}

.result__table-icon {
	display: inline-block;
	width: 100%;
	height: 24px;
	margin-bottom: 8px;
}

.result__table-icon.veryGood {
	background: url(../img/ico-circle.svg) no-repeat center / 24px auto;
}

.result__table-icon.Good {
	background: url(../img/ico-circle02.svg) no-repeat center / 24px auto;
	margin-top: 0;
}

.result__table-icon.notGood {
	background: url(../img/ico-triangle.svg) no-repeat center / 24px auto;
	margin-top: 0;
}

.result__table-icon.Good::before,
.result__table-icon.notGood::before {
	display: none;
}

.ranking__point-ttl.result__txtTtl {
	font-size: 1.6rem;
	line-height: 1.5;
	padding-left: 28px;
}

.ranking__point-ttl.result__txtTtl::before {
	display: none;
}

.checkBox::before {
	content: "";
	background: url(../img/ico_checkbox.svg);
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.25em;
}

.result__txt {
	font-size: 1.4rem;
	line-height: 1.7;
	margin-top: 10px;
}

.rank__item.result__item .cta__area.result__cta {
	border: none;
	padding: 0;
}

/* 7ver */
body.result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .cta__area.result__cta {
	background: #FFFDE3;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .cta__area.result__cta {
	background: #fff;
}

body.result_page.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div .cta__area.result__cta {
	background: #FFFDE3;
}

.rank__item.result__item .cta__area.result__cta p,
.rank__item.result__item .cta__area.result__cta img {
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

.rank__item.result__item .cta__area.result__cta p {
	color: var(--Main);
}

.rank__item.result__item .cta__area.result__cta a {
	margin-top: 12px;
}

.rank__item.result__item:not(.id_1) .cta__area.result__cta a:before {
	display: none;
}

.rank__item.result__item:not(.id_1) .cta__area.result__cta a:after {
	display: none;
}

/*リンクを右下に固定*/
#top_jump {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: url(../../assets/img/jump_chevron.svg) no-repeat top 12px center, var(--Main);
	border-radius: 50%;
	box-shadow: 0 3px #AD7175;
	width: 72px;
	height: 72px;
	position: fixed;
	right: 16px;
	bottom: 16px;
	margin: 0;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

#top_jump a {
	color: #fff;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top_jump_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	padding-top: 8px;
}

/*　上に上がる動き　*/
#top_jump.UpMove {
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*　下に下がる動き　*/
#top_jump.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(100px);
	}
}

#top_jump a:hover {
	opacity: 1;
}

@media screen and (min-width: 641px) {

	/* .result__bnr .result__bnr-logo {
    width: auto;
    height: 80px;
  } */
	.result__item.id_1 .rank__name.result__name::before {
		margin-right: 16px;
	}

	.result__txt {
		margin-top: 20px;
	}

	.rank__item.result__item .cta__area.result__cta {
		max-width: 100%;
	}
}

.options_accordion {
	color: #333;
	width: auto;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	border: 1px solid #999;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
}

.options_accordion:after {
	content: "\f0dc";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	position: absolute;
	float: right;
	top: 50%;
	margin-top: -10px;
	right: 10px;
	color: #999;
	font-weight: normal;
}

.options_accordion_ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #cdd6dd;
	/* z-index: 9999; */
	overflow: hidden;
	text-indent: 0;
	font-size: 87%;
	position: relative;
	border-top: none;
	box-sizing: border-box;
	padding: 8px;
	justify-content: space-between;
	margin-right: 20px;
	margin-left: 20px;
	width: 100%;
	margin-bottom: 16px;
	border-radius: 4px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.options_accordion_ul li {
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	position: relative;
}

.options_accordion_ul .sort01:after {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 10px;
	top: 0;
}

.options_accordion_ul .sort02:after {
	content: "\f157";
	font-family: "Font Awesome 5 Free";
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 10px;
	top: 0;
}

.options_accordion_ul li.active {
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}

.options_accordion_ul li a {
	display: block;
	/* padding: 5px; */
	/* padding-left: 10px; */
	color: #707f89;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
}

.options_accordion_ul li.active a {
	color: #333;
	opacity: 1;
}

.options_accordion_ul a:before {
	content: "";
	background-image: url(../img/ico-arrowdown-glay@2x.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 8px;
	height: 4px;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
}

.options_accordion_ul a:hover {}

.options_accordion_btn {
	width: 28px;
	height: 28px;
	float: right;
	margin-top: -4px;
}

/*モーダル*/

.modalwin {
	position: fixed;
	width: 600px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 #92cedb;
	z-index: 1;
	padding: 10px;
	box-sizing: border-box;
}

.show {
	display: block;
}

.hide {
	display: none;
}

#shade {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #dbe9ec;
	opacity: 0.5;
	z-index: 1;
}

/* ===========

比較表のCSS　 20180413追加

=========== */

/* 比較表 */

#HIKAKU_AREA {
	margin: 60px auto 30px auto;
}

/*table.thead_fixed{*/
#TOPPAGE thead.thead_fixed {
	display: block;
	border-collapse: collapse;
	width: 980px;
	box-sizing: border-box;
}

table.hikaku_area_table th,
table.hikaku_area_table td {
	/* width: 20%; */
	box-sizing: border-box;
	text-align: center;
}

table.hikaku_area_table tr:nth-of-type(2) th {
	background-color: #eee;
	color: #333;
	border: 1px solid #ccc;
}

table.hikaku_area_table tr:nth-of-type(2) th:nth-of-type(1) {
	border-right: none;
}

table.hikaku_area_table .thead_fixed tr:nth-of-type(2) th:nth-of-type(1) {
	border-left: none;
	padding-top: 10px;
}

table.hikaku_area_table .thead_fixed tr:nth-of-type(2) th:nth-last-of-type(1) {
	padding-top: 10px;
}

table.hikaku_area_table .thead_fixed tr:nth-of-type(2) th {
	border-right: none;
}

.hikaku_area_table th,
.hikaku_area_table td {
	font-size: 1.4rem;
	line-height: 1.2;
}

.options span {
	cursor: pointer;
}

.options .fa-sort {
	color: #32b9d9;
}

.options .fa-sort-desc,
.options .fa-sort-asc {
	color: #db0000;
}

.hikaku_detail_link {
	display: inline-block;
	margin: 5px auto;
	background-color: #1156bd;
	color: #fff !important;
	text-decoration: none !important;
	padding: 5px 7px;
	border-radius: 4px;
	border-bottom: 2px solid #0c3c84;
}

.hikaku_detail_link:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 4px;
}

/* ===========

トップランキングパーツ 口コミリンクパーツ　 20180702追加

=========== */
#TOPPAGE .campaign_banner_area {
	margin: 70px auto 20px;
}

.more_link2 a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1156bd;
	padding: 15px 15px 12px 15px;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	position: relative;
	margin: 40px auto;
	border-radius: 2px;
	border-bottom: 3px solid #0c3c84;
}

.more_link2 a:after {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	position: absolute;
	transition: all 0.3s;
	font-weight: normal;
}

.more_link2 a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.more_link2.jobchange-site a {
	background-color: #da3b48;
	border-bottom: 3px solid #a23841;
}

.more_link2.jobchange-site a:hover {
	opacity: 0.8;
}

.more_link3 a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1156bd;
	padding: 15px 15px 12px 15px;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	line-height: 1.3;
	position: relative;
	margin: 40px auto;
	border-radius: 2px;
	border-bottom: 3px solid #0c3c84;
}

.more_link3 a:after {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	position: absolute;
	transition: all 0.3s;
	font-weight: normal;
}

.more_link3 a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.more_link3.jobchange-site a {
	background-color: #da3b48;
	border-bottom: 3px solid #a23841;
}

.more_link3.jobchange-site a:hover {
	opacity: 0.8;
}

/* ===========

インタビューページ関連　 20180706追加

=========== */

.img_txt_box {
	margin: 0 auto;
}

.img_txt_box .img {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.img_txt_box .img img {
	width: 100%;
	vertical-align: bottom;
}

.img_txt_box .txt {
	float: right;
	width: calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
}

.img_txt_box .txt .box {
	padding: 10px;
	margin: 15px auto;
	background-color: #f6fcfd;
}

.img_txt_box .txt .box p:nth-last-of-type(1) {
	margin-bottom: 0;
}

.img_txt_box .txt h3:nth-of-type(1) {
	margin-top: 0 !important;
}

.full_img {
	margin: 20px auto;
}

.full_img img {
	width: 100%;
	vertical-align: bottom;
}

.full_img figcaption {
	font-size: 87%;
	font-weight: normal;
	color: #666;
}

.full_img figcaption.right_txt {
	text-align: right;
}

.spot_box {
	margin: 20px auto;
	border: 2px solid #ceebf3;
}

.spot_box .spot_box_title {
	background-image: none;
	position: relative;
	background-color: #ceebf3;
	margin-bottom: 0;
	font-size: 120%;
	font-weight: bold;
	padding: 10px;
	line-height: 1.2;
}

.spot_box .txt {
	padding: 10px;
}

.maps {
	margin: 10px auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.sp_img {
	display: none;
}

.clear {
	clear: both;
}

.clear hr {
	display: none;
}

/*------------------------
20180823 アイコン表示リスト青
------------------------*/

.icon_list li {
	display: inline-block;
	background-color: #f0f3f9;
	border: 1px solid #cad2e1;
	border-radius: 5px;
	margin: 2px;
	padding: 0 5px;
	font-size: 11px;
	color: #6c8dc9;
	line-height: 1.7;
}

/*------------------------
20180823 アイコン表示リストオレンジ
------------------------*/

.icon_list_orange li {
	display: inline-block;
	background-color: #ffeadf;
	border: 1px solid #f6c8b2;
	border-radius: 5px;
	margin: 2px;
	padding: 0 5px;
	font-size: 11px;
	color: #e5757f;
	line-height: 1.7;
}

/*------------------------
20180823 ランキング口コミ
------------------------*/

/*------------------------
20180827 H3デザイン シンプル
------------------------*/

h3.h3_simple {
	border-left: 0 !important;
	border-bottom: 0 !important;
	padding: 57px 10px 17px 53px !important;
	margin-bottom: 15px !important;
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-01.png), url(../img/tenshoku-h3-line.png);
	background-repeat: no-repeat;
	background-size: 100px 35px, 36px 131px, 100% 50px, 100% 4px;
	background-position: top left, bottom 5px left 8px, top left, bottom left;
	line-height: 1.4 !important;
}

h3.h3_simple.h3_s02 {
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-02.png), url(../img/tenshoku-h3-line.png);
}

h3.h3_simple.h3_s03 {
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-03.png), url(../img/tenshoku-h3-line.png);
}

#TOPPAGE h3.h3_simple,
#ARCHIVE h3.h3_simple {
	padding: 66px 10px 17px 53px !important;
	background-size: 100px 43px, 36px 131px, 100% 60px, 100% 4px;
	background-position: top left, bottom 5px left 8px, top left, bottom left;
}

/*------------------------
20180827 H3デザイン キャラ
------------------------*/

h3.h3_chara {
	border-left: 0 !important;
	border-bottom: 0 !important;
	margin-bottom: 15px !important;
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-04.png), url(../img/tenshoku-h3-parts-top.png),
		url(../img/tenshoku-h3-parts-bottom.png);
	background-repeat: no-repeat;
	background-size: 100px 47px, 36px 131px, 70px 110px, 100% 15px, 100% 15px;
	background-position: top left, bottom 14px left 8px, bottom 20% right, top 48px left, bottom left;
	padding: 68px 70px 19px 53px !important;
	box-sizing: border-box;
	line-height: 1.4 !important;
}

h3.h3_chara.h3_c02 {
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-05.png), url(../img/tenshoku-h3-parts-top.png),
		url(../img/tenshoku-h3-parts-bottom.png);
	background-repeat: no-repeat;
}

h3.h3_chara.h3_c03 {
	background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
		url(../img/tenshoku-h3-parts-06.png), url(../img/tenshoku-h3-parts-top.png),
		url(../img/tenshoku-h3-parts-bottom.png);
	background-repeat: no-repeat;
}

#TOPPAGE h3.h3_chara,
#ARCHIVE h3.h3_chara {
	padding: 68px 70px 17px 53px !important;
	min-height: 112px;
}

/*------------------------
20180827 比較パーツ
------------------------*/

.compare_two_area {
	background-image: linear-gradient(90deg, #e5eef9 50%, #fae3e5 50%);
	box-shadow: 0px 0px 5px #ddd;
	box-sizing: border-box;
	margin: 20px auto;
}

.compare_two_title,
.compare_two_main,
.compare_two_kuchikomi {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.compare_title_01 {
	width: 50%;
	background-color: #5888d1;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 5px 11px;
	margin-bottom: 15px;
	position: relative;
	box-sizing: border-box;
	line-height: 1.5;
}

.compare_title_01::after {
	content: "";
	width: 77px;
	height: 55px;
	background-image: url(../img/tenshoku-hikaku-parts-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -12.8%;
	bottom: 0;
	z-index: 9999;
}

.compare_title_02 {
	width: 50%;
	background-color: #e5757f;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 5px 11px;
	margin-bottom: 15px;
	position: relative;
	box-sizing: border-box;
	line-height: 1.5;
}

.compare_two_theme {
	width: 95%;
	margin: 0 auto;
	padding: 2px 0 3px 0;
	background-color: #fff;
	color: #666;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	position: relative;
}

.compare_two_theme::after {
	content: "";
	width: 0;
	border: 7px solid transparent;
	border-top-width: 13px;
	border-top-color: #fff;
	display: inline-block;
	position: absolute;
	bottom: -20px;
	left: 48.9%;
}

.compare_main_01,
.compare_main_02 {
	width: 50%;
	position: relative;
}

.compare_main_01::after {
	content: "";
	width: 120px;
	height: 110px;
	background-image: url(../img/chara_icon01.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -20%;
	top: 10%;
}

.compare_main_01 .compare_main_big,
.compare_main_02 .compare_main_big {
	font-size: 52px;
	text-align: center;
	display: block;
	line-height: 1.2;
	margin: 20px auto 0 auto;
	font-weight: bold;
}

.compare_main_01 .compare_main_big .compare_main_big_unit,
.compare_main_02 .compare_main_big .compare_main_big_unit {
	font-size: 20px;
	display: inline-block;
	margin: 0 0 0 0.2em;
}

.compare_main_01 .compare_main_sub,
.compare_main_02 .compare_main_sub {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto 25px auto;
}

.compare_main_01 .compare_main_big,
.compare_main_01 .compare_main_sub {
	color: #5888d1;
}

.compare_main_02 .compare_main_big,
.compare_main_02 .compare_main_sub {
	color: #e5757f;
}

.compare_kuchikomi_01,
.compare_kuchikomi_02 {
	width: 50%;
}

.compare_kuchikomi_01 .compare_kuchikomi_good,
.compare_kuchikomi_01 .compare_kuchikomi_bad,
.compare_kuchikomi_02 .compare_kuchikomi_good,
.compare_kuchikomi_02 .compare_kuchikomi_bad {
	width: 90%;
	margin: 0 auto 15px auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 5px 10px 5px 40px;
	line-height: 1.4;
	position: relative;
}

.compare_kuchikomi_01 .compare_kuchikomi_good::before,
.compare_kuchikomi_01 .compare_kuchikomi_bad::before,
.compare_kuchikomi_02 .compare_kuchikomi_good::before,
.compare_kuchikomi_02 .compare_kuchikomi_bad::before {
	content: "";
	width: 26px;
	height: 42px;
	background-image: url(../img/tenshoku-hikaku-parts-blue-good.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 7px;
	top: -3px;
}

.compare_kuchikomi_01 .compare_kuchikomi_bad::before {
	background-image: url(../img/tenshoku-hikaku-parts-blue-bad.png);
}

.compare_kuchikomi_02 .compare_kuchikomi_good::before {
	background-image: url(../img/tenshoku-hikaku-parts-red-good.png);
}

.compare_kuchikomi_02 .compare_kuchikomi_bad::before {
	background-image: url(../img/tenshoku-hikaku-parts-red-bad.png);
}

.compare_kuchikomi_01 .compare_kuchikomi_more,
.compare_kuchikomi_02 .compare_kuchikomi_more {
	display: block;
	text-align: right;
}

.compare_kuchikomi_01 a::before,
.compare_kuchikomi_02 a::before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin: 0 0.5em 0 0;
	color: #5888d1;
}

.compare_kuchikomi_02 a::before {
	color: #e5757f;
}

#TOPPAGE .compare_title_01::after,
#ARCHIVE .compare_title_01::after {
	right: -9.8%;
}

#TOPPAGE .compare_main_01::after,
#ARCHIVE .compare_main_01::after {
	right: -15%;
}

/* ------------------------------
20180829 回り込み、引用元表記あり
------------------------------ */

.image-l {
	float: left;
	margin: 0 1em 0 0;
}

.image-r {
	float: right;
	margin: 0 0 0 1em;
}

/* ------------------------------
20180830 レーダーチャート、スライダー付き 横3つパーツ
------------------------------ */

.radar_slide_title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 13px 0;
	text-align: center;
	background-color: #6f8ecd;
	color: #fff;
	position: relative;
}

.radar_slide_title::after {
	content: "";
	width: 0;
	height: 0;
	border: 0px solid transparent;
	border-top: 13px solid #6f8ecd;
	border-left-width: 7px;
	border-right-width: 7px;
	position: absolute;
	left: 47%;
	bottom: -13px;
}

.radar_slide_review {
	text-align: center;
	padding: 5px 0 10px 0;
	margin: 7px 0 15px 0;
}

.radar_slide_review .review_star .ave_star {
	vertical-align: text-bottom;
	font-size: 18px;
	width: 4.7em;
	height: 1em;
	text-align: left;
}

.radar_slide_review .review_point {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.radar_slide_review .review_cnt {
	color: #e5757f;
	font-weight: bold;
	font-size: 14px;
}

.radar_slide_review .review_cnt::before {
	content: "";
	width: 0.8em;
	height: 0.8em;
	background-image: url(../img/bubble_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin: 0 0.2em 0 0.2em;
	font-weight: normal;
	font-size: 1.1em;
}

.review_radar_mini {
	position: relative;
	text-align: center;
	margin: 5px 0 5px 0;
}

.review_radar_mini canvas {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: 10px auto;
	background-image: url(../img/tenshoku-chart-parts-penta.png);
	background-repeat: no-repeat;
	background-size: 52%;
	background-position: top 35% center;
}

.radar_chart_mini_label {
	width: 100%;
}

.radar_chart_mini_label li {
	display: inline-block;
	position: absolute;
	color: #1156bd;
	font-size: 11px;
	line-height: 1.3;
}

.radar_chart_mini_label li:nth-child(1) {
	top: -2%;
	left: 0;
	width: 100%;
	text-align: center;
}

.radar_chart_mini_label li:nth-child(2) {
	top: 30%;
	right: 2%;
	width: 5em;
}

.radar_chart_mini_label li:nth-child(3) {
	top: 85%;
	right: 10%;
	width: 6em;
}

.radar_chart_mini_label li:nth-child(4) {
	top: 85%;
	left: 10%;
	width: 6em;
}

.radar_chart_mini_label li:nth-child(5) {
	top: 30%;
	left: 2%;
	width: 5em;
}

.radar_slide_slidebox_title {
	width: 90%;
	background-image: url(../img/tenshoku-chart-parts-ribbon-left.png), url(../img/tenshoku-chart-parts-ribbon-right.png),
		url(../img/tenshoku-chart-parts-ribbon-center.png);
	background-position: left top, right top, center top;
	background-size: contain, contain, 90% auto;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0;
	margin: 0 auto;
}

.radar_slide_slidebox_main {
	height: 180px;
	position: relative;
}

.radar_slide_slidebox_main {
	background-image: url(../img/tenshoku-chart-parts-nensyu.png);
	background-repeat: no-repeat;
	background-size: 40% auto;
	background-position: left 10% center;
}

.radar_slide_slidebox_main.support {
	background-image: url(../img/tenshoku-chart-parts-support.png);
}

.radar_slide_slidebox_main.kyujin {
	background-image: url(../img/tenshoku-chart-parts-kyujin.png);
}

.radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	display: block;
	width: 47%;
	position: absolute;
	text-align: center;
	top: 28%;
	right: 4%;
	margin-top: -10px;
	background-color: #fff;
	border-radius: 16px;
	padding: 25px 5px 22px 5px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0px #d2d8e4;
	line-height: 1;
	height: 180px;
}

.radar_slide_slidebox_main .radar_slide_slidebox_main_inner::before {
	content: "";
	width: 0;
	height: 0;
	border: 0px solid transparent;
	border-right: 10px solid #fff;
	border-top-width: 6px;
	border-bottom-width: 6px;
	position: absolute;
	left: -10px;
	top: 41%;
}

.radar_slide_slidebox_num {
	font-size: 28px;
	font-weight: bold;
	color: #1156bd;
}

.radar_slide_slidebox_unit {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #1156bd;
	margin: 0 0 0 0.1em;
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_good,
.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad {
	width: 92%;
	margin: 0 auto 10px auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 5px 5px 5px 32px;
	line-height: 1.4;
	position: relative;
	font-size: 11px;
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_good::before,
.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad::before {
	content: "";
	width: 20px;
	height: 38px;
	background-image: url(../img/tenshoku-hikaku-parts-blue-good.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 7px;
	top: -3px;
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad::before {
	background-image: url(../img/tenshoku-hikaku-parts-blue-bad.png);
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_more {
	display: block;
	text-align: right;
}

.radar_slide_btn a {
	width: 92%;
	display: block;
	background-color: #da3b48;
	border-bottom: 2px solid #a23841;
	color: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.5;
	padding: 10px 15px;
	text-decoration: none;
	text-align: center;
	margin: 2px auto 12px auto;
}

.radar_slide_btn a:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
}

.radar_slide_slidebox_kuchikomi a::before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin: 0 0.5em 0 0;
	color: #5888d1;
	height: 180px;
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad a::before {
	color: #5888d1;
}

#PAGE .radar_slide_box_area,
#SINGLE .radar_slide_box_area {
	line-height: 1.8;
}

#PAGE .radar_slide_title,
#SINGLE .radar_slide_title {
	font-size: 14px;
	padding: 7px 0;
}

#PAGE .radar_slide_review,
#SINGLE .radar_slide_review {
	text-align: center;
	margin: 7px 0 10px 0;
}

#PAGE .radar_slide_review .review_star .ave_star,
#SINGLE .radar_slide_review .review_star .ave_star {
	font-size: 16px;
}

#PAGE .radar_slide_review .review_point,
#SINGLE .radar_slide_review .review_point {
	font-size: 13px;
}

#PAGE .radar_slide_review .review_cnt,
#SINGLE .radar_slide_review .review_cnt {
	font-size: 13px;
}

#PAGE .review_radar_mini canvas,
#SINGLE .review_radar_mini canvas {
	background-size: 49%;
	background-position: top 37% center;
}

#PAGE .radar_chart_mini_label li,
#SINGLE .radar_chart_mini_label li {
	font-size: 10px;
	line-height: 1.2;
}

#PAGE .radar_slide_slidebox_title,
#SINGLE .radar_slide_slidebox_title {
	font-size: 12px;
	padding: 5px 0;
}

#PAGE .radar_slide_slidebox_main,
#SINGLE .radar_slide_slidebox_main {
	height: 180px;
}

#PAGE .radar_slide_slidebox_main .radar_slide_slidebox_main_inner,
#SINGLE .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	padding: 18px 2px 18px 2px;
}

#PAGE .radar_slide_slidebox_num,
#SINGLE .radar_slide_slidebox_num {
	font-size: 23px;
}

#PAGE .radar_slide_slidebox_unit,
#SINGLE .radar_slide_slidebox_unit {
	font-size: 14px;
}

/* ------------------------------
20180920 レーダーチャート、スライダー付き 1つバージョン
------------------------------ */

.radar_slide_box_left {
	width: 40%;
}

.radar_slide_box_right {
	width: 59%;
	margin-top: 10px;
}

/* ------------------------------
20180903 結論ボックスパーツ
------------------------------ */

.conclusion_box_area {
	position: relative;
}

.conclusion_box_area::before {
	content: "";
	display: block;
	width: 3em;
	height: 3em;
	background-image: url(../img/tenshoku-ketsuron-parts-sankaku.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 0;
	right: -1px;
	z-index: 8888;
}

.conclusion_box_area::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -3px;
	right: -3px;
	border-width: calc(1.5em + 3px);
	border-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: transparent;
	border-left-color: transparent;
	z-index: 9999;
}

.conclusion_box {
	background-color: #f6f7fb;
	padding: 2.5em 1.5em 1.5em 1.5em;
	margin: 2em 0 1em 0;
	position: relative;
	box-shadow: 3px 3px 0px #dbe1ed;
	line-height: 1.8;
}

.conclusion_box::before {
	content: "";
	width: 6em;
	height: 6em;
	display: block;
	position: absolute;
	top: -1.5em;
	left: 0.5em;
	background-image: url(../img/tenshoku-ketsuron-parts-hanko.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 9999;
}

.conclusion_title {
	width: 87%;
	font-size: 115%;
	font-weight: bold;
	background-image: url(../img/tenshoku-ketsuron-parts-titlewaku-head-pc.png),
		url(../img/tenshoku-ketsuron-parts-titlewaku-botom-pc.png),
		url(../img/tenshoku-ketsuron-parts-titlewaku-center-pc.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, center;
	background-size: 100% auto, 100% auto, 100% auto;
	padding: 2em 1em 1em 1em;
	box-sizing: border-box;
	position: relative;
}

.conclusion_title::before {
	content: "";
	width: 100%;
	height: 1em;
	display: block;
	position: absolute;
	top: -1em;
	right: 0em;
	background-image: url(../img/tenshoku-ketsuron-parts-titlewaku-date-pc.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}

.conclusion_title::after {
	content: "";
	width: 4.3em;
	height: 5.5em;
	display: block;
	position: absolute;
	bottom: 0;
	right: -5.3em;
	background-image: url(../img/tenshoku-ketsuron-parts-syashin.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.conclusion_text {
	width: 100%;
	background-image: url(../img/tenshoku-ketsuron-parts-textwaku-head-pc.png),
		url(../img/tenshoku-ketsuron-parts-textwaku-bottom-pc.png),
		url(../img/tenshoku-ketsuron-parts-textwaku-center-pc.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, center;
	background-size: 100% auto, 100% auto, 100% auto;
	margin: 1em 0 0 0;
	padding: 2em 1em 1em 1em;
	box-sizing: border-box;
}

.conclusion_text p:last-child {
	margin-bottom: 0;
}

.conclusion_text ul {
	margin: 0px auto 12px auto;
}

.conclusion_text ul:last-child {
	margin: 0px auto;
}

.conclusion_text ul li:last-child {
	margin: 0px;
}

.conclusion_text ul li {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-left: 19px;
	text-indent: -9px;
	line-height: 1.2;
}

.conclusion_text ul li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	color: #e5757f;
}

/* ------------------------------
20180912 各ボックスのリストを●に
------------------------------ */

ul.circle_list li::before {
	content: "\f111";
}

/* ------------------------------
20180913 数字付きリスト
------------------------------ */

ol {
	counter-reset: numberlist;
	margin: 0px auto 12px auto;
}

ol li {
	margin-bottom: 5px;
	line-height: 1.3;
}

ol li:last-child {
	margin-bottom: 0;
}

ol li::before {
	counter-increment: numberlist;
	content: counter(numberlist) ".";
	font-weight: bold;
	color: #888;
	margin: 0 7px 0 0;
}

/* ------------------------------
20180913 表情付き見出し
------------------------------ */

/* ------------------------------
TOPPAGE MAP 20180928
------------------------------ */

.top-map-box {
	background: url(../img/chiikibetsu_parts_map.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 500px;
	position: relative;
	margin: 0 0 2em 0;
}

.top-map-box-title {
	display: none;
}

.top-map-box input {
	display: none;
}

.top-map-areabox {
	width: 200px;
	position: absolute;
	text-align: left;
}

.top-map-areabox.area1 {
	text-align: center;
}

.top-map-areattl {
	display: block;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
}

.top-map-areabox ul li {
	display: inline-block;
	margin: 0 3px 3px 0;
	width: 31%;
	text-align: center;
}

.top-map-areabox ul li a {
	display: inline-block;
	width: 100%;
	border-radius: 5px;
	padding: 0.2em 0 0.3em 0;
	box-sizing: border-box;
	color: #fff;
}

.top-map-areabox ul li a:link,
.top-map-areabox ul li a:hover,
.top-map-areabox ul li a:active,
.top-map-areabox ul li a:visited {
	color: #fff;
	text-decoration: none;
}

.top-map-areabox.area1 {
	top: 55px;
	right: 2px;
}

.top-map-areabox.area2 {
	top: 131px;
	right: 2px;
}

.top-map-areabox.area3 {
	top: 235px;
	right: 2px;
}

.top-map-areabox.area4 {
	top: 365px;
	right: 2px;
}

.top-map-areabox.area5 {
	top: 55px;
	left: 9px;
}

.top-map-areabox.area6 {
	top: 210px;
	left: 9px;
}

.top-map-areabox.area7 {
	top: 365px;
	left: 9px;
}

.top-map-areabox.area1 ul li a {
	background-color: #e5757f;
}

.top-map-areabox.area2 ul li a {
	background-color: #f4a282;
}

.top-map-areabox.area3 ul li a {
	background-color: #fbbd67;
}

.top-map-areabox.area4 ul li a {
	background-color: #afd685;
}

.top-map-areabox.area5 ul li a {
	background-color: #90caab;
}

.top-map-areabox.area6 ul li a {
	background-color: #91ccda;
}

.top-map-areabox.area7 ul li a {
	background-color: #709ad7;
}

/* ------------------------------
20181001 レーダーチャート、スライダー付き 横3つパーツ トップページランキング版
------------------------------ */

.radar_slide_ranking_area {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.radar_slide_ranking_area.ranking_1_2 {
	margin: 15px 0 0 0;
}

.radar_slide_ranking_area.ranking_1_2 .radar_slide_ranking {
	width: 49%;
	background-color: #eaeef8;
	margin: 0 0 20px 0;
}

.radar_slide_ranking_area.ranking_low .radar_slide_ranking {
	width: 32%;
	background-color: #eaeef8;
	margin: 0 0 20px 0;
}

.radar_slide_ranking_area .radar_slide_title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 5px 0 9px 0;
	text-align: center;
	background-color: #6f8ecd;
	color: #fff;
	position: relative;
}

.radar_slide_ranking_area .radar_slide_ranking .radar_slide_title::before {
	content: "";
	width: 2.5em;
	height: 2.5em;
	display: inline-block;
	margin: 0 0.5em 0 0;
	background-image: url(../img/ranking_rank01.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -60%;
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no2 .radar_slide_title::before {
	background-image: url(../img/ranking_rank02.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no3 .radar_slide_title::before {
	background-image: url(../img/ranking_rank03.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no4 .radar_slide_title::before {
	background-image: url(../img/ranking_rank04.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no5 .radar_slide_title::before {
	background-image: url(../img/ranking_rank05.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no6 .radar_slide_title::before {
	background-image: url(../img/ranking_rank06.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no7 .radar_slide_title::before {
	background-image: url(../img/ranking_rank07.png);
}

.radar_slide_ranking_area .radar_slide_ranking.rank_no8 .radar_slide_title::before {
	background-image: url(../img/ranking_rank08.png);
}

.radar_slide_ranking_area .radar_slide_title::after {
	content: none;
	display: none;
}

.radar_slide_ranking_area .radar_slide_review {
	text-align: center;
	padding: 5px 0 0 0;
	margin: 7px 0 10px 0;
}

.radar_slide_ranking_area .radar_slide_review .review_star .ave_star {
	vertical-align: text-bottom;
	font-size: 18px;
	width: 4.7em;
	height: 1em;
	text-align: left;
}

.radar_slide_ranking_area .radar_slide_review .review_point {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.radar_slide_ranking_area .radar_slide_review .review_cnt {
	color: #e5757f;
	font-weight: bold;
	font-size: 14px;
}

.radar_slide_ranking_area .radar_slide_review .review_cnt::before {
	content: "";
	width: 0.8em;
	height: 0.8em;
	background-image: url(../img/bubble_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin: 0 0.2em 0 0.2em;
	font-weight: normal;
	font-size: 1.1em;
}

.radar_slide_ranking_area .radar_slide_bnr {
	width: 95%;
	margin: 0 auto 10px auto;
}

.radar_slide_ranking_area.ranking_low .radar_slide_bnr {
	margin: 0 auto 20px auto;
}

.radar_slide_ranking_area .radar_slide_bnr img {
	width: 100%;
}

.radar_table_graph {
	display: table;
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
	box-sizing: border-box;
}

.radar_table_graph_th {
	display: table-cell;
	vertical-align: middle;
	width: 23%;
	background-color: #f1f4fc;
	font-weight: bold;
	color: #572b27;
	border-right: 1px solid #ccc;
	padding: 7px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 11px;
}

.radar_table_graph_td {
	display: table-cell;
	width: calc(77% - 1px);
	background-color: #fff;
	padding: 10px 0 0 0;
}

.radar_slide_ranking_area .radar_slide_table {
	width: 95%;
	margin: 0 auto;
}

.radar_slide_ranking_area .radar_slide_table table {
	margin: 0 auto;
	font-size: 11px;
}

.radar_slide_ranking_area .radar_slide_table table th {
	background-color: #f1f4fc;
	font-weight: bold;
	color: #572b27;
	width: 23%;
}

.radar_slide_ranking_area .radar_slide_table table th,
.radar_slide_ranking_area .radar_slide_table table td {
	text-align: center;
	padding: 7px 3px;
}

.radar_slide_ranking_area .radar_slide_table table th {
	background-color: #f1f4fc;
	font-weight: bold;
	color: #572b27;
}

.radar_slide_ranking_area .review_radar_mini {
	position: relative;
	text-align: center;
	margin: 0;
}

.radar_slide_ranking_area .review_radar_mini canvas {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: 10px auto 0 auto;
	background-image: url(../img/tenshoku-chart-parts-penta.png);
	background-repeat: no-repeat;
	background-size: 52%;
	background-position: top 35% center;
}

.radar_slide_ranking_area .radar_chart_mini_label {
	width: 100%;
}

.radar_slide_ranking_area .radar_chart_mini_label li {
	display: inline-block;
	position: absolute;
	color: #1156bd;
	font-size: 11px;
	line-height: 1.3;
	font-weight: bold;
}

.radar_slide_ranking_area .radar_chart_mini_label li:nth-child(1) {
	top: -2%;
	left: 0;
	width: 100%;
	text-align: center;
}

.radar_slide_ranking_area .radar_chart_mini_label li:nth-child(2) {
	top: 30%;
	right: 2%;
	width: 5em;
}

.radar_slide_ranking_area .radar_chart_mini_label li:nth-child(3) {
	top: 85%;
	right: 10%;
	width: 6em;
}

.radar_slide_ranking_area .radar_chart_mini_label li:nth-child(4) {
	top: 85%;
	left: 10%;
	width: 6em;
}

.radar_slide_ranking_area .radar_chart_mini_label li:nth-child(5) {
	top: 30%;
	left: 2%;
	width: 5em;
}

.radar_slide_ranking_area .box002 {
	width: 95%;
	margin: 10px auto;
	box-sizing: border-box;
}

.radar_slide_ranking_area .sp-horizontal .sp-arrows {
	top: 3.6em;
}

.radar_slide_ranking_area .sp-horizontal .sp-previous-arrow {
	background-image: url(../img/tenshoku-chart-parts-prev.png);
	width: 21px;
	height: 26px;
	left: 8% !important;
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center center;
}

.radar_slide_ranking_area .sp-horizontal .sp-next-arrow {
	background-image: url(../img/tenshoku-chart-parts-next.png);
	width: 21px;
	height: 26px;
	right: 8% !important;
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center center;
}

.radar_slide_ranking_area .radar_slide_slidebox_title {
	width: 95%;
	background-image: url(../img/tenshoku-chart-parts-ribbon-left.png), url(../img/tenshoku-chart-parts-ribbon-right.png),
		url(../img/tenshoku-chart-parts-ribbon-center.png);
	background-position: left top, right top, center top;
	background-size: contain, contain, 90% auto;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0;
	margin: 0 auto;
}

.radar_slide_ranking_area .radar_slide_slidebox_main {
	height: 120px;
	position: relative;
}

.radar_slide_ranking_area .radar_slide_slidebox_main {
	background-image: url(../img/tenshoku-chart-parts-nensyu.png);
	background-repeat: no-repeat;
	background-size: 100px auto;
	background-position: left 5% center;
}

.radar_slide_ranking_area .radar_slide_slidebox_main.support {
	background-image: url(../img/tenshoku-chart-parts-support.png);
}

.radar_slide_ranking_area .radar_slide_slidebox_main.kyujin {
	background-image: url(../img/tenshoku-chart-parts-kyujin.png);
}

.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi {
	background-image: url(../img/tenshoku-chart-parts-kuchikomi.png);
}

.radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	display: block;
	width: calc(100% - 150px);
	/* height: 150px; */
	height: auto;
	position: absolute;
	text-align: left;
	top: 28%;
	right: 4%;
	margin-top: -10px;
	background-color: #fff;
	border-radius: 16px;
	padding: 10px 15px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0px #d2d8e4;
	line-height: 1;
}

.radar_slide_ranking_area.ranking_low .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	width: calc(100% - 140px);
	/*height: calc(100% - 10px);*/
	height: auto;
}

.radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner::before {
	content: "";
	width: 0;
	height: 0;
	border: 0px solid transparent;
	border-right: 10px solid #fff;
	border-top-width: 6px;
	border-bottom-width: 6px;
	position: absolute;
	left: -10px;
	top: 41%;
}

.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner {
	display: block;
	width: calc(100% - 150px);
	/*height: calc(100% - 10px);*/
	height: auto;
	position: absolute;
	text-align: center;
	top: 28%;
	right: 4%;
	margin-top: -10px;
	background-color: #fff;
	border-radius: 16px;
	padding: 10px 15px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0px #d2d8e4;
	line-height: 1;
}

.radar_slide_ranking_area.ranking_low .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	padding: 15px 15px;
}

.radar_slide_ranking_area.ranking_low .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner {
	padding: 10px 15px;
	top: 20%;
}

.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner {
	text-align: left;
}

.radar_slide_ranking_area .radar_slide_slidebox_num {
	font-size: 28px;
	font-weight: bold;
	color: #1156bd;
}

.radar_slide_ranking_area .radar_slide_slidebox_unit {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #1156bd;
	margin: 0 0 0 0.1em;
}

.radar_slide_ranking_area .radar_slide_slidebox_unit {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #1156bd;
	margin: 0 0 0 0.1em;
}

.radar_slide_ranking_area .radar_slide_slidebox_kuchikomi {
	font-size: 11px;
	line-height: 1.5;
}

.radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner .radar_more_link {
	text-align: center;
	margin: 0.5em 0 0 0;
	font-size: 0.9em;
}

.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner .radar_more_link {
	text-align: right;
	margin: 0.5em 0 0 0;
}

.radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner .radar_more_link a::before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin: 0 0.5em 0 0;
	color: #5888d1;
}

.radar_slide_ranking_area .radar_slide_btn a {
	width: 95%;
	display: block;
	background-color: #da3b48;
	border-bottom: 2px solid #a23841;
	color: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.5;
	padding: 30px 15px;
	text-decoration: none;
	text-align: center;
	margin: 2px auto 12px auto;
	font-size: 20px;
}

.radar_slide_ranking_area .radar_slide_btn a:before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
}

#PAGE .radar_slide_ranking_area,
#SINGLE .radar_slide_ranking_area {
	line-height: 1.8;
}

#PAGE .radar_slide_ranking_area .radar_slide_title,
#SINGLE .radar_slide_ranking_area .radar_slide_title {
	font-size: 14px;
	padding: 7px 0;
}

#PAGE .radar_slide_ranking_area .radar_slide_review,
#SINGLE .radar_slide_ranking_area .radar_slide_review {
	text-align: center;
	margin: 7px 0 10px 0;
}

#PAGE .radar_slide_ranking_area .radar_slide_review .review_star .ave_star,
#SINGLE .radar_slide_ranking_area .radar_slide_review .review_star .ave_star {
	font-size: 16px;
}

#PAGE .radar_slide_ranking_area .radar_slide_review .review_point,
#SINGLE .radar_slide_ranking_area .radar_slide_review .review_point {
	font-size: 13px;
}

#PAGE .radar_slide_ranking_area .radar_slide_review .review_cnt,
#SINGLE .radar_slide_ranking_area .radar_slide_review .review_cnt {
	font-size: 13px;
}

#PAGE .radar_slide_ranking_area .review_radar_mini canvas,
#SINGLE .radar_slide_ranking_area .review_radar_mini canvas {
	background-size: 49%;
	background-position: top 37% center;
}

#PAGE .radar_slide_ranking_area .radar_chart_mini_label li,
#SINGLE .radar_slide_ranking_area .radar_chart_mini_label li {
	font-size: 10px;
	line-height: 1.2;
}

#PAGE .radar_slide_ranking_area .radar_slide_slidebox_title,
#SINGLE .radar_slide_ranking_area .radar_slide_slidebox_title {
	font-size: 12px;
	padding: 5px 0;
}

#PAGE .radar_slide_ranking_area .radar_slide_slidebox_main,
#SINGLE .radar_slide_ranking_area .radar_slide_slidebox_main {
	height: 110px;
}

#PAGE .radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner,
#SINGLE .radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	padding: 18px 2px 18px 2px;
}

#PAGE .radar_slide_ranking_area .radar_slide_slidebox_num,
#SINGLE .radar_slide_ranking_area .radar_slide_slidebox_num {
	font-size: 23px;
}

#PAGE .radar_slide_ranking_area .radar_slide_slidebox_unit,
#SINGLE .radar_slide_ranking_area .radar_slide_slidebox_unit {
	font-size: 14px;
}

#TOPPAGE .radar_slide_ranking_area .review_radar_mini canvas {
	background-size: 54%;
	background-position: top 33% center;
}

/* ------------------------------
20181003 診断パーツ
------------------------------ */

.shindan {
	background: url(../img/shindan_bg.png) repeat center center;
	background-size: 15px 15px;
	margin-bottom: 15px;
	border-radius: 2px;
	text-align: center;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
}

.shindan .cont {
	position: relative;
	box-sizing: border-box;
	padding: 15px;
}

.shindan .btn span {
	cursor: pointer;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

.shindan .btn span:hover {
	opacity: 0.75;
}

.shindan .start::before {
	content: "TRY!";
	display: block;
	background-color: #da3b49;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px #fff solid;
	padding: 5em 5em 0.5em 5em;
	position: absolute;
	top: -3em;
	left: -6em;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	text-align: center;
	z-index: 9999;
}

.shindan .start {
	background: url(../img/shindan_parts_chara.png) no-repeat;
	background-position: center right -10px;
	background-size: 500px auto;
	background-color: #fff;
	border: 8px #d4e1f3 solid;
	border-radius: 20px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 15px 35px 15px;
	box-sizing: border-box;
}

.shindan .start .ttl {
	text-indent: -9999px;
	background: url(../img/shindan_parts_text01.png) no-repeat, url(../img/shindan_parts_text02.png) no-repeat;
	background-position: top center, bottom center;
	background-size: 400px auto, 400px auto;
	width: 50%;
	margin: 0 0 20px 0;
	padding: 140px 0 0 0;
	box-sizing: border-box;
}

.shindan .start .btn {
	width: 50%;
}

.shindan .start .btn span {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background-color: #1156bd;
	border-bottom: 5px #19488f solid;
	border-radius: 5px;
	padding: 10px 0 8px 0;
	width: 400px;
	line-height: 30px;
}

.shindan .start .btn span:after {
	content: "▶︎";
	font-size: 19px;
	font-weight: normal;
	margin: 0 -10px 0 5px;
}

.shindan .question {
	background-color: #fff;
	border-radius: 3px;
	margin: 30px;
	padding: 40px 35px;
}

.shindan .question .n {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	background-color: #1156bd;
	padding: 7px 25px;
	border-radius: 3px;
}

.shindan .question p {
	line-height: 28px;
	font-size: 16px;
	margin: 35px auto;
	max-width: 570px;
	min-height: 84px;
}

.shindan .question .btn span {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background-color: #1156bd;
	border-bottom: 5px #19488f solid;
	border-radius: 5px;
	padding: 8px 0;
	width: 200px;
	line-height: 30px;
}

.shindan .question .btn span:last-child {
	margin-left: 20px;
	background-color: #dbdbdb;
	border-bottom: 5px #b7b7b7 solid;
	border-radius: 5px;
	color: #1156bd;
}

.shindan .question .btn span:first-child {
	margin-right: 20px;
}

.shindan .result {
	background-color: #fff;
	border-radius: 3px;
	margin: 30px;
	padding: 40px 35px;
}

.shindan .result:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.shindan .result p {
	float: left;
	width: calc(100% - 184px);
	text-align: left;
	margin: 0;
	min-height: 237px;
	line-height: 170%;
}

.shindan .result p:before {
	content: "診断結果";
	font-size: 23px;
	line-height: 30px;
	color: #1156bd;
	font-weight: 500;
	display: block;
	border-bottom: #1156bd solid 2px;
	margin-bottom: 10px;
	padding: 2px 0 7px 0;
}

.shindan .result .rh {
	width: 164px;
	float: right;
}

.shindan .result .rh img {
	border: #ddd solid 1px;
	border-radius: 2px;
	width: calc(100% - 2px);
	margin: 0;
}

.shindan .result .rh a:last-child {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #fff;
	background-color: #1156bd;
	border-bottom: 5px #19488f solid;
	border-radius: 5px;
	padding: 7px 0;
	margin-top: 15px;
	text-decoration: none;
}

.shindan .result .rh a:last-child:hover {
	text-decoration: none;
	opacity: 0.75;
}

/* ------------------------------
20190302 絞り込み結果条件表示
------------------------------ */

#RESULT_FROM_DATA {
	width: 100%;
	margin: 20px auto;
	box-sizing: border-box;
	padding: 10px 10px 25px;
	background-color: #eaeef8;
}

#RESULT_FROM_DATA .title {
	margin-top: 3px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 115%;
	background-color: #6c8dc9;
	display: inline-block;
	color: #fff;
	padding: 1px 15px 1px 15px;
	position: relative;
	left: -14px;
	line-height: 1.8;
}

#RESULT_FROM_DATA .title:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 13px solid #6c8dc9;
	border-right: 7px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 7px solid #6c8dc9;
	position: absolute;
	top: 0;
	right: -14px;
}

#RESULT_FROM_DATA .list {
	font-size: 12px;
	color: #41a0a9;
	margin-bottom: 5px;
}

.top-map-areabox ul li {
	margin: 0 0 3px 0;
}

#PARTS #MAIN {
	background-color: #fff;
}

#CONTENTS .contents #MAIN {
	/* padding: 0 200px; */
}

/* パーツ追加分 */
.forSP {
	display: none;
}

.forPC {
	display: inline-block;
}

/* 横3つチャートボックス */
.chart_low {
	width: 1000px;
	overflow-x: auto;
	max-width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.chart_low .radar_slide_title::before {
	background: none !important;
	content: none !important;
}

.chart_low .radar_slide_ranking {
	min-width: 300px;
}

.chart_low .radar_slide_ranking:last-of-type {
	margin: 0;
}

.radar_slide_ranking_area.ranking_low.chart_low .radar_slide_ranking {
	margin: 0 20px 0 0;
}

.radar_slide_ranking_area.ranking_low.chart_low .radar_slide_ranking:last-of-type {
	margin: 0;
}

/* useuge吹き出し */
.q_box3 .data {
	width: 80px;
	float: left;
	display: block;
	text-align: center;
}

.q_box3 .data img {
	width: 100%;
	vertical-align: bottom;
}

.q_box3 .data span {
	color: #999;
	font-size: 10px;
	line-height: 1.2;
}

.q_box3 .txt {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	padding: 10px;
}

.q_box3 .txt {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 90px);
	float: right;
	font-size: 14px;
	padding: 15px;
	border-radius: 4px;
	border: 2px solid #ececec;
	box-sizing: border-box;
	position: relative;
}

.align_center {
	text-align: center;
}

.profile-box {
	margin: 4em 0 2em;
	padding: 10px;
	position: relative;
	border: 2px solid #000;
	font-size: 14px;
}

.profile-box:before,
.profile-box:after {
	clear: both;
	content: "";
	display: block;
}

.profile-box .profile-box_title {
	position: absolute;
	top: -32px;
	left: -2px;
	padding: 0 10px;
	background: #000;
	color: #fff;
	font-weight: bold;
	border: 2px solid #000;
	display: inline-block;
}

.profile-box_title:before {
	font-family: "Font Awesome 5 Free";
	content: "\f007";
	font-weight: 900;
	margin-right: 7px;
}

.profile-box img {
	display: block;
	width: 100px !important;
	height: 100px;
	float: left;
	margin: 0 20px 7px 10px;
}

.profile-box .profile-box_name {
	margin: 0 0 7px 10px;
	padding: 0;
	font-size: 18px;
}

.profile-box p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
}

/* 以下を隠す */
.rank_more_btn {
	color: #333;
	text-align: center;
	border: 1px dashed #9b9b9b;
	border-radius: 50px;
	background: 55px center #fff;
	background-size: 3em;
	margin: 5px auto;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 16px;
	line-height: 100%;
	position: relative;
	background: 10% center #fff;
	background-size: 2.5em;
}

.rank_more_btn:after {
	content: "\f0dd";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-left: 3px;
	font-size: 110%;
	color: #ff563d;
	transition: all 0.3s;
	font-weight: 900;
	position: relative;
	top: -2px;
}

table.service_table {
	margin: 20px auto 10px;
	font-size: 2.3rem;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table.service_table tr,
table.service_table td,
table.service_table th {
	border: 1px solid #77cacf;
	font-size: 16px;
}

table.service_table td {
	width: 30%;
	padding: 10px 5px;
}

table.service_table ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	font-size: 16px;
}

table.service_table ul li {
	display: inline-block;
	font-size: 16px;
	width: 31.5%;
	margin: 0 0 8px;
	padding: 12px 1px;
	line-height: 1;
	border: 1px solid #ddd;
	color: #aaa;
	border-radius: 7px;
}

table.service_table ul li.active {
	border: 2px solid #fb6b70;
	color: #fb6b70;
	font-weight: bold;
	padding: 12px 0;
	background: #fff2f3;
}

/*  */
.top3-name {
	align-items: flex-end;
	font-weight: bold;
	color: #333;
	display: flex;
	width: 100%;
}

.top3-box .card {
	width: 33.3%;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	padding: 0 6px;
	box-sizing: border-box;
}

.top3-box .card img {
	width: auto !important;
}

.top3-image {
	margin: 6px 0;
	width: 100%;
}

.top3-box {
	display: flex;
	width: 100%;
}

.top3-text .card {
	font-size: 13px;
	font-weight: bold;
	color: #ff4c4b;
}

/* ランキング／解説パーツ付き  */
.ranking_box {
	background-color: #fff;
	position: relative;
}

.ranking_box.rank01 .ranking_box_head {
	background-image: url(../img/rank_icon_01.png);
}

.ranking_box .ranking_box_head .name {
	font-size: 9pt;
	margin: 0 auto 5px;
	font-weight: 700;
}

.ranking_box .ranking_box_head .name a {
	font-size: 1.4rem;
}

.align_right {
	text-align: right;
}

/* 2021/09/21 */
.align_left {
	text-align: left !important;
}

.bold {
	font-weight: bold;
}

.txt_color {
	font-weight: 700;
	color: #ff5474;
}

.ranking_box.waterserver .point_txt_list {
	background-color: #fefccf;
	padding: 35px 15px 15px;
	margin: 25px auto 1px;
}

.ranking_box.waterserver table th {
	background-color: #e5f7fa;
	color: initial;
}

.ranking_box.waterserver table td {
	text-align: center;
	color: initial;
}

.ranking_box .ranking_box_head .name {
	font-size: 9pt;
	margin: 0 auto 5px;
	font-weight: 700;
}

.rank01 .ranking_box_head {
	background-image: url(../img/rank_icon_01.png);
}

.ranking_box {
	background-color: #fff;
	position: relative;
}

.ranking_box .ranking_box_head .copy {
	font-size: 9pt;
	font-weight: 700;
}

.ranking_box.best_item .ranking_box_head,
.ranking_box.rank01 .ranking_box_head,
.ranking_box.rank02 .ranking_box_head,
.ranking_box.rank03 .ranking_box_head,
.ranking_box.rank04 .ranking_box_head,
.ranking_box.rank05 .ranking_box_head {
	padding-left: 5pc;
	padding-top: 10px;
	background-size: 83px 83px;
	background-repeat: no-repeat;
	background-position: -6px 3px;
}

.ranking_box .ranking_box_head {
	padding-bottom: 10px;
	position: relative;
	min-height: 88px;
}

.ranking_box.waterserver .point_txt_list ul {
	padding: 32px 20px 22px;
	background-color: #fff;
	border-radius: 8px;
	position: relative;
	padding: 15px 10px 5px;
}

.ranking_box.waterserver .point_txt_list ul:before {
	width: 224px;
	height: 27px;
	background-image: url(../img/point_title_wave.png);
	background-size: 224px 27px;
	display: inline-block;
	content: " ";
	position: absolute;
	top: -13.5px;
	left: 50%;
	margin-left: -114px;
}

.ranking_box.waterserver .point_txt_list ul li {
	position: relative;
	padding-left: 37px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 10px 40px;
	padding: 5px 0px 10px 40px;
}

.ranking_box.waterserver .point_txt_list ul li:before {
	content: " ";
	width: 32px;
	height: 32px;
	background-image: url(../img/point_number_01.png);
	background-size: 32px 32px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0px;
}

.ranking_box.waterserver .point_txt_list ul li:nth-of-type(2):before {
	background-image: url(../img/point_number_02.png);
}

.ranking_box.waterserver .point_txt_list ul li:nth-of-type(3):before {
	background-image: url(../img/point_number_03.png);
}

.ranking_box div.ranking_box_img>div.ranking_box_data>table>tbody>tr>td:before {
	content: "サーバー説明";
	color: #fff;
	display: block;
	background-color: #00a2de;
	padding: 14px 20px 12px 30px;
	line-height: 1;
	margin-bottom: 15px;
	width: 130px;
	box-sizing: border-box;
	position: relative;
	left: -10px;
	background-image: url(../img/stripe_back.png);
	background-size: 13px 34px;
	background-repeat: repeat-y;
}

.link_btn5 a {
	width: 100%;
	box-sizing: border-box;
	display: block;
	font-size: 1.4rem !important;
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center !important;
	padding: 20px 2px;
	background: #ff6550;
	font-weight: 600;
	border-bottom: solid 4px #a3142e;
	margin: 15px auto;
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #84463d;
	text-shadow: 0px 2px 4px #ba5e48;
}

.link_btn5 a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: 10px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.puyon {
	animation: puyon 1.2s linear 0s 1;
	animation-iteration-count: infinite;
}

@keyframes puyon {
	0% {
		transform: scale(1, 1) translate(0%, 0%);
	}

	40% {
		transform: scale(0.95, 1.2) translate(0%, -10%);
	}

	50% {
		transform: scale(1.1, 0.9) translate(0%, 5%);
	}

	60% {
		transform: scale(0.95, 1.05) translate(0%, -3%);
	}

	70% {
		transform: scale(1.05, 0.95) translate(0%, 3%);
	}

	80% {
		transform: scale(1, 1) translate(0%, 0%);
	}

	100% {
		transform: scale(1, 1) translate(0%, 0%);
	}
}

.btn_puyon {
	width: 100%;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	margin-bottom: 24px;
	border-radius: 100px;
	height: 94px;
	line-height: 94px;
	text-align: center;
	background-color: #ffff7d;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	background: linear-gradient(to left bottom, #ffe032 0%, #ffc601 100%);
}

.btn_puyon a:before {
	content: "";
	display: block;
	background-image: url(../img/chevron-circle-right-solid.svg);
	width: 32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 30%;
	top: 50%;
	transform: translateY(-50%);
}

.btn_puyon a {
	position: relative;
	text-decoration: none;
	font-size: 24px;
	color: #333;
	padding-left: 48px;
	display: block;
}

.choice_area {
	background-color: #e5f7fa;
}

.choice_area .title {
	line-height: 1.2;
	background-color: #6bd0f5;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 20px;
	font-size: 1.6rem;
}

.choice_area .choice_contents {
	padding: 15px;
	margin-bottom: 40px;
}

.choice_aco {
	font-size: 1.2rem;
	border-radius: 3px;
	background-color: #fff;
	font-weight: 600;
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
}

.choice_aco_txt {
	display: none;
	font-size: 1.4rem;
	border-top: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #fff;
	padding: 15px 10px 10px;
	margin-bottom: 20px;
	line-height: 1.5;
	position: relative;
	top: -22px;
}

.choice_aco:after {
	content: " \f078";
	color: #6bd0f5;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 600;
}

.choice_aco span {
	background-color: #6bd0f5;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 13px;
	margin-right: 10px;
}

/* 2021/09/27 */

table.hikaku td,
table.hikaku th {
	vertical-align: middle;
	/* width: 5pc !important; */
	table-layout: fixed;
	border: 0;
	/* border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	border-collapse: collapse;
	font-size: 10px;
	text-align: center;
}

.link_btn3 a {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 3px;
	box-sizing: border-box;
	display: block;
	font-size: 1.3rem;
	border-radius: 300px;
	color: #fff;
	text-decoration: none;
	text-align: center !important;
	padding: 10px 2px;
	background: #ff6550;
	box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);
	font-weight: 600;
	text-shadow: 0 3px 3px #ff5474;
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #84463d;
	text-shadow: 0px 2px 4px #ba5e48;
}

table.hikaku .btn_cell {
	padding: 2px 20px;
}

table .product_img {
	display: block;
	margin: 0 auto 1px;
	width: 70%;
}

/* table.hikaku .product_img {
	width: 44%;
} */
/* table.hikaku th:nth-of-type(1) {
	border-left: 1px solid #ccc;
} */
table.hikaku th {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.product_data2 td,
.product_data2 th {
	background-color: #fffcf1;
}

.link_btn3 a:after {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: 10px;
	color: #fff;
}

.table_tab_box th,
.table_tab_box td {
	height: 100px;
	vertical-align: middle;
	padding: 0 5px;
	/* border: 1px solid #ccc; */
	background-color: #fff;
	color: #4a4a4a;
}

.hikaku_table.vertical .link_btn4 a {
	background: #62bc46;
	text-shadow: 0px 2px 4px green;
}

.link_btn4 a {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 3px;
	box-sizing: border-box;
	display: block;
	font-size: 1.3rem;
	border-radius: 300px;
	color: #fff;
	text-decoration: none;
	text-align: center !important;
	padding: 10px 2px;
	box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);
	font-weight: 600;
	position: relative;
	overflow: hidden;
}

.link_btn4 a:after {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	color: #fff;
}

.sticky_table thead tr:nth-child(1) th {
	top: 0;
	height: 43px;
	box-sizing: border-box;
	padding: 5px 0;
	line-height: 1;
	/* z-index: 1000; */
}

.table_tab_box th,
.table_tab_box td {
	height: 100px;
	vertical-align: middle;
	padding: 0 5px;
	/* border: 1px solid #ccc; */
	background-color: #fff;
}

.table_tab_box td {
	padding-right: 8px;
	padding-left: 8px;
}

.table_tab_box th.yellow_bk,
.table_tab_box td.yellow_bk {
	background-color: #fffcf1;
}

.sticky_table th.data_name {
	background-color: #f5f5f5 !important;
}

.sticky_table thead tr:nth-child(2) th {
	height: 58px;
	top: 58px;
	/* z-index: 1000; */
}

.refine_saerch_form .title_area {
	background-color: #93b7c5;
	padding: 8px;
}

.refine_saerch_form .title_area .title {
	color: #fff;
	text-align: center;
	font-size: 100%;
}

.refine_saerch_form .title_area .aco_btn:hover {
	cursor: pointer;
	opacity: 0.7;
}

.refine_saerch_form .title_area .aco_btn {
	background-color: #fff;
	display: block;
	width: 90pt;
	font-size: 13px;
	text-align: center;
	border-radius: 300px;
	line-height: 1;
	margin: 10px auto 0;
	color: #4c889f;
	padding: 4px 10px 5px;
	box-sizing: border-box;
}

.refine_saerch_form .title_area .aco_btn .txt:before {
	content: "検索する";
}

.refine_saerch_form .title_area .aco_btn .txt:after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 600;
	margin-left: 5px;
}

.refine_saerch_form .title_area .aco_btn.active .txt:before {
	content: "閉じる";
}

.refine_saerch_form .title_area .aco_btn.active .txt:after {
	content: "\f077";
	font-family: "Font Awesome 5 Free";
}

.refine_saerch_form form {
	display: none;
	padding-top: 20px;
}

.refine_saerch_form .data_area .title {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 9pt 10px;
	line-height: 1;
	background-color: #fff;
	margin: 0 10px 15px;
	position: relative;
	font-weight: bold;
}

.refine_saerch_form .data_area .select_content {
	position: relative;
}

.refine_saerch_form .data_area .select_content ul {
	display: none;
}

.refine_saerch_form .data_area .select_content.active ul {
	display: block;
}

.refine_saerch_form .data_area .select_content ul {
	border-radius: 4px;
	padding: 4px;
	margin: 10px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
	/* display: none; */
	position: absolute;
	width: 100%;
	top: -65px;
	z-index: 4;
	box-sizing: border-box;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
}

.refine_saerch_form .data_area .select_content ul.active {
	display: block;
}

.refine_saerch_form .data_area .select_content ul li label {
	width: 100%;
	display: inline-block;
	padding-left: 30px;
}

.refine_saerch_form .data_area input[type="radio"]+label:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	position: absolute;
	left: 8px;
	top: 6px;
	opacity: 0.6;
	-webkit-transition: all 0.12s, border-color 0.08s;
	transition: all 0.12s, border-color 0.08s;
}

.refine_saerch_form input[type="submit"] {
	display: inline-block;
	border-radius: 30px;
	text-align: center;
	padding: 15px 0;
	background: #7e7e7e;
	color: #fff;
	line-height: 1;
	transition: 0.3s;
	width: 80%;
	font-size: 1pc;
	border: 0;
	display: block;
	margin: 5px auto 20px;
	box-shadow: none;
	cursor: pointer;
}

.refine_saerch_form input[type="submit"]:hover {
	opacity: 0.6;
}

.refine_saerch_form .data_area .title:before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 10px;
	color: #ccc;
	font-size: 120%;
}

body.active {
	position: relative;
}

body #overlay {
	display: none;
}

body.active #overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display: block;
	width: 100vw;
	height: 120vh;
}

.refine_saerch_form .data_area .select_content {
	position: relative;
}

.refine_saerch_form .data_area .select_content ul li {
	border-bottom: 1px solid #666;
	padding: 5px;
	position: relative;
	list-style: none;
}

.refine_saerch_form .data_area .select_content ul li.list_title {
	display: block;
	text-align: center;
	border-bottom: 0 0 !important;
}

.refine_saerch_form .data_area .select_content ul li input[type="checkbox"],
.refine_saerch_form .data_area .select_content ul li input[type="radio"] {
	position: absolute;
	left: 5px;
	top: 8px;
}

.refine_saerch_form .data_area input[type="radio"] {
	display: none;
}

/* 2021/09/28 */
.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.bg_rank1 {
	padding-top: 5px;
}

.bg_rank2 {
	background-color: #ebebeb;
}

.bg_rank3 {
	background-color: #ebebeb;
}

.ranking1 {
	background: #FFFDE3;
}

.ranking2 {
	background: #ebebeb;
}

.ranking3 {
	background: #ebebeb;
}

.ranking1::before {
	background: url(../img/rank_icon_01.png) no-repeat no-repeat center center;
	background-size: auto 100%;
}

.ranking1::before,
.ranking2::before,
.ranking3::before,
.ranking4::before,
.ranking5::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 15px;
	top: -3px;
	top: 13px;
	width: 80px;
	height: 70px;
}

.ranking1,
.ranking2,
.ranking3,
.ranking4,
.ranking5 {
	padding: 15px 0 0 95px;
	margin-bottom: 20px;
	margin-top: -20px;
	position: relative;
	border-top: 3px solid #ccc;
	padding-top: 20px;
}

.ranking1 a,
.ranking2 a,
.ranking3 a,
.ranking4 a,
.ranking5 a,
.ranking_no1 a {
	color: #1967d2;
	font-size: 23px;
	font-weight: bold;
	text-decoration: underline;
}

.tabs1 {
	margin-top: 50px;
	background-color: #fff;
	margin: 0 auto;
}

.tabs1 input:checked+.tab_item1 {
	background-color: #5ab4bd;
	color: #fff;
}

.tab_item1:hover {
	opacity: 0.75;
}

.tab_item1 {
	width: calc(100% / 3.1);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #fff;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	border-radius: 15px;
	border: solid 1px;
	margin-right: 10px;
}

.tab_item1:last-of-type {
	margin-right: 0;
}

input[name="tab_item1"] {
	display: none;
}

.tab_content1 {
	display: none;
	clear: both;
	overflow: hidden;
}

#rank01:checked~#rank01_content,
#rank02:checked~#rank02_content,
#rank03:checked~#rank03_content {
	display: block;
}

/* #ranking table,
#ranking tbody,
#ranking tfoot,
#ranking thead,
#ranking tr,
#ranking th,
#ranking td {
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: bold;
} */
.ranking_table td {
	text-align: center;
}

@media screen and (min-width: 641px) {
	/* #ranking table,
	#ranking tbody,
	#ranking tfoot,
	#ranking thead,
	#ranking tr,
	#ranking th,
	#ranking td {
		font-size: 16px;
	}
	#ranking td small {
		font-size: 12px;
	} */
}

.button-updown-b {
	width: 90%;
	margin: 0 auto;
}

.button-updown-b a {
	display: block;
	position: relative;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 0;
	margin-top: 3px;
	background: #62bc46;
	border-bottom: 5px solid green;
	color: #fff;
	text-decoration: none;
	font-size: 100%;
	border-radius: 10px;
	line-height: 1.9em;
	-webkit-animation: updown 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
	animation: updown 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}

.mokuji span {
	padding: 0px 15px;
	padding-bottom: 5.5px;
	padding-top: 8px;
	background-color: gray;
	color: white;
	font-weight: bold;
}

.mokuji ol {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0.5em;
	background: #f5faff;
	border: solid 3px gray;
}

.mokuji ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #5c9ee7;
	color: white;
	font-family: "Avenir", "Arial Black", "Arial", sans-serif;
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mokuji ol li {
	position: relative;
	padding-left: 30px;
	line-height: 1.8em;
	padding: 0.5em 0.5em 0.5em 30px;
	list-style-type: none;
}

.mokuji ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #5c9ee7;
	color: white;
	font-family: "Avenir", "Arial Black", "Arial", sans-serif;
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.star__wrap {
	display: flex;
	background-color: red;
	overflow: hidden;
	width: 300px;
}

/* 2021/09/30 */
.shinsa-top3 .title {
	text-align: center;
	display: block;
	margin-bottom: 12px;
	border-top: 1px solid #1156bd;
	border-bottom: 1px solid #1156db;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0 3px;
	letter-spacing: 0.02em;
}

.shinsa-top3 .title .sm {
	font-size: 16px;
	display: block;
	font-weight: initial;
	line-height: 1;
}

.more_link1 {
	display: block;
	background-color: #da3b48;
	border-bottom: 3px solid #a23841;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	position: relative;
	margin: auto;
	border-radius: 20px;
}

.more_link1 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 0 4px;
}

.matome {
	background-color: #f8f8f8;
	border: 2px solid #cccccc;
	padding: 10px 10px 14px;
	color: #052d45;
	line-height: 1.45;
}

.matome__title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.matome li {
	letter-spacing: 0.04em;
}

.swiper-button-next,
.swiper-button-prev {
	color: #fff;
}

.radar_table_graph.-only {
	width: 100%;
}

/* 2021/10/04 */
.dialog-wrap {
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	left: 50%;
	position: fixed;
	padding: 30px;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 500px;
	width: 100%;
	z-index: 999999;
}

.dialog-wrap .dialog-close {
	cursor: pointer;
	margin-left: auto;
	width: 50px;
}

.dialog-btn .btn-a {
	font-size: 5vw;
	height: 20vw;
	line-height: 1.3;
	margin: 30px auto 0;
	width: 90%;
	align-items: center;
	background-color: #58b72a;
	color: #fff;
	display: flex;
	font-size: 18px;
	height: 80px;
	justify-content: center;
	/* line-height: 80px; */
	margin: 30px auto 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.dialog-btn span::before {
	background-color: #047d1b;
	border-radius: 50%;
	content: "";
	display: block;
	height: 5vw;
	position: absolute;
	right: 3vw;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
}

.dialog-btn span::after {
	border: 10px solid transparent;
	border-left: 13px solid #fff;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 3vw;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
}

.dialog-btn::before {
	content: "";
	display: block;
	width: 50px;
	height: 200%;
	position: absolute;
	left: -30%;
	background-image: linear-gradient(to right,
			rgba(255, 255, 255, 0) 10%,
			rgba(255, 255, 255, 0.7) 50%,
			rgba(255, 255, 255, 0) 90%);
	transform: rotate(45deg);
	animation: shine 2s infinite linear;
}

.shindan.hikaku_table {
	margin: 0 auto;
	background-color: #fff;
}

.shindanmachine {
	background-color: #ebebeb;
}

.shindanmachine .start {
	padding-left: 0;
}

.shindanmachine .btn span {
	font-size: 25px;
	line-height: 30px;
	padding: 15px 10px 13px 10px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
	/* font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", */
	background-color: #ff8524;
	position: relative;
	box-shadow: 0px 2px 0px #c16565;
	min-width: 180px;
	border-bottom: #c16565 solid 1px;
	vertical-align: middle;
	margin: 0px 25px;
	max-width: calc(100% - 70px) !important;
}

.shindanmachine .wood {
	background: url(../img/snwood-ikumou.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	text-align: center;
	padding: 25px 30px;
}

.shindanmachine h3 {
	margin: 15px 0;
	padding: 12px 0 10px 0;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}

.shindan .shitsumon .btn span {
	margin: 0 auto 10px auto;
	min-width: 180px;
}

.shindanmachine .btn span:nth-child(2) {
	background-color: #667ca3;
	box-shadow: 0px 1px 0px #4d6084;
	border-bottom: #4d6084 solid 1px;
}

.shindanmachine .shitsumon .n:before {
	content: "Question";
	font-weight: normal;
	font-size: 22px;
	color: #022567;
	/* font-family: "kozuka-gothic-pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
}

.shindanmachine .shitsumon {
	padding: 20px 30px;
}

.shindanmachine .shitsumon .n {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 32px;
	color: #f07143;
	/* font-family: "Noto Serif"; */
	line-height: 32px;
	border-radius: 50px;
	padding: 2px 25px 5px 25px;
	font-weight: bold;
}

.shindanmachine .result {
	padding: 30px;
}

.button_rankpink a {
	display: block;
	position: relative;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 0;
	background: #ff8524;
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	border-bottom: 5px solid #c16565;
	border-radius: 10px;
	line-height: 1.9em;
	text-decoration: underline;
}

.shindanmachine h3 img {
	width: 80%;
}

.shindanmachine .hook {
	background: url(../img/hook2.png) no-repeat center top;
	background-size: auto 93px;
	height: 93px;
	position: relative;
	z-index: 10;
	margin: 0px -60px -20px 0px;
}

.shindanmachine .cont {
	padding: 0px 10px 10px 10px;
}

.shindanmachine_link {
	display: block;
	text-align: right;
}

/* 2021/10/05 */
.numberplate {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.numberplate b {
	font-size: 32px;
}

.numberplate .num {
	font-size: 56px;
	font-family: "Josefin Sans", sans-serif;
	font-weight: 500;
}

.numberplate .color {
	color: #f78524;
}

.numberplate .sm {
	font-size: 36px;
}

.numberplate .fa-star {
	font-size: 54px;
}

.radar_slide_ranking .ave_star .star .fa,
.radar_slide_ranking .ave_star .star_base .far {
	font-size: 14px;
}

.radar_slide_review .review_star .ave_star {
	vertical-align: unset !important;
}

/* 2021/10/18 */
.c__wid {
	/* width: calc(100vw - 48px); */
	margin-right: 24px;
	margin-left: 24px;
}

.shindan__block {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 24px;
	background-color: var(--Back);
	background-size: 10px 10px;
}

.mokuji {
	background-color: #f0f3f5;
	padding: 16px 20px 24px;
	margin-bottom: 22px;
}

.mokuji__title {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.mokuji li {
	position: relative;
	padding-left: 24px;
}

.mokuji li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100px;
	display: inline-block;
	background-color: #004bb1;
	position: absolute;
	left: 0;
	top: 10px;
}

.mokuji a:link {
	color: #3b4043;
	font-weight: initial;
	font-size: 14px;
}

.mokuji img {
	margin-bottom: 10px !important;
}

.contents img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.point__box {
	border: 1px solid #333333;
	padding: 32px;
	line-height: 2;
	margin-top: -78px;
	position: relative;
	z-index: 2;
	background-color: #fff;
	margin-bottom: 32px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* 比較テーブル（簡易） */
.hikaku__simple {
	margin-top: 20px;
	padding: 0 20px;
}

.hikaku__simple-inner {
	margin-top: 16px;
}

.hikaku__simpleItem-ttl {
	box-sizing: border-box;
	display: grid;
	grid-template-rows: 68px;
	justify-items: start;
	align-items: center;
	grid-template-columns: 1fr auto 1fr;
}

.hikaku__simpleItem-ttl .hikaku__simpleItem_logo {
	height: 40px;
	width: auto;
}

.hikaku__simpleItem {
	border: 2px solid #ff7a88;
}

.hikaku__simpleItem:not(.hikaku__simpleItem:first-child) {
	border-top: none;
}

.hikaku__simpleItem01 td {
	background: #FFFDE3;
}

img.hikaku__simpleItem_rank {
	grid-row: 1;
	grid-column: 1;
	margin: 0;
	margin-left: 12px;
	width: auto;
	height: 44px;
}

img.hikaku__simpleItem_logo {
	grid-row: 1;
	grid-column: 2;
	width: 100%;
}

.hikaku__simpleItem-table {
	table-layout: fixed;
	margin: 0;
}

.hikaku__simpleItem-table thead th {
	font-size: 1rem;
	box-sizing: border-box;
	width: calc(100% / 3);
	height: 24px;
	padding: 0;
	background: var(--Main);
}

.hikaku__simpleItem-table tbody td {
	vertical-align: top;
	font-size: 1.2rem;
	line-height: 1.5;
	color: var(--Text);
	text-align: center;
}

.hikaku__simpleItem-table tbody td small {
	font-size: 1rem;
	line-height: 1.8;
	color: var(--Grey);
}

.hikaku__simpleItem-table_iconWrap {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
}

.hikaku__simpleItem-table_icon {
	margin-bottom: 10px;
}

.hikaku__simpleItem-table_icon-mt {
	margin-top: 4px;
}

.hikaku__simpleItem-table>tbody>tr>td:nth-child(3) .hikaku__simpleItem-table_icon {
	box-sizing: border-box;
	width: auto;
	height: 33.16px;
	padding: 2px 4px 4px;
}

.hikaku__simpleItem-table_btnArea {
	margin: 0;
}

.hikaku__simpleItem-table_btnArea td {
	box-sizing: border-box;
	/* display: flex;
	align-items: flex-end;
	gap: 8px; */
	padding: 0 14px 24px;
}

.hikaku__simpleItem-table_btnArea td .flex {
	gap: 8px;
}

a.blue_btn.hikaku__simpleItem-table_btnArea-blueBtn {
	font-size: 1.2rem;
	line-height: 1.33;
	text-align: center;
	width: 88px;
	padding-left: 4px;
	padding-right: 4px;
	height: auto;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 2px;
	/* position: relative; */
}

a.blue_btn.hikaku__simpleItem-table_btnArea-blueBtn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	transform: rotate(90deg);
	flex-shrink: 0;
	/* position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg); */
}

.hikaku__simpleItem-table_btnArea-cta {
	text-align: center;
	width: 100%;
}

.hikaku__simpleItem-table_ctaTxt {
	font-size: 1rem;
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 4px;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 205px;
}

.hikaku__simpleItem-table_ctaTxt span {
	text-align: center;
	grid-row: 1;
	grid-column: 2;
	color: var(--Text);
}

a.red_btn.red_btn_arrow {
	display: block;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	width: calc(100% - 48px);
	height: auto;
	margin: 16px auto 0;
	padding-left: 10px;
	padding-right: 24px;
	position: relative;
}

a.red_btn.red_btn_arrow::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

a.red_btn.hikaku__simpleItem-table_btnArea-redBtn {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-right: 24px;
	position: relative;
}

a.red_btn.hikaku__simpleItem-table_btnArea-redBtn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}

.hikaku__simpleItem-table_btnArea-redBtn_catch {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: normal;
}

@media screen and (min-width: 641px) {
	.hikaku__simple-inner {
		margin-top: 20px;
	}

	.hikaku__simpleItem-ttl {
		grid-template-rows: 96px;
	}

	img.hikaku__simpleItem_rank {
		width: auto;
		height: 56px;
	}

	.hikaku__simpleItem-ttl .hikaku__simpleItem_logo {
		height: 64px;
		width: auto;
	}

	.hikaku__simpleItem-table thead th {
		height: 32px;
	}

	.hikaku__simpleItem-table tbody td {
		vertical-align: top;
		line-height: 1.5;
		text-align: center;
	}

	a.blue_btn.hikaku__simpleItem-table_btnArea-blueBtn {
		line-height: 1;
		width: 40%;
		padding: 8px;
		padding-bottom: 20px;
		height: 64px;
		flex-shrink: 0;
		position: relative;
	}

	a.blue_btn.hikaku__simpleItem-table_btnArea-blueBtn::after {
		content: "";
		display: inline-block;
		background: url(../img/ico_chevron-right.svg);
		width: 8px;
		height: 12px;
		background-size: 8px 12px;
		position: absolute;
		bottom: 8px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}

	.hikaku__simpleItem-table_btnArea-cta {
		width: 60%;
	}

	.hikaku__simpleItem-table_ctaTxt {
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 4px;
		grid-template-columns: 1fr 548px;
	}

	.hikaku__simpleItem-table_ctaTxt span {
		font-size: 14px;
	}

	a.red_btn.hikaku__simpleItem-table_btnArea-redBtn {
		display: block;
		text-align: center;
		height: 64px;
		padding-left: 10px;
		padding-right: 24px;
		position: relative;
	}

	a.red_btn.hikaku__simpleItem-table_btnArea-redBtn::after {
		content: "";
		display: inline-block;
		background: url(../img/ico_chevron-right.svg);
		width: 8px;
		height: 12px;
		background-size: 8px 12px;
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
	}

	.hikaku__simpleItem-table_btnArea-redBtn_catch {
		line-height: 1.4;
		font-weight: normal;
	}
}

/* HOW TO */
.howto__block {
	position: relative;
	background: var(--Main);
	padding: 20px 0 24px 0;
	margin-top: 20px;
}

.howto__wrap {
	padding-left: 20px;
	position: relative;
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;
}

.howto__wrap::-webkit-scrollbar {
	display: none;
}

.howto__block:after {
	content: "";
	display: block;
	background-image: url(../img/arrow_down_blue.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 56px;
	background-size: cover;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.howto__item {
	margin-top: 40px;
	position: relative;
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(111, 117, 121, 0.2);
	padding-top: 46px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 16px;
	border-top: 4px solid var(--Sub);
	box-sizing: border-box;
	width: 280px;
	height: auto;
	flex-shrink: 0;
	margin-right: 20px;
}

.howto__item:last-child {
	position: relative;
	margin-right: 0;
}

.howto__item:last-child::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 1px;
}

.howto__num {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -28px;
}

img.howto {
	width: 232px;
	height: 165px;
	object-fit: cover;
}

.howto__item:last-of-type {
	margin-bottom: 0;
}

.howto__item-ttl {
	font-size: 20px;
	font-weight: bold;
	text-align: center !important;
	white-space: nowrap;
	margin-bottom: 10px;
}

@media screen and (min-width: 641px) {
	.howto__block {
		margin-top: 120px;
	}

	.howto__wrap {
		justify-content: center;
		overflow-x: hidden;
		margin-top: 8px;
	}
}

.howto__item p:not(.howto__item-ttl, .howto__merit-ttl p) {
	text-align: justify;
	margin-top: 14px;
}

.howto__merit {
	background: var(--Back);
	padding: 16px;
}

.howto__merit-ttl.flex {
	align-items: center;
	gap: 8px;
}

.howto__merit p {
	margin: 8px 0 0;
}

.howto__merit-ttl img {
	margin: 0;
}

.howto__merit-ttl p {
	line-height: 32px;
	margin: 0;
}

.howto__merit-txt {
	margin-top: 12px;
}

.howto__merit-txt li {
	display: flex;
	gap: 8px;
	line-height: 1.5;
}

.howto__merit-txt li+li {
	margin-top: 8px;
}

.howto__merit-txt li::before {
	content: "";
	display: inline-block;
	background: var(--Text);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	flex-shrink: 0;
	margin-top: 0.65em;
}

.info__block {
	margin-top: 20px;
	padding: 0 20px;
}

.info__block p {
	font-size: 1.5rem;
	margin-top: 16px;
}

@media screen and (min-width: 641px) {
	.info__block {
		margin-top: 120px;
	}
}

.red {
	color: var(--Accent);
	font-weight: bold;
}

.ranking__heading {
	margin-top: 20px;
	margin-bottom: 8px;
}

.ranking__wrap {
	margin-bottom: 24px;
}

.ranking__wrap .rank__name a {
	font-size: 2rem;
	line-height: 1.5;
	margin-left: 0;
	width: 100%;
	text-align: left;
}

.rank__item {
	background: #F0F6FA;
	padding-bottom: 32px;
	padding: 20px;
	margin-top: 20px;
}

.rank__item img {
	vertical-align: bottom;
}

.ranking__block .rank__item:first-child {
	margin-top: 0;
	background: #FFFDE3;
}

.rank__name {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 24px;
	margin-bottom: 16px;
}

.rank__item.rank__name img {
	margin-left: 0;
	margin-right: 6px;
}

.rank__name p {
	font-size: 1.2rem;
	/* margin-top: 4px; */
	margin-bottom: 0;
	line-height: 1;
}

.rank__name div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.column.-two {
	flex-wrap: wrap;
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
}

.column.-two tr {
	border-bottom: 1px dashed #707070;
}

.column.-two th,
.column.-two td {
	border: none;
	padding: 8px 16px;
	color: var(--Text);
}

.column.-two th {
	padding-top: 12px;
	padding-bottom: 12px;
	width: 120px;
	border-right: 1px solid #707070;
	padding-right: 0;
	padding-left: 0;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.33;
}

.column.-two td {
	background: transparent;
	/* width: calc(100% - 120px); */
	font-size: 1.2rem;
	line-height: 1.5;
}

.column.-two th small {
	font-weight: initial;
	color: #6f7579;
}

.column.-two td small {
	color: var(--Grey);
}

.column.-two th img,
.column.-two td img {
	margin: 0;
}

.column.-two td p {
	font-size: 1.2rem;
}

@media screen and (min-width: 641px) {
	.column.-two th {
		width: 160px;
	}
}

.ranking__block .flex {
	align-items: center;
	gap: 8px;
}

.ranking__block .flex p {
	margin: 0;
}

.ranking__block .rank__name img {
	height: 42px;
	margin: 0;
	margin-right: 8px;
	margin-top: -4px;
}

.before_arrow_box:not(.before_arrow) {
	text-align: right;
}

.before_arrow {
	font-size: 1.8rem;
	display: inline-block;
	line-height: 1;
	margin-top: 16px;
	margin-left: auto;
	padding-left: 2em;
	text-indent: -1em;
	line-height: 1.33;
	text-align: left;
}

.before_arrow::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_arrow_link.svg);
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	margin-right: 0.25em;
	vertical-align: -8%;
}

.rank__item table {
	margin-bottom: 0;
}

.ranking__point-ttl {
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 10px;
	padding-left: 32px;
}

.ranking__point-ttl::before {
	content: "";
	background: url(../img/ico_checkbox.svg);
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.25em;
}

.marker {
	background: linear-gradient(transparent 70%, var(--Sub) 70%);
}

.ranking__campaign .ranking__point-ttl {
	margin-bottom: 5px;
}

.ranking__campaign-catch {
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 8px;
}

.ranking__campaign p:not(.ranking__point-ttl, .ranking__campaign-catch) {
	font-size: 1.4rem;
	margin-top: 10px;
	line-height: 1.5;
}

.cta__area {
	box-sizing: border-box;
	background: #fff;
	border: solid 4px var(--Accent);
	border-radius: 8px;
	box-shadow: none;
	padding: 24px 20px;
	margin-bottom: 20px;
}

.cta__area p {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.5;
}

.cta__area img {
	margin-top: 10px;
}

.cta__area .cta__area_logo {
	margin-top: 16px;
}

.cta__area a.red_btn {
	padding: 0 28px;
	border: none;
	border-radius: 4px;
	margin-top: 26px;
	height: 60px;
	background: url(../img/ico_chevron-right.svg) no-repeat center right 14px / 10px 16px, var(--Accent);
	line-height: 1.31;
}

.rank__item .cta__area {
	box-sizing: border-box;
	background: #fff;
	border: solid 4px var(--Accent);
	border-radius: 8px;
	box-shadow: none;
	padding: 24px 20px;
}

.rank__item .cta__area p {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.5;
}

.rank__item .cta__area img {
	margin-top: 10px;
}

.rank__item .cta__area img {
	margin-top: 10px;
}

.rank__item .cta__area .cta__area_logo {
	margin-top: 16px;
}

.rank__item .cta__area a {
	padding: 0 28px;
	border: none;
	border-radius: 4px;
	margin-top: 26px;
	height: 60px;
	background: url(../img/ico_chevron-right.svg) no-repeat center right 14px / 10px 16px, var(--Accent);
	line-height: 1.31;
}

.before_square::before {
	content: "■";
}

.tag__wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 16px;
}

.tag__wrap .tag_on {
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	background: var(--Main);
	padding: 8px 8px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	display: flex;
	align-items: center;
}

.tag__wrap .tag_off {
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	background: rgb(88 155 192 / 30%);
	padding: 8px 8px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	display: flex;
	align-items: center;
}

.ranking__accordion-btn {
	cursor: pointer;
}

.ranking__accordion-btn.blue_btn {
	font-size: 1.6rem;
	font-weight: bold;
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-left: 20px;
	padding: 20px;
	box-shadow: 0 4px #33383b;
	position: relative;
	cursor: pointer;
}

.ranking__accordion-btn.blue_btn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_accordion_close.svg) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
}

.ranking__accordion-btn.blue_btn.close::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_accordion_open.svg) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
}

.rank__item .column.-two .flex:nth-child(2) {
	margin-top: 5px;
}

.rank__item .column.-two .flex:nth-child(2) img {
	margin: 4.5px;
}

.ranking__accordion_openarea {
	display: none;
}

.ranking__accordion_openarea.open {
	display: block;
}

.ranking__accordion_openarea .rank__item:first-child {
	margin-top: 20px;
	background: #F0F6FA;
}

.ranking__point-box {
	margin-top: 16px;
}

@media screen and (min-width: 641px) {
	.ranking__heading {
		margin: 0;
	}

	.ranking__point-ttl::before {
		margin-top: 0.4em;
	}

	div.ranking__point>p:not(.ranking__point-ttl) {
		font-size: 1.5rem;
	}

	.ranking__accordion_openarea .rank__item:first-child {
		margin-top: 40px;
	}

	.rank__item .cta__area .cta__area_logo {
		width: auto;
		height: 64px;
	}
}

/* メリットデメリット */
/* .meritdemerit {
  padding: 20px;
  margin: 1rem 0;
  position: relative;
} */
.meritdemeritTtl {
	font-size: 16px;
	position: relative;
	display: flex;
	align-items: center;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0 !important;
}

.meritdemeritTtl::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.meritdemeritList li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 4px;
}

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

.meritdemeritList li::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 11px;
}

.merit {
	background-color: rgba(232, 0, 0, 0.05);
	border-top: 4px solid #cc0000;
}

.meritTtl {
	color: #cc0000;
}

.meritTtl::before {
	background-image: url(../img/ico_merit.svg);
}

.meritList li::before {
	background-color: #cc0000;
}

.demerit {
	background-color: rgba(0, 75, 177, 0.05);
	border-top: 4px solid #004bb1;
}

.demeritTtl {
	color: #004bb1;
}

.demeritTtl::before {
	background-image: url(../img/ico_demerit.svg);
}

.demeritList li::before {
	background-color: #004bb1;
}

.cta {
	text-align: center;
}

.cta img {
	width: calc(100vw - 40px);
}

.cta .red__cta {
	font-size: 20px;
}

.submit.cta__area {
	margin-top: 24px;
	margin-bottom: 8px;
}

.cta__area {
	display: table;
	width: 100%;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
	border-radius: 3rem;
	position: relative;
	margin-right: auto;
	width: calc(100vw - 40px);
	margin-left: auto;
}

.cta__area[data-type="pop"] {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100vw - 40px);
}

.cta__area[data-type="pop"] a {}

.cta__area .pop {
	position: absolute;
	z-index: 2;
	display: block;
	text-align: center;
	margin: 0 auto;
	background: #dab000;
	color: #333;
	width: 136px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	border: 2px solid #fff;
	top: -20px;
	animation: fluffy1 3s ease infinite;
	font-weight: bold;
}

@keyframes fluffy1 {
	0% {
		transform: translateX(0);
	}

	5% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-15px);
	}

	25% {
		transform: translateX(0);
	}

	30% {
		transform: translateX(-15px);
	}

	50% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(0);
	}
}

.cta__area .pop:before {
	content: "";
	position: absolute;
	top: 98%;
	left: 52%;
	margin-left: -12px;
	border: 8px solid transparent;
	border-top: 8px solid #dab000;
	z-index: 2;
}

.cta__area .pop:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}

.cta__area[data-type="blue"] {
	margin: 0 auto;
	width: calc(100vw - 40px);
}

.cta__area[data-type="blue"] a {
	background: -moz-linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
	background: -webkit-linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
	background: linear-gradient(180deg, #5f8ece 0%, #004bb1 100%);
}

.cta__area a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
	width: 100%;
	margin: 0 auto;
	border-radius: 3rem;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	border: none;
	text-align: center;
	height: 72px;
	line-height: 1.25;
	background: rgb(255, 149, 159);
	background: -moz-linear-gradient(180deg, rgba(255, 149, 159, 1) 0%, rgba(207, 1, 20, 1) 50%);
	background: -webkit-linear-gradient(180deg, rgba(255, 149, 159, 1) 0%, rgba(207, 1, 20, 1) 50%);
	background: linear-gradient(180deg, rgba(255, 149, 159, 1) 0%, rgba(207, 1, 20, 1) 50%);
	box-shadow: 0 2px 4px 0px rgb(95 110 125 / 30%), inset 0 4px 0 rgb(255 255 255 / 30%);
	cursor: pointer;
	text-decoration: none;
	border-top: 2px solid #3b4043;
	border-right: 2px solid #3b4043;
	border-left: 2px solid #3b4043;
	border-bottom: 4px solid #3b4043;
	overflow: hidden;
	padding-top: 4px;
}

.cta__area a:after,
.submit.cta__area:after {
	content: "";
	display: block;
	background-image: url(../img/ico-cta.svg);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 24px;
	top: 53%;
	transform: translateY(-50%);
}

@keyframes anime_cvbtn02 {
	0% {
		left: -20%;
	}

	10% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}

.cta__area a:before,
.submit.cta__area:before {
	animation: anime_cvbtn02 3s ease-in-out infinite;
	content: "";
	position: absolute;
	top: -10%;
	left: -20%;
	width: 40px;
	height: 100%;
	transform: scale(2) rotate(20deg);
	background-image: linear-gradient(100deg,
			rgba(255, 255, 255, 0) 10%,
			rgba(255, 255, 255, 0.5) 100%,
			rgba(255, 255, 255, 0) 0%);
	z-index: 2;
}

@media screen and (min-width: 769px) {
	.cta__area {
		width: 100%;
	}

	.cta__area[data-type="pop"] {
		width: 100%;
	}

	.cta__area[data-type="blue"] {
		width: 100%;
	}
}

.hikaku_result {
	padding: 0 20px 0;
}

.hikaku_result p {
	font-size: 1.4rem;
	text-align: center;
	margin: 8px 0 4px;
}

.shippai__block {
	background: var(--Back);
	position: relative;
	margin-top: 20px;
	padding-top: 10px;
}

.shippai__wrap {
	padding-bottom: 32px;
}

.shippai__item {
	/* width: calc(100vw - 40px); */
	margin-top: 28px;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 24px;
	border-radius: 12px;
}

.shippai__item:first-child {
	margin-top: 20px;
}

.shippai__num {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -28px;
}

.shippai__block .shippai__wrap .shippai__item img {
	margin: 0 auto;
}

.shippai__block .shippai__wrap .shippai__item .flex img {
	margin: 0;
	width: 64px;
	height: 64px;
}

.shippai__item:last-of-type {
	margin-bottom: 0;
}

.shippai__block .shippai__item .flex {
	align-items: center;
	gap: 20px;
	margin-top: 0;
}

.shippai__item p {
	text-align: justify;
}

.shippai__item-ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.33;
}

p.shippai__item-ttl {
	margin: 0;
}

.shippai__item {
	margin-top: 40px;
}

@media screen and (min-width: 641px) {
	.shippai__block {
		margin-top: 120px;
	}

	.shippai__item>p {
		margin-top: 1em;
	}
}

.product__name-txtLink {
	font-size: 1rem;
	margin-top: 20px;
}

.product__name .product__name-txtLink::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_url_arrow.svg);
	width: 10px;
	height: 10px;
	background-size: 10px 10px;
	vertical-align: -9%;
	margin-left: 0.1em;
}

/* .chiryo img {
	margin: 0 auto 10px auto;
}
.chiryo img + img {
	margin-top: 10px;
} */

a.blue_btn {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	background: var(--Main);
	border-radius: 4px;
	box-shadow: 0 4px #457590;
	margin-bottom: 4px;
	padding: 8px 28px;
}

a.red_btn {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	background: var(--Accent);
	border-radius: 4px;
	box-shadow: 0 4px #741010;
	margin-bottom: 4px;
	padding: 8px 28px;
}

.blue_btn {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	background: var(--Main);
	border-radius: 4px;
	box-shadow: 0 4px #457590;
	margin-bottom: 4px;
	padding: 8px 28px;
}

.red_btn {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	background: var(--Accent);
	border-radius: 4px;
	box-shadow: 0 4px #741010;
	margin-bottom: 4px;
	padding: 8px 28px;
}

.hikaku_table .blue_btn,
.hikaku_table .red_btn {
	width: calc((100% - 8px) / 2);
	height: 36px;
	padding: 0;
}

.btn_area {
	position: relative;
	display: flex;
	gap: 8px;
	border-top: dashed 1px #707070;
	padding: 1em 8px 0;
	margin: 11px -1em 0;
}

a.c__btn-blue {
	display: block;
	width: 128px;
	height: 32px;
	line-height: 32px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #004bb1;
	text-decoration: none;
	border-bottom: 3px solid #333333;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	position: relative;
}

a.c__btn-blue:after {
	content: "";
	display: inline-block;
	position: absolute;
	background-image: url(../img/ico-wh-arrow.svg);
	width: 5px;
	background-repeat: no-repeat;
	background-size: contain;
	height: 8px;
	top: 52%;
	right: 8px;
	transform: translateY(-44%);
}

img.review__title {
	margin-bottom: 40px;
}

.review__block {
	width: calc(100% - 40px);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
	position: relative;
}

.review__block:after {
	content: "";
	display: block;
	background-image: url(../img/arrow_down_blue.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 56px;
	background-size: cover;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.review__item {
	/* margin-bottom: 32px; */
}

.review__item:last-of-type {
	margin-bottom: 16px;
}

.review__name {
	background-color: #004bb1;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	height: 42px;
	line-height: 42px;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.review__name:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 16px;
}

#review01 .review__name:before {
	background-image: url(../img/chap.png);
	width: 25px;
	height: 48px;
}

#review02 .review__name:before {
	background-image: url(../img/poly.png);
	width: 16px;
	height: 69px;
}

#review03 .review__name:before {
	background-image: url(../img/plan.png);
	width: 21px;
	height: 72px;
}

#review04 .review__name:before {
	background-image: url(../img/iquos.png);
	width: 20px;
	height: 72px;
}

#review05 .review__name:before {
	background-image: url(../img/newmo.png);
	width: 30px;
	height: 69px;
}

.review__dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

.review__dl.-col3 dt,
.review__dl.-col3 dd {
	width: 32.8%;
}

.review__dl.-col2 {
	border-bottom: 2px solid #f0f3f5;
	border-right: 2px solid #f0f3f5;
	border-left: 2px solid #f0f3f5;
}

.review__dl.-col2 dt,
.review__dl.-col2 dd {
	width: 49.5%;
}

.review__dl .bg {
	background-color: #f0f3f5;
}

.review__dl dt {
	font-size: 12px;
	font-weight: bold;
	background-color: #cdd6dd;
}

.review__dl dd {
	font-size: 12px;
	line-height: 1.6;
	padding-top: 8px;
}

.review__dl dd p {
	padding-right: 9px;
	padding-left: 9px;
}

.review__dl img {
	margin-bottom: 8px;
}

.matome__block {
	margin-top: 32px;
	background-size: auto auto;
	background-color: rgba(88, 155, 192, 1);
	background-image: repeating-linear-gradient(45deg,
			transparent,
			transparent 4px,
			rgba(166, 188, 199, 1) 4px,
			rgba(166, 188, 199, 1) 6px);
	padding: 20px 20px 44px;
}

.matome__block img.matome_header {
	display: block;
}

.matome__block .point__box {
	margin: 0 24px;
}

.matome__wrap {
	background-color: #fff;
	border-radius: 16px;
	margin-top: 16px;
	margin-bottom: 20px;
	padding: 32px 20px 24px;
}

.matome__catch {
	font-size: 2rem;
	font-weight: bold;
	color: var(--Main);
	text-align: center;
	line-height: 1.4;
}

.matome__wrap p:not(.matome__catch) {
	margin-top: 16px;
	font-weight: normal;
}

@media screen and (min-width: 641px) {
	.matome__block {
		margin-top: 120px;
	}

	.matome__wrap p:not(.matome__catch) {
		font-size: 1.5rem;
	}

	.matome__block>div.cta>a>img {
		width: 600px;
	}
}

/* 2021/10/19 検索結果ページ アイテム */
.result__item {
	background-color: #f0f3f5;
	padding: 16px 20px 28px;
	margin-bottom: 40px;
}

.result__item:last-of-type {
	/* margin-bottom: 0; */
}

.product__area {
	margin-bottom: 24px;
}

.product__area a img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.product__name {
	position: relative;
	font-size: 20px;
	margin-bottom: 16px;
	border-left: none;
	padding-left: 16px;
}

.result_data__area .point__area {
	max-width: 740px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .nayami__area {
	max-width: 740px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .r_point__area {
	max-width: 656px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .cta__area {
	/* max-width: 740px; */
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.result_data__area .point__table {
	max-width: 740px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .point__table {
	max-width: 740px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .product__name {
	margin-right: auto;
	margin-left: auto;
}

.point__area {
	margin-bottom: 16px;
}

.point__title {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
	width: 112px;
}

.point__catch {
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 8px 0;
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 1.3;
}

.point__list li {
	display: flex;
	position: relative;
	padding-left: 32px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}

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

.point__list li:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 5px;
}

.point__list li:first-of-type:before {
	background-image: url(../img/howto_num01.svg);
}

.point__list li:nth-of-type(2):before {
	background-image: url(../img/howto_num02.svg);
}

.point__list li:nth-of-type(3):before {
	background-image: url(../img/howto_num03.svg);
}

.point__table {
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
	font-size: 14px;
}

.point__table th {
	min-width: 90px;
	border-left: none;
	background-color: #fff;
	border: none;
	border-bottom: 1px dashed #707070;
	border-right: 1px solid #707070;
	line-height: 1.5;
}

.point__table td {
	min-width: calc(100% - 120px);
	background-color: #f0f3f5;
	border: none;
	border-bottom: 1px dashed #707070;
	font-size: 12px;
	line-height: 1.5;
}

.point__table .red {
	font-size: 16px;
}

.point__table small {
	font-size: 12px;
	color: #6f7579;
	font-weight: initial;
}

.nayami__area {
	margin-bottom: 16px;
}

.nayami__title {
	text-align: center;
	color: #004bb1;
	font-weight: bold;
	margin-bottom: 12px;
}

.nayami__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 6px;
	/* row-gap: 25px; */
}

.nayami__list li,
.nayami__list label {
	position: relative;
	height: 40px;
	background-color: #fff;
	margin-bottom: 6px;
	padding-left: 40px;
	padding-right: 10px;
	display: flex;
	font-weight: bold;
	align-items: center;
	line-height: 1.2;
	text-align: left;
}

.nayami__list li:before,
.nayami__list label:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 26px;
	height: 24px;
	position: absolute;
	left: 12px;
}

.nayami__list .nayami01:before,
.nayami__list label:first-of-type:before {
	background-image: url(../img/ico-nayami01.svg);
}

.nayami__list .nayami02:before,
.nayami__list label:nth-of-type(2):before {
	background-image: url(../img/ico-nayami02.svg);
}

.nayami__list .nayami03:before,
.nayami__list label:nth-of-type(3):before {
	background-image: url(../img/ico-nayami03.svg);
}

.nayami__list .nayami04:before,
.nayami__list label:nth-of-type(4):before {
	background-image: url(../img/ico-nayami04.svg);
}

.nayami__list .nayami05:before,
.nayami__list label:nth-of-type(5):before {
	background-image: url(../img/ico-nayami05.svg);
}

.nayami__list .nayami06:before,
.nayami__list label:nth-of-type(6):before {
	background-image: url(../img/ico-nayami06.svg);
}

.nayami__list .nayami07:before,
.nayami__list label:nth-of-type(7):before {
	background-image: url(../img/ico-nayami07.svg);
}

.nayami__list .nayami08:before,
.nayami__list label:nth-of-type(8):before {
	background-image: url(../img/ico-nayami08.svg);
}

.ureshii__area {
	margin-bottom: 24px;
}

.ureshii__title {
	text-align: center;
	color: #004bb1;
	font-size: 20px;
	font-weight: bold;
}

.ureshii__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 6px;
}

.ureshii__list li,
.ureshii__list label {
	position: relative;
	height: 40px;
	line-height: 1.33;
	background-color: #fff;
	/* margin-bottom: 8px; */
	font-weight: bold;
	/* padding-left: 16px; */
}

.age__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.age__list label,
.price__list label,
.shinsatsu__list label {
	height: 40px;
	line-height: 38px;
	text-align: center;
	padding-left: 8px;
}

.age__list label.radiobtn_text,
.shinsatsu__list label.radiobtn_text {
	border: none;
	border-right: 2px solid #98a6b5;
}

.age__list .radiobtn_text:first-of-type,
.shinsatsu__list .radiobtn_text:first-of-type {
	border-right: 1px solid #98a6b5 !important;
}

.age__list .radiobtn_text:last-of-type,
.shinsatsu__list .radiobtn_text:last-of-type {
	border-left: 1px solid #98a6b5 !important;
}

.age__list .radiobtn_text:nth-of-type(1) {
	border-right: 0.5px solid #98a6b5 !important;
}

.age__list .radiobtn_text:nth-of-type(2),
.age__list .radiobtn_text:nth-of-type(3) {
	border-right: 0.5px solid #98a6b5 !important;
	border-left: 0.5px solid #98a6b5 !important;
}

.age__list .radiobtn_text:nth-of-type(4) {
	border-left: 0.5px solid #98a6b5 !important;
}

.price__list {
	display: grid;
	grid-template-columns: 0.8fr 1fr 1fr;
}

.price__list label {
	text-align: center;
	font-size: 14px;
	padding-left: 8px;
}

.price__list label.radiobtn_text:nth-of-type(2) {
	border-right: none !important;
	border-left: none !important;
}

.shinsatsu__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	position: relative;
}

.shinsatsu__list .form_osusume {
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	background: #FF7A88;
	padding: 2px 6px 3px;
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
}

.shinsatsu__list .form_osusume::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_denkyu.svg) no-repeat center / auto 10px;
	width: 10px;
	height: 10px;
}

.shinsatsu__list .form_osusume::after {
	content: "";
	border-top: 5px solid #FF7A88;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
}

@media screen and (min-width: 641px) {
	.shinsatsu__list .form_osusume {
		font-size: 1.2rem;
		gap: 4px;
		padding: 4px 8px 5px;
		top: -33px;
	}

	.shinsatsu__list .form_osusume::before {
		background-size: auto 12px;
		width: 12px;
		height: 12px;
	}

	.shinsatsu__list .form_osusume::after {
		border-top-width: 7px;
		border-left-width: 7px;
		border-right-width: 7px;
		bottom: -6px;
	}

}

.shinsatsu__list .radiobtn_text:nth-of-type(1) {
	border-right: 0.5px solid #98a6b5 !important;
}

.shinsatsu__list .radiobtn_text:nth-of-type(2) {
	border-right: 0.5px solid #98a6b5 !important;
	border-left: 0.5px solid #98a6b5 !important;
}

.shinsatsu__list .radiobtn_text:nth-of-type(3) {
	border-left: 0.5px solid #98a6b5 !important;
}

.region__list .multi-item:nth-of-type(1),
.region__list .multi-item:nth-of-type(4) {
	border-right: 0.5px solid #98a6b5 !important;
}

.region__list .multi-item:nth-of-type(2) {
	border-left: 0.5px solid #98a6b5 !important;
}

.region__list .multi-item:nth-of-type(3) {
	border-left: none !important;
}

.region__list .multi-item:nth-of-type(5) {
	border-left: 0.5px solid #98a6b5 !important;
}

.region__list .multi-item:nth-of-type(4),
.region__list .multi-item:nth-of-type(5) {
	border-top: none !important;
}

.scroll-hint-icon {
	height: 90px;
}

.side_agent_list {
	padding: 10px 20px;
}

.mb8 {
	display: block;
	margin-bottom: 8px;
}

.count {
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}

.count .num {
	font-size: 36px;
}

.r_point__area {
	/* background-image: url(../img/r_point_bk.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; */
	background-color: #fff;
	border: #707070 solid 2px;
	margin-bottom: 16px;
	padding: 40px;
}

input[type="radio"] {
	display: none;
}

input[type="radio"]+span.radiobox:before {
	/* content: ""; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #cdd6dd;
}

input[type="radio"]+span.radiobox {
	position: relative;
	width: 14px;
	height: 14px;
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #cdd6dd;
}

input[type="radio"]:checked+span.radiobox:after,
.on input[type="radio"]+span.radiobox:after,
.on01 input[type="radio"]+span.radiobox:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 47.2%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 100px;
	background-color: #004bb1;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

input[type="radio"]:checked+span.s:after {
	top: 50%;
	left: 50%;
}

.age__list .age,
.price__list .price,
.shinsatsu__list .shinsatsu {
	position: relative;
	left: 6px;
}

input[type="checkbox"]+span.checkbox {
	display: block;
	min-width: 16px;
	max-width: 16px;
	height: 16px;
	border: 1px solid #cdd6dd;
	border-left: 2px solid #cdd6dd;
	border-top: 2px solid #cdd6dd;
	margin-right: 6px;
	margin-left: 8px;
	position: relative;
	background-color: #fff;
}

input[type="checkbox"]:checked+span.checkbox:after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 27%;
	width: 8px;
	height: 16px;
	transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.7, 0.7, 1);
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
	border-bottom: 4px solid #FFA9AF;
	border-right: 4px solid #FFA9AF;
}

.product__heading {
	width: 740px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.item1 {
	/* position: relative; */
}

.item1 .product__heading:before {
	content: "";
	background-image: url(https://hair-restorer.net/img/ico-no01.svg);
	width: 53px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.item1 .product__heading {
	padding-left: 69px;
	width: 680px;
	position: relative;
	margin: 0 auto 32px;
}

.item1 .product__name {
	border-left: none;
	padding-left: 0;
}

.item2 .product__heading,
.item3 .product__heading,
.item4 .product__heading,
.item5 .product__heading {
	padding-left: 16px;
	border-left: 4px solid #004bb1;
}

.item2 .product__name,
.item3 .product__name,
.item4 .product__name,
.item5 .product__name {
	padding-left: 0;
	border-left: none;
}

.product__catch {
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 4px;
}

.result__item .site-link {
	font-size: 14px;
}

.result__item .nayami__list li {
	height: 56px;
	/* line-height: 56px; */
}

.result__item .nayami__list li:before {
	width: 34px;
	height: 30px;
}

.result__arrow {
	width: 64px;
	margin: 0 auto 16px;
	display: block;
}

.seibun01,
.seibun02,
.seibun03 {
	color: #004bb1;
	font-weight: bold;
	position: relative;
	font-size: 14px;
	display: flex;
	align-items: center;
	padding-left: 26px;
	margin-bottom: 4px;
}

.seibun02,
.seibun03 {
	margin-top: 16px;
}

.seibun01:before,
.seibun02:before,
.seibun03:before {
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

.seibun01:before {
	background-image: url(../img/ico-seibun01.svg);
	width: 17px;
	height: 20px;
}

.seibun02:before {
	background-image: url(../img/ico-seibun02.svg);
	width: 22px;
	height: 20px;
}

.seibun03:before {
	background-image: url(../img/ico-seibun03.svg);
	width: 20px;
	height: 20px;
	top: -1px;
}

.dropdown__btn {
	/* border-radius: none; */
	margin-bottom: 20px !important;
	border-radius: 0;
	cursor: pointer;
	overflow: unset !important;
}

.dropdown__btn a {
	border-radius: 4px;
	background: none;
	background-color: #004bb1;
	pointer-events: none;
	height: 46px;
}

.dropdown__btn a:after {
	background-image: url(../img/ico-plus.svg);
}

.dropdown__btn a:before {
	content: "他の育毛剤と比較する";
	display: block;
	animation: none;
	position: unset;
	transform: none;
	width: auto;
	height: auto;
	background: none;
}

.dropdown__btn.open a:before {
	content: "比較表を閉じる";
}

.dropdown__btn.open a:after {
	background-image: url(../img/ico-minus.svg);
}

.result_data__area .hikaku__block {
	margin-bottom: 20px;
}

.Refine_Search_conditions_Area {
	font-size: 1.2rem;
}

.Refine_Search_conditions_Area .type {
	width: 48px;
	height: 20px;
	line-height: 19px !important;
	display: block;
	border-radius: 100px;
	color: #fff;
	background-color: red;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-left: 5px;
}

.Refine_Search_conditions_Area .type.must {
	background-color: #cc0000;
}

.Refine_Search_conditions_Area .type.optional {
	background-color: #dab000;
}

.js-content.scrolled {
	opacity: 1;
	visibility: visible;
	/* bottom: 30px; */
	animation: poyon-btn 1.2s 2;
	animation-delay: 800ms;
	margin: auto auto 30px auto;
}

.js-content {
	box-shadow: 0 0 8px #33383b;
	width: 740px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #004bb1;
	position: fixed;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
	margin: 0 auto;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	border: none;
	text-align: center;
	height: 56px;
	line-height: 1.25;
	cursor: pointer;
	text-decoration: none;
	border-top: 2px solid #3b4043;
	border-right: 2px solid #3b4043;
	border-left: 2px solid #3b4043;
	border-bottom: 4px solid #3b4043;
	overflow: hidden;
	/* bottom: -50px; */
	opacity: 0;
	visibility: hidden;
	inset: 0;
	margin: auto auto -100px auto;
	transition: ease 1s;
}

@keyframes poyon-btn {
	0% {
		transform: scale(1, 1) translate(0, 0%);
	}

	15% {
		transform: scale(0.9, 0.9) translate(0, 5%);
	}

	30% {
		transform: scale(1.3, 0.8) translate(0, 10%);
	}

	50% {
		transform: scale(0.8, 1.3) translate(0, -10%);
	}

	70% {
		transform: scale(1.1, 0.9) translate(0, 5%);
	}

	100% {
		transform: scale(1, 1) translate(0, 0%);
	}
}

.js-modal.close {
	display: none;
}

.js-content:before {
	content: "";
	display: block;
	background-image: url(../img/ico-reload.svg);
	background-repeat: no-repeat;
	width: 28px;
	height: 24px;
	position: absolute;
	left: 50px;
}

.js-content a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.modal__bg {
	background: rgba(0, 0, 0, 0.75);
	height: 100vh;
	position: absolute;
	width: 100%;
}

.modal__content {
	left: 50%;
	/* padding: 40px; */
	position: absolute;
	top: 45%;
	transform: translate(-50%, -50%);
	width: 740px;
	height: 80vh;
	overflow-y: scroll;
	z-index: 9999;
	max-width: 100%;
	/* padding-bottom: 40px; */
}

.result_sort_area .condition_ttl span {
	color: #fff;
}

.modal #Refine_Search_Area .condition_ttl:after {
	background-image: url(../img/ico-shindan-arrow-wh.svg);
}

.modal #Refine_Search_Area .Refine_Search_Box input.Refine_Search_btn {
	/* background: #004BB1; */
}

body.fixed {
	overflow-y: hidden;
}

.ico-close {
	position: absolute;
	top: 0;
	right: 20px;
	cursor: pointer;
}

.ico-close img {
	width: 20px;
	height: 20px;
}

.result_data__area .hikaku__block table {
	max-width: 100%;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

.result_data__area .hikaku__block table:after {
	content: none;
}

.wakarukoto {
	background: none;
	margin-bottom: 6px;
}

.nav__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2px;
	background-color: #fff;
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
}

.nav__list li {
	background-color: #004bb1;
	height: 64px;
}

.nav__list li a {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
	position: relative;
}

.nav__list li a:after {
	content: "";
	background-image: url(../img/ico-navarrow.svg);
	width: 12px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 6px;
}

/* kobetu-hikaku2パーツ */
.kobetu-hikaku2 {
	margin: 10px auto 0;
}

.kobetu-hikaku2 table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

.kobetu-hikaku2 table th,
.kobetu-hikaku2 table td {
	font-size: 1.4rem;
	border: solid 1px #ccc;
	padding: 10px;
	vertical-align: middle;
	line-height: 1.3;
}

.kobetu-hikaku2 table th {
	color: #333;
	background-color: #f2f2f2;
	min-width: 50px;
}

@media screen and (min-width: 641px) {}

.single_contents a {
	text-align: center;
	width: calc(100% - 40px);
	margin-left: 20px;
	line-height: 1.33;
}

/* 比較テーブル（詳細） */
.hikaku__block.hikaku__detail .table_tab_area {
	padding-left: 20px;
	overflow-x: scroll;
}

.comparisonTable {
	position: relative;
}

.comparisonTable::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 1px;
}

.hikaku__block.hikaku__detail thead th {
	position: sticky;
}

.hikaku__block.hikaku__detail tbody td:last-child {
	text-align: center;
}

.hikaku__block.hikaku__detail tbody tr:first-child th,
.hikaku__block.hikaku__detail tbody tr:first-child td {
	background: #FFFDE3;
	border-top: 4px solid var(--Accent);
	border-bottom: 4px solid var(--Accent);
}

.fb .hikaku__block.hikaku__detail tbody tr:first-child th,
.fb .hikaku__block.hikaku__detail tbody tr:first-child td {
	background: #fff;
	border-top: 4px solid var(--Accent);
	border-bottom: 4px solid var(--Accent);
}

.fb .hikaku__block.hikaku__detail tbody tr td:nth-of-type(1) {
	background: #FFFDE3;
}

.hikaku__block.hikaku__detail tbody tr:first-child th {
	border-left: 4px solid var(--Accent);
	position: relative;
}

.hikaku__block.hikaku__detail tbody tr:first-child td:first-of-type::before {
	content: "人気No.1";
	line-height: 1;
	padding: 4px 6px;
	background-color: var(--Text_main);
	color: #fff;
	font-size: 12px;
	display: inline-block;
	position: absolute;
	top: -2px;
	left: -2px;
}

.fb .hikaku__block.hikaku__detail tbody tr:first-child th::before {
	position: unset;
}

.hikaku__block.hikaku__detail tbody tr:first-child td:last-child {
	border-right: 4px solid var(--Accent);
}

.hikaku__block.hikaku__detail .icon_flex {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin: 0;
}

.hikaku__block.hikaku__detail .flex.icon_flex img {
	margin: 0;
}

.hikaku__block.hikaku__detail a.counseling-link {
	font-weight: bold;
	display: inline-block;
	width: auto;
}

.hikaku__block__ano {
	padding: 0 20px;
	display: block;
	margin-top: 4px;
	line-height: 1.2;
}

.hikaku__detail__ano {
	display: block;
	margin-top: 4px;
	line-height: 1.2;

}

@media screen and (min-width: 641px) {
	.hikaku__detail {
		margin-top: 120px;
	}

	.hikaku__block.hikaku__detail .table_tab_area {
		padding-left: 0;
		overflow-x: hidden;
		width: 100%;
	}

	.hikaku__block.hikaku__detail {
		padding: 0;
	}

	.hikaku__block.hikaku__detail a.counseling-link {
		font-size: 16px;
	}

	div.hikaku_result>a>img {
		width: 600px;
	}
}

.good_2,
.good,
.notgood {
	display: inline-flex;
	gap: 4px;
}

.good_2,
.good,
.notgood+.good_2,
.good,
.notgood {
	margin-top: 4px;
}

.good_2::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_dublecircle.svg);
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	flex-shrink: 0;
	margin-top: 0.25em;
}

.good::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_circle.svg);
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	flex-shrink: 0;
	margin-top: 0.25em;
}

.notgood::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_triangle.svg);
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	flex-shrink: 0;
	margin-top: 0.25em;
}

@media screen and (min-width: 641px) {
	.Refine_Search_Title {
		margin-top: 24px;
	}

	.shindan__block {
		margin-bottom: 0;
	}

	.shindan__block .Refine_Search_Title {
		margin-top: 120px;
		padding-bottom: 0;
	}

	.shindan__block .Refine_Search_Title img {
		width: 335px;
	}

	.Refine_Search_Box_wrap {
		padding-top: 0;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area label {
		height: 56px;
	}

	.Refine_Search_conditions_Area .mokuteki__list,
	.Refine_Search_conditions_Area .region__list {
		flex-wrap: nowrap;
		column-gap: 0;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.mokuteki__area .multi-item,
	.region__area .multi-item {
		margin-bottom: 0;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area {
		margin-bottom: 20px;
	}

	.shindan__block {
		padding-bottom: 0;
	}

	.info__block img {
		width: 68%;
	}

	.ranking__block {
		margin-top: 100px;
	}

	.ranking__wrap {
		margin-top: 20px;
		margin-bottom: 76px;
	}

	.rank__item {
		margin-top: 40px;
		background: #F0F6FA;
	}

	.rank__name {
		margin-bottom: 8px;
	}

	.rank__item a img {
		width: 600px;
	}

	.column.-two td {
		padding: 8px 16px;
	}

	.tag__wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.ranking__point-box img {
		margin: 12px auto;
	}

	.before_arrow {
		text-align: right;
	}

	.before_arrow+.ranking__point .ranking__point-ttl {
		margin-top: 12px;
	}

	.rank__item .cta__area {
		margin: 20px 0 0;
		padding: 24px 20px 16px;
	}

	.ranking__accordion-btn.blue_btn {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
	}

	.hikaku_result {
		text-align: center;
		margin-top: 30px;
	}

	.hikaku_result p {
		text-align: center;
		/* margin-top: 100px; */
	}

	.hikaku_result img {
		width: 720px;
	}

	.hikaku_result img:first-child {
		margin-top: 8px;
	}

	.shippai__item {
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.shippai__item:first-child {
		margin-top: 32px;
	}

	.matome__block img:not(.matome_header) {
		width: 720px;
	}

	.matome__wrap {
		margin-bottom: 28px;
	}

	.footer_menu .footer_menu_inner {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 120px;
	}

	.side_agent_list {
		padding: 0 24px;
	}

	.widget h3 {
		color: var(--Text);
		padding: 0;
	}

	.footer_menu .widget ul li a::before {
		content: "";
		display: inline-block;
		border-left: 5px solid var(--Grey);
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		margin-right: 8px;
	}

	.product__name a::after {
		vertical-align: 2%;
	}

	img.table_header {
		box-sizing: border-box;
		width: 100%;
		background: #fff2f3;
		padding: 0 25%;
	}

	img.realvoice__header {
		box-sizing: border-box;
		background: var(--Back);
		width: calc(100% - 40px);
		padding: 0 25%;
	}

	.shindan__block .Refine_Search_Title img {
		width: 50%;
	}

	img.img_big {
		box-sizing: border-box;
		width: 100%;
		padding: 0 25%;
	}

	.howto__block img.img_big {
		padding: 0 30%;
	}

	img.ranking__heading {
		box-sizing: border-box;
		width: 100%;
		background: var(--Main);
		padding: 0 25%;
	}

	.ranking__block .ranking__top {
		padding: 0;
	}

	img.matome_header {
		width: 18%;
	}

	.ranking_cta_logo {
		height: 56px;
		width: auto;
	}

	.good_2::before,
	.good::before,
	.notgood::before {
		margin-top: 0.4em;
	}
}

/*絞り込み検索フォーム*/
.mokuteki__area,
.region__area {
	margin-bottom: 16px;
}

.mokuteki__title,
.region__title {
	text-align: center;
	color: #004bb1;
	font-weight: bold;
	margin-bottom: 12px;
}

.mokuteki__list .multi-item:nth-of-type(1) {
	width: calc(200% + 4px);
}

.mokuteki__list,
.region__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 6px;
	/* row-gap: 25px; */
}

.region__list {
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 0;
	row-gap: 0;
}

.mokuteki__list li,
.mokuteki__list label,
.region__list li,
.region__list label {
	position: relative;
	height: 56px;
	background-color: #fff;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	display: flex;
	font-weight: bold;
	align-items: center;
	line-height: 1.2;
	text-align: left;
}

.region__list li,
.region__list label {
	height: 42px;
}

.region__list .multi-item {
	margin-bottom: 0;
}

.mokuteki__list li:before,
.mokuteki__list label:before,
.region__list li:before,
.region__list label:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 26px;
	height: 24px;
	position: absolute;
	left: 12px;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area.region__area {
	display: none;
}

.kodawari__area {
	margin-bottom: 24px;
}

.kodawari__title {
	text-align: center;
	color: #004bb1;
	font-size: 20px;
	font-weight: bold;
}

.kodawari__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 6px;
}

.kodawari__list li,
.kodawari__list label {
	position: relative;
	height: 56px;
	line-height: 1.33;
	background-color: #fff;
	/* margin-bottom: 8px; */
	font-weight: bold;
	/* padding-left: 16px; */
}

input[type="checkbox"]+span.checkbox_icon {
	display: block;
	height: 24px;
	margin-right: 8px;
	margin-left: 14px;
	position: relative;
	position: relative;
}

.kodawari__list>.multi-item:nth-child(1)>label>span {
	background-image: url(../img/kodawari_icon01.svg);
	width: 32px;
	height: 22.2px;
	margin-left: 9.7px;
}

.kodawari__list>.multi-item:nth-child(2)>label>span {
	background-image: url(../img/kodawari_icon02.svg);
	width: 21px;
	height: 24px;
	margin-left: 20px;
}

.kodawari__list>.multi-item:nth-child(3)>label>span {
	background-image: url(../img/kodawari_icon03.svg);
	width: 24px;
	height: 22.5px;
	margin-left: 14px;
}

.kodawari__list>.multi-item:nth-child(4)>label>span {
	background-image: url(../img/kodawari_icon04.svg);
	width: 24px;
	height: 24px;
	margin-left: 17.5px;
}

.kodawari__list>.multi-item:nth-child(5)>label>span {
	background-image: url(../img/kodawari_icon05.svg);
	width: 20.36px;
	height: 32px;
	margin-left: 14px;
}

.kodawari__list>.multi-item:nth-child(6)>label>span {
	background-image: url(../img/kodawari_icon06.svg);
	width: 28px;
	height: 21.78px;
	margin-left: 17px;
}

.kodawari__list>.multi-item:nth-child(7)>label>span {
	background-image: url(../img/kodawari_icon07.svg);
	width: 24.83px;
	height: 21.73px;
	margin-left: 14px;
}

.kodawari__list>.multi-item:nth-child(8)>label>span {
	background-image: url(../img/kodawari_icon08.svg);
	width: 32px;
	height: 30.43px;
	margin-left: 13.5px;
}

#Refine_Search_Area .on,
#Refine_Search_Area .on02,
.kodawari__list .selected {
	background-color: #589bc0 !important;
	color: #fff !important;
}

#Refine_Search_Area .condition_ttl:after {
	content: "";
	display: block;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1tZC1hcnJvdy1kcm9wcmlnaHQtY2lyY2xlIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtbWQtYXJyb3ctZHJvcHJpZ2h0LWNpcmNsZSIgZD0iTTEwLjM3NSwxNy4zNzVhNyw3LDAsMSwwLTctN0E3LDcsMCwwLDAsMTAuMzc1LDE3LjM3NVpNOS4zLDEzLjYwNlY3LjE0NGwzLjIzMSwzLjIzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjM3NSAtMy4zNzUpIiBmaWxsPSIjNTg5YmMwIi8+Cjwvc3ZnPgo=);
	background-size: cover;
	position: absolute;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
}

input[type="radio"]:checked+span.radiobox:after,
.on input[type="radio"]+span.radiobox:after,
.on01 input[type="radio"]+span.radiobox:after {
	background-color: #589bc0;
}

.Refine_Search_Title {
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}

.Refine_Search_Title img {
	vertical-align: bottom;
	width: 100%;
}

.Refine_Search_cta::after {
	content: "";
	display: inline;
	width: 1px;
	height: 1px;
	clear: both;
}

.Refine_Search_reset {
	border: none;
	padding: 0;
	background: none;
}

.Refine_Search_number {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	padding: 0 20px;
	vertical-align: bottom;
}

.Refine_Search_submit {
	float: right;
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}

.Refine_Search_submit input:hover,
.Refine_Search_reset:hover {
	cursor: pointer;
	opacity: 0.6;
}

.contents img.nolink_searchresult {
	opacity: 0.4;
	display: inline-block;
	vertical-align: bottom;
	width: 160px;
	height: 48px;
}

/* 絞り込み検索フォーム PCのみ */
@media screen and (min-width: 641px) {

	.mokuteki__list .multi-item:nth-of-type(1),
	.region__list .multi-item:nth-of-type(1) {
		width: calc(100% + 0px);
	}

	.mokuteki__list .multi-item:nth-of-type(1)+br,
	.region__list .multi-item:nth-of-type(1)+br {
		display: none;
	}
}

/* 検索結果ページ */
#Refine_Search_Area dl.Refine_Search_conditions_Area {
	max-width: 1000px;
}

.resultData__area {
	width: auto;
	box-sizing: border-box;
	overflow-x: scroll;
	padding-left: 20px;
}

@media screen and (min-width: 641px) {
	.resultData__area {
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
	}
}

table.comparisonTable {
	/* min-width:  400px; */
	width: 100%;
	border-top: 2px solid #707070;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	position: relative;
	border-collapse: separate;
	overflow-x: scroll;
	table-layout: fixed;
	margin-bottom: 0;
}

@media screen and (min-width: 641px) {
	table.comparisonTable {
		/* min-width: 1000px; */
	}
}

table.comparisonTable th,
table.comparisonTable td {
	border: none;
	border-left: none;
	border-right: 1px dashed #707070;
	background-clip: padding-box;
	padding: 10px 10px;
}

table.comparisonTable th:last-child,
table.comparisonTable td:last-child {
	border-right: none;
}

table.comparisonTable thead {
	position: sticky;
	top: 0;
	z-index: 200;
}

table.comparisonTable thead>tr>th {
	z-index: 1;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 6px;
	text-align: center;
	font-size: 1.2rem;
	background-color: #fff;
	color: var(--Text);
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #707070;
}

table.comparisonTable thead>tr>th small {
	color: #6f7579;
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 0 auto;
	text-align: center;
}

table.comparisonTable th:first-child {
	min-width: 85px;
	box-sizing: border-box;
	position: relative;
}

table.comparisonTable tbody th:first-child {
	height: 136px;
	padding: 12px;
}

.faga.fb table.comparisonTable tbody th:first-child {
	height: 100%;
	width: 9%;
}

table.comparisonTable thead>tr>th:nth-child(1) {
	/* width: 8.4%; */
	z-index: 100 !important;
	width: 129px;
}

table.comparisonTable thead>tr>th:nth-child(2) {
	/* width: 12.4%; */
	width: 140px;
}

table.comparisonTable thead>tr>th:nth-child(3) {
	/* width: 8.2%; */
	width: 120px;
}

table.comparisonTable thead>tr>th:nth-child(4) {
	/* width: 17.4%; */
	width: 192px;
}

table.comparisonTable thead>tr>th:nth-child(5) {
	/* width: 16.2%; */
	width: 176px;
}

table.comparisonTable tbody>tr>td,
table.comparisonTable tbody>tr>th {
	font-size: 14px;
	background-color: #fff;
	line-height: 1.5;
	box-sizing: border-box;
	border-bottom: 1px solid #707070;
	z-index: 100;
}

table.comparisonTable tbody>tr {
	position: relative;
}

table.comparisonTable tbody>tr>td.id_1,
table.comparisonTable tbody>tr>th.id_1 {
	background-color: #FFFDE3;
}

table.comparisonTable tbody>tr>th.id_1 {
	position: relative;
	border: 4px solid #a71616;
}

table.comparisonTable tbody>tr>th.id_1::before {
	content: "人気No.1";
	line-height: 1;
	padding: 4px 6px;
	background-color: #a71616;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	position: absolute;
	top: -2px;
	left: -2px;
}

table.comparisonTable tbody th {
	min-width: 85px;
	box-sizing: border-box;
	z-index: 10;
}

table.comparisonTable tbody td:last-child small {
	line-height: 1.5;
}

table.comparisonTable thead th:first-child {
	z-index: 10;
}

.comparisonTable__data-logo_wrap {
	box-sizing: border-box;
	border: 1px solid var(--Grey);
	background: #ffff;
	width: 104px;
	height: 104px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

table.comparisonTable tbody tr:first-child th .comparisonTable__data-logo_wrap {
	margin-top: 12px;
	margin-left: -4px;
}

.comparisonTable__data-logo_wrap .comparisonTable__data-logo {
	margin: 0 auto;
	width: 88px;
	max-width: 88px;
	margin: 0;
	/* transition: all 0.3s; */
}

.comparisonTable__data-logo.agaskin {
	height: auto;
}

.comparisonTable__data-copy {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
}

.comparisonTable__data-link .counseling-link {
	margin: 20px auto 0;
	position: relative;
	font-size: 10px;
	display: inline-block;
	/* align-items: flex-end; */
	text-align: left;
	margin-top: 6px;
}

.comparisonTable__data-link .counseling-link::after {
	content: "";
	width: 6px;
	height: 10px;
	display: inline-block;
	margin-left: 3px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNiAxMCI+CiAgPHBhdGggaWQ9IuWkmuinkuW9ol81IiBkYXRhLW5hbWU9IuWkmuinkuW9oiA1IiBkPSJNNSwwbDUsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNikgcm90YXRlKDkwKSIgZmlsbD0iIzcwN2Y4OSIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	flex-shrink: 1;
	bottom: 0;
	vertical-align: -12%;
}

.comparisonTable__data-counseling,
.comparisonTable__data-treatment {
	text-align: center;
}

.counseling {
	font-weight: bold;
	display: block;
	margin: 0 0 2px;
}

.treatment-txt {
	text-align: center;
	display: block;
	color: #707f89;
	font-size: 10px;
}

img.treatment-icon {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto 10px;
}

img.counseling-icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	vertical-align: bottom;
	margin: 0 1px;
	z-index: 1;
}

img.counseling-icon.off {
	opacity: 0.4;
}

.comparisonTable__data-etcPrice {
	text-align: center;
}

.reserveTxt__list-item {
	margin: 0 0 5px;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
}

.reserveTxt__list-item::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: 14px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvX2NpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCI+CiAgPGcgaWQ9IualleWGhuW9ol8zNjYiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDM2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTg5YmMwIiBzdHJva2Utd2lkdGg9IjIiPgogICAgPGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjciIHN0cm9rZT0ibm9uZSIvPgogICAgPGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjYiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo=");
	position: absolute;
	top: 4px;
	left: 0;
	background-repeat: no-repeat;
}

.reserveTxt__list-item.maru2::before {
	background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzU0ODQiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDU0ODQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiPgogIDxnIGlkPSLmpZXlhoblvaJfMzY2IiBkYXRhLW5hbWU9IualleWGhuW9oiAzNjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2E3MTYxNiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgIDxjaXJjbGUgY3g9IjciIGN5PSI3IiByPSI3IiBzdHJva2U9Im5vbmUiLz4KICAgIDxjaXJjbGUgY3g9IjciIGN5PSI3IiByPSI2IiBmaWxsPSJub25lIi8+CiAgPC9nPgogIDxnIGlkPSLmpZXlhoblvaJfMzY3IiBkYXRhLW5hbWU9IualleWGhuW9oiAzNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2E3MTYxNiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgIDxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIiBzdHJva2U9Im5vbmUiLz4KICAgIDxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIyIiBmaWxsPSJub25lIi8+CiAgPC9nPgo8L3N2Zz4K");
}

.reserveTxt__list-item.sankaku::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvX3RyaWFuZ2xlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDEyIj4KICA8ZyBpZD0i5aSa6KeS5b2iXzYiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDYiIGZpbGw9Im5vbmUiPgogICAgPHBhdGggZD0iTTcsMGw3LDEySDBaIiBzdHJva2U9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0gNyAzLjk2OTI3MTY1OTg1MTA3NCBMIDMuNDgyMDc0NzM3NTQ4ODI4IDEwIEwgMTAuNTE3OTI1MjYyNDUxMTcgMTAgTCA3IDMuOTY5MjcxNjU5ODUxMDc0IE0gNyAwIEwgMTQgMTIgTCAwIDEyIEwgNyAwIFoiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzcwN2Y4OSIvPgogIDwvZz4KPC9zdmc+Cg==");
}

a.comparisonTable__link {
	border-radius: 4px;
	background-color: #a71616;
	box-shadow: 0 4px #741010;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	font-size: 1.2rem;
	width: 96px;
	height: 32px;
	box-sizing: border-box;
	margin-top: 1em;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

a.comparisonTable__link::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_button_arrow.svg);
	width: 7px;
	height: 8px;
	background-size: 7px 8px;
	margin-left: 4px;
	margin-right: 0;
}

@media screen and (min-width: 641px) {
	a.comparisonTable__link {
		width: 108px;
		margin-top: 10px;
	}

	.comparisonTable__data-link .counseling-link::after {
		width: 10px;
		height: 16px;
		background-size: 8px auto;
		vertical-align: -20%;
	}
}

.imgttl_searchresult {
	width: auto;
	margin: 0;
}

.imgttl_searchresult a:hover,
.imgttl_searchresult img:hover {
	opacity: 0.6 !important;
	cursor: pointer;
}

.imgttl_searchresult img {
	width: 100%;
	vertical-align: bottom;
}

.searchresult_Search_number .Refine_Search_number {
	display: block;
	height: 46px;
	text-align: center;
}

.searchresult_Search_number .Refine_Search_number .searchresult_Search_number_text {
	font-size: 1.4rem;
	font-weight: bold;
	vertical-align: 0.15em;
}

.searchresult_Search_number .Refine_Search_number .searchresult_Search_number_red {
	font-size: 3.2rem;
	font-weight: bold;
	color: var(--Accent);
	margin-right: 4px;
	vertical-align: baseline;
}

.searchConditions {
	width: auto;
	border-radius: 8px;
	margin: 20px;
	padding: 20px 20px 10px;
	box-sizing: border-box;
	background-color: #f4f5f0;
	font-size: 12px;
}

.searchConditions__list-title {
	font-weight: bold;
	font-size: 14px;
}

.searchConditions__list-title::before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1tZC1hcnJvdy1kcm9wcmlnaHQtY2lyY2xlIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtbWQtYXJyb3ctZHJvcHJpZ2h0LWNpcmNsZSIgZD0iTTEwLjM3NSwxNy4zNzVhNyw3LDAsMSwwLTctN0E3LDcsMCwwLDAsMTAuMzc1LDE3LjM3NVpNOS4zLDEzLjYwNlY3LjE0NGwzLjIzMSwzLjIzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjM3NSAtMy4zNzUpIiBmaWxsPSIjNTg5YmMwIi8+Cjwvc3ZnPgo=");
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.searchConditions__list {
	margin-bottom: 10px;
}

.searchConditions__list:nth-last-oy-type(1) {
	margin-bottom: 0;
}

#age_group_txt,
#shinsatsu_text {
	display: inline-block;
	margin-left: 20px;
}

#kodawari_txt,
#mokuteki_txt {
	margin-top: 0px;
	display: block;
}

.return_form_area a {
	border: none;
	width: auto;
	padding: 20px 0;
	line-height: 1;
	display: block;
	border-radius: 4px;
	color: #fff;
	margin: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	background-color: #589bc0;
}

.shindan__block.re_form {
	margin-top: 50px;
}

/* 検索結果ページ PC */
@media screen and (min-width: 641px) {
	table.comparisonTable tbody>tr>th.id_1 {
		border-left: 4px solid #a71616;
		border-top: 4px solid #a71616;
		border-bottom: 4px solid #a71616;
		border-right: 1px #999 dashed;
	}

	table.comparisonTable tbody>tr>td.id_1 {
		border-top: 4px solid #a71616;
		border-bottom: 4px solid #a71616;
	}

	table.comparisonTable tbody>tr:first-child>td:last-child {
		border-right: 4px solid #a71616;
	}
}

/* トップキャッチ */
.catch__block {
	margin-top: 20px;
	padding: 0 20px;
}

.catch__txt {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.catch__txt+p {
	margin-top: 12px;
}

.catch__header+.catch__txt {
	margin-top: 10px;
}

@media screen and (min-width: 641px) {
	.catch__block {
		width: 1000px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}

	.catch__header+.catch__txt {
		margin-top: 16px;
	}

	.catch__header {
		display: block;
		margin: 0 auto;
	}

	#MAIN .catch__block>p {
		font-size: 1.5rem;
		margin-top: 20px;
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	#MAIN .catch__block>h3 {
		box-sizing: border-box;
		width: calc(100% - 40px);
		margin: 40px 20px 0;
	}

	#MAIN>img {
		width: 600px;
		margin-top: 120px;
	}

	#MAIN>*:first-child {
		margin-top: 0;
	}

	.catch__block .kobetu-hikaku2 {
		margin-top: 12px;
		padding: 0 20px;
	}

	.catch__block .small12 {
		padding: 0 20px;
	}
}

/* no1 */
.no1__block {
	margin: 16px auto 32px;
	position: relative;
}

.no1__block::after {
	content: "";
	display: inline-block;
	border-top: solid 20px var(--Back);
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}

.no1__block .no1__item-ttl {
	font-size: 1.8rem;
	line-height: 1.8;
	text-align: center;
	position: relative;
}

.no1__block .no1__item-ttl::after {
	content: "";
	display: inline-block;
	width: 81%;
	height: 2px;
	background: var(--Main);
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
}

.no1__block .no1__item-ttl+.no1__item-txt {
	font-size: 1.4rem;
	margin-top: 16px;
}

.no1__block .no1__item-txt {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.6;
	flex-shrink: 1;
}

@media screen and (min-width: 641px) {
	.no1__block {
		width: 1000px;
	}

	.no1__block a.red_btn {
		width: 40%;
	}

	.no1__block .no1__item-ttl::after {
		width: 26%;
	}
}

/* ========================================================
簡易比較表
=========================================================*/
#top .hikaku__simple,
#medicine .hikaku__simple {
	margin-top: 40px;
}

.hikaku__simple-ttl {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 32px;
}

.hikaku__simple-ttl_sub {
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0.075em;
	color: #fff;
	display: inline-block;
	background: var(--Text);
	border-radius: 4px 4px 0 0;
	padding: 0 20px 1px;
}

.hikaku__simple-ttl_main {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.9;
	letter-spacing: 0.075;
	color: var(--Text);
	background: var(--Back);
	padding: 10px 20px 12px;
	position: relative;
	margin-top: -1px;
}

.hikaku__simple-ttl_main::after {
	content: "";
	display: inline-block;
	border-top: solid 16px var(--Back);
	border-left: solid calc(50vw - 20px) transparent;
	border-right: solid calc(50vw - 20px) transparent;
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	/* box-shadow: 0 -8px 0px -1px var(--Main); */
	/* z-index: 2; */
	filter: drop-shadow(0 1px var(--Back));
}

.hikaku__simple-ttl_main-line {
	box-sizing: border-box;
	border-bottom: solid 2px var(--Main);
	padding: 2px 0;
}

@media screen and (min-width: 641px) {
	.hikaku__simple {
		margin-top: 120px;
	}

	#top .hikaku__simple,
	#medicine .hikaku__simple {
		margin-top: 120px;
	}

	.hikaku__simple-ttl {
		margin-top: 36px;
		margin-bottom: 52px;
	}

	.hikaku__simple-ttl_sub {
		padding: 0 24px;
	}

	.hikaku__simple-ttl_main::after {
		border-top: solid 24px var(--Back);
		border-left: solid calc(50vw - ((100vw - 960px) / 2)) transparent;
		border-right: solid calc(50vw - ((100vw - 960px) / 2)) transparent;
		bottom: -24px;
	}
}

/* バナーリンク */
.rank__item-bnr {
	box-sizing: border-box;
	color: #fff;
	background: var(--Text);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
	padding: 8px 10px 8px 14px;
	text-decoration: none;
}

a.bnr-link {
	text-decoration: none;
}

p.rank__item-bnr_txt {
	font-size: 1.2rem;
	line-height: 1.42;
	margin: 0;
	text-align: left;
}

.rank__item-bnr_box {
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 32px;
	text-align: center;
	background: #d24a4e;
	border-radius: 2px;
	width: 48%;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.rank__item-bnr_box::after {
	content: "";
	display: inline-block;
	background: url(../img/arrow-dropright-circle.svg);
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}

@media screen and (min-width: 641px) {
	.rank__item-bnr {
		width: 600px;
		margin: 0 auto;
		padding: 12px 14px 12px 18px;
	}

	.rank__item-bnr_box {
		width: 300px;
		height: auto;
		justify-content: center;
		padding-left: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.form_header {
	box-sizing: border-box;
	margin: 16px 0 8px;
	padding: 0 20px;
}

/* realvoice */
.realvoice {
	margin-top: 20px;
}

.realvoice__header {
	box-sizing: border-box;
	padding: 0 20px;
}

.realvoice__contents {
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;
	margin-top: 16px;
	padding-left: 20px;
	width: 100%;
	box-sizing: border-box;
}

.realvoice__contents::-webkit-scrollbar {
	display: none;
}

.realvoice__contents .realvoice__item {
	width: 72%;
	margin-right: 20px;
	flex-shrink: 0;
}

.realvoice__contents .realvoice__item:last-child {
	position: relative;
	margin-right: 0;
}

.realvoice__contents .realvoice__item:last-child::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 1px;
}

.realvoice .before_arrow {
	font-size: 14px;
	margin-top: 0;
}

@media screen and (min-width: 641px) {
	.realvoice {
		margin-top: 120px;
	}

	.realvoice__contents {
		justify-content: center;
		margin-top: 24px;
		padding-left: 0;
	}

	.realvoice__contents .realvoice__item {
		width: calc((100% - 80px) / 3);
	}

	#ranking .realvoice__contents .realvoice__item,
	#area .realvoice__contents .realvoice__item {
		width: calc((100% - 60px) / 2);
	}

	.realvoice .catch__txt {
		padding: 0 20px;
	}
}

/* ranking内簡易表 */
.rank__item .hikaku__simpleItem-table {
	border-top: 2px solid var(--Grey);
	border-bottom: 2px solid var(--Grey);
	margin-top: 20px;
}

.rank__item .hikaku__simpleItem-table th {
	background: var(--Grey);
}

.rank__item .hikaku__simpleItem-table td:first-child {
	border-left: none;
}

.rank__item .hikaku__simpleItem-table td:last-child {
	border-right: none;
}

/* ポイントパーツ */
.checkPoint {
	border: solid 2px var(--Main);
	border-radius: 4px;
	margin-top: 16px;
	padding: 14px 20px;
}

.checkPoint+* {
	margin-top: 16px;
}

.checkPoint__ttl {
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 4px;
	padding-left: 32px;
}

.checkPoint__ttl::before {
	content: "";
	background: url(../img/ico_checkbox.svg);
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.25em;
}

.checkPoint p {
	margin-bottom: 0;
}

/* 検索ジャンプボタン */
/*リンクを右下に固定*/
#shindan_jump {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(112px);
	margin: 0;
}

/*　上に上がる動き　*/
#shindan_jump.UpMove {
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(112px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*　下に下がる動き　*/
#shindan_jump.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(112px);
	}
}

#shindan_jump a:hover {
	opacity: 1;
}

/* ========================================================
area版 CSS調整
=========================================================*/
.clinic_off .ranking__wrap .rank__name a {
	font-size: 1.9rem;
}

.clinic_off .rank__item .before_arrow {
	font-size: 1.6rem;
	margin-top: 0;
}

.clinic_off .column.-two th,
.column.-two td {
	padding: 0.5em;
}

.clinic_off .ranking__block .flex p {
	font-size: 1.2rem;
}

.clinic_off .rank__item .column.-two th {
	width: 108px;
	font-size: 1.2rem;
}

.clinic_off .ranking__point-ttl {
	font-size: 1.7rem;
}

.clinic_off .ranking__point-ttl::before {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	margin-top: 0.26em;
}


/* ========================================================
地域名
=========================================================*/
.clinic_off .tiiki {
	font-size: 2rem;
	font-family: sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: url(../img/fv_heading.svg) no-repeat center / 132px auto;
	width: 132px;
	height: 60px;
	position: absolute;
	top: 162px;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (min-width: 641px) {
	.clinic_off .tiiki {
		background-size: 180px auto;
		width: 180px;
		height: 108px;
		top: 256px;
	}

	.clinic_off .column.-two th,
	.column.-two td {
		padding: 8px 12px;
	}
}


/* ========================================================
ランキング地域版
=========================================================*/
.ranking__top {
	padding: 0 20px;
	position: relative;
}

.ranking__top-tiiki {
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--Main);
	line-height: 1;
	letter-spacing: 0.05em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--Sub);
	width: 95px;
	height: 20px;
	position: absolute;
	top: 30%;
	left: 45%;
}

.ranking__address,
.ranking__campbox {
	border: 1px solid var(--Text);
	background: #fff;
	margin-top: 16px;
	padding: 10px 16px 12px;
}

.ranking__address-ttl,
.ranking__campbox-ttl {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.ranking__address-ttl::after,
.ranking__campbox-ttl::after {
	content: "";
	background: var(--Text);
	width: 10%;
	height: 1px;
	position: absolute;
	bottom: -24%;
	left: 50%;
	transform: translateX(-50%);
}

.ranking__address-ttl+* {
	margin-top: 16px;
}

.ranking__campbox-ttl+* {
	margin-top: 12px;
}

.ranking__address-list li,
.ranking__campbox-list li {
	font-size: 1.1rem;
	display: flex;
	gap: 8px;
	margin-top: 4px;
}

.ranking__campbox-list li {
	gap: 4px;
	margin-top: 8px;
}

.ranking__address-list li::before {
	content: "";
	display: inline-block;
	background: var(--Text);
	border-radius: 50%;
	width: 4px;
	height: 4px;
	margin-top: 0.75em;
}

.ranking__campbox-list li::before {
	content: "◆";
}

.ranking__address-txt,
.ranking__campbox-txt {
	font-size: 1.2rem;
}

.ranking__address+p,
.ranking__campbox+p {
	margin-top: 8px;
}

.ranking__address p,
.ranking__campbox p {
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 0;
}

p.ranking__campbox-notes {
	font-weight: normal;
	line-height: 1.5;
	margin-top: 14px;
	width: 100%;
}

.ranking__campbox-detail {
	margin-top: 8px;
}

.ranking__campbox-detail dt,
.ranking__campbox-detail dd {
	font-size: 1.1rem;
}

.ranking__campbox-detail dt {
	font-size: 1.2rem;
	margin-top: 6px;
}

.ranking__campbox-detail dt::before {
	content: "◆";
	margin-right: 2px;
}

img.ranking__campbox-ttl {
	width: 72%;
}

@media screen and (min-width: 641px) {
	.ranking__top-tiiki {
		top: 30%;
		left: 48.8%;
	}

	img.ranking__campbox-ttl {
		width: 32%;
		margin-top: 2px;
	}
}


/* ========================================================
平均費用・相場
=========================================================*/
.column.-two.costaverage__table-clinic th {
	box-sizing: border-box;
	text-align: center;
	padding: 13px 0 12px;
}

.fb .column.-two.costaverage__table-clinic td {
	padding: 12px;
}

.fb .column.-two th img.costaverage__table__img {
	height: 64px;
	margin-inline: auto;
}

.fb .costaverage__table__img-wrap {
	display: flex;
	justify-content: center;
}

.fb .column.-two th .costaverage__table__img-wrap img.costaverage__table__img {
	margin: 0;
}

a.hiyou_bnr {
	display: inline-block;
}

img.hiyou_logo {
	display: block;
	width: calc(100% - 24px);
	height: auto;
	margin: 0;
	padding: 0 12px;
}

a.hiyou_btn {
	border-radius: 4px;
	background-color: #a71616;
	box-shadow: 0 4px #741010;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	font-size: 1.2rem;
	width: 96px;
	height: 32px;
	box-sizing: border-box;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

a.hiyou_btn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_button_arrow.svg);
	width: 7px;
	height: 8px;
	background-size: 7px 8px;
	margin-left: 4px;
	margin-right: 0;
}

.bold_red {
	font-weight: bold;
	color: var(--Accent);
}

@media screen and (min-width: 641px) {
	a.hiyou_btn {
		width: 108px;
	}

	.costaverage__block .costaverage__heading,
	.costaverage__block .costaverage__imgttl,
	img.aco__imgttl {
		box-sizing: border-box;
		width: calc(100% - 40px);
		padding: 0 25%;
	}

	p.costaverage__txt {
		margin-top: 20px;
	}
}

/* タブパーツ */
.costaverage__tab {
	background: var(--Back);
	padding: 12px 0 24px;
	position: relative;
	margin-top: 16px;
	margin-bottom: 36px;
}

.costaverage__tab::after {
	content: "";
	display: inline-block;
	border-top: 24px solid var(--Back);
	border-left: 50vw solid transparent;
	border-right: 50vw solid transparent;
	position: absolute;
	bottom: -24px;
	left: 0;
	box-shadow: 0 -4px var(--Back);
}

.costaverage__tab-catch {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.costaverage__tab-tabArea_tabBtn {
	display: flex;
	justify-content: space-between;
	gap: 2px;
	margin: 8px 20px 0;
}

.costaverage__tab-tabArea_tabBtn li {
	border-bottom: 1px solid var(--Back);
	width: calc(100% / 3);
	height: 48px;
	z-index: 1;
}

.costaverage__tab-tabArea_tabBtn li a {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.14;
	color: #fff;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	display: block;
	background: var(--Main);
	border-radius: 8px 8px 0 0;
	height: 100%;
	padding-top: 10px;
}

.costaverage__tab-tabArea_tabBtn li a:hover {
	opacity: 1;
}

.costaverage__tab-tabArea_tabBtn li.active a {
	color: var(--Text);
	background: #fff;
	border: 1px solid var(--Text);
	border-bottom: none;
}

.costaverage__tab-tabArea_tabBtn li.active {
	position: relative;
	border-bottom: 1px solid var(--Text);
}

.costaverage__tab-tabArea_tabBtn li.active::after {
	content: "";
	display: inline-block;
	background: #fff;
	width: calc(100% - 2px);
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 1px;
}

.costaverage__tab-tabArea_contents {
	background: #fff;
	border-top: 1px solid var(--Text);
	padding: 8px 20px 24px;
	box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);
	display: none;
	opacity: 0;
}

.costaverage__tab-tabArea_contents.is-active {
	display: block;
	animation-name: displayAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes displayAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.costaverage__tab-tabArea_contents-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}

.costaverage__tab-tabArea_contents-txt {
	font-size: 1.2rem;
}

.costaverage__table {
	margin: 12px 0 0;
	table-layout: fixed;
}

.column.-two.costaverage__table thead th {
	font-size: 1.2rem;
	color: var(--Text);
	border-bottom: solid 2px var(--Grey);
	background: #f0f6fa;
	width: auto;
	padding: 4px 0;
}

.column.-two.costaverage__table thead th:first-child {
	width: 120px;
}

.column.-two.costaverage__table thead th:last-child {
	border-right: none;
}

.column.-two.costaverage__table tbody td {
	border-right: 1px solid #707070;
	text-align: center;
}

.column.-two.costaverage__table tbody td:last-child {
	border-right: none;
}

.costaverage__table-price {
	font-size: 1.6rem;
}

.costaverage__tab-tabArea_contents .costaverage__table tbody tr:first-child th,
.costaverage__tab-tabArea_contents .costaverage__table tbody tr:first-child td {
	background: #FFFDE3;
}

.costaverage__txt {
	font-size: 1.5rem;
	margin-bottom: 0;
	padding: 0 20px;
}

.costaverage__notes {
	font-size: 1rem;
	margin-top: 4px;
}

.costaverage__block .before_arrow {
	font-size: 1.2rem;
	margin-top: 0;
}

.costaverage__img {
	margin-top: 16px;
}

.costaverage__graphLink {
	margin-top: -24px;
	display: grid;
	grid-template-columns: 9% 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	justify-items: center;
}

.costaverage__graphLink .before_arrow:nth-child(1) {
	grid-column: 2;
	grid-row: 1;
}

.costaverage__graphLink .before_arrow:nth-child(2) {
	grid-column: 3;
	grid-row: 1;
}

.costaverage__graphLink .before_arrow:nth-child(3) {
	grid-column: 4;
	grid-row: 1;
}

.costaverage__graphLink .before_arrow {
	font-size: 1.1rem;
	justify-items: center;
	margin: 0;
	padding-left: 0;
}

.costaverage__graphLink .before_arrow:first-child {
	padding-left: 0;
}

.costaverage__block .red_btn+.costaverage__txt {
	margin-top: 18px;
}

.costaverage__table-padding {
	padding-left: 20px;
	padding-right: 20px;
}

.costaverage__table-padding .costaverage__table-catch {
	text-align: center;
	margin-top: 16px;
}

.costaverage__table-padding+.costaverage__txt {
	margin-top: 16px;
}

@media screen and (min-width: 641px) {
	.costaverage__table {
		margin-top: 24px;
	}

	.column.-two.costaverage__table thead th:first-child {
		width: 160px;
	}

	.costaverage__graphLink {
		display: none;
	}

	img.costaverage__img {
		width: 335px;
	}

	.costaverage__tab {
		margin-top: 20px;
		margin-bottom: 72px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.costaverage__tab::after {
		border-top: 48px solid var(--Back);
		border-left: 500px solid transparent;
		border-right: 500px solid transparent;
		bottom: -48px;
	}

	.costaverage__tab-catch {
		font-size: 1.5rem;
	}

	.costaverage__txt {
		padding: 0;
	}
}

.costaverage__block {
	margin-top: 20px;
	margin-bottom: 4px;
}

.costaverage__block a.red_btn_arrow {
	margin-top: 16px;
}

.costaverage__block a.costaverage__btn small {
	font-size: 80%;
}

.costaverage__block img.costaverage__img {
	box-sizing: border-box;
	width: calc(100% - 40px);
	margin: 16px auto 0;
}

@media screen and (min-width: 641px) {
	.costaverage__block {
		margin-top: 120px;
	}

	.costaverage__block .aco__imgttl {
		background: linear-gradient(transparent 19%, #FFB4B4 0%);
	}

	.costaverage__block a.red_btn_arrow {
		margin-top: 24px;
		width: 60%;
	}

	.costaverage__block img.costaverage__img {
		width: 60%;
	}
}


/* ========================================================
アコーディオンブロック　※アコーディオンじゃなくなりました
=========================================================*/
.aco__block {
	margin-top: 40px;
}

.aco__inner {
	box-sizing: border-box;
	padding: 0 20px;
}

.aco__block p:not(.costaverage__notes) {
	font-size: 1.5rem;
	margin-top: 12px;
	margin-bottom: 0;
}

img.aco__imgttl {
	box-sizing: border-box;
	display: block;
	background-repeat: no-repeat;
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
}

@media screen and (min-width: 641px) {
	.aco__inner {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.aco__block {
		margin-top: 120px;
	}

	.aco__block p:not(.costaverage__notes) {
		margin-top: 20px;
	}
}

/* ========================================================
保険適用
=========================================================*/
@media screen and (min-width: 641px) {
	.hoken__block img.aco__imgttl {
		background: #F1F7FC;
	}
}

/* ========================================================
続きを読む
=========================================================*/
.readmore {
	position: relative;
	box-sizing: border-box;
}

.readmore-content {
	position: relative;
	overflow: hidden;
	height: 116px;
}

.readmore-content::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	height: 50px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

.readmore-label {
	display: table;
	bottom: 5px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: 0 auto;
	z-index: 2;
	margin-top: 12px;
	padding: 0 10px;
	background-color: #FEB3B3;
	border-radius: 10px;
	color: #FFF;
}

.readmore-label:before {
	content: '続きを読む';
}

.readmore-check {
	display: none;
}

.readmore-check:checked~.readmore-label {
	position: static;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.readmore-check:checked~.readmore-label:before {
	content: '閉じる';
}

.readmore-check:checked~.readmore-content {
	height: auto;
}

.readmore-check:checked~.readmore-content::before {
	display: none;
}

@media screen and (min-width: 641px) {
	.readmore-content {
		height: 136px;
	}

	.readmore-label {
		margin-top: 24px;
	}
}


/* ========================================================
ポジショニングマップ
=========================================================*/
.positioningMap {
	margin-top: 16px;
}

.positioningMap__top {
	padding: 0 20px;
}

.positioningMap__top .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.positioningMap__top-subTtl {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.positioningMap__top-notes {
	font-size: 1rem;
	text-align: right;
	margin-top: 2px;
}

.positioningMap__top-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	line-height: 36px;
	text-align: center;
	background: var(--Main);
	border-bottom: 4px solid var(--Sub);
	height: 36px;
}

.positioningMap__inner {
	background: repeating-linear-gradient(90deg, var(--Back), var(--Back) 1px, transparent 1px, transparent 32px),
		repeating-linear-gradient(0deg, var(--Back), var(--Back) 1px, #fff 1px, #fff 32px);
	background-size: 32px 32px;
	background-position: 50% 50%;
	width: 100%;
	aspect-ratio: 3 / 4;
	position: relative;
}

.positioningMap__inner::before {
	content: "";
	display: inline-block;
	background: var(--Sub);
	border-radius: 50%;
	width: 38%;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 14%;
	left: 55%;
}

.positioningMap__inner::after {
	content: "";
	display: inline-block;
	background: url(../img/positioningmap_bg.png.webp) no-repeat center / 100% auto;
	width: 64%;
	height: 100%;
	position: absolute;
	top: 2%;
	left: 48.5%;
	transform: translateX(-50%);
}

.positioningMap__label,
.positioningMap__subLabel {
	position: absolute;
	z-index: 2;
}

.positioningMap__subLabel {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	top: 3%;
	left: 50%;
	transform: translateX(-50%);
}

.positioningMap__label-01,
.positioningMap__label-02 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

.positioningMap__label-01 {
	background: var(--Main);
	top: 6.5%;
	left: 50%;
	transform: translateX(-50%);
}

.positioningMap__label-02 {
	background: var(--Grey);
	top: 89%;
	left: 50%;
	transform: translateX(-50%);
}

.positioningMap__label-03,
.positioningMap__label-04 {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.17;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 8px;
}

.positioningMap__label-03 {
	background: var(--Main);
	top: 55.6%;
	transform: translateY(-50%);
	right: 20px;
}

.positioningMap__label-04 {
	background: var(--Grey);
	top: 55.6%;
	transform: translateY(-50%);
	left: 20px;
}

.positioningMap__item-logo {
	width: auto;
	height: 20px;
}

.positioningMap__item-08 .positioningMap__item-logo {
	height: 40px;
}

.positioningMap__item {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--Grey);
	border-radius: 4px;
	box-shadow: 0 4px var(--Grey);
	padding: 8px 12px;
	position: absolute;
	z-index: 1;
}

a.positioningMap__item {
	text-decoration: none;
}

.positioningMap__item-catch {
	font-size: 1rem;
	font-weight: normal;
	margin: 6px 0 0;
	color: var(--Text);
}

.positioningMap__item-01 {
	border-color: var(--Accent);
	box-shadow: 0 4px var(--Accent);
	padding: 10px 12px 6px;
	z-index: 1;
	top: 24%;
	left: 58%;
}

.positioningMap__item-01::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_crown.svg) no-repeat center / auto 24px;
	width: 30px;
	height: 24px;
	position: absolute;
	top: -48%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.positioningMap__item-02 {
	top: 38%;
	left: 6%;
}

.positioningMap__item-03 {
	top: 59%;
	left: 37%;
}

.positioningMap__item-04 {
	top: 41%;
	left: 42%;
}

.positioningMap__item-05 {
	top: 75%;
	left: 21%;
}

.positioningMap__item-06 {
	top: 68%;
	left: 56%;
}

.positioningMap__item-01 img {
	width: auto;
	height: 22px;
}

.positioningMap__item-link {
	display: block;
}

@media screen and (min-width: 641px) {
	.positioningMap {
		margin-top: 120px;
	}

	.positioningMap__top-ttl {
		font-size: 1.8rem;
		line-height: 54px;
		height: 54px;
	}

	.positioningMap__inner {
		width: 55%;
		margin: 0 auto;
	}

	.positioningMap__item-logo {
		height: 28px;
	}

	.positioningMap__item-08 .positioningMap__item-logo {
		height: 72px;
	}

	.positioningMap__item-01 img {
		height: 38px;
	}

	.positioningMap__item-01::before {
		background-size: auto 32px;
		width: 40px;
		height: 32px;
	}

	.positioningMap__item-01 {
		left: 56%;
	}

	.positioningMap__item {
		padding: 12px 16px;
	}

	.positioningMap__label-01,
	.positioningMap__label-02 {
		font-size: 1.8rem;
		width: 48px;
		height: 48px;
	}

	.positioningMap__label-03,
	.positioningMap__label-04 {
		font-size: 1.4rem;
		padding: 8px;
	}
}

/* ========================================================
positioningMap スマイリー削除,DMM追加
=========================================================*/
.positioningMap__inner::before {
	top: 8%;
	left: 55.5%;
}

.positioningMap__item-01 {
	top: 17%;
}

.positioningMap__item-04 {
	top: 38%;
	left: 57.5%;
}

/* ========================================================
吹き出し
=========================================================*/
.balloon {
	text-align: center;
}

.balloon p {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 16px auto 0;
	padding: 0.25em 1em;
	max-width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: var(--Main);
	border-radius: 4px;
	letter-spacing: 0.05em;
	text-shadow: 1px 1px 0px rgba(51, 51, 51, 1);
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
}

.balloon.green p {
	color: var(--Text);
	text-shadow: none;
	background: #fff;
	border: 3px solid var(--Accent);
}

.balloon p:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 8px solid transparent;
	border-top: 8px solid var(--Main);
}

.balloon.green p:before {
	border-top-color: var(--Accent);
}

.balloon+.pr {
	margin-top: 16px;
}


@media screen and (min-width: 641px) {
	.balloon {
		margin-top: 120px;
	}

	.balloon p {
		font-size: 1.8rem;
		padding: 0.5em 1.8em;
		width: calc(100% - 40px);
	}

	.balloon p:before {
		border: 16px solid transparent;
		border-top: 16px solid var(--Main);
	}

	.balloon+.pr {
		margin-top: 32px;
	}
}

.balloon__img p {
	background: none;
	border-radius: 0;
	padding: 0;
	position: relative;
}

.balloon__img+.pr {
	margin-top: 0;
}

@media screen and (min-width: 641px) {
	.balloon__img+.pr {
		margin-top: 10px;
	}

	.balloon__img p::before {
		content: "";
		display: block;
		width: 100%;
		height: 103px;
		background: var(--Main);
		z-index: -1;
		top: 0px;
		left: 16px;
		position: absolute;
		border: none;
	}

	.balloon__img p img {
		width: 500px;
	}
}

@media screen and (max-width: 640px) {
	.balloon__img p {
		padding: 0 20px;
	}

	.balloon__img p::before {
		content: none;
	}
}

/* ========================================================
PR
=========================================================*/
.pr {
	margin-top: 20px;
	padding: 0 20px;
}

.pr__inner {
	border: 1px solid var(--Grey);
	padding: 0 16px 16px;
}

.pr__top {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pr__top-ttl {
	font-size: 1.6rem;
	line-height: 1;
	display: inline-block;
	background: var(--Back);
	margin-left: -16px;
	padding: 12px;
}

.pr__top-catch {
	font-size: 1.4rem;
	margin: 0;
}

.pr__name {
	font-size: 2rem;
	display: inline-block;
	margin: 4px 0;
}

.pr img {
	margin: 5px 0;
}


.pr p.rank__item-bnr_txt {
	font-size: 1.1rem;
}

.pr .bnr-link+p {
	line-height: 1.8;
	margin: 1em 0;
}

.pr .column.-two {
	margin: 12px 0 8px;
}

.pr .column.-two th,
.pr .column.-two td {
	padding: 8px;
}

.pr .column.-two th {
	background: var(--Back);
}

.pr .column.-two .flex {
	gap: 8px;
}

.pr .column.-two .flex p {
	font-size: 1.2rem;
	margin-bottom: 0;
}

.pr .before_arrow {
	font-size: 1.6rem;
	margin-top: 0;
}

.pr .before_arrow::before {
	display: none;
}

.pr .before_arrow_box,
.pr .before_arrow_box a {
	font-size: 12px;
	margin-top: -4px;
}

a.pr__btn {
	width: 100%;
	height: 60px;
	background: url(../img/ico_chevron-right.svg) no-repeat center right 14px / 10px 16px, var(--Accent);
	margin-top: 16px;
}

img.pr_under_img {
	display: block;
	margin-top: 20px;
}

.pr small {
	display: inline-block;
}

.pr__catch {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	margin-top: 12px;
}

.pr__catch+.pr__btn {
	margin-top: 0;
}


@media screen and (min-width: 641px) {
	.pr p {
		font-size: 1.5rem;
	}

	.pr p.rank__item-bnr_txt {
		font-size: 1.8rem;
	}

	.pr .column.-two th,
	.pr .column.-two td {
		padding: 8px 12px;
	}

	.pr__name {
		margin: 4px 0;
	}

	.pr .column.-two {
		margin: 16px 0;
	}

	.pr img {
		width: 600px;
		height: auto;
		margin: 10px auto;
	}

	.pr .before_arrow_box,
	.pr .before_arrow_box a {
		font-size: 16px;
	}

	img.pr_under_img {
		display: block;
		margin-top: 40px;
	}

	.pr small {
		margin-top: 8px;
	}
}


/* ========================================================
全国のクリニック一覧
=========================================================*/
.areaList__wrap+* {
	margin-top: 24px;
}

.areaList__page {
	padding-bottom: 40px;
}

.areaList__flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 0 20px;
}

.areaList__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	width: 50%;
	margin-top: 16px;
}

.areaList__item {
	width: 100%;
}

.areaList__item+.areaList__item {
	margin-top: 40px;
}

.areaList__item-area {
	font-size: 1.5rem;
	font-weight: bold;
	background: var(--Back);
	padding: 8px 12px;
}

a.areaList__item-link {
	font-size: 1.6rem;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid var(--Grey);
	background: #fff;
	padding: 8px 0;
	position: relative;
}

a.areaList__item-link::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right_grey.svg) center / 9px 14px;
	width: 9px;
	height: 14px;
	position: absolute;
	top: 35%;
	right: 0;
}

.areaList__item-openArea>a.areaList__item-link {
	border-bottom: 1px dashed var(--Grey);
	padding-left: 1em;
}

.areaList__item-openBtn {
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--Main);
	border-bottom: 1px solid var(--Grey);
	background: #fff;
	padding: 8px 0;
	position: relative;
}

.areaList__item-openBtn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_accordion_arealist_close.svg) center / 12px 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 36%;
	right: 0;
	transition: all 0.2s;
}

.areaList__item-openBtn.close::after {
	background-image: url(../img/ico_accordion_arealist_open.svg);
}

.box.height {
	height: auto !important;
}

/* トップページ用 */
#MAIN>div.areaList__wrap {
	margin-top: 20px;
}

.areaList__item-area.ranking__accordion-btn {
	position: relative;
}

.areaList__item-area.ranking__accordion-btn::after {
	content: "";
	display: inline-block;
	border-top: 5px solid var(--Grey);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 46%;
	right: 12px;
}

.areaList__item-area.ranking__accordion-btn.close::after {
	transform: rotate(-180deg);
}

#MAIN .areaList__item+.areaList__item {
	margin-top: 16px;
}

.box.ranking__accordion_openarea {
	padding-bottom: 24px;
}

@media screen and (min-width: 641px) {
	.areaList__wrap {
		width: 1000px;
		margin: 0 auto;
	}

	.areaList__wrap+* {
		margin-top: 120px;
	}

	.areaList__page {
		padding-bottom: 80px;
	}

	.areaList__flex {
		gap: 32px;
	}

	.areaList__inner {
		margin-top: 32px;
	}

	.areaList__item+.areaList__item {
		margin-top: 80px;
	}

	a.areaList__item-link::after {
		background-size: 12px 17px;
		width: 12px;
		height: 17px;
	}

	.areaList__item-openBtn {
		cursor: pointer;
		transition: all 0.2s;
	}

	.areaList__item-openBtn:hover {
		opacity: 0.6;
	}

	.areaList__item-openBtn::after {
		background-size: 15px 15px;
		width: 15px;
		height: 15px;
	}

	#MAIN>div.areaList__wrap {
		margin-top: 120px;
	}

	#MAIN .areaList__item+.areaList__item {
		margin-top: 32px;
	}

	.box.ranking__accordion_openarea {
		padding-bottom: 48px;
	}

	.areaList__header img {
		box-sizing: border-box;
		padding: 0 30%;
		background: linear-gradient(var(--Main) 89%, transparent 0%);
		position: relative;
	}

	.areaList__header {
		position: relative;
	}

	.areaList__header::after {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		border-top: 32px solid var(--Main);
		border-left: 500px solid transparent;
		border-right: 500px solid transparent;
		position: absolute;
		left: 0;
		bottom: -16px;
		box-shadow: 0 -3px var(--Main);
	}
}


/* ========================================================
/product配下のパーツCSS
=========================================================*/
.agaLower {
	line-height: 1.5;
	font-size: 1.3333333333rem;
	/* Merit/Demerit */
}

.agaLower textarea {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.agaLower h2 {
	border-left: 4px solid var(--Main);
	border-bottom: 1px solid var(--Main);
	font-size: 2rem;
	margin-top: 4rem;
	padding-left: 1.25rem;
	padding-bottom: 1rem;
	padding-top: 0.5833333333rem;
}

.agaLower img {
	width: auto;
	vertical-align: bottom;
	margin: initial;
}

.agaLower p {
	margin-top: 3rem;
	font-size: 1.33333rem;
	line-height: 1.6;
}

.agaLower li {
	margin-bottom: 0;
}

.agaLower__ttl {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 4rem;
}

.agaLower__ttl h1 {
	max-width: 600px;
	font-size: 2.6666666667rem;
	font-weight: bold;
}

.agaLower__container {
	display: flex;
	align-items: start;
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	gap: 4rem;
	margin-top: 1.6666666667rem;
	padding-bottom: 6.6666666667rem;
}

.agaLower__main {
	max-width: 600px;
}

.agaLower__side {
	width: 260px;
	max-width: 100%;
	display: block;
}

.agaLower__side__ttl {
	background-color: var(--Main);
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	padding: 1.6666666667rem 0;
}

.agaLower__side__list {
	border: 1px solid #98a6b5;
	border-top: none;
}

.agaLower__side__list li+li {
	border-top: 2px dotted #707070;
}

.agaLower__side__list a {
	font-size: 1.5rem;
	font-weight: bold;
	color: #1a0dab;
	text-decoration: underline;
	padding: 1.6666666667rem;
	display: block;
}

.agaLower__meritdemerit {
	width: 100%;
	border: var(--Main) 1px solid;
	margin-top: 2rem;
	padding-top: 1.5rem;
	padding-bottom: 2rem;
	position: relative;
}

.agaLower__meritdemerit__ttl {
	margin-bottom: 1.5rem;
	font-weight: bold;
	display: flex;
	position: relative;
	font-size: 1.33333rem;
	padding: 0.5833333333rem 0;
	align-items: center;
	max-width: 10.6666666667rem;
	gap: 0.6666666667rem;
	justify-content: center;
	right: 1px;
}

.agaLower__meritdemerit__cont {
	padding-left: 2.2rem;
	padding-right: 2.2rem;
}

.agaLower__meritdemerit.agaLower__merit .agaLower__meritdemerit__ttl {
	background-color: #ffff00;
	color: var(--Main);
	border: 1px solid var(--Main);
}

.agaLower__meritdemerit.agaLower__merit .agaLower__item::before {
	background-color: var(--Main);
}

.agaLower__meritdemerit.agaLower__demerit {
	border: 1px solid #98a6b5;
}

.agaLower__meritdemerit.agaLower__demerit .agaLower__meritdemerit__ttl {
	background-color: var(--Main);
	color: #fff;
	border: 1px solid #98a6b5;
}

.agaLower__meritdemerit.agaLower__demerit .agaLower__item::before {
	background-color: #737373;
}

.agaLower__list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 1.25rem;
}

.agaLower__item {
	position: relative;
	padding-left: 14px;
}

.agaLower__item::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	background-color: red;
	position: absolute;
	top: 8px;
	left: 0;
}

.agaLower__point {
	border: 1px solid var(--Main);
	background-color: #FFFDE3;
	padding-top: 1.0833333333rem;
	padding-bottom: 1.6666666667rem;
	margin-top: 1.6666666667rem;
}

.agaLower__point__ttl {
	font-weight: bold;
	color: #ffff00;
	background-repeat: repeat;
	background-size: cover;
	background-size: auto auto;
	background-color: var(--Main);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.1) 4px);
	display: table;
	padding: 0.6666666667rem 1.3333333333rem;
}

.agaLower__point__cont {
	padding-left: 1.6666666667rem;
	padding-right: 1.6666666667rem;
	margin-top: 1.25rem;
}

.agaLower__orderlist {
	display: flex;
	flex-direction: column;
	gap: 0.6666666667rem;
}

.agaLower__orderlist li {
	position: relative;
	padding-left: 2.1666666667rem;
}

.agaLower__orderlist li::before {
	content: none;
}

.agaLower__orderlist .num {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ffffff;
	background-color: var(--Main);
	width: 18px;
	height: 18px;
	border-radius: 100px;
	text-align: center;
	line-height: 14px;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 1.25rem;
	font-weight: bold;
}

.agaLower__ranking {
	background-color: #f4f5f0;
	padding: 2rem;
	margin-top: 1.6666666667rem;
}

.agaLower__ranking__ttl {
	font-size: 1.5rem;
	font-weight: bold;
}

.agaLower__ranking__ttl span {
	font-size: 1rem;
	font-weight: initial;
}

.agaLower__ranking__cont {
	background-color: #fff;
	padding: 1.8333333333rem 1.6666666667rem 1.6666666667rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.agaLower__ranking__table {
	margin-top: 1.6666666667rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.agaLower__ranking__table dl {
	text-align: center;
	border-bottom: 1px solid #707070;
	border-top: 1px solid #707070;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.agaLower__ranking__table dl+dl {
	border-left: 1px dashed #707070;
}

.agaLower__ranking__table dl.rank01 {
	background-color: #FFFAE2;
}

.agaLower__ranking__table dl:nth-of-type(2) dt::before {
	background-image: url(img/icon_rank02.svg);
}

.agaLower__ranking__table dl:last-of-type dt::before {
	background-image: url(img/icon_rank03.svg);
}

.agaLower__ranking__table dt {
	border-bottom: 1px solid #707070;
	position: relative;
	text-align: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.agaLower__ranking__table dt::before {
	content: "";
	display: block;
	background-image: url(img/icon_rank01.svg);
	width: 25px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
	left: 16px;
}

.agaLower__ranking__table dt img {
	margin: 0 auto;
}

.agaLower__ranking__table dd {
	padding-top: 0.8333333333rem;
	padding-bottom: 1.0833333333rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-weight: bold;
	font-size: 1.1666666667rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 0.8333333333rem;
}

.agaLower__ranking__table dd .agaLower__btn {
	margin-top: auto;
}

.agaLower__btn {
	background-color: #A71616;
	border-radius: 4px;
	height: 28px;
	line-height: 26px;
	border-bottom: 4px solid #741010;
}

.agaLower__btn a {
	color: #fff;
	font-size: 1.1666666667rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 1.1666666667rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3333333333rem;
}

.agaLower__btn a::after {
	content: "";
	display: block;
	background-image: url(img/icon_arrow_r_wh.svg);
	width: 6px;
	height: 8px;
	background-repeat: no-repeat;
	background-size: contain;
}

.agaLower__link {
	margin-top: 1.6666666667rem;
	border: 1px solid #98a6b5;
	padding: 1.1666666667rem;
}

.agaLower__link a {
	display: flex;
	gap: 0.6666666667rem;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
}

.agaLower__link__img {
	max-width: 89px;
	object-fit: cover;
}

.agaLower__link__detail span {
	font-size: 1.1666666667rem;
	color: initial;
	font-weight: initial;
}

.agaLower__link__detail__ttl {
	color: #1a0dab;
	text-decoration: underline;
	font-weight: initial;
}

.agaLower__explain {
	background-color: #f4f5f0;
	padding: 2rem 1.6666666667rem;
	margin-top: 1.6666666667rem;
}

.agaLower__explain__box {
	background-color: #fff;
	padding-top: 1.6666666667rem;
	padding-bottom: 1.6666666667rem;
}

.agaLower__explain__box__ttl {
	background-color: var(--Main);
	color: #fff;
	font-weight: bold;
	padding: 0.5rem 2rem;
	display: table;
}

.agaLower__explain__box__txt {
	padding: 0 1.6666666667rem;
	margin-top: 1.3333333333rem;
}

.agaLower__explain__box+.agaLower__explain__box {
	margin-top: 1.6666666667rem;
}

.agaLower__check {
	margin-top: 1.6666666667rem;
}

.agaLower__check__ttl {
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.6666666667rem;
}

.agaLower__check__ttl::before {
	content: "";
	display: block;
	background-image: url(img/icon_check.svg);
	background-size: cover;
	min-width: 2rem;
	max-width: 2rem;
	height: 2rem;
}

.agaLower__check__txt {
	margin-top: 0.6666666667rem;
}

.agaLower__box {
	border: 1px solid var(--Grey);
	margin-top: 1.6666666667rem;
}

.agaLower__box__ttl {
	font-weight: bold;
	background-color: #f0f6fa;
	text-align: center;
	border-bottom: 1px solid var(--Grey);
	padding: 0.6666666667rem 0;
}

.agaLower__box__cont {
	padding: 1.6666666667rem;
}

@media screen and (max-width: 640px) {
	.agaLower {
		font-size: 1.5rem;
	}

	.agaLower h2 {
		font-size: 1.6rem;
	}

	.agaLower p {
		font-size: 1.5rem;
	}

	.agaLower__container {
		flex-direction: column;
		align-items: flex-start;
		width: calc(100vw - 40px);
		margin-right: auto;
		margin-left: auto;
	}

	.agaLower__ttl {
		font-size: 1.8rem;
		width: calc(100vw - 40px);
		margin-right: auto;
		margin-left: auto;
	}

	.agaLower__meritdemerit__ttl {
		font-size: 1.5rem;
		max-width: 12rem;
	}

	.agaLower__item::before {
		top: 6px;
	}

	.agaLower__ranking {
		width: 100vw;
		padding-right: 0;
		padding-left: 0;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}

	.agaLower__ranking__table dt {
		padding-top: 3rem;
	}

	.agaLower__ranking__table dt::before {
		top: 3px;
		left: 6px;
	}

	.agaLower__link a {
		gap: 1.6rem;
	}

	.agaLower__link__detail {
		font-size: 1.2rem;
	}

	.agaLower__explain {
		padding-left: 2rem;
		padding-right: 2rem;
		width: calc(100vw - 4rem);
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}
}

/*# sourceMappingURL=style.css.map */


/* ========================================================
FAGA
=========================================================*/
.faga .red {
	color: var(--Text_main);
	font-weight: bold;
}

.faga a.blue_btn {
	box-shadow: 0 4px #ad7175;
}

.faga a.red_btn {
	box-shadow: 0 4px #55796c;
}

.faga .hikaku__simpleItem-ttl {
	grid-template-columns: 1fr auto 0.6fr;
}

.faga .hikaku__simpleItem-ttl .hikaku__simpleItem_logo {
	height: auto;
	width: 200px;
}

.faga #Refine_Search_Area .condition_ttl:after {
	background-image: url(https://hair-restorer.net/faga/assets/img/shindan_ttl_arrow.svg);
}

.faga #Refine_Search_Area .on,
.faga #Refine_Search_Area .on02,
.faga .kodawari__list .selected,
.faga .region__list .selected {
	background-color: var(--Main) !important;
	color: #fff !important;
}

.faga input[type="radio"]:checked+span.radiobox:after,
.faga .on input[type="radio"]+span.radiobox:after,
.faga .on01 input[type="radio"]+span.radiobox:after,
.faga .on02 input[type="radio"]+span.radiobox:after {
	background-color: var(--Main);
}

.faga img.ranking__heading {
	background: linear-gradient(transparent 23%, #F0F6FA 0%);
}

.faga .ranking__top-tiiki {
	font-size: 1.8rem;
	color: #fff;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 7%;
}

.faga .ranking__top-tiiki::after {
	content: "版";
}

.faga .ranking__point-ttl::before {
	content: "";
	background: url(https://hair-restorer.net/faga/assets/img/ico_checkbox.svg);
}

.faga .ranking__accordion-btn.blue_btn {
	box-shadow: 0 4px #ad7175;
}

.faga .rank__item-bnr_box {
	font-size: 1.2rem;
	width: 49%;
	gap: 6px;
	background: var(--Accent);
}

.faga .rank__item-bnr_box::after {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
}

.faga .hikaku__detail img.table_header {
	background: linear-gradient(transparent 0, #F0F6FA 0 90%, transparent 0%);
}

.faga .hikaku__block.hikaku__detail tbody tr:first-child th::before {
	background-color: var(--Text_main);
}

.faga .hikaku__block.hikaku__detail tbody tr:first-child th {
	border-left: 4px solid var(--Text_main);
}

.faga .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga .hikaku__block.hikaku__detail tbody tr:first-child td {
	border-top: 4px solid var(--Text_main);
	border-bottom: 4px solid var(--Text_main);
}

.faga.yahoo .hikaku__block.hikaku__detail tbody tr:first-child th {
	border-right: 4px solid var(--Text_main);
}

.faga .hikaku__block.hikaku__detail tbody tr:first-child td:last-child {
	border-right: 4px solid var(--Text_main);
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child th::before,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child td,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child td:last-child {
	border: none;
}

.faga.fb .hikaku__block.hikaku__detail tbody tr td:nth-of-type(1) {
	border-right: 4px solid var(--Text_main);
	border-left: 4px solid var(--Text_main);
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:first-of-type td:nth-of-type(1) {
	border-top: 4px solid var(--Text_main);
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:last-of-type td:nth-of-type(1) {
	border-bottom: 4px solid var(--Text_main);
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child td:not(:first-of-type) {
	border: none;
	border-left: none;
	border-right: 1px dashed #707070;
	background-clip: padding-box;
	padding: 10px 10px;
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child td,
.faga.fb .hikaku__block.hikaku__detail tbody tr:first-child td:not(:first-of-type) {
	border-bottom: 1px solid #707070;
}

.faga.fb .hikaku__block.hikaku__detail tbody tr:first-of-type td {
	text-align: center;
}

.comparisonTable__small {
	display: block;
	line-height: 1, 1;
}

.faga a.comparisonTable__link {
	background-color: var(--Accent);
	box-shadow: 0 4px #55796c;
	justify-content: center;
}

.faga .shippai__block .shippai__wrap .shippai__item>img {
	width: auto;
	height: 160px;
}

.faga .matome__block img.matome_header {
	display: block;
	width: 128px;
}

.faga .matome__block {
	margin-top: 32px;
	background-size: auto auto;
	background-color: #F0F6FA;
	/* background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 245, 245, 1) 4px, rgba(255, 245, 245, 1) 6px); */
	background-image: none;
	padding: 20px 20px 44px;
}

.faga .matome__catch {
	color: #FF7A88;
}

@media screen and (min-width: 641px) {
	.faga .matome__block {
		margin-top: 120px;
	}
}

/* 地域名 */
.faga .header_front {
	position: relative;
}

.faga .tiiki {
	font-size: 2rem;
	font-family: sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	width: 174px;
	position: absolute;
	top: 192px;
	left: 34.8%;
	transform: translateX(-50%);
}

.faga .tiiki::after {
	content: "版";
	font-size: 1.6rem;
}

/* 検索結果 */
body.result_page.faga #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	background: #FFFDE3;
	box-shadow: rgb(106 181 154 / 30%) 0px 0px 0px 3px;
}

body.result_page.faga.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	background: #fff;
	box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 15%) 0px 0px 8px;
}

body.result_page.faga.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div {
	background: #FFFDE3;
	box-shadow: rgb(106 181 154 / 30%) 0px 0px 0px 3px;
}

body.result_page.faga #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .rank__name.result__name::before {
	content: "";
	display: inline-block;
	background: url(../img/ico-no01.svg);
	width: 45px;
	height: 56px;
	background-size: 45px 56px;
	margin-right: 8px;
}

body.result_page.faga.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .rank__name.result__name::before {
	display: none;
}

body.result_page.faga.area_result_page #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div .rank__name.result__name::before {
	content: "";
	display: inline-block;
	background: url(../img/ico-no01.svg);
	width: 45px;
	height: 56px;
	background-size: 45px 56px;
	margin-right: 8px;
}

body.result_page.faga #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .cta__area.result__cta {
	background: #FFFDE3;
}

body.result_page.area_result_page.faga #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .cta__area.result__cta {
	background: #fff;
}

body.result_page.area_result_page.faga #CONTENTS>div.contents.clearfix>div>div:nth-child(6)>div .cta__area.result__cta {
	background: #FFFDE3;
}

.faga .checkBox::before {
	background: url(https://hair-restorer.net/faga/assets/img/ico_checkbox.svg);
}

.faga .tag__wrap .tag_off {
	background: rgb(255 169 175 / 30%);
}

@media screen and (min-width: 641px) {
	.faga .tiiki {
		font-size: 5rem;
		width: 290px;
		top: 510px;
	}

	.faga .tiiki::after {
		font-size: 4rem;
	}

	.faga .hikaku__simpleItem-ttl {
		grid-template-columns: 1fr auto 1fr;
	}

	.faga .hikaku__simpleItem-ttl .hikaku__simpleItem_logo {
		height: 64px;
		width: auto;
	}

	.faga .hikaku__simpleItem.hikaku__simpleItem02 .hikaku__simpleItem-ttl .hikaku__simpleItem_logo {
		width: 58%;
		object-fit: contain;
	}

	.faga .ranking__top-tiiki {
		font-size: 2.2rem;
		width: 112px;
		top: 53%;
		left: 27.5%;
	}

	.faga .rank__item-bnr_box {
		font-size: 1.6rem;
	}
}

/* 症状 */
.symptom__block {
	padding: 0 20px;
}

.symptom__img {
	margin-top: 10px;
}

/* #nayami .symptom__block {
	margin-top: 20px;
} */

#nayami .symptom__block+*,
#medicine .symptom__block+* {
	margin-top: 40px;
}

@media screen and (min-width: 641px) {
	.symptom__block {
		width: 60%;
		margin: 0 auto;
	}

	#nayami .symptom__block {
		margin-top: 40px;
	}

	#nayami .symptom__block+*,
	#medicine .symptom__block+* {
		margin-top: 120px;
	}

	.symptom__img {
		margin-top: 20px;
	}
}

/* 画像コンテンツ */
.content__img {
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
	padding: 0 20px;
}

.content__img+div {
	margin-top: 40px;
}

.content__img+.balloon {
	margin-top: 16px;
}


@media screen and (min-width: 641px) {
	.content__img+div {
		margin-top: 120px;
	}

	.content__img+.balloon {
		margin-top: 80px;
	}
}


/* ========================================================
fv
=========================================================*/
.fv {
	margin-top: 10px;
	padding: 0 20px;
}

.fv__inner {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
}

.fv__item {
	text-align: center;
}

.fv__item01 {
	grid-row: 1;
	grid-column: 1;
}

.fv__item02 {
	grid-row: 1;
	grid-column: 2;
}

.fv__item03 {
	grid-row: 1;
	grid-column: 3;
}

img.fv__item-rank {
	width: 36px;
	height: auto;
}

.fv__txt {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid var(--Grey);
	margin-top: 6px;
	margin-bottom: 0;
	padding-bottom: 5px;
	position: relative;
}

.fv__txt::after {
	content: "";
	display: inline-block;
	border-top: 1px solid var(--Grey);
	border-left: 1px solid var(--Grey);
	background: #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: rotate(-135deg) translateY(-50%);
}

.fv__item-ttl {
	font-size: 1.1rem;
	margin-top: 8px;
	margin-bottom: 0;
}

img.fv__item-img {
	aspect-ratio: 152 / 107;
	object-fit: contain;
}

.fv__item-view {
	font-size: 1.2rem;
	color: #fff;
	background: var(--Main);
	margin-top: 5px;
	position: relative;
}

.fv__item-view::after {
	content: "";
	display: inline-block;
	border-top: 8px solid var(--Main);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
}

.fv__item-num {
	font-size: 2.2rem;
	font-weight: bold;
}

.fv__item-num::before {
	content: "";
	display: inline-block;
	background: url(../img/icon_user.svg) no-repeat center / auto 14px;
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.fv__item-num::after {
	content: "人";
	font-size: 1.2rem;
}

.fv>p {
	margin-top: 2px;
}

.txt--clinicfor {
	font-size: 12px;
	text-align: right;
	width: 100%;
}

.result_page .txt--clinicfor {
	margin-top: 0;
}

.txt--clinicfor .notes--clinic {
	padding: 0 8px;
}


@media screen and (min-width: 641px) {
	.fv {
		margin-top: 20px;
	}

	.fv__inner {
		gap: 24px;
	}

	img.fv__item-rank {
		width: 50px;
		height: auto;
	}

	.fv__txt {
		font-size: 1.2rem;
		margin-top: 8px;
		padding-bottom: 7px;
	}

	.fv__item-ttl {
		font-size: 1.4rem;
	}

	.fv__item-view {
		font-size: 1.4rem;
	}

	.fv__item-view::after {
		border-top-width: 10px;
		border-left-width: 8px;
		border-right-width: 8px;
		bottom: -8px;
	}

	.fv__item-num {
		font-size: 2.6rem;
	}

	.fv__item-num::before {
		background-size: 18px;
		width: 18px;
		height: 18px;
		margin-right: 6px;
	}

	.fv__item-num::after {
		font-size: 1.6rem;
	}

	.fv>p {
		font-size: 1.5rem;
		margin-top: 4px;
	}

	.txt--clinicfor {
		font-size: 16px;
		text-align: right;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -4px;
	}

	.result_page .txt--clinicfor {
		margin-top: -24px;
	}

	.txt--clinicfor .notes--clinic {
		padding: 0;
	}


}

/* ========================================================
コラム
=========================================================*/
.page-lower {
	padding-top: 5rem;
}

.pankuz {
	margin-bottom: 24px;
}

.pankuz ul {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: scroll;
}

.pankuz ul a img {
	width: 20px;
	height: 20px;
}

.pankuz li {
	font-size: 14px;
	white-space: nowrap;
}

.pankuz__home {
	text-decoration: underline;
}

.pankuz ul a {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: inherit;
}

.inner {
	width: 100%;
	max-width: 1010px;
	padding-right: 25px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

.page-lower .header {
	background: none;
	max-width: 100vw;
}

.column__inner__bnr {
	max-width: 600px;
	display: block;
	margin-inline: auto;
	margin-top: 26px;
}

.header h1 {
	position: relative;
}

.page-lower h1 {
	position: relative;
	text-align: center;
	max-width: 100vw;
	font-size: 2.7rem;
	font-weight: bold;
	padding: 0 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-lower h1::before,
.page-lower h1::after {
	content: "";
	display: block;
	background-image: url(../img/icon_dot_pc.svg);
	background-repeat: space;
	background-size: cover;
	position: absolute;
	width: 27.25rem;
	height: 5.625rem;
	z-index: -1;
}

.page-lower h1::before {
	left: 0;
}

.page-lower h1::after {
	right: 0;
}

.page-lower h1::before,
.page-lower h1::after {
	content: "";
	display: block;
	background-image: url(../img/icon_dot_pc.svg);
	background-repeat: space;
	background-size: cover;
	position: absolute;
	width: 27.25rem;
	height: 5.625rem;
	z-index: -1;
}

.page-lower .adTxt+.inner {
	margin-top: -70px;
}

.page-lower h2 {
	background-color: #f7f6f2;
	width: 100%;
	text-align: center;
	position: relative;
	border-right: 3px solid #FFA9AF;
	border-left: 3px solid #FFA9AF;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 1rem 0;
	margin-top: 5rem;
}

.page-lower h2::before {
	left: -3px;
}

.page-lower h2::before,
.page-lower h2::after {
	content: "";
	width: 3px;
	height: 50%;
	background-color: #ffeb73;
	position: absolute;
	bottom: 0;
	z-index: 2;
}

.page-lower h2::after {
	right: -3px;
}

.card__bnr-img {
	width: 100%;
	margin-top: 1.25rem;
}

.page-lower p {
	margin-top: 1rem;
}

.page-lower .cm__point {
	margin-top: 60px;
}

.page-lower .cm__point__list {
	border: 2px solid #f77a88;
	border-radius: 6px;
	padding: 1.875rem 1.25rem 1.5625rem;
	margin-top: -1rem;
	position: relative;
}

.page-lower .cm__point__list::before {
	position: absolute;
	content: "POINT";
	top: -4px;
	left: 44%;
	font-size: 2.3rem;
	background-color: #fff;
	padding: 0 14px;
	transform: translateY(-50%);
}

.page-lower .cm__point__list li {
	position: relative;
	font-size: 1.2rem;
	line-height: 1.5;
	padding-left: 1rem;
}

.page-lower .cm__point__list li::before {
	content: "";
	background-color: var(--Sub);
	max-width: 5px;
	min-width: 5px;
	height: 5px;
	border-radius: 100px;
	position: absolute;
	top: 0.5em;
	left: 0;
}

.page-lower .cmn__table {
	margin-top: 1.5rem;
	width: 100%;
	display: flex;
	margin-top: 0.625rem;
	border: 1px solid var(--Text);
	border-right: 0;
}

.page-lower .cmn__table dl {
	flex: 1;
	border-right: 1px solid var(--Text);
}

.page-lower .cmn__table dt {
	background-color: var(--Sub);
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}

.page-lower .cmn__table dd {
	text-align: center;
	padding: 0.625rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	vertical-align: middle;
}

.page-lower .cmn__table dd p {
	margin-top: 0;
	font-size: 1.1rem;
}

.page-lower .cmn__table dl {
	flex: 1;
	border-right: 1px solid var(--Text);
}

.page-lower .cm__check {
	margin-top: 1.5rem;
}

.cm__check {
	position: relative;
	padding-left: 1.75rem;
	font-weight: bold;
	font-size: 1.3rem;
}

.cm__check::before {
	content: "";
	display: block;
	background-image: url(../img/icon_check.svg);
	min-width: 18px;
	max-width: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	height: 18px;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 1.75rem;
}

.page-lower .cm__check+p {
	margin-top: 0.5rem !important;
}

.page-lower h3 {
	border-left: 4px solid var(--Sub);
	padding-left: 0.625rem;
	margin-top: 2.5rem;
}

.page-lower .adTxt+.inner {
	margin-top: -70px;
}

a.column_btn {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	background: #6ab59a;
	border-radius: 5px;
	margin-bottom: 4px;
	padding: 8px 28px;
	width: 100%;
	position: relative;
	margin-top: 60px;
	font-size: 1.6rem;
	line-height: 1.4;
	box-shadow: 0 4px #55796c;
}

a.column_btn::before {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}


@media screen and (min-width: 641px) {
	.fv {
		margin-top: 20px;
	}

	.fv__inner {
		gap: 24px;
	}

	img.fv__item-rank {
		width: 50px;
		height: auto;
	}

	.fv__txt {
		font-size: 1.2rem;
		margin-top: 8px;
		padding-bottom: 7px;
	}

	.fv__item-ttl {
		font-size: 1.4rem;
	}

	.fv__item-view {
		font-size: 1.4rem;
	}

	.fv__item-view::after {
		border-top-width: 10px;
		border-left-width: 8px;
		border-right-width: 8px;
		bottom: -8px;
	}

	.fv__item-num {
		font-size: 2.6rem;
	}

	.fv__item-num::before {
		background-size: 18px;
		width: 18px;
		height: 18px;
		margin-right: 6px;
	}

	.fv__item-num::after {
		font-size: 1.6rem;
	}

	.fv>p {
		font-size: 1.5rem;
		margin-top: 4px;
	}


	.txt--clinicfor {
		font-size: 16px;
		text-align: right;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -4px;
	}

	.result_page .txt--clinicfor {
		margin-top: -24px;
	}

	.txt--clinicfor .notes--clinic {
		padding: 0;
	}



}

/* ========================================================
20240711 /fb 記事コンテンツ追加
=========================================================*/
.article_contents {
	padding: 0 40px 15px;
}

.article_contents-ttl {
	font-size: 21px;
}

.article_border {
	padding: 15px;
	font-size: 15px;
	border: 1px solid var(--Grey);
}

/* ========================================================
20240606 header ロゴ追加
=========================================================*/
.header__logo {
	height: 35px;
	width: 100%;
	background-color: #fff;
}

.header__logo::before {
	position: absolute;
	content: "";
	background: url(../img/hair_restorer_w_header.svg)no-repeat center;
	background-size: 100%;
	top: 0;
	left: 0;
	width: 194px;
	height: 35px;
	background-color: #fff;
	z-index: 100;
}

/* ========================================================
/20240212追加　fb診断コンテンツ
=========================================================*/
.fb #shindan input[type="radio"] {
	transform: scale(1.5);
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #cdd6dd;
	accent-color: #e5717e;
	display: none;
}

.fb #shindan {
	width: 650px;
	margin-inline: auto;
	height: auto;
}

.fb .shindan__top {
	background: #fef6f7;
	padding: 20px;
}

.fb .shindan__top-img {
	border: solid 3px #f9a9b0;
	box-sizing: border-box;
	background-color: #fff;
}

.shindan__scroll__bar {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
	padding: 0 46px;
	margin-top: 8px;
}

.fb.clinic .shindan__scroll__bar {
	grid-template-columns: repeat(5, 1fr);

}

.shindan__scroll__bar span {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	height: 10px;
	background-color: #f0f6fa;
	border: solid 1px #f9a9b0;
}

.shindan__scroll__bar span.on {
	background-color: #f9a9b0;
	border: solid 2px #f9a9b0;
	height: 10px;
}

.fb .shindan .question {
	padding: 20px;
	background: #fef6f7;
}

.fb .question__txt {
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 15px;
	border-bottom: solid 3px #f9a9b0;
	padding-bottom: 7px;
}

.fb .question__innner__wrap {
	background-color: #fff;
	border: solid 3px #fab4b9;
	padding: 10px;
	margin-top: 20px;
}

.fb .question__img {
	width: 60px;
	height: 60px;
	margin: 0;
}

.fb .shindan .question p {
	line-height: 1.4;
	font-size: 24px;
	margin: 0;
	max-width: unset;
	min-height: unset;
	text-align: left;
	font-weight: bold;
}

.fb .shindan__btnArea__arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 60px solid transparent;
	border-left: 60px solid transparent;
	border-top: 40px solid #fab4b4;
	border-bottom: 0;
	margin: 32px auto;
}

.fb #resultSection .shindan__btnArea__arrow {
	border-top: 40px solid #feff00;
	margin: 18px auto;
}

.fb .shindan__btnArea__arrow__txt {
	background-color: #fff;
	border-radius: 20px;
	line-height: 1.4;
	font-weight: bold;
	font-size: 24px;
	padding: 12px 0;
	display: block;
	text-decoration: none;
	color: unset;
}

.fb .accnet__underline {
	background: linear-gradient(transparent 60%, #feff00 60%);
}

.fb .shindan__startBtn {
	font-size: 24px;
	background: #f77a88;
	color: #fff;
	padding: 16px 4px;
	width: 100%;
	border-radius: 4px;
	border: none;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.fb .shindan__startBtn::before {
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
	right: 5%;
	top: 42%;
}

.fb .shindan__btnArea {
	margin-top: 24px;
}

.fb .question:not(.question1) .shindan__btnArea {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.fb .shindan__btn {
	background-color: #f77a88;
	border-radius: 6px;
	border: none;
	font-size: 20px;
	padding: 16px 20px;
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #fff;
}

.fb .shindan__nextBtn,
.fb .shindan__prevBtn {
	position: relative;
}

.fb .shindan__nextBtn::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
	right: 5%;
	top: 42%;
}

.fb .shindan__prevBtn::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(45deg);
	left: 5%;
	top: 42%;
}

.fb .shindan__btn:disabled {
	opacity: .4;
	color: #727272;
}

.fb .shindan__restartBtn {
	font-size: 16px;
	background-color: #f77a88;
	border: none;
	cursor: pointer;
	position: relative;
	color: #fff;
	padding: 14px 0;
	width: 100%;
	border-radius: 6px;
	font-size: 24px;
	margin-top: 20px;
}

.fb .shindan__restartBtn::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(45deg);
	left: 5%;
	top: 42%;
}

.fb #resultSection {
	background-color: #fef6f7;
	padding: 30px;
}

#resultImage img {
	background-color: #fff;
}

.fb .shindan .result p.resultTxt,
.fb .shindan .result ul#resultTxt {
	margin: 14px auto 0;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	float: none;
	width: 100%;
	text-align: center;
	min-height: unset;
	line-height: unset;
	line-height: 1.5;
}

.fb .shindan .result ul#resultTxt {
	margin-inline: auto;
	text-align: left;
	color: #000;
	margin-top: 18px;
}

.fb .shindan .result ul#resultTxt li {
	position: relative;
	padding-left: 32px;
}

.fb .shindan .result ul#resultTxt li:not(:first-of-type) {
	margin-top: 8px;
}

.fb .shindan .result ul#resultTxt li::before {
	position: absolute;
	content: "";
	width: 28px;
	height: 28px;
	background-color: #589bc0;
	left: 0;
	border-radius: 4px;
}

.fb .shindan .result ul#resultTxt li::after {
	position: absolute;
	content: "";
	width: 13px;
	height: 8px;
	border-bottom: solid 3px #fff;
	border-left: solid 3px #fff;
	left: 5px;
	transform: rotate(-45deg);
	bottom: 44%;
}

.fb .shindan .result p:before {
	position: unset;
	content: none;
}

.fb .result {
	/* 右からのスクロールアニメーションを追加 */
	animation: slideInRight 0.5s forwards;
}

.fb .result__ttl {
	font-size: 28px;
}

.fb .shindan .result {
	background-color: #fff;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}

.fb .hide {
	display: none;
}

.fb .slideInRight {
	animation: slideInRight 0.5s forwards;
}

@keyframes slideInRight {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(0);
	}
}

/* 左から右にスライドするアニメーション */
.fb .slideInLeft {
	animation: slideInLeft 0.5s forwards;
}

@keyframes slideInLeft {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0);
	}
}

.fb .question__wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 20px;
}

.fb .question__wrapper>div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.fb .question4 .question__wrapper {
	grid-template-columns: 1fr;
}

.fb label {
	border: solid 1px #f9a9b0;
	padding: 16px 6px 16px 50px;
	text-align: center;
	border-radius: 0px;
	cursor: pointer;
	background-color: white;
	display: flex;
	gap: 4px;
	position: relative;
}

.fb label.selected {
	background-color: #f9a9b0;
	color: #fff;
}

.fb label::before {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	border: solid 1px #6b6862;
	border-radius: 50%;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}

.fb label.selected::after {
	position: absolute;
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #f77a88;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.fb .result__inner__wrap {
	background-color: #fff;
	padding: 6px;
	border-radius: 16px;
}

.fb #resultName {
	display: inline;
	position: relative;
	padding: 0 12px;
	font-size: 28px;
	font-weight: bold;
}

.fb #resultName::before {
	position: absolute;
	content: "";
	border-left: solid 1px #000;
	height: 28px;
	bottom: 0;
	left: 0;
	transform: rotate(-23deg);
}

.fb #resultName::after {
	position: absolute;
	content: "";
	border-right: solid 1px #000;
	height: 28px;
	bottom: 0;
	right: 0;
	transform: rotate(23deg);
}

.fb #resultHead {
	font-size: 16px;
}

.fb #resultSmall {
	text-align: right;
	font-size: 14px;
	margin-top: 4px;
}

.fb .shinndan__official__btn {
	background-color: #a71616;
	color: #fff;
	font-size: 22px;
	padding: 10px 20px;
	border-radius: 8px;
	text-decoration: none;
	width: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
	margin-top: 10px;
}

.fb .shinndan__official__btn::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
	right: 5%;
	top: 42%;
}

/* ========================================================
20240726 /fb コンテンツ追加
=========================================================*/
.treatment p {
	max-width: 960px;
	margin: 20px auto;
	font-size: 1.5rem;
}

.treatment img {
	width: 600px;
	height: auto;
}

.fb .Refine_Search_Box_Inner label::before,
.fb .Refine_Search_Box_Inner label.selected::after {
	display: none;
}

/* ========================================================
20240806 /fb 診断コンテンツ改修
=========================================================*/
.fb #resultSmall {
	text-align: center;
	font-size: 16px;
}

.fb #resultCta img {
	width: 92%;
}

.fb .shindan_cta-btn {
	width: 92%;
	margin: 28px 0;
	position: relative;
}

.fb a.red_btn.shindan_cta-btn::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.fb .result__inner__wrap {
	padding-bottom: 0;
}

/* ========================================================
20240821 比較表02
=========================================================*/
.hikaku02__table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #000;
	margin-bottom: 0;
}

.hikaku02__table th,
.hikaku02__table td {
	border: none;
}

.hikaku02__table th {
	width: 9%;
	font-size: 12px;
	background-color: #fcf5f5;
	border: none;
	position: relative;
}

.hikaku02__table td {
	width: calc(91% / 3);
	text-align: center;
	border: none;
	position: relative;
	/* border-bottom: 1px dashed #707070; */
}

.hikaku02__table th,
.hikaku02__table td {
	border-bottom: dashed 1px #707070;
}

.hikaku02__table th+td,
.hikaku02__table td+td {
	border-left: solid 1px #707070;
}

.hikaku02__table td:first-of-type {
	background-color: #fffde3;
}

.hikaku02__table tr:nth-of-type(5) td {
	vertical-align: top;
}

.contents img.hikaku02__logo {
	height: 127px;
	width: 185px;
	object-fit: cover;
}

.contents img.hikaku02__logo.padding {
	padding: 8px 0px;
	box-sizing: border-box;
	height: 127px;
	width: unset;
	object-fit: contain;
}

.hikaku02__name {
	margin-top: 10px;
	font-size: 16px;
	display: block;
}

.hikaku02__eva {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	margin-top: 0.25em;
	margin-bottom: 4px;
}

.hikaku02__eva.verygood {
	background: url(../img/ico_dublecircle.svg) no-repeat;
	width: 24px;
	height: 24px;
	background-size: 100%;
}

.hikaku02__eva.normal {
	background: url(../img/ico_circle.svg) no-repeat;
	width: 24px;
	height: 24px;
	background-size: 100%;
}

.hikaku02__eva.bad {
	background: url(../img/ico_triangle.svg) no-repeat;
	width: 24px;
	height: 24px;
	background-size: 100%;
}

.hikaku02__table p {
	margin-bottom: 0;
}

.minoki__tab__lists {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
}

.minoki__tab {
	background-color: #fcf5f5;
	padding: 2px 5px 4px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
}

.hikaku02__table a.red_btn {
	width: 83%;
	font-size: 18px;
	margin-top: 6px;
}

.hikaku02__table tr:first-of-type td:first-of-type,
.hikaku02__table tr:first-of-type td:nth-of-type(2),
.hikaku02__table tr:first-of-type td:nth-of-type(3) {
	position: relative;
}

.hikaku02__table tr:first-of-type td:first-of-type::before {
	position: absolute;
	content: "";
	background: url(../img/ico_hikaku_rank_01.svg) no-repeat center;
	background-size: 100%;
	width: 55px;
	height: 55px;
	top: 0;
	left: 0;
	z-index: 5;
}

.hikaku02__table tr:first-of-type td:nth-of-type(2)::before {
	position: absolute;
	content: "";
	background: url(../img/ico_hikaku_rank_02.svg) no-repeat center;
	background-size: 100%;
	width: 55px;
	height: 55px;
	top: 0;
	left: 0;
	z-index: 5;
}

.hikaku02__table tr:first-of-type td:nth-of-type(3)::before {
	position: absolute;
	content: "";
	background: url(../img/ico_hikaku_rank_03.svg) no-repeat center;
	background-size: 100%;
	width: 55px;
	height: 55px;
	top: 0;
	left: 0;
	z-index: 5;
}

/* 20230320ソート  */
.result__sort-list {
	text-align: center;
	margin: 15px auto;
	display: none;
}

.result__sort-listItem {
	display: inline-block;
	border-radius: 4px;
	line-height: 1.0;
	padding: 15px;
	margin: 10px;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #fff;
}

.searchaga .result__sort-listItem {
	border: solid 1px #000;
}

.result__sort-listItem:hover {
	opacity: 0.6;
	cursor: pointer;
}

.result__sort-listItem.active {
	color: #fff;
	background-color: #fa7b86;
}

/* 20230517 osusume 追加 */

.osusume__ttl {
	width: 600px;
	margin: 20px auto 0;
}

a.osusume__table-clinicName {
	display: block;
	margin-top: 15px;
	font-size: 14px;
}

.osusume__table tr {
	border: 1px solid #707070;
}

/* .osusume__table tbody tr:nth-of-type(2) td{
	background: #FFFAE2;
} */
.yahoo .osusume__table th {
	padding: 4px;
	font-size: 1.2rem;
	border: 1px dashed #707070;
}

.yahoo .osusume__table td {
	vertical-align: middle;
	text-align: center;
	width: 16%;
	padding: 10px;
	border: 1px dashed #707070;

}

.yahoo .osusume__table td:nth-child(1) {
	width: 20%;
	padding: 10px;
	vertical-align: middle;
}

.yahoo .osusume__table td:nth-child(6) {
	width: 20%;
	margin-bottom: 0;
	padding: 10px;
	vertical-align: middle;
}

.yahoo .osusume__table p {
	margin-top: 10px;
}

.yahoo img.osusume__table-logo {
	display: block;
	width: 160px;
	height: auto;
	margin: 0 auto;
}

.yahoo .osusume_btn {
	display: flex;
	flex-direction: column;
	gap: 10px;
	vertical-align: middle;
}

.yahoo a.osusume__table-siteLink {
	border-radius: 4px;
	background-color: #a71616;
	box-shadow: 0 4px #741010;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 1.2rem;
	font-weight: normal;
	width: 108px;
	height: 32px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
}

.yahoo a.osusume__table-siteLink::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_button_arrow.svg);
	width: 7px;
	height: 8px;
	background-size: 7px 8px;
	margin-left: 4px;
	margin-right: 0;
}

.yahoo a.osusume__table-moreLink {
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 1.2rem;
	font-weight: normal;
	width: 108px;
	height: 32px;
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #333;
	margin: 0 auto;
}

.yahoo a.osusume__table-moreLink::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_url_arrow.svg);
	width: 9px;
	height: 10px;
	background-size: 9px 10px;
	margin-left: 4px;
	margin-bottom: 3px;
	transform: translateY(30%) rotate(90deg);
}

.yahoo .osusume-good_1:before {
	content: "";
	display: block;
	background: url(../img/ico_circle.svg);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	margin: 0 auto;
}

.yahoo .osusume-good_2:before {
	content: "";
	display: block;
	background: url(../img/ico_dublecircle.svg);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	margin: 0 auto;
}

.yahoo .osusume-notgood:before {
	content: "";
	display: block;
	background: url(../img/ico_triangle.svg);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	margin: 0 auto;
}

.yahoo .osusume__txt small {
	display: inline-block;
	line-height: 1.5;
}

.yahoo .osusume__txt .catch__txt {
	margin-top: 12px;
}

.yahoo .result_data__area .hikaku__block table {
	max-width: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.faga.yahoo .hikaku__block.hikaku__detail tbody tr:first-child th {
	border: 1px dashed #707070;
}

.faga.yahoo .hikaku__block.hikaku__detail tbody tr:first-child th,
.faga.yahoo .hikaku__block.hikaku__detail tbody tr:first-child td {
	background-color: #fff;
}


body.result_page.yahoo #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .rank__name.result__name::before {
	background: none;
	width: unset;
	height: unset;
}

.searchaga .rank__item.result__item.id_3 a,
.search02 .rank__item.result__item.id_3 a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

.searchaga .cta__area.result__cta.id_3,
.search02 .cta__area.result__cta.id_3 {
	border: none;
	color: #333;
	display: none;
}

.faga.yahoo .osusume__table tr:last-of-type a,
.faga.yahoo .result__item.id_3 a.bnr-link {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

.faga.yahoo .bnr-link3,
.faga.yahoo .result__bnr2.dmm,
.faga.yahoo .result__bnr2.cf {
	display: none;
}

body.result_page.yahoo .result__item.id_3 a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

body.result_page.yahoo .cta__area.result__cta.id_3 {
	display: none;
}

body.result_page.yahoo #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div .cta__area.result__cta,
body.result_page.yahoo #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	background: #fff;
}

body.result_page.yahoo #CONTENTS>div.contents.clearfix>div>div:nth-child(7)>div {
	box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 15%) 0px 0px 8px;
}

/* ========================================================
20240906 DMM地域 オンライン訴求
=========================================================*/
.dmm__online {
	padding: 0 20px;
}

.dmm__online__wrap {
	border: solid 3px var(--Main);
	border-radius: 20px;
	padding: 20px;
	margin-top: 10px;
}

.dmm__online__head__wrap {
	overflow: hidden;
}

.dmm__online__ttl {
	font-size: 1.9rem;
}

.dmm__online__table {
	border-collapse: collapse;
	margin: 14px auto 0;
	font-size: 1.3rem;
}

.dmm__online__table th,
.dmm__online__table td {
	border: none;
}

.dmm__online__table th {
	background-color: var(--Back);
	width: 30%;
	padding: 10px 4px;
}

.dmm__online__table td {
	line-height: 1.5;
}

.dmm__online__table tr:first-of-type th,
.dmm__online__table tr:first-of-type td {
	border-top: solid 2px #707070;
}

.dmm__online__table tr:last-of-type th,
.dmm__online__table tr:last-of-type td {
	border-bottom: solid 2px #707070;
	border-top: dashed 1px #000;
}

.dmm__online__bnr {
	margin-top: 10px;
}

.dmm__online__table small {
	font-size: 1rem;
	line-height: 1.8;
	display: block;
	font-weight: initial;
	color: #6f7579;
}

.online__bnr__points {
	margin-top: 14px;
}

.online__bnr__points li {
	position: relative;
	padding-left: 32px;
}

.online__bnr__points li::before {
	position: absolute;
	content: "";
	background: url(../img/ico_checkbox.svg);
	width: 23px;
	height: 23px;
	background-size: 100%;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
}

.online__bnr__points li:not(:first-of-type) {
	margin-top: 4px;
}

.dmm__online__cta {
	margin-top: 20px;
}

.dmm__online__link {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}

a.red_btn.dmm__online__link::after {
	content: "";
	display: inline-block;
	background: url(../img/ico_chevron-right.svg);
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.tell__img {
	margin-top: 20px;
}

/* 20241029 追記 */
.column.-two td p {
	margin-bottom: 0;
}

/* 20250128 追記 */
/* クーポン領域 */

.coupon__before_arrow {
	margin: 10px auto 0;
	background: var(--Main);
	height: 40px;
	width: 120px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.coupon__wrap {
	margin: 10px auto 0;
	width: calc(100vw - 80px);
	max-width: 500px;
	border: 4px var(--Main) solid;
	border-radius: 8px;
	padding: 20px 20px;
}

.coupon__campaign {
	background-color: #FF7A88;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border-radius: 50px;
}

.coupon__title {
	margin: 10px 0;
}

.coupon__action {
	margin-top: 20px;
	text-align: center;
}

a.coupon__link {
	width: 100%;
	position: relative;
	padding: 15px 28px;
	border: none;
	border-radius: 4px;
	background: url(../img/ico_chevron-right.svg) no-repeat center right 14px / 10px 16px, var(--Accent);
	line-height: 1.31;
}