@charset "UTF-8";
/* reset css */
html, body, div, span, object, iframe, h1, h2, #maincontents h3, h4, h5, h6, a, #maincontents p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; text-decoration: none; background: transparent; }
html #maincontents { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; min-width: 320px; word-break: break-all; font-variant-numeric: tabular-nums; -webkit-font-feature-settings: "tnum"; -moz-font-feature-settings: "tnum"; font-feature-settings: "tnum"; }
#maincontents, #maincontents::before, #maincontents::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; box-sizing: inherit;}
header, footer, section, main, article, aside, menu, nav, details, figcaption, figure { display: block; }
input,select { vertical-align: bottom; max-width: 100%; height: auto; border-style: none; }
#maincontents img { height: auto; vertical-align: bottom; border-style: none; }
ul, ol { list-style: none; }
hr { display: none; }
/* clearfix (modern) */
.cl::after { content: ""; clear: both; display: block; }

table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
button{outline: 0;margin: 0;padding: 0;}

/* font-familyは案件によって変更 */
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1;
}

/*クリック禁止*/
.cannot{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;cursor: default;}

/*テキスト位置*/
.tac  {text-align: center !important;}
.tar  {text-align: right !important;}
.tal  {text-align: left !important;}

/*回り込み*/
.oh   {overflow: hidden !important;}
.fl   {float: left !important;}
.fr   {float: right !important;}
.fn   {float: none !important;}

/*display*/
.dn   {display: none !important;}
.db   {display: block !important;}

/*透過*/
.opa0 {opacity: 0;}
.opa1 {opacity: 1;}

/*margin*/
.mt0  {margin-top: 0 !important;}
.ml0  {margin-left: 0 !important;}
.mb0  {margin-bottom: 0 !important;}
.mr0  {margin-right: 0 !important;}
/* 4px基準 */
.mt4  {margin-top: 4px !important;}
.mt8  {margin-top: 8px !important;}
.mt12 {margin-top: 12px !important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mr4  {margin-right: 4px !important;}
.mr8  {margin-right: 8px !important;}
.mr12 {margin-right: 12px !important;}
.mr16 {margin-right: 16px !important;}
.mr20 {margin-right: 20px !important;}
.mr24 {margin-right: 24px !important;}
.mb4  {margin-bottom: 4px !important;}
.mb8  {margin-bottom: 8px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb24 {margin-bottom: 24px !important;}
.ml4  {margin-left: 4px !important;}
.ml8  {margin-left: 8px !important;}
.ml12 {margin-left: 12px !important;}
.ml16 {margin-left: 16px !important;}
.ml20 {margin-left: 20px !important;}
.ml24 {margin-left: 24px !important;}
/* 5px基準 */
.mt5 {margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mr5 {margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.ml5 {margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
/*padding*/
.pt4  {padding-top: 4px !important;}
.pt8  {padding-top: 8px !important;}
.pt12 {padding-top: 12px !important;}
.pt16 {padding-top: 16px !important;}
.pt20 {padding-top: 20px !important;}
.pt24 {padding-top: 24px !important;}
.pr4  {padding-right: 4px !important;}
.pr8  {padding-right: 8px !important;}
.pr12 {padding-right: 12px !important;}
.pr16 {padding-right: 16px !important;}
.pr20 {padding-right: 20px !important;}
.pr24 {padding-right: 24px !important;}
.pb4  {padding-bottom: 4px !important;}
.pb8  {padding-bottom: 8px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb16 {padding-bottom: 16px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb24 {padding-bottom: 24px !important;}
.pl4  {padding-left: 4px !important;}
.pl8  {padding-left: 8px !important;}
.pl12 {padding-left: 12px !important;}
.pl16 {padding-left: 16px !important;}
.pl20 {padding-left: 20px !important;}
.pl24 {padding-left: 24px !important;}
/* 5px基準 */
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pr5  {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pl5  {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}

@media screen and (max-width:768px) {
	/*テキスト位置*/
	.sptac  {text-align: center !important;}
	.sptar  {text-align: right !important;}
	.sptal  {text-align: left !important;}
	/*回り込み*/
	.spoh   {overflow: hidden !important;}
	.spfl   {float: left !important;}
	.spfr   {float: right !important;}
	.spfn   {float: none !important;}
	/*margin*/
	.spmt0  {margin-top: 0 !important;}
	.spml0  {margin-left: 0 !important;}
	.spmb0  {margin-bottom: 0 !important;}
	.spmr0  {margin-right: 0 !important;}
	.spmt4  {margin-top: 4px !important;}
	.spmt8  {margin-top: 8px !important;}
	.spmt12 {margin-top: 12px !important;}
	.spmt16 {margin-top: 16px !important;}
	.spmt20 {margin-top: 20px !important;}
	.spmt24 {margin-top: 24px !important;}
	.spmr4  {margin-right: 4px !important;}
	.spmr8  {margin-right: 8px !important;}
	.spmr12 {margin-right: 12px !important;}
	.spmr16 {margin-right: 16px !important;}
	.spmr20 {margin-right: 20px !important;}
	.spmr24 {margin-right: 24px !important;}
	.spmb4  {margin-bottom: 4px !important;}
	.spmb8  {margin-bottom: 8px !important;}
	.spmb12 {margin-bottom: 12px !important;}
	.spmb16 {margin-bottom: 16px !important;}
	.spmb20 {margin-bottom: 20px !important;}
	.spmb24 {margin-bottom: 24px !important;}
	.spml4  {margin-left: 4px !important;}
	.spml8  {margin-left: 8px !important;}
	.spml12 {margin-left: 12px !important;}
	.spml16 {margin-left: 16px !important;}
	.spml20 {margin-left: 20px !important;}
	.spml24 {margin-left: 24px !important;}
	/*5px基準*/
	.spmt5  {margin-top: 5px !important;}
	.spmt10 {margin-top: 10px !important;}
	.spmt15 {margin-top: 15px !important;}
	.spmt20 {margin-top: 20px !important;}
	.spmt25 {margin-top: 25px !important;}
	.spmb5  {margin-bottom: 5px !important;}
	.spmb10 {margin-bottom: 10px !important;}
	.spmb15 {margin-bottom: 15px !important;}
	.spmb20 {margin-bottom: 20px !important;}
	.spmb25 {margin-bottom: 25px !important;}
	.spmr5  {margin-right: 5px !important;}
	.spmr10 {margin-right: 10px !important;}
	.spmr15 {margin-right: 15px !important;}
	.spmr20 {margin-right: 20px !important;}
	.spmr25 {margin-right: 25px !important;}
	.spml5  {margin-left: 5px !important;}
	.spml10 {margin-left: 10px !important;}
	.spml15 {margin-left: 15px !important;}
	.spml20 {margin-left: 20px !important;}
	.spml25 {margin-left: 25px !important;}
	/*padding*/
	.sppt4  {padding-top: 4px !important;}
	.sppt8  {padding-top: 8px !important;}
	.sppt12 {padding-top: 12px !important;}
	.sppt16 {padding-top: 16px !important;}
	.sppt20 {padding-top: 20px !important;}
	.sppt24 {padding-top: 24px !important;}
	.sppr4  {padding-right: 4px !important;}
	.sppr8  {padding-right: 8px !important;}
	.sppr12 {padding-right: 12px !important;}
	.sppr16 {padding-right: 16px !important;}
	.sppr20 {padding-right: 20px !important;}
	.sppr24 {padding-right: 24px !important;}
	.sppb4  {padding-bottom: 4px !important;}
	.sppb8  {padding-bottom: 8px !important;}
	.sppb12 {padding-bottom: 12px !important;}
	.sppb16 {padding-bottom: 16px !important;}
	.sppb20 {padding-bottom: 20px !important;}
	.sppb24 {padding-bottom: 24px !important;}
	.sppl4  {padding-left: 4px !important;}
	.sppl8  {padding-left: 8px !important;}
	.sppl12 {padding-left: 12px !important;}
	.sppl16 {padding-left: 16px !important;}
	.sppl20 {padding-left: 20px !important;}
	/*5px基準*/
	.sppt5  {padding-top: 5px !important;}
	.sppt10 {padding-top: 10px !important;}
	.sppt15 {padding-top: 15px !important;}
	.sppt20 {padding-top: 20px !important;}
	.sppt25 {padding-top: 25px !important;}
	.sppb5  {padding-bottom: 5px !important;}
	.sppb10 {padding-bottom: 10px !important;}
	.sppb15 {padding-bottom: 15px !important;}
	.sppb20 {padding-bottom: 20px !important;}
	.sppb25 {padding-bottom: 25px !important;}
	.sppr5  {padding-right: 5px !important;}
	.sppr10 {padding-right: 10px !important;}
	.sppr15 {padding-right: 15px !important;}
	.sppr20 {padding-right: 20px !important;}
	.sppr25 {padding-right: 25px !important;}
	.sppl5  {padding-left: 5px !important;}
	.sppl10 {padding-left: 10px !important;}
	.sppl15 {padding-left: 15px !important;}
	.sppl20 {padding-left: 20px !important;}
	.sppl25 {padding-left: 25px !important;}
	*, #maincontents::before, #maincontents::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; box-sizing: inherit;}

}