@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/font/NotoSansJP-Light-cstm.woff2) format('woff2'),
       url(/font/NotoSansJP-Light-cstm.woff) format('woff'),
       url(/font/NotoSansJP-Light-cstm.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(/font/NotoSansJP-Regular-cstm.woff2) format('woff2'),
        url(/font/NotoSansJP-Regular-cstm.woff) format('woff'),
        url(/font/NotoSansJP-Regular-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(/font/NotoSansJP-Medium-cstm.woff2) format('woff2'),
        url(/font/NotoSansJP-Medium-cstm.woff) format('woff'),
        url(/font/NotoSansJP-Medium-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(/font/NotoSansJP-Black-cstm.woff2) format('woff2'),
        url(/font/NotoSansJP-Black-cstm.woff) format('woff'),
        url(/font/NotoSansJP-Black-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(/font/NotoSerifCJKjp-Regular-cstm.woff) format('woff'),
        url(/font/NotoSerifCJKjp-Regular-cstm.woff2) format('woff2'),
        url(/font/NotoSerifCJKjp-Regular-cstm.otf) format('opentype');
 }

 .mincho {font-family: 'Noto Serif Japanese' !important;}
p.center {text-align: center;}

 a{color: #000;text-decoration: none;}
 ul,li{list-style: none;margin: 0;padding: 0;}
 p{margin: 0;padding: 0;}
 img{vertical-align: bottom;border: none;max-width: 100%;height: auto;}

 .sp{display: none !important;}
@media only screen and (max-width: 840px) {
    .pc{display: none !important;}
    .sp{display: block !important;}
}

h1{font-family: 'Noto Serif Japanese' !important;font-size: 18px;letter-spacing: 0.2em !important;text-align: center;margin-bottom: 30px;}

.link_over{opacity: 1;transition: opacity,0.4s color,0.4s;display: inline-block;}
.link_over:hover{opacity: 0.7;color: #00b8ee !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;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !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;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}
.mb0{margin-bottom: 0px !important;}