/********************************************
common
********************************************/

.top + .content_box{
	padding: min(8vw, 80px) min(4vw, 30px);
}
.detail .wrapper{
	padding: min(4vw, 30px) min(4vw, 30px) min(8vw, 60px);
}
.detail .btn_area + .wrapper{
	padding-top: 0;
}

.detail ul li{
	list-style: none;
}

p.txt{
	margin-top: 1em;
	line-height: 1.6;
}
p.txt:first-child{
	margin-top: 0;
}
.txt a{
	color: #0054ff;
	text-decoration: underline;
	display: inline;
}
#shindan_content .max-900 {
	padding: min(3.2vw, 24px) 0 0;
}
.shindanDetail {
	font-size: min(3.73334vw, 16px);
}
.shindanDetail .wrapper + .btn_area{
	padding: min(8vw, 60px) min(4vw, 30px);
	margin: 0;
}

.frame > .btn_area:last-of-type{
	border-radius: 0 0 min(2.667vw, 8px) min(2.667vw, 8px);
}

/********************************************
header
********************************************/


/********************************************
footer
********************************************/
footer {
	padding: min(4vw, 40px) 0;
	background: #262626;
	color: #FFF;
}
footer .copyright {
	margin: 0;
}

/********************************************
contents
********************************************/
.detail{
	background: rgb(209,241,255);
	background: linear-gradient(90deg, rgba(209,241,255,1) 0%, rgba(238,246,255,1) 100%);
}
.detail .frame_title {
	text-align: left;
	padding: min(2.6667vw, 24px) min(3.3vw, 24px);
	margin-top: 0;
	border-bottom: none;
}
@media screen and (max-width: 767px) {
.detail .frame_title {
	padding-top: 0;
	margin-top: 1.25rem;
}
}

.detail .frame_title p {
	font-size: min(3.2vw, 20px);
	line-height: 1.4;
	margin-top: 1.06vw;
	color: #808080;
}
.promotion_img{
	border-top: #f0f0f0 1px solid;
	border-bottom: #f0f0f0 1px solid;
}

.satisfaction{
	background: #e5f3fb;
	display: flex;
	justify-content: flex-end;
	padding: min(2.6667vw, 24px) min(4vw, 24px);
	align-items: center;
}
.satisfaction .satisfaction_title{
	font-size: min(3.6vw, 20px);
}
.satisfaction ul{
	display: flex;
	align-items: center;
	margin: 0 12px;
}
.satisfaction ul li{
	max-width: 28px;
	margin-left: 4px;
}
@media screen and (max-width: 767px) {
.satisfaction ul li{
	max-width: 20px;
}
}
.satisfaction ul li:first-child{
	margin-left: 0;
}
.satisfaction .satisfaction_result{
	color: #ff7404;
	font-size: min(32px, 4.265vw);
	font-weight: bold;
}
.head_qa{
	padding: min(4vw, 30px) min(4vw, 30px) 0;
}
.head_qa ul li{
	padding-bottom: min(4vw, 30px);
	margin-bottom: min(4vw, 30px);
	border-bottom: #f0f0f0 1px solid;
	text-align: center;
}
.head_qa ul li img {
	width: auto;
	max-width: 100%;
}
.head_qa ul li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.overview{
	width: 100%;
}
.overview tr th,
.overview tr td{
	border: #cdcdcb 1px solid;
	padding: min(1.6667vw, 20px) min(4vw, 30px);
	text-align: left;
	line-height: 1.4;
}
.overview tr th{
	background: #e5f3fb;
	font-weight: normal;
	min-width: 5em;
}
.overview tr td{
	font-weight: bold;
	vertical-align: middle;
}

.balloon{
	margin-top: min(5.6vw, 40px);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.balloon.reverse {
	flex-direction: row-reverse;
}
.balloon .fukidashi{
	padding: min(4vw, 24px);
	position: relative;
	background: #eaf6fd;
	border-radius: 6px;
	flex: 1;
}
.balloon.reverse .fukidashi{
	background: #f5f5f5;
}
.balloon .fukidashi:after{
	display: block;
	content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #eaf6fd;
	position: absolute;
	right: -16px;
	top: min(6.4vw, 16px);
}
@media screen and (max-width: 767px) {
.balloon .fukidashi:after{
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #eaf6fd;
	right: -8px;
}
}
.balloon.reverse .fukidashi:after{
  border-left: none;
  border-right: 16px solid #f5f5f5;
	left: -16px;
	right: auto;
}
@media screen and (max-width: 767px) {
.balloon.reverse .fukidashi:after{
  border-right: 8px solid #f5f5f5;
	left: -8px;
}
}
.balloon .ico{
	text-align: center;
	margin-left: min(4vw, 30px);
	width: 4em;
}
.balloon.reverse .ico{
	margin-left: 0;
	margin-right: min(4vw, 30px);
}
.balloon .ico img{
	max-width: 50px;
}
.balloon .ico .name{
	padding-top: 8px;
}

.module_title{
	display: flex;
	align-items: center;
	color: #FFF;
	padding: min(3.2vw, 24px) min(4vw, 30px);
}
.module_title.merit{
	background: #299ddf;
}
.module_title.demerit{
	background: #bd4f31;
}
.module_title figure{
	width: 32px;
	padding-right: min(3.2vw, 16px);
}
@media screen and (max-width: 767px) {
.module_title figure{
	width: 20px;
}
}
.module_title .sub_title{
	background: #FFF;
	display: inline-block;
	font-size: 0.9em;
	padding: 0.2em 0.4em;
	border-radius: 5px;
	margin-bottom: 0.4em;
}
.module_title.merit .sub_title{
	color: #299ddf;
	font-weight: bold;
}
.module_title.demerit .sub_title{
	color: #bd4f31;
	font-weight: bold;
}
.module_title h2{
	font-weight: bold;
	font-size: min(3.73334vw, 28px);
}
.module_title.merit + .wrapper{
	background: #eaf6fd;
}
.module_title.demerit + .wrapper{
	background: #fff2ed;
}

.accordion{
	background: #FFF;
	border: #eaeaea 1px solid;
	border-radius: 5px;
	padding: min(5.178vw, 32px) min(4vw, 24px);
	margin-top: min(4vw, 24px);
}
.accordion dt{
	display: flex;
	position: relative;
	align-items: center;
	color: #299ddf;
	cursor: pointer;
	font-size: min(3.73334vw, 22px);
}
.accordion dt:hover{
	opacity: 0.7;
}
.accordion dt:after{
	content: "";
	display: block;
	background: url("../img/common/ico_plus.svg") no-repeat center center / contain;
	width: 24px;
	height: 24px;
	margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
.accordion dt:after{
	width: 20px;
	height: 20px;
}
}
.accordion dt.open:after{
	background: url("../img/common/ico_minus.svg") no-repeat center center / contain;
}
.merit + .wrapper .accordion dt{
	color: #299ddf;
}
.demerit + .wrapper .accordion dt{
	color: #bd4f31;
}
.accordion dt .number{
	background: #f9fb33;
	color: #299ddf;
	width: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 0.8em;
}
@media screen and (max-width: 767px) {
.accordion dt .number{
	width: 20px;
	line-height: 20px;
}
}
.accordion dt h3{
	padding: 0 min(2.4vw, 16px);
	font-weight: bold;
	flex: 1;
	line-height: 1.4;
}
.accordion dd{
	padding-top: min(5.178vw, 32px);
	display: none;
}
.accordion dd > *:first-child{
	margin-top: 0;
}
.popularity{
	border: #CCC 1px solid;
	background: #FFF;
	padding: 2px;
}
.popularity .popularity_title{
	background: #f0f0f0;
	text-align: center;
	padding: min(2.4vw, 16px);
	font-weight: bold;
}
.popularity .popularity_head{
	display: flex;
	align-items: center;
	font-size: min(3.2vw, 18px);
}
.popularity .popularity_head .ico{
	display: flex;
	align-items: center;
	width: calc(45px + 5em);
	justify-content: space-between;
}
#shindan_content .popularity .popularity_head .ico img{
	width: 44px;
}
@media screen and (max-width: 767px) {
#shindan_content .popularity .popularity_head .ico img{
	width: 35px;
}
}
.popularity .popularity_head .ico .name{
	font-weight: bold;
}
.popularity .inner{
	padding: min(4vw, 24px);
}
.popularity .satisfaction{
	padding: 0 0 0 1em;
	background: transparent;
}
.popularity .satisfaction .satisfaction_title{
	width: 4.5em;
	font-weight: bold;
	font-size: min(3.2vw, 18px);
}
.popularity .satisfaction ul{
	margin: 0;
}
.popularity .satisfaction ul li{
	margin-left: 2px;
	width: 14px;
}
.shindanDetail .accordion .btn_area{
	margin: min(5.6vw, 56px) auto 0;
	padding: 0;
	background: transparent;
}

.normal_title h2{
	font-weight: bold;
	font-size: min(3.8vw, 28px);
	padding: min(4vw, 32px) min(4vw, 30px);
	background: #4c4c4c;
	color: #FFF;
}

.content_box.sub {
	padding: 0 0 min(8vw, 80px);
	position: relative;
	max-width: 880px;
	margin: 0 auto;
}
.detail + .content_box.sub {
	margin-top: min(8vw, 80px);
}
.sub h2{
	background: #0b68b7;
	color: #FFF;
	font-size: min(4.8vw, 28px);
	font-weight: bold;
	border-radius: 4px;
	padding: min(4vw, 20px) min(4vw, 24px);
	margin-bottom: min(4vw, 40px);
	display: flex;
	align-items: center;
}
.sub h2:before{
	content: "";
	width: min(0.8vw, 6px);
	height: min(5.335vw, 40px);
	display: inline-block;
	background: #FFF;
	margin-right: min(4vw, 24px);
}
.sub .wrapper{
	width: 100%;
}
.sub .txt{
	font-size: min(3.73333vw, 20px);
}

@media screen and (max-width: 880px) {
.detail + .content_box.sub {
	margin-top: 0;
}
.sub .wrapper{
	width: 92%;
}
.sub h2{
	border-radius: 0;
	padding: min(3.735vw, 20px) 0;
}
}

.service-list{
	margin: min(4vw, 40px) auto min(5.6vw, 56px);
	max-width: 690px;
	border-radius: 8px;
	border: #0658aa 4px solid;
	position: relative;
	background: #FFF;
	counter-reset: service 0;
	padding: min(2.4vw, 24px) 0;
}
.service-list:after{
	content: "";
	position: absolute;
	background: #0658aa;
	width: 100%;
	height: 100%;
	top: min(2vw, 20px);
	left: min(2vw, 20px);
	border-radius: 8px;
	z-index: -1;
}
.service-list li{
	font-weight: bold;
	list-style: none;
	font-size: min(4vw, 24px);
	display: flex;
	border-bottom: #f8f9fb 2px solid;
	padding: min(2.4vw, 19px) min(4vw, 40px);
	line-height: 1.4;
}
.service-list li:last-child{
	border-bottom: none;
}
.service-list li:before{
	counter-increment: service 1;
  content: counter(service) ".";
	font-size: min(4.8vw, 32px);
	color: #0b68b7;
	margin: -0.25em 0.2em 0 0;
}
.service-list li p{
	font-weight: bold;
}
.service-list li .orange{
	color: #ff8a00;
}

@media screen and (max-width: 767px) {
.service-list{
	border: #0658aa 2px solid;
}
.service-list li:before {
	margin-top: -0.1em;
}
}

.flow figure{
	text-align: center;
}
@media screen and (max-width: 767px) {
.flow figure{
	padding: 0 5.334vw;
}
}


/********************************************
result
********************************************/
.result.mv{
	background: rgb(6,86,169);
	background: linear-gradient(90deg, rgba(6,86,169,1) 0%, rgba(37,159,224,1) 100%);
	padding: 0;
}
.result.mv.result:before {
	content: "";
	background: rgb(209,241,255);
	background: linear-gradient(90deg, rgba(209,241,255,1) 0%, rgba(238,246,255,1) 100%);
	width: 100%;
	height: 200vmin;
	position: absolute;
	left: 0;
	bottom: -200vmin;
	z-index: -1;
}
.result.mv .wrapper{
	position: relative;
	padding: min(5.3333vw, 80px) 0 min(12.8vw, 140px);
}
.result.mv .wrapper:before{
	content: "";
	width: 38%;
	max-width: 454px;
	height: 64%;
	background: url("../../../magazines/shindan/img/index/bg_diagnose.png") no-repeat center top / contain;
	position: absolute;
	right: 6%;
	bottom: 17%;
	z-index: 0;
	mix-blend-mode: multiply;
}
.result.mv .wrapper *{
	position: relative;
	z-index: 1;
}
.result.mv h1{
	font-size: min(7.46666vw, 48px);
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.04em;
}
.result.mv .mv-sub {
	font-size: min(3.73333vw, 24px);
	font-weight: normal;
	padding: min(4.3333vw, 16px) 0 0;
	background: transparent;
	border-radius: 0;
	line-height: 1.4;
}
.result.mv .mv-sub .underline{
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
.result.mv .wrapper:before{
	width: 38%;
	height: 88.6%;
	right: -7%;
	bottom: 0;
}
}

.combination.howto {
	margin-top: max(-7.4666vw, -80px);
}
.combination.howto .wrapper{
	border: #c28a00 4px solid;
}
.combination.howto .wrapper h2:before {
	width: min(20.534vw, 203px);
	height: min(20.8vw, 205px);
	background: url("../../../magazines/shindan/img/result/bg_combination_01_pc.png") no-repeat center center / contain;
	top: 14%;
	left: min(3.2vw, 54px);
}
.combination.howto .wrapper h2:after {
	position: absolute;
	content: '';
	width: min(14.67vw, 213px);
	height: min(19.07vw, 204px);
	background: url("../../../magazines/shindan/img/result/bg_combination_02_pc.png") no-repeat center center / contain;
	top: 18%;
	right: min(3vw, 40px);
}

.combination.howto .wrapper .slider-wrap .slick-slide .ttl{
	margin-bottom: 0;
}
.combination.howto .wrapper .slider-wrap .slick-slide .ico{
	background: #ffec18;
	color: #0657aa;
}
.combination.howto .wrapper .slider-wrap .slick-slide .ico:after {
	border-left: 12px solid #ffec18;
}
.combination.howto .wrapper .slider-wrap .slick-slide h3{
	flex: initial;
	width: 12.5em;
}
.combination.howto .wrapper .slider-wrap li .ttl + img {
	max-width: 521px !important;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4{
	max-width: 720px;
	width: 100%;
	text-align: center;
	font-size: min(3.6vw, 22px);
	padding: 0.773em 0;
	border-radius: 4px 4px 0 0;
	margin-top: min(4vw, 24px);
	letter-spacing: 0.04em;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4.blue{
	background: #5aa8fd;
	color: #FFF;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4.yellow{
	background: #fac030;
	color: #FFF;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4.purple{
	background: #8f7ee8;
	color: #FFF;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4.green{
	background: #4cd87f;
	color: #FFF;
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list{
	background: #f1f5f8;
	max-width: 720px;
	width: 100%;
	font-size: min(3.2vw, 18px);
	padding: min(2.0513vw, 24px) min(2.0513vw, 32px);
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li{
	list-style: none;
	width: calc((100% - min(4vw, 24px))/2);
	margin-top: min(4vw, 24px);
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li:nth-child(-n + 2){
	margin-top: 0;
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li a{
	padding: min(2.67vw, 15px) min(4vw, 24px);
	background: #FFF;
	border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li a:after{
	background: url("../img/common/ico_arrow_right_black.svg") no-repeat center center / contain;
	width: 0.4em;
	height: 0.8em;
	content: "";
	display: block;
}
@media screen and (max-width: 1200px) {
.combination.howto .wrapper h2:before{
	background: url(../../../magazines/shindan/img/result/bg_combination_01_sp.png) no-repeat center center / contain;
	top: -16%;
}
.combination.howto .wrapper h2:after {
	background: url("../../../magazines/shindan/img/result/bg_combination_02_sp.png") no-repeat center center / contain;
	top: 38%;
	right: min(6vw, 40px);
}
}
@media screen and (max-width: 767px) {
.conditions-list-wrap{
	display: -webkit-box;
	overflow-x: auto !important;
	width: calc(100% + 3.3vw);
}
.conditions .conditions-list{
	min-width: 30em;
	width: 110%;
	margin-right: min(3.3vw, 24px);
}
.combination.howto .wrapper .slider-wrap li .ttl + img {
	max-width: 100% !important;
}
.combination.howto .wrapper .slider-wrap .slick-slide h4{
	padding: 0.9249em;
	text-align: left;
	box-sizing: border-box;
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li{
	width: 100%;
	margin-top: min(2.0513vw, 24px);
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li:nth-child(-n + 2){
	margin-top: min(2.0513vw, 24px);
}
.combination.howto .wrapper .slider-wrap .slick-slide .agent-list li:first-child{
	margin-top: 0;
}
.combination .slider-wrap .slick-arrow{
	top: 23%;
}
}

.conditions{
	max-width: 756px;
	margin: 0 auto;
}
.conditions .conditions-ttl{
	font-size: min(4.26666vw, 28px);
	font-weight: bold;
}
.conditions .conditions-ttl .blue b{
	font-size: min(6.4vw, 44px);
}
.conditions .conditions-ttl .small{
	font-size: min(4vw, 24px);
}
.conditions .conditions-list{
	padding: min(3.2vw, 24px) 0 min(4vw, 40px);
	display: flex;
}
.conditions .conditions-list li {
	font-size: min(3.73333vw, 20px);
	padding: 0 1em;
	line-height: min(8vw, 40px);
	background: #FFF;
	border-radius: 8px;
	margin-left: 8px;
	color: #696969;
}
.conditions .conditions-list li:first-child {
	margin-left: 0;
}
.conditions .conditions-list li:before {
	display: none;
}

.content_box.result {
	padding: min(8vw, 80px) min(3.3vw, 25px);
	position: relative;
}
.result{
	background: rgb(209,241,255);
	background: linear-gradient(90deg, rgba(209,241,255,1) 0%, rgba(238,246,255,1) 100%);
}
.result .frame{
	border: 2px solid #FFF;
	box-sizing: border-box;
  box-shadow: 0px 3px 14.72px 1.28px rgba(6, 88, 170, 0.4);
}
#shindan_content .result .max-900{
	padding: 0;
}
.result .shindanDetail{
	counter-reset: number 0;
}
#shindan_content .result .shindanDetail > div{
	position: relative;
	margin-top: min(8vw, 80px);
}
#shindan_content .result .shindanDetail > div:first-of-type{
	margin-top: 0;
}
.result .shindanDetail > div:before{
	counter-increment: number 1;
  content: counter(number) " ";
	font-size: min(6.4vw, 40px);
	font-weight: bold;
	line-height: min(10.26vw, 80px);
	text-align: center;
	width: min(10.26vw, 80px);
	background: #0658aa;
	color: #FFF;
	border-radius: min(2.667vw, 8px) 0  min(2.667vw, 8px) 0;
	display: block;
	position: absolute;
	left: -2px;
	top: -2px;
}
.result.detail .frame_title{
	padding-top: min(4vw, 40px);
	padding-bottom: min(4vw, 40px);
	padding-left: min(14.359vw, 120px);
}
.result.detail .frame_title h1{
	font-weight: bold;
}
.result.detail .wrapper {
	padding: min(4vw, 40px) 0 min(8vw, 80px);
	box-sizing: border-box;
}
.result .overview tr th{
	width: 7em;
}
.result .overview tr th,
.result .overview tr td{
	padding: min(1.6667vw, 12px) min(4vw, 30px);
}
.result.detail .wrapper .align-right{
	margin-top: min(5.6vw, 40px);
	text-align: right;
}
.result .shindanDetail .wrapper + .btn_area {
	padding: min(8vw, 40px) min(4vw, 30px);
}
.result .shindanDetail .wrapper + .btn_area a{
	max-width: 626px;
	margin: 0 auto;
}
.result .btn_area + .more {
	background: #f0f0f0;
	margin: 0;
	padding: 0 0 min(8vw, 48px);
	border-radius: 0 0 min(2.667vw, 6px) min(2.667vw, 6px);
}

@media screen and (max-width: 767px) {
.result.detail .frame_title{
	margin-top: 0;
}
.result.detail .frame_title p{
	margin-top: 2.0514vw;
}
}
.detail .frame_title .pr{line-height: 0;}
.detail .frame_title .pr p{
	background: #ededed;
	padding: 0.4em 0.8em;
	border-radius: 2px;
	color: #313131;
	font-size: 0.6rem;
	display: inline-block;
	margin-top: 0.8em;
	vertical-align: middle;
}