@charset "utf-8";
@media(max-width: 767px) {
		main.none {
				padding-top: 0;
		}
		.second_cont.none {
				padding-bottom: 20px;
		}
}
.judge_col_gr {
		padding-bottom: 10px;
		max-width: 900px;
		margin: 0 auto;
}
.judge_col {
		display: flex;
		align-items: center;
		margin: 0 0 40px;
		border: 1px solid #333;
		border-radius: 20px;
		overflow: hidden;
		position: relative;
		cursor: pointer
}
.judge_col_figure {
		width: 274px;
}
.judge_col_caption {
		flex: 1;
		padding-left: 45px;
}
.judge_hd {
		font-size: 20px;
		margin: 0 0 20px;
		font-weight: 500;
}
.judge_hd span {
		display: inline-block;
		padding-bottom: 1px;
		border-bottom: 1px solid #333;
}
.judge_hd.none span {
		border-bottom: none;
}
.judge_name {
		font-size: 30px;
		font-weight: 500;
		padding-bottom: 2px;
}
.judge_col .judge_link {
		position: absolute;
		right: 40px;
		top: calc(50% - 0.8em)
}
@media(max-width: 767px) {
		.judge_hd {
				font-size: 14px;
				margin: 0 0 7px;
		}
		.judge_name {
				font-size: 24px;
		}
		.judge_notes {
				font-size: 11px;
		}
		.judge_col {
				margin: 0 0 30px;
				border-radius: 16px;
		}
		.judge_col_figure {
				width: 100px;
		}
		.judge_col_figure img {
				width: 100px;
				height: 180px;
				object-fit: cover;
		}
		.judge_col .judge_link {
				position: static;
				right: inherit;
				top: inherit;
				margin-top: 20px;
				font-size: 13px;
		}
		.judge_col_caption {
				padding: 0px 5px 0px 20px;
		}
}
.judge_link a {
		color: #333;
		text-decoration: none;
		position: relative;
		padding-right: 70px;
}
.judge_link a .judge_link_arw {
		position: absolute;
		width: 48px;
		height: 48px;
		pointer-events: none;
		right: 0px;
		top: calc(50% - 25px);
}
.judge_link_arw .judge_link_arw_circle {
		position: absolute;
		border-radius: 50%;
		border: 1px solid #000;
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s;
		pointer-events: none
}
.judge_link_arw::after {
		content: '';
		display: block;
		position: absolute;
		top: 0px;
		left: 0;
		width: 49px;
		height: 49px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 49px;
		background-image: url("../images/icon_right_blk.png")
}
@media (hover: hover) {
		.judge_col:hover .judge_link_arw .judge_link_arw_circle {
				background: #000;
				transform: scale(1.15)
		}
		.judge_col:hover .judge_link_arw::after {
				background-image: url("../images/icon_right_wht.png")
		}
}
@media(max-width: 767px) {
		.judge_link a {
				padding-right: 45px;
				position: relative;
				height: 38px;
		}
		.judge_link a .judge_link_arw {
				width: 38px;
				height: 38px;
				top: calc(50% - 21px);
		}
		.judge_link .judge_link_arw_circle {
				width: 38px;
				height: 38px;
		}
		.judge_link_arw::after {
				width: 38px;
				height: 38px;
				background-size: 38px;
				top: 1px
		}
}
.message_hd {
		font-size: 40px;
		font-weight: 500;
		margin: 0 0 30px;
}
.message_nav {
		display: flex;
		list-style: none;
		align-items: center;
		margin: 0 0 100px
}
.message_nav li {
		margin-right: 30px;
		font-size: 18px;
}
.message_nav li:last-child {
		margin-right: 0;
}
.message_nav li a {
		display: inline-block;
		position: relative;
		color: #333;
		text-decoration: none;
		padding-right: 50px;
}
.message_nav li:last-child a::after {
		display: none
}
.message_nav li a::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		right: 28px;
		width: 8px;
		height: 8px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(45deg)
}
.message_nav li a::after {
		content: '';
		display: block;
		position: absolute;
		top: 2px;
		right: 0;
		width: 1px;
		height: 22px;
		background: #333;
}
@media (hover: hover) {
		.message_nav li a:hover {
				color: #333;
				text-decoration: none;
		}
}
.message_flex {
		display: flex;
}
.message_figure {
		width: 240px;
}
.message_figure img {
		width: 100%;
		height: auto;
		border-radius: 50%;
}
.message_flex .judge_col_caption {
		padding-left: 60px;
}
.judge_history {
		padding-top: 1em;
		margin: 0 0 60px
}
.judge_history h5 {
		font-size: 16px;
		font-weight: 500;
		margin: 0 0 4px
}
.message_acc {
		margin-bottom: 120px;
		position: relative;
}
.message_acc .message_tigger {
		right: 50px;
		top: -60px;
		position: absolute;
		width: 44px;
		height: 44px;
		cursor: pointer;
}
.message_tigger::before, .message_tigger::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 12px;
		width: 20px;
		height: 1px;
		background: #000;
		transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.message_tigger::after {
		transform: rotate(90deg)
}
.message_tigger.isOpen::before {
		transform: rotate(135deg)
}
.message_tigger.isOpen::after {
		transform: rotate(225deg)
}
.message_flex p, .message_acc p {
		line-height: 1.8;
}
.message_cont {
		padding: 45px;
		border: 1px solid #333;
		border-radius: 30px;
}
.message_cont h5 {
		font-size: 22px;
		font-weight: 500;
		margin: 0 0 25px
}
.message_cont h5 span {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #333;
		border-radius: 60px;
		width: 160px;
		height: 48px;
}
.message_cont h5 span strong {
		font-weight: 500;
		transform: translateY(-1px)
}
.anchor {
		pointer-events: none;
		padding-top: 150px;
		position: relative;
		margin-top: -150px;
}
@media(max-width: 767px) {
		.message_hd {
				font-size: 24px;
				margin: 0 0 30px;
		}
		.message_nav {
				margin: 0 0 80px
		}
		.message_nav li {
				margin-right: 20px;
				font-size: 15px;
		}
		.message_nav li a {
				text-decoration: none;
				padding-right: 30px;
		}
		.message_nav li a::before {
				top: calc(50% - 6px);
				right: 12px;
				width: 6px;
				height: 6px;
		}
		.message_nav li a::after {
				top: 2px;
				height: 18px;
		}
		.message_flex {
				display: flex;
		}
		.message_figure {
				width: 120px;
		}
		.message_flex .judge_col_caption {
				padding-left: 20px;
		}
		.judge_history {
				margin: 0 0 40px
		}
		.judge_history h5 {
				font-size: 16px;
		}
		.judge_history p {
				line-height: 1.8;
		}
		.message_acc {
				margin-bottom: 80px;
		}
		.message_acc .message_tigger {
				right: -12px;
				top: -50px;
		}
		.message_cont {
				padding: 25px;
				border-radius: 18px;
		}
		.message_cont h5 {
				font-size: 18px;
				margin: 0 0 25px
		}
		.message_cont h5 span {
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 60px;
				width: 100px;
				height: 30px;
		}
		.message_cont h5 span strong {
				transform: translateY(-1px)
		}
		.anchor {
				pointer-events: none;
				padding-top: 100px;
				position: relative;
				margin-top: -100px;
		}
}
@media(min-width: 768px) {
		.spObj {
				display: none
		}
}
@media(max-width: 767px) {
		.pcObj {
				display: none
		}
}