body {
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
img {
	width: 100%;
	height: auto;
}
.large {
	font-size: 120%;
}
.larger {
	font-size: 133.5%;
}
.font_90 {
	font-size: 90%;	
}
.font_75 {
	font-size: 75%;	
}
.small {
	font-size: 14px;
}
.smaller {
	font-size: 12px;
}
.letter {
	letter-spacing: -0.05em;
}
.bold {
	font-weight: bold;
}
.bolder {
	font-weight: bolder;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.italic {
	font-style: italic;
}
.red {
	color: #c80000;
}
.blue {
	color: #2f328b;
}
.yellow {
	color: #fff000;
}
.marker {
	background: linear-gradient(transparent 60%, #ff0 60%);
	padding: 0 0.25em;
	margin-left: -0.15em;
}
.marker_orange {
	background: linear-gradient(transparent 60%, #fcd473 60%);
	padding: 0 0.25em;
	margin-left: -0.15em;
}
.a_link {
	color: #216fff;
	text-decoration: underline;
	line-height: 1.2;
}
.annotation {
	font-size: 10px;
	color: #666;
}
.title_gold {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "YuMincho", "MS P明朝", "MS PMincho", serif;
	font-size: 170%;
	background-color: #ebe7d3;
	border-bottom: 5px solid #aa901f;
	padding: 0.5rem 0;
	margin-bottom: 2rem;
	position: relative;
}
.title_gold::after {
	content: '';
	background-color: #aa901f;
	display: block;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	width: 1.3rem;
	height: 0.7rem;
	position: absolute;
	left: calc(50% - 0.6rem);
	bottom: calc(-4px - 0.7rem);
}
.h2_before {
	line-height: 1.6;
	font-size: 1rem;
	background-color: #aa901f;
	color: #fff;
	border-radius: 0.8em;
	display: inline-block;
	padding: 0 1em;
	margin-bottom: 0.5rem;
}
*:has(+ .title_silver) {
	margin-bottom: 1em;
}
.title_silver {
	background-color: #efefef;
	border-left: 4px solid #aa901f;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.5em 0 0.5em calc(0.5em + 4px);
	margin-bottom: 0.5rem;
	min-height: 3.9em;
}
.scroll-x2 {
	overflow-x: auto;
}
@media screen and (max-width: 768px) {
	.sp_smaller {
		font-size: 12px;
	}
	.inner:has(.scroll-x) {
		position: relative;
		padding-right: 0;
		padding-left: 0;
	}
	.inner:has(.scroll-x)::after {
		content: "";
		background: linear-gradient(to right, transparent, #fff);
		display: block;
		width: 10px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	.scroll-x {
		overflow-x: scroll;
	}
	.scroll-x > * {
		padding: 0 10px;
	}
	.scroll-x2 {
		letter-spacing: -0.025em;
	}
}


/* header
-------------------------------------------------------*/
.logo {
	max-width: 8.5em;
}
.logo img {
	vertical-align: top;
}
.pr_text {
	font-size: 12px;
	text-align: right;
	color: #666;
}
#header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.pr_text {
		padding: 5px;
	}
}


/* footer
-------------------------------------------------------*/
footer {
	text-align: center;
}
footer a {
	line-height: 3em;
	display: inline-block;
	padding: 0 1em;
}
footer .inner:last-of-type {
	background-color: #aa901f;
	color: #fff;
	padding-top: 10px;
}


/* 404
-------------------------------------------------------*/
section:has(h1.entry-title) {
	font-size: 2em;
	border: 1px solid #c03014;
	padding: 1em 0;
	margin: 1em 10px;
}
.error404 section {
	text-align: center;
}
.error404 section p {
	margin-bottom: 30px;
}


/* content
-------------------------------------------------------*/
.area0 {
	margin-bottom: 20px;
}
.inner {
	padding: 0 20px 20px;
}
@media screen and (max-width: 768px) {
	.inner {
		padding: 0 10px 20px;
	}
}

/* five_star */
.five_star {
	white-space: nowrap;
	color: #ccc;
	margin: 0 0.5em;
	position: relative;
}
.five_star::after {
	content: '★★★★★';
	overflow: hidden;
	color: #ffa800;
	position: absolute;
	left: 0;
}
.five_star[data-rate=""]:after{ width: 0%; }
.five_star[data-rate="0.0"]:after{ width: 0%; }
.five_star[data-rate="0.1"]:after{ width: 2%; }
.five_star[data-rate="0.2"]:after{ width: 4%; }
.five_star[data-rate="0.3"]:after{ width: 6%; }
.five_star[data-rate="0.4"]:after{ width: 8%; }
.five_star[data-rate="0.5"]:after{ width: 10%; }
.five_star[data-rate="0.6"]:after{ width: 12%; }
.five_star[data-rate="0.7"]:after{ width: 14%; }
.five_star[data-rate="0.8"]:after{ width: 16%; }
.five_star[data-rate="0.9"]:after{ width: 18%; }
.five_star[data-rate="1.0"]:after{ width: 20%; }
.five_star[data-rate="1.1"]:after{ width: 22%; }
.five_star[data-rate="1.2"]:after{ width: 24%; }
.five_star[data-rate="1.3"]:after{ width: 26%; }
.five_star[data-rate="1.4"]:after{ width: 28%; }
.five_star[data-rate="1.5"]:after{ width: 30%; }
.five_star[data-rate="1.6"]:after{ width: 32%; }
.five_star[data-rate="1.7"]:after{ width: 34%; }
.five_star[data-rate="1.8"]:after{ width: 36%; }
.five_star[data-rate="1.9"]:after{ width: 38%; }
.five_star[data-rate="2.0"]:after{ width: 40%; }
.five_star[data-rate="2.1"]:after{ width: 42%; }
.five_star[data-rate="2.2"]:after{ width: 44%; }
.five_star[data-rate="2.3"]:after{ width: 46%; }
.five_star[data-rate="2.4"]:after{ width: 48%; }
.five_star[data-rate="2.5"]:after{ width: 50%; }
.five_star[data-rate="2.6"]:after{ width: 52%; }
.five_star[data-rate="2.7"]:after{ width: 54%; }
.five_star[data-rate="2.8"]:after{ width: 56%; }
.five_star[data-rate="2.9"]:after{ width: 58%; }
.five_star[data-rate="3.0"]:after{ width: 60%; }
.five_star[data-rate="3.1"]:after{ width: 62%; }
.five_star[data-rate="3.2"]:after{ width: 64%; }
.five_star[data-rate="3.3"]:after{ width: 66%; }
.five_star[data-rate="3.4"]:after{ width: 68%; }
.five_star[data-rate="3.5"]:after{ width: 70%; }
.five_star[data-rate="3.6"]:after{ width: 72%; }
.five_star[data-rate="3.7"]:after{ width: 74%; }
.five_star[data-rate="3.8"]:after{ width: 76%; }
.five_star[data-rate="3.9"]:after{ width: 78%; }
.five_star[data-rate="4.0"]:after{ width: 80%; }
.five_star[data-rate="4.1"]:after{ width: 82%; }
.five_star[data-rate="4.2"]:after{ width: 84%; }
.five_star[data-rate="4.3"]:after{ width: 86%; }
.five_star[data-rate="4.4"]:after{ width: 88%; }
.five_star[data-rate="4.5"]:after{ width: 90%; }
.five_star[data-rate="4.6"]:after{ width: 92%; }
.five_star[data-rate="4.7"]:after{ width: 94%; }
.five_star[data-rate="4.8"]:after{ width: 96%; }
.five_star[data-rate="4.9"]:after{ width: 98%; }
.five_star[data-rate="5.0"]:after{ width: 100%; }


/* introduction
-------------------------------------------------------*/
#introduction h1 {
	margin-bottom: 10px;
}
#introduction .inner img {
	margin: 1em 0;
}


/* comparison
-------------------------------------------------------*/
.comparison .title_gold {
	margin-bottom: 1rem;
}
.comparison_1 {
	letter-spacing: -0.025em;
	table-layout: fixed;
	width: calc(100% - 20px);
	margin-left: 10px;
}
.comparison_1 tr:not(:first-of-type) td {
	border: 1px solid #aa901f;
}
.comparison_1 tr:nth-of-type(2) td,
.comparison_1 tr:nth-of-type(4) td {
	border-bottom: none;
	padding: 5px 5px 0;
}
.comparison_1 tr:nth-of-type(3) td,
.comparison_1 tr:nth-of-type(5) td {
	border-top: none;
	padding: 2.5px 2.5px 5px;
}
.comparison_1 th,
.comparison_1 td {
	text-align: center;
}
.comparison_1 tr:nth-of-type(n+6) td {
	font-size: 12px;
	padding: 5px;
}
.comparison_1 tr:first-of-type td {
	vertical-align: bottom;
}
.comparison_1 th {
	font-size: 95%;
	width: 4.75em;
}
.comparison_1 th > div {
	min-height: 3.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.comparison_1 tr:not(:first-of-type) th {
	background-color: #ddca74;
	border-bottom: 2px solid #fff;
	color: #fff;
	vertical-align: middle;
}
.comparison_1 tr:last-of-type th {
	border-bottom: 1px solid #aa901f;
}
.comparison_1 td.va_middle {
	vertical-align: middle;
}
.comparison_1 tr:nth-of-type(2) td:first-of-type {
	border-top: 4px solid #c80000;
}
.comparison_1 tr:not(:first-of-type) td:first-of-type {
	background-color: #fdfda0;
	border-right: 4px solid #c80000;
	border-left: 4px solid #c80000;
}
.comparison_1 tr:last-of-type td:first-of-type {
	border-bottom: 4px solid #c80000;
}
.comparison_crown {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	clip-path: polygon(50% 0%, 70% 40%, 100% 20%, 80% 100%, 20% 100%, 0 20%, 30% 40%);
	padding-top: 5%;
}
.comparison_crown.rank1 {
	background-color: #edcb3a;
	width: 60px;
	height: 50px;
}
.comparison_crown.rank2 {
	background-color: #adadad;
	width: 42px;
	height: 35px;
}
.comparison_crown.rank3 {
	background-color: #8c6d2b;
	width: 42px;
	height: 35px;
}
.comparison_1 td:has(.comparison_crown.rank1) {
	background-image: linear-gradient(transparent calc(100% - 6px), #edcb3a calc(100% - 5px));
}
.comparison_1 td:has(.comparison_crown.rank2) {
	background-image: linear-gradient(transparent calc(100% - 6px), #adadad calc(100% - 5px));
}
.comparison_1 td:has(.comparison_crown.rank3) {
	background-image: linear-gradient(transparent calc(100% - 6px), #8c6d2b calc(100% - 5px));
}
.comparison_1 td .a_link {
	display: block;
	line-height: 1.2;
}
.bg1 {
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	border: 12px double #ea0000;
}
.bg2 {
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	border-radius: 50%;
	border: 4px solid #f9b104;
	margin: 0.1em;
}
.bg3 {
	display: inline-block;
	width: 2.5em;
	--b: 0.6em;
	aspect-ratio: 1 / cos(30deg);
	clip-path: polygon(50% 0, 100% 100%, 0 100%, 50% 0, 50% var(--b), calc(var(--b) * cos(30deg)) calc(100% - var(--b) / 2), calc(100% - var(--b) * cos(30deg)) calc(100% - var(--b) / 2), 50% var(--b));
	background-color: #1487d8;
	margin: calc((2.5em - (2.5em * cos(30deg))) / 2) 0;
}
.scroll-x:not(:has(+ .annotation)),
.scroll-x + .annotation {
	margin-bottom: 1rem;
}
.comparison .scroll-x + .annotation {
	padding: 0 20px;
}
.sample_list {
	border: 1px solid #aa901f;
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem 1rem;
	margin: 0.5rem 0;
}
.sample_list > li {
	width: calc((100% - 3.75em) / 3);
}
.check_gold > li {
	margin-left: 1.25em;
	position: relative;
	line-height: 1.5;
}
.check_gold > li::before,
.check_gold > li::after {
	content: '';
	display: block;
	position: absolute;
}
.check_gold > li::before {
	border-radius: 50%;
	background-color: #aa901f;
	width: 1em;
	height: 1em;
	top: 0.25em;
	left: -1.25em;
}
.check_gold > li::after {
	background-color: #fff;
	clip-path: polygon(20% 50%, 40% 70%, 80% 25%, 90% 35%, 40% 90%, 10% 60%);
	width: 0.85em;
	height: 0.85em;
	top: 0.325em;
	left: -1.15em;
}
@media screen and (max-width: 768px) {
	.comparison_1 tr:nth-of-type(n+6) td {
		padding: 5px 2.5px;
	}
	.comparison .scroll-x + .annotation {
		padding: 0 10px;
	}
}


/* chance_now
-------------------------------------------------------*/
.gold_price {
	background-color: #c80000;
	color: #fff;
	padding: 20px 100px;
	margin-bottom: 40px;
}
.gold_price > p {
	border: 1px solid #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.gold_price_font {
	font-size: 175%;
	display: inline-block;
}
.campaign_area {
	background-color: #fdfda0;
	padding: 0.75rem 0 1rem;
	margin-bottom: 20px;
}
.chance_now .campaign_area {
	margin-bottom: 40px;
}
.campaign_title {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "YuMincho", "MS P明朝", "MS PMincho", serif;
	margin-bottom: 0.5rem;
}
.campaign_area .inner {
	background-color: #fff;
	border: 2px solid #aa901f;
	padding-top: 20px;
	margin: 0 100px;
}
.campaign_area .inner > *:not(:last-child) {
	margin-bottom: 20px;
}
.campaign_catch {
	border-bottom: 2px solid #aa901f;
	padding-bottom: 20px;
}
.campaign_content {
	display: flex;
}
.campaign_content a {
	display: block;
}
.campaign_content > a {
	width: 40%;
	margin-right: 1rem;
}
.campaign_content a:has(+ .campaign_cow) {
	margin-bottom: 0.5rem;
}
.campaign_cow {
	background-color: #aa901f;
	color: #fff;
	padding: 0.25rem 0.5rem;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.campaign_catch {
		padding-bottom: 10px;
	}
	.gold_price {
		padding: 10px;
	}
	.campaign_area .inner {
		padding: 10px;
		margin: 0 10px;
	}
}


/* point
-------------------------------------------------------*/
.point *:has(+ h3) {
	margin-bottom: 2em;
}
.point p img {
	margin-top: 1rem;
}

/* ranking list
-------------------------------------------------------*/
.box {
	background-color: #eee3bd;
	border: 3px solid #fff;
	filter: drop-shadow(0 0px 5px #00000030);
	padding: 0 50px 15px;
}
.inner .box:first-of-type:has(.box_rank) {
	margin-top: 30px;
}
.inner .box:not(:last-of-type) {
	margin-bottom: 50px;
}
.box > *:not(:last-child) {
	margin-bottom: 20px;
}
.box a {
	display: block;
}
.box_rank {
	position: relative;
}
.box_rank > img {
	width: 2em;
}
.rank_icon1::after {
	content: '1';
}
.rank_icon2::after {
	content: '2';
	color: #fff;
}
.rank_icon3::after {
	content: '3';
	color: #fff;
}
.box_rank::after {
	font-size: 110%;
	font-weight: bold;
	position: absolute;
	bottom: 0.45em;
	left: 50%;
	transform: translateX(-50%);
}
.box_title {
	border-bottom: 3px solid #c80000;
	display: flex;
	align-items: flex-end;
}
.box_title:has(.box_rank) {
	margin-top: -10px;
}
.box_title:not(:has(.box_rank)) {
	padding-top: 10px;
}
.box_title h4 {
	font-size: 160%;
	padding: 0 0 0.3em 0.35em;
	flex: 1;
}
.box_banner {
	width: 80%;
}
.stars {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border: 3px solid #c80000;
	padding: 10px 0;
}
.star_all {
	display: flex;
	align-items: flex-end;
	border-bottom: 2px solid #c80000;
	line-height: 1;
	width: fit-content;
	margin: 0 auto;
}
.star_all h5 {
	background-color: #c80000;
	color: #fff;
	line-height: 1;
	padding: 0.5em;
}
.star_all p {
	padding-bottom: 0.35em;
}
.star_all p:last-of-type {
	margin-right: 0.5em;
}
.box_table {
	table-layout: fixed;
	width: 100%;
}
.box_table th,
.box_table td {
	border: 1px solid #aa901f;
	text-align: center;
	vertical-align: middle;
}
.box_table th {
	font-size: 95%;
	background-color: #ddca74;
	color: #fff;
	padding: 0.25em 0;
}
.box_table td {
	background-color: #fff;
	padding: 0.5em 0;
}
.box_table td:has(.bg1),
.box_table td:has(.bg2),
.box_table td:has(.bg1) {
	vertical-align: inherit;
}
.recommended_points,
.coupon {
	background-color: #fff;
	border: 3px solid #c80000;
	padding: 0 10px 10px;
	margin-bottom: 1rem;
}
.recommended_points {
	background-color: #fff;
}
.recommended_points_title,
.coupon_title {
	background-color: #c80000;
	color: #fff;
	padding: 0.25em 0;
	margin: 0 -10px 10px;
}
.recommended_points li:has(+ li) {
	margin-bottom: 0.5em;
}
.purchase_results {
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.purchase_results td:has(img) {
	border: 1px solid #a7a7a7;
	padding: 10px;
}
.purchase_results td:has(img) {
	border: 1px solid #a7a7a7;
	vertical-align: middle;
	padding: 10px;
}
.purchase_results tr:nth-child(3n) td {
	padding-right: 0.25em;
	padding-bottom: 1em;
}
.strengths {
	background-color: #fff;
	border: 3px solid #aa901f;	
	padding: 0 10px 10px;
}
.strengths_title {
	font-size: 115%;
	border-bottom: 3px solid #aa901f;
	color: #aa901f;
	padding: 0.5em 0;
	margin-bottom: 1rem;
	position: relative;
}
.strengths_title::after {
	content: '';
	background-color: #aa901f;
	display: block;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	width: 1.3rem;
	height: 0.7rem;
	position: absolute;
	left: calc(50% - 0.6rem);
	bottom: calc(-2px - 0.7rem);
}
.coupon {
	background-color: #fdfda0;
}
.coupon img {
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	.box,
	.stars {
		padding-right: 10px;
		padding-left: 10px;
	}
	.box_title h4 {
		font-size: 120%;
	}
	.purchase_results td:has(img) {
		padding: 5px;
	}
}

/* cta */
.cta_button,
.cta_button_small {
	display: block;
	border-radius: 10px;
	background-color: #2fc51c;
	color: #fff;
	box-shadow: 0 0.35em 0 #1a6b0f;
	line-height: 1;
	text-align: center;
	overflow: hidden;
	margin-bottom: 0.35em;
	position: relative;
	animation: CtaButtonAnimation 2s infinite;
}
.cta_button {
	font-size: 155%;
	padding: 35px 0 35px;
}
.cta_button_small {
	padding: 20px calc(0.4em + 5px) 20px 0;
}
.cta_button::before,
.cta_button_small:before {
	content: '';
	background-color: #fff;
	display: block;
	clip-path: polygon(0 25%, 0 0, 100% 50%, 0 100%, 0 75%, 55% 50%);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
.cta_button::before {
	width: 0.7em;
	height: 1.4em;
	right: 0.75em;
}
.cta_button_small::before {
	width: 0.4em;
	height: 0.8em;
	right: 5px;
}
.cta_button::after,
.cta_button_small::after {
	content: '';
	position: absolute;
	top: -200%;
	left: -150%;
	width: 100%;
	height: 500%;
	background-image: linear-gradient(to right, #ffffff00, #ffffffdd 100%);
	animation: CtaButtonShiny 4s infinite;
	pointer-events: none;
	transform: rotate(25deg);
	z-index: 10;
}
.cta_button:has(.cta_button_bottom_text) {
	padding-top: 30px;
	padding-bottom: 40px;
}
.cta_button_bottom_text {
	white-space: nowrap;
	position: absolute;
	left: 50%;
	bottom: 1em;
	transform: translateX(-50%);
}
.cta_button_over {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "YuMincho", "MS P明朝", "MS PMincho", serif;
	text-shadow: 0.25px 0 0 currentColor, -0.25px 0 0 currentColor;
	color: #2fc51c;
}
.cta_button_over::before,
.cta_button_over::after {
	font-family: inherit;
	text-shadow: 0.75px 0 0 currentColor, -0.75px 0 0 currentColor;
	display: inline-block;
	transform: scaleX(0.75);
}
.cta_button_over::before {
	content: '＼';
	transform-origin: left;
}
.cta_button_over::after {
	content: '／';
	transform-origin: right;
}
.cta_button_under {
	color: #2fc51c;
}
@keyframes CtaButtonAnimation {
	0% {
		box-shadow: 0 0.35em 0 #1a6b0f;
		top: 0px;
	}
	10% {
		box-shadow: 0 0 0 #1a6b0f;
		top: 0.35em;
	}
	20% {
		box-shadow: 0 0.35em 0 #1a6b0f;
		top: 0px;
	}
	30% {
		box-shadow: 0 0 0 #1a6b0f;
		top: 0.35em;
	}
	40% {
		box-shadow: 0 0.35em 0 #1a6b0f;
		top: 0px;
	}
}
@keyframes CtaButtonShiny {
	0% {
		left: -150%;
	}
	50% {
		left: -150%;
	}
	100% {
		left: 150%;
	}
}


/* single
-------------------------------------------------------*/
.single_main {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 90vh;
	padding: 0 10px;
}
.single_main > * {
	margin-bottom: 1em;
}
.single_main img {
	max-width: 450px;
}
.load_anim {
	width: 75px;
	height: 75px;
	position: relative;
	perspective: 200px;
	margin: 40px 0;
}
.load_anim .cube {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: cube-rotate 4s infinite linear;
}
.load_anim .cube-face {
	position: absolute;
	width: 75px;
	height: 75px;
    background-color: transparent;
    opacity: 0.8;
    border: 1px solid #aa901f;
	box-sizing: border-box;
}
.load_anim::after {
	content: 'LOADING';
	color: #aa901f;
	text-shadow: 0.25em 0.25em 0 #00000010;
	font-weight: bolder;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.load_anim .front  { transform: translateZ(37.5px); background-color: #aa901f10; }
.load_anim .back   { transform: rotateY(180deg) translateZ(37.5px); background-color: #aa901f50; }
.load_anim .right  { transform: rotateY(90deg) translateZ(37.5px); background-color: #aa901f30; }
.load_anim .left   { transform: rotateY(-90deg) translateZ(37.5px); background-color: #aa901f30; }
.load_anim .top    { transform: rotateX(90deg) translateZ(37.5px); background-color: #aa901f30; }
.load_anim .bottom { transform: rotateX(-90deg) translateZ(37.5px); background-color: #aa901f30; }
@keyframes cube-rotate {
	0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
	100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }
}
.load {
	
}
.link a {
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0.25em;
}


/* page_company
-------------------------------------------------------*/
#page_company h2,
#page_company table,
#page_company #contents {
	margin-bottom: 2em;
}
#page_company th {
	background-color: #eee;
	color: #626262;
	width: 35%;
}
#page_company th,
#page_company td {
	border: 1px solid #626262;
}
#page_company ol li {
	list-style-type: auto;
	padding: 0 0 0.5em 0.25em;
	margin-left: 1.5em;
}
#page_company ol + ul li {
	list-style-type: disc;
	margin-left: 3.25em;
}


/* modal_pw
-------------------------------------------------------*/
#center-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
#center-modal {
	position: relative;
	max-width: 100%;
	width: 400px;
	text-align: center;
}
#center-modal .modal-close {
	color: #fff;
	position: absolute;
	top: -1.5em;
	right: 0.5em;
	background: none;
	border: none;
	font-size: 1.5em;
	cursor: pointer;
}
.modal-banner {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
#center-modal .cta_button {
	line-height: 1.4;
	width: calc(100% - 20px);
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	margin: 0 auto;
}