/*  reset ver.20230801
----------------------------*/
html, body,
header, nav, section, article, aside, footer, address,
h1, h2, h3, h4, h5, h6,
div, p, blockquote,
dl, dt, dd, ol, ul, li,
table, caption, tbody, thead, tfoot, tr, th, td,
form, iframe, embed, object {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	word-break: break-all;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* 枠線と縦並べ時の隙間を消去 */
img {
	border: 0;
	vertical-align: top;
}
/* 引用符を非表示 */
blockquote, q {
	quotes: none;
}

/* ブラウザデフォルトを10pxに設定 */
html {
	font-size: 62.5%;
	overflow-y: scroll;
}

/* adjust ver.20230801
----------------------------*/
.mb00 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt00 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.pt00 { padding-top: 0px !important; }
.pd00 { padding-bottom: 0px !important; }
.fontb { font-weight: bold !important; }
.font12 { font-size: 1.2rem !important; }
.font14 { font-size: 1.4rem !important; }
.font16 { font-size: 1.6rem !important; }
.font18 { font-size: 1.8rem !important; }
.font20 { font-size: 2.0rem !important; line-height: 1.8 !important;  }
.font22 { font-size: 2.2rem !important; line-height: 1.8 !important;  }
.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c { text-align: center !important; }
.red { color: #dd0000 !important; }
.pink { color: #ff4f8d !important; }
.orange { color: #ff9900 !important; }
.blue { color: #0066cc !important; }
.green { color: #048c4d !important; }
.black { color: #000000 !important; }

/* 回り込み解除 */
.cl { clear: both; }
.cl_r { clear: right; }
.cl_l { clear: left; }
.clearfix {
	display: block;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
}

/* display
----------------------------*/
.pc_none {
	display: none;
}
.sp_none {
	display: inline-block;
}
@media screen and (max-width:639px) {
	.pc_none {
		display: inline-block;
	}
	.sp_none {
		display: none;
	}
}