@charset "UTF-8";
body {
	height: 100%;
	line-height: 1.7;
	letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

#wrapper {
	padding: 0 30px;
	margin: 0 auto;
	overflow: hidden;
	color: #333;
	width: 1040px;
	position: relative;
	background-color: #fff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 -10px 10px 5px #ffeebb inset;
}
@media screen and (max-width: 767px) {
	#wrapper {
		width: auto;
		box-shadow: none;
		padding: 0;
	}
}

#container {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	align-items: flex-start;
}
@media screen and (max-width: 767px) {
	#container {
		display: block;
		padding: 0 10px;
	}
}

#contents {
	width: 700px;
	padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
	#contents {
		width: auto;
	}
}

hr {
	display: none;
}

img {
	vertical-align: top;
	max-width: 100%;
}

h4 {
	font-size: 20px;
}

a {
	color: #0265cb;
}

cite {
	font-size: 80%;
	color: #666;
	font-style: normal;
	display: block;
	padding-left: 10px;
}
cite a {
	text-decoration: none;
}
cite li {
	line-height: 30px;
}
cite a:link {
	color: #999;
}

#scrolltoTop {
	display: none;
	position: fixed;
	z-index: 2;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 50px;
	background: url(//masa-ka.net/pascase/images/css/company.png) no-repeat 0 -151px;
	opacity: 0;
}
@media screen and (max-width: 767px) {
	#scrolltoTop {
		width: 35px;
		height: 35px;
		bottom: 45px;
		right: 10px;
		background: #000;
	}
	#scrolltoTop:before {
		content: "";
		display: block;
		border: 10px solid transparent;
		border-bottom: 17px solid #fff;
		position: absolute;
		left: 50%;
		top: -2px;
		transform: translateX(-50%);
	}
}

/*----------------------------- */
/* /*	使用頻度の高いclass */
/* /*-------------------------------*/
@media screen and (min-width: 768px) {
	.pc_none {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.smart_none {
		display: none;
	}
}

.flex_box {
	display: flex;
}

.style2 {
	color: #c00;
}

.style3 {
	color: #553ffb;
}

.bold {
	font-weight: bold;
}

.style4 {
	color: #000000;
	font-weight: bold;
	background: #fcff9f;
	background: linear-gradient(transparent 50%, #fcff9f 50%, #fcff9f 85%, white 85%);
}

.ttl_section, .ttl_important {
	margin: 60px 0 30px;
	padding: 10px 8px 8px 35px;
	font-size: 26px;
	font-weight: bold;
	height: 100%;
	display: block;
	border: solid 1px #bebebe;
	background-color: #fefefe;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	clear: both;
}
@media screen and (max-width: 767px) {
	.ttl_section, .ttl_important {
		font-size: 18px;
	}
}
.ttl_section:after, .ttl_important:after {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 13px;
	border-left: 6px solid #FF6D10;
	border-radius: 3px;
	padding-bottom: 0px;
	min-height: 60%;
	z-index: 10;
}

.ttl_important {
	background-color: #FEF3D7;
}

.ttl_sub_section {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

.rank_btn_message {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.rank_btn_message {
		margin-top: 20px;
	}
}
.rank_btn_message + .rank_btn_box {
	margin-top: 0;
}
.rank_btn_message + .rank_btn_box p:first-of-type {
	margin-top: 0;
}

.rank_btn_box {
	text-align: center;
	margin: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.rank_btn_box {
		margin: 20px 0;
	}
}

.sub_section {
	border-bottom: 1px dotted #000;
	margin: 50px auto;
}

.arrow_btn {
	font-size: 22px;
	padding: 15px 20px 10px 50px;
	background-position: 10px 17px;
	display: inline-block;
	width: auto;
	min-width: 300px;
	cursor: pointer;
	border-radius: 7px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	box-shadow: rgba(16, 17, 18, 0.61961) 4px 5px 7px -1px;
	background-image: url(//masa-ka.net/pascase/images/css/arrow_white.png);
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	top: 0;
	transition: all ease 0.1s;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.arrow_btn {
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}
}
.arrow_btn.btn_red {
	background-color: #FF6633;
}
.arrow_btn.btn_blue {
	background-color: #468CCB;
}
.arrow_btn.btn_green {
	background-color: #46cb5c;
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	.arrow_btn.btn_green {
		margin-left: 0;
	}
}
.arrow_btn.btn_yellow {
	font-size: 16px;
	padding: 7px 10px 5px 10px;
	background-image: none;
	background-color: #fff0c6;
	color: #000;
	font-weight: normal;
}
.arrow_btn.small_btn {
	min-width: 0;
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.arrow_btn.small_btn {
		margin-bottom: 10px;
	}
}

.riacomi_syoukai {
	clear: both;
	background: repeating-linear-gradient(-45deg, #fff9e7, #fffaeb 3px, #fff5db 3px, #fff0c6 7px);
	padding: 20px;
	margin-bottom: 20px;
}
.riacomi_syoukai img {
	float: left;
	width: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#mokuji {
	position: relative;
	border: solid 1px #ccc;
	margin: 30px 0;
	padding: 10px;
}
#mokuji ul {
	list-style-type: none;
	padding-left: 0;
	line-height: 2.5em;
	margin-left: 10px;
}
#mokuji ul.list_contents {
	margin-left: 20px;
}
#mokuji ul li.list_contents_item {
	list-style-type: decimal;
}
#mokuji p {
	margin: 0.3em;
}
#mokuji .mokuji_toggle {
	width: 100%;
	cursor: pointer;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
@media screen and (max-width: 767px) {
	#mokuji .mokuji_toggle {
		text-align: left;
	}
}
#mokuji .mokuji_toggle:after {
	position: absolute;
	top: 13px;
	right: 20px;
	content: "－";
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #ccc;
}
#mokuji .mokuji_toggle:before {
	content: "非表示にする";
	position: absolute;
	top: 18px;
	right: 55px;
	font-size: 12px;
	font-weight: normal;
}
#mokuji #mokuji_check {
	display: none;
}
#mokuji #mokuji_check:checked ~ .mokuji_container {
	display: none;
}
#mokuji #mokuji_check:checked ~ .mokuji_toggle:before {
	content: "表示する";
}
#mokuji #mokuji_check:checked ~ .mokuji_toggle:after {
	content: "＋";
}
#mokuji .mokuji_containter {
	margin-top: 5px;
}

.balloon2 {
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-direction: column;
}
.balloon2 .faceicon {
	order: 1;
	height: 30px;
}
.balloon2 .faceicon img {
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #e8ffd2;
}
.balloon2 .faceicon .name {
	font-size: 14px;
	font-weight: bold;
	margin-left: 12px;
	float: left;
	margin: 0;
}
.balloon2 .faceicon:nth-child(2) .name {
	margin-left: 0;
	margin-right: 12px;
	float: right;
}
.balloon2 .faceicon img {
	width: 100px;
	height: auto;
	float: left;
}
@media screen and (max-width: 767px) {
	.balloon2 .faceicon img {
		width: 50px;
	}
}
.balloon2 .faceicon:nth-child(2) img {
	float: right;
}
.balloon2 .chatting {
	order: 2;
}
.balloon2 .chatting .says {
	border: 1px solid #dcdcdc;
	width: calc(100% - 115px);
	box-sizing: border-box;
	padding: 20px;
	font-size: 18px;
	position: relative;
	background: #f5f5f5;
}
@media screen and (max-width: 767px) {
	.balloon2 .chatting .says {
		font-size: 16px;
		width: calc(100% - 65px);
	}
}
.balloon2 .chatting .says:before {
	position: absolute;
	top: -1px;
	content: "";
	border: 8px solid transparent;
	border-top-color: #dcdcdc;
}
.balloon2 .chatting .says:after {
	position: absolute;
	top: 0;
	content: "";
	border: 6px solid transparent;
	border-top-color: #f5f5f5;
}
.balloon2 .chatting .says.right {
	margin-left: 115px;
}
@media screen and (max-width: 767px) {
	.balloon2 .chatting .says.right {
		margin-left: 65px;
	}
}
.balloon2 .chatting .says.left {
	margin-right: 115px;
	background: #e8ffd2;
}
@media screen and (max-width: 767px) {
	.balloon2 .chatting .says.left {
		margin-right: 65px;
	}
}
.balloon2 .chatting .says.left:before {
	right: -9px;
}
.balloon2 .chatting .says.left:after {
	right: -6px;
	border-top-color: #d4ffa9;
}
.balloon2 .chatting .says.right:before {
	left: -9px;
}
.balloon2 .chatting .says.right:after {
	left: -6px;
}
.balloon2 .chatting .says_inner h4 {
	margin: 0 !important;
}
.balloon2 .chatting .says p {
	margin-top: 0;
}
.balloon2 .chatting .says p:last-of-type {
	margin-bottom: 0;
}
.balloon2.large .faceicon img {
	width: 130px;
}
.balloon2.large .chatting .says {
	width: calc(100% - 150px);
}
.balloon2.large .chatting .says.right {
	margin-left: 150px;
}
.balloon2.large .chatting .says.left {
	margin-right: 150px;
}

@media screen and (max-width: 767px) {
	.sp_agent_list .sp_evaluation_cell, .sp_agent_list .sp_job_cell, .sp_agent_list .sp_reputation_cell {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sp_agent_list .sp_evaluation .sp_evaluation_cell, .sp_agent_list .sp_job .sp_job_cell {
		display: table-cell;
	}
}
.sp_agent_list .sp_table_switch {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp_agent_list .sp_table_switch {
		display: block;
	}
	.sp_agent_list .sp_table_switch input {
		display: none;
	}
	.sp_agent_list .sp_table_switch span {
		display: inline-block;
		color: #FF950F;
		padding: 10px;
		background: #eee;
		font-weight: bold;
		font-size: 14px;
	}
	.sp_agent_list .sp_table_switch input:checked + span {
		background: #FF950F;
		color: #fff;
	}
}

.apply_btn_rank {
	display: inline-block;
	padding: 2px 4px;
	margin: 0;
	margin-top: 8px;
	font-size: small;
	text-decoration: none;
	background: rgba(255, 101, 37, 0.8784313725);
	color: #fff;
	font-weight: bold;
	border-radius: 20px;
	box-shadow: #c5c5c5 2px 4px 0px -1px;
}
.apply_btn_rank:hover {
	position: relative;
	bottom: -2px;
	box-shadow: none;
}

.rank_icon_box {
	margin-right: 5px;
}
.rank_icon_box img {
	width: 40px;
}

.rank_review_list {
	padding-left: 0;
	list-style-type: none;
}
.rank_review_list .rank_review_list_ttl {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 15px;
}
.rank_review_list p {
	margin-bottom: 0;
}

.rank_review_list_item {
	background: repeating-linear-gradient(-45deg, #fff9e7, #fffaeb 3px, #fff5db 3px, #fff0c6 7px);
	padding: 20px;
	margin-bottom: 10px;
}

.hyouka_tbl {
	border-right: 1px solid #C2992F;
	border-bottom: 1px solid #C2992F;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.hyouka_tbl > tbody > tr > th {
	border-top: 1px solid #C2992F;
	border-left: 1px solid #C2992F;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	background-color: #FDFFEF;
	font-size: 13px;
}
.hyouka_tbl > tbody > tr > td {
	border-top: 1px solid #C2992F;
	border-left: 1px solid #C2992F;
	padding: 10px;
}
.hyouka_tbl > tbody > tr dl dt {
	font-weight: bold;
}
.hyouka_tbl > tbody > tr dl dd {
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.hyouka_tbl .histogram-table {
		width: 100%;
		max-width: 320px;
	}
}
.hyouka_tbl .histogram-table th, .hyouka_tbl .histogram-table td {
	padding: 0;
}

.point_box, .point_box3 {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 1em 2em;
	margin: 35px 3px 3px 0;
	border: solid 2px #C2992F;
	position: relative;
	border-radius: 4px;
	box-shadow: none;
}
.point_box .point_title, .point_box3 .point_title {
	background: #fff;
	margin: 0;
	padding: 0 0.5em;
	color: #C2992F;
	font-weight: bold;
	margin-top: -35px;
	width: fit-content;
}

.point_box2 {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 10px;
	margin: 30px 3px 3px 0;
	border-radius: 10px;
	border: solid 5px #F0EBE8;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	position: relative;
}
.point_box2 .point_title {
	margin: 10px 5px 20px 40px;
	font-size: 22px;
	font-weight: bold;
}
.point_box2 img.point {
	position: absolute;
	top: -20px;
	left: -20px;
}

.good_and_bad {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.good_and_bad {
		display: block;
	}
}
.good_and_bad .heading {
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	white-space: nowrap;
}
.good_and_bad .heading:before {
	height: 50px;
	width: 50px;
	background-size: cover;
	content: "";
	margin-right: 5px;
}
.good_and_bad .good_review .heading {
	background: #fffeeb;
}
.good_and_bad .good_review .heading:before {
	background-image: url(//masa-ka.net/pascase/images/kyaramori7.png);
}
.good_and_bad .bad_review .heading {
	background: #e2fffc;
}
.good_and_bad .bad_review .heading:before {
	background-image: url(//masa-ka.net/pascase/images/kyaramori8.png);
}
.good_and_bad .bad_review dd {
	background: #e2fffc;
}
.good_and_bad ul {
	padding-left: 0;
	list-style-type: none;
}
.good_and_bad li {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 10px;
}
.good_and_bad dl dt {
	padding: 10px;
	cursor: pointer;
	border: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}
.good_and_bad dl dt:after {
	transition: transform 0.4s;
	content: "";
	background-repeat: no-repeat;
	background-image: url(//masa-ka.net/pascase/images/open_arrow.svg);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.good_and_bad dl dd {
	background: #fffeeb;
	padding: 10px;
	display: none;
	margin-left: 0;
}

.acd-btn {
	position: relative;
	padding-left: 25px;
	font-weight: bold;
}
.acd-btn:before {
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	background: #333;
	position: absolute;
	left: 0;
	top: 12px;
}
.acd-btn:after {
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	background: #333;
	position: absolute;
	left: 0;
	top: 12px;
	transform: rotate(90deg);
	transition: 0.3s all ease;
}
.acd-btn.open:after {
	transform: rotate(0);
}
.acd-btn:hover {
	cursor: pointer;
	opacity: 0.7;
}

.js-acd-cts {
	display: none;
}

/*----------------------------- */
/* /*	スプライト */
/* /*-------------------------------*/
.sprite {
	background: url("../images/sprites/sprite.png") no-repeat top left;
	width: 76px;
	height: 16px;
}
.sprite.hosi1 {
	background-position: 0 0;
	width: 126px;
	height: 24px;
}
.sprite.hosi2 {
	background-position: 0 -26px;
	width: 127px;
	height: 24px;
}
.sprite.hosi3 {
	background-position: 0 -52px;
	width: 127px;
	height: 24px;
}
.sprite.hosi4 {
	background-position: 0 -78px;
	width: 125px;
	height: 24px;
}
.sprite.hosi5 {
	background-position: 0 -104px;
	width: 125px;
	height: 22px;
}
.sprite.star1 {
	background-position: 0 -128px;
}
.sprite.star2 {
	background-position: 0 -146px;
}
.sprite.star3 {
	background-position: 0 -164px;
}
.sprite.star4 {
	background-position: 0 -182px;
}
.sprite.star5 {
	background-position: 0 -200px;
}
.sprite.yellow_check {
	background-position: 0 -218px;
	width: 18px;
	height: 18px;
}
.sprite.arrow_white {
	background-position: 0 -238px;
	width: 30px;
	height: 31px;
}
.sprite.ecalic_blue {
	background-position: 0 -271px;
	width: 9px;
	height: 9px;
}
.sprite.ecalic_green {
	background-position: 0 -282px;
	width: 9px;
	height: 9px;
}
.sprite.ecalic_orange {
	background-position: 0 -293px;
	width: 9px;
	height: 9px;
}
.sprite.ecalic_pink {
	background-position: 0 -304px;
	width: 9px;
	height: 9px;
}
.sprite.riacomi_maru {
	background-position: 0 -315px;
	width: 45px;
	height: 45px;
}
.sprite.Q15 {
	background-position: 0 -362px;
	width: 18px;
	height: 18px;
}
.sprite.footer_navi_arrow {
	background-position: 0 -382px;
	width: 5px;
	height: 7px;
}
.sprite.hoshi4 {
	background-position: 0 -391px;
	width: 121px;
	height: 19px;
	margin: 5px auto;
}
.sprite.hoshi5 {
	background-position: 0 -412px;
	width: 121px;
	height: 19px;
	margin: 5px auto;
}
.sprite.keyicon {
	background-position: 0 -433px;
	width: 10px;
	height: 20px;
}
.sprite.logo_siliconstudio {
	background-position: 0 -455px;
	width: 90px;
	height: 45px;
}
.sprite.maru_o1 {
	background-position: 0 -502px;
	width: 75px;
	height: 75px;
	margin: auto;
}
.sprite.maru_o2 {
	background-position: 0 -579px;
	width: 75px;
	height: 75px;
	margin: auto;
}
.sprite.sankaku_o {
	background-position: 0 -656px;
	width: 75px;
	height: 75px;
	margin: auto;
}
.sprite.oukan_rank1 {
	background-position: 0 -733px;
	width: 45px;
	height: 25px;
	float: left;
}
.sprite.oukan_rank2 {
	background-position: 0 -760px;
	width: 45px;
	height: 25px;
	float: left;
}
.sprite.oukan_rank3 {
	background-position: 0 -787px;
	width: 45px;
	height: 25px;
	float: left;
}
.sprite.point {
	background-position: 0 -814px;
	width: 55px;
	height: 55px;
	position: absolute;
	top: -20px;
	left: -20px;
}

/*----------------------------- */
/* /*	テーブル */
/* /*-------------------------------*/
.evaluation_list_tbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.evaluation_list_tbl.agent_ranking {
	table-layout: fixed;
}
.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading {
	width: 7%;
	box-sizing: border-box;
}
.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.agent_heading {
	width: 19%;
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.agent_heading {
		width: auto;
	}
}
.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.feature_heading {
	width: 50%;
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.feature_heading {
		width: auto;
	}
}
.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading#offer_heading, .evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.offer_heading {
	width: 10%;
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading#offer_heading, .evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading.offer_heading {
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking .evaluation_list_tbl_heading {
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking.sp_evaluation .evaluation_list_tbl_heading.agent_heading {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl.agent_ranking.sp_job .evaluation_list_tbl_heading.feature_heading {
		width: 50%;
	}
}

.evaluation_list_tbl_heading {
	background-color: #FF950F;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 15px 0;
	font-size: 14px;
}
.evaluation_list_tbl_heading.agent_heading {
	width: 140px;
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl_heading.agent_heading {
		width: auto;
	}
}
.evaluation_list_tbl_heading.feature_heading {
	width: 240px;
}
@media screen and (max-width: 767px) {
	.evaluation_list_tbl_heading.feature_heading {
		width: auto;
	}
}

.evaluation_list_tbl_body {
	background-color: #fffeeb;
}

.evaluation_list_tbl_data {
	padding: 15px 10px;
	border: 1px solid #FF950F;
}
.evaluation_list_tbl_data img.icon_rank {
	width: 25px;
}
.evaluation_list_tbl_data.agent_data {
	width: 45%;
}
.evaluation_list_tbl_data.average_data, .evaluation_list_tbl_data.offer_data {
	text-align: center;
	font-size: 13px;
}

.sp_evaluation_cell, .sp_reputation_cell {
	text-align: center;
	width: 80px;
}
@media screen and (max-width: 767px) {
	.sp_evaluation_cell, .sp_reputation_cell {
		width: 65px;
	}
}

/*----------------------------- */
/* /*	ヘッダー */
/* /*-------------------------------*/
#cattitle, .cattitle {
	margin: 0px 0 20px 0;
	padding: 12px 10px 8px 35px;
	font-size: 26px;
	height: 100%;
	display: block;
	border: solid 1px #bebebe;
	background-color: #FEF3D7;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	text-align: left;
}
@media screen and (max-width: 767px) {
	#cattitle, .cattitle {
		font-size: 20px;
		line-height: 1.35em;
		font-weight: normal;
	}
}
#cattitle:after, .cattitle:after {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 13px;
	border-left: 6px solid #FF950F;
	border-radius: 3px;
	padding-bottom: 0px;
	min-height: 60%;
	z-index: 10;
}

.modified_date {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	line-height: 1em;
	margin-left: 10px;
	margin-bottom: 1em;
}
.modified_date:before {
	content: url("images/loop2.svg");
	width: 12px;
	height: 12px;
	margin-right: 0.5em;
}

/*----------------------------- */
/* /*	ヘッダー */
/* /*-------------------------------*/
@media screen and (max-width: 767px) {
	#head {
		padding: 0 0.5em;
		border-top: 7px solid #F9AE31;
	}
}
#head a {
	color: #000000;
	text-decoration: none;
}
#head a:visited, #head a:hover {
	color: #000000;
	text-decoration: none;
}
#head .logo {
	width: 530px;
	height: 84px;
}
@media screen and (max-width: 767px) {
	#head .wrap2 {
		display: flex;
		align-items: center;
	}
}
#head .left {
	padding: 5px 0 0 0;
	width: 280px;
	height: 43px;
	float: left;
	position: relative;
}
@media screen and (max-width: 767px) {
	#head .left {
		float: none;
		width: auto;
		flex: 1;
		height: auto;
		padding: 0;
	}
}
#head .left p {
	font-size: 8pt;
	color: #9d7a4b;
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 22px;
	background: none;
}
@media screen and (max-width: 767px) {
	#head .left p {
		position: static;
	}
}
#head .right {
	padding: 7px 0px 0 0;
	margin: 8px 0 0 40px;
	float: right;
	width: 300px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#head .right {
		float: none;
		width: auto;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
	}
}
#head .right #member_btn {
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#head .right #member_btn {
		display: flex;
		align-items: center;
	}
}
#head .right #member_btn br {
	display: none;
}
@media screen and (max-width: 767px) {
	#head .right #member_btn br {
		display: block;
	}
}
#head .right #member_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	#head .right #member_btn a {
		font-size: 11px;
		width: 50px;
		height: 50px;
		min-width: 0;
		margin-left: 5px;
	}
}
#head .right .controll {
	color: #fff;
	height: 40px;
	min-width: 120px;
	text-align: center;
	vertical-align: middle;
}
#head .right .key {
	background-image: url(//masa-ka.net/pascase/images/css/keyicon.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 20px;
	min-width: 100px;
}
@media screen and (max-width: 767px) {
	#head .right .key {
		padding: 0;
		background-image: none;
	}
}
#head .right .login {
	background-color: #6FB230;
	padding-left: 15px;
	min-width: 105px;
}
#head .right .signup {
	background-color: #EB6100;
}
#head .right .logout {
	background-color: #6FB230;
}
#head .right .mypage {
	background-color: #EB6100;
}
#head.syokugyo_head .logo {
	float: none;
}
#head nav {
	width: 1040px;
	clear: both;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	#head nav {
		width: auto;
		padding-top: 0;
	}
}
#head nav ul {
	font-size: 13px;
	letter-spacing: -0.4em;
	background-color: #fff;
	border-top: solid 2px #eee;
	border-bottom: solid 1px #ccc;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	padding-left: 0;
	margin: 0;
	display: flex;
	list-style-type: none;
}
#head nav ul li {
	letter-spacing: normal;
	text-align: center;
	width: 25%;
}
#head nav ul li a {
	padding: 9px 5px;
	width: 100%;
	background-color: #FEF3D7;
	border-right: solid 1px #ccc;
	box-shadow: 0 0px 0px 2px white inset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#head nav ul li a:hover {
	background-color: #fff;
}
#head nav ul li.nav1 a {
	border-left: solid 1px #ccc;
	width: 100%;
}
#head nav ul li.nav2 a, #head nav ul li.nav3 a, #head nav ul li.nav4 a {
	width: 100%;
}
#head .logo p {
	margin: 0;
}
#head .logo .small {
	display: none;
}
#head .logo img {
	width: 100%;
}
#head.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10000;
	padding: 10px 0;
}
@media screen and (max-width: 767px) {
	#head.fixed {
		border-top: none;
		border-bottom: 1px solid #CCCBC9;
		height: 45px;
		padding: 0;
	}
}
#head.fixed .logo {
	padding-top: 0;
	height: auto;
	width: 200px;
}
@media screen and (max-width: 767px) {
	#head.fixed .logo {
		margin-left: 10px;
		width: auto;
		margin-top: 7px;
		flex: none;
	}
}
#head.fixed .logo .normal {
	display: none;
}
#head.fixed .logo .small {
	display: block;
	position: static;
}
#head.fixed .logo img {
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	#head.fixed .logo img {
		width: 150px;
	}
}
#head.fixed .wrap {
	display: flex;
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	#head.fixed .wrap {
		width: auto;
		display: block;
	}
}
@media screen and (max-width: 767px) {
	#head.fixed .wrap2 {
		justify-content: space-between;
		align-items: center;
	}
}
#head.fixed .right {
	display: none;
}
@media screen and (max-width: 767px) {
	#head.fixed .right {
		display: block;
		margin-right: 10px;
	}
}
@media screen and (max-width: 767px) {
	#head.fixed #member_btn {
		display: none;
	}
}
#head.fixed nav {
	margin-left: 5px;
	flex: 1;
	padding-top: 0;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#head.fixed nav {
		display: none;
	}
}
#head.fixed nav ul {
	border: 1px solid #eee;
	display: flex;
}
#head.fixed nav ul li {
	flex: 1;
	border: none;
	font-size: 12px;
}
#head.fixed nav a {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	#head.fixed .sp_menu_open {
		margin: 0;
	}
}
#head .sp_menu_open {
	display: none;
}
@media screen and (max-width: 767px) {
	#head .sp_menu_open {
		width: 30px;
		height: 35px;
		background-image: url("https://masa-ka.net/pascase/images/menu.svg");
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
		position: relative;
		margin-left: 5px;
		display: block;
	}
	#head .sp_menu_open:after {
		position: absolute;
		content: "メニュー";
		bottom: -6px;
		left: 50%;
		font-size: 8px;
		white-space: nowrap;
		transform: translateX(-50%);
		letter-spacing: 0px;
	}
	#head .sp_menu_open.open {
		background-image: url("https://masa-ka.net/pascase/images/close.svg");
		width: 30px;
		height: 30px;
		padding-bottom: 5px;
	}
	#head .sp_menu_open.open:after {
		content: "閉じる";
	}
}
#head .head_topics {
	background: #dda146;
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 15px;
}
#head .head_topics .title {
	font-size: 13px;
}
#head .head_topics .count {
	font-size: 20px;
	color: #0265cb;
}
@media screen and (max-width: 767px) {
	#head .head_topics .count {
		font-size: 17px;
	}
}
#head .head_topics a {
	text-decoration: underline;
	color: #fff;
}
@media screen and (min-width: 768px) {
	#head .head_topics p {
		display: inline;
	}
}
#head .head_topics .pr {
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	#head .head_topics {
		font-size: 11px;
		letter-spacing: 0;
		padding: 5px 0;
	}
}

/*----------------------------- */
/* /*	新パンくずリスト */
/* /*-------------------------------*/
#breadcrumbs {
	padding: 0px 0 10px 0;
	margin: 0 10px 10px 10px;
	-webkit-overflow-scrolling: touch;
	/* スマホでスクロールを滑らかにする */
	overflow-x: auto;
	/* [必須] テキストが多い時はX軸にスクロールバーが出現するように */
}
@media screen and (max-width: 767px) {
	#breadcrumbs {
		margin-top: 10px;
	}
}
#breadcrumbs::-webkit-scrollbar {
	height: 5px;
}
#breadcrumbs::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
#breadcrumbs::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #999;
}
#breadcrumbs ol {
	display: table;
	margin: 0;
	padding: 0;
	/* [必須] */
}
#breadcrumbs ol li {
	font-size: 12px;
	display: table-cell;
	/* [必須] */
	white-space: nowrap;
	/* [必須] テキストを改行させないように */
	vertical-align: middle;
	padding-right: 26px;
	position: relative;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 0;
	float: none;
}
#breadcrumbs ol li:last-child {
	padding-right: 0;
}
#breadcrumbs ol li:last-child:after {
	display: none;
}
#breadcrumbs ol li:after {
	position: absolute;
	display: block;
	content: "";
	content: ">";
	top: 3px;
	right: 8px;
}
#breadcrumbs ol li:before {
	content: "";
}
#breadcrumbs ol li a {
	position: relative;
	display: block;
	top: -4px;
	color: #111;
	text-decoration: none;
}
#breadcrumbs ol li a:hover {
	text-decoration: none;
	opacity: 1;
}
#breadcrumbs ol li a:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #111;
	bottom: -7px;
}
#breadcrumbs.no-scroll ul {
	display: block;
}
#breadcrumbs.no-scroll ul li {
	display: inline-block;
	margin-bottom: 12px;
	white-space: normal;
}
#breadcrumbs.no-scroll ul li:after {
	top: -4px;
}

@media print, screen and (min-width: 1024px) {
	/* 1024pxは適宜変更 */
	#breadcrumbs ol li a:before {
		transform: scaleX(1);
		transition: transform 0.3s ease;
	}
	#breadcrumbs ol li a:hover:before {
		transform: scaleX(0);
	}
}
/*----------------------------- */
/* /*	右メニュー */
/* /*-------------------------------*/
#menu {
	width: 290px;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	#menu {
		margin-top: 30px;
		position: fixed;
		right: -100%;
		transition: right 100ms;
		padding: 0 10px;
		margin-top: 0;
		background: #fff;
		top: 81px;
		height: calc(100% - 81px);
		width: 70%;
		overflow: scroll;
		border-bottom: 2px solid #bebebe;
		z-index: 10000;
	}
}
@media screen and (max-width: 767px) {
	#menu.fixed {
		top: 46px;
		height: calc(100% - 46px);
	}
}
#menu.sp_fixed {
	right: 0;
}
@media screen and (min-width: 768px) {
	#menu .pc_fixed {
		position: fixed;
		top: 88px;
		z-index: 2;
	}
}
#menu .sidebox {
	background: none;
	overflow: hidden;
	border: solid 3px #9b7050;
	box-sizing: border-box;
	width: 290px;
}
@media screen and (max-width: 767px) {
	#menu .sidebox {
		width: auto;
	}
}
#menu .sidebox .ranking_txt {
	padding: 15px 10px 0;
	line-height: 1.5;
}
#menu .sidebox .ranking_btn_box {
	text-align: center;
	margin: 20px 0;
}
#menu .sidebox .ranking_btn {
	display: inline-block;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px 12px 8px 20px;
	border-radius: 3px;
	background: #ff9800;
	background: linear-gradient(to bottom, #ff9800 0%, #ff5722 100%);
	position: relative;
	text-decoration: none;
}
#menu .sidebox .ranking_btn:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 9px;
}
#menu .author_top dl {
	border: solid 3px #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu .author_top dt {
	text-align: center;
	background-color: #FEF3D7;
	border-bottom: solid 3px #ccc;
}
#menu .author_top h5 {
	font-weight: normal;
	font-size: 13px;
	text-align: center;
}
#menu .author_top p {
	margin: 10px 5px;
	font-size: 13px;
	padding: 5px 0 0px 0;
}
#menu .author_top dd {
	margin-left: 0;
}
#menu .author_top dd p:first-child {
	margin-top: 5px;
}
#menu .author_top cite {
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
}
#menu .new_nav {
	border-left: solid 3px #ccc;
	border-right: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	margin-top: 10px;
	font-size: 12px;
}
#menu .new_nav p {
	margin: 0;
}
#menu .new_nav ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
#menu .new_nav dl {
	margin: 0;
}
#menu .new_nav a {
	display: block;
	border-top: solid 3px #ccc;
	min-height: 40px;
	overflow: hidden;
	padding: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
}
#menu .new_nav a:hover {
	background-color: #FC3;
	opacity: 0.75;
}
#menu .new_nav a:after {
	content: " ";
	clear: both;
}
#menu .new_nav a img {
	width: 40px;
	float: left;
	margin-right: 5px;
}
#menu .new_nav a span {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
#menu .new_nav dt a {
	background-color: #FEF3D7;
	pointer-events: none;
	color: #000;
}
#menu .new_nav dt.open + dd {
	display: block;
}
#menu .new_nav dd {
	display: none;
	margin-left: 0;
}
#menu .ranking-page-nav, #menu .company-page-nav, #menu .other-page-nav {
	border-left: solid 3px #ccc;
	border-right: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	margin-top: 10px;
	font-size: 12px;
}
#menu .ranking-page-nav p, #menu .company-page-nav p, #menu .other-page-nav p {
	margin: 0;
}
#menu .ranking-page-nav ul, #menu .company-page-nav ul, #menu .other-page-nav ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
#menu .ranking-page-nav dl, #menu .company-page-nav dl, #menu .other-page-nav dl {
	margin: 0;
}
#menu .ranking-page-nav a, #menu .company-page-nav a, #menu .other-page-nav a {
	display: block;
	border-top: solid 3px #ccc;
	min-height: 40px;
	overflow: hidden;
	padding: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
}
#menu .ranking-page-nav a:hover, #menu .company-page-nav a:hover, #menu .other-page-nav a:hover {
	background-color: #FC3;
	opacity: 0.75;
}
#menu .ranking-page-nav a:after, #menu .company-page-nav a:after, #menu .other-page-nav a:after {
	content: " ";
	clear: both;
}
#menu .ranking-page-nav a img, #menu .company-page-nav a img, #menu .other-page-nav a img {
	width: 40px;
	float: left;
	margin-right: 5px;
}
#menu .ranking-page-nav a span, #menu .company-page-nav a span, #menu .other-page-nav a span {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
#menu .ranking-page-nav dt a, #menu .company-page-nav dt a, #menu .other-page-nav dt a {
	background-color: #FEF3D7;
	pointer-events: none;
	color: #000;
}
#menu .ranking-page-nav dt.open + dd, #menu .company-page-nav dt.open + dd, #menu .other-page-nav dt.open + dd {
	display: block !important;
}
#menu .ranking-page-nav dt.close + dd, #menu .company-page-nav dt.close + dd, #menu .other-page-nav dt.close + dd {
	display: none !important;
}
#menu .ranking-page-nav dd, #menu .company-page-nav dd, #menu .other-page-nav dd {
	display: none;
	margin-left: 0;
}
#menu .ranking-page-nav dd.current, #menu .company-page-nav dd.current, #menu .other-page-nav dd.current {
	display: block;
}
#menu .ranking-page-nav dd.syokusyu.current.open, #menu .company-page-nav dd.syokusyu.current.open, #menu .other-page-nav dd.syokusyu.current.open {
	display: block;
}
#menu .ranking-page-nav dd.syokusyu.current.open ul li, #menu .company-page-nav dd.syokusyu.current.open ul li, #menu .other-page-nav dd.syokusyu.current.open ul li {
	display: block;
}
#menu .ranking-page-nav dd.syokusyu.current.open ul li ul li, #menu .company-page-nav dd.syokusyu.current.open ul li ul li, #menu .other-page-nav dd.syokusyu.current.open ul li ul li {
	display: none;
}
#menu .ranking-page-nav dd.syokusyu ul li.openBig, #menu .company-page-nav dd.syokusyu ul li.openBig, #menu .other-page-nav dd.syokusyu ul li.openBig {
	display: block;
}
#menu .ranking-page-nav dd.syokusyu ul li.openBig ul li, #menu .company-page-nav dd.syokusyu ul li.openBig ul li, #menu .other-page-nav dd.syokusyu ul li.openBig ul li {
	display: block;
}
#menu .ranking-page-nav dd.syokusyu ul li ul li, #menu .company-page-nav dd.syokusyu ul li ul li, #menu .other-page-nav dd.syokusyu ul li ul li {
	display: none;
}
#menu .ranking-page-nav dd.syokusyu ul li.open ul li, #menu .company-page-nav dd.syokusyu ul li.open ul li, #menu .other-page-nav dd.syokusyu ul li.open ul li {
	display: block;
}
#menu .ranking-page-nav .ranking-page-li-other, #menu .company-page-nav .ranking-page-li-other, #menu .other-page-nav .ranking-page-li-other {
	display: none;
}
#menu .ranking-page-nav .openActive, #menu .company-page-nav .openActive, #menu .other-page-nav .openActive {
	display: block;
}
#menu .ranking-page-nav .ranking-page-dl-other.nenrei ul li, #menu .ranking-page-nav .ranking-page-dl-other.kyuzin ul li, #menu .ranking-page-nav .ranking-page-dl-other.topics ul li, #menu .company-page-nav .ranking-page-dl-other.nenrei ul li, #menu .company-page-nav .ranking-page-dl-other.kyuzin ul li, #menu .company-page-nav .ranking-page-dl-other.topics ul li, #menu .other-page-nav .ranking-page-dl-other.nenrei ul li, #menu .other-page-nav .ranking-page-dl-other.kyuzin ul li, #menu .other-page-nav .ranking-page-dl-other.topics ul li {
	display: block;
}
#menu .ranking-page-nav .ranking-page-dl-other.topics ul, #menu .company-page-nav .ranking-page-dl-other.topics ul, #menu .other-page-nav .ranking-page-dl-other.topics ul {
	display: none;
}
#menu .ranking-page-nav .ranking-page-dl-other.topics ul:last-of-type, #menu .company-page-nav .ranking-page-dl-other.topics ul:last-of-type, #menu .other-page-nav .ranking-page-dl-other.topics ul:last-of-type {
	display: block;
}
#menu .ranking-page-nav .ranking-page-dl-other.topics ul li:last-of-type, #menu .company-page-nav .ranking-page-dl-other.topics ul li:last-of-type, #menu .other-page-nav .ranking-page-dl-other.topics ul li:last-of-type {
	display: none;
}
#menu .ranking-page-nav :not(.open) .hidden, #menu .company-page-nav :not(.open) .hidden, #menu .other-page-nav :not(.open) .hidden {
	display: none;
}
#menu nav.ranking-page-nav .syokusyu {
	/* .20dai-dainisinsotu-hikaku.20dai-dainisinsotu-hikaku
	* ul li
	* display: block */
}
#menu nav.ranking-page-nav .syokusyu dd {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .oote-hikaku.oote-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .freelance.freelance ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .it-hikaku.it-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .seizougyou-hikaku.seizougyou-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .apparel-hikaku.apparel-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .konsarutanto-hikaku.konsarutanto-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .gaishikei-hikaku.gaishikei-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .kaigai-hikaku.kaigai-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .kensestu-hikaku.kensestu-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .insyoku-hikaku.insyoku-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .driver-hikaku.driver-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .athlete-hikaku.athlete-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .daiichiji-hikaku.daiichiji-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .hoiku-hikaku.hoiku-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .kaigo-hikaku.kaigo-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .nurse-hikaku.nurse-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .yakuzaisi-hikaku.yakuzaisi-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .ishi-hikaku.ishi-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .shika-hikaku.shika-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .sinsotu-hikaku.sinsotu-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .syougaisya-hikaku.syougaisya-hikaku ul li {
	display: block;
}
#menu nav.ranking-page-nav .syokusyu .gaikokujin-hikaku.gaikokujin-hikaku ul li {
	display: block;
}
#menu nav.syokusyu a {
	text-decoration: none;
}
#menu nav.syokusyu dt {
	display: block;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
	font-weight: normal;
	background-color: #FEF3D7;
	border: solid 1px #ccc;
	border-radius: 10px;
	background-image: url(/css/images/menu_r.png);
	background-repeat: no-repeat;
	background-position: 235px center;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 1.8;
}
#menu nav.syokusyu dt:hover {
	box-shadow: 0px 0px 0px 1px #cccccc;
}
#menu nav.syokusyu dd {
	display: block;
	padding: 15px 0px;
	padding-top: 10px;
	font-size: 12px;
	margin-left: 0;
}
#menu nav.syokusyu dd ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
#menu nav.syokusyu dd ul li {
	border-bottom: dotted 1px #ccc;
}
#menu nav.syokusyu dd ul a {
	text-decoration: none;
	padding: 5px 10px 5px 15px;
	color: #333;
	display: block;
}
#menu .sns_bnr_wrap {
	margin: 10px 0;
}
#menu .sns_bnr_wrap .sns_bnr_list {
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 0;
}
#menu .sns_bnr_wrap .sns_bnr_list .sns_bnr {
	width: 50px;
	height: 50px;
	margin-left: 5px;
	margin-right: 5px;
}
#menu .sns_bnr_wrap .sns_bnr_list .sns_bnr:last-child {
	margin-bottom: 0;
}
#menu .sns_bnr_wrap .sns_bnr .sns_bnr_link {
	display: block;
}
#menu .sns_bnr_wrap .sns_bnr .sns_bnr_link:hover {
	opacity: 0.7;
}
#menu .sns_bnr_wrap .sns_bnr .sns_bnr_link img {
	width: 100%;
}
#menu .sns_bnr_wrap .btn-social-icon-twitter {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	color: #1da1f3;
	font-size: 25px;
	text-decoration: none;
}
#menu .sns_bnr_wrap .btn-social-icon-twitter:hover {
	color: #88daff;
	transition: 0.5s;
}
#menu .sns_bnr_wrap .btn-social-icon-twitter__square {
	border-radius: 10px;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 35px;
	line-height: 50px;
	color: #FFF;
	background: #1da1f3;
}
#menu .sns_bnr_wrap .btn-social-icon-twitter__square i {
	line-height: 50px;
}
#menu .sns_bnr_wrap .btn-social-icon-facebook {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	color: #4966a0;
	font-size: 25px;
	text-decoration: none;
}
#menu .sns_bnr_wrap .btn-social-icon-facebook:hover {
	color: #668ad8;
	transition: 0.5s;
}
#menu .sns_bnr_wrap .btn-social-icon-facebook__square {
	border-radius: 10px;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 35px;
	line-height: 50px;
	color: #FFF;
	background: #4966a0;
}
#menu .sns_bnr_wrap .btn-social-icon-facebook__square .fa-facebook {
	position: absolute;
	bottom: -3px;
	right: 6px;
	font-size: 42px;
}
#menu .sns_bnr_wrap .btn-social-icon-instagram {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	color: #2e6ca5;
	font-size: 25px;
	text-decoration: none;
}
#menu .sns_bnr_wrap .btn-social-icon-instagram:hover {
	color: #668ad8;
	transition: 0.5s;
}
#menu .sns_bnr_wrap .btn-social-icon-instagram__square {
	border-radius: 13px;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 35px;
	line-height: 50px;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
}
#menu .sns_bnr_wrap .btn-social-icon-instagram__square:before {
	content: "";
	position: absolute;
	top: 23px;
	left: -18px;
	width: 60px;
	height: 60px;
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
#menu .sns_bnr_wrap .btn-social-icon-instagram__square .fa-instagram {
	color: white;
	line-height: 50px;
	position: relative;
	z-index: 2;
}
#menu .side_bottom .ranking_bnr_link {
	background: #fff;
}
#menu .side_bottom .ranking_bnr_link img {
	transition: all ease 0.3s;
}
#menu .side_bottom .ranking_bnr_link:hover {
	opacity: 0.7;
}
#menu .side_bottom .siderank ol {
	font-size: 12px;
	padding-left: 0;
	margin: 0;
}
#menu .side_bottom .siderank li {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ccc;
	clear: left;
}
#menu .side_bottom .siderank a {
	background-color: #fff;
	display: block;
	padding: 10px 0px 10px 3px;
	text-decoration: none;
}
#menu .side_bottom .siderank a:hover {
	background-color: #e4e4e4;
}
#menu .side_bottom .siderank a span {
	display: block;
	padding-top: 5px;
	color: #170DE1;
	text-decoration: underline;
	padding-left: 45px;
	font-size: 1.1em;
}
#menu .side_bottom .siderank a img {
	width: 35px;
	float: left;
	padding: 5px;
	margin-right: 5px;
}
#menu .side_bottom .siderank a img.oukan {
	width: 35px;
	float: left;
	padding: 5px;
	margin-right: 5px;
}
#menu .side_bottom .siderank a img.hoshi {
	width: 120px;
	float: left;
	padding: 5px;
	margin-right: 5px;
}
#menu .side_bottom .siderank a p {
	color: #000;
	padding: 0px 10px;
	margin: 0;
}

body#index.mainsite #menu nav.other-page-nav .syokusyu {
	display: block;
}
body#index.mainsite #menu nav.other-page-nav .nenrei {
	display: block;
}

/*----------------------------- */
/* /*	著者情報 */
/* /*-------------------------------*/
#author_tabbox {
	line-height: 1.7;
	color: #444;
	margin: 10px 0 30px;
	font-size: 14px;
	padding: 5px 20px;
	color: #222;
	border: 2px solid #D2BB90;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	#author_tabbox {
		padding: 5px;
	}
}
#author_tabbox .wrap {
	display: flex;
	align-items: center;
}
#author_tabbox .photo {
	width: 50px;
	margin: 0;
	margin-right: 15px;
}
#author_tabbox .photo img {
	border-radius: 50%;
	box-shadow: 0px 0px 3px #ebebeb;
	border: 3px solid #ccc;
	width: 50px;
	height: 50px;
	margin-bottom: 0;
}
#author_tabbox .text {
	flex: 1;
}
#author_tabbox .text p {
	margin: 0;
}

/*----------------------------- */
/* /*	検索ボックス */
/* /*-------------------------------*/
.agency-search {
	margin: 1em 10px;
	text-align: left;
}

.agency-search__field {
	display: flex;
	font-size: 13px;
}

.agency-search__title {
	display: flex;
	padding: 10px 10px 10px 20px;
	width: 170px;
	border: 1px solid #ccc;
	background: #f7e6c5;
	font-weight: bold;
	font-size: 1.07692em;
	line-height: 1.2;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	border-right: none;
}
@media screen and (max-width: 767px) {
	.agency-search__title {
		width: 100px;
	}
}

.agency-search__item {
	display: flex;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f8fdf7;
	flex-wrap: wrap;
	align-items: center;
	flex-grow: 1;
}

select.agency-search__select {
	padding: 4px 5px;
	min-width: 100%;
	box-sizing: border-box;
	min-height: 40px;
	max-width: 100%;
	width: 100%;
}

.agency-search__field:nth-of-type(n+2) .agency-search__title, .agency-search__field:nth-of-type(n+2) .agency-search__item {
	border-top: none;
}

.agency-search__radio {
	display: flex;
	padding: 5px 10px;
	transition: all 0.15s ease;
	align-items: center;
}

.agency-search__radio-input {
	margin: 0 5px 0 0;
}

.agency-search__actions {
	margin: 2em 0;
	text-align: center;
}

.agency-search__button.arrow_btn {
	padding: 10px 20px 10px 50px;
	max-height: 65px;
	height: auto;
	background-position: 10px 50%;
}

/*----------------------------- */
/* /*	ページごとのスタイル */
/* /*-------------------------------*/
#page_ranking2 .site_link {
	margin: 30px 0;
}
@media screen and (max-width: 767px) {
	#page_ranking2 .site_link {
		margin: 70px 0;
	}
}
#page_ranking2 .url_box {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	#page_ranking2 .url_box {
		display: block;
	}
}
#page_ranking2 .url_box h4 {
	margin-top: 0;
	margin-bottom: 0;
}
#page_ranking2 .url_box p {
	margin-left: 10px !important;
}
#page_ranking2 .rank_inner_ttl {
	padding-left: 30px;
	position: relative;
	font-size: 16px;
	margin-bottom: 20px;
}
#page_ranking2 .rank_inner_ttl:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
#page_ranking2 .rank_inner_ttl.feature:before, #page_ranking2 .rank_inner_ttl.total:before {
	background-image: url("https://masa-ka.net/pascase/images/icon/pen-feather-01.svg");
}
#page_ranking2 .rank_inner_ttl.review:before {
	background-image: url("https://masa-ka.net/pascase/images/icon/balloon-02.svg");
}
#page_ranking2 .rank_inner_ttl.summary:before {
	background-image: url("https://masa-ka.net/pascase/images/icon/pencil.svg");
}
#page_ranking2 .rank_inner_ttl .icon {
	display: inline-block;
	position: relative;
	top: 8px;
	margin-right: 7px;
}
#page_ranking2 .normal_ttl {
	margin: 50px 0 20px;
	font-size: 20px;
}
#page_ranking2 .box_gray_radius {
	border: solid 1px #ccc;
	margin: 20px 0 35px;
	padding: 10px;
	border-radius: 5px;
}
#page_ranking2 .dokusen {
	text-align: center;
	margin: 60px 0 24px;
}
#page_ranking2 .border_btm {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#page_ranking2 #shokushubetu .icon, #page_ranking2 #mokutekibetu .icon {
	margin-bottom: 25px;
	margin-right: 15px;
	float: left;
	width: 125px;
}
#page_ranking2 .rank_itiran_wrap {
	clear: both;
	display: grid;
	grid-gap: 30px 1px;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
}
@media screen and (max-width: 767px) {
	#page_ranking2 .rank_itiran_wrap {
		grid-template-columns: repeat(2, 1fr);
	}
}
#page_ranking2 .rank_itiran {
	border: solid 2px #CCC;
}
#page_ranking2 .rank_itiran .font_b {
	font-weight: bold;
}
#page_ranking2 .rank_itiran img {
	float: left;
	margin-right: 10px;
}
#page_ranking2 .rank_itiran a {
	display: block;
	text-decoration: blink;
	color: #475ABA;
	min-height: 26px;
	padding-top: 10px;
}
#page_ranking2 .rank_itiran a:hover {
	background-color: #FC3;
}
#page_ranking2 .rank_itiran ol {
	list-style-type: none;
	padding-left: 5px;
}
#page_ranking2 .rank_itiran li {
	border-bottom: solid 1px #F0EBE8;
	font-size: 12px;
	padding: 0;
}
#page_ranking2 .rank_itiran li:after {
	clear: both;
}
#page_ranking2 .rank_itiran li.photo {
	border-bottom: solid 1px #F0EBE8;
	font-size: 12px;
	padding: 0;
}
#page_ranking2 .rank_itiran li.photo a {
	min-height: 52px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#page_ranking2 .rank_itiran li.photo a:after {
	clear: both;
}
#page_ranking2 .rank_itiran li.photo p {
	padding: 10px 0 0 0;
}
#page_ranking2 .rank_itiran li img {
	padding: 3px 0 0 10px;
	float: left;
}
#page_ranking2 .rank_itiran .ran_img {
	padding: 20px 0 0px 5px;
	border-bottom: solid 1px #F0EBE8;
	background-color: #FFC;
}
#page_ranking2 .rank_itiran .ran_img p.midasi {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
#page_ranking2 .rank_itiran .ran_img img {
	height: 18px;
	width: 18px;
	padding-top: 2px;
}
#page_ranking2 .rank_itiran .ran_img p {
	font-size: 12px;
	text-align: center;
	margin: 20px 0;
}
#page_ranking2 .rank_itiran ol li:last-child a {
	padding: 20px 5px;
	line-height: 1.7;
	font-size: 15px;
}
#page_ranking2 .rank_itiran ol li.clear_last-child a {
	padding: 10px 0 0 0;
	font-size: 1em;
}
#page_ranking2 .ranking_konkyo {
	background-color: #caffff;
	padding: 20px;
	clear: both;
	margin-top: 30px;
}
#page_ranking2 .ranking_konkyo .title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#page_ranking2 .ranking_konkyo .title .photo {
	width: 10%;
	margin: 0;
}
#page_ranking2 .ranking_konkyo .title .text {
	margin: 0;
	font-size: 20px;
}
#page_ranking2 table.setumei {
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0 0 10px;
	clear: both;
	font-size: 100%;
	font-size: 12px;
}
#page_ranking2 table.setumei td {
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	vertical-align: top;
	padding: 0.4em 0.8em;
	line-height: 1.4;
}
#page_ranking2 .setumeityu {
	font-size: 85%;
	margin-top: 0px;
	line-height: 1.4;
	margin-bottom: 30px;
	color: #626262;
}
#page_ranking2 .message img {
	width: 200px;
	margin-right: 15px;
	float: left;
}
#page_ranking2 .kigyo {
	font-size: 80%;
}
#page_ranking2 .tenshoku_seikou_img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

/*----------------------------- */
/* /*	比較ページ */
/* /*-------------------------------*/
#page_hikaku .waku_kigyo {
	height: 100%;
	display: block;
	border: solid 1px #bebebe;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 50px;
}
#page_hikaku .waku_kigyo .evaluation_tbl {
	table-layout: fixed;
}
#page_hikaku .g_comment_ttl {
	background-color: #FBDF97;
	padding: 5px;
	font-size: 110%;
	margin: 0;
	font-size: 16px;
	text-align: left;
}
#page_hikaku .g_comment_aflink {
	text-align: left;
	padding: 20px 5px;
	background: #fff;
	font-size: 14px;
	margin: 0;
}
#page_hikaku .g_comment_detail {
	background-color: #fffeeb;
	padding: 10px;
	border-top: 1px solid #C2992F;
	border-radius: 0 0 10px 10px;
	text-align: left;
}
@media screen and (max-width: 767px) {
	#page_hikaku .g_comment_detail {
		font-size: 90%;
	}
}
#page_hikaku .riacomi_list_item {
	background: #FEFDD3;
	border: 1px solid #bebebe;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}
#page_hikaku .riacomi_list_item .tags {
	display: inline-flex;
	flex-wrap: wrap;
}
#page_hikaku .riacomi_list_item .post_info {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info {
		align-items: flex-start;
	}
}
#page_hikaku .riacomi_list_item .post_info:before {
	display: block;
	width: 45px;
	height: 45px;
	background-size: 100%;
	content: "";
}
#page_hikaku .riacomi_list_item ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
#page_hikaku .riacomi_interest {
	margin-top: 10px;
	line-height: 1.5em;
	text-align: right;
}
#page_hikaku .riacomi_interest span {
	font-size: 24px;
	color: #E60012;
}
#page_hikaku .riacomi_man20_30_5 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man20_30_5.gif");
}
#page_hikaku .riacomi_man20_30_10 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man20_30_10.gif");
}
#page_hikaku .riacomi_man20_30_15 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man20_30_15.gif");
}
#page_hikaku .riacomi_man40_50_5 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man40_50_5.gif");
}
#page_hikaku .riacomi_man40_50_10 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man40_50_10.gif");
}
#page_hikaku .riacomi_man40_50_15 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_man40_50_15.gif");
}
#page_hikaku .riacomi_women20_30_5 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women20_30_5.gif");
}
#page_hikaku .riacomi_women20_30_10 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women20_30_10.gif");
}
#page_hikaku .riacomi_women20_30_15 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women20_30_15.gif");
}
#page_hikaku .riacomi_women40_50_5 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women40_50_5.gif");
}
#page_hikaku .riacomi_women40_50_10 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women40_50_10.gif");
}
#page_hikaku .riacomi_women40_50_15 .riacomi_list_item .post_info:before {
	background-image: url("images/riacomi_women40_50_15.gif");
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info:before {
		display: block;
		width: 35px;
		height: 35px;
		background-size: 100%;
		content: "";
	}
}
#page_hikaku .riacomi_list_item .post_info .icon_wrap {
	flex: 1;
	margin-left: 10px;
}
#page_hikaku .riacomi_list_item .post_info .wrap, #page_hikaku .riacomi_list_item .post_info .sp_wrap {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info .sp_wrap {
		align-items: flex-start;
		min-height: 40px;
	}
}
#page_hikaku .riacomi_list_item .post_info .name {
	color: #000;
	font-size: 1em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info .name {
		font-size: 14px;
		white-space: nowrap;
	}
}
#page_hikaku .riacomi_list_item .post_info .tag1 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#page_hikaku .riacomi_list_item .post_info .tag1 li {
	background: #fff;
	border: 2px solid #2C8883;
	border-radius: 4px;
	color: #2C8883;
	line-height: 1.5em;
	padding: 0 8px;
	margin-left: 10px;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info .tag1 li {
		background: #fff;
		border: 2px solid #2C8883;
		border-radius: 4px;
		color: #2C8883;
		line-height: 1.5em;
		padding: 0 8px;
		margin-left: 10px;
		margin-bottom: 5px;
		font-size: 80%;
	}
}
#page_hikaku .riacomi_list_item .post_info .tag1 li.success {
	background: #fff;
	border: 2px solid #de4747;
	color: #de4747;
}
#page_hikaku .riacomi_list_item .post_info .tags {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .post_info .tags {
		font-size: 70%;
		margin-left: -45px;
	}
}
#page_hikaku .riacomi_list_item .post_info .tags li:after {
	content: "|";
	margin: 0 0.5em;
	color: #0265cb;
}
#page_hikaku .riacomi_list_item .post_info .tags li:last-of-type:after {
	display: none;
}
#page_hikaku .riacomi_list_item .post_info .company_name {
	margin-bottom: 0;
}
#page_hikaku .riacomi_list_item .average {
	display: flex;
	align-items: center;
	margin-left: 0;
	padding-top: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .average {
		margin: 0;
	}
}
#page_hikaku .riacomi_list_item .average dt {
	font-weight: bold;
	padding: 0;
	font-size: 20px;
	background: none;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .average dt {
		font-size: 18px;
		line-height: 1.3em;
	}
}
@media screen and (max-width: 320px) {
	#page_hikaku .riacomi_list_item .average dt {
		font-size: 14px;
	}
}
#page_hikaku .riacomi_list_item .average dd {
	display: flex;
	align-items: center;
	padding-bottom: 0;
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .average dd {
		line-height: 1em;
	}
}
@media screen and (max-width: 320px) {
	#page_hikaku .riacomi_list_item .average dd {
		flex: 1;
	}
}
#page_hikaku .riacomi_list_item .average dd p {
	margin: 0;
	margin-left: 10px;
}
#page_hikaku .riacomi_list_item .average .star img {
	width: 180px;
	height: auto;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .average .star img {
		width: 70px;
		vertical-align: middle;
	}
}
#page_hikaku .riacomi_list_item .average .point {
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .average .point {
		font-size: 14px;
	}
}
#page_hikaku .riacomi_list_item .average .point .rating {
	font-size: 24px;
	color: #f00;
}
#page_hikaku .riacomi_list_item .score .wrap {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .score .wrap {
		grid-template-columns: repeat(2, 1fr);
	}
}
#page_hikaku .riacomi_list_item .score .wrap:before, #page_hikaku .riacomi_list_item .score .wrap:after {
	display: none;
}
#page_hikaku .riacomi_list_item .score .wrap dl {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#page_hikaku .riacomi_list_item .score .wrap dl:nth-of-type(odd) {
	margin-right: 5px;
}
#page_hikaku .riacomi_list_item .score .wrap dt {
	padding: 0;
	font-weight: bold;
	background: none;
	margin-right: 0.3em;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .score .wrap dt {
		font-size: 10px;
		width: 60px;
	}
}
#page_hikaku .riacomi_list_item .score .wrap dd {
	padding-bottom: 0;
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .score .wrap dd {
		flex: 1;
	}
}
#page_hikaku .riacomi_list_item .score .wrap p {
	margin: 0;
	display: flex;
	align-items: center;
}
#page_hikaku .riacomi_list_item .score .wrap img {
	margin: 0;
	vertical-align: top;
	width: 80px;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .score .wrap img {
		width: 70px;
	}
}
#page_hikaku .riacomi_list_item .score .wrap .point {
	display: none;
}
#page_hikaku .riacomi_list_item .title {
	margin-top: 1em;
}
@media screen and (max-width: 767px) {
	#page_hikaku .riacomi_list_item .title {
		margin-top: 0;
	}
}
#page_hikaku .riacomi_list_item .title p {
	display: inline;
}
#page_hikaku .riacomi_list_item .title .more a {
	color: #2c8883;
}
#page_hikaku .dokusen {
	text-align: center;
	margin: 24px 0;
}
#page_hikaku .icon-listbox {
	background-color: #F9F9F9;
	padding: 10px;
}
#page_hikaku .icon-listbox h3 {
	margin: 0;
}
#page_hikaku .icon-listbox ul {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	border: solid 1px #ddd;
	background: #fff;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	#page_hikaku .icon-listbox ul {
		grid-template-columns: repeat(1, 1fr);
	}
}
#page_hikaku .icon-listbox ul:after {
	content: " ";
	clear: both;
}
#page_hikaku .icon-listbox ul li {
	list-style-type: none;
}
#page_hikaku .icon-listbox ul li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
#page_hikaku .icon-listbox ul li .listicon {
	width: 30px;
	text-align: center;
	margin-right: 10px;
}
#page_hikaku .icon-listbox img {
	border-radius: 50%;
	box-shadow: 0px 0px 3px #ebebeb;
	border: 1px solid #ccc;
	width: 30px;
	height: 30px;
}
#page_hikaku .hyouka_tbl {
	border-right: 1px solid #C2992F;
	border-bottom: 1px solid #C2992F;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#page_hikaku .hyouka_tbl > tbody > tr > th {
	border-top: 1px solid #C2992F;
	border-left: 1px solid #C2992F;
	padding: 10px;
	background-color: #FF950F;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#page_hikaku .hyouka_tbl > tbody > tr > th.sentence {
	background-color: #FBDF97;
	font-size: 110%;
	padding: 5px;
	color: black;
}
#page_hikaku .hyouka_tbl > tbody > tr > th.aflink {
	text-align: left;
	padding: 20px 5px;
	background: #fff;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	color: black;
}
#page_hikaku .hyouka_tbl > tbody > tr > td {
	border-top: 1px solid #C2992F;
	border-left: 1px solid #C2992F;
	padding: 10px;
	background-color: #fffee5;
	font-size: 100%;
	text-align: center;
}
#page_hikaku .hyouka_tbl > tbody > tr > td.sentence {
	background-color: #fffee5;
	text-align: left;
}
#page_hikaku .hyouka_tbl > tbody > tr > td.sentence p {
	margin-bottom: 0;
	/*padding: 5px;*/
	/*font-size: 100%;*/
	/*text-align: left;*/
}
@media screen and (max-width: 767px) {
	#page_hikaku .hyouka_tbl > tbody > tr > td.sentence p {
		/*font-size: 90%;*/
	}
}
#page_hikaku .hyouka_tbl > tbody > tr > td.sentence p.kutikomi_link {
	margin-bottom: 15px;
}
#page_hikaku .point_box {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 10px;
	margin: 30px 3px 3px 0;
	border-radius: 10px;
	border: solid 5px #F0EBE8;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	position: relative;
}
#page_hikaku .point_box img.point {
	position: absolute;
	top: -20px;
	left: -20px;
}
#page_hikaku .point_box h3 {
	margin: 0;
	margin-left: 40px;
	margin-top: 10px;
	color: #86b300;
}
#page_hikaku .point_box h4 {
	display: flex;
	align-items: center;
}
#page_hikaku .point_box h4 img {
	width: 20%;
	margin-right: 10px;
}
#page_hikaku .point_box .agent_photo {
	width: 200px;
}
#page_hikaku .point_box ul {
	list-style-type: none;
	padding-left: 0;
}
@media screen and (max-width: 767px) {
	#page_hikaku .yonkoma p {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
}
#page_hikaku .stamp_list {
	text-align: left;
	padding: 10px;
	list-style-type: none;
	margin: 0;
}
#page_hikaku .stamp_list .stamp_list_item {
	display: inline-block;
}
#page_hikaku .btn_stamp {
	display: inline-block;
	color: #fff;
	/*font-weight: bold;*/
	padding: 3px 13px;
	border-radius: 5px;
	font-size: 20px;
}
#page_hikaku .btn_stamp.syn {
	background: #009437;
}
#page_hikaku .btn_stamp.spe {
	background: #86D710;
}
#page_hikaku .btn_stamp.all {
	background: #10c3ff;
}
#page_hikaku .btn_stamp.city {
	background: #0f57e8;
}
#page_hikaku .rank_section {
	border-top: 1px solid #BAB3B3;
	padding: 30px 0;
}
#page_hikaku .point_title_list {
	padding-left: 0;
	list-style-type: none;
}
#page_hikaku .point_title_list .ttl_section {
	font-size: 22px;
}
#page_hikaku .stamp_list {
	text-align: left;
	padding: 10px;
}
#page_hikaku .stamp_list_item {
	display: inline-block;
}
#page_hikaku .agent_tag1 {
	background-color: #aaa;
}
#page_hikaku .agent_tag2 {
	background-color: #80cc4c;
}
#page_hikaku .agent_tag3 {
	background-color: #62ad12;
}
#page_hikaku .agent_tag4 {
	background-color: #ffbf29;
}
#page_hikaku .agent_tag5 {
	background-color: #00b0f0;
}
#page_hikaku .agent_tag6 {
	background-color: #99bcda;
}
#page_hikaku .agent_tag7 {
	background-color: #43de98;
}
#page_hikaku .agent_tag8 {
	background-color: #7030a0;
}
#page_hikaku .agent_tag9 {
	background-color: #cc66ff;
}
#page_hikaku .agent_tag_frame {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 15px;
	color: #fff;
}
#page_hikaku .agent_tag_list {
	margin-top: 0;
	padding-left: 0;
	list-style-type: none;
}
#page_hikaku .agent_tag_list .agent_tag_frame {
	margin: 0;
}
#page_hikaku .agent_tag_list .agent_tag_frame + p {
	margin-top: 0;
}
#page_hikaku .lp-shika, #page_hikaku .lp-ishi, #page_hikaku .lp-yakuzaisi {
	position: relative;
	max-width: 626px;
	overflow: hidden;
}
#page_hikaku .lp-shika .pc_none, #page_hikaku .lp-ishi .pc_none, #page_hikaku .lp-yakuzaisi .pc_none {
	max-width: none;
	width: 100%;
}
#page_hikaku .lp-shika .links, #page_hikaku .lp-ishi .links, #page_hikaku .lp-yakuzaisi .links {
	position: absolute;
	width: 100%;
	height: 100%;
}
#page_hikaku .lp-shika .links p, #page_hikaku .lp-ishi .links p, #page_hikaku .lp-yakuzaisi .links p {
	margin-top: 0;
	font-size: 0;
}
#page_hikaku .lp-shika .links p a, #page_hikaku .lp-ishi .links p a, #page_hikaku .lp-yakuzaisi .links p a {
	display: block;
	width: 100%;
	height: 100%;
}
#page_hikaku .lp-shika .links p a:hover, #page_hikaku .lp-ishi .links p a:hover, #page_hikaku .lp-yakuzaisi .links p a:hover {
	background: rgba(255, 255, 255, 0.5);
}
#page_hikaku .lp-shika .links {
	top: 30%;
	left: 6.8%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-shika .links {
		top: 22%;
		left: 10%;
	}
}
#page_hikaku .lp-shika .links p {
	width: 39%;
	height: 12%;
	margin-bottom: 3.8%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-shika .links p {
		width: 60%;
		margin-bottom: 8%;
	}
}
#page_hikaku .lp-ishi .links {
	top: 23%;
	left: 10.5%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-ishi .links {
		top: 20%;
		left: 8%;
	}
}
#page_hikaku .lp-ishi .links p {
	height: 15%;
	margin-bottom: 3.2%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-ishi .links p {
		margin-bottom: 8%;
		height: 12%;
	}
}
#page_hikaku .lp-ishi .links p:nth-of-type(1) {
	width: 48%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-ishi .links p:nth-of-type(1) {
		width: 69%;
	}
}
#page_hikaku .lp-ishi .links p:nth-of-type(2) {
	width: 55%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-ishi .links p:nth-of-type(2) {
		width: 81%;
	}
}
#page_hikaku .lp-ishi .links p:nth-of-type(3) {
	width: 63%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-ishi .links p:nth-of-type(3) {
		width: 91%;
	}
}
#page_hikaku .lp-yakuzaisi .links {
	top: 28%;
	left: 7.5%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-yakuzaisi .links {
		top: 25%;
		left: 9%;
	}
}
#page_hikaku .lp-yakuzaisi .links p {
	height: 13%;
	margin-bottom: 4%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-yakuzaisi .links p {
		margin-bottom: 6.4%;
		height: 12%;
	}
}
#page_hikaku .lp-yakuzaisi .links p:nth-of-type(1) {
	width: 16%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-yakuzaisi .links p:nth-of-type(1) {
		width: 24%;
	}
}
#page_hikaku .lp-yakuzaisi .links p:nth-of-type(2) {
	width: 19%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-yakuzaisi .links p:nth-of-type(2) {
		width: 28%;
	}
}
#page_hikaku .lp-yakuzaisi .links p:nth-of-type(3) {
	width: 35%;
}
@media screen and (max-width: 767px) {
	#page_hikaku .lp-yakuzaisi .links p:nth-of-type(3) {
		width: 52%;
	}
}
#page_hikaku .best3_bg {
	position: relative;
	width: 626px;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#page_hikaku .best3_bg {
		width: 100%;
	}
}
#page_hikaku .best3_bg.ishi {
	background-image: url("/images/contents/ishi-hikaku/isi_pc_c_back.webp");
	background-size: cover;
	background-repeat: repeat-x;
	background-position: center;
}
#page_hikaku .best3_bg.ishi:after {
	content: url("/images/contents/ishi-hikaku/isi_pc_c_character.webp");
	position: absolute;
	right: 10px;
	bottom: 0;
	width: 265px;
	height: 193px;
}
@media screen and (max-width: 767px) {
	#page_hikaku .best3_bg.ishi:after {
		display: none;
	}
}
#page_hikaku .best3_bg dl {
	margin-top: 0;
	font-size: 15px;
	margin-bottom: 4px;
}
#page_hikaku .best3_bg dl:nth-of-type(1) dt:before {
	background-image: url("/images/contents/ishi-hikaku/isi_pc_c_Crown1.png");
}
#page_hikaku .best3_bg dl:nth-of-type(2) dt:before {
	background-image: url("/images/contents/ishi-hikaku/isi_pc_c_Crown2.png");
}
#page_hikaku .best3_bg dl:nth-of-type(3) dt:before {
	background-image: url("/images/contents/ishi-hikaku/isi_pc_c_Crown3.png");
}
#page_hikaku .best3_bg dt {
	display: flex;
	align-items: center;
}
#page_hikaku .best3_bg dt a {
	background-color: #f90;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	border-radius: 9999px;
	text-decoration: none;
}
#page_hikaku .best3_bg dt a:hover {
	background-color: #ffb649;
}
#page_hikaku .best3_bg dt:before {
	width: 24px;
	height: 24px;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.5em;
}
#page_hikaku .best3_bg dd {
	margin-left: 1em;
}
#page_hikaku .best3_bg dd:before {
	content: "・";
}
#page_hikaku .best3_bg .section_title {
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
@media screen and (max-width: 767px) {
	#page_hikaku .best3_bg .section_title {
		font-size: 13px;
	}
}
#page_hikaku .best3_bg .section_title span {
	font-size: 24px;
	color: #ae0605;
	margin-left: 0.2em;
}
@media screen and (max-width: 767px) {
	#page_hikaku .best3_bg .section_title span {
		font-size: 16px;
	}
}
#page_hikaku .review_section .button_list {
	display: flex;
	margin-left: 10px;
}
#page_hikaku .review_section .button_list p {
	margin: 0;
	margin-right: 10px;
	max-width: 100px;
	text-align: center !important;
	cursor: pointer;
	background-color: #fff;
	color: #1972b1;
	border: 1px solid #1972b1;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 0;
}
@media screen and (max-width: 320px) {
	#page_hikaku .review_section .button_list p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 425px) {
	#page_hikaku .review_section .button_list p {
		width: 100%;
	}
}
#page_hikaku .review_section .button_list p.open {
	cursor: auto;
	color: #fff;
	position: relative;
	background-color: #f63;
	border-color: #f63;
}
#page_hikaku .review_section .button_list p.open:after {
	content: "";
	width: calc(100% + 2px);
	top: calc(100% - 5px);
	left: -1px;
	height: 2em;
	display: block;
	position: absolute;
	background-color: #f63;
}
#page_hikaku .review_section .review_list {
	position: relative;
	background-color: #fffeeb;
}
#page_hikaku .review_section .good_review, #page_hikaku .review_section .normal_review, #page_hikaku .review_section .bad_review {
	display: none;
	border: 2px solid #f00;
	padding: 5px;
	margin-top: 1em;
	border-radius: 10px;
}
#page_hikaku .review_section .good_review .js-review-sort-list:first-of-type .riacomi_list_item, #page_hikaku .review_section .normal_review .js-review-sort-list:first-of-type .riacomi_list_item, #page_hikaku .review_section .bad_review .js-review-sort-list:first-of-type .riacomi_list_item {
	margin-top: 0;
}
#page_hikaku .review_section .good_review.open, #page_hikaku .review_section .normal_review.open, #page_hikaku .review_section .bad_review.open {
	display: block;
}

/*----------------------------- */
/* /*	関連記事 */
/* /*-------------------------------*/
.related-article-wrap {
	font-size: 0;
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
}
@media screen and (max-width: 767px) {
	.related-article-wrap {
		display: block;
	}
}
.related-article-wrap .related-article-list {
	padding: 0;
	color: #333;
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	transition: all 0.3s ease;
	position: relative;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.related-article-wrap .related-article-list {
		margin-left: 30px;
		margin-right: 30px;
	}
}
.related-article-wrap .related-article-list:hover {
	background: #f6f6f6;
}
.related-article-wrap .related-article-list a {
	padding: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: block;
	color: #000;
}
.related-article-wrap .related-article-list .related-article-title {
	font-size: 20px;
	margin: 0;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.related-article-wrap .related-article-list .related-article-title {
		font-size: 16px;
	}
}
.related-article-wrap .related-article-list a:hover {
	color: #0265cb;
	text-decoration: underline;
}
.related-article-wrap .img-box {
	width: 100%;
	margin-right: 10px;
	position: relative;
	height: 100%;
	margin-bottom: 10px;
}
.related-article-wrap .img-box:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.related-article-wrap .img-text {
	color: #333;
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.related-article-wrap .img-box img {
	max-width: none;
	max-height: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.related-article-wrap .arrow-box {
	text-align: right;
	font-size: 13.5px;
}

/*----------------------------- */
/* /*	転職お悩み相談室 */
/* /*-------------------------------*/
#tenshoku_soudan {
	border: 6px solid #f7da81;
	padding: 20px;
	border-radius: 6px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#tenshoku_soudan h3 {
	margin: 10px 0 20px;
	border: none;
	padding: 10px 8px 8px 35px;
	position: relative;
	font-size: 22px;
}
#tenshoku_soudan h3:after {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 13px;
	border-left: 6px solid #FF6D10;
	border-radius: 3px;
	padding-bottom: 0px;
	min-height: 60%;
	z-index: 10;
}
#tenshoku_soudan .line p {
	margin-bottom: 0;
}
#tenshoku_soudan .line img {
	margin-bottom: 0;
	vertical-align: top;
}
#tenshoku_soudan p {
	margin-left: 0;
	margin-top: 0;
}
#tenshoku_soudan .tenshoku_soudan_balloon p {
	position: relative;
	padding: 20px;
	border-radius: 30px;
	margin-bottom: 1em;
	display: inline-block;
	margin-left: 60px;
	margin-top: 0;
	background-color: #ade0ff;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:before, #tenshoku_soudan .tenshoku_soudan_balloon p:after {
	background-color: #ade0ff;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:before {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ade0ff;
	bottom: 15px;
	width: 30px;
	height: 30px;
	left: -35px;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ade0ff;
	bottom: 10px;
	width: 15px;
	height: 15px;
	left: -55px;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(2) {
	background-color: #ffe4ad;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(2):before, #tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(2):after {
	background-color: #ffe4ad;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(3) {
	background-color: #cbffad;
}
#tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(3):before, #tenshoku_soudan .tenshoku_soudan_balloon p:nth-of-type(3):after {
	background-color: #cbffad;
}

/*----------------------------- */
/* /*	シェアボタン */
/* /*-------------------------------*/
#share {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 10px 0 0 0;
	clear: both;
	margin-top: 50px;
}
#share ul {
	height: auto;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#share li {
	font-size: 14px;
	display: inline-block;
	text-align: center;
	width: 84px;
	margin-right: 1%;
	margin-bottom: 8px;
	border-radius: 3px;
}
#share li.share-twitter {
	background: #55acee;
	box-shadow: 0 2px #2795e9;
}
#share li.share-twitter:hover {
	background: #83c3f3;
}
#share li.share-facebook {
	background: #3b5998;
	box-shadow: 0 2px #2d4373;
}
#share li.share-facebook:hover {
	background: #4c70ba;
}
#share li.share-google {
	background: #dd4b39;
	box-shadow: 0 2px #c23321;
}
#share li.share-google:hover {
	background: #e47365;
}
#share li.share-hatena {
	background: #2c6ebd;
	box-shadow: 0 2px #225694;
}
#share li.share-hatena:hover {
	background: #4888d4;
}
#share li.share-pocket {
	background: #f13d53;
	box-shadow: 0 2px #e6152f;
}
#share li.share-pocket:hover {
	background: #f26f7f;
}
#share li.share-line {
	background: #00C300;
	box-shadow: 0 2px #009d00;
}
#share li.share-line:hover {
	background: #2bd92b;
}
#share a {
	display: block;
	height: 27px;
	padding-top: 6px;
	color: #ffffff;
	text-decoration: none;
}
#share a:hover {
	text-decoration: none;
	color: #ffffff;
}

/*----------------------------- */
/* /*	フッター */
/* /*-------------------------------*/
footer {
	width: 100%;
	margin-left: -25px;
	border-top: solid 5px #FF6D10;
	border-bottom: solid 3px #FF6D10;
	padding: 25px 20px 0 28px;
	background-color: #fff;
}

#foot {
	margin: 0;
	text-align: center;
}
#foot address {
	padding-bottom: 20px;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	color: #9D794B;
}
#foot address a {
	color: #9D794B;
	text-decoration: none;
}
#foot nav {
	margin-bottom: 20px;
}
#foot nav ul {
	display: block;
	overflow: hidden;
	padding-left: 0;
	margin-top: 0;
}
#foot nav ul li {
	display: block;
	float: left;
	line-height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url("https://masa-ka.net/pascase/images/css/footer_navi_arrow.png") 10px center no-repeat;
}
#foot nav ul li a {
	font-size: 12px;
	color: #9D794B;
	text-decoration: none;
	border-right: solid 1px #ccc;
	line-height: 1em;
	padding: 0 15px 0 20px;
}
#foot nav ul li a:hover {
	color: #5ead3c;
	text-decoration: underline;
	background: none;
}

/*---------------------------------------- */
/*	続きを読む */
/*------------------------------------------*/
.cp_box_2 {
	position: relative;
	margin: 10px;
}
.cp_box_2 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box_2 *:before, .cp_box_2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box_2 label {
	position: absolute;
	z-index: 2;
	bottom: 60px;
	left: 50%;
	height: 30px;
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	/*background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%); */
}
.cp_box_2 input:checked + label {
	background: inherit;
	bottom: 0;
	/* 開いた時にグラデーションを消す */
}
.cp_box_2 label:after {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 16rem;
	content: "続きを読む";
	line-height: 2em;
	padding: 0 1em;
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #8c8c8c;
}
.cp_box_2 input {
	display: none;
}
.cp_box_2 .cp_container {
	overflow: hidden;
	height: 500px;
	transition: all 0.5s;
	filter: blur(6px);
}
.cp_box_2 .cp_container.hyouka {
	filter: none;
}
.cp_box_2 .cp_container.hyouka .sentence {
	filter: blur(6px);
}
.cp_box_2 input:checked + label:after {
	content: "閉じる";
	bottom: 20px;
	top: auto;
}
.cp_box_2 input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 40px;
	transition: all 0.5s;
	filter: none;
	opacity: 1;
}
.cp_box_2 input:checked ~ .cp_container.hyouka * {
	filter: none !important;
}

/*----------------------------- */
/* /*	20代転職 */
/* /*-------------------------------*/
#page_20dai-blog .syokureki {
	width: 100%;
	margin: 30px auto 0;
	padding-bottom: 32px;
	background-color: #fff;
}
#page_20dai-blog .syokureki h1 {
	font-size: 28px;
	padding: 12px 0 17px 40px;
	border-bottom: 1px solid #ededed;
	color: #0c5eaf;
}
#page_20dai-blog .syokureki h2 {
	padding: 15px 0 0 28px;
}
#page_20dai-blog .syokureki h3 {
	text-align: center;
	font-size: 22px;
	margin: 60px 0 30px;
	font-weight: normal;
}
#page_20dai-blog .syokureki p {
	font-size: 14px;
	padding: 0 0 0 0px;
	line-height: 1.7em;
}
#page_20dai-blog .syokureki p strong {
	font-weight: normal;
	color: #fc4d28;
}
#page_20dai-blog .syokureki p span {
	font-size: 16px;
}
#page_20dai-blog .syokureki .red {
	text-decoration: none;
}
#page_20dai-blog .syokureki dl {
	border-top: 1px solid #eee;
	font-size: 15px;
}
#page_20dai-blog .syokureki dl dt {
	float: left;
	width: 245px;
	box-sizing: border-box;
	padding: 7px 0 6px 0px;
	font-size: 13px;
}
@media screen and (max-width: 767px) {
	#page_20dai-blog .syokureki dl dt {
		width: 100px;
	}
}
#page_20dai-blog .syokureki dl dd {
	border-bottom: 1px solid #eee;
	padding: 7px 0 6px 0;
}
#page_20dai-blog .syokureki > section {
	width: 100%;
	margin: 35px auto 0;
	border: 3px solid #eee;
	padding: 40px 20px;
	box-sizing: border-box;
	position: relative;
	background-color: #FFFEEB;
}
#page_20dai-blog .syokureki > section header {
	margin-bottom: 13px;
}
#page_20dai-blog .syokureki > section section .area {
	line-height: 20px;
	display: inline-block;
}
#page_20dai-blog .syokureki > section table .area {
	margin-bottom: 0 !important;
}
#page_20dai-blog .syokureki > section section .area ul li {
	list-style: disc;
	margin-left: 15px;
}
#page_20dai-blog .syokureki .contentTable table {
	display: table;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	word-break: normal;
	word-wrap: normal;
	font-size: 12px;
}
#page_20dai-blog .syokureki .contentTable table tr th {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	padding: 10px;
}
#page_20dai-blog .syokureki .contentTable table tr td {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	padding: 10px;
	vertical-align: top;
}
#page_20dai-blog .syokureki .contentTable table tr th {
	text-align: center;
}
#page_20dai-blog .syokureki .contentTable table.textLeft tr th {
	text-align: left;
}
#page_20dai-blog .agent_feature {
	border: solid 2px #ed7d31;
	width: 90%;
	margin: 0 auto 30px;
	padding: 15px;
	box-sizing: border-box;
}
#page_20dai-blog .agent_feature p {
	margin-bottom: 0 !important;
	padding-left: 15px;
}
#page_20dai-blog .agent_feature.back_color {
	background-color: #FCF8F4;
}
#page_20dai-blog .agent_feature ul {
	list-style-type: none;
	padding-left: 0;
}
#page_20dai-blog .agent_feature li {
	margin-bottom: 12px;
}
#page_20dai-blog .agent_feature li:last-of-type {
	margin-bottom: 0;
}
#page_20dai-blog .agent_feature_ttl {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0;
}
#page_20dai-blog .agent_feature_block {
	display: flex;
}
#page_20dai-blog .agent_feature_img {
	margin-right: 10px;
}
#page_20dai-blog .agent_feature_desc_ttl {
	font-weight: bold;
}

/*----------------------------- */
/* /*	転職エージェントとの付き合い方 */
/* /*-------------------------------*/
#page_tukiai .mail_example {
	border: solid 2px #385d8a;
	padding: 10px 20px;
}
#page_tukiai .orange_box_wrap {
	background: #f4f6f8;
	padding: 40px 30px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#page_tukiai .orange_box_wrap {
		padding: 10px;
	}
}
#page_tukiai .mail_example {
	border: solid 2px #385d8a;
	padding: 10px 20px;
}
#page_tukiai .agent_feature {
	border: solid 2px #ed7d31;
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
}
#page_tukiai .agent_feature ul {
	list-style-type: none;
	padding-left: 0;
}
#page_tukiai .agent_feature p {
	margin-bottom: 0 !important;
	padding-left: 15px;
}
#page_tukiai .agent_feature.back_color {
	background-color: #FCF8F4;
}
#page_tukiai .agent_feature_ttl {
	font-size: 20px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
}
#page_tukiai .orange_box {
	border: solid 4px #eb9a64;
	width: 85%;
	margin: 0;
	padding: 40px;
	background: #fff;
}
@media screen and (max-width: 767px) {
	#page_tukiai .orange_box {
		padding: 10px;
		width: auto;
	}
}
#page_tukiai .orange_box.min {
	width: 60%;
}
#page_tukiai .orange_box.checklist .normal_ttl {
	font-size: 24px;
	margin-bottom: 25px;
	border-bottom: 2px solid #000;
	display: inline-flex;
	align-items: flex-start;
	margin-top: 25px;
}
#page_tukiai .orange_box.checklist .normal_ttl:first-of-type {
	margin-top: 0;
}
#page_tukiai .orange_box.checklist .normal_ttl span {
	flex: 1;
}
#page_tukiai .orange_box.checklist .normal_ttl:before {
	content: "";
	background: url("images/checkbox-checked.svg");
	width: 24px;
	height: 24px;
	background-size: cover;
	margin-top: 5px;
	margin-right: 0.5em;
}
#page_tukiai .orange_box.checklist dl {
	margin: 0;
	margin-bottom: 15px;
	font-size: 16px;
}
#page_tukiai .orange_box.checklist dl:last-of-type {
	margin-bottom: 0;
}
#page_tukiai .orange_box h2 {
	margin: 0;
}
#page_tukiai .orange_box ul {
	padding-left: 1em;
	list-style-type: disc;
}
#page_tukiai .orange_box ol.num_list {
	padding-left: 1em;
}
#page_tukiai .orange_box ol.num_list span.num {
	margin-left: -1em;
	margin-right: 0.5em;
	display: inline-block;
}
#page_tukiai .orange_box ol + h5, #page_tukiai .orange_box ul + h5 {
	margin-top: 15px;
}
#page_tukiai .orange_box.font_big h3 {
	margin: 0 0 20px 0;
}
#page_tukiai .orange_box.font_big p {
	font-size: 20px;
	margin: 0px 0 20px;
}

/*----------------------------- */
/* /*	企業ページ */
/* /*-------------------------------*/
#company_rankdata .company_rating {
	overflow: hidden;
}
#company_rankdata .company_rating .kigyo_img {
	display: block;
	float: left;
	width: 330px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#company_rankdata .company_rating .kigyo_img {
		float: none;
		width: auto;
	}
}
#company_rankdata .company_rating .kigyo_img img {
	width: 300px;
	display: block;
}
@media screen and (max-width: 767px) {
	#company_rankdata .company_rating .kigyo_img img {
		width: 100%;
	}
}
#company_rankdata .company_rating .star_hyouka {
	display: block;
	width: 350px;
	float: right;
	background-color: #DFEFFB;
	padding: 10px 7px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#company_rankdata .company_rating .star_hyouka {
		float: none;
		width: auto;
		margin-top: 10px;
	}
}
#company_rankdata .company_rating .star_hyouka img {
	position: absolute;
	top: 0;
	left: 0;
}
#company_rankdata .company_rating .star_hyouka p {
	display: block;
	border: solid 1px #000;
	background-color: #fff;
	height: 55px;
	padding: 0;
	margin: 0;
	padding-left: 55px;
	font-size: 24px;
	line-height: 0.5em;
	display: flex;
	align-items: center;
}
#company_rankdata .company_rating .star_hyouka p span.heikin {
	font-size: 21px;
	line-height: 1em;
	width: 55px;
	padding-left: 5px;
	margin-bottom: 0;
	padding-top: 0;
}
#company_rankdata .company_rating .star_hyouka p span.heikin.w115px {
	width: 115px;
}
#company_rankdata .company_rating .star_hyouka p span.heikin span {
	font-size: 21px;
	line-height: 1.4em;
}
#company_rankdata .company_rating .star_hyouka p span.data {
	font-size: 48px;
	color: #C30E23;
	line-height: 1em;
	letter-spacing: 0;
	margin-bottom: 0;
}
#company_rankdata .company_rating .star_hyouka p span.max {
	position: static;
	padding-left: 10px;
	margin-bottom: 0;
	font-size: 21px;
}
#company_rankdata .company_rating .star_hyouka p span.max span {
	font-size: 21px;
}
#company_rankdata .company_rating ul {
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	#company_rankdata .company_rating ul {
		padding-left: 0;
	}
}
#company_rankdata .company_rating ul li {
	display: block;
	float: right;
	width: 330px;
	padding: 5px 5px 5px 20px;
	margin-right: 5px;
	border-bottom: dotted 1px #000;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	#company_rankdata .company_rating ul li {
		width: auto;
		float: none;
	}
}
#company_rankdata .company_rating ul li span {
	display: inline-block;
	width: 130px;
}
#company_rankdata .company_rating ul li img {
	width: 100px;
	padding: 0 5px;
}
#company_rankdata .company_rating ul li.pink {
	background-image: url(//masa-ka.net/pascase/images/css/ecalic_pink.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#company_rankdata .company_rating ul li.green {
	background-image: url(//masa-ka.net/pascase/images/css/ecalic_green.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	color: #333;
}
#company_rankdata .company_rating ul li.blue {
	background-image: url(//masa-ka.net/pascase/images/css/ecalic_blue.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#company_rankdata .company_rating ul li.orange {
	background-image: url(//masa-ka.net/pascase/images/css/ecalic_orange.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#company_rankdata .company_rating ul li.reviewCount span {
	font-weight: normal;
	display: inline;
	width: auto;
	color: #3366FF;
	font-size: 18px;
	padding-left: 8px;
	padding-right: 3px;
}

/*----------------------------- */
/* /*	トップページ */
/* /*-------------------------------*/
#top_page .icon_text {
	overflow: hidden;
}
#top_page .icon_text img {
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-bottom: 20px;
}
#top_page .icon-listbox {
	background-color: #F9F9F9;
	padding: 10px;
}
#top_page .icon-listbox h3 {
	margin: 0;
}
#top_page .icon-listbox ul {
	border: solid 1px #ddd;
	background: #fff;
	padding: 10px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	list-style-type: none;
}
@media screen and (max-width: 767px) {
	#top_page .icon-listbox ul {
		grid-template-columns: repeat(1, 1fr);
	}
}
#top_page .icon-listbox ul li a {
	text-decoration: none;
	display: flex;
	align-items: center;
}
#top_page .icon-listbox ul li .listicon {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0px 0px 3px #ebebeb;
	border: 1px solid #ccc;
}
#top_page .icon-listbox ul li span {
	flex: 1;
}
#top_page .icon-listbox ul li .letter_0 {
	letter-spacing: 0;
}
#top_page #kutikomi_1000 img {
	width: 100%;
}
#top_page .review_bnr_list {
	display: grid;
	grid-gap: 14px;
	grid-template-columns: repeat(2, 1fr);
	padding-left: 0;
	list-style-type: none;
}
@media screen and (max-width: 767px) {
	#top_page .review_bnr_list {
		grid-template-columns: repeat(1, 1fr);
	}
}
#top_page #movie_agent ul {
	list-style-type: none;
	padding-left: 0;
}
#top_page #movie_agent ul li {
	border: solid 1px #ccc;
	margin: 10px 0;
	padding: 0 10px;
	display: flex;
	align-items: center;
}
#top_page #movie_agent ul .iframe_box, #top_page #movie_agent ul .text {
	flex: 1;
}
#top_page #movie_agent ul .text {
	margin-left: 10px;
}
#top_page #movie_agent ul .text p {
	margin: 10px 0;
}
#top_page #movie_agent ul .iframe_box {
	margin: 10px 0;
	position: relative;
	padding-top: 28.125%;
}
#top_page #movie_agent ul iframe {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#top_page #syokusyu .icon_text img {
	width: 200px;
}
#top_page #erabikata ul, #top_page #popular_post ul {
	list-style-type: none;
	padding-left: 0;
}
#top_page #erabikata li, #top_page #popular_post li {
	margin-bottom: 20px;
	display: flex;
}
@media screen and (max-width: 767px) {
	#top_page #erabikata li, #top_page #popular_post li {
		display: block;
	}
}
#top_page #erabikata .photo, #top_page #popular_post .photo {
	margin: 0;
	margin-right: 20px;
	width: 200px;
}
@media screen and (max-width: 767px) {
	#top_page #erabikata .photo, #top_page #popular_post .photo {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
#top_page #erabikata .photo img, #top_page #popular_post .photo img {
	width: 100%;
	height: 110px;
	object-fit: cover;
	object-position: top left;
}
@media screen and (max-width: 767px) {
	#top_page #erabikata .photo img, #top_page #popular_post .photo img {
		height: 100%;
	}
}
#top_page #erabikata .article_ttl, #top_page #popular_post .article_ttl {
	margin: 0;
	flex: 1;
}
#top_page #popular_post .photo img {
	height: 145px;
}
@media screen and (max-width: 767px) {
	#top_page #popular_post .photo img {
		height: auto;
	}
}
#top_page #update {
	background-color: #F9F9F9;
	margin-top: 30px;
	padding: 10px;
	margin-left: 20px;
}
#top_page #update ul {
	list-style-type: none;
	padding: 10px;
	margin: 0;
}
#top_page #update li {
	padding: 5px 0;
	padding-left: 20px;
	border-bottom: dotted 1px #DDD;
	background-image: url(images/update_ico.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#top_page #update li a {
	color: #00F;
	text-decoration: none;
}

/*----------------------------- */
/* /*	ページ別 */
/* /*-------------------------------*/
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#wrapper #ppc .cloum2 {
	border: solid 5px #eee;
	margin-top: 50px;
	width: 596px;
	padding: 10px;
}

body #wrapper #ppc h3 {
	color: #4370C4;
	text-shadow: 1px 1px 0px #fff, 2px 2px 5px #4370C4;
}

#wrapper #ppc h3.ppc_rankttl {
	font-size: 30px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 5px #4370C4;
	font-weight: bold;
}
#wrapper #ppc h3.ppc_rankttl span {
	color: #C00000;
}
#wrapper #ppc .ppc_img {
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
#wrapper #ppc .c_left, #wrapper #ppc .c_right {
	margin-top: 20px;
}
#wrapper #ppc .c_left img {
	padding-right: 10px;
}
#wrapper #ppc .c_right img {
	padding-top: 20px;
}
#wrapper #ppc table.hyoukaran_tbl {
	border-right: 1px solid #2F8FC2;
	border-bottom: 1px solid #2F8FC2;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}
#wrapper #ppc .hyoukaran_tbl td {
	border-top: 1px solid #2F8FC2;
	border-left: 1px solid #2F8FC2;
	padding: 20px;
	font-size: 14px;
}
#wrapper #ppc .hyoukaran_tbl th {
	border-top: 1px solid #2F8FC2;
	border-left: 1px solid #2F8FC2;
	padding: 10px;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	background-color: #FF9;
	background-color: #ffffd0;
}
#wrapper #ppc .hyoukaran_tbl p {
	margin-left: 30px;
}
#wrapper #ppc .hyoukaran_tbl h5 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
}
#wrapper #ppc .hyoukaran_tbl th.Rttl {
	vertical-align: middle;
}
#wrapper #ppc .hyoukaran_tbl th.Rttl img {
	float: left;
	margin-right: 10px;
}
#wrapper #ppc .hyoukaran_tbl th.Rttl .style1 {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 460px;
	line-height: 1.2em;
}
#wrapper #ppc .rank_btn {
	display: block;
	width: 100%;
}
#wrapper #ppc .rank_btn img {
	float: left;
}
#wrapper #ppc .c_left {
	float: left;
	margin-right: 10px;
}

.pd_10 {
	padding: 10px !important;
}

.pd_20 {
	padding: 20px !important;
}

.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m25 {
	margin: 25px !important;
}

.m30 {
	margin: 30px !important;
}

.mt_0 {
	margin-top: 0 !important;
}

.mt_5 {
	margin-top: 5px !important;
}

.mt_10 {
	margin-top: 10px !important;
}

.mt_20 {
	margin-top: 20px !important;
}

.mt_30 {
	margin-top: 30px !important;
}

.mt_50 {
	margin-top: 50px !important;
}

.mt_60 {
	margin-top: 60px !important;
}

.mt_70 {
	margin-top: 70px !important;
}

.pt_0 {
	padding-top: 0 !important;
}

.pt_5 {
	padding-top: 5px !important;
}

.pt_10 {
	padding-top: 10px !important;
}

.pt_20 {
	padding-top: 20px !important;
}

.pt_30 {
	padding-top: 30px !important;
}

.pt_50 {
	padding-top: 50px !important;
}

.pt_60 {
	padding-top: 60px !important;
}

.pt_70 {
	padding-top: 70px !important;
}

.recommend_agent_ranking {
	margin-bottom: 3em;
}
.recommend_agent_ranking .title {
	text-align: center;
	min-height: 3.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.5em 0;
}
@media screen and (max-width: 767px) {
	.recommend_agent_ranking .title {
		min-height: 0;
	}
}
.recommend_agent_ranking .agent_list {
	display: flex;
	gap: 1em;
	margin-left: 2em;
	margin-right: 2em;
}
@media screen and (max-width: 767px) {
	.recommend_agent_ranking .agent_list {
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		gap: 1.5em;
	}
}
.recommend_agent_ranking .agent {
	flex: 1;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
	.recommend_agent_ranking .agent {
		border-bottom: 1px solid #ccc;
		padding-bottom: 1.5em;
	}
}
.recommend_agent_ranking .wrap {
	flex: 1;
}
.recommend_agent_ranking .banner {
	margin: 0.5em 0;
	text-align: center;
}
.recommend_agent_ranking .banner img {
	width: 100%;
	max-width: 250px;
	min-height: 56px;
	object-position: center;
	object-fit: contain;
}
@media screen and (max-width: 767px) {
	.recommend_agent_ranking .banner img {
		min-height: 0;
	}
}
.recommend_agent_ranking .description {
	font-size: 14px;
	margin: 0.5em 0;
}
.recommend_agent_ranking .link_review {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 0.5em;
	font-size: 14px;
	margin: 0 0 0.5em;
}
@media screen and (max-width: 767px) {
	.recommend_agent_ranking .link_review {
		border: none;
	}
}
.recommend_agent_ranking .link_review a {
	padding: 0.8em 0;
	display: flex;
	align-items: center;
	gap: 0.5em;
	line-height: 1em;
	text-decoration: none;
}
.recommend_agent_ranking .link_review a:before {
	content: "→";
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	font-size: 1.2rem;
	width: 1.5em;
	height: 1.5em;
	color: #000;
}
.recommend_agent_ranking .link_offical {
	text-align: center;
	margin: 0.5em;
	text-align: left;
	margin-left: 0;
}
.recommend_agent_ranking .link_offical a {
	font-size: 20px;
	padding: 0.5em 2em;
	margin: 0;
}

.share_bottom_text {
	text-align: center;
	color: #808080;
	font-size: 14px;
	margin-top: 0;
}

.footer_top_text {
	text-align: center;
	color: #808080;
	font-size: 14px;
	margin-bottom: 0;
}

.hyouka_tbl.kigyo2 {
	table-layout: fixed;
}