@charset "UTF-8";

#kifu_container{
    margin: 11vh auto 0;
    max-width: 1200px;
    padding: 0vw 5vw;
}
#kifu_title {
  padding: 40px 20px 20px;
  background-color: #fff;
}

#kifu_title h1 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1a3e6f;
  margin: 0 0 10px;
}

#kifu_title .pankuzu {
  font-size: 0.9rem;
  color: #3b7bbf;
  margin-bottom: 20px;
}

#kifu_title .title_under,
.title_under {
  height: 2px;
  border: none;
  background: linear-gradient(to right, #f0f5a4, #c9d9d8, #b2c3f0);
  width: 100%;
  max-width: 1200px;
}
/* ごあいさつセクション */
#aisatsu {
  text-align: justify;
  padding: 20px;
  background-color: #fff;
}

#aisatsu > p:first-of-type {
  font-size: 1.4rem;
  margin-bottom: 40px;
  color: #333;
  text-align: center;
}

#aisatsu h3 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 20px;
  margin-block-start:5px;
  font-family: "FP-ヒラギノ明朝 ProN W6";
  text-align: center;
}

#aisatsu > img {
  width: auto;
  height: auto;
  margin-bottom: 20px;
}

#aisatsu > p:nth-of-type(2) {
  max-width: 600px;
  margin: 0 auto 20px;
  font-size: 0.95rem;
  line-height: 2;
  color: #333;
}

#aisatsu .end_tx {
  text-align: right;
  max-width: 600px;
  margin: 0 auto 30px;
  font-size: 0.95rem;
  color: #111;
}
#aisatsu .txt_more {
  display: none; /* 初期は非表示 */
  font-size: 0.95rem;
  margin-top: 20px;
}




/* --- 記念募金セクション --- */
.kinenbokin {
  margin-top: 80px;
  padding: 60px 20px;
  background: linear-gradient(to right, #f4f6c2, #cdd9e9);
  text-align: center;
}

.kinenbokin .sc_name {
  font-size: 1rem;
  color: #2a3e67;
  margin-bottom: 5px;
}

.kinenbokin h2 {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #2a3e67;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: "FP-ヒラギノ明朝 ProN W6";
}

.kinenbokin_txt_area {
  background-color: #fff;
  padding: 85px 130px;
  margin: 0 auto;
  max-width: 450px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.kinenbokin_txt_area img {
  width: 120px;
  height: auto;
  margin-bottom: 20px;
}

.kinenbokin_txt_area p {
  font-size: 0.95rem;
  line-height: 2;
  color: #333;
  margin-bottom: 10px;
  text-align: justify;
}

.kinenbokin_txt_area .end_tx {
  text-align: right;
  margin-top: 20px;
}
.kifuboshu_yoko {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-family: "Helvetica", "Arial", sans-serif;
  color: #003366;
}

.kifuboshu_yoko h1 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 80px;
  color: #4089B4;
}

.kifuboshu_yoko p {
  font-size: 0.95rem;
  color: #244E7D;
  margin-bottom: 20px;
  margin-block-start: 0;
  margin: 2vh auto 5vh;
  text-align: center;
}

.sub_title_line {
  border: none;
    height: 1px;
    background: #4089B4;
  width: 100%;
  margin: 20px 0;
}

.anker_bn_block {
  text-align: left;
  margin-top: 70px;
  margin-bottom: 100px;
  padding: 0px 20px;
}

.anker_bn_block h2 {
  font-size: 1.2rem;
  color: #4089B4;
  padding-bottom: 5px;
  margin-bottom: 20px;
  text-align: center;
}

.anker_bn,
.anker_bn_glay {
  background-color: #e6f1fb;
  border-top: 3px solid #1a75bb;
   border-bottom: 1px solid #4089B4;
  padding: 30px 75px;
  font-size: 1.2rem;
  color: #003366;
  margin-bottom: 5px;
  position: relative;
  transition: background-color 0.3s;
  width: 80%;
  margin: auto;
}

.anker_bn:hover,
.anker_bn_glay:hover {
  background-color: #d3e9f9;
}

.anker_bn::after,
.anker_bn_glay::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;                  /* Solid は 900 */
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #1a75bb;
  font-size: 0.9rem;
}

.anniv-annai {

  & a {
    border: 2px solid #cfdcfd;
    display: inline-block;
    font-size: 0.9rem;
    padding: 0.6em 2em;
    border-radius: 19px;
    white-space: nowrap;
    margin: 2vw auto;
  }
}

.step-box {

  & a {
    color: #4089B4;
  }
}

/* グレー版 */
.anker_bn_glay {
  background-color: #EBEBF0;
  color: #244E7D;
  margin-bottom: 3vh;
  border-top: 3px solid #244E7D;
  border-bottom: 1px solid #4089B4;
}

/* 補足説明文 */
.anker_bn + p,
.anker_bn_glay + p {
  font-size: 0.9rem;
  margin: 5px 0 20px 10px;
  color: #444;
}

.kifu_nagare {
  font-family: "Helvetica Neue", sans-serif;
  text-align: center;
  color: #003366;
  padding: 40px 20px;
}

.kifu_nagare h2,
.kifu_nagare .title {
  font-size: 1.4rem;
  margin-bottom: 20px;
  margin-top: 25px;
  color: #4089B4;
}

/* ベーススタイル */
.tab-wrapper {
  font-family: "Helvetica", sans-serif;
  width: 100%;
  position: relative;
}

/* ラジオボタン非表示 */
.tab-wrapper input[type="radio"] {
  display: none;
}
.tab-header {
    margin: auto 30vw auto 0vw;
}

/* ラベル（タブ） */
.tab-label {
  display: inline-block;
  width: 112px;
  text-align: center;
  padding: 7px 15px;
  cursor: pointer;
  background: #fff;
  border: 2px solid #1a75bb;
  font-weight: bold;
  border-bottom: none;
  color: #4089B4;
  font-size: 1rem;
 }

#tab1:checked ~ .tab-header label[for="tab1"],
#tab2:checked ~ .tab-header label[for="tab2"]{
  background: #4089B4;
  border-color: #1a75bb;
  color: #fff;
  z-index: 2;
}

/* タブ内容 */
.tab-content {
  display: none;
  padding: 30px 20px;
  background: #f0f8ff;
  border-top: 3px solid #4089B4;
  margin-top: -1px;
}

/* タブ1内容表示 */
#tab1:checked ~ .tab1 {
  display: block;
  background: #d7ebff;
}

/* タブ2内容表示 */
#tab2:checked ~ .tab2 {
  display: block;
  background: #d4eeee;
}

/* ステップボックス */
.step-box {
  background: #fff;
  margin: 0 auto 10px;
  padding: 30px 39px;
  border-radius: 4px;
  width: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.step-box h3 {
  font-size: 1.2rem;
  color: #1a75bb;
  margin-bottom: 5px;
}

.step-box p {
	font-size: 1rem;
    color: #244E7D;
    text-align: justify;
}

.arrow {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #1a75bb;
  margin: 10px 0;
}


/* 注意書き */
.chui {
  margin-top: 40px;
  font-size: 0.9rem;
  line-height: 1.8;
  color: #244E7D;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
/* セクション全体 */
.renrakuinfo {
  text-align: center;
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif;
  margin: 60px auto;
  max-width: 600px;
}

/* メインタイトル */
.renrakuinfo h1 {
  font-size: 20px;
  color: #4089B4;
  margin-bottom: 10px;
}

/* サブテキスト */
.renrakuinfo .title_subtxt {
  font-size: 14px;
  color: #244E7D;
  margin-bottom: 30px;
}

/* 枠付きボックス */
.toiawase_info_area {
  border: 1px solid #005bac;
  padding: 30px 100px;
  display: inline-block;
  text-align: left;
  color: #244E7D;
}

/* リストのスタイル */
.toiawase_info_area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.toiawase_info_area li {
  font-size: 14px;
  line-height: 1.8;
}
#shien{
  color: #005bac;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0px 40px;
}
#shien h2{
      font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-block-start: 5px;
    color: #4089B4;
    text-align: center;
}
#shien h3{
      text-align: center;
    color: black;
    font-weight: normal;
    font-family: "FP-ヒラギノ明朝 ProN W6";
    margin-top: 40px;
}
#shien p{
  color: black;
  font-size: 1rem;
  line-height: 1.8;
  text-align: justify;
}
#shien .end_tx {
  text-align: right;
  max-width: 600px;
  margin: 0 auto 30px;
  font-size: 0.95rem;
  color: #111;
}
.donation-info {
    font-size: 0.9rem;
    color: #4089B4;
}
.donation-info h4 {
    font-size: 1rem;
    margin-bottom: 10px;
    font-weight: bold;
    color: #4089B4;
}

.info-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.info-table th,
.info-table td {
  border: 1px solid #005bac;
  padding: 15px;
  vertical-align: middle;
}

.info-table th {
  background-color: #f0f8ff;
  width: 15%;
  font-weight: bold;
  line-height: 1.1;
}

#shien .contact-box h3 {
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
  color: #4089B4;
  font-family: "TazuganeGothicStdN-Book", sans-serif;
}

#shien .contact-box p {
  line-height: 1.6;
  font-size: 0.95em;
  color: #244E7D;
}

#shien h3.sien_t {
  color: #4089B4;
  font-family: "TazuganeGothicStdN-Medium", sans-serif;
  font-size: 1.15rem;
}


.sp{
  display: none;
}
.pankuzu a{
  color:#4089B4 ;
}
/* スマホ表示時（768px以下） */
@media screen and (max-width: 768px) {
  #kifu_title {
    padding: 0 1vw;
  }
  #kifu_title h1 {
    font-size: 1.3rem;
  }
  #aisatsu {
    text-align: left;
    padding: 2% 3%;
  }
#kifu_title .pankuzu {
    margin-bottom: 1vh;
}

  #th125{

  }
img#moreBtn {
    margin: auto 40vw auto 40vw;
    width: 14vw
52.5px
;
}
.kifuboshu_yoko {
    max-width: 100%;
    margin: 0 auto;
  }

  .anker_bn_block h2 {
    font-size: 1.1rem;
    padding-bottom: 1vh;
    margin-bottom: 1vh;
    text-align: center;
    font-weight: normal;
  }
.anker_bn, .anker_bn_glay {
    width: 88%;
  }
.kifu_nagare {
    padding: 3vh 0;
}

.tab-header {
    margin: auto 16vw auto 0vw;
}
.step-box {
    background: #fff;
    margin: 0 auto 10px;
    padding: 15px 20px;
    border-radius: 4px;
    width: 87%;
}
.chui {
    margin-top: 4vh;
    max-width: 88%;
  }

.renrakuinfo {
    margin: 8vh auto;
    max-width: 88%;
}
.sp{
  display: block ;
  }
.kifuboshu_yoko p {
    width: 96%;
  }
.toiawase_info_area {
    padding: 30px 45px;
  }
.anker_bn,
.anker_bn_glay {
  padding: 24px 20px;
  width: 88%;
  font-size: 1rem;
  }
.anker_bn_block p {
  text-align: justify;
}
#shien{
  padding: 15px 15px 50px;
}
#shien h2 {
  font-size: 1.15rem;
  margin-top: 20px;
}
#shien h3{
  font-size: 1.15rem;
}
.kinenbokin_txt_area {
  padding: 36px 12px;
}

#aisatsu > p:first-of-type {
  font-size: 1.2rem;
}

}