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

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/


:root {
  --color-back-yw: #FFFDF4;
  --color-base: #000;
  --color-bu: #16215F;
  --color-yw: #FFBD00;
  --color-bw: #004224;
  --width-s: 1200px;
  --width-m: 1600px;
  --width-l: 1920px;
  --m-l: 100px;
  --m-m: 80px;
  --m-s: 40px;
}
@media screen and (max-width: 720px) {
  :root {
    --m-l: 50px;
    --m-m: 35px;
    --m-s: 20px;
  }
}



html { overflow-y: scroll; font-size: 62.5%;}
html { scroll-behavior: smooth;}/* スムーズスクロール */
/* スムーズスクロールずれ調整(上部に固定をなくす) */
:target{ scroll-margin-top: 70px;}
@media screen and (max-width:719px) {:target{ scroll-margin-top: 50px;}}
/* //スムーズスクロールずれ調整 */


body{
  font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 1.8rem; line-height: 2.0;
  text-align: left; color: var(--color-base); background-color: #fff;
}
select, input, textarea, button,table, th, td, dl, dt, dd{
  font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 1.8rem; line-height: 2.0;
  text-align: left; color: var(--color-base); background: transparent;
}
@media screen and (max-width: 719px) {
  body, select, input, textarea, button,table, th, td, dl, dt, dd{
    font-size: 1.5rem; line-height: 1.8;
  }
}
.font-serif{ font-family: 'Noto Serif JP', serif;}
.font-sans{ font-family: 'Noto Sans JP', sans-serif;}
.font-black{ font-weight: 900;}
.font-medium{ font-weight: 500;}
.font-small{ font-size: 90%;}

a{ color: inherit; text-decoration: none;}

.color-wh{ color: #fff;} 
.color-bu{ color: var(--color-bu);} 
.color-yw{ color: var(--color-yw);}
.color-ly{ color: rgba(255,237,0,1.00);}
.color-rd{ color: #f00;}
.color-bw{ color: var(--color-bw);}
em.color-bw{ font-style: normal;}
.back-yw{ background-color: var(--color-back-yw);}
.back-bu{ background-color: var(--color-bu);}
.back-bw{ background-color: var(--color-bw);}

.keikoupen{ background:linear-gradient(transparent 60%, #ECB94F 60%);}

.mt-l{ margin-top: var(--m-l);}
.mt-m{ margin-top: var(--m-m);}
.mt-s{ margin-top: var(--m-s);}
.mb-l{ margin-bottom: var(--m-l);}
.mb-m{ margin-bottom: var(--m-m);}
.mb-s{ margin-bottom: var(--m-s);}
.mlr-auto{ margin-left: auto; margin-right: auto;}
.pt-l{ padding-top: var(--m-l);}
.pt-m{ padding-top: var(--m-m);}
.pt-s{ padding-top: var(--m-s);}
.pb-l{ padding-bottom: var(--m-l);}
.pb-m{ padding-bottom: var(--m-m);}
.pb-s{ padding-bottom: var(--m-s);}

.mT40-20{ margin-top: 40px; }
@media screen and (max-width: 640px) {
  .mT40-20{ margin-top: 20px; }
}

span.break{ display: inline-block; font-weight: inherit;}

.text-center{ text-align: center;}
ul.liston{ margin-left: 20px; list-style: disc;}
address{ font-style: normal;}

br.sponly{ display: none;}
@media screen and (max-width: 640px) {
  br.sponly{ display: inline;}
}

/*------------------------------------------------------------
  Pagetop
------------------------------------------------------------ */

.pagetop { display: none; position: fixed; bottom: 40px; right: 2px;	z-index:999;}
.pagetop a { display: block; text-align: center; background-color: rgba(255,255,255,0.47); color: #000; text-decoration: none; font-size:20px; line-height:20px; padding: 10px 2px 10px 2px;}
.pagetop a em{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-size: 10px; line-height: 10px;
  font-style: normal; letter-spacing: 0; padding-top: 5px; white-space: nowrap; }
@media screen and (max-width: 640px) {
  .pagetop a { display: block; font-size:18px; line-height:18px; padding-top: 4px;  }
  .pagetop a em{ font-size: 9px; line-height: 9px;}
}
@media screen and (max-width: 460px){
  .pagetop { bottom: 52px;/* bottom: 61px;*/}
}