body {
	font-size: 1rem;
	font-family: ヒラギノ角ゴシック, Hiragino Sans, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Noto Sans JP,
		sans-serif;
	color: #4a4a4a;
	box-sizing: border-box;
	line-height: 1.8em;
	background-image: url("../img/bg_pc.png");
	word-break: break-all;
}
.c-inner {
	max-width: 700px;
	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;
}

@charset "UTF-8";
/* =======================================
デザインCSS
======================================= */
body {
	color: #333;
	font-size: 16px;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 150%;
	background-color: #f1f4f7;
	min-width: 1020px;
}

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

/*色を指定します*/

.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;
}

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

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

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

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

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

header.header_front_area {
	margin: 0 auto;
}

.header_front img {
	width: 100%;
}

.sp_search_btn,
.header_menu {
	display: none;
}

header .header {
	width: 700px;
	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: 700px;
	margin: 0px auto 10px;
	color: #ffffff;
	font-weight: bold;
}

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

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

#CONTENTS .contents {
	width: 700px;
	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%;
}

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


#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;
	box-sizing: border-box;
}

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

@media screen and (max-width:640px) {
	.white_back.top_box_ver {
		padding:10px 10px;	
	}
}

.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 {
	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;
	border-bottom: 1px solid #1156bd;
}

.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: #333;
}

.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: #B70005;
}

.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: 5px auto;
	padding: 20px;
	background-color: #FAF6DF;
	font-size: 14px;
    line-height: 1.5;
}

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

.simple_list ul {
}

.simple_list ul li {
	margin-bottom: 12px;
}

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

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

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



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


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

.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 #1156bd;
	border-bottom: 1px solid #1156bd;
}

.page_contents .page_contents_txt h3.h3_2 {
	border-left: none;
	border-bottom: 1px solid #1156bd;
	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 #1156bd;
}

.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 #1156bd;
}

.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 {
	margin-bottom: 25px;
	position: relative;
}

@media screen and (max-width:640px) {
	.ranking_box .head {
		margin-bottom: 3px;
	}
}

.ranking_box .head .rank {
	width: 120px;
    height: 120px;
    float: left;
    text-indent: -9999px;
    background-image: url(../img/rank_icon_01.png);
    background-size: 120px 120px;
    background-repeat: no-repeat;
}

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

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

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

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

.ranking_box .head .txt {
	font-weight: bold;
	margin-left: 140px;
	font-size: 120%;
	padding-top: 10px;
	line-height: 1.8;
}
.ranking_box .head .txt span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.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: -50px;
	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: #F4EAD2;
	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: 8px 8px 0;
	height:400px;
}

@media screen and (max-width:640px) {
	.box3-2 .box3-2-m {
		height: 330px;
	}
}

.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: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	right: 10px;
	top: 50%;
	background-size: 18px 18px;
	margin-top: -9px;
	position: absolute;
	transition: all 0.3s;
}

.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: 0px 0px;
	color: #333;
	margin: 0;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 14px;
	font-size: 14px;
}

.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: #6c8dc9;
	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;
}

#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 .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: #F8EFEF;
}

.footer_menu .footer_menu_inner {
	max-width: 100%;
	width: 800px;
	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;
}

.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: 0.2em 0;
}

.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: #000000;
	color: #fff;
}

.footer_inner {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 5px 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;
}

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

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

#COPYRIGHT {
	background-color: #000000;
}

#COPYRIGHT .copyright_inner {
	width: 700px;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	text-align: center;
	color: #fff;
}

/* ------------------------------
ページのトップへ
------------------------------ */
.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-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: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	right: 15px;
	top: 50%;
	background-size: 18px 18px;
	margin-top: -9px;
	position: absolute;
	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: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	right: 10px;
	top: 50%;
	background-size: 18px 18px;
	margin-top: -9px;
	position: absolute;
	transition: all 0.3s;
}

#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 {
	border: 10px solid #F0CCCD;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto 10px auto;
}

#Refine_Search_Area {
}

#Refine_Search_Area .Refine_Search_Box {
	overflow: hidden;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area {
	padding: 0 10px;
	box-sizing: border-box;
	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;
	border-bottom: 1px #d3ddef dotted;
}

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

#Refine_Search_Area dl.Refine_Search_conditions_Area dt {
	width: 130px;
	float: left;
	padding: 10px 0;
	font-size: 13px;
	color: #B70005;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area dt::before {
	content: "";
	width: 2em;
	height: 2em;
	display: inline-block;
	/*
	background-image: url(../img/icon_shiborikomi_chiiki.png);
	*/
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0.3em 0 0;
	vertical-align: -40%;
}

/*
#Refine_Search_Area dl.Refine_Search_conditions_Area dt.condition_age::before {
	background-image: url(../img/icon_shiborikomi_nendai.png) !important;
}
*/
#Refine_Search_Area dl.Refine_Search_conditions_Area dt.condition_seibetsu::before {
	background-image: url(../img/icon_shiborikomi_seibetu.png) !important;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area dt.condition_jobtype::before {
	background-image: url(../img/icon_shiborikomi_syokusyu.png) !important;
}
/*
#Refine_Search_Area dl.Refine_Search_conditions_Area dt.condition_kodawari::before {
	background-image: url(../img/icon_shiborikomi_kodawari.png) !important;
}
*/
#Refine_Search_Area dl.Refine_Search_conditions_Area dt span {
	margin: 0.5em 0;
	display: inline-block;
}

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

#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: 0 0.5em 0 0;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area label.radiobtn_text,
#Refine_Search_Area dl.Refine_Search_conditions_Area label.checkbox_text {
	display: inline-block;
	margin: 0.5em 2.5em 0.5em 0;
}

#Refine_Search_Area dl.Refine_Search_conditions_Area label.radiobtn_text:last-child,
#Refine_Search_Area dl.Refine_Search_conditions_Area label.checkbox_text:last-child {
	margin: 0.5em 0 0.5em 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 {
	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: #2A6D3A;
	margin: 0px auto;
	color: #fff;
	border: none;
	-webkit-appearance: 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: #333;
	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: right;
	font-size: 120%;
	margin: 10px auto;
}

.Refine_Result_Count span {
	color: #db0000;
}

.return_form_area a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	width: 180px;
	background-color: #fff;
	margin: 0px auto;
	padding: 10px 20px;
	color: #1156bd;
	text-align: center;
	border: 1px solid #1156bd;
}

/*検索フォームの結果表示画面で使用*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

.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: none;
	background-color: #fafafa;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
	margin-top: -13px;
	text-indent: 0;
	font-size: 87%;
	position: relative;
	margin-bottom: -47px;
	border: 1px solid #999;
	border-top: none;
	box-sizing: border-box;
}

.options_accordion_ul a {
	display: block;
	width: 100%;
	padding: 5px;
	padding-left: 10px;
	color: #000;
	text-decoration: none;
}

.options_accordion_ul a:hover {
	background-color: #e8f7f9;
}

.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;
}


ul.hikaku_tab {
	margin: 0;
	padding: 0;
}

ul.hikaku_tab li {
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	height: 50px;
	vertical-align: middle;
	/* border-right:1px solid #C4E4F8; */
	position: relative;
}

ul.hikaku_tab li small {
	font-size: 9px;
}

ul.hikaku_tab li:before {
	display: block;
	content: " ";
	width: 100%;
	height: 10px;
	top: -4px;
	position: absolute;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #d3ddef;
}

ul.hikaku_tab li.all,
ul.hikaku_tab li.method,
ul.hikaku_tab li.easy_going,
ul.hikaku_tab li.service {
	padding-top: 17px;
}

ul.hikaku_tab li.on {
	background-color: #6c8dc9;
	color: #fff;
	position: relative;
}

ul.hikaku_tab li.on:before {
	display: block;
	content: " ";
	width: 100%;
	height: 14px;
	top: -10px;
	position: absolute;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #6c8dc9;
}

ul.hikaku_tab li:nth-of-type(1).on {
	/* border-left:1px solid #50B2ED; */
}

/*table.thead_fixed{*/
#TOPPAGE thead.thead_fixed {
	display: block;
	border-collapse: collapse;
	width: 980px;
	box-sizing: border-box;
}

thead.thead_fixed {
	display: block;
	border-collapse: collapse;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
}

thead.thead_fixed tr {
	background-color: #eee;
	position: relative;
	left: -1px;
}

thead.thead_fixed tr:nth-of-type(1) {
	left: 0px;
}

thead.thead_fixed th,
thead.thead_fixed td {
	border: none;
}

table.hikaku_area_table th,
table.hikaku_area_table td {
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}

table.thead_fixed th,
table.thead_fixed td {
	width: 20%;
	box-sizing: border-box;
	display: block;
}

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;
}

thead.thead_fixed tr:nth-of-type(2) th {
	background-color: #eee;
	color: #333;
	display: block;
	float: left;
	height: 40px;
	border-collapse: collapse;
}

.thead_fixed {
	top: 0;
	position: fixed;
	border: none;
	margin: 0 !important;
}

.hikaku_area_table th,
.hikaku_area_table td {
	font-size: 12px;
	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: 40px auto 20px;
}


.more_link2 a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1156bd;
	padding: 25px 25px 25px 15px;
    color: #fff;
    font-size: 22px;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	position: relative;
	margin: -11px auto;
	border-radius: 2px;
	font-weight: normal;
	border-bottom: 3px solid #0c3c84;
}

@media screen and (max-width:640px) {
	.more_link2 a {
	font-size: 18px;
	}
}

.more_link2 a:after {
	content: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	right: 18px;
	top: 50%;
	background-size: 18px 18px;
	margin-top: -8px;
	position: absolute;
	transition: all 0.3s;
}

.more_link2 a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.more_link2.jobchange-site a {
	background-color: #016D3B;
	border-bottom: 10px solid #00341C;
	border-radius: 20px;
}

.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: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	right: 15px;
	top: 50%;
	background-size: 18px 18px;
	margin-top: -9px;
	position: absolute;
	transition: all 0.3s;
}

.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: 700px;
	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: 5px;
	margin-bottom: -15px;
	padding: 10px 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 #B8B8B8;
	font-size: 14px;
}
table.service_table td {
	width: 30%;
	padding: 10px 10px;
}
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: 14px;
	width: 24%;
	margin: 0 0 8px;
	line-height: 1;
	border: 1px solid #ddd;
	color: #aaa;
	border-radius: 7px;
	line-height: 25px;
}
table.service_table ul li.active {
	color: #FFFFFF;
	font-weight: bold;
	padding: 9px 0;
	background: #DC7F82;
	line-height: 20px;
}
/*  */
.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;
	font-size: ;
}
.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: 4px auto 6px;
	width: 30%;
}

@media screen and (max-width:640px) {
	table .product_img {
		width: 50%;
	}
}
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;
}
.sticky_table thead th {
	position: -webkit-sticky;
	position: sticky;
	/* white-space: nowrap; */
	border-collspace: separate !important;
}
.table_tab_box th,
.table_tab_box td {
	height: 100px;
	vertical-align: middle;
	padding: 0 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	color: #333333;
}
.hikaku_table.vertical .link_btn4 a {
	background: #016D3B;
	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: 20px;
	color: #fff;
	text-decoration: none;
	text-align: center !important;
	padding: 16px 2px;
	box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);
	font-weight: 600;
	position: relative;
	overflow: hidden;
}
.link_btn4 a:after {
	content: "";
	background-image: url("../img/circle-right_white.svg");
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: 18px;
	transition: all 0.3s;
	position: relative;
	top: 1px;
}
.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;
}
.sticky_table thead th {
	width: 30%;
}
.table_tab_box th,
.table_tab_box td {
	height: 100px;
	vertical-align: middle;
	padding: 0 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 14px;
}
}
.table_tab_box th.yellow_bk,
.table_tab_box td.yellow_bk {
	background-color: #fffcf1;
}
.sticky_table th.data_name {
	background-color: #F4D8DA !important;
	width: 4%;
}
.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: #fffae2;
}
.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-size: 14px;
	font-weight: 200;
	line-height: 1.9em;
}
.ranking_table td {
	text-align: center;
}
.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: 18px;
	border-top: 3px solid #1156bd;
	border-bottom: 3px solid #1156db;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0 10px;
	letter-spacing: 0.02em;
	line-height: 16px;
}
.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;
}
.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", sans-serif;
	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;
}

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

.campaign_txt {
	text-align: center;
    background: black;
    color: white;
    font-size: 25px;
    line-height: 40px;
	padding: 5px;
}

@media screen and (max-width:640px) {
	.campaign_txt {
		font-size: 16px;
    	line-height: 23px;
	}
}

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

.name {
	font-size:1.9rem;
}

@media screen and (max-width:640px){
	.name {
		font-size: 1.5rem;
	}
}

.micro_copy {
	font-size: 16px;
    font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.bird_line {
	text-align: center;
	position: relative;
  }
  .bird_line span {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 8px 0 8px;
	margin: 0 auto;
	color: #333;
	font-size: 1.2rem;
	font-weight: 600;
	font-family: Josefin Sans, Noto Sans JP, Yu Gothic, sans-serif;
  }
  .bird_line span:after,
  .bird_line span:before {
	width: 36%;
	border-top: 1px solid #383838;
	content: " ";
	display: inline-block;
	position: relative;
	top: -7px;
  }
  .bird_line span:before {
	right: 20px;
  }
  .bird_line span:after {
	left: 20px;
  }

  .border_icon {
	background-image:url("../img/border_icon.png");
  }

.swiper-button-prev,
.swiper-button-next {
 position: absolute;
 top: 50%;
 width: calc(var(--swiper-navigation-size) / 44 * 27);
 height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--swiper-navigation-color, var(--swiper-theme-color));
 width: 48px; /* ボタンの幅 */
 height: 48px; /* ボタンの高さ */
 background-size: 48px 48px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
 margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}

@media screen and (max-width:640px) {	
.swiper-button-prev,
.swiper-button-next {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
}
}

/* 次ページボタンのスタイル */
.swiper-button-next {
 background-image: url("../img/slide_right_icon.png");
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
 background-image: url("../img/slide_left_icon.png");
}






.more_linktop a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1156bd;
	padding: 7px 25px 7px 15px;
    color: #fff;
    font-size: 22px;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	position: relative;
	margin: 0px 0px -11px auto;
	border-radius: 2px;
	border-bottom: 3px solid #0c3c84;
}

@media screen and (max-width:640px) {
	.more_linktop a {
	font-size: 14px;
	}
}

.more_linktop a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.more_linktop.jobchange-site a {
	background-color: #016D3B;
	border-bottom: 5px solid #00341C;
	border-radius: 10px;
}

.swiper-img{
	width:92%;
	margin-left:26px;
}

@media screen and (max-width:640px) {
.swiper-img{
	width: 88%;
    margin-left: 6%;
}
}

/* 20211118 */
/* 続きを見る（もっと見る） */
cp01
.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 260px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 1) 100%);
}

.cp_box input:checked+label {
    background: inherit;
}

.cp_box label:after {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 50%;
    width: 260px;
    box-sizing: border-box;
    content: "おせち一覧を見る";
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 10px;
    line-height: 1.0;
    padding: 19px 0 18px;
    background-color: #333;
    font-size: 14px;
    border-bottom: 4px solid #000;
    background-image: url("../img/circle-bottom_white.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 227px  17px;
}

.cp_box label:hover:after {
	opacity: 0.7;
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 520px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.cp_box input:checked+label:after {
    display: none;
}

.cp_box input:checked+label {
    display: none;
}


.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 80px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 768px) {
    .cp_box .cp_container {
        height: 520px;
    }
}

.swiper-button-next2, .swiper-button-prev2 {
	color: #fff;
}

.swiper-button-prev2,
.swiper-button-next2 {
 position: absolute;
 top: 50%;
 width: calc(var(--swiper-navigation-size) / 44 * 27);
 height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--swiper-navigation-color, var(--swiper-theme-color));
 width: 48px; /* ボタンの幅 */
 height: 48px; /* ボタンの高さ */
 background-size: 48px 48px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
 margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}

@media screen and (max-width:640px) {	
	.swiper-button-prev2,
	.swiper-button-next2 {
		width: 36px;
		height: 36px;
		background-size: 36px 36px;
	}
	}
	
	/* 次ページボタンのスタイル */
	.swiper-button-next2 {
	 background-image: url("../img/slide_right_icon.png");
	}
	/* 前ページボタンのスタイル */
	.swiper-button-prev2 {
	 background-image: url("../img/slide_left_icon.png");
	}