/*
Theme Name: creca-shinsa
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
body{
	font-size: 1rem;
	font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'MS Pゴシック', sans-serif;
	/* 		font-family: 'MS Pゴシック', sans-serif; */
	margin: 0;
	padding: 0;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: bottom;
}

/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	/* 	line-height: 100%; */
	font-style: normal;
	/* 	font-weight: normal; */
	font-size: 100%;
	/* 	text-align: left; */
	list-style-type: none;
	border-collapse: collapse;
	vertical-align: baseline;
}

/* ==========================================================================
Commons styles
========================================================================== */
a{text-decoration: none; color: inherit}
a:focus, *:focus { outline:none;}
a[href^="tel:"] {
	pointer-events: none;
	cursor: text;
}
img {border: 0px;max-width: 100%;height: auto;vertical-align: bottom; width: 100%;}
.b{font-weight: bold}
.tx_und{text-decoration: underline}
.tx_cent{text-align: center}
.tx_right{text-align: right}
.tx_left{text-align: left}
.disp_blk{display: block}
.marker_tp_1 {background:rgba(0, 0, 0, 0) linear-gradient(transparent 65%, var(--sub-color) 0%) repeat scroll 0 0; }
.tx_sdw_1{
	text-shadow: 1px 1px 0 #444444, -1px -1px 0 #444444, -1px 1px 0 #444444, 1px -1px 0 #444444, 0px 1px 0 #444444, 0-1px 0 #444444, -1px 0 0 #444444, 1px 0 0 #444444;
}
.bx_sdw_1{box-shadow:1px 1px 3px 1px #f2f2f2;}
.ff_pop{font-family: 'Poppins', sans-serif;}
.fc_main{color: var(--main-color);}
.fc_red{color: var(--emp-color);}
.fc_blue{color: var(--link-color);}
.hl{
	background: #FFF492;
	padding: 0.2em 0.1em;
}
.shadeofblue{
	color: #2767D3;
	text-decoration: underline;
}
.pbox{
	border: 0.1em dashed #d20000;
	padding: 0.7em;
	border-radius: 0.3em;
	margin: 1em 0 0;
}
.flex_wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-wrap_par{
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.hover:hover{
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1.5s;
	transition-property: all;
	transition: 0.15s linear;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.hover_0{
	transition-property: all;
	transition: 0.15s linear;
}
.hover_0:hover{
	opacity: 0.5;
}
.pc{display: block}
.tab{display: none!important}
.sp{display: none!important}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.max_img{
	max-width: 100%;
	height: auto;
	display: block;
}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}
.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*, *::before, *::after {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]::after {
		content: " (" attr(href) ")";
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	/*
	* Don't show links that are fragment identifiers,
	* or use the `javascript:` pseudo protocol
	*/
	a[href^="#"]::after, a[href^="javascript:"]::after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	* Printing Tables:
	* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	*/
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}
.cdp-copy-alert-success{
	z-index: -9999;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

/* common */
body {
	position: relative;
	font-size: calc(10px * 1.4);
	color: #000;
	font-weight: bold;
	line-height: 1;
	overflow-x: hidden;
}
main {
	max-width: 700px;
	margin: 0 auto;
	min-height: calc(100vh - 17.8em);
}
h1 {
	margin: 0;
}
.red {
	color: #d30000;
}
.yellow {
	color: #FFD600;
}
.marker {
	display: inline;
/* 	background:linear-gradient(transparent 50%, #FFF492 50%); */
	background:linear-gradient(transparent 80%, #FFF243 50%);
}

.accordion_header {
	background: #FAFAFA;
	border: 1px solid #444;
	border-radius: .4em .4em 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .9em 1.2em .8em;
	cursor: pointer;
}
.accordion_btn {
	display: flex;
	align-items: center;
	margin: 0 0 0 .8em;
}
.accordion_btn > sapn {
	display: block;
}
.accordion_btn .icon {
	position: relative;
	width: 2.6em;
	height: 2.6em;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	margin: 0 .5em 0 0;
}
.accordion_btn .icon:before,
.accordion_btn .icon:after { 
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.5em;
	height: .35em;
	background: #d00101;
/* 	background: #fff; */
}
.accordion_btn .txt {
	width: 3.1em;
}
.accordion_btn .txt:after {
/* 	content:"閉じる"; */
/* 	white-space: nowrap; */
}
.accordion_content {
	border: 1px solid #444;
	border-top: none;
	border-radius: 0 0 .4em .4em;
}
.close.accordion_header {
	border-radius: .4em;
}
.close.accordion_header .accordion_btn .icon:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.close.accordion_header .accordion_btn .txt:after {
/* 	content:"開く"; */
}

.animation--osu {
	animation: 2s osu ease infinite;
}
@keyframes osu{
	0% {transform: translate(0px,0px);}
	40% {transform: translate(0px,0px);}
	50% {transform: translate(0px,7px);}
	60% {transform: translate(0px,7px);}
	70% {transform: translate(0px,7px);}
	80% {transform: translate(0px,0px);}
	100% {transform: translate(0px,0px);}
}
.animation--shine::after{
	content: "";
	position: absolute;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	-webkit-animation: shine 5s ease-in-out infinite;
	animation: shine 2.5s ease-in-out infinite;
}
@-webkit-keyframes shine {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}
.animation--powan {
	animation: powan infinite 1.2s ease-in;
}
@keyframes powan {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(.95);
	}
	100% {
		transform: scale(1);
	}
}
.animation--pika {
	position: relative;
	z-index: 0;
	animation: pika-color 1.2s step-end infinite;
}
.anken-card_label.animation--pika {
	background: transparent;
}
.animation--pika::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	background: url('assets/img/anken_ribbon.png') no-repeat center top / contain;
	animation: pika-bg-red 1.2s step-end infinite;
}
.animation--pika::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	background: url('assets/img/anken_ribbon-w.png') no-repeat center top / contain;
	animation: pika-bg-white 1.2s step-end infinite;
}
@keyframes pika-color {
	0%, 49.9%  { color: #fff; }
	50%, 100%  { color: #d00000; }
}
@keyframes pika-bg-red {
	0%, 49.9%  { opacity: 1; }
	50%, 100%  { opacity: 0; }
}
@keyframes pika-bg-white {
	0%, 49.9%  { opacity: 0; }
	50%, 100%  { opacity: 1; }
}

/* header */
.header {
	position: relative;
	overflow-x: hidden;
}
.header_inner {
	position: relative;
	max-width: 700px;
	padding: 1.2em 1.4em;
	margin: 0 auto;
	display: flex;
	align-items: center;
	background: #FFFFFF;
}
.header .logo{
	padding-top: 0.3em;
	width: 15em;
}
.header_keyword {
	background: #FFF492;
	font-size: 1.1em;
	padding: .6em 1em;
	margin: 0 0 0 1.7em;
	letter-spacing: .03em;
}

/* menu */
.menu_trigger {
	position: absolute;
	top: 0;
	right: calc((100vw - 700px) / 2);
	width: 5.4em;
	height: 4.2em;
	cursor: pointer;
	z-index: 1000;
}
.menu_trigger span{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.2em;
	height: .4em;
	background: #313B72;
}
.menu_trigger span:nth-child(1) {
	top: calc(50% - .4em);
}
.menu_trigger span:nth-child(2) {
	top: calc(50% + .4em);
}
.open .menu_trigger {
	right: 0;
}
.open .menu_trigger span:nth-child(1) {
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.open .menu_trigger span:nth-child(2) {
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.menu_content {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%; 
	max-width: 550px;
	transform: translateX(100%);
	transition: .4s;
	background: #EEEEEE;
	z-index: 999;
	padding: 6.2em 1em;
	max-height: 100vh;
	overflow-y: scroll;
}
.open .menu_content {
	transform: translateX(0);
}
.cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 10;
}
.open .cover {
	display: block;
}
.menu .category-list {
	padding: 3.4em 1.5em;
}
.menu .category-list_list {
	margin: 1.5em 0 0;
}
.menu .category-list_list li a {
	padding: .8em 1.5em;
}

/* fv */
.fv {
	font-size: calc(10px * 1.7);
	position: relative;
	/* 	height: 25.35em; */
}
.fv_ttl {
	position: absolute;
	top: 50%;
	left: 1.5em;
	transform: translateY(-50%);
	margin: 0;
	text-align: center;
	max-width: 70%;
}
.fv_ttl > span {
	display: block;
}
.fv_ttl .line1 {
	display: inline-block;
	position: relative;
	font-size: calc(16px * 1.7);
	font-weight: bold;
	padding: 0 1em;
	color: #192C4F;
	margin: .5em 0 0;
}
.fv_ttl .line1 > span:before,
.fv_ttl .line1 > span:after,
.fv_ttl .line1:before,
.fv_ttl .line1:after {
	content: "";
	position: absolute;
	height: 1.5px;
	background: #192C4F;
}
.fv_ttl .line1:before,
.fv_ttl .line1:after {
	width: .7em;
	top: .8em;
}
.fv_ttl .line1:before {
	transform: rotate(60deg);
	left: 0;
}
.fv_ttl .line1:after {
	transform: rotate(-60deg);
	right: 0;
}
.fv_ttl .line1 > span:before,
.fv_ttl .line1 > span:after {
	width: 1.1em;
	top: .6em;
}
.fv_ttl .line1 > span:before {
	transform: rotate(60deg);
	left: .01em;
}
.fv_ttl .line1 > span:after {
	transform: rotate(-60deg);
	right: .01em;
}
.fv_ttl .line2 {
	margin: .8em 0 0;
	font-size: calc(20px * 1.7);
}
.fv_ttl .line2 span {
	display: inline-block;
	background:linear-gradient(transparent 60%, #E4D9A6 60%);
	padding-bottom: 0.1em;
}
.fv_ttl .line3 {
	margin: .8em 0 0;
	font-size: calc(19px * 1.7);
	line-height: 1.4;
}
.fv_ttl .line3 span, .fv_ttl .line3 strong {
	background: #192C4F;
	color: #fff;
	padding: .2em .35em .1em;
	margin: 0 .2em;
}
.fv_ttl .line4 {
	display: inline-block;
	position: relative;
	margin: .5em 0 0;
	font-size: calc(30px * 1.7);
	color: #D00000;
	font-weight: 900;
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
}
.taxonomy .fv .line2 {
	font-size: calc(22px * 1.7);
	margin: .7em 0 0;
}
.taxonomy .fv .line4 {
	display: inline-block;
	position: relative;
	margin: .4em 0 0;
	font-weight: 900;
	padding: 0 0 0 1.7em;
	-webkit-text-stroke: initial;
	text-stroke: initial;
}
.taxonomy .fv .line4 > span {
	display: inline-block;
}
.taxonomy .fv .line4 .balloon {
	position: absolute;
	top: 50%;
	left: 0;
	background: #E4D9A6;
	width: 2.9em;
	height: 2.9em;
	border-radius: 50%;
	font-size: calc(14px * 1.7);
	color: #192C4F;
	transform: translateY(-50% ) rotate(-15deg);
	padding: 1em 0;
}
.taxonomy .fv .line4 .balloon:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(70%, 40%) rotate(15deg);
	border-top: .2em solid transparent;
	border-bottom: .2em solid transparent;
	border-left: .3em solid #E4D9A6;
}
.taxonomy .fv .line4 .blue {
	color: #001233;
	background: -webkit-linear-gradient(-45deg, #001233, #617CAE 50%, #192C4F 50.1%, #617CAE 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
}
.taxonomy .fv .line4 .num {
	font-size: calc(70px * 1.7);
}
.taxonomy .fv .line4 .stroke {
	position: relative;
	font-size: calc(39px * 1.7);
}
.taxonomy .fv .line4 .stroke:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "つ";
	font-size: calc(43px * 1.7);
	color: #fff;
	-webkit-text-fill-color: #fff;
	z-index: -1;
}

/* pr */
.pr {
	position: absolute;
	top: .5em;
	right: .5em;
	width: 4em;
}
.header_pr {
/* 	width: 4em;
	margin: 0 0 0 1em; */
	font-size: 12px;
	text-align: right;
	color: #939393;
	width: 100%;
}
/* .fv .pr {
top: initial;
bottom: .5em;
} */
.erabikata .pr {
	top: 2em;
}
.pr-txt {
	text-align: right;
	font-size: clamp(10px, 2vw, 13px);
	line-height: 2;
	font-weight: normal;
}
.pr-box {
	background: #eee;
	padding: 1.2em;
	margin: 2.5em 1.2em;
	max-width: 700px;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: normal;
}
@media screen and (min-width:768px) {
	.pr-box {
		margin: 2.5em auto;
	}
}

/* category-list */
.category-list {
	background: #EEEEEE;
	padding: 3.4em 1.5em;
	text-align: center;
}
.category-list_ttl {
	font-size: 2.2em;
	color: #125325;
	border-bottom: .14em solid #00904b; 
	padding: 0 0 .3em;
}
.category-list_list {
	margin: 1.5em 1em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category-list_list li {
	width: calc(50% - .5em);
	background: #fff;
	border-radius: .5em;
	color: #032D0F;
	cursor: pointer;
}
.category-list_list li + li {
	margin: 1em 0 0;
}
.category-list_list li:nth-child(1) {
	width: 100%;
}
.category-list_list li a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: .9em 4em;
}
.category-list_list li:nth-child(1) a {
	justify-content: center;
}
.category-list_list li .img {
	width: 20%;
	text-align: right;
}
.category-list_list li:nth-child(1) .img {
	width: auto;
	text-align: center;
}
.category-list_list li img {
	width: 2.3em;
}
.category-list_list li .txt {
	width: 80%;
	font-size: 1.3em;
	margin: 0 0 0 .5em;
}
.category-list_list li:nth-child(1) .txt {
	width: auto;
	font-size: 1.4em;
	margin: .25em 0 0 1em;
}

/* ichioshi */
.ichioshi_bg{
	background: repeating-linear-gradient(-45deg, #f8f8f8, #f8f8f8 5px, #fff 0, #fff 10px) !important;
}
.ichioshi_ttl {
	text-align: center;
}
.ichioshi_ttl_txt {
	font-size: 1.8em;
	margin-top:1em;
	padding: 0 .8em .5em;
	display: inline-block;
	position: relative;
	color: #313B72;
}
.ichioshi_ttl_txt:before, .ichioshi_ttl_txt:after {
	content: "";
	position: absolute;
	top: 0;
	width: 0.11em;
	height: 1.1em;
	background: #313B72;
}
.ichioshi_ttl_txt:before { 
	left: 0;
	transform: rotate(-30deg);
}
.ichioshi_ttl_txt:after { 
	right: 0;
	transform: rotate(30deg);
}

/* select */
.select_ttl {
	background: #00904b;
	padding: .65em 0 .5em;
	text-align: center;
	font-size: 2.2em;
	color: #fff;
}
.select_ttl .small {
	display: inline-block;
	font-size: .6em;
	background: #fff;
	margin: 0 0 .3em;
	padding: .6em 1.1em .5em;
	border-radius: 1em;
	color: #000;
}
.select_ttl .large {
	font-size: 1.8em;
}
.select_ttl .yellow {
	color: #FFD600;
}
.select_items {
	background: #F0ECDE;
	padding: 2.3em 1.2em 3.4em;
}

/* anken-card */
.anken-card {
	border: 1px solid #cccccc;
	border-radius: .8em;
	background: #fff;
	max-width: 600px;
	margin: 0 auto;
}
.anken-card + .anken-card {
	margin: 2.8em auto 0;
}
.anken-card_header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #DADADA;
	padding: 1.2em 0 1.1em 1.3em;
	border-radius: .8em .8em 0 0;
}
.anken-card_name {
	font-size: 1.9em;
	color: #197268;
	text-decoration: underline;
	line-height: 1.3;
	padding: 0 0.6em 0 0;
	font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.anken-card_label {
	display: none;
	background: url('assets/img/anken_ribbon.png') no-repeat center top / contain;
	width: 7em;
	height: 2.1em;
	color: #fff;
	font-size: 1.2em;
	padding: .6em .3em .5em 1em;
	white-space: nowrap;
}
.anken-card:nth-child(1) .anken-card_label {
	display: block
}
.anken-card_banner {
	padding: 1.5em 1.2em 0;
	text-align: center;
}
.anken-card_main {
	padding: 1.5em 1.2em 2.4em;
	text-align: center;
}
.anken-card_catch {
	font-size: 1.7em;
/* 	color: #d30000; */
	line-height: 1.3;
	text-align: left;
	margin: 0.2em 0 1.5em;
}
.anken-card_img {
	width: 20em;
	margin: 1.8em auto 0;
}
.anken-card_stars {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: .7em 0 2.6em;
}
.anken-card_star {
	width: 15em;
	height: 2.5em;
	background-image: url(assets/img/star.svg);
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	background-size: 2.5em, 2.5em, 2.5em, 2.5em, 2.5em;
	background-position: 0 center, 3em center, 6em center,9em center, 12em center;
}
.anken-card_star5 {
	background-image: url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg);
}
.anken-card_star4 {
	background-image: url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg);
}
.anken-card_star3 {
	background-image: url(assets/img/star.svg),url(assets/img/star.svg),url(assets/img/star.svg);
}
.anken-card_star2 {
	background-image: url(assets/img/star.svg),url(assets/img/star.svg);
}
.anken-card_star1 {
	background-image: url(assets/img/star.svg);
}
.anken-card_point {
	font-size: 2em;
	margin: .2em 0 0 .2em;
}
.anken-card_icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -.5em 0 2.2em;
}
.anken-card_icons img { 
	display: block;
	width: 4.3em;
	margin: .5em;
}
.anken-card_infos {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -.7em 0 0;
}
.anken-card_info {
	width: calc((100% - 1.4em) / 3);
	border: 1px solid #cccccc;
	margin: .7em 0 0;
	border-radius: 2px;
}
.anken-card_info.e-money,
.anken-card_info.brand {
	width: calc((100% - .7em) / 2);
}
.anken-card_info .ttl {
	font-size: 1.2em;
	background: #fafafa;
	border-bottom: 1px solid #cccccc;
	padding: .6em .4em .5em;
}
.anken-card_info .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 2.4em);
	padding: .7em .4em .8em;
	min-height: 4.3em;
	line-height: 1.35;
	font-size: 1.2em;
}
.anken-card_info .txt > span {
	display: block;
	width: 100%;
}
.anken-card_info .txt .large {
	font-size: 1.3em;
}
.anken-card_info .txt .small {
	font-weight: 400;
	font-size: .8em;
}
.anken-card_info.e-money .icons,
.anken-card_info.brand .icons {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 4.5em;
	padding: .2em;
}
.anken-card_info.e-money .icons {
	position: relative;
	flex-wrap: wrap;
}
.anken-card_info.e-money .icons .noitem {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 400;
}
.anken-card_info.e-money .icon {
	position: relative;
	width: 3.7em;
	height: 2.9em;
	padding: .28em;
	background: #fff;
	display: flex;
	align-items: center;
}
.anken-card_info.brand .icons {
	height: 65%;
}
.anken-card_info.brand .icon {
	width: 3.8em;
	margin: .25em;
}
.anken-card_accordion {
	margin: 2.6em 0 0;
}
.anken-card_accordion .accordion_ttl {
	position: relative;
	font-size: 1.6em;
	padding: 0 0 0 1.7em;
}
.anken-card_accordion .accordion_ttl:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-55%);
	width: 1.4em;
	height: 1.4em;
}
.anken-card_accordion.recommend .accordion_ttl:before {
	background: url('assets/img/anken_recommend.svg') no-repeat center center / contain;
}
.anken-card_accordion.feature .accordion_ttl:before {
	background: url('assets/img/anken_feature.svg') no-repeat center center / contain;
}
.anken-card_accordion.check .accordion_ttl:before {
	background: url('assets/img/anken_check.svg') no-repeat center center / contain;
}
.anken-card_accordion .accordion_content {
	padding: 1.2em;
	text-align: left;
}
.anken-card_accordion .accordion_content li {
	position: relative;
	font-size: 1.4em;
	line-height: 1.8;
}
.anken-card_accordion.recommend .accordion_content li {
	padding: 0 0 0 2.1em;
}
.anken-card_accordion.feature .accordion_content li {
	padding: 0 0 0 1.1em;
}
.anken-card_accordion .accordion_content li:before { 
	content: "";
	position: absolute;
	left: 0;
}
.anken-card_accordion.recommend .accordion_content li:before { 
	top: .2em;
	width: 1.3em;
	height: 1.3em;
	background: url('assets/img/anken_recommend-check.png') no-repeat center center / contain;
}
.anken-card_accordion.feature .accordion_content li:before { 
	content: "・";
	top: -.3em;
	left: -.2em;
	font-size: 150%;
}
.anken-card_accordion .accordion_content li + li {
	margin: .4em 0 0;
}
.anken-card_accordion.check .accordion_content {
	padding: 1.2em 1.2em 1.9em;
}
.anken-card_accordion.check .check_txt {
	font-size: 1.4em;
	line-height: 1.8;
}
.anken-card_accordion.check .check_list {
	margin: 1.7em 0 0;
}
.anken-card_accordion.check .check_list li + li {
	position: relative;
	margin: 2.2em 0 0;
}
.anken-card_accordion.check .check_list li + li:before {
	content: "";
	position: absolute;
	top: -1.35em;
	left: 50%;
	transform: translateX(-50%);
	border-top: .6em solid #000;
	border-right: .8em solid transparent;
	border-left: .8em solid transparent;
}
.anken-card_accordion.check .check_list a {
	color: #2767D3;
}
.anken-card_accordion.check .check_list .ttl {
	position: relative;
	border: .1em solid #000;
	border-radius: .5em;
	padding: .5em 2.2em;
	background: #fafafa;
	text-align: center;
}
.anken-card_accordion.check .check_list .ttl .num {
	position: absolute;
	top: 50%;
	left: .6em;
	transform: translateY(-50%);
	width: 1.6em;
	height: 1.6em;
	background: #00BA00;
	line-height: 1.6;
	border-radius: 50%;
	color: #fff;
}
.anken-card_accordion.check .check_list .txt {
	font-size: .9em;
	line-height: 1.5;
	margin: .7em 1em 0;
}
.anken-card_accordion.crosssell {
	margin: 2em 0;
}
.anken-card_accordion.crosssell .accordion_ttl {
	font-size: 1.3em;
	line-height: 1.4;
	padding: 0;
	font-weight: 400;
}
.anken-card_accordion.crosssell .accordion_ttl:before {
	display: none;
}
.anken-card_accordion.crosssell .accordion_ttl strong { 
	display: inline-block;
	font-weight: bold;
	background: linear-gradient(transparent 50%,#fff492 50%);
}
.anken-card_accordion.crosssell .accordion_content {
	padding: 1.5em 1.2em;
}
.crosssell_osusume,
.crosssell_point {
	font-weight: 400;
}
.crosssell_osusume-ttl,
.crosssell_point-ttl {
	font-weight: bold;
	font-size: 1.3em;
	margin: 2em 0 .6em;
}
.anken-card_accordion.crosssell .accordion_content h5:first-of-type {
	margin-top: 0;
}
.anken-card_accordion.crosssell .accordion_content ul li {
	position: relative;
	padding: 0 0 0 1em;
	line-height: 1.6;
	font-size: 1.2em;
}
.anken-card_accordion.crosssell .accordion_content ul li + li { 
	margin: .6em 0 0;
}
.anken-card_accordion.crosssell .accordion_content ul li:after { 
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}
.crosssell_cta {
	text-align: center;
	margin: 2em 0 0;
}
.crosssell_cta a { 
	font-size: 1.3em;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: .7em .3em .75em;
	color: #fff;
	background: #F80004;
	border-radius: .5em;
	box-shadow: 0 .2em .4em 0 rgba(0, 0, 0, .3);
	line-height: 1.3;
	min-height: 3.2em;
}
.crosssell_cta .anken-card_company {
	padding: .5em 0 0;
}
.anken-card_campaign {
	margin: 2.6em 0 0;
	border: 1px solid #00904b;
	border-radius: .6em;
}
.anken-card_campaign .ttl {
/* 	background: #00904b; */
	background: #197268;
	color: #fff;
	font-size: 1.6em;
	padding: .9em 1em .8em;
	border-radius: .3em .3em 0 0;
}
.anken-card_campaign .txt {
	font-size: 1.4em;
	line-height: 1.6;
	text-align: left;
	padding: .8em;
}
.anken-card_campaign .txt li {
	position: relative;
	padding: 0 0 0 1.2em;
}
.anken-card_campaign li:before { 
	content: "・";
	position: absolute;
	top: -.3em;
	left: -.2em;
	font-size: 150%;
}
.anken-card_koegake {
	display: inline-block;
	position: relative;
	font-size: 1.6em;
	padding: 0 .8em;
	margin: 2em 0 0;
}
.anken-card_koegake:before,
.anken-card_koegake:after { 
	content: "";
	position: absolute;
	top: 0;
	width: .1em;
	height: 1.1em;
	background: #000;
}
.anken-card_koegake:before { 
	left: 0;
	transform: rotate(-30deg);
}
.anken-card_koegake:after { 
	right: 0;
	transform: rotate(30deg);
}
.anken-card_cta {
	margin: .7em 0 0;
	padding: 0 0 1.6em;
	overflow: hidden;
}
.anken-card_cta a { 
	overflow: hidden;
	font-size: 1.8em;
	display: block;
	cursor: pointer;
	padding: .7em .3em .75em;
	color: #fff;
	background: #F80004;
	border-radius: .5em;
	box-shadow: 0 .2em .4em 0 rgba(0, 0, 0, .3);
	line-height: 1.3;
}
.anken-card_cta .name { 
	display: block;
	color: #FFC700;
}
.anken-card_cta .name br {  
	display: none;
}
.anken-card_company {
	font-size: clamp(10px, 1.5vw, 13px);
	color: gray; 
	text-align: center; 
	padding: 1em 0 0;
	line-height: 1.3;
	font-weight: normal;
}
.anken-card_note {
	font-size: 1em;
	color: #616161;
	text-align: left;
	font-weight: 400;
	margin: 1em 0 0;
	line-height: 1.5;
}

/* comparison */
.comparison_ttl {
	position: relative;
	background: #00904b;
	padding: 1.4em 0 1.2em;
	text-align: center;
	color: #fff;
}
.comparison_ttl:after {
	content: "";
	position: absolute;
	bottom: .1em;
	left: 50%;
	transform: translate(-50%, 100%);
	border-top: 1em solid #00904b;
	border-right: .8em solid transparent;
	border-left: .8em solid transparent;
}
.comparison_ttl .line1 {
	display: inline-block;
	font-size: 1.2em;
	background: #fff;
	padding: .6em 1.1em .4em;
	border-radius: 1em;
	color: #000;
}
.comparison_ttl .line2 {
	display: block;
	margin: .5em .5em 0;
	font-size: 2.2em;
}
.comparison_inner {
	margin: 1em 0 2.4em 1.2em;
	padding: 0 1.2em 0 0;
	overflow-x: scroll;
	line-height: 1.3;
}
.comparison_table {
	border-bottom: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	text-align: center;
}
.comparison_table th { 
	background: #fff;
	width: 6.5em; 
	min-width: 6.5em;
	font-size: 1.2em;
	vertical-align: middle;
	border-top: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}
.comparison_table td {  
	font-size: 1em;
	font-weight: 500;
	width: 12em; 
	min-width: 12em;
	height: 6em;
	padding: 1em;
	/* 	border-top: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9; */
	border: 1px solid #E9E9E9;
	vertical-align: middle;
}
.comparison_table--col2 td { width: 18em; min-width: 18em; }
.comparison_table--col1 td { width: 36em; min-width: 36em; }
.comparison_table td .large {  
	font-size: 1.4em;
	font-weight: bold;
}
.comparison_table td li {
	text-align: left;
}
.comparison_tag {
	position: absolute;
	top: 1em;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	background: url('assets/img/comparison_tag.png') no-repeat center center / 100% 100%;
	width: 9.7em;
	height: 2em;
	padding: .4em 0 0;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.comparison_table .name td {
	position: relative;
	padding: 3em 1em 1em;
}
.comparison_table .name td:first-of-type .comparison_tag {
	display: block;
}
.comparison_name {
	font-size: 1.2em;
	color: #2767D3;
	text-decoration: underline;
	margin: .8em 0 .4em;
	min-height: 2.4em;
}
.comparison_btn a {
	position: relative;
	display: block;
	font-size: 1em;
	background: #F89500;
	color: #fff;
	border-radius: .6em;
	margin: 1em -.3em 0;
	padding: .5em 1em .5em .3em; 
	font-weight: bold;
	animation: pekopekoBtn 2s infinite;
	box-shadow: 0 0.53333vw 0 #b48000;
}
@keyframes pekopekoBtn {
	0% {
		transform: translateY(0);
		box-shadow: 0 0.53333vw 0 #d48000;
	}
	10% {
		transform: translateY(0.53333vw);
		box-shadow: 0 0 0 #b48000;
	}
	20% {
		transform: translateY(0);
		box-shadow: 0 0.53333vw 0 #b48000;
	}
	30% {
		transform: translateY(0.53333vw);
		box-shadow: 0 0 0 #b48000;
	}
	40% {
		transform: translateY(0);
		box-shadow: 0 0.53333vw 0 #b48000;
	}
}


.comparison_btn a:after {
	content: '';
	width: .7em;
	height: .7em;
	border-top: solid .2em #fff;
	border-right: solid .2em #fff;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.comparison_table .campaign td {
	font-size: 1.1em;
}
.comparison_table .campaign td .red { 
	font-weight: bold;
}
.comparison_table .campaign td li + li {
	margin: .5em 0 0;
}
.comparison_table .campaign td li:before {
	content: "・";
}
.comparison_catch {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}
.ct-cta{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 1em;
}

/* footer */
.footer {
	background: #2E2E2E;
	padding: 2.4em 1em;
	color: #fff;
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}
.footer .logo {
	width: 16.6em;
	margin: 0 auto;
}
.footer_info {
	font-size: 1.2em;
	text-decoration: underline;
	margin: 1.5em 0 0;
}
.copyright {
	font-size: 1.2em;
	margin: 1.5em 0 0;
}

/* benner */
.banner {
	display: none;
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 999;
	font-size: calc(10px * 1.2);
}
.banner a {
	display: block;
	background: rgb(245 245 245 / 93%);
	border-top: 1px solid #ccc;
}
.banner_inner {
	position: relative;
	max-width: 460px;
	margin: 0 auto;
	padding: 1.6em .5em 1.8em 9.5em;
	/* 	letter-spacing: .08em; */
}
.banner figure {
	position: absolute;
	bottom: 0;
	left: 1em;
	width: 8.2em;
}
.banner_ttl .line1 {
	display: inline-block;
	font-size: 1.4em;
}
.banner_ttl .line2 {
	display: block;
	font-size: 1.2em;
	margin: 1em 0 0;
}
.banner_ttl .line2 strong {
	font-size: 2em;
	color: #122C51;
}
.banner_btn {
	position: absolute;
	bottom: 1.2em;
	right: 1.5em;
	width: 7.5em;
	height: 2.3em;
	font-size: 1.3em;
	font-weight: 900;
	color: #fff;
	background: #F89500;
	margin: .1em 0 0;
	border-radius: .23em;
	border: none;
	padding: .15em .3em 0 0;
}
.banner_btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	border-top: solid .15em #fff;
	border-right: solid .15em #fff;
	width: .5em;
	height: .5em;
	transform: rotate(45deg) translateY(-60%);
}
.banner .marker {
	background: linear-gradient(transparent 60%, #FFD02E 60%);
	margin: 0 .1em 0 0;
}
.banner .koegake {
	padding: 0 1em;
	position: relative;
}
.banner .koegake:before,
.banner .koegake:after,
.banner .koegake > span:before,
.banner .koegake > span:after {
	content: "";
	position: absolute;
	height: .1em;
	background: #122C51;
}
.banner .koegake:before,
.banner .koegake:after {
	width: .63em;
	top: .8em;
}
.banner .koegake:before {
	transform: rotate(60deg);
	left: 0;
}
.banner .koegake:after {
	transform: rotate(-60deg);
	right: 0;
}
.banner .koegake > span:before,
.banner .koegake > span:after {
	width: 1em;
	top: .6em;
}
.banner .koegake > span:before {
	transform: rotate(60deg);
	left: 0;
}
.banner .koegake > span:after {
	transform: rotate(-60deg);
	right: 0;
}

/* search */
.search-btn1 a {
	display: block;
	padding: 1.4em 1em 1.3em;
	position: relative;
	background: #00904b;
	max-width: 29.4em;
	margin: 0 auto;
	border-radius: .5em;
	border-right: 1.8em solid #448E5A;
	text-align: center;
}
.search-btn1 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -.3em;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: .7em solid #fff;
	border-top: .7em solid transparent;
	border-bottom: .7em solid transparent;
}
.search-btn1 a > span {
	display: block;
}
.search-btn1 .line1 { 
	font-size: 1.1em;
}
.search-btn1 .line2 { 
	font-size: 2.2em;
	margin: .3em 0 0;
	-webkit-text-stroke: 1px #448E5A;
	text-stroke: 1px #448E5A;
	color: #fff;
}
.search-btn2 {
	position: fixed;
	bottom: 1.6em;
	right: 1.6em;
	z-index: 10;
	opacity: 0;
	transition: all .3s;
}
.open.search-btn2 {
	opacity: 1;
}
.search-btn2 a {
	display: block;
	position: relative;
	background: #00904b;
	text-align: center;
	width: 10.2em;
	height: 10.2em;
	border: 1em solid #018546;
	border-radius: 50%;
	padding: 1.3em 0 0 .1em;
	box-shadow: 0 0.2em 0.3em 0 rgb(0 0 0 / 30%);
}
.search-btn2 a > span {
	display: block;
}
.search-btn2 .line1 { 
	font-size: 1.1em;
	margin: 0 0 .3em;
}
.search-btn2 .line2, .search-btn2 .line3 { 
	font-size: 2.2em;
	-webkit-text-stroke: 1px #448E5A;
	text-stroke: 1px #448E5A;
	color: #fff;
}
.search-btn2 .line3 {
	position: relative;
	margin: 0 .5em 0 0;
}
.search-btn2 .line3:after {  
	content: "";
	position: absolute;
	bottom: .2em;
	right: -.2em;
	background: url('assets/img/search_ttl.png') no-repeat center center / contain;
	width: .63em;
	height: .83em;
}
.search-area {
	padding: 3.4em 1.5em;
	text-align: center;
}
.search_ttl {
	font-size: 2.2em;
	color: #125325;
	padding: 0 0 .3em;
	border-bottom: .14em solid #00904b;
}
.search_ttl img { 
	width: .67em;
	margin: 0 0 .1em;
}
.search_form {
	margin: 1em 1em 0;
}
.search_checkbox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search_checkbox input[type="checkbox"]{
	display: none;
}
.search_checkbox label {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em .8em .8em 3em;
	font-size: 1.2em;
	text-align: left;
}
.search_checkbox label:before { 
	content: "";
	position: absolute;
	display: block;
}
.search_checkbox label:before{
	width: 1.5em;
	height: 1.5em;
	left: .6em;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #555;
	background: #FAFAFA;
}
.search_checkbox input[type="checkbox"]:checked+label:after{
	content: "";
	position: absolute;
	display: block;
	width: 1em;
	height: .5em;
	top: 50%;
	left: .85em;
	transform: translateY(-70%) rotate(-45deg);
	border-bottom: .2em solid #585753;
	border-left: .2em solid #585753;
}
.search_checkbox li {
	position: relative;
	overflow-x: hidden;
}
.search_checkbox li .ids {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -100;
	font-size: 10px;
}
.search_checkbox.q1 li {
	width: calc(50% - .6em);
	border: 1px solid #00904b;
	border-radius: .4em;
	margin: .7em 0 0;
}
.search_checkbox.q1 li.checked {
	background: #00904b;
	color: #fff;
}
.search_checkbox.q2, .search_checkbox.q3 {
	justify-content: center;
	padding: .9em .3em;
}
.search_checkbox.q2 img {
	width: 2.6em;
}
.search_checkbox.q2 .b_mastercard img {
	width: 3.1em;
}
.search_checkbox.q2 .b_visa img {
	width: 3.4em;
}
.search_checkbox.q2 label {
	padding: .56em 1em .56em 2.5em;
}
.search_checkbox.q3 img {
	width: 3.1em;
}
.search_checkbox.q3 label {
	padding: .56em .8em .56em 2.6em;
}
.search_accordion {
	margin: 1.8em 0 0;
}
.search_accordion .accordion_header {
	border: none;
	background: none;
	justify-content: center;
}
.search_accordion .accordion_ttl {
	font-size: 1.2em;
	margin: 0 0 0 .5em;
}
.search_accordion .accordion_content {
	border: none;
	padding: 1.3em 0 0;
}
.search_accordion .accordion_content-item {
	border: 1px solid #00904b;
}
.search_accordion .accordion_content-item + .accordion_content-item {
	margin: 1.6em 0 0;
}
.search_accordion .accordion_content-item .ttl {
	background: #FAFAFA;
	font-size: 1.2em;
	text-align: center;
	padding: .9em 1em .7em;
	border-bottom: 1px solid #00904b;
}
.search_submit {
	position: relative;
	font-size: 1.8em;
	color: #fff;
	width: 100%;
	max-width: 13.7em;
	background: #FF7A2F;
	text-align: center;
	border-radius: .15em;
	margin: 1.2em auto 0;
	padding: .8em;
	border: none;
	font-weight: bold;
	cursor: pointer;
}
.search_submit:after { 
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: solid .12em #fff;
	border-right: solid .12em #fff;
	width: .48em;
	height: .48em;
}
.search_count {
	font-size: 1.4em;
	margin: 1.3em 0 0;
}
.search_count .red {
	font-size: 2.2em;
}

/* .transition */
.transition.search-area {
	padding: 3em 1em;
	max-width: 550px;
	margin: 0 auto;
}
.transition .search_form {
	margin: 0;
}
.transition .search_inner {
	overflow-x: hidden;
	border-radius: 1em;
	border: 4px solid #044e45;
	box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 60%);
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
.transition .search_inner header {
	padding: 1.35em 1em 1.2em;
	text-align: center;
	background: #313b73;
	border-radius: .5em .5em 0 0;
	align-items: center;
	justify-content: center;
	display: flex;
	width: calc(100% + 1px);
	left: -0.5px;
	top: -0.5px;
	position: relative;
}
.transition .search_inner header figure {
	width: 1.4em;
}
.transition .search_inner header figure img {
	width: 100%;
	height: auto;
}
.transition .search_ttl {
	padding: 0 0 0 .4em;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFF;
	border: none;
}
.transition .search_items {
	overflow: hidden;
	position: relative;
	margin: 1em 0 0em 0;
}
.transition .search_item {
	position: absolute;
	top: 0;
	left: 0;
	/* 	left: 3em; */
	opacity: 0;
	visibility: hidden;
/* 	transition: all .1s;
	transition-delay: .1s; */
	width: 100%;
}
/* .transition .search_item.clicked {
left: -3em;
} */
.transition .search_item.open {
	position: relative;
	/* 	left: 0; */
	opacity: 1;
	visibility: visible;
	transition: all .2s;
	transition-delay: .2s;
}
.transition .search_item-ttl {
/* 	display: flex; */
	align-items: center;
}
.transition .search_item-ttl .num { 
	background: #2E2E2E;
	color: #fff;
	padding: .5em 1.6em .5em .7em;
	border-radius: 0 1em 1em 0;
	font-size: 1.8em;
	white-space: nowrap;
}
.transition .search_item-ttl .txt { 
	font-size: 1.6em;
	margin: 0 1em;
	text-align: left;
	line-height: 1.3;
}
.transition .search_item-btns {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: .7em 2em;
}
.transition .search_item-btns.two .search_item-btn {
	width: 48.7%;
}
.transition .search_item-btn {
	width: 48.7%;
	margin: 1em 0 0;
}
.transition .search_item-btn.full {
	width: 100%;
}
.transition .search_item-btn input {
	display: none;
}
.transition .search_item-btn label {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;  
	border: .08em solid #313B72;
	background: #F2F6F8;
	font-size: 1.6em;
	text-align: center;
	padding: .9em .1em .8em;
	border-radius: .15em;
	box-shadow: .1em .1em .3em 0 rgba(0, 0, 0, .2); 
	line-height: 1.25;
}
.transition .search_item-btns.two .search_item-btn label {
	font-size: 1.5em;
}
/* .transition .search_item-btn input:checked + label.active { */
.transition .search_item-btn input:checked + label {
	background: #0693e3;
	color: #fff;
}
.transition .search_btns {
	display: flex;
	justify-content: center;
	margin: 0.8em auto 0;
	padding: .3em 2em;
}
.transition .search_btns .search_btn {
	margin: 0;
}
.transition .search_btns .search_btn.next,
.transition .search_btns .search_btn.result {
	margin: 0 0 0 1em;
}
.transition .search_btn {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 140px;
	height: 50px;
	margin: 1.5em auto 0;
	border-radius: 5em;
	position: relative;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.transition .search_btn.back {
/* 	background: #E1E1E1; */
	background: #044E45;
/* 	border: 1px solid #C4C4C4; */
	color: #FFFFFF;
/* 	font-size: 20px; */
	font-size: 1.6em;
}
.transition .search_btn.back:after {
	content: '';
	width: .7em;
	height: .7em;
/* 	border-top: solid 1.5px #00904B; */
/* 	border-right: solid 1.5px #00904B; */
	position: absolute;
	left: 1.5em;
	top: 50%;
/* 	transform: rotate(-135deg) translateY(50%); */
}
.transition .search_btn.next,
.transition .search_btn.result {
	background: #E60033;
	color: #fff;
/* 	font-size: 20px; */
	font-size: 1.6em;
}
.transition .search_btn.next:after,
.transition .search_btn.result:after {
	content: '';
	width: .7em;
	height: .7em;
/* 	border-top: solid 1.5px #fff; */
/* 	border-right: solid 1.5px #fff; */
	position: absolute;
	right: 1.8em;
	top: 50%;
/* 	transform: rotate(45deg) translateY(-50%); */
}
.transition .search_btn span {
/* 	font-size: 1.4em; */
	font-weight: bold;
	line-height: 3.3em;
}
.transition .search_btn.hide {
	display: none;
}
.transition .search_progress {
	position: relative;
	background: #ccc;
	height: .5em;
	margin: 2.8em 6.5em 3em 5.5em;
}
.transition.corporate .search_progress {
	margin: 3.2em 6.5em 2.7em 5.5em;
}
.transition .search_progress .bar { 
	position: absolute; 
	top: 50%;
	left: 0;
	width: 0;
	height: 100%;
	transform: translateY(-50%);
	background: #2767D3;
}
.transition .search_progress .dots {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 102%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
}
.transition .search_progress .dot {
	width: 1.2em;
	height: 1.2em;
	background: #fff;
	border: .1em solid #ccc;
	border-radius: 50%;
}
.transition .search_progress .dot:first-child {
	transform: translateX(-1.5px);
}
.transition .search_progress .dot:last-child {
	transform: translateX(1.5px);
}
.transition .search_progress .dot.past {
	position: relative;
	background: #457ede;
	border: .1em solid #2767D3;
}
.transition .search_progress .icon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	width: 3em;
	z-index: 1;
}
.transition .search_progress .num {
	position: absolute;
	top: 50%;
	right: -3.2em; 
	transform: translateY(-40%);
	font-size: 1.2em;
}
.transition.corporate .search_progress .icon {
	width: 2.5em;
	transform: translate(-50%, -68%);
}
.transition .search_item-btn.half {
	width: 48.5%;
}

/* transition2 */
.transition2 .search_inner header {
	padding: 1.4em 1em;
}
.transition2 .search_item-ttl  {
	display: block;
	text-align: center;
	font-size: 1.6em !important;
	color: #313C72;
	line-height: 1.4;
}
.transition2 .search_item-ttl small { 
	font-size: .83em !important;
}
.transition2 .search_item-content {
	display: flex;
	padding: 1.3em 1.3em .5em;
}
.transition2 .search_item-img {
	position: relative;
	width: 12.6em;
}
.transition2 .search_item-img img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.transition2 .search_item-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 75%;
	margin: -.8em 0 0 -5%;
	z-index: 1;
	padding: 0;
}
.transition2 .search_item-btn {
	width: 100%;
	margin: .8em 0 0;
}
.transition2 .search_item-btn.half {
	width: 48.5%;
}
.transition2 .search_item-btn label {
	font-size: 1.5em !important;
	color: #313C72;
	border: .1em solid #313B72;
	border-radius: .25em;
	min-height: 3.1em;
	padding: 0;
}
.transition2 .search_item-btn label small { 
	font-size: .85em;
}
.transition2 .search_btns {
	justify-content: center;
}

/* 学生フォーム */
.student.transition2 .search_item-content {
	padding: 1.3em 1.5em .5em;
}
.student.transition2 .search_item-img {
	display: none;
}
.student.transition2 .search_item-btns {
	width: 100%;
	margin: -.8em 0 0 0;
}

/* 検索フォームのヘッダー左右に人のイラスト追加 */
.transition.search-area {
	padding-top: 1.7em;
}
.transition.new header.search_header_new,  
.search_header_new {
	margin-top: 40px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 7em;
	background-image: url('assets/img/search_header_bgleft.svg'), url('assets/img/search_header_bgright.svg');
	background-position: left 0 bottom -1px, right 0 bottom -1px;
	background-size: 7.6em auto, 9.8em auto;
	background-repeat: no-repeat;
}
.transition.new header.search_header_new {
	background-color: #fff;
}
.search_header_new h2,
.search_header_new h3 {
	text-align: center;
	padding: 0.7em 0 0.6em;
}
.transition.new header.search_header_new h2,
.transition.new header.search_header_new h3 {
	padding: 1em 0 0.3em 0.8em;
}
.search_header_new h2 .title,
.search_header_new h3 .title {
	color: #000000;
/* 	font-size: 3.2em; */
	font-size: 2.2em;
	line-height: 1.464;
	font-weight: 700;
	position: relative;
	letter-spacing: -0.06em;
	display: block;
	margin-top: 0.1em;
}
.search_header_new h2 .title .marker {
	color: #CC5500;
	font-size: 1.6em;
}
.transition.new header.search_header_new .title { 
	font-size: 2.2em;
}
.search_header_new h3 .title {
	font-size: 1.7em;
	margin-top: .6em;
}
.search_header_new h2 .balloon,
.search_header_new h3 .balloon {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 1.6em;
/* 	background: #fa6920; */
	background: #197268;
	padding: 0.4em 1em;
	border-radius: 999px;
}
.search_header_new h3 .balloon {
	font-size: 1.4em;
}
.search_header_new h2 .balloon::after,
.search_header_new h3 .balloon::after {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	bottom: -5px;
	margin: 0 auto;
/* 	background: #fa6920; */
	background: #197268;
	transform: rotate(45deg);
	z-index: 0;
}
.transition .search_item-btn {
	width: 100%;
}
.search_header_new.search_student {
	background-image: url(assets/img/search_header_bgleft_student.svg), url(assets/img/search_header_bgright_student.svg);
	background-position: left 2px bottom -1px, right 3px bottom -1px;
	background-size: 8.5em auto, 8.5em auto;
}

/* search-result */
.search-result {
/* 	margin: 1.4em 0 0; */
} 
.search-result_accordion {
	margin: 0 1.5em;
}
.search-result_accordion .accordion_ttl {
	position: relative;
	font-size: 1.6em;
	padding: 0 0 0 1.6em;
	line-height: 1.2;
}
.search-result_accordion .accordion_ttl:before { 
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-55%);
	width: 1.4em;
	height: 1.4em;
	background: url('assets/img/search-result_ttl.png') no-repeat center center / contain;
}
.search-result_accordion .accordion_content {
	padding: 1.8em 1.4em 1.6em;
}
.search-result_accordion .accordion_content li {
	display: flex;
	font-size: 1.2em;
	line-height: 1.6;
}
.search-result_accordion .accordion_content li + li {
	margin: .4em 0 0;
}
.search-result_accordion .accordion_content li > span {
	display: block;
}
.search-result_accordion .accordion_content .ttl {
	width: 8em;
}
.search-result_accordion .accordion_content .txt {
	width: calc(100% - 8em);
}
.search-result_accordion .accordion_content .txt span + span:before {
	content: "/";
	padding: 0 .2em;
}
.search-result_link {
	position: relative;
	width: 12.8em;
	margin: 1em 0 0 auto;
	padding: .6em 1em;
	border: 1px solid #777777;
	border-radius: 1.5em;
	font-size: 1.2em;
	cursor: pointer;
}
.search-result_link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: .5em;
	transform: translateY(-50%);
	border-top: .5em solid #000;
	border-right: .5em solid transparent;
	border-left: .5em solid transparent;
}
.search-result_ttl {
	font-size: 1.8em;
	color: #fff;
	background: #00904b;
	padding: 1.1em 1em 1em;
	text-align: center;
	margin: .8em 0 0;
	line-height: 1.25;
}
.search-result_ttl .yellow { 
	display: inline-block;
	font-size: 1.6em;
	margin: 0 .2em 0 0;
}
.search-result_ttl .ribbon {
	display: block;
	width: 10.6em;
	height: 2.5em;
	background: url('assets/img/search-result_ribbon.svg') no-repeat center center / contain;
	color: #00904b;
	font-size: .9em;
	margin: 0 auto .6em;
	padding: .38em 0 0;
}
.search-result_content {
	padding: 1.5em 1.5em 0em;
/* 	background: #fafafa; */
	overflow-x: hidden;
}
.search-result_slide {
	display: flex;
	margin: 0 0 1.5em -4em;
}
.search-result_slide-imgs {
	display: flex;
}
.search-result_slide picture {
	display: block;
	width: 7em;
	margin: 0 1em 0 0;
}
.search-result_slide img {
	box-shadow: 0 .3em .6em 0 rgba(0,0,0,.16);
}
.scroll-left {
	animation :infinity-scroll-left 10s infinite linear 0.5s both;
}
@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
/* FV カード画像スクロール */
.fv-slide {
	display: flex;
	overflow: hidden;
	margin: 1em 0;
}
.fv-slide__track {
	display: flex;
	flex-shrink: 0;
	width: max-content;
	will-change: transform;
	animation: fv-infinity-scroll-left 40s linear infinite;
}
@keyframes fv-infinity-scroll-left {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(-1 * var(--fv-offset, 96em))); }
}
.fv-slide__track picture {
	display: block;
	width: 7em;
	flex-shrink: 0;
	margin: 0 1em 0 0;
}
.fv-slide__track img {
	width: 100%;
	box-shadow: 0 .3em .6em 0 rgba(0,0,0,.16);
}
/* End FV カード画像スクロール */
.search-result_osusume {
	margin: 0 0 4.5em;
}
.search-result_osusume-txt {
	border-radius: 1em;
	border: 3px solid #313b73;
	box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 60%);
	padding: 2em;
	font-weight: 400;
}
.search-result_osusume-txt p { 
	font-size: 1.4em;
	line-height: 2;
}
.search-result_osusume-txt p + p {
	margin: 1.2em 0 0;
}
.search-result_osusume-txt a {
color: #2767D3;
	font-weight: bold;
}

.shinsa .search-result_accordion .accordion_content {
	padding: 1.2em 2.2em 1.8em;
}
.shinsa .search-result_accordion .accordion_content ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.shinsa .search-result_accordion .accordion_content li {
	margin: .5em 0 0;
	font-size: 1.4em;
}
.shinsa .search-result_accordion .accordion_content li + li {
	margin: .5em 0 0;
}
.shinsa .search-result_accordion .accordion_content li + li:before {
	content: "/";
}
.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3em 0 0;
}
.page-numbers a, .page-numbers span {
	font-size: 1.2em;
	padding: .7em .5em .6em;
	border: 1px solid #000;
	margin: .3em;
	background: #fff;
}
.page-numbers.current {
	background: #125325;
	color: #fff;
}

/* ranking */
.ranking {
	position: relative;
}
.ranking_ttl {
	padding: 1.8em 1em 1.6em;
	background: #F7F7F7;
	text-align: center;
	border-bottom: 3px solid #00904b;
}
.ranking_ttl > span {
	display: block;
}
.ranking_ttl .line1 {
	position: relative;
	display: inline-block;
	font-size: 1.4em;
	background: #fff;
	padding: .4em 1.1em .45em 1.2em;
	border: 1px solid #666;
	border-radius: 1em;
}
.ranking_ttl .line1:before, .ranking_ttl .line1:after {  
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
}
.ranking_ttl .line1:before {
	bottom: -.05em;
	border-left: .3em solid transparent;
	border-right: .3em solid transparent;
	border-top: .4em solid #666; 
}
.ranking_ttl .line1:after {
	bottom: .05em;
	border-left: .26em solid transparent;
	border-right: .26em solid transparent;
	border-top: .38em solid #fff;
}
.ranking_ttl .line1 strong {
	color: #d30000;
}
.ranking_ttl .line2 { 
	font-size: 2.1em;
	margin: .3em 0 0;
}
.ranking_ttl .line2 .eng { 
	color: #d20000;
}
.ranking_ttl .line2 .eng span { 
	font-size:1.7em;
}
.ranking_content {
	padding: 3em 1.5em 2.5em;
}
.ranking_list {
	margin: 0 .2em;
}
.ranking_list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ranking_list li + li {
	margin: 3em 0 0;
}
.ranking_item-img {
	width: 35%;
}
.ranking_item-txts {
	width: 60%;
	line-height: 1.2;
}
.ranking_item-txts .name { 
	position: relative;
	padding: 0;
	/* 	padding: 0 0 0 2.6em; ３選からTOP3に戻す時はここを表示する */
	color: #2767D3;
	text-decoration: underline;
}
.ranking_item-txts .name a {  
	font-size: 1.5em;
}
.ranking_list li .name:before { 
	/* 	content: ""; ３選からTOP3に戻す時はここを表示する */
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2em;
	height: 2.6em;
}
.ranking_list li:nth-child(1) .name:before { 
	background: url('assets/img/ranking_1st.png') no-repeat center center / contain;
}
.ranking_list li:nth-child(2) .name:before { 
	background: url('assets/img/ranking_2nd.png') no-repeat center center / contain;
}
.ranking_list li:nth-child(3) .name:before { 
	background: url('assets/img/ranking_3rd.png') no-repeat center center / contain;
}
.ranking_item-txts .txt {
	color: #d30000;
	font-size: 1.2em;
	margin: 1.2em 0 0;
}
.ranking_txt {
	background: #fff;
	margin: 2.1em 0 0;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 2;
}
.ranking_comparison {
	padding: 3em 0 3em 1.5em;
}
.ranking .comparison_inner {
	margin: 0;
	padding: 0 1.5em 0 0;
}
.ranking_comparison th {
	width: 5em;
	min-width: 5em;
}
.ranking_comparison td {
	width: 30%;
	min-width: 10em;
}
.ranking_comparison .catch td {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: .8em;
	vertical-align: top;
}
.ranking_comparison .link .comparison_btn a {
	margin: 0;
}
.ranking_comparison .link .comparison_company {
	font-size: clamp(10px, 1.5vw, 12px);
	color: gray;
	padding: 1em 0 0;
	line-height: 1.3;
	font-weight: normal;
	text-align: left;
}
.ranking_comparison .accordion_btn {
	margin: 0;
	justify-content: center;
	cursor: pointer;
}
.ranking_comparison .accordion_btn .icon:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.ranking_comparison .accordion_btn .txt {
	width: 5em;
	font-size: 1.2em;
	font-weight: bold;
}
.ranking_comparison .accordion_btn .txt:after {
	content:"";
}
.ranking_comparison .accordion_content {
	display: none;
	transition: all .5s;
}
.ranking_comparison .ranking_txt {
	padding: 0 1.1em 0 0;
}

/* top3 */
.top3 {
	padding: 1.8em 0 0;
}
.top3_ttl {
	position: relative;
	padding: 2.5em 1em 1.2em;
	background: url('assets/img/top3_ttl_bg.png') no-repeat center center / cover;
	text-align: center;
	border-top: .3em solid #313C72;
	border-bottom: .3em solid #313C72;
	color: #313C72;
	letter-spacing: .05em;
}
.top3_ttl > img { 
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 4.6em;
}
.top3_ttl > span {
	display: block;
	font-size: 1.6em;
	line-height: 1.2;
}
.top3_ttl .line2 {
	margin: .3em 0 0;
}
.top3_ttl strong {
	font-size: 1.3em;
}
.top3_ttl .marker {
	background: linear-gradient(transparent 60%, #FFC700 60%);
}
.top3 .ranking_item-txts .name { 
	position: relative;
	padding: 0;
	padding: 0 0 0 2.6em;
	color: #2767D3;
	text-decoration: underline;
}
.top3 .ranking_list li .name:before { 
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2em;
	height: 2.6em;
}

/* erabikata */
.erabikata {
	position: relative;
}
.erabikata::before{
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	border-top: 10.66667vw solid #fff;
	border-right: 50vw solid transparent;
	border-bottom: 50vw solid transparent;
	border-left: 50vw solid transparent;
	transform: translateX(-50%);
}
.prcards + .erabikata::before{ 
	display: none;
}
.prcards + .erabikata .erabikata_ttl {
	padding-top: 6em;
}
.erabikata_ttl {
	padding: calc(2em + 10.66667vw) 1em 1.6em;
	background: #F7F7F7;
	text-align: center;
	border-bottom: 3px solid #00904b;
}
.erabikata_ttl > span {
	display: block;
}
.erabikata_ttl .line1 {
	position: relative;
	display: inline-block;
	font-size: 1.4em;
	padding: 0 1.2em;
}
.erabikata_ttl .line1 > span:before, .erabikata_ttl .line1 > span:after,
.erabikata_ttl .line1:before, .erabikata_ttl .line1:after {
	content: "";
	position: absolute;
	height: 1.5px;
	background: #000;
}
.erabikata_ttl .line1:before, .erabikata_ttl .line1:after {
	width: .5em;
	top: .7em;
}
.erabikata_ttl .line1:before {
	transform: rotate(50deg);
	left: -.1em;
}
.erabikata_ttl .line1:after {
	transform: rotate(-50deg);
	right: -.1em;
}
.erabikata_ttl .line1 > span:before, .erabikata_ttl .line1 > span:after {
	width: .9em;
	top: .5em;
}
.erabikata_ttl .line1 > span:before {
	transform: rotate(60deg);
	left: 0;
}
.erabikata_ttl .line1 > span:after {
	transform: rotate(-60deg);
	right: 0;
}
.erabikata_ttl .line1 strong {
	color: #d30000;
}
.erabikata_ttl .line2 { 
	font-size: 2.2em;
	margin: .6em 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.erabikata_ttl .line2 > span { 
	display: block;
}
.erabikata_ttl .line2 .txt { 
	font-weight: 900;
}
.erabikata_ttl .line2 .balloon {
	position: relative;
	display: inline-block;
	font-size: .5em;
	background: #FFF492;
	padding: .4em .8em .2em;
	border-radius: .3em;
	margin: 0 1em 0 0;
}
.erabikata_ttl .line2 .balloon:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(100%, -50%);
	border-top: .3em solid transparent;
	border-bottom: .3em solid transparent;
	border-left: .5em solid #FFF492;
}
.erabikata_content {
	position: relative;
	z-index: 1;
	padding: 2em 1.5em 2.8em;
}
.erabikata_txt {
	font-size: 1.4em;
	line-height: 2;
	font-weight: 400;
}
.erabikata_accordion {
	margin: 2em 0 0;
}
.erabikata_accordion .accordion_header {
	border-radius: .6em;
	margin: 0 -0.3em;
}
.erabikata_accordion .accordion_ttl {
	display: flex;
	align-items: center;
}
.erabikata_accordion .accordion_ttl > span {
	display: block;
}
.erabikata_accordion .accordion_ttl .img {
	width: 5.3em;
}
.erabikata_accordion .accordion_ttl .txt { 
	font-size: 1.6em;
	margin: .1em 0 0 .5em;
	width: calc(100% - 3.8em);
	line-height: 1.2;
}
.erabikata_accordion .accordion_ttl .txt span,
.erabikata_accordion .accordion_ttl .txt strong { 
	color: #d30000;
}
.erabikata_accordion .accordion_content {
	padding: 2.9em 0 1.6em;
	border: none;
	text-align: center;
}
.erabikata_subttl {
	display: inline-block;
	position: relative;
	font-size: 1.2em;
	padding: 0 1em 0 2.5em;
	line-height: 1.2;
}
.erabikata_subttl:before { 
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2em;
	height: 2em;
	background: url('assets/img/erabikata_icon.png') no-repeat center center / contain;
}
.erabikata_list {
	display: block;
}
.erabikata_list li {
	margin: 2em 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.erabikata_list li figure { 
	width: 32%;
}
.erabikata_item-txts {
	width: 65%;
}
.erabikata_item-txts {
	margin: 1.3em 0 0;
	text-align: left;
	line-height: 1.2;
}
.erabikata_item-txts .name {
	font-size: 1.3em;
	text-decoration: underline;
	color: #2767D3;
}
.erabikata_item-txts .txt {
	font-size: 1.1em;
	color: #DC5656;
	margin: 1em 0 0;
	line-height: 1.3;
}
.erabikata_item-txts .link a, .erabikata_item-txts .link span { 
	position: relative;
	display: block;
	font-size: 1.3em;
	background: #00904b;
	color: #fff;
	padding: .6em 1em;
	border-radius: .2em;
	margin: .8em 0 0;
	text-align: center;
	cursor: pointer;
}
.erabikata_item-txts .link a:after, .erabikata_item-txts .link span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	border-bottom: solid .15em #fff;
	border-right: solid .15em #fff;
	width: .5em;
	height: .5em;
	transform: translateY(-55%) rotate(45deg);
}
.erabikata_item-txt {
	text-align: left;
	margin: 1.8em 0 0;
	font-size: 1.4em;
	line-height: 2;
}

/* PR欄 */
.pr_ttl {
	padding: 2.6em 0 2em;
	text-align: center;
}
.pr_ttl .line1 {
	position: relative;
    display: inline-block;
    font-size: 1.4em;
    padding: 0 1.2em;
}
.pr_ttl .line1:before, .pr_ttl .line1:after,
.pr_ttl .line1 > span:before, .pr_ttl .line1 > span:after {
	content: "";
    position: absolute;
    top: .5em;
    height: 1.5px;
    background: #000;
}
.pr_ttl .line1:before, .pr_ttl .line1:after {
	top: .7em;
	width: .5em;
}
.pr_ttl .line1 > span:before, .pr_ttl .line1 > span:after {
	top: .5em;
	width: .9em;
}
.pr_ttl .line1:before {
	transform: rotate(50deg);
    left: -.1em;
}
.pr_ttl .line1:after {
    transform: rotate(-50deg);
    right: -.1em;
}
.pr_ttl .line1 > span:before {
	transform: rotate(60deg);
    left: 0;
}
.pr_ttl .line1 > span:after {
	transform: rotate(-60deg);
    right: 0;
}
.pr_ttl .line2 {
	display: block;
	font-size: 2em;
	margin:.6em 0 0;
}
.pr_content {
	padding: 0 1.2em 2.3em;
}
.prlinks {
	display: none;
	border: #00904B solid .2em;
	border-radius: 1em;
	margin: 0 1.2em 5em;
}
.prlinks_txt {
	font-size: 1.4em;
    font-weight: 400;
    line-height: 2;
}
.prlinks_item {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	margin: 1em 0 0;
}
.prlinks_item-img {
	width: 32%;
}
.prlinks_item-txts {
	width: 65%;
	margin: 1.4em 0 0;
}
.prlinks_item-txts .name {
	font-size: 1.3em;
    text-decoration: underline;
    color: #2767d3;
}
.prlinks_item-txts .txt {
	font-size: 1.1em;
    margin: 1em 0 0;
	line-height: 1.3;
	color: #dc5656;
}
.prlinks_item-txts .link a, .prlinks_item-txts .link span {
	position: relative;
    display: block;
    font-size: 1.3em;
    background: #00904b;
    color: #fff;
    padding: .6em 1em;
    border-radius: .2em;
    margin: .8em 0 0;
    text-align: center;
	cursor: pointer;
}
.prlinks_item-txts .link a:after, .prlinks_item-txts .link span:after {
	content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    border-bottom: solid .15em #fff;
    border-right: solid .15em #fff;
    width: .5em;
    height: .5em;
    transform: translateY(-55%) rotate(45deg);
}
.prcards .pr_ttl {
	background: #00904b;
	color: #fff;
}
.prcards .pr_ttl .line1 .red {
	color: #fff;
}
.prcards .pr_ttl .line1:before, .prcards .pr_ttl .line1:after,
.prcards .pr_ttl .line1 > span:before, .prcards .pr_ttl .line1 > span:after {
	background: #fff;
}
.prcards .pr_content {
	background: #f8f8f8;
    padding: 2.3em 1.2em 3.4em;
}

/* popup */
.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 9999;   
	max-width: 480px;
	margin: 0 auto;
	width: calc(100% - 20px);
	border-radius: 1em;
	box-shadow: 0 .3em .6em 0 rgba(0,0,0,.16);
	font-weight: bold;
	text-align: center;
	opacity: 0;
/* 	display: none; */
}
.popup-close {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(20%, -33%);
	background: #fff;
	border: 1px solid #707070;
	width: 2.3em;
	height: 2.3em;
	border-radius: 50%;
	cursor: pointer;
}
.popup-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 1.5em;
	height: .3em;
	transform: translate(-50%, -50%) rotate(45deg);
	background: #707070;
}
.popup-close span:nth-child(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-cover {
	background:rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;   
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.scroll-cards {
	position: absolute;
	top: 53%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	display: flex;
	overflow: hidden;
}
.scroll-cards ul { 
	animation :infinity-scroll 50s infinite linear 0.5s both;
}
.scroll-cards ul li {
	max-width: 780px;
	width: 68em;
}
@keyframes infinity-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.popup_ttl {
	padding: 1.4em 0;
	background: #00904b;
    text-align: center;
    color: #fff;
	border-radius: 1em 1em 0 0;
}
.popup_ttl .line1 {
	display: inline-block;
    font-size: 1.4em;
    background: #fff;
    padding: .6em 1.1em .5em;
    border-radius: 1em;
    color: #000;
}
.popup_ttl .line2 {
	display: block;
	font-size: 1.4em;
	margin: .7em 0 0;
}
.popup_ttl .line3 {
	display: block;
	font-size: 1.8em;
	margin: .5em 0 0;
}
.popup_content {
	background: #fff;
	padding: 2em 1.5em;
	border-radius: 0 0 1em 1em;
}
.popup_anken_txts {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup_anken_img {
	width: 44%;
}
.popup_anken_txt {
	width: 53%;
}
.popup_anken_txt .heading {
	font-size: 1.5em;
}
.popup_anken_txt .list {
	text-align: left;
	margin: 1em 0 0;
	font-weight: 400;
}
.popup_anken_txt .list li { 
	position: relative;
	padding: 0 0 0 .8em;
	font-size: 1.2em;
	line-height: 1.3;
}
.popup_anken_txt .list li + li {  
	margin: .5em 0 0;
}
.popup_anken_txt .list li:before {  
	content: "";
	position: absolute;
	top: .5em;
	left: 0;
	width: .3em;
	height: .3em;
	background: #000;
	border-radius: 50%;
}
.popup_anken_txt .list li strong { 
	color: #00904b;
	display: inline-block;
}
.popup .anken-card_koegake {
	margin: 1.5em 0 0;
}
.popup_anken_special {
	font-size: 1.5em;
	line-height: 1.3;
}


.switch-cards {
	position: absolute;
	top: 41%;
	left: 50%;
	width: 66%;
	transform: translateX(-50%);
}
.switch-cards ul {
	position: relative;
}
.switch-cards ul li {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: infinity-switch 2.5s infinite;
}
.switch-cards ul li:nth-of-type(2) {
	animation-delay: .5s;
}
.switch-cards ul li:nth-of-type(3) {
	animation-delay: 1s;
}
.switch-cards ul li:nth-of-type(4) {
	animation-delay: 1.5s;
}
.switch-cards ul li:nth-of-type(5) {
	animation-delay: 2s;
}
@keyframes infinity-switch {
	0%{ opacity: 0;}
	15%{ opacity: 1;}
	25%{ opacity: 1;}
	30%{ opacity: 0;}
	100%{ opacity: 0;}
}
.line-banner1 .switch-cards, .line-banner2 .scroll-cards { 
	display: none;
}

/* クッションページ */
.cushion {
	position: relative;
	z-index: 1;
	min-height: calc(100vh - 155px);
	padding: 3em 1.5em;
	text-align: center;
}
.cushion img {
	max-width: 400px;
	margin: 0 auto;
}
.cushion h2 {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: .8em;
	letter-spacing: .02em;
}
.cushion h3 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: .02em;
	/* 	margin-bottom: .58em; */
}
.cushion h3 span {
	display: inline-block;
}
.cushion p {
	font-size: 1.4em;
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 2.5em;
}
.cushion a {
	color: #2767D3;
	text-decoration: underline;
}
.cushion .red {
	color: #ED5050;
}

/* 404 */
.page-header{
	padding: 50px 15px 45px;
	text-align: center;
}
.page-title{
	font-size:3.2em;
	margin-bottom: 2rem;
	line-height: 1;
}
.page-header p{
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.8;
}
.error404 .search-btn1 {
	margin: 0 0 3em;
}

/* 運営者情報・プライバシーポリシー*/
.article-content__container {
	padding: 30px 20px;
}
.article-content h2 {
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1.5em;
	margin-bottom: .8em;
}
.article-content h3 {
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 1.43em;
	margin-bottom: .58em;
}
.article-content p {
	font-size: 1rem;
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 2.5em;
}
.article-content a {
	color: #2767D3;
	text-decoration: underline;
}
.article-content ul {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.42;
	margin-bottom: 2.5em;
}

.article-content ul li {
	margin-bottom: .67em;
}
.article-content dl {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.42;
	margin-bottom: 2.5em;
}
.article-content dl dt {
	padding-top: .83em;
	border-top: 1px #707070 solid;
	margin-bottom: .42em;
}
.article-content dl dd {
	padding-bottom: .83em;
}
.article-content dl > *:last-child {
	border-bottom: 1px #707070 solid;
}
.article-content div {
	font-size: 1rem;
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 0.5em;
}
.article-content table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.0em;
}
.article-content th {
	padding: 10px;
	background: #e9faf9;
	border: solid 1px #778ca3;
}
.article-content td {
	padding: 10px;
	border: solid 1px #778ca3;
}
.article-content .content {
	margin-top: 1.0em;
	margin-bottom: 2.0em;
}

#search-area .search_progress_row {
	display: flex;
	align-items: center;
    padding-top: 1.2em;
}
/* 質問番号バッジ：question.png と同じ緑を単色＋角丸で再現（右端の丸みが歪まない）。中の文字はJSで切替 */
#search-area .search_num {
	background: #044E45;
	color: #fff;
	padding: .4em 1.4em;
	font-size: 1.8em;
	white-space: nowrap;
	flex-shrink: 0;
	border-radius: 0 999px 999px 0;
}
/* バッジと並べるため、バー側の左マージンを詰める */
#search-area .search_progress_row .search_progress {
	flex: 1;
	margin: 0 1.5em 0 1.2em;
}
/* YES/NOボタン：薄緑背景＋緑文字・角丸。選択時は緑塗りつぶし＋白文字 */
#search-area .search_item-btn label {
	border: none;
	background: #E6EEED;
	color: #197268;
	border-radius: .6em;
	box-shadow: none;
	font-weight: bold;
}
#search-area .search_item-btn input:checked + label {
/* 	background: #E6EEED; */
	background: #0693e3;
	color: #197268;
}
/* 「独自審査」の文字の左上にキラッと装飾（cooperation.png）を表示 */
#search-area .search_header_new h2 .title .marker {
	position: relative;
}
#search-area .search_header_new h2 .title .marker::before {
	content: "";
	position: absolute;
	top: -0.1em;
	left: -0.4em;
	width: 0.5em;
	height: 0.5em;
	background: url('assets/img/cooperation.png') no-repeat center center;
	background-size: contain;
	pointer-events: none;
}

/* 追加20260717 */
#search-area .search_item-ttl .txt {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5;
	margin: 0.4em 1em 0.4em;
	color: #0B2B2B;
}
#search-area .search_item-btns {
	padding: 0em 1.6em 1.2em;
}
#search-area .search_item-btn {
	margin-top: 0.6em;
}
#search-area .search_item-btn label {
	font-size: 1.5em;
	padding: 1.0em .3em;
	border-radius: .5em;
	line-height: 1.3;
}

#search-area .search_progress .bar {
	background: #197268;
}
#search-area .search_progress .dot.past {
	background: #7FB8AF;
	border-color: #197268;
}
#search-area .search_progress .dot.current {
	background: #044E45;
	border-color: #044E45;
}
#search-area .search_item-btn input:checked + label {
	background: #197268;
	color: #fff;
}
#search-area .search_item.q6.checkbox .search_btn.result {
	display: none;
}
#search-area .search_item.q6.checkbox.has-selection .search_btn.result {
	display: flex;
}
#search-area .search_inner {
	padding-top: 0.8em;
    padding-bottom: 1em;
    overflow: hidden;
}
#search-area .search_header_new.search_header_img {
	padding: 0;
	background-image: none;
}
#search-area .search_header_new.search_header_img {
	padding: 0;
	background-image: none;
}
#search-area .search_header_new.search_header_img h2 {
	padding: 0;
	margin: 0;
	width: 100%;
}
#search-area .search_header_new.search_header_img h2 img {
	display: block;
	width: 100%;
	height: auto;
}
.select_shinsa_v2 .select_ttl {
	background: #fff;
	color: #000;
	padding: 1.4em 1em 1.3em;
}
.select_shinsa_v2 .select_ttl .small {
	background: url('assets/img/title_new.png') no-repeat center center;
	background-size: 100% 100%;
	border-radius: 0;
	color: #3C4A4A;
	font-weight: bold;
	padding: .7em 1.4em .6em;
}
.select_shinsa_v2 .select_ttl .small strong {
	color: #3C4A4A;
}
.select_shinsa_v2 .select_ttl .main {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4em;
	margin: .3em 0 0;
	font-weight: bold;
	font-size: 1.4em;
}
.select_shinsa_v2 .select_ttl .main::before,
.select_shinsa_v2 .select_ttl .main::after {
	content: "";
	width: 1.8em;
	height: 3.0em;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.select_shinsa_v2 .select_ttl .main::before {
	background-image: url('assets/img/leaf_left.svg');
}
.select_shinsa_v2 .select_ttl .main::after {
	background-image: url('assets/img/leaf_right.svg');
}
.select_shinsa_v2 .select_ttl .yellow {
	color: #000;
}
.select_items .anken-card {
	border-top: 10px solid #197268;
}
.select_items .anken-card_name {
	display: flex;
	align-items: center;
	gap: .3em;
}
.select_items .anken-card_name::before {
	content: "";
	flex-shrink: 0;
	width: 1.4em;
	height: 1.1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.select_items .anken-card:nth-child(1) .anken-card_name::before {
	background-image: url('assets/img/crown_gold.png');
}
.select_items .anken-card:nth-child(2) .anken-card_name::before {
	background-image: url('assets/img/crown_silver.png');
}
.select_items .anken-card:nth-child(3) .anken-card_name::before {
	background-image: url('assets/img/crown_bronze.png');
}
.select_items .anken-card:nth-child(n+4) .anken-card_name::before {
	display: none;
}
.ranking_shinsa_v2 .ranking_ttl {
	background: #197268;
	border-bottom: none;
	padding: 1.6em 1em 1.4em;
}
.ranking_shinsa_v2 .ranking_ttl .line1 {
	background: url("assets/img/title_bg.svg") no-repeat center center;
	background-size: 100% 100%;
	border: none;
	border-radius: 0;
	color: #0B2B4A;
	font-weight: bold;
	padding: .5em 1.6em;
}
.ranking_shinsa_v2 .ranking_ttl .line1 strong {
	color: #0B2B4A;
}
.ranking_shinsa_v2 .ranking_ttl .line1:before,
.ranking_shinsa_v2 .ranking_ttl .line1:after {
	display: none;
}
.ranking_shinsa_v2 .ranking_ttl .line2 {
	color: #fff;
}
.ranking_shinsa_v2 .ranking_ttl .line2 .eng {
	color: #fff;
}
.ranking_shinsa_v2 .ranking_ttl .line2 .eng span {
	font-size: 1.7em;
}

.ranking_shinsa_v2 {
	background: #197268;
}
.ranking_shinsa_v2 .ranking_comparison {
	padding: 0 1.5em 1.5em 1.5em;
}
.ranking_shinsa_v2 .ranking .comparison_inner,
.ranking_shinsa_v2 .comparison_inner {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
.ranking_shinsa_v2 .comparison_table {
	background: #fff;
	border-radius: 1em;
	overflow: hidden;
	border: none;
}
.ranking_shinsa_v2 .comparison_table.comparison_table--col2 td { width: 45%; }
.ranking_shinsa_v2 .comparison_table.comparison_table--col1 td { width: 90%; }

.ranking_shinsa_v2 .comparison_table th {
	background: #fff;
}
.ranking_shinsa_v2 .comparison_crown {
	text-align: center;
	margin: 0 0 .2em;
	line-height: 1;
}
.ranking_shinsa_v2 .comparison_crown img {
	width: 2.6em;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 0.6em;
}
.ranking_shinsa_v2 .comparison_table .name td {
	padding-top: 1em;
}
.ranking_shinsa_v2 .comparison_cardimg {
	display: block;
	margin: 0 auto;
}
.ranking_shinsa_v2 .comparison_name {
	margin: .6em 0 0;
}
.ranking_shinsa_v2 .comparison_btn a {
	background: #E60012;
	box-shadow: 0 0.53333vw 0 #a5000d;
}
@keyframes pekopekoBtnRed {
	0%,20%,40%   { transform: translateY(0);           box-shadow: 0 0.53333vw 0 #a5000d; }
	10%,30%      { transform: translateY(0.53333vw);   box-shadow: 0 0 0 #a5000d; }
}
.ranking_shinsa_v2 .comparison_btn a {
	animation: pekopekoBtnRed 2s infinite;
}
.ranking_shinsa_v2 .accordion_btn {
	color: #666;
}
.ranking_shinsa_v2 .accordion_btn .icon {
	width: 2.0em;
	height: 2.0em;
	background: #E6E6E6;
	border: 1px solid #E6E6E6;
	border-radius: 50%;
	margin: 0 .4em 0 0;
}
.ranking_shinsa_v2 .accordion_btn .icon:before,
.ranking_shinsa_v2 .accordion_btn .icon:after {
	background: #000;
	width: .8em;
	height: .15em;
}
.ranking_shinsa_v2 .accordion_btn .icon:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.ranking_shinsa_v2 .ranking_txt {
	color: #000;
	text-align: left;
	padding: 1.5em;
    margin-top: 0;
}
.ranking_shinsa_v2 .ranking_txt strong {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #FFF35C 60%);
}
.ranking_shinsa_v2 .ranking_txt .hl {
	color: red;
}
.comparison_inner {
	overflow-x: hidden;
}
.comparison_name {
	min-height: 0;
}



.anken-card_catch {
	text-align: center;
	font-weight: bold;
}
.anken-card_info .ttl {
	background: #197268;
	color: #fff;
	border-bottom: none;
}
.anken-card_info {
	border-color: #cfe0dc;
	border-radius: .6em;
	overflow: hidden;
}
.anken-card_accordion .accordion_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #197268;
	border: none;
	border-radius: .5em .5em 0 0;
	padding: 1em 1em;
}
.anken-card_accordion .accordion_header.close {
	border-radius: .5em;
}
.anken-card_accordion .accordion_ttl {
	color: #fff;
}
.anken-card_accordion .accordion_ttl .marker {
	color: #fff;
	background: none;
}
.anken-card_accordion .accordion_btn .icon {
	width: 1.4em;
	height: 1.4em;
	background: none;
	border: none;
	border-radius: 0;
}
.anken-card_accordion .accordion_btn .icon:before,
.anken-card_accordion .accordion_btn .icon:after {
	background: #fff;
}
.anken-card_accordion.feature .accordion_ttl:before {
	filter: brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(560%) hue-rotate(1deg) brightness(98%) contrast(92%);
}
.anken-card_accordion .accordion_content {
	background: #fff;
	border: 1px solid #cfe0dc;
	border-radius: 0 0 .5em .5em;
	margin-top: -.3em;
}

.anken-card_accordion .accordion_header.static {
	pointer-events: none;
}
.anken-card_accordion .accordion_header.static .accordion_btn {
	display: none;
}

.anken-card_accordion.feature .feature_clamp-content {
	position: relative;
	max-height: 11.5em;
	overflow: hidden;
	border-bottom: none;
	border-radius: 0;
}
.anken-card_accordion.feature .feature_clamp-content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3em;
	background: linear-gradient(rgba(255,255,255,0), #fff);
	pointer-events: none;
}
.anken-card_accordion.feature.is-open .feature_clamp-content {
	max-height: none;
}
.anken-card_accordion.feature.is-open .feature_clamp-content::after {
	display: none;
}
.anken-card_accordion.feature .feature_clamp-toggle {
	display: block;
	width: 100%;
	margin: 0;
	padding: .6em 0 .8em;
	border: none;
	background: #fff;
	border: 1px solid #cfe0dc;
	border-top: none;
	border-radius: 0 0 .5em .5em;
	color: #197268;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	appearance: none;
}
.anken-card_accordion.feature .feature_clamp-toggle .label {
	text-decoration: underline;
}
.anken-card_accordion.feature .feature_clamp-toggle .mark {
	margin-left: .3em;
}

.comparison_shinsa_v2 .comparison_ttl {
	background: #f6f6f6;
	color: #000;
	border-top: 10px solid #197268;
}
.comparison_shinsa_v2 .comparison_ttl .line2 {
	color: #000;
}
.comparison_shinsa_v2 .comparison_ttl .line1 {
	background: url("assets/img/title_comparison.png") no-repeat center center;
	background-size: 100% 100%;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	padding: .6em 1.4em .5em;
}
.comparison_shinsa_v2 .comparison_ttl .line1 strong {
	color: #fff;
}
.comparison_shinsa_v2 .comparison_crown {
	text-align: center;
	margin: 0 0 .3em;
	line-height: 1;
}
.comparison_shinsa_v2 .comparison_crown img {
	width: 2.8em;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 0.4em;
}
.comparison_shinsa_v2 .comparison_crown-empty {
	height: 1.9em;
	margin-bottom: calc(.3em + 0.4em);
}
.comparison_shinsa_v2 .comparison_cardimg {
	display: block;
	margin: 0 auto;
}
.comparison_shinsa_v2 .comparison_name {
	margin: .5em 0 0;
}
.comparison_shinsa_v2 .comparison_btn a {
	background: #E60012;
	box-shadow: 0 0.53333vw 0 #a5000d;
}
@keyframes pekopekoBtnRed {
	0%,20%,40%   { transform: translateY(0);           box-shadow: 0 0.53333vw 0 #a5000d; }
	10%,30%      { transform: translateY(0.53333vw);   box-shadow: 0 0 0 #a5000d; }
}
.comparison_shinsa_v2 .comparison_btn a {
	animation: pekopekoBtnRed 2s infinite;
}

.comparison_shinsa_v2 {
	background: #f6f6f6;
}
.comparison_shinsa_v2 .comparison_ttl:after {
	display: none;
}
.comparison_shinsa_v2 .comparison_table {
	background: #fff;
	border-radius: 1em;
	overflow: hidden;
	border: none;
}
.comparison_shinsa_v2 .comparison_table .name td {
	padding-top: 1em;
}
.comparison_shinsa_v2 .comparison_table .link .comparison_catch {
    font-size: 1.1em !important;
}

.comparison_inner {
	overflow-x: scroll;
}

@media screen and (min-width: 769px){ 
	.category-list_list, .anken-card, .search-result_accordion, .search-result_osusume {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.anken-card_banner {
		padding-left: 2em;
		padding-right: 2em;
	}
	.anken-card_main {
		padding-left: 2em;
		padding-right: 2em;
	}
	.anken-card_header{
		padding-left: 2em;
	}
	.pr_content {
		padding-left: 2em;
        padding-right: 2em;
	}
}
@media screen and (max-width: 768px){
	/* ==========================================================================
	Commons styles
	========================================================================== */
	.pc{display: none}
	.sp{display: block}
	.flex_wrapper, .flex-wrap_par{
		display: block;
	}
	.flex_sp{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	/* ==========================================================================
	Author's custom styles
	========================================================================== */	

	/* common */
	body {
		font-size: calc(10vw / 3.75);
	}
	.menu_trigger {
		right: 0;
	}
	.menu_content {
		max-width: 100%;
		min-height: 100vh;
	}
	/* fv */
	.fv {
		font-size: calc(10vw / 3.75);
		/* 		height: 23.15em; */
	}
	.fv_ttl {
		max-width: 84%;
	}
	.fv_ttl .line1 {
		font-size: calc(16vw / 3.75);
	}
	.fv_ttl .line2 {
		font-size: calc(20vw / 3.75);
	}
	.fv_ttl .line3 {
		font-size: calc(24vw / 3.75);
	}
	.fv_ttl .line4 {
		font-size: calc(30vw / 3.75);
	}
	.taxonomy .fv .line2 {
		font-size: calc(22vw / 3.75);
	}
	.taxonomy .fv .line4 .balloon {
		font-size: calc(14vw / 3.75);
	}
	.taxonomy .fv .line4 .num {
		font-size: calc(70vw / 3.75);
	}
	.taxonomy .fv .line4 .stroke {
		font-size: calc(39vw / 3.75);
	}
	.taxonomy .fv .line4 .stroke:before {
		font-size: calc(43vw / 3.75);
	}
	.category-list_list li a {
		padding: .8em 1.5em;
	}
	.banner {
		font-size: calc(10vw / 3.75);
	}
	main, .header_inner, .banner_inner, .footer { 
		max-width: 100%;	
	}
	.search_header_new h2 .title {
		font-size: 1.6em;
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.ranking_shinsa_v2 .comparison_inner {
		overflow-x: visible;
		margin: 0;
		padding: 0;
	}
	.ranking_shinsa_v2 .comparison_table {
		width: 100%;
		table-layout: fixed;
	}
	.ranking_shinsa_v2 .comparison_table th,
	.ranking_shinsa_v2 .ranking_comparison th {
		min-width: 3.4em;
		font-size: 1em;
		padding: .4em .2em;
		word-break: break-all;
	}
	.ranking_shinsa_v2 .comparison_table td,
	.ranking_shinsa_v2 .ranking_comparison td {
		width: auto;
		min-width: 0;
		padding: .6em .3em;
		font-size: .92em;
		word-break: break-word;
		overflow-wrap: break-word;
	}
    .ranking_shinsa_v2 .comparison_cardimg,
	.ranking_shinsa_v2 .comparison_table .name td img {
		max-width: calc((100vw - 8em) / 3 - 0.6em);
		height: auto;
	}
	.ranking_shinsa_v2 .comparison_name {
		font-size: .95em;
		word-break: break-word;
	}
	.ranking_shinsa_v2 .ranking_comparison .catch td {
		font-size: 1.13em;
		padding: .6em .3em;
		vertical-align: top;
	}
	.ranking_shinsa_v2 .comparison_btn a {
		font-size: 1em;
		padding: .5em .2em;
	}
	.ranking_shinsa_v2 .comparison_btn a:after {
		display: none;
	}
	.select_ttl .main {
		text-align: 1.2em;
	}
	.select_ttl .main {
		font-size: 1.2em;
	}
	.anken-card_accordion.feature .feature_clamp-toggle {
		font-size: 1.4em;
	}
	
	.comparison_shinsa_v2 .comparison_inner {
		--th-width: 4.5em;
		--gutter: 1em;
		--card-width: calc((100vw - var(--th-width) - var(--gutter)) / 3);
		margin: 0;
		padding: 0 0 0 var(--gutter);
		overflow-x: auto;
	}
	.comparison_shinsa_v2 .comparison_table {
		width: auto;
		table-layout: fixed;
	}
	.comparison_shinsa_v2 .comparison_table th {
		width: var(--th-width);
		min-width: var(--th-width);
		max-width: var(--th-width);
		font-size: .95em;
		padding: .4em .2em;
		word-break: break-all;
	}
	.comparison_shinsa_v2 .comparison_table td {
		width: var(--card-width);
		min-width: var(--card-width);
		max-width: var(--card-width);
		padding: .6em .3em;
		font-size: 1.1em;
		word-break: break-word;
		overflow-wrap: break-word;
	}
	.comparison_shinsa_v2 .comparison_table .name td {
		padding: .8em .3em .6em;
	}
	.comparison_shinsa_v2 .comparison_cardimg {
		max-width: calc((100vw - var(--th-width) - var(--gutter)) / 3 - 0.6em);
		height: auto;
	}
	.comparison_shinsa_v2 .comparison_crown img {
		width: 2.5em;
	}
	.comparison_shinsa_v2 .comparison_name {
		font-size: .95em;
		word-break: break-word;
	}
	.comparison_shinsa_v2 .comparison_catch {
		font-size: 1.1em;
	}
	.comparison_shinsa_v2 .comparison_btn a {
		font-size: 1.0em;
		padding: .5em .2em;
	}
    .comparison_shinsa_v2 .comparison_btn a:after {
        display: none;
    }
    .comparison_shinsa_v2 .comparison_table.comparison_table--col2 {
        --card-width: calc((100vw - var(--th-width) - var(--gutter)) / 2);
    }
    .comparison_shinsa_v2 .comparison_table.comparison_table--col1 {
        --card-width: calc(100vw - var(--th-width) - var(--gutter));
    }
    .ranking_shinsa_v2 .comparison_table.comparison_table--col2 td,
    .ranking_shinsa_v2 .comparison_table.comparison_table--col1 td {
        width: auto;
    }
}