@charset "UTF-8";

.wrap_01 {
  padding: 70px 0;
}

.page_Ttl {
  padding-bottom: 30px;
  color: #9a8860;
  font-size: 40px;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
}

.page_head {
  padding-bottom: 60px;
  color: #383838;
  font-size: 24px;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
}

.section_Block {
  margin-bottom: 50px;
}
.section_Block img {
  vertical-align: bottom;
}
.section_Block figure {
  position: relative;
  height: fit-content;
}
.section_Block figure .cap_Txt {
/*  font-size: 12px;*/
  font-feature-settings: 'palt';
  bottom: 5px;
}

.section_Block.column2-1>div,
.section_Block .column2-1>li {
  max-width: 485px;
  width: 48.5%;
}
.section_Block.column2-1>div:first-child,
.section_Block .column2-1>li:first-child {
  margin-right: 30px;
}

.section_Block h4 {
  display: block;
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #fff;
  background-color: #b39e69;
  font-size: 18px;
  text-align: left;
  box-sizing: border-box;
}
.section_Block h4 small {
  font-size: 15px;
}
.section_Block h5.w-line_ttl {
  font-size: 15px;
  text-align: left;
  border-bottom: 3px double #b39e69;
  margin-bottom: 15px;
  font-weight: 600;
}
.section_Block h5.gold_ttl {
  font-size: 15px;
  color: #b39e69;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: left;
}

.section_Block p {
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
}
.section_Block h4 + p,
.section_Block h4 + h5 + p {
  margin-bottom: 30px;
}
.section_Block p.txt_s {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 13px;
}
.section_Block p.notes {
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0;
}
.bg_gray {
  background-color: #89887f;
  color: #fff;
}
sub { font-size: 10px; }


/*margin*/
.pc_mb20 { margin-bottom: 20px; }




/* 個別 */
.block_01 {
}
.block_01 .merit {
  background-color: #ececdf;
  font-feature-settings: 'palt';
  font-size: 14px;
  text-align: left;
  padding: 15px;
}
.block_01 .merit li {
  position: relative;
  padding-left: 27px;
}
.block_01 .merit li:not(:last-child) {
  margin-bottom: 10px;
}
.block_01 .merit li span {
  position: absolute;
  top: 0;
  left:0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #b39e69;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.block_03 .bg_gray {
  padding: 10px 5px;
  font-size: 17px;
}
.block_03.section_Block .notes {
  margin-top: 10px;
}
.block_03 .hotmerit {
  background-color: #ececdf;
  padding: 20px;
  margin-top: 20px;
}
.block_04 .bg_gray {
  padding: 10px 10px 15px;
  font-size: 18px;
}
.block_04 .bg_gray span {
  color: #fff799;
}
.block_04 .bg_gray span .txL { font-size: 2em; }
.block_04 .bg_gray span .txM { font-size: 1.5em; }
.block_06 { margin-bottom: 0; }
.block_06 > div:first-of-type .column2-1 li {
  margin-bottom: 0;
}
.block_06 > div:first-of-type .column2-1 li figure .cap_Txt {
  bottom: 0;
}



/*===================
sp
===================*/
@media only screen and (max-width: 1024px) {

  .wrap_01 {
    padding: 60px 0;
  }

  .page_Ttl {
    padding-bottom: 20px;
    font-size: 28px;
  }

  .page_head {
    padding-bottom: 30px;
    font-size: 18px;
  }

  .section_Block {
    margin-bottom: 30px;
  }

  .section_Block .column2-1>li {
    max-width: 485px;
    width: 48.5%;
  }
  .section_Block.column2-1>div:first-child,
  .section_Block .column2-1>li:first-child {
    margin-right: 3%;
  }

  .section_Block.column2-1,
  .section_Block > div > .column2-1 {
    flex-direction: column;
  }

  .section_Block.column2-1>div,
  .section_Block > div > .column2-1 > * {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }
  .section_Block.column2-1>div:last-of-type,
  .section_Block > div > .column2-1 > li:last-child {
    margin-bottom: 0;
  }

  .section_Block h4 {
    padding: 10px;
    font-size: 16px;
  }
  .section_Block h4 + p, .section_Block h4 + h5 + p {
    margin-bottom: 15px;
  }
  .section_Block p.notes {
    margin-top: 5px;
  }

  .sp_mb20 { margin-bottom: 20px; }



/* 個別 */

  .block_02 .column2-1 .column2-1 {
    flex-direction: column;
  }
  .block_02 .column2-1 .column2-1 li {
    width: 100%;
    max-width: 100%;
  }
  .block_02 .column2-1 .column2-1 li:first-child {
    margin-bottom: 15px;
  }
  .block_04 .bg_gray {
    padding: 15px 10px 10px;
    font-size: 16px;
  }
  .block_06 > div:first-of-type .column2-1 {
    flex-direction: row;
  }
  .block_06,
  .block_06 > div:last-of-type {
    margin-bottom: 0;
  }


}