/*===========================================
  ma/css/common.css
  corporateの common.css を上書き・追加
  ・編集不可の ../corporate/css/ には触らない
  ・このファイルで打ち消し・追加のみ行う
===========================================*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=BIZ+UDPGothic:wght@400;900&display=swap');

/* =====================================================
   フォントサイズ変数（PC: 1025px以上）
===================================================== */
@media all and (min-width: 1025px) {
  :root {
    --font-10: clamp(0.57rem, 0.81vw, 0.64rem);  /* 10px */
    --font-11: clamp(0.62rem, 0.85vw, 0.70rem);  /* 11px */
    --font-12: clamp(0.67rem, 0.89vw, 0.76rem);  /* 12px */
    --font-13: clamp(0.72rem, 0.93vw, 0.82rem);  /* 13px */
    --font-14: clamp(0.77rem, 1.03vw, 0.88rem);  /* 14px */
    --font-15: clamp(0.81rem, 1.07vw, 0.94rem);  /* 15px */
    --font-16: clamp(0.86rem, 1.15vw, 1rem);     /* 16px */
    --font-17: clamp(0.91rem, 1.22vw, 1.06rem);  /* 17px */
    --font-18: clamp(0.96rem, 1.3vw, 1.13rem);   /* 18px */
    --font-19: clamp(1.02rem, 1.39vw, 1.19rem);  /* 19px */
    --font-20: clamp(1.07rem, 1.48vw, 1.25rem);  /* 20px */
    --font-21: clamp(1.12rem, 1.57vw, 1.31rem);  /* 21px */
    --font-22: clamp(1.18rem, 1.67vw, 1.38rem);  /* 22px */
    --font-23: clamp(1.23rem, 1.76vw, 1.44rem);  /* 23px */
    --font-24: clamp(1.28rem, 1.85vw, 1.5rem);   /* 24px */
    --font-25: clamp(1.33rem, 1.94vw, 1.56rem);  /* 25px */
    --font-26: clamp(1.39rem, 2.03vw, 1.63rem);  /* 26px */
    --font-27: clamp(1.44rem, 2.12vw, 1.69rem);  /* 27px */
    --font-28: clamp(1.49rem, 2.21vw, 1.75rem);  /* 28px */
    --font-29: clamp(1.54rem, 2.3vw, 1.81rem);   /* 29px */
    --font-30: clamp(1.59rem, 2.39vw, 1.88rem);  /* 30px */
    --font-31: clamp(1.64rem, 2.48vw, 1.94rem);  /* 31px */
    --font-32: clamp(1.7rem, 2.57vw, 2rem);     /* 32px */
    --font-33: clamp(1.75rem, 2.66vw, 2.06rem);  /* 33px */
    --font-34: clamp(1.8rem, 2.75vw, 2.13rem);  /* 34px */
    --font-35: clamp(1.85rem, 2.84vw, 2.19rem);  /* 35px */
    --font-36: clamp(1.9rem, 2.93vw, 2.25rem);  /* 36px */
    --font-37: clamp(1.95rem, 3.02vw, 2.31rem);  /* 37px */
    --font-38: clamp(2rem, 3.12vw, 2.38rem);    /* 38px */
    --font-39: clamp(2.05rem, 3.21vw, 2.44rem);  /* 39px */
    --font-40: clamp(2.1rem, 3.3vw, 2.5rem);    /* 40px */
    --font-41: clamp(2.15rem, 3.39vw, 2.56rem);  /* 41px */
    --font-42: clamp(2.2rem, 3.48vw, 2.63rem);  /* 42px */
    --font-43: clamp(2.25rem, 3.57vw, 2.69rem);  /* 43px */
    --font-44: clamp(2.3rem, 3.66vw, 2.75rem);  /* 44px */
    --font-45: clamp(2.35rem, 3.75vw, 2.81rem);  /* 45px */
    --font-46: clamp(2.4rem, 3.84vw, 2.88rem);  /* 46px */
    --font-47: clamp(2.45rem, 3.93vw, 2.94rem);  /* 47px */
    --font-48: clamp(2.5rem, 4.02vw, 3rem);     /* 48px */
    --font-49: clamp(2.55rem, 4.11vw, 3.06rem);  /* 49px */
    --font-50: clamp(2.6rem, 4.2vw, 3.13rem);   /* 50px */
    --font-51: clamp(2.65rem, 4.29vw, 3.19rem);  /* 51px */
    --font-52: clamp(2.7rem, 4.38vw, 3.25rem);  /* 52px */
    --font-53: clamp(2.75rem, 4.47vw, 3.31rem);  /* 53px */
    --font-54: clamp(2.8rem, 4.56vw, 3.38rem);  /* 54px */
    --font-55: clamp(2.85rem, 4.65vw, 3.44rem);  /* 55px */
    --font-56: clamp(2.9rem, 4.74vw, 3.5rem);   /* 56px */
    --font-57: clamp(2.95rem, 4.83vw, 3.56rem);  /* 57px */
    --font-58: clamp(3rem, 4.92vw, 3.63rem);    /* 58px */
    --font-59: clamp(3.05rem, 5.01vw, 3.69rem);  /* 59px */
    --font-60: clamp(3.1rem, 5.1vw, 3.75rem);   /* 60px */
    --font-70: clamp(3.7rem, 5.6vw, 4.35rem);   /* 70px */
    --font-80: clamp(4.3rem, 6.1vw, 4.95rem);   /* 80px */
    --font-90: clamp(4.82rem, 6.58vw, 5.63rem);  /* 90px */
    --font-100: clamp(5.45rem, 7.28vw, 6.25rem); /* 100px */
    --font-110: clamp(6.07rem, 7.98vw, 6.88rem); /* 110px */
    --font-120: clamp(6.68rem, 8.68vw, 7.5rem);  /* 120px */
    --font-130: clamp(7.3rem, 9.38vw, 8.13rem);  /* 130px */
    --font-140: clamp(7.91rem, 10.08vw, 8.75rem);/* 140px */
    --font-150: clamp(8.53rem, 10.78vw, 9.38rem);/* 150px */
  }
}

/* =====================================================
   フォントサイズ変数（Tablet: 〜1024px）
===================================================== */
@media all and (max-width: 1024px) {
  :root {
    --font-10: clamp(0.64rem, 0.86vw, 0.70rem);  /* 10px */
    --font-11: clamp(0.69rem, 0.93vw, 0.79rem);  /* 11px */
    --font-12: clamp(0.75rem, 1.00vw, 0.86rem);  /* 12px */
    --font-13: clamp(0.81rem, 1.07vw, 0.93rem);  /* 13px */
    --font-14: clamp(0.87rem, 1.15vw, 1rem);     /* 14px */
    --font-15: clamp(0.92rem, 1.2vw, 1.07rem);   /* 15px */
    --font-16: clamp(0.97rem, 1.26vw, 1.14rem);  /* 16px */
    --font-17: clamp(1.02rem, 1.33vw, 1.21rem);  /* 17px */
    --font-18: clamp(1.08rem, 1.42vw, 1.29rem);  /* 18px */
    --font-19: clamp(1.13rem, 1.49vw, 1.36rem);  /* 19px */
    --font-20: clamp(1.18rem, 1.56vw, 1.43rem);  /* 20px */
    --font-21: clamp(1.23rem, 1.64vw, 1.5rem);   /* 21px */
    --font-22: clamp(1.28rem, 1.73vw, 1.57rem);  /* 22px */
    --font-23: clamp(1.33rem, 1.81vw, 1.64rem);  /* 23px */
    --font-24: clamp(1.38rem, 1.9vw, 1.71rem);   /* 24px */
    --font-25: clamp(1.43rem, 1.99vw, 1.79rem);  /* 25px */
    --font-26: clamp(1.48rem, 2.08vw, 1.86rem);  /* 26px */
    --font-27: clamp(1.53rem, 2.17vw, 1.93rem);  /* 27px */
    --font-28: clamp(1.58rem, 2.26vw, 2rem);     /* 28px */
    --font-29: clamp(1.63rem, 2.35vw, 2.07rem);  /* 29px */
    --font-30: clamp(1.68rem, 2.44vw, 2.14rem);  /* 30px */
    --font-31: clamp(1.73rem, 2.53vw, 2.21rem);  /* 31px */
    --font-32: clamp(1.78rem, 2.62vw, 2.29rem);  /* 32px */
    --font-33: clamp(1.83rem, 2.71vw, 2.36rem);  /* 33px */
    --font-34: clamp(1.88rem, 2.8vw, 2.43rem);   /* 34px */
    --font-35: clamp(1.93rem, 2.89vw, 2.5rem);   /* 35px */
    --font-36: clamp(1.98rem, 2.98vw, 2.57rem);  /* 36px */
    --font-37: clamp(2.03rem, 3.07vw, 2.64rem);  /* 37px */
    --font-38: clamp(2.08rem, 3.16vw, 2.71rem);  /* 38px */
    --font-39: clamp(2.13rem, 3.25vw, 2.79rem);  /* 39px */
    --font-40: clamp(2.18rem, 3.34vw, 2.86rem);  /* 40px */
    --font-41: clamp(2.23rem, 3.43vw, 2.93rem);  /* 41px */
    --font-42: clamp(2.28rem, 3.52vw, 3rem);     /* 42px */
    --font-43: clamp(2.33rem, 3.61vw, 3.07rem);  /* 43px */
    --font-44: clamp(2.38rem, 3.7vw, 3.14rem);   /* 44px */
    --font-45: clamp(2.43rem, 3.79vw, 3.21rem);  /* 45px */
    --font-46: clamp(2.48rem, 3.88vw, 3.29rem);  /* 46px */
    --font-47: clamp(2.53rem, 3.97vw, 3.36rem);  /* 47px */
    --font-48: clamp(2.58rem, 4.06vw, 3.43rem);  /* 48px */
    --font-49: clamp(2.63rem, 4.15vw, 3.5rem);   /* 49px */
    --font-50: clamp(2.68rem, 4.24vw, 3.57rem);  /* 50px */
    --font-51: clamp(2.73rem, 4.33vw, 3.64rem);  /* 51px */
    --font-52: clamp(2.78rem, 4.42vw, 3.71rem);  /* 52px */
    --font-53: clamp(2.83rem, 4.51vw, 3.79rem);  /* 53px */
    --font-54: clamp(2.88rem, 4.6vw, 3.86rem);   /* 54px */
    --font-55: clamp(2.93rem, 4.69vw, 3.93rem);  /* 55px */
    --font-56: clamp(2.98rem, 4.78vw, 4rem);     /* 56px */
    --font-57: clamp(3.03rem, 4.87vw, 4.07rem);  /* 57px */
    --font-58: clamp(3.08rem, 4.96vw, 4.14rem);  /* 58px */
    --font-59: clamp(3.13rem, 5.05vw, 4.21rem); /* 59px */
    --font-60: clamp(3.18rem, 5.14vw, 4.27rem);   /* 60px */
    --font-90: clamp(4.82rem, 6.58vw, 5.63rem);  /* 90px */
    --font-100: clamp(5.45rem, 7.28vw, 6.25rem); /* 100px */
    --font-110: clamp(6.07rem, 7.98vw, 6.88rem); /* 110px */
    --font-120: clamp(6.68rem, 8.68vw, 7.5rem);  /* 120px */
    --font-130: clamp(7.3rem, 9.38vw, 8.13rem);  /* 130px */
    --font-140: clamp(7.91rem, 10.08vw, 8.75rem);/* 140px */
    --font-150: clamp(8.53rem, 10.78vw, 9.38rem);/* 150px */
  }
}

/* =====================================================
   カラー・共通変数
===================================================== */
:root {
  --font:   "BIZ UDPGothic", "M PLUS Rounded 1c", sans-serif;
  --fontH:  "M PLUS Rounded 1c", "BIZ UDPGothic", sans-serif;
  --radius: 15px;
  --g:      #008B54;
  --gd:     #004429;
  --gm:     #286B36;
  --gl:     #ECF5EE;
  --or:     #E8692A;
  --tx:     #3d3425;
}

/* =====================================================
   ベーススタイル上書き
===================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
}

img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* corporateのa:hoverの赤色を打ち消し */
a:hover {
  color: inherit;
}

/* =====================================================
   ヘッダー上書き
   corporateのheaderに min-width:1480px がついているので
   maページ用に上書き
===================================================== */
header {
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  z-index: 1000; /* 1 → 1000 に上書き */
  transition: transform 0.32s ease, background 0.2s; /* transformを追加 */
}
header.hd-hide {
  transform: translateY(-100%);
}
header.is-animation {
  background: #fff;
}




/* meanmenu の box-sizing を保護 */
.mean-container .mean-bar,
.mean-container .mean-bar * {
  box-sizing: content-box;
	font-weight:600;
}

/* meanmenu の z-index を header より上に */
.mean-container .mean-bar {
  z-index: 1100;
}
.mean-container .mean-nav {
  z-index: 1100;
}


/* =====================================================
   article / mainWrap
===================================================== */
article,
#mainWrap {
  padding-top: 80px;
}

  
/* =====================================================
   表示切り替えユーティリティ
===================================================== */
.pc { display: block; }
.sp { display: none !important; }

span.pc, a.pc { display: inline; }
span.sp, a.sp { display: none !important; }

/* =====================================================
   共通セクション
===================================================== */
.sec-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* =====================================================
   フッター上書き
===================================================== */
footer.lp {
  background: #f5f5f5;
  padding: 36px 0 20px;
  text-align: center;
}
footer.lp .block {
  display: flex;
	justify-content:center;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
footer.lp .block p {
  font-size: var(--font-16);
  font-weight:600;
}
footer.lp .seniorhome img {
  width: 160px;
}
footer.lp .copyright {
  font-size: var(--font-11);
  color: #aaa;
}

#footTel {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-bottom: 70px;
}
#footTel p {
  float: none;
  flex-shrink: 0; /* 追加：伸び縮みさせない */
  font-size: var(--font-20);
  font-weight: 600;
  font-family: var(--font);
  letter-spacing: 1px;
}
#footTel div.tel {
  float: none;
  flex-shrink: 0; /* 追加 */
}
#footTel div.privacyIcon {
  width: auto; /* 100%を打ち消し */
  flex-shrink: 0;
}
#footTel div.privacyIcon img {
  width: 100px;
}  
  footer p.copyright {
    background: #008B54;
    font-weight: 600;
    color: #fff !important;
  }

/* =====================================================
   ページトップ
===================================================== */
#page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
#page-top img {
  width: 70px;
}



/* 個人情報の取扱について
-------------------------------------------------------*/

#privacy {
  background: #fff;
}


/* =====================================================
   SP  max-width: 959px
===================================================== */
@media screen and (max-width: 959px) {

  html { font-size: 62.5%; }

  :root {
    --font-10: 1.0rem;
    --font-11: 1.1rem;
    --font-12: 1.2rem;
    --font-13: 1.3rem;
    --font-14: 1.4rem;
    --font-15: 1.5rem;
    --font-16: 1.6rem;
    --font-17: 1.7rem;
    --font-18: 1.8rem;
    --font-20: 2.0rem;
    --font-22: 2.2rem;
    --font-24: 2.4rem;
    --font-26: 2.6rem;
    --font-28: 2.8rem;
    --font-30: 3.0rem;
    --font-32: 3.2rem;
    --font-34: 3.4rem;
    --font-36: 3.6rem;
    --font-40: 4.0rem;
    --font-42: 4.2rem;
    --font-48: 4.8rem;
    --font-50: 5.0rem;
  }

  article,
  #mainWrap {
    padding-top: 0;
  }

  header {
    min-width: 100%;
    padding: 8px 0;
    border:none;
  }


#logo {
  margin: -2px 0 0 10px;
  padding: 0;
  line-height: 0;
}

#logo img {
  vertical-align: middle;
}


  .pc { display: none !important; }
  .sp { display: block !important; }
  span.pc, a.pc { display: none !important; }
  span.sp, a.sp { display: inline !important; }

  .sec-inner {
    padding: 0 16px;
  }

  #page-top img {
    width: 50px;
  }
  
  footer div.block div.seniorhome {
  	width:200px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
  }
  
  footer.lp {
    background: #f5f5f5;
    padding: 36px 0 0;
    text-align: center;
  }

  footer.lp .block {
    display: block;
    margin-bottom: 0;
  }
}