@charset "utf-8";
/**
/* LP CSS
----------------------------------------------- */
/*　　口座開設が必要な理由　　*/
.reason-guide{
	background: #FAFAFA;
	padding: 5.625rem 0 6.25rem 0;
}
.reason-guide .inner{
	max-width: 1170px;
}
.reason-guide .grid-ttl{
	margin-bottom: 3rem;
}
.reason-guide h3{
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.65;
}
.reason-guide .worries{
	margin-bottom: 2rem;
}
.reason-guide .worries h3{
	margin-bottom: 2.5rem;
}
.reason-guide .worries img{
	width: 100%;
	max-width: 37.5rem;
}
.reason-guide .figureArea{
	margin-bottom: 2rem;
}
.reason-guide .figureArea h3{
	margin-bottom: 1.25rem;
}
.reason-guide .point-box{
	background: #FFF6E2;
	align-items: center;
	padding: 2.1875rem 5rem 2.6875rem 5rem;
	border-radius: 12.5rem;
}
.reason-guide .point-box .textArea{
	width: calc(100% - 14.9375rem);
}
.reason-guide .point-box .text{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2;
}
.reason-guide .point-box .text span{
	border-bottom: 0.3125rem solid #EF0242;
}
.reason-guide .point-box .imgArea{
	width: 14.9375rem;
}
@media only screen and (max-width: 767px) {
	.reason-guide{
		padding: 3rem 0 6.0625rem 0;
	}
	.reason-guide .grid-ttl{
		margin-bottom: 1.375rem;
	}
	.reason-guide h3{
		font-size: 1.25rem;
	}
	.reason-guide .worries{
		margin-bottom: 0.875rem;
	}
	.reason-guide .worries h3{
		margin-bottom: 0.75rem;
	}
	.reason-guide .figureArea{
		margin-bottom: 1.25rem;
	}
	.reason-guide .figureArea h3{
		margin-bottom: 0.625rem;
	}
	.reason-guide .point-box{
		padding: 1.125rem 0.96875rem 1.5rem 0.96875rem;
		border-radius: 1.25rem;
	}
	.reason-guide .point-box .textArea{
		width: 100%;
		margin-bottom: 1.25rem;
	}
	.reason-guide .point-box .text{
		font-size: 1rem;
	}
	.reason-guide .point-box .text span{
		border-bottom: 0.1875rem solid #EF0242;
	}
	.reason-guide .point-box .imgArea{
		width: 100%;
		text-align: center;
	}
	.reason-guide .point-box .imgArea img{
		width: 8.375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.reason-guide{
		padding: 5rem 0 4.25rem 0;
	}
	.reason-guide .grid-ttl{
		margin-bottom: 2.5rem;
	}
	.reason-guide h3{
		font-size: 1.65rem;
	}
	.reason-guide .worries{
		margin-bottom: 1.65rem;
	}
	.reason-guide .worries h3{
		margin-bottom: 1.5rem;
	}
	.reason-guide .worries img{
		max-width: 34.5rem;
	}
	.reason-guide .figureArea{
		margin-bottom: 2rem;
	}
	.reason-guide .figureArea h3{
		margin-bottom: 1rem;
	}
	.reason-guide .point-box{
		padding: 1.65rem 3.5rem;
	}
	.reason-guide .point-box .textArea{
		width: calc(100% - 12.9375rem);
	}
	.reason-guide .point-box .text{
		font-size: 1.25rem;
	}
	.reason-guide .point-box .imgArea{
		width: 12.9375rem;
	}
}
/*　　メリット　　*/
.merit-guide{
	padding: 7.5rem 0 8.75rem 0;
}
.merit-guide .inner{
	max-width: 1008px;
}
.merit-guide .grid-ttl{
	margin-bottom: 5.625rem;
}
.merit-guide .merit-list{
	column-gap: 3.75rem;
	row-gap: 3.75rem;
}
.merit-list .merit-items{
	width: calc(33.3333% - 2.5rem);
}
.merit-guide .compare-box{
	align-items: center;
	margin: 5.625rem auto;
}
.compare-box .contentArea{
	max-width: calc(100% - 14.9375rem);
	padding-left: 1.75rem;
}
.compare-box .contentArea h3{
	position: relative;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.5;
	padding-left: 2.8125rem;
	margin-bottom: 1.5625rem;
}
.compare-box .contentArea h3::before{
	content: '';
	position: absolute;
	background: image-set(
    url('../webp/bubble1.webp') type('image/webp'),
    url('../img/bubble1.png') type('image/png')
  );
	background-position: center;
	background-size: cover;
	width: 5.5625rem;
	height: 5.5625rem;
	top: 0;
	left: -3.75rem;
}
.compare-box .list li{
	position: relative;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.625;
	padding-left: 2.625rem;
}
.compare-box .list li::before {
	content:  "●";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color: #FFC952;
	font-size: 2.125rem;
	line-height: 1;
}
.compare-box .list li + li{
	margin-top: 1.625rem;
}
.compare-box .imgArea{
	width: 14.9375rem;
}
@media only screen and (max-width: 767px) {
	.merit-guide{
		padding: 0.0625rem 0 7.375rem 0;
	}
	.merit-guide .grid-ttl{
		margin-bottom: 2.5rem;
		margin-top: -2.5rem;
	}
	.merit-guide .merit-list{
		column-gap: 0.625rem;
		row-gap: 0.625rem;
	}
	.merit-list .merit-items{
		width: calc(50% - 0.3125rem);
	}
	.merit-guide .compare-box{
		margin: 2.6875rem auto 3.75rem auto;
	}
	.compare-box .contentArea{
		max-width: 100%;
		padding-left: 0.875rem;
		margin-bottom: 2.125rem;
	}
	.compare-box .contentArea h3{
		font-size: 1.125rem;
		padding-left: 3rem;
		margin-bottom: 1.375rem;
	}
	.compare-box .contentArea h3::before{
		width: 3.375rem;
		height: 3.375rem;
		left: -0.875rem;
	}
	.compare-box .list li{
		font-size: 1rem;
	}
	.compare-box .list li + li{
		margin-top: 1.25rem;
	}
	.compare-box .imgArea{
		width: 100%;
		text-align: center;
	}
	.compare-box .imgArea img{
		width: 10.4375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.merit-guide{
		padding: 5rem 0 4.75rem 0;
	}
	.merit-guide .grid-ttl{
		margin-bottom: 3.625rem;
	}
	.merit-guide .merit-list{
		column-gap: 1.5rem;
		row-gap: 1.5rem;
	}
	.merit-list .merit-items{
		width: calc(33.3333% - 1rem);
	}
	.merit-guide .compare-box{
		margin: 3.625rem auto;
	}
	.compare-box .contentArea{
		max-width: calc(100% - 12.9375rem);
		padding-left: 1.75rem;
	}
	.compare-box .contentArea h3{
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
	}
	.compare-box .contentArea h3::before{
		width: 4.5625rem;
		height: 4.5625rem;
		left: -2.25rem;
	}
	.compare-box .list li{
		font-size: 1.125rem;
	}
	.compare-box .list li + li{
		margin-top: 1.25rem;
	}
	.compare-box .imgArea{
		width: 12.9375rem;
	}
}
/*　　入会申込に必要なもの　　*/
.need-guide{
	background: #FAFAFA;
	padding: 8.75rem 0 3.75rem 0;
}
.need-guide .need-box{
	text-align: center;
}
.need-guide .need-box .box{
	display: inline-block;
	background: #FFFFFF;
	padding: 2.5rem 3.75rem;
	border-radius: 0.625rem;
}
.need-guide .need-box .list li{
	position: relative;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	padding-left: 3.5625rem;
}
.need-guide .need-box .list li::before {
	content:  "●";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color: #FFC952;
	font-size: 2.3125rem;
	line-height: 1;
}
.need-guide .need-box .list li + li{
	margin-top: 1.25rem;
}
@media only screen and (max-width: 767px) {
	.need-guide{
		padding: 0.0625rem 0 1.25rem 0;
	}
	.need-guide .grid-ttl{
		margin-top: -2.5rem;
	}
	.need-guide .need-box .box{
		display: block;
		padding: 1.875rem 1.5rem;
	}
	.need-guide .need-box .list li{
		font-size: 1rem;
		padding-left: 2.75rem;
	}
	.need-guide .need-box .list li::before {
		font-size: 2.125rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.need-guide{
		padding: 5.75rem 0 2.75rem 0;
	}
	.need-guide .need-box .box{
		padding: 2rem 3rem;
	}
	.need-guide .need-box .list li{
		font-size: 1.25rem;
	}
	.need-guide .need-box .list li + li{
		margin-top: 1.125rem;
	}
}
/*　　主な入会フロー　　*/
.flow-guide{
	background: #FAFAFA;
	padding: 3.75rem 0 8.75rem 0;
}
.flow-guide .flow-step{
	margin-bottom: 6rem;
}
.flow-list .flow-items{
	position: relative;
	background: #FFFFFF;
	outline: 0.3125rem solid #202A33;
	outline-offset: -0.3125rem;
	border-radius: 0.625rem;
	margin-bottom: 7.8125rem;
}
.flow-list .flow-items:nth-child(2){
	margin-bottom: 12.875rem;
}
.flow-list .flow-items:last-child{
	margin-bottom: 8.125rem;
}
.flow-list .flow-items::after{
	content: "";
	background: image-set(url(../webp/arrow.webp) type('image/webp'), url(../img/arrow.png) type('image/png'));
	background-position: center;
	background-size: cover;
	position: absolute;
	right: 50%;
	bottom: -5.25rem;
	width: 4.625rem;
	height: 2.125rem;
	transform: translateX(50%);
}
.flow-list .flow-items:nth-child(2)::after{
	background: image-set(url(../webp/arrow2.webp) type('image/webp'), url(../img/arrow2.png) type('image/png'));
	background-position: center;
	background-size: cover;
	bottom: -9.5625rem;
	height: 6.4375rem;
}
.flow-list .flow-items:last-child::after{
	content: none;
}
.flow-list .flow-items .ttlArea{
	background: #FFD16C;
	align-items: center;
	border-radius: 0.625rem 0.625rem 0 0;
}
.flow-list .flow-items .ttlArea .no{
	width: 6.625rem;
	background: #EF0242;
	font-family: "Inter", serif;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	border-radius: 0.625rem 0 0 0;
	padding: 1.25rem 0.625rem;
}
.flow-list .flow-items .ttlArea .no span{
	display: block;
	font-size: 2.5rem;
	font-weight: 900;
	line-height: 1.2;
	margin-top: -0.3125rem;
}
.flow-list .flow-items .ttlArea h3{
	width: calc(100% - 35rem);
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	padding: 1rem 1.25rem;
}
.flow-list .flow-items .contentArea{
	align-items: center;
	min-height: 6.4375rem;
	padding: 1.875rem 0;
}
.flow-list .flow-items .contentArea .text{
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.45;
	width: calc(100% - 28.75rem);
	padding: 0 1.5625rem;
}
.flow-list .flow-items .contentArea .text span{
	color: #EF0242;
}
.flow-list .flow-items .img{
	position: absolute;
	width: 28.75rem;
	top: 1.375rem;
	right: 2.5rem;
}
.flow-list .flow-items .img .note{
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.flow-guide{
		padding: 1.25rem 0 2.5rem 0;
	}
	.flow-list .flow-items{
		outline: 0.1875rem solid #202A33;
		outline-offset: -0.1875rem;
		margin-bottom: 4.5rem;
	}
	.flow-list .flow-items:nth-child(2){
		margin-bottom: 8.9375rem;
	}
	.flow-list .flow-items:last-child{
		margin-bottom: 2.5rem;
	}
	.flow-list .flow-items::after{
		bottom: -3.375rem;
	}
	.flow-list .flow-items:nth-child(2)::after{
		bottom: -7.6875rem;
	}
	.flow-list .flow-items .ttlArea .no{
		width: 5rem;
		padding: 0.9375rem 0.9375rem 0.3125rem 0.9375rem;
	}
	.flow-list .flow-items .ttlArea .no span{
		font-size: 2.25rem;
		margin-top: -0.3125rem;
	}
	.flow-list .flow-items .ttlArea h3{
		width: calc(100% - 6.625rem);
		font-size: 1.125rem;
		padding: 1rem 1.25rem;
	}
	.flow-list .flow-items .contentArea{
		padding: 1.25rem 0.9375rem 1.625rem 0.9375rem;
	}
	.flow-list .flow-items:nth-child(1) .contentArea,
	.flow-list .flow-items:nth-child(2) .contentArea{
		padding: 1.25rem 0.9375rem 0.875rem 0.9375rem;
	}
	.flow-list .flow-items .contentArea .text{
		font-size: 1rem;
		width: 100%;
		padding: 0;
		margin-bottom: 1.5rem;
	}
	.flow-list .flow-items .img{
		position: relative;
		width: 100%;
		top: auto;
		right: auto;
	}
	.flow-list .flow-items .img .note{
		font-size: 0.75rem;
	}
	.flow-guide .block_btn{
		margin-top: 2.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flow-guide{
		padding: 2.75rem 0 5.75rem 0;
	}
	.flow-guide .flow-step{
		margin-bottom: 4rem;
	}
	.flow-list .flow-items{
		margin-bottom: 7.8125rem;
	}
	.flow-list .flow-items:nth-child(2){
		margin-bottom: 12.875rem;
	}
	.flow-list .flow-items:last-child{
		margin-bottom: 7.125rem;
	}
	.flow-list .flow-items .ttlArea .no{
		width: 6rem;
		font-size: 1rem;
		padding: 1.25rem 0.625rem 0.625rem 0.625rem;
	}
	.flow-list .flow-items .ttlArea .no span{
		font-size: 2.5rem;
		margin-top: -0.3125rem;
	}
	.flow-list .flow-items .ttlArea h3{
		width: calc(100% - 6rem);
		font-size: 1.45rem;
		padding: 1rem 1.25rem;
	}
	.flow-list .flow-items .contentArea{
		min-height: 6.4375rem;
		padding: 1.875rem 0;
	}
	.flow-list .flow-items .contentArea .text{
		font-size: 1.125rem;
		width: calc(100% - 20.75rem);
		padding: 0 1.5625rem;
	}
	.flow-list .flow-items .img{
		width: 20.75rem;
		top: auto;
		bottom: -3.5rem;
		right: 0.25rem;
	}
	.flow-list .flow-items .img .note{
		font-size: 0.75rem;
	}
}
/*　　資産の守り方を詳しくご説明　　*/
.explanation-box{
	max-width: 1100px;
	border-bottom: 0.25rem solid #C79E16;
	margin: 7.5rem auto 0 auto;
	padding-bottom: 3.125rem;
}
.explanation-box h2{
	display: flex;
	align-items: center;
	color: #C79E16;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 3.125rem;
}
.explanation-box h2:before,
.explanation-box h2:after {
	flex-grow: 1;
	height: 0.25rem;
	content: '';
	background: #C79E16;
}
.explanation-box h2:before {
	margin-right: 0.875rem;
}
.explanation-box h2:after {
	margin-left: 0.875rem;
}
.explanation-box .text{
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 1.875rem;
}
.explanation-box .imgArea{
	width: 14rem;
}
.explanation-box .contentArea{
	margin-right: 3.75rem;
}
.explanation-box .block_btn{
	text-align: left;
	margin-top: 0;
}
.explanation-box .block_btn li{
	max-width: 32.1875rem;
}
.explanation-box .note{
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 1.25rem;
	text-indent: -1em;
	padding-left: 1em;
}
@media only screen and (max-width: 767px) {
	.explanation-box{
		border-bottom: 0.1875rem solid #FDAE00;
		margin: 0;
		padding-bottom: 1.875rem;
	}
	.explanation-box h2{
		color: #FDAE00;
		font-size: 1.25rem;
		margin-bottom: 1.875rem;
	}
	.explanation-box h2:before,
	.explanation-box h2:after {
		background: #FDAE00;
		height: 0.1875rem;
	}
	.explanation-box h2:before {
		margin-right: 0.3125rem;
	}
	.explanation-box h2:after {
		margin-left: 0.3125rem;
	}
	.explanation-box .text{
		font-size: 1rem;
		text-align: left;
		padding: 0 1rem;
		margin-bottom: 1.25rem;
	}
	.explanation-box .explanation-items{
		padding: 0 1rem;
	}
	.explanation-box .imgArea{
		width: 100%;
		text-align: center;
	}
	.explanation-box .imgArea img{
		width: 9.8125rem;
	}
	.explanation-box .contentArea{
		margin-right: 0;
		margin-bottom: 1.25rem;
	}
	.explanation-box .block_btn{
		text-align: center;
	}
	.explanation-box .note{
		font-size: 0.875rem;
		margin-top: 0.625rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.explanation-box{
		margin: 5.5rem auto 0 auto;
	}
	.explanation-box .text{
		font-size: 1.125rem;
	}
	.explanation-box .contentArea{
		margin-right: 1.875rem;
	}
}
/*　　お問い合わせ　　*/
.contact-guide{
	background: #F7F7F7;
	padding: 3.75rem 0 5rem 0;
}
.contact-guide .logo{
	text-align: center;
	margin-bottom: 1.25rem;
}
.contact-guide .contact-box{
	background: #FFFFFF;
	max-width: 740px;
	border: 1px solid #078C9F;
	padding: 2.8125rem 2.5rem;
	margin: 0 auto;
}
.contact-guide .contact-box .tel{
	-webkit-justify-content: center;
	justify-content: center;
}
.contact-guide .contact-box .tel dt{
	margin-right: 0.625rem;
}
.contact-guide .contact-box .tel dt img{
	margin-top: 0.9375rem;
}
.contact-guide .contact-box .tel dd a{
	color: #078C9F;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.25;
}
.contact-guide .contact-box .tel dd span{
	color: #078C9F;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.25;
}
.contact-guide .contact-box .time{
	color: #5F5F5F;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.02em;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.contact-guide{
		padding: 2.1875rem 0;
	}
	.contact-guide .inner{
		width: 80%;
	}
	.contact-guide .logo{
		margin-bottom: 0.9375rem;
	}
	.contact-guide .contact-box{
		padding: 0.9375rem;
	}
	.contact-guide .contact-box .tel dt{
		margin-right: 0.3125rem;
	}
	.contact-guide .contact-box .tel dt img{
		width: 1.75rem;
		margin-top: 0.3125rem;
	}
	.contact-guide .contact-box .tel dd a{
		font-size: 2.1875rem;
	}
	.contact-guide .contact-box .time{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.contact-guide{
		padding: 3.75rem 0;
	}
	.contact-guide .contact-box{
		padding: 1.875rem 1.25rem;
	}
}
/*　　注意事項　　*/
.important-guide{
	padding: 3.75rem 0;
}
.important-guide .inner{
	max-width: 860px;
}
.important-guide h3{
	color: #6B5910;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.625rem;
}
.important-guide dl{
	margin-bottom: 0.625rem;
}
.important-guide dl:last-child{
	margin-bottom: 0;
}
.important-guide dl dt{
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.125;
	margin-bottom: 0.5rem;
}
.important-guide dl dd{
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.7;
}
.important-guide dl dd p{
	text-indent: -1em;
	padding-left: 1em;
}
@media only screen and (max-width: 767px) {
	.important-guide{
		padding: 2.1875rem 0;
	}
	.important-guide h3{
		font-size: 1rem;
	}
	.important-guide dl dt{
		font-size: 0.875rem;
	}
	.important-guide dl dd{
		font-size: 0.875rem;
	}
}