@charset "utf-8";
/* =========================================================
	GLOBAL RESET 
========================================================= */

/* box-sizing: border-box;を設定 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* フォントサイズの拡大を防ぐ */
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-family: "Noto Serif JP";
}

/* デフォルトのマージンを削除、作成するCSSの制御を改善するため */
body, h1, h2, h3, h4, p, ul, ol,
figure, blockquote, dl, dd {
	margin: 0;
	padding:0;
}

/* リストのスタイルを削除、これはデフォルトのスタイルが削除されることを示唆します */
ul,
ol{
	list-style: none;
}

/* bodyのデフォルトを設定 */
body {
	min-height: 100vh;
	line-height: 1.8;
}

/* 見出しやインタラクティブ要素のline-heightを設定 */
h1, h2, h3, h4,
button, input, label {
	line-height: 1.2;
}

/* 見出しのテキスト折り返しをbalanceに設定 */
h1, h2,
h3, h4 {
	text-wrap: balance;
}

/* classを持たないa要素はデフォルトのスタイルを継承 */
a:not([class]) {
	text-decoration-skip-ink: auto;
	color: currentColor;
}

/* 画像の扱いを簡単にする */
img,
picture {
	max-width:100%;
	display: block;
}

/* inputやbuttonなどのfontは継承 */
input, button,
textarea, select {
	font: inherit;
}

/* rows属性のないtextareasが小さくならないようにする */
textarea:not([rows]) {
	min-height: 10em;
}

/* アンカーされている要素には余分なスクロールマージンが必要 */
:target {
	scroll-margin-block: 5ex;
}



/*Link
----------------------------------------------------------*/
a:focus{outline:none;}
a img {text-decoration:none;}

/*a:hover img,
a:hover{
opacity:0.70;
filter: alpha(opacity=70);
}*/

a:hover img,
a:hover{
	filter: brightness(1.2);
}

a,
a::before,
a::after,
input[type="submit"]{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*table
----------------------------------------------------------*/
.contents table{
	width:100%;
	border-collapse:collapse;
}

/*layout&margin
----------------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}

.w2em{width:2em;}
.w3em{width:3em;}
.w4em{width:4em;}
.w5em{width:5em;}
.w6em{width:6em;}
.w7em{width:7em;}
.w8em{width:8em;}
.w9em{width:9em;}
.w10em{width:10em!important;}
.w12em{width:12em;}
.w14em{width:14em;}

.w10per{width:10%!important;}
.w20per{width:20%!important;}
.w25per{width:25%!important;}
.w30per{width:30%!important;}
.w40per{width:40%!important;}
.w50per{width:50%!important;}
.w60per{width:60%!important;}
.w70per{width:70%!important;}
.w80per{width:80%!important;}
.w90per{width:90%!important;}

.ml0{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!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;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}

.mt0{margin-top:0px!important;}
.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;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}

.mb0{margin-bottom:0px!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;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb80{margin-bottom:80px!important;}
 
.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p25{padding:25px!important;}
.p30{padding:30px!important;}
.p35{padding:35px!important;}
.p40{padding:40px!important;}
.p45{padding:45px!important;}
.p50{padding:50px!important;}
 
.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;}
.pt30{padding-top:30px!important;}
.pt50{padding-top:50px!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;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!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;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}

.pb20{padding-bottom:20px!important;}

.fontSize10{font-size:10px!important;}
.fontSize14{font-size:14px!important;}
.fontSize16{font-size:16px!important;}
.fontSize18{font-size:18px!important;}

.clear {clear:both!important;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}