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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP|Roboto&display=swap');

html,body{width:100%; height:auto; margin:0;padding:0;}
html{font-size: 100%;}
html{color:#222222; background: #ffffff;}


dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div{margin: 0;padding: 0;}
h3, h4{font-weight: bold;}
ul li, ol li{list-style: none;}
table{margin: 0;padding: 0;font-size: 100%;}
caption{text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{border:none;}
a, a:visited{color:#000; text-decoration: none; }
a:hover{text-decoration: none; }
a.alpha:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
hr.separation{display: none;}
fieldset{border: none;}
button{ outline:none; cursor:pointer;}
header,section,nav,aside,footer,article{display: block;}
*:focus {
  outline: none;
}
body{
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #333;
    font-size:62.5%;
	font-size: 16px;
	line-height:1.6;
    /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
    /* font-family: Roboto, "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
    font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    position: relative;
}

/* ------------
  common Style
--------------- */
.pc{
    display: block !important;
}
.pc_inline{
    display: inline-block !important;
}
.sp{
    display: none !important;
}
.sp_inline{
    display: none !important;
}
@media (max-width: 768px) {
    .pc{
        display: none !important;
    }
    .pc_inline{
        display: none !important;
    }
    .sp{
        display: block !important;
    }
    .sp_inline{
        display: inline-block !important;
    }
}


.clearfix{ clear:both;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*縲€蜿､縺Гlearfix
.clearfix {
overflow: hidden;
}
*/

.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; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }

.fL{ float: left;}
.fR{ float: right;}

.bold{ font-weight:bold;}