html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

label.error {
	display: block;
	margin-top: 15px;
	color: red;
	font-weight: bold;
	font-size: 13px;
}

body {
	line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

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

input,
select {
	vertical-align: middle
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
i,
ul,
li,
header,
nav,
aside,
section,
footer {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline
}

a {
	color: #090924;
	outline: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s
}

a:link,
a:visited {
	color: #090924;
	outline: 0
}

a:hover,
a:active {
	color: #090924;
	outline: 0;
	cursor: pointer
}

a img {
	border: none
}

img {
	vertical-align: middle;
	border: 0;
	width: 100%
}

iframe {
	width: 100%
}

body {
	color: #000000;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-smoothing: antialiased;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-font-smoothing: antialiased;
	-moz-text-size-adjust: 100%;
	-ms-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-o-font-smoothing: antialiased;
	-o-text-size-adjust: 100%
}

.sp {
	display: none;
}

.pc {
	display: block;
}

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

#wrap {
	overflow: hidden;
}

input[type=radio] {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

button {
	border: none;
	background: none;
}

button:hover {
	cursor: pointer;
}

#shindan_content {
	margin: 0 auto;
	position: relative;
}

section {
	position: relative;
}

section:first-child {
	padding: 0;
}

section.flow {
	padding: 8vw 0 11.53vw;
}

#shindan_content .max-900 {
	max-width: 750px;
	margin: 0 auto;
	position: relative;
}

.bg_blue {
	background: #299ddf;
}

.bg_red {
	background: #f75c5c;
}

.text-blue {
	color: #299ddf;
}
.btn_area {
	text-align: center;
}

.text-center {
	text-align: center;
}

#shindan_content div.top_img {
	position: relative;
	margin: 0 auto;
}

#shindan_content img {
	width: 100%;
	height: auto;
}

#shindan_content .top_img,
#shindan_content .flow_img {
	margin: 0 auto 0;
	position: relative;
}

footer {
	color: #299ddf;
	padding: 1.54vw 0;
	text-align: center;
}

footer a:link,
footer a:visited {
	color: #299ddf;
}

footer .copyright {
	margin-bottom: 1.5vw;
}

footer .logo {
	max-width: 200px;
	height: auto;
	margin: 0 auto;
}

footer ul.link {
	list-style: none;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	word-break: keep-all;
	margin-bottom: 1.5vw;
}

footer ul li {
	margin-right: 1vw;
}

@media screen and (max-width: 767px) {
	#shindan_content .max-900 {
		max-width: 750px;
	}
	#shindan_content .reason {
		max-width: 750px;
		margin: 0 auto 0;
	}
	footer {
		padding: 2.667vw 5.334vw 8vw;
		background: #fff;
	}
	footer .logo {
		margin-top: 6.667vw;
		max-width: 200px;
	}
	footer .logo img {
		height: auto;
	}
	footer ul.link {
		font-size: 5.334vw;
		display: block;
	}
	footer ul.link li {
		margin-top: 5.334vw;
	}
	footer .copyright {
		font-size: 2.667vw;
		margin-top: 6.667vw;
	}
}

.bg_border {
	background-color: #e5e5e5;
	background-image: repeating-linear-gradient(-45deg, #fff, #fff 3px, transparent 0, transparent 7px);
}

.frame {
	border-style: solid;
	border-width: min(0.267vw, 2px);
	border-color: rgb(0, 0, 0);
	border-radius: min(2.667vw, 20px);
	background-color: rgb(255, 255, 255);
	margin: min(6.667vw, 50px);
}

.frame_title {
	text-align: center;
	margin-top: 1.25rem;
	border-bottom: min(0.2667vw, 2px) #000000 solid;
	font-size: min(5.334vw, 40px);
	font-weight: bold;
}

.frame_title img {
	max-width: 394px;
}

.profile {
	margin-top: 9rem!important;
	padding: min(3.3vw, 25px);
}

.profile_img,
.flow_img {
	max-width: 750px;
	text-align: center;
}
.profile_img {
	transform: translateY(-45%);
	-webkit-transform: translateY(-45%);
}
.profile_img img {
	max-width: 160px;
}
.profile_img .heading-text{
	margin-top: min(4vw, 30px);
}

.profile_text {
	text-align: left;
	font-size: 18px;
	margin-top: max(-6.6667vw,-50px);
}
.profile_text.short {
	display: none;
}
.profile_text p {
	font-family: "Hiragino Kaku Gothic Pro";
	line-height: 1.792;
	color: #000000;
}
.profile a.more{
	margin-top: max(-6.6667vw,-100px);
}
.profile-text-title{
	font-family: "游ゴシック体";
	font-weight: bold;
	text-align: center;
	background: #333333;
	color: #ffffff;
	padding: min(1.334vw, 10px);
	font-size: 24px;
	margin: min(4vw,30px) 0 min(2.6667vw,20px);
}
.profile-text-img {
	margin: min(2.6667vw,20px) 0 min(4vw,30px);
}
#shindan_content .reason,
#shindan_content .example {
	max-width: 750px;
	margin: 0 auto 0;
	position: relative;
	padding: 3.125rem 0;
}

.shindanForm .btn_area {
	margin: 3.125rem auto;
}

.reason .btn_area,
.example .btn_area,
.flow_img .btn_area {
	margin-top: 3.125rem;
}

.flow_img img {
	max-width: 632px;
}

.suenaga_area {
	width: 100%;
	text-align: left;
	margin: 100px auto;
	position: relative;
}

.suenaga_text {
	width: 710px;
	background: #ffffff;
	padding: 2rem 0 2.5rem;
	z-index: 1;
	position: relative;
}

.suenaga_text p {
	font-size: 28px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro";
	line-height: 1.786;
	color: #000;
}

.suenaga_text::before {
	content: '';
	background-image: url(/magazines/shindan/img/default/suenaga.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	bottom: 2.5rem;
	width: 160px;
	height: 178px;
	position: absolute;
}

.suenaga_area .top {
	margin-left: 40px;
}

.suenaga_area .right {
	margin: 40px 0 0 180px;
}

.suenaga_area .sign {
	text-align: right;
	margin: 40px 40px 0;
}

.suenaga_area .sign p {
	color: #299ddf;
}

.suenaga_area::after {
	content: '';
	background-color: #ffffff;
	opacity: 0.2;
	left: 30px;
	width: 720px;
	height: 100%;
	position: absolute;
	bottom: -40px;
}

.shindan_detail {
	padding: 1rem 40px 0;
}

.shindan_detail dt {
	font-size: 32px;
}

.shindan_detail dt .question {
	font-weight: bold;
}

.question img {
	width: 60px!important;
	height: auto;
}

.shindan_detail dd {
	text-align: left;
	display: flex;
	display: -webkit-flex;
	-ms-flex-flow: row wrap;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.shindan_itmes .radio {
	margin-top: min(3.3vw, 20px);
	position: relative;
	border: min(0.2667vw, 2px) #000 solid;
	padding: min(3.7vw, 28px) 0;
	background-color: #fff;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	font-size: min(3.73vw, 28px);
	color: #000;
	text-align: center;
	font-weight: bold;
	width: 44%;
}

.shindan_itmes dd .radio:nth-of-type(2n) {
	margin-left: 40px;
}

.shindan_itmes .radio:hover,
.shindan_itmes input[type="radio"]:checked+.radio {
	background-color: #299ddf;
	color: #ffffff;
	border: min(0.2667vw, 2px) #299ddf solid;
}

.shindan_itmes .select {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: min(3.7vw, 28px) min(0.8vw, 10px);
	background-color: #fff;
	vertical-align: middle;
	cursor: pointer;
	text-align: left;
	font-size: min(3.73vw, 28px);
	width: 100%;
	color: #000;
	border: none;
	text-align: left;
	border: min(0.2667vw, 2px) #000 solid;
	height: min(12vw, 90px);
}

.shindan_itmes dl .select {
	margin-top: 1rem;
}

.shindan_itmes select {
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color: #000;
	text-align: left;
	font-size: min(3.73vw, 28px);
	font-weight: bold;
	padding-right: min(2.308vw, 30px);
	height: min(12vw, 90px);
}

.shindan_itmes .select::before {
	position: absolute;
	content: '';
	width: min(4.133vw, 31px);
	height: min(2.267vw, 17px);
	background-image: url(/magazines/shindan/img/default/select_arrow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	pointer-events: none;
	top: 40%;
	right: min(4vw, 30px);
}

.shindan_itmes .select::after {
	content: '';
	position: absolute;
	width: 12vw;
	max-width: 90px;
	height: 2px;
	right: min(8vw, 60px);
	top: 50%;
	background-color: #000;
	transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
	.bg_border {
		background-color: #e5e5e5;
		background-image: repeating-linear-gradient(-45deg, #fff, #fff 0.4vw, transparent 0, transparent 0.9vw);
	}
	.frame_title img {
		max-width: 52.53vw;
	}
	.btn_shindan img,
	.btn_result img {
		max-width: 80.8vw!important;
	}
	.profile {
		margin-top: 17.334vw!important;
		padding: 0 1.2rem 0 1.2rem;
	}
	.profile_text {
		font-size: 3.2vw;
	}
	.profile-text-title{
		font-size: 3.7334vw;
	}
	.profile_img {
		transform: translateY(-35%);
		-webkit-transform: translateY(-35%);
	}
	.profile_img img {
		max-width: 21.334vw;
	}
	.example img {
		max-width: 96vw;
	}
	.flow_img img {
		max-width: 84.267vw;
	}
	.suenaga_area {
		margin: 13.34vw auto 15vw;
	}
	.suenaga_text {
		width: 94.667vw;
	}
	.suenaga_text p {
		font-size: inherit;
	}
	.suenaga_area .top {
		margin-left: 5.334vw;
	}
	.suenaga_area .right {
		margin: 5.334vw 0 0 24vw;
	}
	.suenaga_text::before {
		width: 21.334vw;
		height: 23.7334vw;
	}
	.suenaga_area .sign {
		margin: 5.334vw 5.334vw 0;
	}
	.suenaga_area::after {
		content: '';
		background-color: #ffffff;
		opacity: 0.2;
		left: 4vw;
		height: 100%;
		position: absolute;
		bottom: -5.334vw;
		width: 96vw;
	}
	.shindan_detail {
		padding: 0.5rem 5.334vw 0;
	}
	.shindan_detail dt {
		font-size: 4.2667vw;
	}
	.question img {
		width: 8vw!important;
		height: auto;
	}
	.shindan_itmes .radio {
		font-size: 3.3vw;
	}
	.shindan_itmes dd .radio:nth-of-type(2n) {
		margin-left: 5.334vw;
	}
	.shindan_itmes dl .select {
		padding: 0 5.334vw;
	}
	.shindan_itmes select {
		height: 12vw;
		padding-right: 8vw;
	}
	.shindan_itmes .select::after {
		width: 12vw;
		height: 0.2667vw;
	}
}


/*
結果画面
*/

.content_box.conditions,
.content_box.result {
	padding: min(3.3vw, 25px);
}

.conditions_itmes {
	display: flex;
	display: -webkit-flex;
	-ms-flex-flow: row wrap;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-bottom: min(3.3vw, 20px);
}

.conditions span {
	margin: min(3.3vw, 20px) 0 0 min(3.3vw, 20px);
	border-radius: 50px;
	position: relative;
	box-sizing: border-box;
	position: relative;
	padding: min(1.067vw, 0.7rem) min(0.8vw, 10px);
	background-color: #299ddf;
	color: #ffffff;
	border: min(0.2667vw, 2px) #299ddf solid;
	vertical-align: middle;
	cursor: pointer;
	font-size: min(3.2vw, 24px);
	text-align: center;
	font-weight: bold;
	width: 28%;
}

/*.count {
	position: absolute;
	top: 30%;
	left: 40%;
	font-size: min(6.667vw, 50px);
	color: #299ddf;
}*/

.result .frame {
	margin-bottom: min(3.3vw, 25px)!important;
	padding-bottom: min(3.3vw, 25px);
}

.result .frame_title {
	text-align: left;
	padding: 0 3.3vw 2.667vw;
}

.result .frame_title p {
	font-size: min(3.2vw, 24px);
	line-height: 1.4;
	margin-top: 1.06vw;
	color: #808080;
}

.result .promotion_img {
	margin: 3.3vw;
	border: 1px #cccccc solid;
}

.result .point_list {
	margin: min(3.3vw, 25px);
}

.result .point_list dd {
	border: 1px #cccccc solid;
}

.result ul {
	list-style: none;
	padding: min(3.3vw, 20px) 0;
}

.result .point_list h2 {
	background: #299ddf;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: min(3.2vw, 24px);
	padding: min(3.3vw, 20px) min(6.67vw, 50px);
	letter-spacing: 1px;
	display: inline-block;
	border-top-left-radius: min(1.6vw, 12px);
	border-top-right-radius: min(1.6vw, 12px);
}

.result ul li {
	font-size: min(3.2vw, 24px);
	position: relative;
	padding-left: min(10vw, 75px);
	line-height: min(8vw, 60px);
	font-weight: bold;
}

.result ul li::before {
	content: "";
	position: absolute;
	background-image: url(/magazines/shindan/img/default/check.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: min(5.334vw, 40px);
	height: min(8vw, 60px);
	left: min(3.3vw, 20px);
}

.result_table {
	margin: min(3.3vw, 25px);
}

.result_table_row {
	display: flex;
	display: -webkit-flex;
	-ms-flex-flow: row wrap;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	text-align: center;
}

.result_table_th div {
	width: 33%;
	background: #299ddf;
	color: #ffffff;
	font-size: min(3.2vw, 24px);
	font-weight: bold;
	padding: min(3.3vw, 20px) 0;
}

.result_table_tr div {
	width: 33%;
	background: #e5f3fb;
	font-size: min(3.2vw, 24px);
	font-weight: bold;
	padding: min(3.3vw, 20px) 0;
}

/*.result .btn_area {
	margin: min(5.334vw, 40px) 3.3vw 0;
}*/

.updated_caution {
	color: #666666;
	font-size: min(3.3vw, 20px);
	margin: min(3.3vw, 20px) auto;
	text-align: center;
	font-weight: bold;
}

.result .tokucyou,
.result .user_comment {
	border: 1px #cccccc solid;
	margin: 3.3vw;
}

.result .tokucyou .title,
.result .user_comment .title {
	padding: min(0.2667vw, 2px);
}

.result .tokucyou h2,
.result .user_comment h2 {
	background: #299ddf;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: min(3.2vw, 24px);
	padding: min(2vw, 15px) 0;
	letter-spacing: 1px;
}

.result .user_comment .detail {
	padding: 3.3vw;
}

.user_comment .more_txt {
	font-size: min(3.2vw, 24px);
	font-weight: bold;
	line-height: 1.5;
}

.user_comment .short {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.user_comment .more {
	margin-top: min(2vw, 15px);
	text-align: center;
}

.user_comment .more img {
	width: min(75.467vw, 500px)!important;
}

.comment_icon {
	width: min(9.332vw, 70px)!important;
	margin: 0 min(2vw, 15px) min(2vw, 15px) 0;
}

.tokucyou dd {
	padding: min(4vw, 30px) min(4vw, 30px) 0 min(4vw, 30px);
	text-align: left;
	display: flex;
	display: -webkit-flex;
	-ms-flex-flow: row wrap;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.tokucyou dd span.label {
	border: min(0.2667vw, 2px) solid #000;
	border-radius: min(1.0667vw, 8px);
	margin-bottom: min(4vw, 30px);
	font-size: min(3.2vw, 24px);
	font-weight: bold;
	width: 32%;
	margin-right: min(0.6vw, 5px);
	text-align: center;
	padding: min(1.067vw, 8px) 0;
}

.tokucyou dd span.label:nth-of-type(3n) {
	margin-right: 0px;
}

.tokucyou dd span.label.tokucyou_1 {
	border-color: #715e54;
	color: #715e54;
}

.tokucyou dd span.label.tokucyou_2 {
	border-color: #d56f2b;
	color: #d56f2b;
}

.tokucyou dd span.label.tokucyou_3 {
	border-color: #273c75;
	color: #273c75;
}

.tokucyou dd span.label.tokucyou_4 {
	border-color: #57972c;
	color: #57972c;
}

.tokucyou dd span.label.tokucyou_5 {
	border-color: #53b3df;
	color: #53b3df;
}

.tokucyou dd span.label.tokucyou_6 {
	border-color: #7f828b;
	color: #7f828b;
}

.tokucyou dd span.label.tokucyou_7 {
	border-color: #8b39aa;
	color: #8b39aa;
}

.tokucyou dd span.label.tokucyou_8 {
	border-color: #dc687b;
	color: #dc687b;
}

.tokucyou dd span.label.tokucyou_9 {
	border-color: #d13d09;
	color: #d13d09;
}

.tokucyou dd span.label.tokucyou_10 {
	border-color: #94ae46;
	color: #94ae46;
}

.tokucyou dd span.label.tokucyou_11 {
	border-color: #26a7a9;
	color: #26a7a9;
}

.tokucyou dd span.label.tokucyou_12 {
	border-color: #a15979;
	color: #a15979;
}

.tokucyou dd span.label.tokucyou_13 {
	border-color: #fdcb6e;
	color: #fdcb6e;
}

.tokucyou dd span.label.tokucyou_14 {
	border-color: #55efc4;
	color: #55efc4;
}

.tokucyou dd span.label.tokucyou_15 {
	border-color: #9a8f6c;
	color: #9a8f6c;
}

.tokucyou dd span.label.tokucyou_16 {
	border-color: #c23616;
	color: #c23616;
}

.tokucyou dd span.label.tokucyou_17 {
	border-color: #9b8181;
	color: #9b8181;
}

.tokucyou dd span.label.tokucyou_18 {
	border-color: #e6a72e;
	color: #e6a72e;
}

.tokucyou dd span.label.tokucyou_19 {
	border-color: #3a7da4;
	color: #3a7da4;
}

.tokucyou dd span.label.tokucyou_20 {
	border-color: #e84393;
	color: #e84393;
}

.tokucyou dd span.label.tokucyou_21 {
	border-color: #e17055;
	color: #e17055;
}

.tokucyou dd span.label.tokucyou_22 {
	border-color: #636e72;
	color: #636e72;
}

.tokucyou dd span.label.tokucyou_23 {
	border-color: #8c7ae6;
	color: #8c7ae6;
}

.tokucyou dd span.label.tokucyou_24 {
	border-color: #c2496b;
	color: #c2496b;
}

.tokucyou dd span.label.tokucyou_25 {
	border-color: #6c5ce7;
	color: #6c5ce7;
}

.suenaga_comment {
	margin-top: min(2vw, 15px);
	padding: min(3.3vw, 35px);
	text-align: left;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.suenaga_comment img {
	width: min(13.334vw, 100px)!important;
}

.suenaga_comment dt {
	width: 20%;
}

.suenaga_comment dd {
	width: 75%;
	padding: min(4vw, 30px);
	background: #f5f5f5;
	border-radius: min(1.6vw, 12px);
	word-break: break-word;
	position: relative;
	font-size: min(3.2vw, 24px);
	font-weight: bold;
	line-height: 1.5;
}

.suenaga_comment dd::before {
	content: "";
	position: absolute;
	top: 20%;
	left: -1.5rem;
	border: 0.8rem solid transparent;
	border-right: 0.8rem solid #f5f5f5;
}

.suenaga_comment .detail {
	background: #f5f5f5;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.suenaga_comment dd {
		width: 70%;
	}
	.suenaga_comment dd::before {
		content: "";
		position: absolute;
		top: 15%;
		left: -1rem;
		border: 0.5rem solid transparent;
		border-right: 0.5rem solid #f5f5f5;
	}
}

.top_img:not(.head-logo) img{
	width: min(256px, 34.133vw)!important;
}
.top_img:not(.head-logo){
	text-align: center;
	background: linear-gradient(to bottom, #ffffff 75%, #f0f0f0 50%);
	padding: min(2.6667vw, 40px) 0 min(6.6667vw, 50px);
}
.top_img.head-logo{
	max-width: 750px;
}
.heading-text{
	letter-spacing: 2px;
	text-align: center;
	font-size: min(6.133vw, 46px);
	font-weight: bold;
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF, 0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}
.heading-text.first{
	margin: 3rem auto 20px!important;
	
}
.shindanForm {
	padding: 0 min(4vw, 30px) 0;
	text-align: center;
	position: relative;
}
.shindanForm .kv{
	position: relative;
	margin-top: max(-13.334vw, -100px);
	margin-left: min(4vw, 30px);
}
.shindanForm .shindan_itmes{
	position: relative;
}
.btnRanking{
	position: relative;
	width: min(590px, 78.667vw);
	margin: min(6.6667vw, 50px) auto min(13.3334vw, 100px);
}
.shindanForm .shindan_itmes .supervision{
	position: absolute;
	width: min(227px, 30.2667vw)!important;
	left: max(-30px, -4vw);
	top: max(-70px, -9.333vw);
}
.shindanForm .shindan_itmes .heading{
	width: min(516px, 68.8vw)!important;
	margin-top: min(100px, 13.334vw);
	margin-bottom: min(50px, 6.667vw);
	position: relative;
}
.bg_stripe.lazyloaded{
	background-image: url(/magazines/shindan/img/default/bg_stripe.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.result{
	text-align: left;
}
.rank-list .frame{
	margin-bottom: min(50px, 6.667vw)!important;
}
.frame_title-rank{
	display: flex;
	align-items: flex-end;
}
.frame_title-rank .rank{
	width: min(68px, 9.0667vw)!important;
	margin-right: min(10px, 1.334vw);
}
@media screen and (max-width: 767px) {
	.profile .more{
		margin-bottom: 1.5625rem;
	}
	.profile-title.name{
		margin: 14.667vw auto 2.667vw!important;
	}
}

.information-policy{
	padding-bottom : min(100px, 13.334vw);
}

.information-policy h1{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: min(32px, 4.2667vw);
	padding: min(50px, 6.667vw);
}
.information-policy-detail.frame{
	border-color: #ffffff;
	margin: 0 min(25px, 3.334vw) min(50px, 6.667vw)!important;
}
.information-policy-detail .frame_title > h3{
	font-weight: bold;
	font-size: min(32px, 4.2667vw);
	text-align: left;
	margin: min(25px, 3.334vw);
}
.information-policy-detail .about-policy-detail{
	margin: min(50px, 6.667vw) min(25px, 3.334vw) 0;
}
.information-policy-detail dl.about-policy-detail{
	display: flex;
	flex-wrap: wrap;
	font-size: min(28px, 3.733vw);
}
.information-policy-detail dl.about-policy-detail dt{
	width: 30%;
	margin-bottom: min(50px, 6.667vw);
	font-weight: bold;
}
.information-policy-detail dl.about-policy-detail dd{
	width: 70%;
	margin-bottom: min(50px, 6.667vw);
}
.information-policy .btn_shindan{
	display: inline-block;
}
.ranking-container{
	margin: min(50px, 6.667vw) auto 0;
	width: 750px;
}
.slider-content-list{
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
}
.slider-content-list .result.rank-list{
	padding: min(50px, 6.667vw) min(4vw, 30px);
	margin-top: min(50px, 6.667vw);
}
.slider-content-list .rank-list-01{
	background: #e78630;
}
.slider-content-list .rank-list-02{
	background: #8ba93a;
}
.slider-content-list .rank-list-03{
	background: #958d67;
}
.slider-content-list .rank-list-04{
	background: #df8eaa;
}
.slider-content-list .frame{
	border-color: #ffffff;
}
.slider-content-list .rank-list-01 .frame_title{
	border-bottom-color: #e78630;
}
.slider-content-list .rank-list-02 .frame_title{
	border-bottom-color: #8ba93a;
}
.slider-content-list .rank-list-03 .frame_title{
	border-bottom-color: #958d67;
}
.slider-content-list .rank-list-04 .frame_title{
	border-bottom-color: #df8eaa;
}
.slider-content-list .ranking-title{
	margin: min(30px, 4vw) auto min(50px, 6.667vw);
	text-align: center;
}

.slider-content-list .ranking-title p{
	font-weight: bold;
	font-size: min(46px, 6.133vw);
	color: #ffffff;
	margin-top: min(20px, 2.667vw);
}
.slider-content-list .ranking-title p > span{
	color: #f9fb33;
}
.slider-main img {
	width:58vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
	height:auto;
}

.slider-main .slick-slide {
	transform: scale(0.9);/*左右の画像のサイズを80%に*/
}

.slick-arrow{
	position: absolute;
	top: 30%;
	transform: translate(-50%, 0%);
	width: 55px;
	height: 55px;
	background-image: url(/magazines/shindan/img/default/arrow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent:-9999px;
	z-index: 1;
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックをしたら出てくる枠線を消す*/
}
.slick-prev{
	left: 29%;
	transform: scale(-1, 1);
}
.slick-next{
	right: 26%;
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}
.slick-img{
	position: relative;
	overflow: hidden;
}
.slick-img::after {
	content: "";
	/*絶対配置で波紋位置を決める*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(10, 10);
	/*はじめは透過0に*/
	opacity: 0;
	/*アニメーションの設定*/
	transition: transform 0.3s, opacity 1s;
}
.slick-img.slick-img-01::after {
	background: radial-gradient(circle, #e78630 10%, transparent 10%) no-repeat 50%;
}
.slick-img.slick-img-02::after {
	background: radial-gradient(circle, #8ba93a 10%, transparent 10%) no-repeat 50%;
}

.slick-img.slick-img-03::after {
	background: radial-gradient(circle, #958d67 10%, transparent 10%) no-repeat 50%;
}
.slick-img.slick-img-04::after {
	background: radial-gradient(circle, #df8eaa 10%, transparent 10%) no-repeat 50%;
}
/*クリックされたあとの形状の設定*/
.slick-img:active::after {
	transform: scale(0, 0);
	transition: 0s;
	opacity: 0.3;
}
@media screen and (max-width: 767px) {
	.slider-main img {
		width:100%!important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
		height:auto;
	}
	.slick-arrow{
		width: 10.667vw;
		height: 10.667vw;
	}
	.slick-prev{
		left: 9.5%;
	}
	.slick-next{
		right: 4.5%;
	}
	.ranking-container{
		width: inherit;
		margin: min(50px, 6.667vw) 0 0;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}
}
.btn_result {
	position: relative;
	z-index: 2;
	-webkit-animation: resultBtn__animation 1s ease infinite alternate;
	animation: resultBtn__animation 1s ease infinite alternate; 
}
@-webkit-keyframes resultBtn__animation{0%{top:0}50%{top:0}51%{top:.6rem}to{top:.6rem}}
@keyframes resultBtn__animation{0%{top:0}50%{top:0}51%{top:.6rem}to{top:.6rem}}

.shindan-item{
	position: relative;
	border-style: solid;
	border-width: min(0.267vw, 2px);
	border-color: rgb(0, 0, 0);
	border-radius: 50px;
	background-color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: min(15px, 2vw);
	margin: min(50px, 6.667vw) min(45px, 6vw) 0;
}
.shindan-item .q-img{
	width: min(60px, 8vw)!important;
}
.item-q{
	width: 10%;
}
.item-icon{
	width: 8%;
	position: relative;
}
.item-name{
	text-align: left;
	width: 35%;
}
.item-name p{
	font-weight: bold;
	margin-left: min(0.6667vw, 5px);
	font-size: min(4.2667vw,32px);
}
.item-option{
	text-align: left;
	width: 42%;
}
.item-option p{
	margin-left: min(0.6667vw, 5px);
	color: #b2b2b2;
	font-size: min(3.733vw,28px);
}
.shindan-item .q-select{
	width: min(30px, 4vw);
	height: min(16px, 2.133vw);
	background-image: url(/magazines/shindan/img/default/icon_select.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	right: 0;
	transform: translate(-30%, 0%);
	-webkit-transform: translate(-30%, -50%);
	-ms-transform: translate(-30%, -50%);
}

.shindan-item .q-check{
	width: min(50px, 6.667vw);
	height: min(50px, 6.667vw);
	background-image: url(/magazines/shindan/img/default/icon_check.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	right: 0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 9;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 700px;
	width: 90%;
	z-index: 99;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: max(-5.33333333333vw, -40px);
	right: max(-5.33333333333vw, -40px);
	width: min(5.33333333333vw, 40px);
	height:  min(5.33333333333vw, 40px);
	font-size:  min(5.33333333333vw, 40px);
	color: #fff;
	cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	padding: min(4vw, 30px);
	border-radius: 2rem;
}
.pageBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: min(5.33333333333vw, 40px);
}
.pageBtn span{
	font-size: min(3.2vw, 24px);
	visibility: hidden;
	cursor: pointer;
}

.recommendation_box{
	text-align: center;
	padding: min(20px, 2.667vw);
}
.recommendation_box .recommendation_detail{
	border-radius: min(18px, 2.4vw);
	background: #ffffff;
	padding: min(2px, 0.2666vw);
}
.recommendation_box .recommendation_detail > div {
	border: min(1px, 0.133vw) solid #299ddf;
	border-radius: min(18px, 2.4vw);
	padding: min(20px, 2.667vw);
}
.recommendation_box .recommendation_detail > div > div:nth-child(2) {
	margin: min(20px, 2.667vw) auto min(30px, 4vw);
}

.recommendation_box div,
.recommendation_box p{
	font-size: min(24px, 4.2667vw);
	font-weight: bold;
}
.recommendation_box .recommendation_detail .dotted{
}
.recommendation_box .recommendation_detail .dotted p{
	margin: 0 auto;
	width: fit-content;
	border-bottom: dotted 4px #87CEFA;
	margin: 2vw auto;
}
.recommendation_box .count {
	font-size: min(5.86667vw, 44px);
	color: #ffffff;
	background: #299ddf;
	padding: min(10px, 1.33333vw) min(15px, 2vw);
	border-radius: 50%;
	margin-right: 0.666vw;
}
.shindan_item dd.area {
	display: block;
}
.shindan_item dd.area .pref{
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
.shindan_item dd.area .pref:not(:first-child){
	display: none;
}
.shindan_item dd.area .area-name{
	width: 100%;
	font-weight: bold;
	margin-top: min(5.334vw, 40px);
	font-size: min(30px, 4vw);
	position: relative;
	background: url(/magazines/shindan/img/default/icon_select.png) 95% 50% no-repeat;
	padding: min(2.667vw, 20px) 0;
}
.shindan_item dd.area .pref.active{
	display: flex;
	display: -webkit-flex;
}
@media screen and (max-width: 767px) {
	.shindan_item dd.area .area-name{
		background-size: 5%;
	}
}

a:hover{
	opacity: 0.64;
}
.result .btn_area {
	padding: min(4vw, 30px);
	margin: min(8vw, 60px) 0;
	background: #f0f0f0;
}
.result .btn_area a.shiny-btn {
	position: relative;
	overflow: hidden;
	border-radius: 8em;
}
.result .btn_area a.shiny-btn:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 20px;
	height: 100%;
	background-color: #fff;
	animation: shiny-btn1 3s ease-in-out infinite;
	z-index: 1;
}
.result .btn_area .btn {
	color: #FFF;
	display: block;
	font-size: min(5.2vw, 28px);
	font-weight: bold;
	letter-spacing: 0.08em;
	padding: min(5.4vw, 30px) 0;
	margin-bottom: 4px;
	position: relative;
}
.result .btn_area .btn_orange {
	background: linear-gradient(90deg, rgba(249, 178, 66, 1), rgba(247, 107, 28, 1));
	box-shadow: 0 4px 0 #de631a;
}
.result .btn_area .btn:after {
	background: url(/magazines/shindan/img/default/ico_arrow_right_white.svg) no-repeat center center / contain;
	width: 0.8em;
	height: 0.8em;
	content: "";
	position: absolute;
	top: calc(50% - 0.4em);
	right: min(4vw, 30px);
	-webkit-animation: arrowMove 2s infinite ease;
	animation: arrowMove 2s infinite ease;
}
@-webkit-keyframes shiny-btn1 {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes arrowMove {
	0%, 100% {
		right: min(4vw, 30px);
	}
	50% {
		right: min(2.4vw, 12px);
	}
}
@keyframes arrowMove {
	0%, 100% {
		right: min(4vw, 30px);
	}
	50% {
		right: min(2.4vw, 12px);
	}
}
.result .btn_area a.agent-detail {
	overflow: inherit;
	font-size: min(4vw, 30px);
	font-weight: bold;
	text-decoration: underline;
	text-underline-position: under;
	text-underline-offset: 0.2em;
	margin-top: min(3.6vw, 20px);
	text-decoration-color: #666666;
}
img.arrow-detail {
	width: min(40px,5.33333vw)!important;
	height:  min(40px,5.33333vw)!important;
}