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}
button{background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance: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}
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;
}
a:link,a:visited {
	color: #090924;
	outline: 0
}
a:hover{opacity: 0.64;}
a:hover,a:active {
	color: #090924;
	outline: 0;
	cursor: pointer
}
@media screen and (max-width: 767px) {
a{
	-webkit-transition: none;
	transition: none;
}
}
a img{border:none}
img{vertical-align:middle;border:0;width:100%}
iframe{width:100%}
picture{display:block;text-align:center}
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 !important}
.pc {display: block !important}
@media screen and (max-width: 767px) {
.sp {display: block !important}
.pc {display: none !important}
}

/********************************************
parts
********************************************/
.blue{color: #0b68b7;}
.marker_yellow{
	background:linear-gradient(transparent 60%, #f9fb33 60%);
	font-weight: bold;
}
.btn_area{
	padding: min(4vw, 30px);
	margin: min(8vw, 60px) 0;
	background: #f0f0f0;
	text-align: center;
}
.btn_area a,
.btn_result{
	position: relative;
	overflow: hidden;
	border-radius: 8em;
}
.btn_area a:before,
.btn_result: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;
}
@-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; }
}
.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;
}
.btn_area .btn:after{
	background: url("../img/common/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;
}
.btn_area .btn_orange{
  background: linear-gradient(90deg, rgba(249, 178, 66, 1), rgba(247, 107, 28, 1));
	box-shadow: 0 4px 0 #de631a;
}
.btn_area .btn_blue{
  background: linear-gradient(90deg, rgba(11, 186, 251, 1), rgba(66, 133, 236, 1));
	box-shadow: 0 4px 0 #3573d0;
}
@-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)}
}
.more{
	text-align: center;
	font-size: min(4.8vw, 24px);
}
.more a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: underline;
}
.more a:before{
	background: url("../img/index/ico_more.svg") no-repeat center center / contain;
	content: "";
	width: 1em;
	height: 1em;
	margin-right: 0.64em;
}

/********************************************
common
********************************************/
.bold{font-weight:bold}
.frame{
	border-color:#DDD;
	border-radius: min(2.667vw, 8px);
}
#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}
#shindan_content .max-900 {
	max-width: 756px;
	margin: 0 auto;
	position: relative;
}
.bg_blue{background:#299ddf}
.bg_red{background:#f75c5c}
.text-blue{color:#299ddf}
.text-center{text-align:center}
#shindan_content div.top_img {
	position: relative;
	margin: 0 auto;
}
#shindan_content img {
	width: 100%;
	height: auto;
}

/********************************************
slider
********************************************/
.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
			touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{outline:none}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden{display:none}

/********************************************
header
********************************************/
#shindan_content img {
	width: auto;
	max-width: 100%;
}
#shindan_content .top_img {
	margin: 0 auto 0;
	position: relative;
}
.top{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);}
.top_img:not(.head-logo) img {width: min(160px, 34.133vw)!important;}
#shindan_content div.top_img{
	max-width: 1200px;
	padding: 0 0 0 min(4vw, 30px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top_img:not(.head-logo) {background: #ffffff;}
@media screen and (min-width: 768px) {
.nav-unshown,
#nav-open,
#ham_footer,
.close_times_btn{display: none;}
#ham_nav{display: flex;}
#ham_nav ul li{list-style: none;}
#ham_nav ul li a{text-align: left;}
#ham_nav>ul{display: flex;}
#ham_nav>ul li{display: flex;}
#ham_nav>ul>li a{
	text-align: left;
	line-height: 96px;
	font-size: 18px;
	padding: 0 32px;
}
#nav-content #ham_nav ul li.current a {color: #299ddf;}
#ham_nav ul li.has-child .child li a{position: relative;}
#ham_nav ul li.has-child:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}
#ham_nav ul li.has-child > a:after{
	display: inline-block;
	content: "";
	background: url("../img/common/ico_arrow_bottom_blue.svg") no-repeat center center;
	width: 12px;
	height: 12px;
	margin-left: 0.64em;
	vertical-align: middle;
	z-index: 1;
}
#ham_nav ul li.has-child:hover > a{
	background: #0b68b7;
	color: #FFF;
	opacity: 1;
}
#ham_nav ul.sub li.has-child:hover > a,#ham_nav ul.sub li.has-child .child{background: #525252;}
#ham_nav ul li.has-child:hover > a:after{background: url("../img/common/ico_arrow_bottom_white.svg") no-repeat center center;}
#ham_nav ul li.has-child .child {
	visibility: hidden;
	opacity: 0;
	display: flex;
	position: absolute;
	top: 96px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding:24px;
	background: #0b68b7;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 10;
  justify-content: flex-start;
	flex-wrap: wrap;
	border-radius: 0 0 4px 4px;
}
#ham_nav ul li.has-child:hover .child {
	visibility: visible;
	opacity: 1;
}
#ham_nav ul li.has-child .child li{
	width: 25%;
	margin: 0;
	position: relative;
	border-top: none;
	box-sizing: border-box;
	padding: 0.8%;
}
#ham_nav ul li.has-child .child li a{
	text-align: left;
	font-size: 16px;
	padding: 16px;
	line-height: 1.4;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 4px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
#ham_nav ul li.has-child .child li a:after{
	background: url("../img/common/ico_arrow_right_blue.svg") no-repeat center center / contain;
	width: 0.8em;
	height: 0.8em;
	content: "";
	display: block;
}
#ham_nav ul li.has-child .child li a[target="_blank"]:after{
	background: url("../img/common/ico_blank_gray.svg") no-repeat center center / contain;
	width: 0.8em;
	height: 0.8em;
	content: "";
}
#ham_nav ul li.has-child.insurance .child li a{padding: 0.64em 0;}
#ham_nav ul li.has-child.owner .child li a:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 9vw;
	max-height: 118px;
	border-radius: 6px 6px 0 0;
}
}
@media screen and (max-width: 880px) {
#ham_nav>ul>li a{padding: 0 16px;}
}
@media screen and (max-width: 767px) {
.nav-unshown {display: none;}
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: 0.3s ease-in-out;
}
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 88%;
	height: 100%;
	background: #fff;
	transition: 0.3s ease-in-out;
	-webkit-transform: translateX(300%);
	transform: translateX(300%);
	-webkit-overflow-scrolling: touch;
}
#nav-input:checked~#nav-close {
	display: block;
	opacity: 0.5;
}
#nav-input:checked~#nav-content {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}
#nav-open,
.close_times_btn{
	position: relative;
	width: 56px;
	height: 56px;
	display: block;
	background: #efefef;
}
.close_times_btn{margin: 0 0 0 auto;}
#nav-open p,
.close_times_btn p{
	display: inline-block;
	color: #1F1F1F;
	font-size: 12px;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	text-align: center;
}
#nav-open span,
.close_times_btn span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 3px;
	background-color: #1F1F1F;
	border-radius: 2px;
}
#nav-open span:nth-of-type(1) {top: 12px;}
#nav-open span:nth-of-type(2) {top: 20px;}
#nav-open span:nth-of-type(3) {bottom: 24px;}
.close_times_btn span:nth-of-type(1) {
	top: 10px;
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.close_times_btn span:nth-of-type(2) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	bottom: 23px;
}
#nav-content .close_times {
	transition: 0.3s ease-in-out;
	display: block;
	text-align: right;
}
#nav-content #ham_nav > ul{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #ddd;
}
#nav-content #ham_nav ul li {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	list-style: none;
	text-align: left;
}
#nav-content #ham_nav ul:first-of-type li:last-child {border-bottom: none;}
#nav-content #ham_nav ul.sub{background: #f3f3f3;}
#nav-content #ham_nav ul li a {
	padding: min(5.23vw, 30px);
	color: #444444;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#nav-content #ham_nav ul li.current a {color: #299ddf;}
#nav-content #ham_nav ul li a:after{
	background: url("../img/common/ico_arrow_right_blue.svg") no-repeat center center / contain;
	width: 1.4em;
	height: 1.2em;
	content: "";
}
#nav-content #ham_nav ul li a[target="_blank"]:after{
	background: url("../img/common/ico_blank_gray.svg") no-repeat center center / contain;
	width: 1em;
	height: 1em;
	content: "";
}
#nav-content #ham_nav ul li a.site_top{padding: min(4.855vw, 30px);}
#nav-content #ham_nav ul li a.site_top:after{
	background: url("../img/common/ico_home_blue.svg") no-repeat center center / contain;
	height: 1.4em;
}
#nav-content #ham_nav ul.sub a{padding: min(4vw, 21px) min(5.23vw, 30px);}
#nav-content #ham_nav ul li.type{background: #f6fcff;}
#hamburger_menu {position: relative;}
#nav-content #ham_footer {
	padding: min(5.23vw, 30px);
	background-color: #299ddf;
	text-align: center;
}
#nav-content #ham_footer label {color: #ffffff;}
#nav-content #ham_footer label span {
	position: relative;
	width: 12px;
	height: 2px;
	background-color: #FFF;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
#nav-content #ham_footer label span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 2px;
	background-color: #FFF;
	border-radius: 2px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
}
#ham_footer .close_times {transition: 0.3s ease-in-out;}
#nav-content #ham_nav ul li.has-child > a{display: none;}
}

/********************************************
footer
********************************************/
footer {
	text-align: center;
	padding: min(8vw, 40px) 0;
	background: #262626;
	color: #FFF;
}
footer a:link,footer a:visited {color: #299ddf;}
.pagetop {
  height: min(10.67vw, 80px);
  width: min(10.67vw, 80px);
  position: fixed;
  right: min(4vw, 40px);
  bottom: min(4vw, 40px);
  background: #0b68b7 url("../img/index/ico_arrow_up_white.svg") no-repeat center center / 40% auto;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  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
}
.pagetop:hover {opacity: 0.64;}

/********************************************
content
********************************************/
.frame {
	border-radius: min(2.667vw, 8px);
	background-color: rgb(255, 255, 255);
	margin: min(6.4vw, 48px);
	padding: min(6.4vw, 48px) 0;
	box-shadow: 4px 4px 32px 0px rgba(0,0,0,0.24);
}
.frame_title {
	text-align: center;
	border-bottom: min(0.2667vw, 2px) #000000 solid;
	font-size: min(5.334vw, 40px);
	font-weight: bold;
}
.frame_title img {max-width: 394px;}
.wrapper{
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.yellow{color: #ffec18;}

/********************************************
mv
********************************************/
.mv{
	background: rgb(209,241,255);
	background: linear-gradient(90deg, rgba(209,241,255,1) 0%, rgba(238,246,255,1) 100%);
	padding: min(4vw, 40px) 0 min(8vw, 80px);
}
.mv .mv-sub{
	font-size: min(4.8vw, 32px);
	font-weight: bold;
	text-align: center;
	padding: min(1.87vw, 16px);
	color: #FFF;
	background: rgb(6,86,169);
	background: linear-gradient(90deg, rgba(6,86,169,1) 0%, rgba(37,159,224,1) 100%);
	border-radius: 8px;
	letter-spacing: 0.04em;
}
.mv .module{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 767px) {
.mv{padding: 0 0 min(15.4vw, 80px);}
.mv .wrapper{width: 100%;}
.mv .mv-sub{border-radius: 0;}
.mv .module{padding: 3.2vw 0 0;}
.mv h1{margin-right: -8vw;}
.mv .module > picture{margin: -2vw 2vw 0 -2vw;}
}

.mv.kisotsu{background: url("../../../magazines/shindan/img/index/bg_my_kisotsu_pc.jpg") no-repeat center center / 1600px auto;}
.mv.kisotsu:before{
	position: absolute;
	content: '';
	width: max(33vw, 139px);
	height: 100%;
	top: 0;
	left: max(-3.4vw, -139px);
  background-image: -moz-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  background-image: -webkit-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  opacity: 0.8;
	transform: skew(-6deg);
}
.mv.kisotsu .wrapper{
	position: relative;
	z-index: 1;
}
.mv.kisotsu h1{padding: 72px 0 137px 5.3333%;}
@media screen and (min-width: 1600px) {
.mv.kisotsu{background-size: 100% auto;}
}
@media screen and (max-width: 1200px) {
.mv.kisotsu h1{width: 52vw}
}
@media screen and (max-width: 767px) {
.mv.kisotsu{background: url("../../../magazines/shindan/img/index/bg_my_kisotsu_sp.jpg") no-repeat center bottom / cover;}
.mv.kisotsu:before{
	width: max(33vw, 139px);
	left: max(-5vw, -139px);
}
.mv.kisotsu .mv-sub {
	font-size: min(4.4vw, 32px);
	padding: min(2.07vw, 16px);
}
.mv.kisotsu h1{
	width: 44.27vw;
	padding: 0 0 8vw 8.5333vw;
}
}
.mv.photo{background: url("../../../magazines/shindan/img/index/bg_my_photo_pc.jpg") no-repeat center center / cover;}
.mv.photo:before{
	position: absolute;
	content: '';
	width: max(50vw, 139px);
	height: 100%;
	top: 0;
	left: max(-3.4vw, -139px);
  background-image: -moz-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  background-image: -webkit-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(208,219,230) 0%, rgb(231,234,241) 50%, rgb(228,232,239) 100%);
  opacity: 0.8;
	transform: skew(-6deg);
}
.mv.photo .wrapper{
	position: relative;
	z-index: 1;
}
.mv.photo h1{padding: 40px 0 80px;}
@media screen and (max-width: 1200px) {
.mv.photo h1{
	width: 64vw;
	padding: 6.4vmin 0 12vmin;
}
}
@media screen and (max-width: 767px) {
.mv.photo{background: url("../../../magazines/shindan/img/index/bg_my_photo_sp.jpg") no-repeat center bottom / cover;}
.mv.photo:before{
	width: max(60vw, 139px);
	left: max(-4vw, -139px);
}
.mv.photo h1{
	width: 54.936vw;
	padding: 3.2vmin 0 4vmin;
}
}
.mv .module{position: relative;}
.mv .pr{
	position: absolute;
	right: 0;
	top: min(4vw, 8px);
	background: #FFF;
	padding: 0.4em 0.8em;
	border-radius: 2px;
	color: #313131;
	font-size: 0.6rem;
}
@media screen and (max-width: 767px) {
.mv .pr{
	right: 4%;
	top: auto;
	bottom: 4px;
}
}.mv .pr{
	position: absolute;
	right: 0;
	top: min(4vw, 8px);
	background: #FFF;
	padding: 0.4em 0.8em;
	border-radius: 2px;
	color: #313131;
	font-size: 0.6rem;
}
@media screen and (max-width: 767px) {
.mv .pr{
	right: 4%;
	top: auto;
	bottom: 4px;
}
}
@media screen and (max-width: 560px) {.mv .pr{bottom: -2.4vw;}}

/********************************************
howto
********************************************/
.howto{margin-top: max(-10.66666vw, -80px);}
.howto .wrapper{
	background: url("../../../magazines/shindan/img/index/bg_howto.png") repeat-x top center #FFF;
	border: #0b68b7 4px solid;
	border-radius: 8px;
	box-sizing: border-box;
}
.howto .wrapper h2{
	text-align: center;
	padding: 36px 0 40px;
	position: relative;
}
.howto .wrapper h2:before{
	position: absolute;
	content: '';
	width: min(18.4vw, 139px);
	height: min(20vw, 150px);
	background: url("../../../magazines/shindan/img/index/bg_howto_01_pc.png") no-repeat center center / contain;
	top: 16%;
	left: min(4vw, 136px);
}
.howto .wrapper h2:after{
	position: absolute;
	content: '';
	width: min(18vw, 271px);
	height: min(13vw, 145px);
	background: url("../../../magazines/shindan/img/index/bg_howto_02_pc.png") no-repeat center center / contain;
	top: 24%;
	right: min(3vw, 40px);
}
.howto .wrapper h2 picture{
	position: relative;
	z-index: 1;
}
.howto .wrapper h2 picture img{margin: 0 auto;}
.howto .wrapper .slider-wrap{
	display: none;
	padding: min(6.4vw, 40px) 0 min(6.4vw, 48px);
	width: 100%;
	max-width: 816px;
	margin: 0 auto;
}
.howto .wrapper .slider-wrap .slick-slide{
	font-size: min(2.4vw, 20px);
	display: flex;
	flex-direction: column;
	padding: 0 min(48px, 6.4vw);
}
.howto .wrapper .slider-wrap .slick-slide .ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: min(24px, 6.4vw);
}
.howto .wrapper .slider-wrap .slick-slide .ico{
	background: #0b68b7;
	color: #FFF;
	font-size: min(2vw, 16px);
	font-weight: bold;
	letter-spacing: 0.04em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(11.734vw, 88px);
	height: min(11.734vw, 88px);
	border-radius: 8em;
	line-height: 1.1;
	position: relative;
	margin-right: 18px;
	flex-basis: min(11.734vw, 88px);
}
.howto .wrapper .slider-wrap .slick-slide .ico:after{
	content: "";
  width: 0;
  height: 0;
  border-left: 12px solid #0b68b7;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-10px);
}
.howto .wrapper .slider-wrap .slick-slide .ico .big{
	font-size: 2em;
	display: block;
}
.howto .wrapper .slider-wrap .slick-slide h3{
	border-bottom: #d8f2ff 4px solid;
	font-size: min(4.8vw, 28px);
	font-weight: bold;
	line-height: 1.4;
	padding: 0 2em 0.4em 0.4em;
	flex: 1;
}
.howto .wrapper .slider-wrap li .ttl + img{margin: 0 auto;}
.howto .wrapper .slider-wrap li .ttl + img.slide01{max-width: 257.5px !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide02{max-width: 307px !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide03{max-width: 333.5px !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide04{max-width: 254px !important;}
.howto .wrapper .slider-wrap .slick-slide .txt{
	margin-top: min(16px, 4vw);
	line-height: 1.6;
	font-size: min(4vw, 20px);
}

.slider-wrap .slick-arrow{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: min(48px, 6.4vw);
	height: min(48px, 6.4vw);
	background: #262626;
	background-size: min(15px, 4vw) auto;
	text-indent: -9999px;
	z-index: 2;
}
.slider-wrap .slick-prev{
	background: #262626 url("../../../magazines/shindan/img/index/ico_arrow_left_white.svg") no-repeat center center / 15px auto;
	left: -48px;
}
.slider-wrap .slick-next{
	background: #262626 url("../../../magazines/shindan/img/index/ico_arrow_right_white.svg") no-repeat center center / 15px auto;
	right: -48px;
}
.slider-wrap .slick-dots{
	display: flex;
	justify-content: center;
	margin-top: min(24px, 4vw);
}
.slider-wrap .slick-dots li{
	list-style: none;
	width: min(16px, 3.2vw);
	height: min(16px, 3.2vw);
	margin-left: min(16px, 3.2vw);
}
.slider-wrap .slick-dots li:first-child{margin-left: 0;}
.slider-wrap .slick-dots li button{
	text-indent: -9999px;
	position: relative;
	display: block;
	width: min(16px, 3.2vw);
	height: min(16px, 3.2vw);
}
.slider-wrap .slick-dots li button:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: min(16px, 3.2vw);
	height: min(16px, 3.2vw);
	background: #aaaaaa;
	border-radius: 8px;
}
.slider-wrap .slick-dots li.slick-active button:before{background: #b88d4a;}

.howto .wrapper .toggle-btn{
	text-align: center;
	font-size: min(4.26666vw, 20px);
	font-weight: bold;
	background: #f3f3f3;
	border-radius: 0 0 6px 6px;
	padding: min(1.6vw, 14px) 0;
	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;
	display: flex;
	align-items: center;
	justify-content: center;
}
.howto .wrapper .toggle-btn:hover{opacity: 0.64;}
.howto .wrapper .toggle-btn:before{
	content: "";
	display: inline-block;
	background: url("../../../magazines/shindan/img/index/ico_plus.svg") no-repeat center center / contain;
	width: 28px;
	height: 28px;
	margin: 0 16px 0 0;
}
.howto .wrapper .toggle-btn:after{content: "詳しく見る";}
.howto .wrapper .toggle-btn.open:before{background: url("../../../magazines/shindan/img/index/ico_minus.svg") no-repeat center center / contain;}
.howto .wrapper .toggle-btn.open:after{content: "閉じる";}

@media screen and (max-width: 1016px) {
.slider-wrap .slick-prev{
	left: 0;
	background-size: 2vw auto;
}
.slider-wrap .slick-next{
	right: 0;
	background-size: 2vw auto;
}
.howto .wrapper .slider-wrap .slick-slide .txt{padding: 0 0.8em;}
.slider-wrap .slick-dots li{margin-left: 12px;}
.slider-wrap .slick-dots li:first-child{margin-left: 0;}
.howto .wrapper .slider-wrap .slick-slide .ico{margin-right: 12px;}
.howto .wrapper .slider-wrap .slick-slide .ico:after{
  border-left: 6px solid #0b68b7;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
	right: -4px;
	transform: translateY(-5px);
}
}

@media screen and (max-width: 767px) {
.howto .wrapper{
	background: #FFF url("../../../magazines/shindan/img/index/bg_howto.png") repeat-x top center / 596px auto;
	border: #0b68b7 2px solid;
}
.howto .wrapper h2 {padding: 6.4vw 8.7vw;}
.howto .wrapper h2:before{top: -5vw;}
.howto .wrapper h2:after{
	width: min(14.667vw, 110px);
	height: min(19.07vw, 143px);
	background: url("../../../magazines/shindan/img/index/bg_howto_02_sp.png") no-repeat center center / contain;
	top: 32%;
	mix-blend-mode: luminosity;
}
.howto .wrapper .toggle-btn:before{
	width: 14px;
	height: 14px;
	margin: 0 8px 0 0;
}
.howto .wrapper .slider-wrap{padding-top: 0;}
.howto .wrapper .slider-wrap .slick-slide h3{padding-right: 0.4em;}
.howto .wrapper .slider-wrap li .ttl + img.slide01{max-width: 51.608vw !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide02{max-width: 61.4vw !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide03{max-width: 66.81vw !important;}
.howto .wrapper .slider-wrap li .ttl + img.slide04{max-width: 50.8vw !important;}
}

.shindanForm .btn_area {margin: 3.125rem auto;}
.shindan_detail {padding: 1rem 40px 0;}
.shindan_detail dt {font-size: 32px;}
.shindan_detail dt .question {
	font-weight: bold;
	border-bottom: 2px #222 solid;
	padding-bottom: min(3.3vw, 20px);
}
.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_detail dd input[type=radio]{display: none;}
.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;
	font-size: min(3.73vw, 28px);
	color: #000;
	text-align: center;
	font-weight: bold;
	width: 48%;
	box-sizing: border-box;
}
.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;
	font-size: min(3.73vw, 28px);
	width: 100%;
	color: #000;
	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) {
	.frame_title img {max-width: 52.53vw;}
	.btn_shindan img,.btn_result img {max-width: 80.8vw!important;}
	.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 dl .select {padding: 0 5.334vw;}
	.shindan_itmes select {
		height: 12vw;
		padding-right: 8vw;
	}
	.shindan_itmes .select::after {
		width: 12vw;
		height: 0.2667vw;
	}
}

/********************************************
result
********************************************/
.content_box.conditions,.content_box.result {padding: min(3.3vw, 25px);}
.count {
	position: absolute;
	top: 30%;
	left: 40%;
	font-size: min(6.667vw, 50px);
	color: #299ddf;
}
.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 .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 .btn_area {margin: min(4.8vw, 48px) 0 0;}
.result .btn_area + .more{margin: min(4.8vw, 48px) 0;}
.updated_caution {
	color: #666666;
	font-size: min(3.3vw, 20px);
	margin: min(3.3vw, 20px) auto;
	text-align: center;
	font-weight: bold;
}
.top_img:not(.head-logo){
	text-align: center;
	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 {
	text-align: center;
	position: relative;
	padding-top: min(80px, 11.73333vw);
}
.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;}
}

/********************************************
diagnose
********************************************/
.diagnose-container{
	background: #299ddf;
	padding: min(80px, 11.73333vw) 0;
	position: relative;
}
.diagnose-container:before{
	content: "";
	width: 38%;
	max-width: 454px;
	height: 40%;
	background: url("../../../magazines/shindan/img/index/bg_diagnose.png") no-repeat center top / contain;
	position: absolute;
	left: 50%;
	top: 4%;
	z-index: 0;
	transform: translateX(-100%);
	mix-blend-mode: multiply;
}
.diagnose-container:after{
	content: "";
	width: 100%;
	height: 40%;
	background: #0b68b7;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}
.diagnose-container *{
	position: relative;
	z-index: 1;
}
.diagnose-container h2{
	position: relative;
	margin:0 auto min(40px, 6.4vw);
	max-width: 750px;
}
.diagnose-container h2:after{
	content: "";
	width: min(18.27vw, 137px);
	height: min(33.735vw, 253px);
	background: url("../../../magazines/shindan/img/index/bg_diagnose_woman.png") no-repeat center right / contain;
	position: absolute;
	right: 4%;
	bottom: -32px;
	z-index: 0;
}
.diagnose-container h2 img{margin: 0 auto;}
.diagnose-container .frame{
	padding-top: 0;
	width: 92%;
}
.diagnose-container .head_ttl{
	background: #0b68b7;
	color: #FFF;
	font-size: min(22px, 4.26666vw);
	border-radius: 4px 4px 0 0;
	padding: min(2.135vw, 21px) 0;
	margin-bottom: min(40px, 6.4vw);
}
@media screen and (max-width: 767px) {
.diagnose-container:after{height: 31%;}
.diagnose-container h2{padding: 0 17.535vw;}
.diagnose-container:before{
	width: 60.533333vw;
	transform: translateX(-80%);
}
.diagnose-container h2:after{
	right: 2%;
	bottom: -6vw;
}
.shindan-item-list{padding: 0 6.4vw;}
}
@media screen and (max-width: 560px) {
.diagnose-container .btn_result{max-width: 240px;}
}

.ranking-nav{
	position: relative;
	padding: min(80px, 11.73333vw) 0;
}
.shindanForm > .ranking-nav{padding-top: 0;}
.ranking-nav:before{
	content: "";
	background: #f3f3f3;
	width: 92%;
	max-width: 1440px;
	height: 56%;
	position: absolute;
	left: 50%;
	top: 18%;
	transform: translateX(-50%);
	z-index: 0;
}
.ranking-nav:after{
	content: "";
	width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 28px solid #FFF;
	position: absolute;
	left: 50%;
	bottom: -28px;
	transform: translateX(-50%);
	z-index: 2;
}
.ranking-nav *{
	position: relative;
	z-index: 1;
}
.ranking-nav > h2{
	margin-bottom: 40px;
	display: inline-block;
}
.ranking-nav > h2:before,
.ranking-nav > h2:after{
	content: "";
	display: inline-block;
	width: min(64px, 8.534vw);
	height: min(142px, 26.134vw);
	vertical-align: bottom;
}
.ranking-nav > h2:before{
	background: url("../../../magazines/shindan/img/index/bg_ranking_left.svg") no-repeat center center / contain;
	margin-right: min(40px, 4.26666vw);
}
.ranking-nav > h2:after{
	background: url("../../../magazines/shindan/img/index/bg_ranking_right.svg") no-repeat center center / contain;
	margin-left: min(40px, 4.26666vw);
}
.ranking-nav > h2 picture{display: inline-block;}
.slider-main{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.slick-list{padding-bottom: 12px;}
.slick-track{justify-content: space-between;}
.slick-track:before, .slick-track:after{display: none;}
.slick-img{
	border-radius: 8px;
	transition: all 0.3s;
	cursor: pointer;
	width: 23.5% !important;
}
.slick-img:hover{
	transform: translateY(8px);
	box-shadow:none;
}
.slick-img:active{
	transform: translateY(12px);
	box-shadow:none;
}
.slick-img picture{padding: 40px 0;}
.slick-img picture img{margin: 0 auto;}
.slick-img-01{box-shadow: 0 12px 0 #0a497f;}
.slick-img-01:hover{box-shadow: 0 4px 0 #0a497f;}
.slick-img-02{box-shadow: 0 12px 0 #679100;}
.slick-img-02:hover{box-shadow: 0 4px 0 #679100;}
.slick-img-03{box-shadow: 0 12px 0 #9f7102;}
.slick-img-03:hover{box-shadow: 0 4px 0 #9f7102;}
.slick-img-04{box-shadow: 0 12px 0 #bc4e34;}
.slick-img-04:hover{box-shadow: 0 4px 0 #bc4e34;}
.slider-content-list .result.rank-list{padding: min(80px, 11.73333vw) min(4vw, 32px);}
.slick-img-01,.slider-content-list .rank-list-01{background: #0b68b7;}
.slick-img-02,.slider-content-list .rank-list-02{background: #88bf00;}
.slick-img-03,.slider-content-list .rank-list-03{background: #d99900;}
.slick-img-04,.slider-content-list .rank-list-04{background: #e26141;}
.slider-content-list .frame{border-color: #ffffff;}
.slider-content-list .rank-list-01 .frame_title{border-bottom-color: #0b68b7;}
.slider-content-list .rank-list-02 .frame_title{border-bottom-color: #88bf00;}
.slider-content-list .rank-list-03 .frame_title{border-bottom-color: #d99900;}
.slider-content-list .rank-list-04 .frame_title{border-bottom-color: #e26141;}
.slider-content-list .ranking-title{
	margin: 0 auto min(40px, 6.4vw);
	max-width: 750px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider-content-list .ranking-title .module{margin-left: min(24px, 2.4vw);}
.slider-content-list .ranking-title p{
	font-weight: bold;
	font-size: min(40px, 8.53333vw);
	color: #ffffff;
}
.slider-content-list .ranking-title p.small{
	font-size: min(24px, 4.8vw);
	display: inline-block;
	border-bottom: #FFF 2px solid;
	padding-bottom: 8px;
	margin-bottom: min(16px, 3.2vw);
}
.slider-content-list .ranking-title p > span.yellow{color: #eebe00;}
.slider-content-list .rank-list-02 .ranking-title p > span.yellow,
.slider-content-list .rank-list-04 .ranking-title p > span.yellow{color: #ffcc00;}
.slider-content-list .rank-list-03 .ranking-title p > span.yellow{color: #453a00;}
.slider-main img {
	width:58vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
	height:auto;
}
.slick-track {display: flex;}
.ranking-nav .slick-track {width: 100% !important;}
.slick-slide {height: auto !important;}

@media screen and (max-width: 880px) {
.ranking-nav:after{
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid #FFF;
	bottom: -14px;
}
.ranking-nav:before{
	width: 100%;
	top: 12%;
	height: 64%;
}
.ranking-nav > h2{margin-bottom: 3.2vw;}
.ranking-nav > h2 picture{width: 59.2vw;}
.ranking-nav .slider-main {width: 92%;}
.slick-track {
	flex-wrap: wrap;
	justify-content: center;
}
.ranking-nav .slick-img{
	width: 47.273% !important;
	margin-top: 5.33333vw;
}
.ranking-nav .slick-img-02,.ranking-nav .slick-img-04{margin-left: 3.4vw;}
.slick-img picture {padding: 5.33333vw 0;}
.slider-main img {
	width:100%!important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
	height:auto;
}
.ranking-nav .slick-img picture img{width: auto !important;}
.ranking-nav .slick-img-01 picture img{height: 24.535vw !important;}
.ranking-nav .slick-img-02 picture img{height: 24.8vw !important;}
.ranking-nav .slick-img-03 picture img{height: 24.8vw !important;}
.ranking-nav .slick-img-04 picture img{height: 24.934vw !important;}
.slick-img-01,.slick-img-01:hover{box-shadow: 0 6px 0 #0a497f;}
.slick-img-02,.slick-img-02:hover{box-shadow: 0 6px 0 #679100;}
.slick-img-03,.slick-img-03:hover{box-shadow: 0 6px 0 #9f7102;}
.slick-img-04,.slick-img-04:hover{box-shadow: 0 6px 0 #bc4e34;}
.slick-img:hover,.slick-img:active{transform: none;}
.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);
}
.slider-content-list .ranking-title{text-align: center;}
.slider-content-list .ranking-title .module{margin-left: 0;}
.slider-content-list .ranking-title .module p:nth-child(2){line-height: 1.2;}
.slider-content-list .ranking-title img{display: none;}
}
.btn_result {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	max-width: 400px;
}
.shindan-item-list + .btn_area{
	background: none;
	padding: 0;
	margin: min(6.4vw, 40px) 0;
}
.btn_area .btn_result .btn{
	padding: min(4vw, 17px) 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.btn_area .btn_result .btn:hover{opacity: 0.64;}
@media screen and (max-width: 767px) {
.shindan-item-list + .btn_area{margin-bottom: 0;}
}

.shindan-item{
	position: relative;
	border: #c1c0c0 2px solid;
	background: #FFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: min(18px, 2.4vw);
	margin: min(24px, 4vw) auto 0;
	box-sizing:border-box;
	max-width: 480px;
}
.shindan-item .q-img{width: min(60px, 8vw)!important;}
.item-icon{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,20px);
}
.item-option{
	text-align: left;
	width: 42%;
}
.item-option p{
	margin-left: min(0.6667vw, 5px);
	color: #b2b2b2;
	font-size: min(3.733vw,20px);
}
.shindan-item .q-select{
	width: 24px;
	height: 24px;
	background-image: url("../../../magazines/shindan/img/index/ico_arrow_down_black.svg");
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: center;
}
.shindan-item .q-check{
	width: 24px;
	height: 24px;
	background-image: url("../../../magazines/shindan/img/index/ico_check_green.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.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: 8px;
}
.pageBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: min(5.33333333333vw, 40px);
	background: #EEE;
	border-radius: 4px;
	padding: 16px 24px;
}
.pageBtn span{
	font-size: min(3.2vw, 24px);
	visibility: hidden;
	cursor: pointer;
}
.pageBtn span.page-prev:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../../../magazines/shindan/img/index/ico_arrow_left_black.svg") no-repeat center center / contain;
	margin-right: 16px;
}
.pageBtn span.page-next:after{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../../../magazines/shindan/img/index/ico_arrow_right_black.svg") no-repeat center center / contain;
	margin-left: 16px;
}
@media screen and (max-width: 767px) {
.pageBtn span.page-prev:before,
.pageBtn span.page-next:after{
	vertical-align: -0.25em;
}
}

.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: space-between;
}
.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(26px, 4vw);
	position: relative;
	background: #f5faff url(../../../magazines/shindan/img/index/ico_arrow_down_black.svg) no-repeat 95% 50% / auto 20%;
	padding: min(3.87vw, 24px);
	box-sizing: border-box;
	border-radius: 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	cursor: pointer;
}
.shindan_item dd.area .area-name:hover{opacity: 0.64;}
.shindan_item dd.area .area-name.open{background: #d1e8ff url(../../../magazines/shindan/img/index/ico_arrow_up_black.svg) no-repeat 95% 50% / auto 20%;}
.shindan_item dd.area .pref.active{
	display: flex;
	display: -webkit-flex;
}
@media screen and (max-width: 767px) {
.shindan_item dd.area .area-name:hover,.shindan_item dd.area .area-name:active{opacity: 1;}
.shindan_item dd.area .area-name{background-size: 5%;}
}

.faq-container {padding: min(80px, 12vw) min(4vw, 32px);}
.faq-container .en{
	color: #35a1e0;
	font-size: min(8.53333vw, 48px);
	font-weight: bold;
}
.faq-container h2{
	font-size: min(24px, 4.8vw);
	font-weight: bold;
	display: inline-block;
	border-bottom: #262626 4px solid;
	padding-bottom: 8px;
	margin: min(16px, 1.6vw) 0 min(40px, 4vw);
}
.faq-container .accordion{
	background: #FFF;
	border: #eaeaea 1px solid;
	border-radius: 5px;
	padding: min(6.4vw, 40px) min(4.26666vw, 40px);
	margin-top: min(4vw, 24px);
	text-align: left;
}
.faq-container .accordion dt{
	display: flex;
	position: relative;
	align-items: center;
	color: #299ddf;
	font-size: min(4.26666vw, 24px);
}
.faq-container .accordion dt .number{
	background: #f9fb33;
	color: #299ddf;
	width: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 0.8em;
}
.faq-container .accordion dt h3{
	font-weight: bold;
	flex: 1;
	line-height: 1.4;
	padding-right: 1em;
}
.faq-container .accordion dd{
	border-top: #eaeaea 1px solid;
	margin-top: min(2.4vw, 16px);
	padding-top: min(2.4vw, 16px);
	font-size: min(4.26666vw, 20px);
	line-height: 1.6;
}
.faq-container .accordion dd .module{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 0.2em;
}
.faq-container .accordion dd .module:before{
	content: "A.";
	color: #299ddf;
	font-weight: bold;
	font-size: min(6.4vw, 28px);
	margin-right: 0.4em;
	margin-top: -0.24em;
}
@media screen and (max-width: 767px) {
.faq-container h2{border-bottom: #262626 2px solid;}
.faq-container .accordion dt:after{
	content: "";
	display: block;
	background: url("../img/common/ico_plus.svg") no-repeat center center / contain;
	width: 20px;
	height: 20px;
	margin: 0 0 0 auto;
}
.faq-container .accordion dt.open:after{background: url("../img/common/ico_minus.svg") no-repeat center center / contain;}
.faq-container .accordion dt .number{
	width: 20px;
	line-height: 20px;
}
.faq-container .accordion dd{
	display: none;
	border-top: none;
}
.faq-container .accordion dd .module:before{margin-top: -0.4em;}
}

#shindan_content .affi-attention{
	background: linear-gradient(90deg, rgba(209,241,255,1) 0%, rgba(238,246,255,1) 100%);
	padding: min(2.4vw, 24px) 0 0;
	margin: 0 auto;
	position: relative;
	width: 87.5%;
	font-size: min(4.26666vw, 12px);
}
#shindan_content .affi-attention dl{
	max-width: 1200px;
	margin: 0 auto;
}
#shindan_content .affi-attention dt{
	background: #0658aa;
	color: #FFF;
	display: inline-block;
	padding: 0.2em 0.8em;
	border-radius: 4px;
	line-height: 1.4;
}
#shindan_content .affi-attention dd{
	padding: 0.8em 1.2em;
	line-height: 1.4;
}