html{font-family: 'Noto Sans JP', sans-serif; scroll-behavior: smooth;}
.mincho{font-family: 'Noto Serif JP', serif;}
.fwb{font-weight:600;}
.lh2{line-height: 2em;}
.txt-blue{color:#036EB7;}
.txt-skyblue{color:#2CA6E0;}
.text-150{font-size:150%;}
.text-125{font-size:125%;}
.text-90{font-size:90%;}
.text-75{font-size:75%;}
.text-italic{font-style:italic;}
.bg-y{background-color:#FCFAD0;}
.bg-b{background-color:#036EB7;}
.pagetop {display: none; position: fixed; bottom: 20px; right: 20px;}
.pagetop a {display: block; background-color: #ccc; text-align: center; color: #222; font-size: 18px; text-decoration: none; padding: 5px 10px;	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.pagetop a:hover { display: block; background-color: #999; text-align: center; color: #fff; font-size: 18px; text-decoration: none; padding:5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
nav a {color: #444;}
nav a:hover {color: #ccc;}
.indent{ padding-left:1em; text-indent: -1em;}

@media (min-width: 769px){
.pc-hide {display: none;}
.logo{width:75%;}
.foot-logo{width:200px;}
}


@media (max-width: 768px){
.sp-hide {display: none;}
.logo{width:260px;}
.sp-image60{width:60%;}
.sp-pt-10{padding-top:10px;}
.foot-logo{width:160px;}
}