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

/* 基本設定 各ブラウザでのCSSを初期化 */
body, img, ul, li, h1, h2, h3, h4, h5, h6, div, form, p {
	margin:0;
	padding:0;
}
body {
  min-height: 100vh;
  scroll-behavior: smooth;
}
div, article, section, aside, header, footer {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, th, td {
	box-sizing: border-box;
}


img, iframe { vertical-align:bottom; }
a img { border: none; }
ul li {
	list-style: none;
}

/* a 疑似クラス */
a:link { color:#0066CC; text-decoration:none; }
a:visited { color:#0066CC; text-decoration:none; }
a:hover { color:#0066CC; text-decoration:none; }
a:active { color:#0066CC; text-decoration:none; }

/* iOSの送信ボタン初期化 */
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}

/* 汎用class用 */
.clear { clear:both; }

/* フロート */
.fl-l { float:left; }
.fl-r { float:right; }

/* 横位置設定 */
.al-c{ text-align: center; }
.al-r{ text-align: right; }
.al-l{ text-align: left; }

/* 縦位置設定[インライン要素とテーブルセルのみ対象] */
.vl-t{ vertical-align: top; }
.vl-m{ vertical-align: middle; }
.vl-b{ vertical-align: bottom; }

/* フォント関連 */
.bold { font-weight:bold; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs24 { font-size:24px; }
.fs30 { font-size:30px; }
.fs36 { font-size:36px; }

.lh-1.5 { line-height:1.5em; }
.lh-1.75 { line-height:1.75em; }
.lh-2 { line-height:2em; }

/* margin設定 */
.mg-t5 { margin-top:5px !important; }
.mg-t10 { margin-top:10px !important; }
.mg-t15 { margin-top:15px !important; }
.mg-t20 { margin-top:20px !important; }
.mg-t30 { margin-top:30px !important; }
.mg-t40 { margin-top:40px !important; }
.mg-t50 { margin-top:50px !important; }
.mg-t60 { margin-top:60px !important; }
.mg-t70 { margin-top:70px !important; }
.mg-t80 { margin-top:80px !important; }
.mg-t1em { margin-top:1em !important; }

.mg-b5 { margin-bottom:5px !important; }
.mg-b10 { margin-bottom:10px !important; }
.mg-b15 { margin-bottom:15px !important; }
.mg-b20 { margin-bottom:20px !important; }
.mg-b30 { margin-bottom:30px !important; }
.mg-b40 { margin-bottom:40px !important; }
.mg-b50 { margin-bottom:50px !important; }
.mg-b60 { margin-bottom:60px !important; }
.mg-b70 { margin-bottom:70px !important; }
.mg-b80 { margin-bottom:80px !important; }
.mg-b1em { margin-bottom:1em !important; }

.mg-r5 { margin-right:5px !important; }
.mg-r10 { margin-right:10px !important; }
.mg-r15 { margin-right:15px !important; }
.mg-r20 { margin-right:20px !important; }
.mg-r30 { margin-right:30px !important; }
.mg-r40 { margin-right:40px !important; }
.mg-r50 { margin-right:50px !important; }
.mg-r60 { margin-right:60px !important; }
.mg-r70 { margin-right:70px !important; }
.mg-r80 { margin-right:80px !important; }
.mg-r1em { margin-right:1em !important; }

.mg-l5 { margin-left:5px !important; }
.mg-l10 { margin-left:10px !important; }
.mg-l15 { margin-left:15px !important; }
.mg-l20 { margin-left:20px !important; }
.mg-l30 { margin-left:30px !important; }
.mg-l40 { margin-left:40px !important; }
.mg-l50 { margin-left:50px !important; }
.mg-l60 { margin-left:60px !important; }
.mg-l70 { margin-left:70px !important; }
.mg-l80 { margin-left:80px !important; }
.mg-l1em { margin-left:1em !important; }

/* padding設定 */
.pd-5 { padding:5px !important; }
.pd-10 { padding:10px !important; }
.pd-15 { padding:15px !important; }
.pd-20 { padding:20px !important; }

.pd-ud5 { padding-top:5px; padding-bottom:5px !important; }
.pd-ud10 { padding-top:10px; padding-bottom:10px !important; }
.pd-ud15 { padding-top:15px; padding-bottom:15px !important; }
.pd-ud20 { padding-top:20px; padding-bottom:20px !important; }

.pd-lr5 { padding-left:5px; padding-right:5px !important; }
.pd-lr10 { padding-left:10px; padding-right:10px !important; }
.pd-lr15 { padding-left:15px; padding-right:15px !important; }
.pd-lr20 { padding-left:20px; padding-right:20px !important; }

.pd-t5 { padding-top:5px !important; }
.pd-t10 { padding-top:10px !important; }
.pd-t20 { padding-top:20px !important; }
.pd-t30 { padding-top:30px !important; }
.pd-t40 { padding-top:40px !important; }
.pd-t50 { padding-top:50px !important; }
.pd-t60 { padding-top:60px !important; }
.pd-t70 { padding-top:70px !important; }
.pd-t80 { padding-top:80px !important; }
.pd-t1em { padding-top:1em !important; }

.pd-b5 { padding-bottom:5px !important; }
.pd-b10 { padding-bottom:10px !important; }
.pd-b20 { padding-bottom:20px !important; }
.pd-b30 { padding-bottom:30px !important; }
.pd-b40 { padding-bottom:40px !important; }
.pd-b50 { padding-bottom:50px !important; }
.pd-b60 { padding-bottom:60px !important; }
.pd-b70 { padding-bottom:70px !important; }
.pd-b80 { padding-bottom:80px !important; }
.pd-b1em { padding-bottom:1em !important; }

.pd-r5 { padding-right:5px !important; }
.pd-r10 { padding-right:10px !important; }
.pd-r20 { padding-right:20px !important; }
.pd-r30 { padding-right:30px !important; }
.pd-r40 { padding-right:40px !important; }
.pd-r50 { padding-right:50px !important; }
.pd-r60 { padding-right:50px !important; }
.pd-r70 { padding-right:70px !important; }
.pd-r80 { padding-right:80px !important; }
.pd-r1em { padding-right:1em !important; }

.pd-l5 { padding-left:5px !important; }
.pd-l10 { padding-left:10px !important; }
.pd-l20 { padding-left:20px !important; }
.pd-l30 { padding-left:30px !important; }
.pd-l40 { padding-left:40px !important; }
.pd-l50 { padding-left:50px !important; }
.pd-l60 { padding-left:60px !important; }
.pd-l70 { padding-left:70px !important; }
.pd-l80 { padding-left:80px !important; }
.pd-l1em { padding-left:1em !important; }

/* clear fix */
.cf::after {
  display: block;
  clear: both;
  content: "";
}