@charset "utf-8";

/* common
-------------------------------------------------------*/
html {
	font-size: 58.6%;
}
ul {
	box-sizing: border-box;
}
#wrapper {
	overflow: hidden;
}
.sp {
	display: none;
}
.area {
	padding: 40px 20px 70px;
	box-sizing: border-box;
}
.area0 {
	padding: 0 20px;
	box-sizing: border-box;
}
.inner {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	box-sizing: border-box;
}
.center {
	text-align: center;
}
.red {
	color: #e60012;
}
.bk {
	color: #333;
}
.ul_yellow {
	background: linear-gradient(transparent 60%, #ff6 60%);
}
pre.caution {
	white-space: pre-wrap;
}
.caution {
	font-size: 1.2rem;
	font-weight: normal;
	text-align: right;
	margin: 10px 0 0;
}
.caution p {
	padding: 0;
}
summary {
	display: block;
	list-style: none;
}
summary::-webkit-details-marker {
	display:none;
}
.btm_arrow {
  --arrow-aspect-ratio-width: 1200;
  --arrow-aspect-ratio-height: 140;
  --arrow-aspect-ratio: var(--arrow-aspect-ratio-width) / var(--arrow-aspect-ratio-height);
  --ratio-height: calc(var(--arrow-aspect-ratio-height) / var(--arrow-aspect-ratio-width));

  position: relative;
  margin-bottom: calc((100%* var(--ratio-height)));

  &::before {
    display: block;
    content: "";
    transform: translate(0%, 100%);
    z-index: 999;
    width: 100%;
    left: 0;
    bottom: 1px;
    pointer-events: none;
    position: absolute;
    background-size: contain;
    background-color: rgb(255, 245, 229);
    aspect-ratio: var(--arrow-aspect-ratio);
    clip-path: polygon(50% 100%, -1% 0, 101% 0);
  }

  &::after {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    transform: translate(0%, 100%);
    padding-top: calc((100% * var(--ratio-height)) + 1px);
    width: 100%;
    content: "";
    background: #e6e8e8;
  }
}
.simplepoint .border {
  background: linear-gradient(transparent 70%, #fff901 50%);
}

@media screen and (max-width:768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.area {
		padding: 20px 20px 30px;
	}
	.inner {
		max-width: 100%;
	}
	.caution {
		font-size: 1.1rem;
		line-height: 1.2;
		text-align: left;
		margin: 5px 0 0;
	}
	span.caution {
		line-height: 1.2;
		display: inline-block;
		margin: unset;
	}
}

/* header
-------------------------------------------------------*/
#header {
	padding: 5.7px 7.7px;
}
#header .inner {
	display: flex;
	align-items: flex-end;
	width: 100%;
	max-width: 750px;
	padding: 0 5.7px;
	margin: 0 auto;
}
#header .inner:has(nav) {
	justify-content: space-between;
}
#header .inner .pr_text {
	font-size: 8pt;
	letter-spacing: -0.05em;
	color: #999;
	padding: 0;
}
#page_company #header {
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
#header .logo {
	text-align: center;
}
#header .logo img {
	max-height: 50px;
	width: auto;
}
#header .breadcrumb{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#header .breadcrumb li a{
	text-decoration: underline;
	color: #1766af;
	font-weight: 600;
}
#header .breadcrumb li:not(:last-of-type)::after{
	content: "›";
	margin: 0 .6em;
	color: #777;
}
@media screen and (max-width:768px) {
	#header .logo img {
		max-height: 29px;
	}
	#header .inner {
		padding: 0;
	}
}

/* contents
-------------------------------------------------------*/
#contents {
	margin-bottom: 20px;
}

/* parts
-------------------------------------------------------*/
.content_ttl i {
	font-size: 185%;
	margin-right: 0.25em;
}
.card_box {
	border: 5px solid #4183bc;
	border-radius: 20px;
}
.card_box .ttl {
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	background-color: #4183bc;
	border-radius: 10px 10px 0 0;
	padding: 10px;
}
.card_box.post46 {
	border-color: #003d2a;
}
.card_box.post46 .ttl {
	background-color: #003d2a;
}
.card_box.post224 {
	border-color: #bb0110;
}
.card_box.post224 .ttl {
	background-color: #bb0110;
}
.card_box .ttl a {
	color: #fff;	
}
.card_box .in {
	padding: 30px;
}
.card_box .sub_ttl {
	text-align: center;
	font-size: clamp(1vw, 5.5vw, 3rem);
	font-weight: 700;
	line-height: 1;
	color: #e60012;
	margin-bottom: 5px;
}
.card_box.post224 .sub_ttl {
	color: inherit;	
}
.card_box .sub_ttl span {
	background:linear-gradient(transparent 60%, #fff56c 60%);
}
.card_box .img {
	text-align: center;
	margin: 0 0 30px;
}
.card_box .img img {
	max-width: 500px;
}
@media screen and (max-width:768px) {
	.card_box {
		border-width: 3px;
	}
	.card_box .ttl {
		font-size: 2.4rem;
	}
	.card_box .in {
		padding: 15px 10px;
	}
	.card_box .img {
		margin: 0 0 15px;
	}
	.card_box .img img {
		max-width: 80%;
	}
	
}

.card_box .check_ttl {
	text-align: center;
	font-size: clamp(1vw, 6vw, 3rem);
	font-weight: 700;
	color: #fff;
	background-color: #4183bc;	
	margin: 0 0 30px;
}
.card_box.post46 .check_ttl {
	background-color: #003d2a;
}
.card_box.post224 .check_ttl {
	background-color: #bb0110;
}
.check {
	font-size: 2.6rem;
	font-weight: 500;
    border-bottom: solid 30px transparent;
}
.check li {
	position: relative;
	padding: 10px 10px 10px 65px;
	background: #e4f2f9;
	border-radius: 100px;
}
.check li::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/new230222/icon_check.png)no-repeat left top/40px 40px;
	width: 40px;
	height: 40px;
	left: 15px;
	top: 50%;
	margin-top: -20px;
}
.check li:not(:last-child) {
	margin: 0 0 10px;
}
@media screen and (max-width:768px) {
	.check {
		font-size: 1.6rem;
	}
	.check li {
		padding: 5px 5px 5px 35px;
		line-height: 1.2;
	}
	.check li::before {
		background: url(../images/new230222/icon_check.png)no-repeat left top/20px 20px;
		width: 20px;
		height: 20px;
		left: 10px;
		top: 50%;
		margin-top: -10px;
	}
}

.card_box a.cta {
	display: block;
	width: fit-content;
	text-align: center;
	font-size: clamp(1vw, 5.8vw, 3rem);
	font-weight: 700;
	line-height: clamp(1.5vw, 7.5vw, 3.5rem);
	color: #fff;
	background: linear-gradient(#ff192c, #f19149);
	border: 2px solid #ff192c;
	border-radius: 10px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);
	padding: 15px 30px;
	margin: 15px auto 0;
	position: relative;
	animation: cta-anim 1s infinite;
}
.card_box a.cta p.arrow {
	position: absolute;
	top: 50px;
	right: 20px;
	filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff);
	transform: rotate(135deg);
}
.card_box a.cta p.arrow::before,
.card_box a.cta p.arrow::after{
	position: absolute;
	top: 0;
	margin: auto;
	content: "";
}
.card_box a.cta p.arrow::before {
	right: 0;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 20px solid transparent;
	border-left: 20px solid #4d4d4d;
}
.card_box a.cta p.arrow::after {
	top: 10px;
	right: 15px;
	width: 25px;
	height: 20px;
	border-left: 20px solid #4d4d4d;
}
.card_box a.cta p {
	padding: 0;
	font-size: clamp(1vw, 5vw, 2rem);
	font-weight: 400;
	line-height: clamp(1vw, 5vw, 2rem);
}
@keyframes cta-anim {
	0%, 100% {margin: 0 auto;box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);}
	40% {margin: 0 auto;box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);}
	60% {margin: 5px auto -5px;box-shadow: none;}
	70% {margin: 0 auto;box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);}
	90% {margin: 5px auto -5px;box-shadow: none;}
}
@media screen and (max-width:768px) {
	.card_box a.cta {
		padding: 15px 5px;
	}
}

#visual {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	#visual {
		margin-bottom: 10px;
	}
}



/* select_modal
-------------------------------------------------------*/
.select_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.85);
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 1001;
}
.select_modal::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.select_modal.active {
	opacity: 1;
	visibility: visible;
}
.select_modal_body,
.select_modal_load {
	display: none;
	background: #fff;
	vertical-align: middle;
	width: 90%;
	max-width: 1000px;
	border-radius: 20px;
	margin: 0 auto;
	box-sizing: border-box;
}
.select_modal_body.active,
.select_modal_load.active {
	display: inline-block;		
}
.select_modal_header {
	background-color: rgb(255, 245, 229);
	border-radius: 20px 20px 0 0;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
	position: relative;
}
.select_modal_body .select_modal_header h2,
.select_modal_body .select_modal_header p {
    width: 75%;
	padding: 0;
	margin: 0;
}
.select_modal_header img {
	position: absolute;
	width: 20%;
	right: 3%;
	bottom: -2px;
}
.select_modal_body .select_modal_header h2 {
	font-size: clamp(12px, 4.3vw, 40px);
	font-weight: bold;
}
.select_modal_body .select_modal_header p {
	font-size: clamp(12px, 1.8vw, 18px);
	font-weight: normal;
}
.select_modal_body span {
	display: inline-block;
}
.select_modal_body p {
	font-weight: bold;
	padding: 0;
	margin-bottom: 15px;
}
.select_modal_body p.button {
	position: relative;
	top: 0;
	font-size: 22px;
	line-height: 1.2;
	color: #fff;
	border: none;
	border-radius: 50px;
	width: 100%;
	max-width: 70%;
	cursor: pointer;
	box-sizing: border-box;
	padding: 10px 10px 7.5px;
	margin: 0 auto 26px;
	transition: .2s box-shadow, .2s top;
}
.select_modal_body p:nth-of-type(2) {
	background-color: #9bc97a;
	box-shadow: 0 6px #679b3f;
}
.select_modal_body p:nth-of-type(3) {
	background-color: #4183bc;
	box-shadow: 0 6px #264d6d;
}
.select_modal_body p.button span {
	display: block;
	font-size: clamp(12px, 1.8vw, 18px);
	font-weight: normal;
	margin-top: 0.5em;
}
.select_modal_body p.button:hover {
	top: 6px;
	box-shadow: none;
}
.select_modal_body p.button:last-of-type {
	margin-bottom: 41px;
}
.select_modal_load p {
	margin: 15px 0;
}
.select_modal_load img {
	width: 40px;
}
@media screen and (max-width: 768px) {
	.select_modal_header {
		padding: 10px 10px 5px;
		margin-bottom: 10px;
	}
	.select_modal_body p {
		font-size: unset;
		margin-bottom: 10px;
	}
	.select_modal_body span {
		display: unset;
	}
	.select_modal_body p.button {
		font-size: 16px;
		margin-bottom: 16px;
		max-width: 90%;
	}
	.select_modal_body p.button:last-of-type {
		margin-bottom: 26px;
	}
}


/* area01
-------------------------------------------------------*/
#area01 .top_txt {
	font-size: 3rem;
	margin: 0 0 50px;
}
#area01 .top_ttl {
	margin: 0 0 80px;
}
#area01 .top_ttl img {
	max-width: 632px;
}
@media screen and (max-width:768px) {
	#area01 .top_txt {
		font-size:2rem;
		margin: 0 0 30px;
	}
	#area01 .top_ttl {
		margin: 0 0 40px;
	}
	#area01 .top_ttl img {
		max-width: 90%;
	}
}

/* area02
-------------------------------------------------------*/
#area02 .ttl_box {
	background-color: #7ecef4;
	text-align: center;
	padding: 30px 20px;
	margin: 0 0 40px;
}
#area02 .ttl_box .sub_ttl {
	font-weight: 700;
	font-size: 3.2rem;
	color: #fff;
	margin: 0 0 15px;
}
#area02 .area02_box {
	margin-top: -40px;
}
#area02 .content_ttl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	background-color: #fff56c;
	margin: 30px 0 0;
}
#area02 .content_ttl img {
	margin: 10px 20px;
	width: 15%;
}
#area02 .content_ttl p {
    font-size: 2rem;
    font-weight: 700;
}
#area02 .content_ttl p span {
    color: #e60012;
}
#area02 .content_txt {
    font-size: 2.6rem;
    font-weight: 500;
}
#area02 .top_txt {
	font-size: 3rem;
	margin: 0 0 50px;
}
@media screen and (max-width:768px) {
	#area02 .area02_box {
		margin-top: -30px;
	}
	#area02 .ttl_box {
		padding: 10px 20px;
		margin: 0 0 30px;
	}
	#area02 .content_ttl {
		margin-top: 15px;
		margin-left: -20px;
		margin-right: -20px;
	}
	#area02 .content_txt {
		font-size: 1.8rem;
	}
	#area02 .ttl_box .sub_ttl {
		font-size: 1.7rem;
		margin: 0;
	}
	#area02 .top_txt {
		font-size: 1.8rem;
		margin: 0 0 30px;
	}
}


/* area02 basic_knowledge
-------------------------------------------------------*/
#shunyushoumei_content,
.btn_box.w500 {
	margin-bottom: 30px;
}
#shunyushoumei_content .ttl {
    font-size: clamp(12px, 4vw, 25px);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    background: #009dfe;
    color: #fff;
    position: relative;
    margin: 0 5px;
    padding: 0.5em 0;
}
#shunyushoumei_content .ttl:before,
#shunyushoumei_content .ttl:after {
	position: absolute;
	content: '';
}
#shunyushoumei_content .ttl:before {
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px solid #195cb7;
	border-left: 10px solid transparent;
}
#shunyushoumei_content .ttl:after {
	right: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid #195cb7;
	border-right: 10px solid transparent;
}
#shunyushoumei_content .txt {
	background-color: #009dfe20;
	margin: 0 15px;
	padding: 0.75em;
}
.btn_box.w500 p {
	font-size: 20px;
	color: #195cb7;
	position: relative;
	border: 2px solid #195cb7;
	border-radius: 100vh;
	width: 500px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
.btn_box.w500 p:before {
	position: absolute;
	right: 35px;
	bottom: -14px;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 18px 0 0;
	border-style: solid;
	border-color: #195cb7 transparent transparent transparent;
}
.btn_box.w500 p:after {
	position: absolute;
	right: 38px;
	bottom: -9px;
	width: 0;
	height: 0;
	content: '';
	border-width: 9px 13px 0 0;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.btn_box.w500 a {
	font-size: 26px;	
	width: 500px;
}
.shunyushoumei_content2 {
	margin-bottom: 30px;
}
.shunyushoumei_content2 .ttl {
	font-size: clamp(12px, 4vw, 25px);
	font-weight: bold;
	position: relative;
	width: fit-content;
	margin: 0 0 0.5em -20px;
	padding: 0.5em 1em;
	color: #fff;
	border-radius: 0 100vh 100vh 0;
	background: #195cb7;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.shunyushoumei_content2 .ttl:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #0c2d59;
	border-left: 10px solid transparent;
}
.shunyushoumei_content2 .txt {
	background-color: #009dfe20;
	margin: 0 0 0 15px;
	padding: 0.75em;
}
.shunyushoumei_content2 ol,
.shunyushoumei_content2 ul {
	font-weight: bold;
	background-color: #fff;
	border-radius: 10px;
	margin: 0.5em 0;
	padding: 0.5em;
}
.shunyushoumei_content2 ol {
	list-style: decimal;
}
.shunyushoumei_content2 ul {
	list-style: circle;
}
.shunyushoumei_content2 li {
	margin-left: 1.5em;
	padding-left: 0.5em;
}
.shunyushoumei_content2 li::marker {
	color: #195cb7;
}
.shunyushoumei_content2 li::after {
	content: '';
	border-bottom: 1px dotted #195cb7;
	display: block;
	margin-left: -2em;
}
.shunyushoumei_content2 ol li:last-of-type::after,
.shunyushoumei_content2 ul li:last-of-type::after {
	content: none;
}
.ul_ttl {
	font-weight: bold;
	background-color: #195cb7;
	color: #fff;
	border-radius: 10px 10px 0 0;
	display: block;
	padding-left: 1em;
	margin-top: 0.5em;
}
.shunyushoumei_content2 ul.ul_ttl_content {
	border-radius: 0 0 10px 10px;
	padding-top: 0;
	margin-top: 0;
}
#area02 {
}
@media screen and (max-width:768px) {
	#shunyushoumei_content,
	.btn_box.w500 {
		margin-bottom: 15px;
	}
	.btn_box.w500 p {
		font-size: 14px;
		width: 70%;
	}
	.btn_box.w500 a {
		font-size: 16px;
		line-height: 25.6px;
		letter-spacing: -0.05em;
		width: calc(70% + 30px);
		padding-left: 0;
		padding-right: 0;
	}
	.shunyushoumei_content2 {
		margin-bottom: 15px;
	}
	.shunyushoumei_content2 .txt {
		margin-right: 5px;
	}
}


/* area02 cardloan-detail
-------------------------------------------------------*/
#area02 {
	font-size: 115%;
}
#area02:has(#cardloan-detail_00) .speech {
	display: flex;
	margin-bottom: 10px;
}
#area02:has(#cardloan-detail_00) .speech .img {
    width: 15%;
}
#area02:has(#cardloan-detail_00) .speech .img img {
    border: 2px solid #e88f47;
    border-radius: 50%;
}
#area02:has(#cardloan-detail_00) .speech.right .img img {
    border-color: #77d469;
}
#area02:has(#cardloan-detail_00) .speech .text {
    width: 85%;
	margin-left: 10px;
	position: relative;
}
#area02:has(#cardloan-detail_00) .speech.right .text {
	margin-left: 0;
	margin-right: 10px;
}
#area02:has(#cardloan-detail_00) .speech .text .border_top {
	height: 10px;
	border: 2px solid #e88f47;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}
#area02:has(#cardloan-detail_00) .speech .text .border_middle {
	border-left: 2px solid #e88f47;
	border-right: 2px solid #e88f47;
	padding: 0 1em 0 1em;
}
#area02:has(#cardloan-detail_00) .speech .text .border_bottom {
	height: 10px;
	border: 2px solid #e88f47;
	border-top: none;
	border-radius: 0 0 10px 10px;
}
#area02:has(#cardloan-detail_00) .speech.right .text .border_top {
	border-color: #77d469;
}
#area02:has(#cardloan-detail_00) .speech.right .text .border_middle {
	border-color: #77d469;
}
#area02:has(#cardloan-detail_00) .speech.right .text .border_bottom {
	border-color: #77d469;
}
#area02:has(#cardloan-detail_00) .speech .text::before {
	content: "";
	position: absolute;
	top: 80px;
	left: -15px;
	margin-top: -12px;
	border: 6px solid transparent;
	border-right: 13px solid #fff;
	z-index: 2;
}
#area02:has(#cardloan-detail_00) .speech .text::after {
	content: "";
	position: absolute;
	top: 80px;
	left: -21px;
	margin-top: -14px;
	border: 8px solid transparent;
	border-right: 15px solid #e88f47;
	z-index: 1;
}
#area02:has(#cardloan-detail_00) .speech.right .text::after {
	border-right-color: #77d469;
}
#area02:has(#cardloan-detail_00) .speech.right .text::before {
    left: unset;
    right: -15px;
    transform: rotate(180deg);
}
#area02:has(#cardloan-detail_00) .speech.right .text::after {
    left: unset;
    right: -21px;
    transform: rotate(180deg);
}
#cardloan-detail_menu {
	background-color: #f0f0f0;
	border-top: 2px solid #195cb7;
	border-bottom: 2px solid #195cb7;
	margin-bottom: 10px;
}
#cardloan-detail_menu_ttl p {
	font-weight: bold;
	background-color: #195cb7;
	color: #fff;
	width: fit-content;
	border-radius: 0.8em 0.8em 0 0;
	padding: 5px 0.5em;
}
#cardloan-detail_menu ol {
	list-style: decimal;
	padding: 0.5em;
}
#cardloan-detail_menu li {
    margin-left: 1.5em;
    padding-left: 0.5em;
}
#cardloan-detail_menu a {
	font-weight: bold;
	text-decoration: underline;
	color: #00f;
}
#area02:has(#cardloan-detail_00) h3 {
	font-size: clamp(16px, 5vw, 25px);
	font-weight: bold;
	color: #156409;
	background-image: linear-gradient(90deg, #77d469 20%, #ddd 20%);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% 15%;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
#area02:has(#cardloan-detail_00) h3 span {
	color: #77d469;
	padding: 0 0.25em;
}
#area02:has(#cardloan-detail_00) .inner > h3 + img {
	margin-top: 0;
}
#area02:has(#cardloan-detail_00) .inner > img {
	margin: 10px 0;
}
#area02:has(#cardloan-detail_00) .inner .maker {
	font-weight: bold;
	background-image: linear-gradient(transparent 60%, #77d46950 60%);
	color: #156409;
}
#area02 + .area0.page_timer_d2 {
	margin-bottom: 20px;
}
#cardloan-detail_01,
#cardloan-detail_02,
#cardloan-detail_03,
#cardloan-detail_04,
#cardloan-detail_04 {
	margin-bottom: 20px;
}
.tora_tape {
	background: repeating-linear-gradient(135deg, #000, #000 10px, #ffd304 10px, #ffd304 20px);
}
.between_tapes {
	background-color: #ffd304;
}
.between_tapes > span {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.between_tapes > span:first-of-type {
	font-size: 120%;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	padding: 0.25em 0.5em;
}
.between_tapes > span:last-of-type {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.between_tapes > span:last-of-type i {
	color: #195cb7;
	margin-right: 0.5em;
}
@media screen and (max-width:768px) {
	#area02:has(#cardloan-detail_00) {
		padding: 0 10px 10px 10px;
	}
	#area02:has(#cardloan-detail_00) .speech .text::before,
	#area02:has(#cardloan-detail_00) .speech .text::after {
		top: 40px;
	}
	#area02 .btn_box.w500 {
		margin-bottom: 20px;
	}
	#area02 + .area0.page_timer_d2 {
		margin-bottom: 10px;
	}
}


/* area03
-------------------------------------------------------*/
.image_ttl {
	padding: 0 30px 20px;
}
.image_ttl .text_ttl{
	text-align: center;
	font-size: clamp(20px, 6.5vw, 50px);
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	padding: 0;
	margin: 20px 0 0 0;
}
.text_ttl .marker{
	background: linear-gradient(transparent 65%, #fff9c3 50%);
}
.text_ttl .marker .orange{
	color: #ef530c;
}
.text_ttl .zabuton {
  display: inline-block;
  padding: 4px 10px;
  color: #fff;
  &.green {
    background: #9AC979;
    text-shadow: 1px 1px 0 #24412a, -1px -1px 0 #24412a, -1px 1px 0 #24412a, 1px -1px 0 #24412a, 0px 1px 0 #24412a, 0 -1px 0 #24412a, -1px 0 0 #24412a, 1px 0 0 #24412a;
  }
  &.blue {
    /* background: #1737B0; */
    background: #8daad9;
    text-shadow: 1px 1px 0 #242641, -1px -1px 0 #242641, -1px 1px 0 #242641, 1px -1px 0 #242641, 0px 1px 0 #242641, 0 -1px 0 #242641, -1px 0 0 #242641, 1px 0 0 #242641;
  }

  span.orange {
    padding-right: 1px;
    color: #ef530c;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
  }
}


#area03 .ttl_box {
	background-color: #7ecef4;
	text-align: center;
	padding: 30px 20px;
	margin: 0 0 40px;
}
#area03 .ttl_box .sub_ttl {
	font-weight: 700;
	font-size: 3.2rem;
	color: #fff;
	margin: 0 0 15px;
}
#area03 .ttl_box .ttl_img img {
	max-width: 664px;
}
.compare_table {
	width: 100%;
}
.compare_table .w30 {
	width: 30%;
}
.compare_table .w40 {
	width: 40%;
}
.compare_table tr {
	border-bottom: 1px solid #ccc;
}
.compare_table tr th {
	border-right: 1px solid #ccc;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: 700;
	background-color: #e9f8ff;
}
.compare_table tr:not(:nth-of-type(1)) th {
	border-left: 1px solid #ccc;
}
.compare_table tr th:nth-of-type(1),
.compare_table tr th:nth-of-type(2),
.compare_table tr td:nth-of-type(1) {
	border-right: 3px solid #e60012;
}
.compare_table tr th:nth-of-type(3) {
	border-top: 1px solid #ccc;
}
.compare_table tr th:nth-of-type(2) {
	border-top: 3px solid #e60012;
}
.compare_table tr:last-of-type td:nth-of-type(1) {
	border-bottom: 3px solid #e60012;
}
.compare_table tr td {
	border-right: 1px solid #ccc;
	padding: 20px;
	vertical-align: middle;
	font-size: 2rem;
	background-color: #f0f0f0;
}
.compare_table tr:first-child th {
	padding: 10px 20px 20px;
}
.compare_table b {
	font-size: 2.6rem;
	font-weight: 700;
	margin: 10px 0 0;
	display: block;
}
.compare_table img {
	max-width: 80%;
}
.compare_table tr td:nth-of-type(1) {
	font-size: 2.6rem;
	font-weight: 700;
}
.compare_table .bg_y {
	background-color: #fffde9;
}
.compare_table .bg_g {
	background-color: #f0f0f0;
}
.compare_table .none {
	background: none;
}
@media screen and (max-width:768px) {
	.image_ttl {
		padding: 0 10px 10px;
	}
	#area03 .ttl_box {
		padding: 10px 20px;
		margin: 0 0 30px;
	}
	#area03 .ttl_box .sub_ttl {
		font-size: 1.7rem;
		margin: 0;
	}
	.compare_table .w30 {
		width: 20%;
	}
	.compare_table .w30:nth-of-type(3) {
		width: 35%;
	}
	.compare_table .w40 {
		width: 45%;
	}
	.compare_table tr th {
		padding: 10px 5px;
		font-size: 1.2rem;
	}
	.compare_table tr td {
		padding: 10px;
		font-size: 1.4rem;
	}
	.compare_table tr:first-child th {
		padding: 10px;
	}
	.compare_table b {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.compare_table tr td:nth-of-type(1) {
		font-size: 1.4rem;
	}
}

/* page_timer
-------------------------------------------------------*/
.page_timer {
	font-size: clamp(12px, 4vw, 20px);
	line-height: 1.2;
	padding-top: 1em;
	margin-bottom: 30px;
}
.page_timer.osusume-dis2,
.page_timer.hajimete-dis2{
	background: #f0f0f0;
	margin: 0;
}
.page_timer .inner {
	text-align: center;
	border: solid 2px #195cb7;
	padding: 1em 0 0;
	position: relative;
}
.page_timer .inner h3 {
	font-size: clamp(12px, 4vw, 20px);
	font-weight: bold;
	line-height: 2em;
	white-space: nowrap;
	background-color: #195cb7;
	color: #fff;
	border-radius: 1em;
	padding: 0 10px;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
}
#timer_page_timer span,
#timer_page_timer_2 span,
#timer_page_timer_3 span,
#timer_page_timer_4 span,
.captimer span {
    font-size: clamp(14px, 6vw, 24px);
	font-weight: 700;
	color: #eb6877;
	margin: 0 0.2rem;
}
@media screen and (max-width:768px) {
	.page_timer {
		margin-bottom: 20px;
	}
	.page_timer.hajimete-dis2 {
		padding: 0;
	}
	.page_timer.osusume-dis2{
		padding: 0;
	}
	#timer_page_timer span,
	#timer_page_timer_2 span,
	#timer_page_timer_3 span,
	#timer_page_timer_4 span {
		margin: 0 0.1rem;
	}
}
#page_osusume .page_timer {
	margin: 30px 0;
}
@media screen and (max-width:768px) {
	#page_osusume .page_timer {
		margin: 5px 0 10px;
	}
}
.area0.page_timer_d2 {
	padding: 0 10px;
}
.page_timer_d2 .inner {
	padding-bottom: 30px;
	display: flex;
	box-shadow: 0 1px 0 #fff;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.page_timer_d2 .remaining {
    font-size: clamp(95%, 3.5vw, 140%);
	text-align: center;
    line-height: 40px;
	letter-spacing: -0.1em;
    background-color: #fff;
    border: 3px solid #333;
	border-right: none;
    border-radius: 5px 0 0 5px;
	width: 45%;
    height: 46px;
    box-sizing: border-box;
	position: relative;
}
.page_timer_d2 .remaining p {
	display: inline-block;
	padding: 0;
}
.page_timer_d2 .remaining span {
	color: #eb1920;
	font-weight: 700;
	text-decoration: underline;
}
.page_timer_d2 .remaining::before {
	content: '';
	background: #fff;
	height: 40px;
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	right: -15px;
}
.page_timer_d2 .remaining img {
	vertical-align: middle;
	width: 20px;
	height: 21px;
	margin-right: 0.5em;
}
.page_timer_d2 #timer_page_timer,
.page_timer_d2 #timer_page_timer_2,
.page_timer_d2 #timer_page_timer_3,
.page_timer_d2 #timer_page_timer_4,
.captimer {
    font-size: clamp(95%, 4vw, 140%);
	font-weight: 400;
	line-height: 40px;
    background: #333;
    color: #fff;
    text-align: center;
	border: 3px solid #333;
	border-radius: 0 5px 5px 0;
	width: 55%;
	height: 46px;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
}
.page_timer_d2 #timer_page_timer span,
.page_timer_d2 #timer_page_timer_2 span,
.page_timer_d2 #timer_page_timer_3 span,
.page_timer_d2 #timer_page_timer_4 span,
.captimer span {
	font-size: 120%;
	color: #ff0;
}
@media screen and (max-width:768px) {
	.page_timer_d2 .inner {
		padding-bottom: 13px;
	}
	.page_timer_d2 .remaining::before {
		width: 8px;
		right: -8px;
	}
	.page_timer_d2 .remaining img {
		width: 15px;
		height: 16px;
	}
	.page_timer_d2 #timer_page_timer,
	.page_timer_d2 #timer_page_timer_2,
	.page_timer_d2 #timer_page_timer_3,
	.page_timer_d2 #timer_page_timer_4,
	.captimer {
		padding: 0 0 0 10px;
	}
	.page_timer_d2.u20 {
		padding-bottom: 20px;
	}
}
.page_timer.osusume-dis2 .inner,
.page_timer.hajimete-dis2 .inner,
#search_page .page_timer.hajimete-dis2 .inner{
	border:none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
}
.page_timer.osusume-dis2 .inner h3 {
	background-color: #1737b0;	
}


/* area04
-------------------------------------------------------*/
#area04 {
	margin-bottom: 30px;
}
.card_list {
	background: #e9f8ff;
	padding: 20px 30px;
}
.card_list.orange,
.card_list.url_osusume {
	background: rgb(255, 245, 229);
}
.card_list.white {
	background: #fff;
}
.card_list.gray {
	background: #e6e8e8;
}
.triangle {
	background: #e9f8ff;
}
.triangle div {
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .1));
	&:after {
		content: "";
		display: block;
		background: rgb(255, 245, 229);
		width: 100%;
		height: 75px;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}
}
.card_list .tabs p {
    padding-left: 0;
	padding-right: 0;
	border-radius: 5px;
	margin-bottom: 10px;
}
.card_list .tabs p.active {
    background-color: #9bc97a;
}
.card_list.inactive {
	display: none;
}
.card_list:first-of-type.inactive {
	display: block;
	padding-bottom: 0;
}
.card_list:first-of-type.inactive .tabs p {
	margin-bottom: 0;
}
.card_list:first-of-type.inactive li:last-of-type {
	display: none;
}
.card_list li:not(:last-child) {
	margin: 0 0 30px;
}
.card_list .box {
	background: #fff;
	padding: 20px 20px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.card_list .top_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}
.card_list .top_box dt {
	width: 45%;
}
.card_list .top_box dd {
	width: 52%;
}
#page_osusume-search .card_list .top_box dt {
	width: 50%;
}
#page_osusume-search .card_list .top_box dd {
	width: 47%;
}
.card_list .top_box dd p {
	padding: 0;
	margin: 0 0 0.5rem;
	display: flex;
	align-items: center;
}
.card_list .top_box dd p:last-of-type {
	margin: 0;
}
.card_list .top_box dd p .red {
	font-size: 150%;
	font-weight: 700;
	line-height: 1;
	margin: 0 0.1em;
}
.card_list dd .ttl {
	font-size: 3rem;
	font-weight: 700;
}
.card_list dd .dd_ttl {
	font-size: 1.8rem;
	font-weight: 400;
	color: #fff;
	background-color: #ff9900;
	border-radius: 3px;
	padding: 3px 15px;
	margin-right: 0.5rem;
}
.card_list dd div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 3px;
}
.card_list dd > div > span {
	color: #ccc;
	background-color: #eee;
	border: 1px solid #ccc;
    border-radius: 5px;
	box-sizing: border-box;
	width: calc(50% - 1.5px);
	padding-left: 0.5em;
	margin-bottom: 3px;
}
.card_list dd div span.active {
	font-weight: bold;
	background-color: #009688;
	color: #fff;
	border-color: #009688;
}
.card_list dd div span:nth-of-type(5),
.card_list dd div span:nth-of-type(6) {
	margin-bottom: 0;
}
.card_list dd div span i {
	margin-right: 0.25em;
}
.card_list dd .dd_quant {
	font-size: 2.5rem;
	font-weight: 700;
}
.card_list_table {
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 0 0 20px;
}
.card_list_table.column2,
.card_list_table.column4 {
	table-layout: fixed;
}
.card_list_table tr {
	border-bottom: 1px solid #ccc;
}
.card_list_table th {
	padding: 10px;
	text-align: center;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.2;
	background: #eee;
	vertical-align: middle;
}
.card_list_table tr th:first-of-type {
	min-width: 8em;
}
.card_list_table.column2 tr th {
	font-size: 1.6rem;
	height: 1.8rem;
	padding-right: 0;
	padding-left: 0;
}
.card_list_table.column4 tr th {
	font-size: 1.6rem;
	width: 7.2rem;
	min-width: unset;
	height: calc(1.8rem + 16px);
}
.card_list_table td {
	padding: 10px;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	vertical-align: middle;
}
.card_list_table td.icon01 {
	background: url("../images/osusume/flex_icon01.png")no-repeat center/45px 45px;
}
.card_list_table td.icon02 {
	background: url("../images/osusume/flex_icon02.png")no-repeat center/45px 45px;
}
.card_list_table td.icon03 {
	background: url("../images/osusume/flex_icon03.png")no-repeat center/45x 38px;
}
.card_list_table td.icon04 {
	background: url("../images/osusume/flex_icon04.png")no-repeat center/45px 45px;
}
.card_list_table .iconset {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.card_list_table .ico {
	border-radius: 50%;
	overflow: hidden;
	width: 15%;
	max-width: 40px;
	margin: 0 3px;
}
.card_list_table.column4 .ico {
	width: 20%;
	aspect-ratio: 1 / 1;
	margin: 0 1px;
}
.card_list_table.column4 .ico img {
	vertical-align: baseline;
}
.card_list_table .iconset .caution {
	display: flex;
	align-items: flex-end;
}
.card_list .point_box {
	background: rgba(255, 153, 0, 0.1);
	border-radius: 10px;
	padding: 10px 20px;
	margin: 0 0 30px;
}
.card_list .point_box_ttl {
	background-color: #ff9900;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -10px -20px 10px;
}
.card_list .point_box dl:not(:last-child) {
	margin: 0 0 20px;
}
.card_list .point_box dt {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	padding: 0 0 0 50px;
	margin: 0 0 10px;
}
.card_list .point_box dt::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/new230222/icon_check.png)no-repeat left top/35px 35px;
	width: 35px;
	height: 35px;
	left: 0;
	top: 0;
}
.card_list .point_box dd {
	font-size: 2.4rem;
	font-weight: 500;
}
.card_list li.osusume_ttl {
    margin: 0 auto 30px;
}
.card_list.orange li.osusume_ttl {
    margin: 0 auto 20px;
}
#page_osusume-search .card_list li.osusume_ttl {
    margin: 0 auto 20px;
}
.box .timer_in_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px;
}
.box .timer_in_box .remaining {
	display: flex;
    align-items: center;
	position: relative;
	font-size: 1.5rem;
	padding-left: 25px;
}
.box .timer_in_box .remaining::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/icon_clock.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 21px;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.box .timer_in_box .timerbox {
	width: 230px;
	margin: 0 20px;
}
.timerbox {
	font-size: 1.3rem;
	font-weight: 400;
	background: #1b1b1b;
	color: #fff;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	border-radius: 5px;
}
.timerbox span,
.timer_yellow{
	color: #ff0;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0 0.2rem;
}
.btn_box {
	text-align: center;
	padding: 5px;
}
.btn_box a {
	display: block;
	width: fit-content;
	text-align: center;
	font-size: clamp(1vw, 5.8vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	background: #eb1920;
	border-radius: 10px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);
	padding: 15px 30px;
	position: relative;
	animation: cta-anim 1s infinite;
}
#page_index .btn_box a {
	font-size: clamp(1vw, 5vw, 2.6rem);
}
#page_osusume-search .btn_box {
    padding: 0;
}
#page_osusume-search .btn_box a {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 0;
}
.btn_box a > p {
	font-size: clamp(1vw, 4vw, 1.6rem);
	background: #fff;
	color: #eb1920;
	width: fit-content;
	border-radius: 100px;
	padding: 1px 11px;
	margin: 0 auto 5px;
}
#page_index .btn_box a > p,
#page_osusume-search .btn_box a > p {
	font-size: clamp(1vw, 3.5vw, 1.5rem);
}
.btn_box+.caution {
	margin: 30px 0 0;
}
@media screen and (max-width:768px) {
	.card_list {
		padding: 10px;
	}
	.triangle div {
		&:after {
			height: 50px;
			clip-path: polygon(0 0, 100% 0%, 50% 100%);
		}
	}
	.card_list .box {
		padding: 20px 10px;
	}
	.card_list dd .ttl {
		font-size: 2rem;
		line-height: 1.2;
	}
	.card_list dd .dd_ttl {
		font-size: 1.4rem;
		padding: 2px 5px;
	}
	.card_list dd div span {
		letter-spacing: -0.05em;
		padding-left: 0.2em;
	}
	.card_list dd div span i {
		font-size: 95%;
		margin-right: 0.2em;
	}
	.card_list dd .dd_quant {
		font-size: 1.7rem;
	}
	.card_list_table {
		margin: 0 0 10px;
	}
	.card_list_table th {
		padding: 2px 5px;
		font-size: 1.35rem;
	}
	.card_list_table.column2 tr th {
		font-size: 1.2rem;
		height: 2rem;
	}
	.card_list_table.column4 tr th {
		font-size: 1.2rem;
		width: 4.8rem;
	}
	.card_list_table td {
		padding: 8px 2px;
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.card_list_table td.icon01,
	.card_list_table td.icon02,
	.card_list_table td.icon04 {
		background-size: 40px 40px;
	}
	.card_list_table td.icon03 {
		background-size: 40px 33px;
	}
	.card_list_table.column2 td.icon01,
	.card_list_table.column2 td.icon02,
	.card_list_table.column2 td.icon04 {
		background-size: 35px 35px;
	}
	.card_list_table.column2 td.icon03 {
		background-size: 35px 29px;
	}
	.card_list_table td.red {
		font-size: 2rem;
	}
	.card_list .point_box {
		padding: 10px;
		margin: 0 0 10px;
	}
	.card_list .point_box_ttl {
		font-size: 1.6rem;
		margin: -10px -10px 10px;
	}
	.card_list .point_box dt {
		font-size: 1.6rem;
		padding: 0 0 0 25px;
		margin: 0 0 2px;
	}
	.card_list .point_box dt::before {
		background: url(../images/new230222/icon_check.png)no-repeat left top/20px 20px;
		width: 20px;
		height: 20px;
		left: 0;
		top: 0;
	}
	.card_list .point_box dd {
		font-size: 1.35rem;
		line-height: 1.2;
	}
	.card_list li.osusume_ttl,
	.card_list.orange li.osusume_ttl {
		margin: 0 auto 10px;
	}
	#page_osusume-search .card_list li.osusume_ttl {
		margin: 0 auto 10px;
	}
	.card_list .point_box dl:not(:last-child) {
		margin: 0 0 5px;
	}
	.box .timer_in_box .remaining {
		font-size: 1.3rem;
		padding-left: 17px;
		letter-spacing: -0.1em;
	}
	.box .timer_in_box .remaining::after {
		width: 15px;
		height: 16px;
	}
	.box .timer_in_box .timerbox {
		width: fit-content;
		margin: 0 0 0 0.5rem;
	}
	.timerbox {
		font-size: 1.2rem;
	}
	.timerbox span {
		font-size: 1.6rem;
		margin: 0 0.3rem;
		letter-spacing: normal;
	}
	.btn_box p {
		font-size: 1.8rem;
		padding: 0;
	}
	.btn_box a {
		padding: 10px 15px;
	}
	.btn_box+.caution {
		margin: 20px 0 0;
	}
}


/* top-ranking_2
-------------------------------------------------------*/
.catchphrase_box {
	font-weight: bold;
	text-align: center;
	color: #ff9900;
	background-color: #fff5e5;
	border: solid 1px #ff9900;
	width: 100%;
	margin-bottom: 10px;
}
.catchphrase_box.red {
  color: #FF6868;
  background-color: #FAE4E4;
  border: solid 1px #FF6868;
}
.catchphrase_box:has(.catchphrase_preIcon) {
  padding: 10px;
  display: flex;
  width: auto;
  align-items: center;

  > span:last-of-type {
    text-align: left;
    flex: 1 1 78%;
  }

  .catchphrase_preIcon {
    margin-top: -4px;
    height: auto;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 0;
    width: 22%;
    flex: 1 1 22%;
  }
}
.card_list.design_2 .top_box dd p:not(.ttl) {
	font-size: 2rem;
	font-weight: bold;
}
.card_list.design_2 .top_box dd p:not(.ttl):before {
	content: '';
	display: block;
	width: calc(1em - 2px);
	height: calc(1em - 2px);
	border: 1px solid #ccc;
	margin: 0 0.6em 0 2px;
	position: relative;
}
.card_list.design_2 .top_box dd p:not(.ttl):after {
	content: '';
	clip-path: polygon(40% 60%, 100% 10%, 40% 90%, 0 50%, 13% 35%);
	background-color: #e60012;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
}
.compatibility_box {
	background-color: #9bc97a28;
	border-radius: 10px;
	padding: 10px 20px;
	margin: 0 0 10px;
}
.compatibility_ttl {
	background-color: #9bc97a;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -10px -20px 10px;
}
.compatibility_box p {
	padding: 0;
}
.compatibility_box p:first-of-type {
	font-weight: bold;
	font-size: 160%;
	text-align: center;
	color: #71b036;
	display: flex;
	align-items: center;
	justify-content: center;
}
.compatibility_box p:first-of-type span {
	background: linear-gradient(transparent 70%, #ff0 70%);
	margin: 0 0.5em;
}
.compatibility_box p:first-of-type i {
	margin-bottom: 3px;
}
.compatibility_box p:not(:first-of-type) {
	margin-top: 0.5em;
}
.compatibility_box p:nth-of-type(2) {
	margin-top: 1em;
}
.compatibility_box p:not(:first-of-type) span {
	font-size: 80%;
	margin-left: 2em;
	display: block;
	opacity: 0.75;
}
.listpoint {
	padding: 0 20px;
	margin-bottom: 10px;
}
.listpoint_ttl {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.listpoint_ttl i {
	font-size: 120%;
	vertical-align: -10%;
	margin-right: 0.25em;
}
.listpoint dt {
	display: list-item;
	list-style-type: disc;
	margin-left: 2em;
}
.listpoint dd {
	font-size: 90%;
	line-height: 1.4;
	margin-left: 2em;
	margin-bottom: 0.2em;
}
.red_icon {
	color: #eb192055;
}
.orange_icon {
	color: #facd89;
}
.green_icon {
	color: #00968855;
}
.blue_icon {
	color: #1766af55;
}
.se_kuchikomi_box {
	height: 12em;
    overflow: auto;
	margin-bottom: 10px;
}
@media screen and (max-width:768px) {
	.card_list.design_2 .top_box dd p:not(.ttl) {
		font-size: 1.4rem;
	}
	.card_list.design_2 .top_box dd p:not(.ttl):before {
		margin-right: 0.5em;
	}
	.compatibility_box {
		padding: 10px;
	}
	.compatibility_ttl {
		font-size: 1.6rem;
		margin: -10px -10px 10px;
	}
	.compatibility_box p:first-of-type {
		font-size: 120%;
	}
  .catchphrase_box:has(.catchphrase_preIcon) {
    .catchphrase_preIcon {
      width: 25%;
    }
  }
	.listpoint {
		padding: 0;
	}
}
.box_kuchikomi {
	position: relative;
	z-index: 1;
}
.box_kuchikomi a {
	border: 2px solid #70b037;
	width: 100%;
	height: 12em;
	position: absolute;
	top: 0;
	left: auto;
}
#page_search #area07 .box_kuchikomi a {
	border-width: 1px;
}
.box_kuchikomi a::before {
	content: '';
	background: linear-gradient(transparent, #fff);
	display: block;
	width: 100%;
	height: 9em;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box_kuchikomi a span {
	font-weight: bold;
	line-height: 2;
	text-align: center;
	background-color: #fff;
	color: #70b037;
	border: 2px solid #70b037;
	width: 50%;
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
}
.box_kuchikomi_content {
	display: none;
}
#colorbox .se_kuchikomi_box {
	height: 70vh;
}


/* top-ranking_3
-------------------------------------------------------*/
.step_box {
	margin-bottom: 10px;
}


/* area05
-------------------------------------------------------*/
#area05 .ttl_box {
	background-color: #7ecef4;
	text-align: center;
	padding: 30px 20px;
	margin: 0 0 40px;
}
#area05 .ttl_box .ttl_img img {
	max-width: 601px;
}
#area05 .qa dl {
	font-size: 2.6rem;
	margin: 0 0 40px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 40px;
}
#area05 .qa dl:last-of-type {
	border-bottom: none;
	margin: 0;
}
#area05 .qa dl dt {
	margin: 0 0 20px;
	color: #195cb7;
	font-weight: 700;
}
#area05 .qa dl dt,#area05 .qa dl dd {
	position: relative;
	padding: 0 0 0 70px;
}
#area05 .qa dl dt::after,#area05 .qa dl dd::after {
	position: absolute;
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
}
#area05 .qa dl dt::after {
	background: url(../images/new230222/qa01.png)no-repeat left top/50px 50px;
}
#area05 .qa dl dd::after {
	background: url(../images/new230222/qa02.png)no-repeat left top/50px 50px;
}
#area05 .qa .red {
	font-weight: 700;
}
@media screen and (max-width:768px) {
	#area05 .ttl_box {
		padding: 20px;
		margin: 0 0 30px;
	}
	#area05 .qa dl {
		font-size: 2rem;
		margin: 0 0 30px;
		padding: 0 0 30px;
	}
	#area05 .qa dl dt,#area05 .qa dl dd {
		padding: 0 0 0 50px;
	}
	#area05 .qa dl dt::after,#area05 .qa dl dd::after {
		width: 40px;
		height: 40px;
	}
	#area05 .qa dl dt::after {
		background: url(../images/new230222/qa01.png)no-repeat left top/40px 40px;
	}
	#area05 .qa dl dd::after {
		background: url(../images/new230222/qa02.png)no-repeat left top/40px 40px;
	}
	#area05 .qa dl dd {
		font-size: 1.8rem;
	}
}


/* area06
-------------------------------------------------------*/
#area06 {
	margin-bottom: 30px;
}
h2.content_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(155, 201, 122);
	color: #fff;
	font-size: clamp(12px, 5vw, 40px);
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	padding: 10px 0;
	margin: 0 auto 20px;
}
h2.content_ttl img {
    width: 70px;
    margin-right: 0.5em;
}
#point_new ul li,
#point_3 ul li {
	margin: 0 20px 10px;
}
#point_new .point_box,
#point_3 .point_box {
	position: relative;
	background: #f2fdfc;
	border: solid 3px #009688;
	border-radius: 5px;
	padding: 5px;
	position: relative;
}
#point_new .point_box,
#point_3 .point_box {
	position: relative;
	background: #f2fdfc;
	border: solid 3px #009688;
	border-radius: 5px;
	padding: 5px;
	position: relative;
}
span.box_ttl {
	position: absolute;
	top: 0;
}
span.box_ttl.point_num_img {
	width: 55px;
	filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6));
}
#point_new ul li .box,
#point_3 ul li .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
}
.point_img {
	width: 30%;
	padding-right: 5%;
}
.box_content {
	width: 70%;
	text-align: left;
}
.point_title {
	font-size: 165%;
	font-weight: bold;
	border-bottom: 2px solid #249688;
}
.point_txt {
	font-size: 110%;
}
#point_3 .point_txt + ul li {
	font-size: 110%;
	margin: 0 0 5px 2em;
	list-style-type: initial;
}
@media screen and (max-width: 768px) {
	h2.content_ttl {
		margin-bottom: 10px;
	}
	h2.content_ttl img {
		width: 30px;
	}
	.bg_box, #point_new,
	.bg_box, #point_3 {
		margin-bottom: 30px;
	}
	#point_new ul li .box,
	#point_3 ul li .box {
		padding: 0;
	}
	.point_img {
		padding-right: 2%;
	}
	.point_title {
		font-size: 120%;
		padding-left: 0;
		padding-right: 0;
	}
	.point_txt {
		font-size: 95%;
		padding: 5px 0;
		letter-spacing: -0.2px;
	}
	#point_3 .point_txt + ul li {
		font-size: 95%;
	}
}

span.box_ttl {
	line-height: 30px;
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 10px;
	padding: 0px 5px;
	background: #009688;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}
.point_img {
	transform: scale(0.75) translateY(20px);
}
@media screen and (max-width: 768px) {
	#point_new ul li .box,
	#point_3 ul li .box {
		flex-flow: column;
	}
	.box_content {
		width: 100%;
	}
	.point_img {
		padding: 0;
		transform: scale(1);
	}
	.point_img p {
		padding: 0;
	}
	.point_title br {
		display: none;
	}
}

#saitan_3point {
	margin-bottom: 30px;
}
#saitan_3point img:first-of-type {
	margin-bottom: 10px;
}
#saitan_3point img:last-of-type {
	margin: 0 10px;
	width: calc(100% - 20px);
}

#point_new .point_box summary,
#point_3 .point_box summary {
	display: flex;
	align-items: center;
}
#point_new .point_box:has(summary),
#point_3 .point_box:has(summary) {
	padding-right: 15px;
	padding-left: 15px;
}
#point_new .point_box summary span.box_ttl,
#point_3 .point_box summary span.box_ttl {
	white-space: nowrap;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 0.5em;
}
#point_new .point_box summary .point_title,
#point_3 .point_box summary .point_title {
	border: none;
	flex: 1;
	padding: 0;
	margin-right: 0.5em;
}
#point_new .point_box summary i,
#point_3 .point_box summary i {
	font-size: 150%;
	color: #9bc97a;
}
#point_new .point_box summary i:last-of-type,
#point_3 .point_box summary i:last-of-type {
	display: none;
}
#point_new .point_box details[open] i:first-of-type,
#point_3 .point_box details[open] i:first-of-type {
	display: none;
}
#point_new .point_box details[open] i:last-of-type,
#point_3 .point_box details[open] i:last-of-type {
	display: block;
}
#point_new ul li details .box,
#point_3 ul li details .box {
    flex-flow: unset;
}
#point_new ul li details .point_img,
#point_3 ul li details .point_img {
	padding-right: 0;
}
@media screen and (max-width: 768px) {
	#point_new .point_box:has(summary),
	#point_3 .point_box:has(summary) {
		padding-right: 5px;
		padding-left: 5px;
	}
	#point_new ul li details .box,
	#point_3 ul li details .box {
		margin-top: 5px;
	}
}
#point_new.hajimete-dis2 .point_box,
#point_3.hajimete-dis2 .point_box {
	border-width: 1.5px;
}


/* area06 basic_knowledge
-------------------------------------------------------*/
.content_ttl_css_img_before {
	font-size: clamp(12px, 5vw, 25px);
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	padding: 0;
}
.content_ttl_css_img {
	font-size: clamp(16px, 8vw, 45px);
	font-weight: bold;
	line-height: 1.1;
	text-align: center;	
	color: #009688;
	margin-bottom: 10px;
}
.content_ttl_css_img .outline {
	font-size: 80%;
	color: #fff;
	text-shadow:
		2px  2px 1px #009688,
		-2px  2px 1px #009688,
		2px -2px 1px #009688,
		-2px -2px 1px #009688,
		2px  0px 1px #009688,
		0px  2px 1px #009688,
		-2px  0px 1px #009688,
		0px -2px 1px #009688;
	margin-right: 0.05em;
}


/* area07
-------------------------------------------------------*/
#area07,
#area07_2 {
	margin-bottom: 30px;
}
#area07 .card_list,
#area07_2 .card_list {
    background-color: #9bc97a;
}
#page_search #area07 .card_list .box {
	border: 5px solid rgb(245, 175, 94);
}
#area07 .card_list .box,
#area07_2 .card_list .box {
	background: #fffeee;
}
#area07 .card_list li.osusume_ttl,
#area07_2 .card_list li.osusume_ttl {
	font-size: clamp(12px, 5vw, 40px);
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	text-align: center;
	color: #fff;
	filter: drop-shadow(0 0 1px #000) drop-shadow(0 3px 0 #679b3f);
}
#area07 .card_list .annual_income_ttl {
	font-weight: bold;
	background-color: rgb(245, 175, 94);
	color: #fff;
	text-align: center;
	border-radius: 20px 20px 0 0;
	margin: -25px -25px 10px;
	font-size: clamp(12px, 5vw, 40px);
	font-weight: bold;
	line-height: 1.4em;
	padding: 20px 0;
}
#area07 .card_list .ttl,
#area07_2 .card_list .ttl {
	font-size: 3rem;
	font-weight: 700;
	padding: 0;
}
#area07 .card_list .ttl a,
#area07_2 .card_list .ttl a {
	color: #195cb7;
	text-decoration: underline;
	display: block;
}
#area07 .card_list .top_box,
#area07_2 .card_list .top_box {
	align-items: flex-start;
}
#area07 .card_list .top_box dt,
#area07_2 .card_list .top_box dt {
    width: 30%;
}
#area07 .card_list .top_box dd,
#area07_2 .card_list .top_box dd {
	width: 67%;
}
#area07 .card_list .top_box dt a img,
#area07_2 .card_list .top_box dt a img {
    margin-bottom: 10px;
}
#area07 .card_list .icon-star,
#area07_2 .card_list .icon-star {
	border: 1px solid #333;
}
#area07 .card_list .icon-star p,
#area07_2 .card_list .icon-star p {
	text-align: center;
}
#area07 .card_list .icon-star p:nth-of-type(1),
#area07_2 .card_list .icon-star p:nth-of-type(1) {
	background-color: #333;
	color: #fff;
}
#area07 .card_list .icon-star p:nth-of-type(2),
#area07_2 .card_list .icon-star p:nth-of-type(2) {
	background-color: #fff;
	padding-bottom: 0;
}
#area07 .card_list .icon-star p:nth-of-type(2) span,
#area07_2 .card_list .icon-star p:nth-of-type(2) span {
    font-size: clamp(130%, 4.5vw, 180%);
	line-height: 1;
	letter-spacing: -0.2em;
	white-space: nowrap;
	color: #eee;
	display: inline-block;
	position: relative;
}
#area07 .card_list .icon-star p:nth-of-type(2) span::after,
#area07_2 .card_list .icon-star p:nth-of-type(2) span::after {
	content: '★★★★★';
	white-space: nowrap;
	color: #ffcf32;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}
#area07 .card_list .icon-star p:nth-of-type(3),
#area07_2 .card_list .icon-star p:nth-of-type(3) {
	font-weight: bold;
	color: #ff9900;
	background-color: #fff;
	padding-top: 0;
}
#area07 .card_list_table td,
#area07_2 .card_list_table td {
	background-color: #fff;
}
#area07 .simplepoint,
#area07_2 .simplepoint {
	padding: 0 20px;
	margin-bottom: 10px;
}
#area07 .simplepoint dt,
#area07 .simplepoint dd,
#area07_2 .simplepoint dt,
#area07_2 .simplepoint dd {
	font-size: 115%;
	font-weight: bold;
}
#area07 .simplepoint dt i,
#area07_2 .simplepoint dt i {
	font-size: 115%;
	color: #ff9900;
	margin-right: 0.5em;
	filter: drop-shadow(0 1px 0 #ff9900);
}
@media screen and (max-width: 768px) {
	#area07 .card_list .ttl a,
	#area07_2 .card_list .ttl a {
		font-size: 2rem;
	}
	#area07 .simplepoint,
	#area07_2 .simplepoint {
		padding: 0;
	}
}
#page_search details.listpoint summary {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#page_search details.listpoint summary::after {
	content: '';
	display: inline-block;
	clip-path: polygon(10% 40%, 50% 80%, 90% 40%, 100% 50%, 50% 100%, 0 50%);
	height: 1em;
	aspect-ratio: 1;
	background-color: #333;
	margin-left: 0.5em;
}
#page_search details.listpoint .listpoint {
	background-color: #fff;
	padding: 5px 10px;
	margin: 0 -10px;
}
#area07 .card_list.osusume-dis2,
#area07_2 .card_list.osusume-dis2 {
/*background-color: #1737b0; */
	background-color: rgb(245, 175, 94);
}
#area07 .card_list.osusume-dis2 li.osusume_ttl{
	filter: unset;
	text-shadow: 3px 3px 2px #eb5203, -1px 1px 0 #eb5203, 1px -1px 0 #eb5203, -1px -1px 0 #eb5203;
}
#area07 .card_list.osusume-dis2 li.osusume_ttl span.marker{
	background: linear-gradient(transparent 70%, #fff901 50%);
}
#area07_2 .card_list.osusume-dis2 li.osusume_ttl {
	filter: unset;
}


#area07 .card_list.hajimete-dis2 li.osusume_ttl{
  filter: unset;
  /* text-shadow: 1px 1px 0px #3a4433, 0px 0px 0 #9AC979, 0px 0px 0 #9AC979, 0px 0px 0 #9AC979; */
  text-shadow: 1px 1px 2px #3a4433, 0px 0px 0 #9AC979, 0px 0px 0 #9AC979, 0px 0px 0 #9AC979;
}
#area07 .card_list.hajimete-dis2 li.osusume_ttl span.marker{
	background: linear-gradient(transparent 70%, #fff901 50%);

  > span {
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
    font-size: clamp(12px, 5vw, 40px);
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.05em;
    text-align: center;
    color: #eb5203;
    filter: unset;
  }
}
#area07_2 .card_list.hajimete-dis2 li.osusume_ttl {
	filter: unset;
}
@media screen and (max-width: 768px) {
	#area07 .card_list .annual_income_ttl {
		margin-right: -15px;
		margin-left: -15px;
		padding: 10px 0;
	}
}

/* footer_link
-------------------------------------------------------*/
#footer_link {
	margin-bottom: 15px;
}
#footer_link a {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	background-color: #f2fdfc;
	outline: 1px solid #009688;
	outline-offset: -1px;
	box-shadow: 0 6px #009688;
	border-radius: 1em;
	display: inline-block;
	width: calc(50% - 42px);
	padding: 10px;
	margin: 0 0 16px 15px;
	position: relative;
}
#footer_link a:nth-of-type(even) {
	margin: 0 0 10px 10px;
}
#footer_link a img {
	width: 40px;
	margin-right: 0.5em;
}
@media screen and (max-width:768px) {
	#footer_link a {
		font-size: 1.4rem;
		line-height: 25px;
	}
	#footer_link a img {
		width: 25px;
		margin-right: 0;
	}
}


/* footer_text
-------------------------------------------------------*/
#footer_text {
	margin-bottom: 0;
}
#footer_text .inner {
	font-size: 8pt;
	background-color: #f0f0f0;
	color: #999;
	max-width: 750px;
	padding: 10px;
}

/* sub_footer
-------------------------------------------------------*/
#sub_footer .inner {
	background: #009dfe20;
	padding: 30px 0;
}
#sub_footer ul {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
#sub_footer ul li {
	margin: 0 10px;
}
#sub_footer ul a {
	font-size: 1.4rem;
	color: #195cb7;
}


/* footer
-------------------------------------------------------*/
#footer {
	text-align: center;
	background-color: #195cb7;
	color: #fff;
}
#footer.area {
	padding: 30px 20px;
}
#footer .copy {
	font-size: 75%;
}
@media screen and (max-width:768px) {
}


.top_big {
	font-size: 150%;
	font-weight: bolder;
	color: #ff0000;
	text-decoration: underline;
}

@media screen and (max-width:768px) {
	.top_big {
		font-size: 120%;
	}
	#area04.area0,
	#area05.area0,
	#area06.area0,
	#area07.area0,
	#area07_2.area0 {
		padding: 0px;
	}
	.qa {
		padding: 0px 20px;
	}
	#area03.area {
		padding-left: 0px;
		padding-right: 0px;
	}
	.compare_table_box {
		padding-left: 20px;
		padding-right: 20px;
	}
	#area02.area0 {
		padding: 0px;
	}
	.area02_box {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* page
-------------------------------------------------------*/
#breadcrumb {
	box-sizing: border-box;
	margin-top: 0;
}
#breadcrumb ul {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
#breadcrumb ul li {
	display: inline-block;
	font-size: 11px;
	color: #333;
	padding: 5px;
	box-sizing: border-box;
}
#breadcrumb ul li a {
	color: #333;
}

a.page_btn {
	display: block;
	width: 500px;
	height: auto;
	background: #eb1920;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	padding: 15px 10px 15px;
	margin: 0 auto 30px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 6px #ab0107;
	transition: all 0.2s ease;
	position: relative;
	top: 0;
	animation: cta-anim2 1s infinite;
}
@keyframes cta-anim2 {
	0%, 100% {margin: 0 auto 30px;box-shadow: 0 6px 0 0 #ab0107;}
	40% {margin: 0 auto 30px;box-shadow: 0 6px 0 0 #ab0107;}
	60% {margin: 6px auto 24px;box-shadow: none;}
	70% {margin: 0 auto 30px;box-shadow: 0 6px 0 0 #ab0107;}
	90% {margin: 6px auto  24px;box-shadow: none;}
}
a.page_btn:hover {
	box-shadow: none;
	top: 6px;
	opacity: 1;
}
a.page_btn::before {
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	margin: 0 12px 0 0;
	width: 14px;
	height: 14px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width:768px) {
	a.page_btn {
		font-size: 16px;
		padding: 10px;
		width: 70%;
	}
	a.page_btn::before {
		margin: 0 8px 0 0;
		width: 8px;
		height: 8px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
}

/* page company
-------------------------------------------------------*/
h1.entry-title,
h2.ttl02 {
	background-color: #7ecef4;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0;
}
h1.entry-title {
	margin-top: 0;
}

/* single
-------------------------------------------------------*/
.single_main .inner {
    height: calc(100vh - 120px);
	margin-top: 60px;
	text-align: center;
}
.single_main .inner h2 {
	margin: 40px 0 30px;
	font-size: 20px;
	color: #848484;
}
.single_main img.thums {
	display: block;
	width: 150px;
	height: auto;
	margin: 20px auto;
}
.single_main img.load {
	display: block;
	width: 40px;
	height: auto;
	margin: 20px auto 30px;
}
.single_timer span{
	color: #ff69b4;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	margin: 0 5px;
}
.single_timer p{
	line-height: 1.4;
	padding: 0;
	font-size: 16px;
}
a.oflink {
	color: #ff69b4;
	font-weight: bold;
}

/* search form
-------------------------------------------------------*/
#search_box,
#search_box2 {
	max-width: 750px;
	padding: 0 20px 30px;
	margin: 0 auto;
}
#search_box h2.ttl01,
#search_box2 h2.ttl01 {
	position: relative;
    background: #ffd700;
    padding: 10px 20px;
    margin: 0;
	font-size: 30px;
    font-weight: bold;
    color: #333;
	text-align: center;
    line-height: 1.4;
	border-radius: 20px 20px 0 0;
}
#search_box h2.ttl01:has(> .speech_bubble),
#search_box2 h2.ttl01:has(> .speech_bubble) {
	font-size: clamp(15px, 4.8vw, 30px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.speech_bubble {
	font-size: 16px;
	line-height: 1.2;
	background-color: #00a1f7;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	top: -15px;
	left: -15px;
}
.speech_bubble::after {
	content: "";
	background-color: #00a1f7;
	clip-path: polygon(100% 100%, 0 0, 85% 0);
	width: 20px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	right: 1em;
}
#search_box h2.ttl01::after,
#search_box2 h2.ttl01::after {
	position: absolute;
	display: block;
	content: "";
	border-top: 23px solid #ffd700;
	border-right: 23px solid transparent;
	border-left: 23px solid transparent;
	bottom: -20px;
	right: 50%;
	transform: translate(50%,0);
}
#search_box h2.ttl01:has(> .speech_bubble)::after {
	content: none;
}
#searchTOP,
#searchTOP2,
#searchTOP_dis,
#searchTOP2_dis,
#searchTOP_dis2,
#searchTOP2_dis2,
#searchTOP_students,
#searchTOP2_students {
	background: #f0f0f0;
	border: none;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 40px 30px;
	text-align: left;
}
#search_box .select_box li,
#search_box2 .select_box li {
	background: #fff;
	border-radius: 29px;
	border: 2px solid #d6d6d6;
}
#search_box .select_box li:not(:last-child),
#search_box2 .select_box li:not(:last-child) {
	margin: 0 0 10px;
}
#search_box .select_box li.selected,
#search_box2 .select_box li.selected {
	animation: blinkAnimation 1s ease infinite alternate;
}
@keyframes blinkAnimation {
	0% {
		border: 3px solid #ffd700;
	}
	100% {
		border: 3px solid #f0f0f0;
	}
}
#search_box .select_box li a,
#search_box2 .select_box li a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	padding: 5px 30px;
}
#search_box .select_box li a .ttl,
#search_box2 .select_box li a .ttl {
	font-size: 20px;
	font-weight: 500;
	width: 40%;
}
#search_box .select_box li a .answer,
#search_box2 .select_box li a .answer {
	font-size: 18px;
	font-weight: 500;
	color: #666666;
	width: 60%;
}
#search_box .select_box li a::after,
#search_box2 .select_box li a::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/new230222/icon_select.png)no-repeat center/31px 31px;
	width: 31px;
	height: 31px;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
#search_box .select_box .none,
#search_box2 .select_box .none {
	display: none;
}
#cboxLoadedContent .check {
    font-size: unset;
    font-weight: unset;
    border-bottom: unset;
}
#searchTOP .rentbtn,
#searchTOP2 .rentbtn,
#searchTOP_dis .rentbtn,
#searchTOP2_dis .rentbtn,
#searchTOP_dis2 .rentbtn,
#searchTOP2_dis2 .rentbtn,
#searchTOP_students .rentbtn,
#searchTOP2_students .rentbtn {
	margin: 40px auto 10px;
	text-align: center;
}
#searchTOP .rentbtn button,
#searchTOP2 .rentbtn button,
#searchTOP_dis .rentbtn button,
#searchTOP2_dis .rentbtn button,
#searchTOP_dis2 .rentbtn button,
#searchTOP2_dis2 .rentbtn button,
#searchTOP_students .rentbtn button,
#searchTOP2_students .rentbtn button  {
	appearance: none;
	padding: 10px 10px 10px;
	border: none;
	display: inline-block;
	background-color: #ffd700;
	box-shadow: 0 6px #cbac06;
	line-height: 1;
	color: #333333;
	font-size: 22px;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border-radius: 6px;
	top: 0;
	transition: .2s box-shadow,.2s top,.4s background;
	width: 50%;
	max-width: 340px;
	height: 75px;
	border-radius: 50px;
}
#searchTOP .rentbtn button:hover,
#searchTOP2 .rentbtn button:hover,
#searchTOP_dis .rentbtn button:hover,
#searchTOP2_dis .rentbtn button:hover,
#searchTOP_dis2 .rentbtn button:hover,
#searchTOP2_dis2 .rentbtn button:hover,
#searchTOP_students .rentbtn button:hover,
#searchTOP2_students .rentbtn button:hover  {
	box-shadow: none;
	top: 4px;
	opacity: 1;
}
#colorbox .modal-back {
	color: #aaa;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 5px;
}
#colorbox .modal-submit {
	font-weight: bold;
	text-align: center;
	background-color: #1737b0;
	color: #fff;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	margin-top: 10px;
}
#page_hajimete-dis2 #colorbox .modal-submit {
	background-color: #9bc97a;
}
@media screen and (max-width: 768px){
	#search_box,
	#search_box2 {
		padding: 0 10px 20px;
	}
	#search_box h2.ttl01,
	#search_box2 h2.ttl01 {
		font-size: 18px;
		padding: 10px;
	}
	#search_box2 h2.ttl01:has(> .speech_bubble),
	#search_box h2.ttl01:has(> .speech_bubble) {
		letter-spacing: -0.05em;
		padding: 10px 3px;
	}
	.speech_bubble {
		font-size: 10px;
		padding: 3px;
		top: -13px;
		left: -5px ;
	}
	#search_box h2.ttl01::after,
	#search_box2 h2.ttl01::after {
		border-top: 20px solid #ffd700;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		bottom: -15px;
	}

	#searchTOP,
	#searchTOP2,
	#searchTOP_dis,
	#searchTOP2_dis,
	#searchTOP_dis2,
	#searchTOP2_dis2,
	#searchTOP_students,
	#searchTOP2_students {
		padding: 20px 3px 10px;
	}
	#page_osusume-dis2 #searchTOP_dis2{
		padding: 1em 3px 10px;
	}
	#search_box .select_box li,
	#search_box2 .select_box li {
		border-radius: 22.5px;
	}
	#search_box .select_box li:not(:last-child),
	#search_box2 .select_box li:not(:last-child) {
		margin: 0 0 5px;
	}
	#search_box .select_box li a,
	#search_box_btm .select_box li a,
	#search_box2 .select_box li a {
		padding: 5px 10px;
	}
	#search_box .select_box li a .ttl{
		font-size: 12px;
		width: 48%;
	}
	#search_box2 .select_box li a .ttl {
		font-size: 12px;
		width: 60%;
	}
	#search_box .select_box li a .answer,
	#search_box2 .select_box li a .answer {
		font-size: 12px;
		width: 40%;
	}
	#search_box .select_box li a::after,
	#search_box2 .select_box li a::after {
		background: url(../images/new230222/icon_select.png)no-repeat center/20px 20px;
		width: 20px;
		height: 20px;
		right: 10px;
	}
	#cboxLoadedContent .check {
		font-size: unset;
	}
	#searchTOP .rentbtn,
	#searchTOP2 .rentbtn,
	#searchTOP_dis .rentbtn,
	#searchTOP2_dis .rentbtn,
	#searchTOP_dis2 .rentbtn,
	#searchTOP2_dis2 .rentbtn,
	#searchTOP_students .rentbtn,
	#searchTOP2_students .rentbtn {
		margin: 10px auto 10px;
	}
	#searchTOP .rentbtn button,
	#searchTOP2 .rentbtn button,
	#searchTOP_dis .rentbtn button,
	#searchTOP2_dis .rentbtn button,
	#searchTOP_dis2 .rentbtn button,
	#searchTOP2_dis2 .rentbtn button,
	#searchTOP_students .rentbtn button,
	#searchTOP2_students .rentbtn button {
		font-size: 16px;
		width: 100%;
		max-width: 70%;
		height: 40px;
	}
}

#search_box.hajimete-dis2 h2.ttl01,
#search_box2.hajimete-dis2 h2.ttl01{
	background: #9bc97a;
	color: #fff;
	padding: 15px 0;
	border-radius: 0;
}
#search_box.hajimete-dis2 h2.ttl01::after,
#search_box2.hajimete-dis2 h2.ttl01::after{
	display: none;
}
#search_box.hajimete-dis2 .rentbtn button,
#search_box2.hajimete-dis2 .rentbtn button {
	background-color: #9bc97a;
	color: #fff;
	box-shadow: 0 6px #679b3f;
}
#search_box.hajimete-dis2 .select_box li.selected,
#search_box2.hajimete-dis2 .select_box li.selected {
	animation: blinkAnimationG 1s ease infinite alternate;
}
@keyframes blinkAnimationG {
	0% {
		border: 3px solid #9bc97a;
	}
	100% {
		border: 3px solid #f0f0f0;
	}
}
#search_box.osusume-dis2 h2.ttl01,
#search_box2.osusume-dis2 h2.ttl01{
	background: #1737b0;
	color: #fff;
	padding: 15px 0;
	border-radius: 0;
}
#search_box.osusume-dis2 h2.ttl01::after,
#search_box2.osusume-dis2 h2.ttl01::after{
	display:none;
}
#search_box.osusume-dis2 .rentbtn button,
#search_box2.osusume-dis2 .rentbtn button {
	background-color: #1737b0;
	color: #fff;
	box-shadow: 0 6px #0b1b55;
}
#search_box.osusume-dis2 .select_box li.selected,
#search_box2.osusume-dis2 .select_box li.selected {
	animation: blinkAnimationB 1s ease infinite alternate;
}
@keyframes blinkAnimationB {
	0% {
		border: 3px solid #1737b0;
	}
	100% {
		border: 3px solid #f0f0f0;
	}
}
#search_box.osusume-dis2 h3,
#search_box2.osusume-dis2 h3 {
	background-color: #1737b0;
	color: #fff;
	font-weight: normal;
	letter-spacing: -0.05em;
	text-align: center;
	padding: 2px 0;
	margin: 0;
}
#search_box.osusume-dis2 h3.today,
#search_box.hajimete-dis2 h3.today,
#search_box2 .page_timer.hajimete-dis2 .inner h3.today,
#search_box2 .page_timer.osusume-dis2 .inner h3.today{
	position: static;
	transform: none;
	background: none;
	color: #333;
	font-weight: 600;
	padding:0;
}
#search_box.osusume-dis2 h3 span,
#search_box2.osusume-dis2 h3 span {
	font-size: 90%;
}
#search_box.osusume-dis2 #timer_page_timer_3,
#search_box2.osusume-dis2 #timer_page_timer_3,
#search_box.hajimete-dis2 #timer_page_timer_3,
#search_box2.hajimete-dis2 #timer_page_timer_3,
#search_box.osusume-dis2 #timer_page_timer_4,
#search_box2.osusume-dis2 #timer_page_timer_4,
#search_box.hajimete-dis2 #timer_page_timer_4,
#search_box2.hajimete-dis2 #timer_page_timer_4{
	background: #1b1b1b;
	color: #fff;
	text-align: center;
	width: fit-content;
	padding: 6px 8px;
	margin: 0 8px;
	border-radius: 5px;
}
#search_box.osusume-dis2 #timer_page_timer_3 span,
#search_box2.osusume-dis2 #timer_page_timer_3 span,
#search_box.hajimete-dis2 #timer_page_timer_3 span,
#search_box2.hajimete-dis2 #timer_page_timer_3 span,
#search_box.osusume-dis2 #timer_page_timer_4 span,
#search_box2.osusume-dis2 #timer_page_timer_4 span,
#search_box.hajimete-dis2 #timer_page_timer_4 span,
#search_box2.hajimete-dis2 #timer_page_timer_4 span{
	color: #ffff00;
}
#search_box.osusume-dis2 .rentcheck,
#search_box2.osusume-dis2 .rentcheck {
	text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
	padding: 10px;
    margin: 0 0 10px;
}
#search_box.osusume-dis2 .rentcheck input[type=checkbox],
#search_box2.osusume-dis2 .rentcheck input[type=checkbox] {
	display: none;
}
#search_box.osusume-dis2 .rentcheck input[type="checkbox"] + span,
#search_box2.osusume-dis2 .rentcheck input[type="checkbox"] + span {
	background-color: #1737b0;
	color: #fff;
	border: none;
	border-radius: 0.8em;
	display: inline-block;
	width: calc((100% - 30px) / 3);
	margin: 5px;
}
#search_box.osusume-dis2 .rentcheck input[type="checkbox"]:checked + span,
#search_box2.osusume-dis2 .rentcheck input[type="checkbox"]:checked + span {
	background-color: #fff;
	color: unset;
}
#search_box .select_box li.annual_income div,
#search_box2 .select_box li.annual_income div {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	padding: 5px 30px;
}
#search_box .select_box li div .ttl,
#search_box2 .select_box li div .ttl {
	font-size: 20px;
	font-weight: 500;
	width: 40%;
}
#search_box .select_box li div .answer,
#search_box2 .select_box li div .answer {
	font-size: 18px;
	font-weight: 500;
	color: #666666;
	width: 60%;
}
#search_box .select_box li div .answer span,
#search_box2 .select_box li div .answer span {
	font-size: 135%;
	line-height: 18px;	
}
#search_box .select_box li div:has(.annual_income),
#search_box2 .select_box li div:has(.annual_income) {
	margin-bottom: 10px;
}
#search_box .select_box li div .annual_income,
#search_box2 .select_box li div .annual_income {
	width: 100%;
}
@media screen and (max-width: 768px){
	#search_box.osusume-dis2 h3 {
		margin: 0 5px;
	}
	#search_box.osusume-dis2 h3.today,
	#search_box.hajimete-dis2 h3.today,
	#search_box2.osusume-dis2 h3.today,
	#search_box2.hajimete-dis2 h3.today{
		font-size: 12.5px;
		margin: 0;
		padding: 0;
	}
	#search_box.osusume-dis2 #timer_page_timer_3,
	#search_box.hajimete-dis2 #timer_page_timer_3,
	#search_box2.osusume-dis2 #timer_page_timer_3,
	#search_box2.hajimete-dis2 #timer_page_timer_3,
	#search_box.osusume-dis2 #timer_page_timer_4,
	#search_box.hajimete-dis2 #timer_page_timer_4,
	#search_box2.osusume-dis2 #timer_page_timer_4,
	#search_box2.hajimete-dis2 #timer_page_timer_4{
		font-size: 12.5px;
		margin: 0 0 0 5px;
	}
	#search_box.osusume-dis2 #timer_page_timer_3 span,
	#search_box.hajimete-dis2 #timer_page_timer_3 span,
	#search_box2.osusume-dis2 #timer_page_timer_3 span,
	#search_box2.hajimete-dis2 #timer_page_timer_3 span,
	#search_box.osusume-dis2 #timer_page_timer_4 span,
	#search_box.hajimete-dis2 #timer_page_timer_4 span,
	#search_box2.osusume-dis2 #timer_page_timer_4 span,
	#search_box2.hajimete-dis2 #timer_page_timer_4 span{
		font-size: 13px;
	}
	#search_box.osusume-dis2 .rentcheck {
		padding: 2px;
		margin: 0 5px 5px;
		letter-spacing: -0.05em;
	}
	#search_box .select_box li.annual_income div,
	#search_box2 .select_box li.annual_income div {
		padding: 5px 10px;
	}
	#search_box .select_box li div .ttl,
	#search_box2 .select_box li div .ttl {
		font-size: 12px;
		width: 60%;
	}
	#search_box .select_box li div .answer span,
	#search_box2 .select_box li div .answer span {
		line-height: 12px;	
	}
	#search_box .select_box li div .answer,
	#search_box2 .select_box li div .answer {
		font-size: 12px;
		width: 40%;
	}
}


/* search form 2
-------------------------------------------------------*/
#q_count {
	text-align: center;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#q_count span {
	font-size: 12px;
	font-weight: bolder;
	line-height: 33px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	width: 33px;
	margin-right: 7px;
	position: relative;
}
#q_count span:last-of-type {
	margin-right: 0;
}
#q_count span::before {
	content: "";
	background-color: #fff;
	display: block;
	width: 7px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: -7px;
	transform: translateY(-50%);
}
#q_count span:first-of-type::before {
	content: none;
}
#q_count span.active {
	background-color: #ffd700;
}
#q_count span.active::before {
	background-color: #ffd700;
}
#searchTOP.searchform-2 #form h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	display: none;
	width: 100%;
	margin-bottom: 20px;
}
#searchTOP.searchform-2 #form h3.active {
	display: block;
}
#searchTOP.searchform-2 #form {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
#searchTOP.searchform-2 #form label {
	font-size: clamp(11px, 3vw, 20px);
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	background-color: #fff;
	border: 2px solid #ffd700;
	border-radius: 11px;
	box-sizing: border-box;
	width: 48%;
	position: relative;
	margin-bottom: 1.5vw;
}
#searchTOP.searchform-2 #form label::after,
#cat_dum_btn::after {
	content: "";
	clip-path: polygon(30% 0%, 60% 0, 100% 50%, 60% 100%, 30% 100%, 70% 50%);
	height: 12px;
	aspect-ratio: 1;
	background-color: #ffd700;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
}
#searchTOP.searchform-2 #form input:checked + label {
	background-color: #ffe566;
}
#searchTOP.searchform-2 #form input[name="how_old"] + label {
	width: 23.5%;
}
#searchTOP.searchform-2 #form input[type=checkbox] {
	display: none;
}
#searchTOP.searchform-2 #form input[name="cat[]"] + label {
	background-color: #ffe566;
}
#searchTOP.searchform-2 #form input[name="cat[]"]:checked + label {
	background-color: #fff;
}
.spacer {
	width: 100%;
}
#select_back,
#select_back + button {
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 0;
	display: none;
}
#select_back {
	background-color: #fff;
	border: 2px solid #d6d6d6;
	width: 80%;
}
#select_back + button {
	font-size: 2rem;
	font-weight: bold;
	background-color: #eb1920;
	border: 2px solid #eb1920;
	color: #fff;
	width: 53%;
}
#select_back.active + button.active {
	margin-right: 10%;
}
#select_back.active,
#select_back + button.active {
	display: block;	
}
#select_back.active:has(+ button.active) {
	width: 25%;
	margin-left: 10%;
	margin-right: 2%;
}
#cat_dum_btn {
	font-size: clamp(11px, 3vw, 20px);
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	background-color: #fff;
	border: 2px solid #ffd700;
	border-radius: 11px;
	box-sizing: border-box;
	width: 48%;
	position: relative;
	margin-bottom: 1.5vw;
}
@media screen and (max-width: 768px){
	#q_count {
		margin-bottom: 5px;
	}
	#searchTOP.searchform-2 #form h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	#searchTOP.searchform-2 #form label::after {
		height: 7px;
		right: 3px;
	}
	#searchTOP.searchform-2 {
		padding-top: 10px;
	}
	#searchTOP.searchform-2 #form label,
	#cat_dum_btn {
		line-height: 40px;
	}
	#select_back,
	#select_back + button {
	margin-top: calc(10px - 1.5vw);
	}
	#select_back + button {
		font-size: 1.4rem;
	}
}

/* search
-------------------------------------------------------*/
#search_page .inner {
    padding-top: 10px;
}
.after_box {
	padding: 0;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	margin: 0 10px 10px;
	background: #fff;
}
.after_box.hajimete-dis2,
.after_box.osusume-dis2{
	border: none;
	margin: 0;
}
.after_box h1 {
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	background: #e2f3fb;
	border-bottom: 1px solid #dcdcdc;
	border-radius: 10px 10px 0 0;
	padding: 20px;
	margin: 0 0 20px;
}
.after_box.hajimete-dis2 h1,
.after_box.osusume-dis2 h1{
	font-size: 22px;
	background: none;
	margin: 0 5px 0 5px;
	border-bottom: none;
	padding: 10px;
}
.after_box h1 span {
	font-size: 24px;
	color: #ff0000;
	font-weight: bold;
	margin: 0 10px 0 5px;
}
.after_box .box_in {
	padding: 0 30px;
}
.after_box .box_in .top {
	padding: 0 0 20px;
	display: flex;
}
.after_box .box_in .top dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.after_box .box_in .top dl:not(:last-of-type) {
	margin-right: 0.5em;
}
.after_box .box_in .top dl dt {
	font-weight: 700;
	color: #1766af;
}
.after_box .box_in .mid {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
}
.after_box .btn_red {
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	position: relative;
	top: 0;
	color: #333;
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	border: 1px solid #d6d6d6;
	border-radius: 10px;
	width: 200px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s box-shadow,.2s top,.4s background;
}
.after_box .btn_red .fas {
	position: relative;
	right: -10px;
}
.order_change_pull {
	display: flex;
	margin-left: 20px;
}
.order_change_pull .ttl {
	flex-shrink: 0;
}
.order_change_pull select {
	appearance: menulist;
    border: 1px solid #52526b;
    background: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 5px;
    margin: 0;
    width: 99%;
    font-size: 16px;
    transform: scale(0.9);
}
.search section {
	background: none;
	margin-bottom: 0;
}
.search section.search_content {
	margin-bottom: 10px;
}
.after_box .search_link{
	display: flex;
	justify-content: flex-end;
	padding: 0 10px;
}
.after_box .search_link a{
	text-decoration: underline;
	color: #1766af;
	font-weight: 600;
	position: relative;
}
.after_box .search_link a::before{
	background: #1766af;
	height: 10px;
	width: 15px;
	left: -10px;
	content: "";
	position: absolute;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	top: 50%;
	transform: translate(-50%, -50%);
}
#search_page .result_ex {
	background: #e2f3fb;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
	margin: 0 10px 10px;
	position: relative;
}
#search_page .result_ex span {
	padding-left: 10px;
	position: relative;
}
#search_page .result_ex span::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 2.5px);
	left: -10px;
	width: 10px;
	height: 5px;
	border-left: 5px solid #195cb7;
	border-bottom: 5px solid #195cb7;
	transform: translateY(-50%) rotate(-45deg);
}
#no_list {
	padding: 0 10px 0;
}
@media screen and (max-width: 768px){
	#search_page .inner {
		padding-top: 0;
	}
	#search_page .page_timer .inner {
		padding-top: 1em;
	}
	.after_box {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.after_box h1 {
		font-size: 16px;
		padding: 10px;
		margin: 0 0 10px;
	}
	.after_box .box_in {
		padding: 0 10px;
	}
	.after_box .box_in .top {
		align-items: flex-start;
		justify-content: flex-start;
		flex-flow: wrap;
		padding-bottom: 10px;
		margin: 0;
	}
	.after_box .box_in .top dl:not(:last-child) {
		margin: 0 10px 0 0;
	}
	.after_box .box_in .mid {
		flex-flow: wrap;
		align-items: flex-end;
		justify-content: center;
		margin: 0 0 10px;
	}
	.after_box .btn_red {
		font-size: 12px;
		width: 140px;
		height: 28px;
	}
	.order_change_pull {
		margin-top: 5px;
		position: relative;
	}
	.order_change_pull:after {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		margin: 0 10px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
		position: absolute;
		top: calc(50% - 3px);
		right: 0;
	}
	.order_change_pull p {
		padding: 0px;
		padding-top: 3px;
	}
	.order_change_pull select {
		font-size: 12px;
		-webkit-appearance: none;
		height: 28px;
		width: calc(7em + 10px);
	}
	#search_page .result_ex {
		padding: 10px;
	}
	.search section {
		margin-bottom: 0;
	}
}
.after_box.osusume-dis2 h1 span,
.after_box.hajimete-dis2 h1 span {
	font-size: 150%;
	margin: 0 5px 0 5px;
}
.after_box.hajimete-dis2 .annual_income {
	font-size: 120%;
	color: #1766af;
	text-align: center;
}
.after_box.hajimete-dis2 .annual_income p {
	background-color: #1766af;
	color: #fff;
	border-radius: 1.6em;
	margin-bottom: 12px;
	position: relative;
}
.after_box.hajimete-dis2 .annual_income p::after {
    content: "";
    display: block;
    clip-path: polygon(0 0, 100% 0, 50% 86.6%);
    height: 13px;
    aspect-ratio: 1;
    background-color: #1766af;
    position: absolute;
    right: 50%;
    bottom: -12px;
    transform: translateX(-50%);
}
.after_box.hajimete-dis2 .annual_income span {
	font-size: 200%;
	font-weight: bold;
	color: #ff9900;
	border-radius: 1.6em;
}
.annual_income_recommend{
    font-size: 120%;
    text-align: center;
    color: #1766af;
}
.annual_income_recommend  span.tryangle {
	display: inline-block;
	background-color: #1766af;
	width: 9vw;
	height: 3vw;
	max-width: 45px;
	max-height: 15px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: relative;
	margin: 0 1vw;
}
.after_box.hajimete-dis2 .search_page_ttl h1 {
	border: none;
	margin: 0;
}
.after_box.hajimete-dis2 .search_page_ttl .order_change_pull {
	margin: 0;
}
.after_box.osusume-dis2 .box_in .top,
.after_box.hajimete-dis2 .box_in .top {
	flex-flow: wrap;
}
#page_search #area07 .card_list {
	background-color: transparent;
}
@media screen and (max-width: 768px) {
	.after_box.hajimete-dis2 .search_page_ttl .order_change_pull select {
		width: calc(9em + 10px);
	}
}


/* search list
-------------------------------------------------------*/
.se_kuchikomi {
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	margin: 0 0 15px;
	background: #e9f8ff;
}
.se_kuchikomi_ttl {
	position: relative;
	font-size: 120%;
	line-height: 1;
	background: #fff;
	border-radius: 10px;
	padding: 10px 0 10px 30px;
	margin: 0 0 5px 20px;
}
.se_kuchikomi_ttl::before {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/kuchikomi_icon.png);
	background-size: 40px 40px;
	left: -20px;
	top: 0px;
}
.se_kuchikomi_ttl span::after {
	content: " | ";
}
.se_kuchikomi_ttl span:last-of-type::after {
	content: "";
}
.se_kuchikomi .txt {
}
#search_page .pagination {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 10px 0 0;
}
#search_page .pagination li {
	border: 1px solid #dcdcdc;
	width: 40px;
	height: 40px;
	margin: 0 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 120%;
}
#search_page .pagination li a {
	display: block;
	width: 100%;
	line-height: 40px;
	text-align: center;
}
#search_page .pagination li.current {
	background: #195cb7;
	color: #fff;
	border: 1px solid #195cb7;
}
@media screen and (max-width: 768px){
	.se_kuchikomi_ttl {
		font-size: 98%;
		padding-left: 25px;
		margin-bottom: 7px;
	}
	.se_kuchikomi {
		font-size: 90%;
		padding: 10px;
		margin: 0 0 10px;
	}
	.se_kuchikomi .txt {
		line-height: 1.4;
	}
}


/* comparison
-------------------------------------------------------*/
.area0.comparison {
	padding: 0;
	margin-bottom: 30px;
}
.area0.comparison .content_ttl {
	background-color: #ff9900;
}
.area0.comparison h2.content_ttl img {
    width: 85px;
	margin-right: 1em;
}
.tabs {
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	font-size: clamp(12px, 4vw, 24px);
}
.tabs p {
	background-color: #009dfe20;
	font-weight: bold;
	text-align: center;
	border-radius: 5px 5px 0 0;
	margin-right: 5px;
	border: solid 1px rgba(255, 153, 0, 0.1);
	box-sizing: border-box;
	border-bottom: none;
	min-width: 55px;
	flex-grow: 1;
	width: calc((100% - 10px) / 3 );
}
.tabs p:last-of-type {
	margin-right: 0;
}
.tabs p.active {
	line-height: 1.8;
	background-color: #009dfe;
	color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.area0.comparison h2.content_ttl img {
		width: 40px;
	}
	.tabs p {
		margin-right: 3px;
	}
	.tabs p:last-of-type {
		margin-right: 0;
	}
}
.comparison .info {
	font-weight: bold;
	width: 100%;
	height: 100%;
	border: 10px solid #009dfe;
	display: none;
}
.comparison .info.active {
	display: table;
}
.comparison .info th {
	font-size: clamp(10px, 2.5vw, 18px);
	background: #f0f0f0;
	border: 1px solid #dcdcdc;
	vertical-align: middle;
	padding: 20px;
}
.comparison .info td {
	font-size: clamp(11px, 2.5vw, 18px);
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dcdcdc;
	height: 100%;
	padding: 8px 5px;
}
.comparison .info td p.no1 {
	font-weight: normal;
	background-color: #eb6877;
	color: #fff;
	border-radius: 5px;
	height: 1.2em;
	padding: 2px 0;
	margin-bottom: 0.3em;
	animation: blink 1.5s ease-in-out infinite alternate;
}
@keyframes blink{
	0% {opacity:1;}
	10% {opacity:0;}
	20% {opacity:1;}
}
.comparison .info td p {
	font-weight: bold;
	height: calc(50% - 13px);
	padding: 0;
}
.comparison .info td p span {
	font-weight: bold!important;
	display: inline-block;
}
.info td.icon01 {
	background: url("../images/new230222/table_icon01.png")no-repeat center/52px 52px;
}
.info td.icon02 {
	background: url("../images/new230222/table_icon02.png")no-repeat center/52px 52px;
}
.info td.icon03 {
	background: url("../images/new230222/table_icon03.png")no-repeat center/52px 43px;
}
.info td.icon04 {
	background: url("../images/new230222/table_icon04.png")no-repeat center/52px 52px;
}
.comparison .info td:nth-of-type(1) {
	width: 27%;
	padding: 30px 20px;
}
.comparison .info td:nth-of-type(2),
.comparison .info td:nth-of-type(3),
.comparison .info td:nth-of-type(4) {
	background-position: 50% calc(50% - 20px);
	padding: 0;
	vertical-align: bottom;
	width: 17%;
}
.comparison .info td:nth-of-type(5) {
	width: 22%;
	padding: 30px 20px;
}
.comparison .info td:nth-of-type(5) a {
	font-size: 120%;
	background: #eb1920;
	color: #fff;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	aspect-ratio: 1.618 / 1;
	position: relative;
	top: -3px;
	animation: cta-anim 1s infinite;
}
#point_new + .comparison,
#search_box + .comparison {
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	.area0.comparison {
		margin-bottom: 20px;
	}
	.comparison .info th {
		padding: 0;
	}
	.comparison .info td {
		padding-right: 3px;
		padding-left: 3px;
	}
	.info td.icon01,
	.info td.icon02,
	.info td.icon04 {
		background-size: 30px 30px;
	}
	.info td.icon03 {
		background-size: 30px 25px;
	}
	.comparison .info td:nth-of-type(2),
	.comparison .info td:nth-of-type(3),
	.comparison .info td:nth-of-type(4) {
		background-position: 50% calc(50% - 10px);
	}
	.comparison .info td:nth-of-type(1),
	.comparison .info td:nth-of-type(5) {
		padding: 8px 5px;
	}
	.comparison .info td:nth-of-type(5) a {
		box-shadow: 0 3px 0 0 rgba(0, 0, 0, .25);
	}
}

.column_table {
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.column_table p {
	font-family: 'Noto Sans JP',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 62px;
	position: relative;
}
.column_table p span span {
	display: inline-block;	
}
.column_table p:nth-of-type(20),
.column_table p:nth-of-type(30),
.column_table p:nth-of-type(40) {
	padding: 10px;
}
.column_table p a.flex_table_btn {
    display: block;
    text-align: center;
    font-size: clamp(1vw, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: #eb1920;
    border-radius: 10px;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, .25);
    width: 100%;
    padding: 10px 0px;
    position: relative;
    animation: cta-anim 1s infinite;
}
.column_table p:nth-of-type(-n+10) {
	background-color: #f0f0f0;
}
.column_table p:nth-child(1) { order: 1; }
.column_table p:nth-child(11) { order: 2; align-items: start; }
.column_table p:nth-child(21) { order: 3; align-items: start; }
.column_table p:nth-child(31) { order: 4; align-items: start; }
.column_table p:nth-child(2) { order: 5; }
.column_table p:nth-child(12) { order: 6; }
.column_table p:nth-child(22) { order: 7; }
.column_table p:nth-child(32) { order: 8; }
.column_table p:nth-child(3) { order: 9; }
.column_table p:nth-child(13) { order: 10; }
.column_table p:nth-child(23) { order: 11; }
.column_table p:nth-child(33) { order: 12; }
.column_table p:nth-child(4) { order: 13; }
.column_table p:nth-child(14) { order: 14; }
.column_table p:nth-child(24) { order: 15; }
.column_table p:nth-child(34) { order: 16; }
.column_table p:nth-child(5) { order: 17; }
.column_table p:nth-child(15) { order: 18; }
.column_table p:nth-child(25) { order: 19; }
.column_table p:nth-child(35) { order: 20; }
.column_table p:nth-child(6) { order: 21; }
.column_table p:nth-child(16) { order: 22; }
.column_table p:nth-child(26) { order: 23; }
.column_table p:nth-child(36) { order: 24; }
.column_table p:nth-child(7) { order: 25; }
.column_table p:nth-child(17) { order: 26; }
.column_table p:nth-child(27) { order: 27; }
.column_table p:nth-child(37) { order: 28; }
.column_table p:nth-child(8) { order: 29; }
.column_table p:nth-child(18) { order: 30; }
.column_table p:nth-child(28) { order: 31; }
.column_table p:nth-child(38) { order: 32; }
.column_table p:nth-child(9) { order: 33; }
.column_table p:nth-child(19) { order: 34; }
.column_table p:nth-child(29) { order: 35; }
.column_table p:nth-child(39) { order: 36; }
.column_table p:nth-child(10) { order: 37; }
.column_table p:nth-child(20) { order: 38; background-color: rgb(255 247 131 / 17%);}
.column_table p:nth-child(30) { order: 39; }
.column_table p:nth-child(40) { order: 40; }
.column_table p:nth-of-type(-n+10) {
	width: 13%;
}
.column_table p:nth-of-type(n+11) {
	width: 29%;
}
.column_table p.icon01 {
	background: url("../images/osusume/flex_icon01.png")no-repeat center/52px 52px;
}
.column_table p.icon02 {
	background: url("../images/osusume/flex_icon02.png")no-repeat center/52px 52px;
}
.column_table p.icon03 {
	background: url("../images/osusume/flex_icon03.png")no-repeat center/52px 43px;
}
.column_table p.icon04 {
	background: url("../images/osusume/flex_icon04.png")no-repeat center/52px 52px;
}
@media screen and (max-width: 768px) {
	.column_table p {
		font-size: 13px;
		min-height: 60px;
	}
	.column_table p:nth-of-type(-n+10) {
	    font-size: 11px;
		padding: 1%;
	}
	.column_table p:nth-child(11),
	.column_table p:nth-child(21),
	.column_table p:nth-child(31) {
		font-size: 11px;
	}
	.column_table p:nth-of-type(20),
	.column_table p:nth-of-type(30),
	.column_table p:nth-of-type(40) {
		padding: 5px;
	}
	.column_table p.icon01,
	.column_table p.icon02,
	.column_table p.icon04 {
		background-size: 44px 44px;
	}
	.column_table p.icon03 {
		background-size: 44px 37px;
	}
}

.column_table .hikaku-ribbon,
.column_table.item2 .hikaku-ribbon {
	color: #fff;
	background: #2196f3;
	border-radius: 30px;
	animation: flash 3s linear infinite;
	font-weight: bolder;
	font-size: 120%;
	padding: 3px 6px;
	display: inline-block;
	margin-bottom: 5px;
}
.column_table .hikaku-ribbon.hidden,
.column_table.item2 .hikaku-ribbon.hidden {
	opacity: 0;
	visibility: hidden;
}
@keyframes flash {
	0% {opacity: 1;}
	10% {opacity: 0;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	100% {opacity: 1;}
}

/* column_table.item2 */
.column_table.item2 p:nth-of-type(-n+10){
	width: 20%;
}
.column_table.item2 p:nth-of-type(n+11){
	width: 40%;
}
.column_table p:nth-child(11),
.column_table p:nth-child(13),
.column_table p:nth-child(14),
.column_table p:nth-child(15),
.column_table p:nth-child(16),
.column_table p:nth-child(17),
.column_table p:nth-child(18),
.column_table p:nth-child(19)
{
	background-color: rgb(255 247 131 / 17%);
}

.area0.comparison.hajimete-dis2 {
	margin-bottom: 39px;
}
@media screen and (max-width: 768px) {
	.area0.comparison.hajimete-dis2 {
		margin-bottom: 26px;
	}
}


/* caution
-------------------------------------------------------*/
.area0.area_caution {
	padding: 0;
	margin-bottom: 30px;
}
.area0.area_caution details {
	max-width: 900px;
	margin: 0 auto 30px;
	position: relative;
}
.area0.area_caution details summary {
	display: block;
	list-style: none;
	padding-bottom: calc(1em * 1.6 + 10px);
}
.area0.area_caution details summary::-webkit-details-marker {
	display:none;
}
.area0.area_caution details summary p:first-of-type {
	font-size: 150%;
	font-weight: bold;
	background: #ffd700;
	color: #009688;
	border: solid 1px #333;
	border-radius: 10px 0;
	padding-left: 1em;
}
.area0.area_caution details ul {
	font-size: 11px;
	padding: 10px 10px 10px 1.25em;
	margin-left: 10px;
}
.area0.area_caution details ul li {
	text-indent: -1.25em;
}
.area0.area_caution details ul li::before {
	content: "※";
	margin-right: 0.25em;
}
.area0.area_caution details[open] > summary,
.area0.area_caution details[open] > summary > ul {
	padding-bottom: 0;
}
.area0.area_caution details[open] > ul {
	padding-top: 0;
	padding-bottom: calc(1em * 1.6 + 30px);
}
.area0.area_caution details summary p.all_view_btn {
	font-weight: bold;
	background-color: #ff9900;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.area0.area_caution details summary p.all_view_btn::after {
	content: "すべて見る";
	font-size: 13px;
}
.area0.area_caution details[open] summary p.all_view_btn::after {
	content: "閉じる";
}
@media screen and (max-width: 768px) {
	.area0.area_caution details summary p:first-of-type {
		font-size: 120%;
	}
}


/* simple-ranking
-------------------------------------------------------*/
.area0.simple-ranking {
	padding: 0;
	margin-bottom: 30px;
}
.area0.simple-ranking .ttl {
	font-size: clamp(12px, 5vw, 25px);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: 0;
}
.area0.simple-ranking .ttl h2 {
	font-size: clamp(14px, 6.5vw, 40px);
	color: #ff9900;
    margin-bottom: 10px;
}
.area0.simple-ranking .tabs p {
    background-color: #fff5e5;
}
.area0.simple-ranking .tabs p.active {
    background-color: #ff9900;
}
.area0.simple-ranking .rank {
	border: 10px solid #ff9900;
	display: none;
}
.area0.simple-ranking .rank.active {
	display: block;
}
.area0.simple-ranking a {
	font-size: clamp(16px, 5vw, 22px);
	font-weight: bold;
    line-height: 35px;
	border-bottom: 1px solid #dcdcdc;
	display: flex;
	padding: 10px;
}
.area0.simple-ranking a:last-of-type {
	border-bottom: none;
}
.area0.simple-ranking a i {
	font-size: 110%;
    line-height: 35px;
	margin-right: 10px;
}
.area0.simple-ranking a:nth-of-type(1) i {
	color: #dbb400;
}
.area0.simple-ranking a:nth-of-type(2) i {
	color: #9fa0a0;
}
.area0.simple-ranking a:nth-of-type(3) i {
	color: #c47022;
}
.area0.simple-ranking a span {
	font-size: 80%;
    background-color: #eb1920;
    color: #fff;
    border-radius: 6px;
	width: 6em;
	margin-left: auto;
    padding-left: 1em;
	position: relative;
}
.area0.simple-ranking a span::after {
    content: "";
    display: block;
    clip-path: polygon(0 0, 86.6% 50%, 0 100%);
    height: 13px;
    aspect-ratio: 1;
    background-color: #fff;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	.area0.simple-ranking a {
		padding: 5px;
	}
	.area0.simple-ranking a span {
		width: 7em;
		padding-left: 0.25em;
	}
	.area0.simple-ranking a span::after {
		height: 9px;
		right: 0.1em;
	}
}
.area0.simple-ranking.hajimete-dis2 {
    margin-bottom: 39px;
}
.area0.simple-ranking.hajimete-dis2 .ttl h2 {
	color: #9bc97a;
}
.area0.simple-ranking.hajimete-dis2 .tabs p.active {
    background-color: #9bc97a;
}
.area0.simple-ranking.hajimete-dis2 .rank {
    border: 10px solid #9bc97a;
}
.area0.simple-ranking.hajimete-dis2 .tabs p {
    background-color: #f1f7ec;
}
.area0.simple-ranking.osusume-dis2 .ttl h2 {
	color: #1737b0;
}
.area0.simple-ranking.osusume-dis2 .tabs p.active {
	background-color: #1737b0;
}
.area0.simple-ranking.osusume-dis2 .rank {
	border: 10px solid #1737b0;
}
.area0.simple-ranking.osusume-dis2 .tabs p {
	background-color: #e8ecfb;
}
.area0.simple-ranking.osusume-dis2 a span,
.area0.simple-ranking.hajimete-dis2 a span {
    font-size: 75%;
	font-weight: normal;
    background-color: transparent;
	color: #aaa;
}
.area0.simple-ranking.osusume-dis2 a span::after,
.area0.simple-ranking.hajimete-dis2 a span::after {
	background-color: #aaa;
}


/* simple-ranking 追従バナー
-------------------------------------------------------*/
.nav {
	display: none;
}
@media screen and (max-width: 768px) {
	.nav {
		display: block;
		position: fixed;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.75);
		z-index: 1000;
	}
	.nav.is-fixed {
		opacity: 1;
		visibility: visible;;
	}
	.nav a {
		color: #fff;
		font-size: initial;
		line-height: 1.6;
		display: flex;
		align-items: center;
	}
	.nav img {
		width: 70px;
		margin: 5px;
		float: left;
	}
	.nav a div div:nth-of-type(1) {
		color: #ffd700;
	}
	.nav a div div:nth-of-type(2) {
		font-size: larger;
		font-weight: bold;
		text-decoration: underline;
	}
}


/* three_point
-------------------------------------------------------*/
.area0.three_point {
	padding: 0;
	margin-bottom: 30px;
}
.area0.three_point .inner > img:first-of-type{
	margin: 0 20px 25px;
	width: calc(100% - 40px);
}
.area0.three_point .point_img {
	transform: scale(0.75) translateY(20px);

}
.area0.three_point .point_box.gr span.box_ttl {
	line-height: 30px;
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 10px;
	padding: 0px 5px;
	background: #009688;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}
.area0.three_point #point_new ul li:not(:last-child) {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.area0.three_point .inner > img:first-of-type {
		margin-bottom: 10px;
	}
	.area0.three_point #point_new ul li .box {
		flex-flow: column;
	}
	.area0.three_point .point_img {
		transform: scale(1);
	}
	.area0.three_point .box_content {
		width: 100%;
	}
	.area0.three_point .point_title {
		font-size: 115%;
	}
}


/* shindan
-------------------------------------------------------*/
.shindan {
	margin-bottom: 30px;
}
.shindan h2.content_ttl {
	letter-spacing: -0.05em;
}
.shindan_search_area {
    background: #f0f0f0;
    text-align: center;
    padding: 10px;
    margin: 0 20px 10px;
}
.shindan_search_area .search_block {
	font-size: clamp(1em, 4.5vw, 1.5em);
	font-weight: bold;
	display: flex;
	justify-content: center;
	margin-bottom: 0.5em;
}
.shindan_search_area .search_block p {
	width: 8em;
}
.shindan_search_area input {
	font-size: 110%;
	width: 5em;
	border: 3px solid #9bc97a;
	border-radius: 5px;
}
#shindan_btn {
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	background-color: #9bc97a;
	box-shadow: 0 6px #679b3f;
	line-height: 75px;
	color: #fff;
	cursor: pointer;
	transition: .2s box-shadow,.2s top,.4s background;
	width: 50%;
	max-width: 340px;
	border-radius: 50px;
	position: relative;
	top: 0;
	margin-bottom: 10px;
}
#shindan_btn:hover {
	box-shadow: none;
	top: 4px;
}
.shindan_result_none,
.top_result {
	border-top: 3px dashed #fff;
	padding-top: 10px;
	margin: 0 -6px;
}
.top_result {
	font-size: 120%;
}
.top_result span {
	font-size: 200%;
	font-weight: bold;
}
.btm_result .osusume_ttl {
	font-size: 120%;
	text-align: center;
}
.btm_result .osusume_ttl span.green {
	font-size: 120%;
	font-weight: bold;
	color: #9bc97a;
}
.btm_result .osusume_ttl span.tryangle {
	display: inline-block;
	background-color: #9bc97a;
	width: 9vw;
	height: 3vw;
	max-width: 45px;
	max-height: 15px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: relative;
	margin: 0 1vw;
}
.shindan_nav {
	display: none;
	width: 75px;
	height: 75px;
	background: #9bc97a;
	border: solid 3px #fff;
	border-radius:100%;
	bottom: 93px;
	right: 5px;
	z-index: 1000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.shindan_nav.is-fixed {
	display: block;
	position: fixed;
}
.shindan_nav div {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.1;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.shindan_nav::after {
	content: "";
	display: block;
	color: #fff;
	line-height: 1;
	width: 10px;
	height: 10px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translate(-50%, -50%) rotate(135deg);
	position: absolute;
	bottom: 3px;
	left: 50%;
}
@media screen and (max-width: 768px) {
	#shindan_btn {
		font-size: 16px;
		width: 100%;
		max-width: 70%;
		line-height: 40px;
	}
}


/* browser_back_modal
-------------------------------------------------------*/
.is-flex {
	display: flex !important;
}
#browser_back_modal {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	display: none;
	z-index: 999;
}
#browser_back_modal p {
	padding: 0;
}
#browser_back_modal .box {
	max-width: 800px;
	width: 100%;
	height: auto;
	background-color: #eb1920;
	border-radius: 20px;
	position: relative;
	padding: 3px;
	margin: 20px;
}
#browser_back_modal .box .ttl {
	text-align: center;
	color: #fff;
	font-size: 140%;
	font-weight: 700;
	padding: 10px 0;
}
#browser_back_modal .box .txt {
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	font-size: 110%;
	line-height: 1.4;
	text-align: center;
	box-shadow: 0 1px 0 #fff;
	padding: 10px 0;
}
#browser_back_modal .box .txt span {
	color: #0074e8;
	font-size: 130%;
}
#browser_back_modal .box .mid_ttl {
	background-color: #fff;
	color: #eb1920;
	text-align: center;
	box-shadow: 0 1px 0 #fff;
	font-size: 140%;
	font-weight: 700;
}
#browser_back_modal .box .box_in {
	background: #fff;
	border-top: 3px dashed #dcdcdc;
	border-bottom: 3px dashed #dcdcdc;
	padding: 10px 0;
	box-shadow: 0 1px 0 #fff;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
}
#browser_back_modal .box .box_in .img {
	width: 40%;
	padding-right: 30px;
}
#browser_back_modal .box .box_in .txt_box {
	width: 60%;
}
#browser_back_modal .box .box_in .txt_box a {
	font-size: 200%;
	color: #195cb7;
	text-decoration: underline;
	font-weight: 700;
	margin: 0 0 10px;
}
#browser_back_modal .box .box_in .txt_box ul li {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
#browser_back_modal .box .box_in .txt_box ul li {
	font-size: 110%;
	font-weight: 700;
}
#browser_back_modal .box .box_in .txt_box ul li i {
	font-size: 120%;
	margin-right: 0.5em;
	color: #195cb7;
}
#browser_back_modal .timer_in_box {
	background: #fff;
	padding: 10px;
	display: flex;
	box-shadow: 0 1px 0 #fff;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 0;
}
#browser_back_modal .timer_in_box .remaining {
	font-size: 110%;
	text-indent: 1.5em;
	line-height: 40px;
	background-color: #fff;
	border: 3px solid #1b1b1b;
	border-radius: 3px 0 0 3px;
	height: 46px;
    box-sizing: border-box;
    padding: 0 5px;
}
#browser_back_modal .box .timer_in_box .remaining::after {
	left: 0.5em;
}
#browser_back_modal .box .timer_in_box .remaining::before {
	content: '';
	background: #fff;
	height: 40px;
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	right: -15px;
}
#browser_back_modal .timer_in_box .remaining span {
	color: #eb1920;
	font-weight: 700;
	text-decoration: underline;
}
#browser_back_modal .timer_in_box .timerbox {
	line-height: 40px;
	border: 3px solid #1b1b1b;
	border-radius: 0 3px 3px 0;
	height: 46px;
    box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
}
#browser_back_modal .timer_in_box .timer_txt {
	font-weight: 500;
	font-size: 110%;
}
#browser_back_modal .btn_box {
	background-color: #fff;
	border-radius: 5px;
	border-radius: 0 0 20px 20px;
	padding-bottom: 15px;
	margin-bottom: 7px;
}
#browser_back_modal .box .btn_close {
	font-size: 30px;
	color: #fff;
	filter: drop-shadow(1px 0px 0 black) drop-shadow(0px 1px 0 black) drop-shadow(-1px 0px 0 black) drop-shadow(0px -1px 0 black);
	position: absolute;
	top: -15px;
	right: -10px;
	cursor: pointer;
}
#browser_back_modal .box .btn_close:hover {
	opacity: 0.7;
}
@media screen and (max-width:768px) {
	#browser_back_modal .box {
		height: auto;
		margin: 20px;
	}
	#browser_back_modal .box .ttl {
		font-size: 120%;
		padding: 5px;
	}
	#browser_back_modal .box .txt {
		font-size: 90%;
	}
	#browser_back_modal .box .txt span {
		font-size: 120%;
	}
	#browser_back_modal .box .mid_ttl {
		font-size: 120%;
	}
	#browser_back_modal .box .box_in {
		padding: 10px;
	}
	#browser_back_modal .box .box_in .img {
		width: 35%;
		padding-right: 10px;
	}
	#browser_back_modal .box .box_in .txt_box {
		width: 65%;
	}
	#browser_back_modal .box .box_in .txt_box a {
		font-size: 130%;
	}
	#browser_back_modal .box .box_in .txt_box ul li {
		font-size: 90%;
	}
	#browser_back_modal .timer_in_box .remaining {
		font-size: 95%;
		padding: 0 0 0 3px;
	}
	#browser_back_modal .box .timer_in_box .remaining::before {
		width: 8px;
		right: -8px;
	}
	#browser_back_modal .timer_in_box .timerbox {
		padding: 0 0 0 5px;
	}
	#browser_back_modal .timer_in_box .timer_txt {
		font-size: 90%;
	}
}