@charset "UTF-8";
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../font/NotoSansJP-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../font/NotoSansJP-ExtraBold.woff2') format('woff2');
}
body {
	font-size: 20px;
	font-family: "Noto Sans JP";
	font-weight: 400;
	text-align: center;
	color: rgba(51,51,51,1.0);
	background: rgba(245,245,245,1.00);
	margin: 0;
}
img,video {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	color: rgba(0,0,0,1.00);
}
p {
	line-height: 1.8;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#wrapper {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,1);
	padding-bottom: 40px;
}
.img_100 {
	width: 100%;
}
.img_96 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.img_70 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.fw_bold {
	font-weight: 800;
}
.fc_red {
	color: rgba(250,0,0,1.00);
}
.fc_blue {
	color: rgba(30,100,250,1.00);
}
.fs_30 {
	font-size: 30px;
}
.fs_24 {
	font-size: 24px;
}
.fs_16 {
	font-size: 16px;
}
.fs_12 {
	font-size: 12px;
}
.mt_60 {
	margin-top: 60px;
}
.mt_40 {
	margin-top: 40px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_10 {
	margin-top: 10px;
}
.mt_-10 {
	margin-top: -10px;
}
.pt_30 {
	padding-top: 30px;
}
.ta_right {
	text-align: right;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.bl_yellow {
	background: linear-gradient(transparent 10%, #FFFF2F 10%);
}
.ul_yellow {
	background: linear-gradient(transparent 80%, #FFFF2F 80%);
}
.ttl_blue {
    background: #BBE6FE;
    border-bottom: solid 3px #65B3F4;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ttl_gray {
    background: rgba(230,230,230,1.00);
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pc_none {
	display: none;
}
#vdbanner {
	display: none;
}
@media screen and (max-width:750px) {
#wrapper {
	width: 100%;
}
.fs_30 {
	font-size: 26px;
}
.fs_16 {
	font-size: 12px;
}
.fs_12 {
	font-size: 10px;
}
.mt_60 {
	margin-top: 60px;
}
.mt_40 {
	margin-top: 40px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_10 {
	margin-top: 10px;
}
.mt_-10 {
	margin-top: -10px;
}
.pt_30 {
	padding-top: 10px;
}
.pc_none {
	display: block;
}
.sp_none {
	display: none;
}
}