@charset "utf-8";
/* CSS Document */

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ コンテンツ --------------*/

/*分配金の推移*/
.flow{
	margin-bottom: 5rem;
}
.w-scroll .flow__main_img {
    width: 600px;
}
.flow__note {
    padding-left: 3.5rem;
    text-indent: -3.5rem;
}
.flow__link{
	display: inline-block;
	width: 100%;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	color:#fff;
	background-color: #878fb5;
	margin: 0 auto;
	padding:1.2rem 0;
	border-radius: 0.5rem;
}
.flow__link:hover{
	background-color: var(--main-color);
}


/*投資主優待制度*/
.program__ttl{
	line-height: 1.2;
}
.program__subttl{
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 1.5rem;	
}
.program__link{
	display: inline-block;
	width: 100%;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	color:#fff;
	background-color: #878fb5;
	margin: 0 auto;
	padding:1.2rem 0;
	border-radius: 0.5rem;
}
.program__link:hover{
	background-color: var(--main-color);
}
.program__txt{
	font-size: 1.3rem;
	line-height: 1.4;
	margin-bottom: 2rem;	
}
.program__tbl{
	border-collapse:collapse;
	font-size: 1.3rem;
	line-height: 1.4;
}
.program__tbl_hd{
	font-weight: normal;
	text-align: left;
	background-color: #EAEAEA;
    border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding:1.5rem 1.0rem;
}
.program__tbl_md{
	width:25%;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.program__tbl_dt{
	width:75%;
	border-bottom: 1px solid #707070;
	padding:1.5rem 0 1.5rem 1rem;
}
.program__tbl_txt{
	font-size: 1.3rem;
	line-height: 1.4;
	padding-left:1.5rem;
	text-indent:-1.5rem;
	margin-bottom: 1rem;
}
.program__tbl_logo{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 1rem auto 1rem;
	padding:0;
	width: 100%;
}
.program__tbl_logo_li{
	width: 100%;
	margin: 0 auto 2rem;
}
.program__tbl_logo_li.s-logo{
	width: 50%;
}
.program__tbl_icon{
	width: 3.5rem;
    margin: 0 0 0.2rem 0.5rem;
}


/*------------------------------------------
PC画面
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ コンテンツ --------------*/
	
	/*分配金の推移*/
	.flow{
		margin-bottom: 8rem;/**/
	}
	.flow__link{
		font-size: 1.7rem;/**/
		margin: 0 auto 6rem;/**/
		padding:1.4rem 0;/**/
	}
	.w-scroll .flow__main_img {
		width: 100%;/**/
	}

	/*投資主優待制度*/
	.program__subttl{
		font-size: 2.3rem;/**/
		line-height: 1.4;
		margin-bottom: 3.0rem;/**/	
	}
	.program__link{
		font-size: 1.7rem;/**/
		margin: 0 auto 6rem;/**/
		padding:1.4rem 0;/**/
	}
	.program__txt{
		font-size: 1.5rem;/**/
		line-height: 1.5;/**/
		margin-bottom: 3.0rem;/**/
	}
	.program__tbl{
		font-size: 1.4rem;/**/
		line-height: 1.5;/**/
	}
	.program__tbl_hd{
		font-size: 1.5rem;/**/
		font-weight:500;/**/
		padding:1rem 0;/**/
	}
	.program__tbl_hd span{
		width:30%;/**/
		display: block;/**/
		text-align: center;/**/
	}
	.program__tbl_md{
		width:30%;/**/
		text-align: center;/**/
	}
	.program__tbl_dt{
		width:70%;/**/
		padding:2rem 0 2rem 2rem;/**/
	}
	.program__tbl_txt{
		font-size: 1.4rem;/**/
		line-height: 1.5;/**/
		padding-left:2rem;/**/
		text-indent:-2rem;/**/
	}
	.program__tbl_txt a:hover{
		text-decoration: underline;
	}
	.program__tbl_logo{
		align-items: center;/**/
		margin: 2.5rem auto 0 0;/**/
		width: 35%;/**/
	}
	.program__tbl_logo_li{
		width: 100%;/**/
	}
	.program__tbl_logo_li.s-logo{
		width: 55%;/**/
	}

}

/*------------------------------------------
PC画面（1200px以上）
------------------------------------------*/
@media screen and (min-width: 1200px) {
	
	/*------------ コンテンツエリア --------------*/

}