@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');

/* Reset =====================================================================*/
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,select,textarea,
h1,h2,h3,h4,h5,h6,
pre,code,p,blockquote,hr,
th,td{
 margin:0;
 padding:0;
}

/* HTML5 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
 display:block;
 margin:0;
 padding:0;
}

html {
 height: 100%;
 overflow: auto;
 font-size: 62.5%;
}

body {
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 /*overflow: hidden;*/
 position: relative;
 min-width: 100px;
 font-family: 'Noto Serif JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
 color: #1A1A1A;
}

h1,h2,h3,h4,h5,h6,small{
 font-weight:normal;
 font-size:100%;
}

table{
 border-collapse:collapse;
 border-spacing:0;
}

th,td{
 font-weight:normal;
 vertical-align:top;
}

fieldset,img{
 border:none;
}

img{
 vertical-align:middle;
}

ul{
 list-style:none;
}

caption,th{
 text-align:left;
}

q:before,q:after{
 content:"";
}

a{
 text-decoration:none;
}

a:hover img{
 opacity: 0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha(opacity=80)";
}

address{
 font-style:normal;
}

em{
 font-style:normal;
 font-weight:bold;
}

sup,sub{
 position:relative;
 font-size:10px;
 line-height:0;
 vertical-align:baseline;
}

sup{
 top:-1.0em;
}

sub{
 bottom:-0.25em;
}

hr{
 display:none;
}

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

img {
 width: 100%;
}

.bold {
 font-weight: bold;
}

.note {
 color: #b54b4b;
}

.forPC {
 display: block;
}

.forSP {
 display: none;
}

@media (max-width: 767px) {
 .forPC {
  display: none;
 }

 .forSP {
  display: block;
 }
}