@charset "utf-8";
/* 全ページ共通のクラス */
:root {
  --font1: 'Noto Sans JP', sans-serif;
  --font2: 'Noto Serif JP', serif;
  --purple1: #5d2386;
  --purple2: #b4a6d7;
  --purple3: #87234d;
  --purple4: #e8e4f3;
  --purple5: #f0edf7;
  --blue1: #025296;
  --blue2: #234d87;
  --blue3: #4f719f;
  --red1: #c1272d;
  --admin_color: #007cba;
}
.admin_fc { color:var(--admin_color);}
.admin_bg {
  background-color:#eee;
  padding: 20px;
  margin-top: 10px;
}

.none{ display: none;}
.al_r{ text-align: right;}
.al_c{ text-align: center;}
.block{ display: block;}
.bold{ font-weight:bold;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fc-red { color:var(--red1); }

.bold{ font-weight: bold;}

.fs10{ font-size: 1rem!important;}
.fs11{ font-size: 1.1rem!important;}
.fs12{ font-size: 1.2rem!important;}
.fs13{ font-size: 1.3rem!important;}
.fs14{ font-size: 1.4rem!important;}
.fs15{ font-size: 1.5rem!important;}
.fs16{ font-size: 1.6rem!important;}
.fs17{ font-size: 1.7rem!important;}
.fs18{ font-size: 1.8rem!important;}
.fs19{ font-size: 1.9rem!important;}
.fs20{ font-size: 2rem!important;}
.fs21{ font-size: 2.1rem!important;}
.fs22{ font-size: 2.2rem!important;}
.fs23{ font-size: 2.3rem!important;}
.fs24{ font-size: 2.4rem!important;}
.fs25{ font-size: 2.5rem!important;}
.fs26{ font-size: 2.6rem!important;}
.fs27{ font-size: 2.7rem!important;}
.fs28{ font-size: 2.8rem!important;}
.fs29{ font-size: 2.9rem!important;}
.fs30{ font-size: 3.0rem!important;}

.mt0{ margin-top: 0!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;}
.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;}

.mb0{ margin-bottom: 0!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;}
.mb70{ margin-bottom: 70px!important;}
.mb80{ margin-bottom: 80px!important;}
.mb90{ margin-bottom: 90px!important;}
.mb100{ margin-bottom: 100px!important;}

.ml0{ margin-left: 0!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;}

.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;}
.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;}

@media all and (min-width: 782px) {
  .spOnly{ display:none!important;}

  .pc-fs10{ font-size: 1rem!important;}
  .pc-fs11{ font-size: 1.1rem!important;}
  .pc-fs12{ font-size: 1.2rem!important;}
  .pc-fs13{ font-size: 1.3rem!important;}
  .pc-fs14{ font-size: 1.4rem!important;}
  .pc-fs15{ font-size: 1.5rem!important;}
  .pc-fs16{ font-size: 1.6rem!important;}
  .pc-fs17{ font-size: 1.7rem!important;}
  .pc-fs18{ font-size: 1.8rem!important;}
  .pc-fs19{ font-size: 1.9rem!important;}
  .pc-fs20{ font-size: 2rem!important;}
  .pc-fs21{ font-size: 2.1rem!important;}
  .pc-fs22{ font-size: 2.2rem!important;}
  .pc-fs23{ font-size: 2.3rem!important;}
  .pc-fs24{ font-size: 2.4rem!important;}
  .pc-fs25{ font-size: 2.5rem!important;}
  .pc-fs26{ font-size: 2.6rem!important;}
  .pc-fs27{ font-size: 2.7rem!important;}
  .pc-fs28{ font-size: 2.8rem!important;}
  .pc-fs29{ font-size: 2.9rem!important;}
  .pc-fs30{ font-size: 3.0rem!important;}

  .pc-mt0{ margin-top: 0!important;}
  .pc-mt5{ margin-top: 5px!important;}
  .pc-mt10{ margin-top: 10px!important;}
  .pc-mt15{ margin-top: 15px!important;}
  .pc-mt20{ margin-top: 20px!important;}
  .pc-mt25{ margin-top: 25px!important;}
  .pc-mt30{ margin-top: 30px!important;}
  .pc-mt35{ margin-top: 35px!important;}
  .pc-mt40{ margin-top: 40px!important;}
  .pc-mt45{ margin-top: 45px!important;}
  .pc-mt50{ margin-top: 50px!important;}
  .pc-mt60{ margin-top: 60px!important;}
  .pc-mt70{ margin-top: 70px!important;}
  .pc-mt80{ margin-top: 80px!important;}
  .pc-mt90{ margin-top: 90px!important;}
  .pc-mt100{ margin-top: 100px!important;}

  .pc-mb0{ margin-bottom: 0!important;}
  .pc-mb5{ margin-bottom: 5px!important;}
  .pc-mb10{ margin-bottom: 10px!important;}
  .pc-mb15{ margin-bottom: 15px!important;}
  .pc-mb20{ margin-bottom: 20px!important;}
  .pc-mb25{ margin-bottom: 25px!important;}
  .pc-mb30{ margin-bottom: 30px!important;}
  .pc-mb35{ margin-bottom: 35px!important;}
  .pc-mb40{ margin-bottom: 40px!important;}
  .pc-mb45{ margin-bottom: 45px!important;}
  .pc-mb50{ margin-bottom: 50px!important;}
  .pc-mb60{ margin-bottom: 60px!important;}
  .pc-mb70{ margin-bottom: 70px!important;}
  .pc-mb80{ margin-bottom: 80px!important;}
  .pc-mb90{ margin-bottom: 90px!important;}
  .pc-mb100{ margin-bottom: 100px!important;}

  .pc-ml0{ margin-left: 0!important;}
  .pc-ml5{ margin-left: 5px!important;}
  .pc-ml10{ margin-left: 10px!important;}
  .pc-ml15{ margin-left: 15px!important;}
  .pc-ml20{ margin-left: 20px!important;}
  .pc-ml25{ margin-left: 25px!important;}
  .pc-ml30{ margin-left: 30px!important;}
  .pc-ml35{ margin-left: 35px!important;}
  .pc-ml40{ margin-left: 40px!important;}
  .pc-ml45{ margin-left: 45px!important;}
  .pc-ml50{ margin-left: 50px!important;}

  .pc-mr0{ margin-right: 0!important;}
  .pc-mr5{ margin-right: 5px!important;}
  .pc-mr10{ margin-right: 10px!important;}
  .pc-mr15{ margin-right: 15px!important;}
  .pc-mr20{ margin-right: 20px!important;}
  .pc-mr25{ margin-right: 25px!important;}
  .pc-mr30{ margin-right: 30px!important;}
  .pc-mr35{ margin-right: 35px!important;}
  .pc-mr40{ margin-right: 40px!important;}
  .pc-mr45{ margin-right: 45px!important;}
  .pc-mr50{ margin-right: 50px!important;}
}

@media all and (max-width: 781px){
  .pcOnly{ display:none!important;}
  .sp-al_l {text-align: left!important;}
  .sp-al_c {text-align: center!important;}
  .sp-al_r {text-align: right!important;}

  .sp-mt0{ margin-top: 0!important;}
  .sp-mt5{ margin-top: 5px!important;}
  .sp-mt10{ margin-top: 10px!important;}
  .sp-mt15{ margin-top: 15px!important;}
  .sp-mt20{ margin-top: 20px!important;}
  .sp-mt25{ margin-top: 25px!important;}
  .sp-mt30{ margin-top: 30px!important;}
  .sp-mt35{ margin-top: 35px!important;}
  .sp-mt40{ margin-top: 40px!important;}
  .sp-mt45{ margin-top: 45px!important;}
  .sp-mt50{ margin-top: 50px!important;}
  .sp-mt60{ margin-top: 60px!important;}
  .sp-mt70{ margin-top: 70px!important;}
  .sp-mt80{ margin-top: 80px!important;}
  .sp-mt90{ margin-top: 90px!important;}
  .sp-mt100{ margin-top: 100px!important;}

  .sp-mb0{ margin-bottom: 0!important;}
  .sp-mb5{ margin-bottom: 5px!important;}
  .sp-mb10{ margin-bottom: 10px!important;}
  .sp-mb15{ margin-bottom: 15px!important;}
  .sp-mb20{ margin-bottom: 20px!important;}
  .sp-mb25{ margin-bottom: 25px!important;}
  .sp-mb30{ margin-bottom: 30px!important;}
  .sp-mb35{ margin-bottom: 35px!important;}
  .sp-mb40{ margin-bottom: 40px!important;}
  .sp-mb45{ margin-bottom: 45px!important;}
  .sp-mb50{ margin-bottom: 50px!important;}
  .sp-mb60{ margin-bottom: 60px!important;}
  .sp-mb70{ margin-bottom: 70px!important;}
  .sp-mb80{ margin-bottom: 80px!important;}
  .sp-mb90{ margin-bottom: 90px!important;}
  .sp-mb100{ margin-bottom: 100px!important;}

  .sp-ml0{ margin-left: 0!important;}
  .sp-ml5{ margin-left: 5px!important;}
  .sp-ml10{ margin-left: 10px!important;}
  .sp-ml15{ margin-left: 15px!important;}
  .sp-ml20{ margin-left: 20px!important;}
  .sp-ml25{ margin-left: 25px!important;}
  .sp-ml30{ margin-left: 30px!important;}
  .sp-ml35{ margin-left: 35px!important;}
  .sp-ml40{ margin-left: 40px!important;}
  .sp-ml45{ margin-left: 45px!important;}
  .sp-ml50{ margin-left: 50px!important;}

  .sp-mr0{ margin-right: 0!important;}
  .sp-mr5{ margin-right: 5px!important;}
  .sp-mr10{ margin-right: 10px!important;}
  .sp-mr15{ margin-right: 15px!important;}
  .sp-mr20{ margin-right: 20px!important;}
  .sp-mr25{ margin-right: 25px!important;}
  .sp-mr30{ margin-right: 30px!important;}
  .sp-mr35{ margin-right: 35px!important;}
  .sp-mr40{ margin-right: 40px!important;}
  .sp-mr45{ margin-right: 45px!important;}
  .sp-mr50{ margin-right: 50px!important;}
}