h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
h2:before, h2:after {
  border-top: 2px solid;
  content: "";
  width: 1.5em;
}
h2:before {margin-right: 0.6em;}
h2:after {margin-left: 0.6em;}

/*-----------------------------------
KV
-----------------------------------*/
.kv {
	width: 100%;
	background: #f4f4f0;
	text-align: right;
	line-height: 1;
	margin-top: 100px;
	margin-bottom: 60px;
	overflow: hidden;
}
.kv .inner {
	max-width: 1200px;
	height: 450px;
	margin: 0 auto;
	position: relative;
}
.kv img {
	width: auto;
	height: 450px;
}
.kv_txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	text-align: center;
	height: 450px;
	z-index: 2;
}
.kv_txt p {
	width: 100%;
}
.catch {
	font-size: 39px;
	letter-spacing: 0.1em;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	margin-top: 125px;
	margin-bottom: 50px;
}
.catch span {
	font-family: "FP-KoburinaGoStdN-W6";
}
.catch2 {
	font-size: 19px;
	line-height: 2;
	letter-spacing: 0.2em;
	font-family: "FP-KoburinaGoStdN-W6";
	margin-bottom: 42px;
}
.kv_logo img {
	width: 124px;
	height: auto;
}
.kv_img {
	position: absolute;
	top: 0;
	right: 0;
	height: 450px;
}

@media screen and (max-width: 1170px) {
.catch { font-size: 3.34vw; }
}
@media screen and (min-width: 781px) {
.catch br { display: none;}
}
@media screen and (max-width: 780px) {
.kv_txt {
	width: 100%;
	text-align: left;
	padding-left: 50px;
}
.kv_txt p {
	width: 100%;
}
.catch {
	font-size: 5.5vw;
	line-height: 1.7;
	margin-top: 45px;
	margin-bottom: 20px;
}
.catch span {
	display: none;
}
.catch2 {
	font-size: 3.5vw;
	line-height: 2.3;
	margin-bottom: 42px;
}
.catch2 span {
	background-color: rgba(255,255,255,0.6);
	padding: 6px;
}
.kv_img {
	position: absolute;
	top: 0;
	right: -110px;
	height: 350px;
}
}

@media screen and (max-width: 640px) {
.kv .inner {
	display: flex;
	height: 450px;
	padding: 0;
	align-content: space-between;
	
}
.catch {
	font-size: 6.8vw;
	margin-top: 0;
	padding-top: 30px;
}
.catch2 {
	margin-top: 30%;
	margin-bottom: 0;
}
.kv_img {
	top: -24px;
	right: -50px;
}
.kv_txt {
	width: 100%;
	position: relative;
	text-align: center;
	padding-left: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
}
.kv_logo {
	display: none;
}
}

/*-----------------------------------
バナー
-----------------------------------*/
.banner {
	max-width: 1100px;
	margin: 0 auto 120px auto;
	padding: 0 10px;
	display: flex;
	justify-content: center;
	line-height: 1;
}
.banner a {
	margin: 0 10px;
}
@media screen and (max-width: 800px) {
.banner {
	flex-wrap: wrap;
}
.banner a {
	width: 48%;
	margin: 1%;
}
}

/*-----------------------------------
3つのポイント
-----------------------------------*/
.points3 {
	margin-bottom: 110px;
}

.points3 .sld {
	font-size: 22px;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
.points3 .sld {
	font-size: 2.5vw;
}
.points3 h2:before,.points3 h2:after {
  border-top: none!important;
  width: 0;
}
.points3 h2:before {margin-right: 0;}
.points3 h2:after {margin-left: 0;}	
}

@media screen and (min-width: 641px) {
.points3 .sld br {
	display: none;
}
}
@media screen and (max-width: 640px) {
.points3 .sld {
	font-size: 3.1vw;
	line-height: 1.6;
	margin-bottom: 20px;
}
}



.points3 .title {
	font-size: 40px;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	text-align: center;
	margin-bottom: 60px;
}
.points3 .title span {
	font-size: 80px;
	font-family: "FP-KoburinaGoStdN-W6";
}
@media screen and (max-width: 800px) {
.points3 .title {
	font-size: 5.1vw;
}
.points3 .title span {
	font-size: 9vw;
}
}


.po1,.po2,.po3 {
	margin: 0 auto 90px auto;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}
@media screen and (max-width: 900px) {
.po1,.po2,.po3 {
	margin: 0 auto 90px auto;
	display: block;
	padding: 0 20px;
}
}
.po1,.po3 {
	max-width: 910px;
	flex-direction:row-reverse;
}
.po2 {
	max-width: 1000px;
}

.po1 .pic_area {
	max-width: 275px;
	background-image: url("../images/pic1_2.gif");
	background-repeat: no-repeat;
	background-size: cover;
}
.po2 .pic_area {
	max-width: 355px;
	background-image: url("../images/pic2_2.gif");
	background-repeat: no-repeat;
	background-size: cover;
}
.po3 .pic_area {
	max-width: 275px;
	background-image: url("../images/pic3_2.gif");
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 900px) {
.po1 .pic_area,
.po2 .pic_area,
.po3 .pic_area {
	max-width: 550px;
	width: 65%;
	margin: 0 auto;
}
}

.po1 .txt_area,
.po3 .txt_area {
	max-width: 575px;
	width: 100%;
	padding-top: 35px;
	padding-right: 20px;
}
.po2 .txt_area {
	max-width: 575px;
	width: 100%;
	padding-top: 35px;
	padding-left: 20px;
}
@media screen and (max-width: 900px) {
.po1 .txt_area,
.po2 .txt_area,
.po3 .txt_area {
	max-width: 900px;
	width: 95%;
	margin: 0 auto;
	padding-right: 0;
}
}


.po1 .txt_area div,
.po2 .txt_area div,
.po3 .txt_area div {
	display: flex;
}
.po1 .txt_area div p,
.po2 .txt_area div p,
.po3 .txt_area div p {
	font-size: 84px;
	font-family: "FuturaLTPro-Medium";
	line-height: 0.8;
	margin-right: 12px;
}
.po1 .txt_area div h3,
.po2 .txt_area div h3,
.po3 .txt_area div h3 {
	font-size: 23px;
	line-height: 1.5;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	border-bottom: 4px solid #000;
	padding-bottom: 8px;
	width: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 22px;
}
.po1 .txt_area div h3 {
	padding-top: 16px;
}
@media screen and (max-width: 900px) {
.po2 .txt_area div h3 br,
.po3 .txt_area div h3 br {
	display: none;
}
}
@media screen and (max-width: 640px) {
.po1 .txt_area div h3 {
	padding-top: 0;
}
}


.po1 .txt_area .txt,
.po2 .txt_area .txt,
.po3 .txt_area .txt {
	font-size: 14.5px;
	letter-spacing: 0.1em;
	margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
.po1 .txt_area .txt,
.po2 .txt_area .txt,
.po3 .txt_area .txt {
	width: 100%;
	font-size: 13.5px;
	line-height: 1.8;
	letter-spacing: 0.08em;
}
}

.po1 .txt_area a,
.po2 .txt_area a,
.po3 .txt_area a {
	font-family: "FP-KoburinaGoStdN-W6";
	background: #e6e6e6;
	display: flex;
	align-items: center;
	color: #000;
	width: auto;
	border-radius:25px;
	padding-right: 1.5em;
}
.po1 .txt_area a .bt_arr,
.po2 .txt_area a .bt_arr,
.po3 .txt_area a .bt_arr {
	background: #000;
	color: #FFF;
	padding: 6px 5px 6px 12px;
	border-radius:25px 0 0 25px;
	margin-right: 1em;
}
.po1 .txt_area a:hover,
.po2 .txt_area a:hover,
.po3 .txt_area a:hover {
	background: #000;
	color: #FFF;
}
@media screen and (max-width: 640px) {
.po1 .txt_area a,
.po2 .txt_area a,
.po3 .txt_area a {
	width: 100%;
	font-size: 14px;
}
}

/*-----------------------------------
3ステップ
-----------------------------------*/
.steps3 {
	width: 100%;
	background: #f4f4f0;
	padding: 120px 20px;
}
.steps3 h2 {
	font-size: 34px;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	margin-bottom: 60px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.steps3 h2 {
	font-size: 5.2vw;
}
}
.steps3 .pic_area {
	max-width: 960px;
	margin: 0 auto 20px auto;
	position: relative;
}
.steps3 .txt_area {
	display: flex;
	justify-content: space-between;
	max-width: 960px;
	margin: 0 auto;
}
.steps3 .txt_area p {
	max-width: 240px;
	width: 30%;
	font-size: 14.5px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
.steps3 .txt_area p {
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
}


/*-----------------------------------
ファンド一覧
-----------------------------------*/
.funds {
	width: 100%;
	padding: 120px 0;
}

.funds .on {
	background-image: url("../images/fund_on2.png"),url("../images/fund_on.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom,top;
}
.funds .off {
	background-image: url("../images/fund_off2.png"),url("../images/fund_off.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom,top;
}
@media screen and (max-width: 680px) {
.funds .on {
	background-image: url("../images/fund_on2_sp.png"),url("../images/fund_on_sp.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom,top;
}
.funds .off {
	background-image: url("../images/fund_off2_sp.png"),url("../images/fund_off_sp.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom,top;
}
}

.funds .off .txt_area,
.funds .off .pic_area {
	opacity: 0.5;
}
.funds a {
	color: #000;
}

.funds h2 {
	font-size: 34px;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	margin-bottom: 60px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.funds h2 {
	font-size: 5.2vw;
}
}

.funds .fund {
	max-width: 900px;
	width: 95%;
	margin: 0 auto 55px auto;
	display: flex;
	justify-content: space-between;
	padding: 0 45px 30px 45px;
}
.fund .txt_area {
	padding-top: 80px;
	width: 55%;
	padding-right: 30px;
}

.fund .pic_area {
	padding-top: 80px;
	width: 350px;
}
.f_title {
	font-size: 22px;
	font-family: "FuturaLTPro-Medium";
	border-bottom: 4px solid #000;
	width: 100%;
	margin-bottom: 5px;
}
.f_title span {
	font-size: 15px!important;
	margin-right: 0.5em;
}

.f_add {
	font-size: 16px;
	margin-bottom: 24px;
}
.f_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
.f_info div {
	width: 45%;
}
.f_info div .mid {
	font-size: 12px!important;
	line-height: 1;
	color: #FFF;
	font-family: "FP-KoburinaGoStdN-W6";
	background: #727171;
	padding: 4px 0;
}
.f_info div p {
	font-size: 24px;
	line-height: 1;
	font-family: "FuturaLTPro-Medium";
	padding: 20px 0;
}
.f_info div .pd {
	font-size: 18px!important;
	line-height: 1;
	font-family: "FuturaLTPro-Medium";
	padding: 20px 0;
}

@media screen and (max-width: 768px) {
.fund .pic_area {
	width: 240px;
}
.fund .txt_area {
	width: 75%;
	padding-right: 20px;
}
.f_title {
	font-size: 16px;
}
.f_add {
	font-size: 14px;
	margin-bottom: 18px;
}
.f_info div {
	width: 49%;
}
.f_info div p {
	font-size: 20px;
	padding: 12px 0;
}
}

@media screen and (max-width: 680px) {
.funds .fund {
	display: block;
}
.fund .txt_area {
	width: 100%;
	padding-right: 0;
}
.fund .pic_area {
	padding-top: 5px;
	width: 100%;
}
}



.faq {
	width: 100%;
	background: #f4f4f0;
	padding: 120px 20px;
	margin-bottom: 110px;
}
.faq h2 {
	font-size: 34px;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	margin-bottom: 60px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.faq h2 {
	font-size: 5.2vw;
}
}
.faq_inner {
	max-width: 745px;
	width: 100%;
	margin: 0 auto;
}

.faq_q {
	background: #FFF;
	color: #000;
	border-radius:55px;
	font-family: "FP-KoburinaGoStdN-W6";
	font-size: 22px;
	letter-spacing: 0.08em;
	display: flex;
	align-items: center;
	margin-bottom: 45px;
	position: relative;
	cursor: pointer;
}
.faq_q .q {
	background: #000;
	color: #FFF;
	font-family: "FuturaLTPro-Medium";
	font-size: 22px;
	
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
}
.faq_q p {
	margin-left: 20px;
}
.faq_a {
	margin-left: 110px;
	margin-bottom: 45px;
	display: none;
}
.faq_a .a {
	color: #e06b66;
	font-family: "FuturaLTPro-Medium";
	font-size: 22px;
	margin-right: 10px;
}
.faq_a p {
	line-height: 2.0;
}
@media screen and (max-width: 860px) {
.faq_q {
	width: 100%;
	font-size: 14px;
	line-height: 1.55;
	padding-right: 65px;
}
.faq_q .q {
	font-size: 16px;
	padding: 0 30px 0 25px;	
}
.faq_a {
	margin-left: 30px;
}
.faq_a p {
	font-size: 13.5px;
	line-height: 1.8!important;
}
}
.faq_arr {
	width: 20px;
	position: absolute;
	right: 35px;
	transition: all 0.2s ease-out;
}
.faq_arr.is-active {
	transform: rotate(180deg);
	transition: all 0.2s ease-out;
}

/*-----------------------------------
お知らせ
-----------------------------------*/
.news {
	width: 100%;
	margin-bottom: 120px;
}
.news h2 {
	font-size: 34px;
	letter-spacing: 0.1em;
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	margin-bottom: 60px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.news h2 {
	font-size: 5.2vw;
}
}
.news table {
	max-width: 670px;
	width: 90%;
	margin: 0 auto 50px auto;
	border-collapse:collapse;
}
.news td {
	font-size: 16px;
	line-height: 1.9;
	vertical-align: top;
	padding: 20px 10px;
}
@media screen and (max-width: 640px) {
.news td {
	font-size: 13.5px;
	line-height: 1.7;
}
}
.news tr {
	border-bottom: 1px dotted #000;
}
.news tr:last-child {
	border-bottom: none;
}
.news .date {
	padding-right: 2em;
}

/*-----------------------------------
黒いボタン
-----------------------------------*/
.blk_bt {
	width: 100%;
	text-align: center;
}
.blk_bt a {
	font-family: "FP-KoburinaGoStdN-W6";
	font-size: 18px;
	background: #000;
	color: #FFF;
	border-radius:25px;
	padding: 14px 60px;
}
.blk_bt a:hover {
	background: #e84566;
}
@media screen and (max-width: 640px) {
.blk_bt a {
	font-size: 14px;
}
}


