@charset "UTF-8";
/*  --------------------------------------

デバイス振り分け(PC)

--------------------------------------  */
@media screen and (min-width:768px) {
.sp {display:none!important;}
/*  --------------------------------------
KEYVISUAL
--------------------------------------  */
.keyvisual {
	margin:0 auto;
	max-width:1300px;
	max-height:1187px;
	position:relative;
}
.keyvisual img {width:100%;}


/* =======================================
CONTENT
======================================= */
.lp_main {
	margin:0 auto;
	width:100%;
	max-width:1300px;
	font-size:0;
	line-height:0;
	position:relative;
}
.lp_main img {width:100%;}
.lp_bkinc {
	margin:0 auto;
	width:100%;
	max-width:1300px;
	font-size:0;
	line-height:0;
	position:relative;
	background:url('/personal/invest/toshin/tokusyu/img/pc/main03bk.png') top center repeat-y;
}
.qa {
	margin:0 auto;
	width:64.6153%;
}
.qa dl {
	padding:15px 0;
	width:100%;
	background:#FFF;
	border-radius:28px;
}
.qa dl:not(:last-child) {
	margin-bottom:25px;
}
.dtl_opener {
	margin:0 auto;
	padding:0 28px;
	width:calc(100% - 56px);
	cursor:pointer;
	position:relative;
}
.dtl_opener:before {
	content: '';
	background: #ffaf0d;
	height: calc(tan(60deg) * 14px / 2);
	width: 25px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	transition:all .3s ease-in-out;
	position:absolute;
	top:37%;
	right:2.5%;
}
.dtl_opener:before      {transform: rotate(180deg);}
.dtl_opener.open:before {transform: rotate(0deg);}
.dtl_txt {
	display:none;
	margin:15px 0 0;
	padding:15px 28px 0;
	width:calc(100% - 56px);
	border-top:1px solid #1fb074;
}
.dtl_opener div img {width:92%;}
.link {
	width:27.07%;
	position:absolute;
	bottom:17.5%;
	left:49.5%;
	transform:translateX(-50%);
}
.lpbottom {
	margin:8rem auto 0;
	max-width:820px;
}


/* ------------  aタグ処理 画像透過リンク */
a img {transition:opacity 0.5s;}
a:hover img {opacity:0.7;}

}/* end */


/*  --------------------------------------

デバイス振り分け(SP)

--------------------------------------  */
@media screen and (max-width:767px) {
.pc {display:none;}
.main-wrap {
	margin:0 auto;
	padding:0;
}
.sidebar {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

/*  --------------------------------------
KEYVISUAL
--------------------------------------  */
.keyvisual {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.keyvisual img {width:100%;}

/* =========================================
CONTENT
========================================= */
.lp_main {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.lp_main img {width:100%;}
.lp_bkinc {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
	background:url('/personal/invest/toshin/tokusyu/img/sp/main03bk.png');
}
.qa {
	margin:0 auto;
	width:82.6666%;
}
.qa dl {
	padding:15px 0;
	width:100%;
	background:#FFF;
	border-radius:12.835px;
}
.qa dl:not(:last-child) {
	margin-bottom:4vw;
}
.dtl_opener {
	margin:0 auto;
	padding:0 4vw;
	width:calc(100% - 8vw);
	cursor:pointer;
	position:relative;
}
.dtl_opener:before {
	content: '';
	background: #ffaf0d;
	height: calc(tan(60deg) * 2.3vw / 2);
	width: 4vw;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	transition:all .3s ease-in-out;
	position:absolute;
	right:2.5%;
	top:40%;
	transform:translateY(-50%);
}
.dtl_opener:before      {transform: rotate(180deg);}
.dtl_opener.open:before {transform: rotate(0deg);}
.dtl_txt {
	display:none;
	margin:3.5vw 0 0;
	padding:3.5vw 4vw 0;
	width:calc(100% - 8vw);
	border-top:1px solid #1fb074;
}
.dtl_opener div img {width:92%;}
.link {
	width:27.07%;
	position:absolute;
	bottom:17.5%;
	left:49.5%;
	transform:translateX(-50%);
}
.lpbottom {
	margin:8rem auto 0;
	max-width:96%;
}

.link {
	width:60.46%;
	position:absolute;
	bottom:14%;
	left:50.5%;
	transform:translateX(-50%);
}

}/* sp end */