@charset "UTF-8";
/*ブレークポイント*/
/*色*/
.lp_wrapper {
  color: #8e8887;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  line-height: 2em;
}
.lp_wrapper img {
  max-width: 100%;
}
.lp_wrapper a {
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 1px;
}
.lp_wrapper a:hover {
  border-bottom: none;
}
.lp_wrapper .note {
  font-size: 1.2rem;
}
.lp_wrapper {
  /*----------------
  タイトル
  ------------------*/
}
.lp_wrapper .ttl.ttl_bg_none {
  background: none;
}
.lp_wrapper .ttl {
  /*background-image: radial-gradient(
  	circle at 70% 24%,
  		rgb(244, 245, 236),
  	rgb(223, 248, 253),
  	rgb(239, 223, 238);*/
  background: radial-gradient(ellipse at 100% 60%, rgb(218, 232, 244) 0%, transparent 70%), radial-gradient(ellipse at 0% 80%, rgb(255, 233, 227) 0%, transparent 50%);
  color: #aaa4a3;
  text-shadow: 0 0 10px rgb(255, 254, 226);
  text-align: center;
}
.lp_wrapper .ttl .main_img {
  padding-bottom: 7vw;
  max-width: unset;
  width: 100%;
}
.lp_wrapper .ttl h1 {
  color: #aaa4a3;
  font-size: 4.5rem;
  letter-spacing: 0.5em;
  line-height: 1.6em;
  padding-bottom: 3vw;
}
.lp_wrapper .ttl h1 .sub {
  font-weight: 300;
  font-weight: normal;
  letter-spacing: 0.3em;
  line-height: 1.4em;
  padding-bottom: 1em;
  font-size: 0.55em;
}
.lp_wrapper .ttl h1 .date {
  padding-top: 0.5em;
  font-size: 0.5em;
  letter-spacing: 0.3em;
  font-weight: 600;
}
.lp_wrapper .ttl .catch {
  font-size: 1.8rem;
  padding-bottom: 8vw;
  line-height: 2.2em;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .ttl .main_img {
    padding-bottom: 10vw;
    width: 100%;
  }
  .lp_wrapper .ttl h1 {
    color: #aaa4a3;
    font-size: 36px;
    letter-spacing: 0.4em;
    line-height: 1.4em;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 7vw;
  }
  .lp_wrapper .ttl h1 .date {
    padding-top: 1em;
  }
  .lp_wrapper .ttl .catch {
    font-size: 1.6rem;
    text-align: left;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 10vw;
    text-align: justify;
    text-justify: inter-ideograph;
    line-break: strict;
    word-break: break-word;
    word-wrap: break-word;
  }
}
.lp_wrapper {
  /*----------------
  コンテンツ
  ------------------*/
}
.lp_wrapper .contents {
  /*display: grid;
  gap: 10%;grid-template-rows: 50% 1fr;
  grid-template-columns: repeat(2, 1fr);*/
  padding-top: 5vw;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents {
    padding-top: 13vw;
  }
}
.lp_wrapper .contents .contents_inner {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .contents_inner {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.lp_wrapper .contents .unit {
  margin: 0 16.6666666667% 10vw;
  display: inline-block;
  /* 必須（表示がずれないように） */
  vertical-align: top;
  /* アイテムを垂直方向上端に配置 */
}
.lp_wrapper .contents .unit.large {
  margin-left: 0;
  margin-right: 0;
}
.lp_wrapper .contents .unit.small {
  padding: 0 5rem;
  min-width: 250px;
}
@media screen and (max-width: 1025px) {
  .lp_wrapper .contents .unit.small {
    padding: 0;
  }
}
.lp_wrapper .contents .unit.small_r {
  margin-right: 0;
}
.lp_wrapper .contents .unit {
  /*左カラムの一番上*/
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:nth-of-type(1) {
    padding-top: 0;
  }
}
.lp_wrapper .contents .unit {
  /*右カラムの一番上*/
}
.lp_wrapper .contents .unit:nth-of-type(6) {
  padding-top: 350px;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:nth-of-type(6) {
    padding-top: 0;
  }
}
.lp_wrapper .contents .unit {
  /*左カラム*/
}
.lp_wrapper .contents .unit:nth-of-type(1) .txt, .lp_wrapper .contents .unit:nth-of-type(4) .txt {
  padding-left: 5vw;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:nth-of-type(1) .txt, .lp_wrapper .contents .unit:nth-of-type(4) .txt {
    padding-right: 5vw;
  }
}
.lp_wrapper .contents .unit {
  /*右カラム*/
}
.lp_wrapper .contents .unit:nth-of-type(7) .txt {
  padding-right: 5vw;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:nth-of-type(7) .txt {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:nth-of-type(6) .txt {
    padding-left: 5vw;
  }
}
.lp_wrapper .contents .unit .photo .on {
  display: none;
}
.lp_wrapper .contents .unit .spec {
  display: none;
}
.lp_wrapper .contents .unit .txt {
  padding-top: 1em;
  color: #8e8887;
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
  word-break: break-word;
  word-wrap: break-word;
}
.lp_wrapper .contents .unit:hover .photo {
  position: relative;
}
.lp_wrapper .contents .unit:hover .photo .on {
  display: block;
}
.lp_wrapper .contents .unit:hover .photo .off {
  display: none;
}
.lp_wrapper .contents .unit:hover .spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*padding:0 calc((100% - 20m) / 2);*/
  height: 100%;
  background: rgba(255, 255, 255, 0.77);
  color: #fff;
  color: #8e8887;
  line-height: 2em;
}
.lp_wrapper .contents .unit:hover .spec.trans {
  background: rgba(0, 0, 0, 0.15);
}
.lp_wrapper .contents .unit:hover .spec li {
  margin: 0 auto 0.8em;
  letter-spacing: 0.02em;
  /*background: #000;width: 17em;*/
}
.lp_wrapper .contents .unit:hover .spec li span {
  display: inline-block;
  padding-right: 1.5em;
}
.lp_wrapper .contents .unit:hover .spec li:last-of-type {
  margin-bottom: 0;
}
.lp_wrapper .contents .unit:hover .spec a {
  color: #8e8887;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .unit:hover .spec li {
    margin-bottom: 1em;
    letter-spacing: 0.1em;
  }
}
.lp_wrapper .contents .note {
  text-align: right;
  padding: 0 5vw 2em 0;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .contents .note {
    text-align: center;
    padding-right: 0;
  }
}
.lp_wrapper .point {
  /*background-image: radial-gradient(
  	circle at 50% 30%,
  	rgba(245, 245, 245,1),
  	rgba(217, 218, 214, .6)
  );*/
  background: radial-gradient(ellipse at 0% 0%, rgb(255, 254, 230) 0%, transparent 25%), radial-gradient(ellipse at 100% 60%, rgb(218, 232, 244) 0%, transparent 70%), radial-gradient(ellipse at 0% 80%, rgb(255, 233, 227) 0%, transparent 50%);
  color: #aaa4a3;
  text-shadow: 0 0 10px rgb(255, 254, 226);
  text-align: center;
  padding: 7vw 0;
  letter-spacing: 0.1em;
}
.lp_wrapper .point h2 {
  font-size: 25px;
  padding-bottom: 1.5em;
  line-height: 1.6em;
}
.lp_wrapper .point h2 p {
  letter-spacing: 0.2em;
  font-size: 0.7em;
}
.lp_wrapper .point h2 span {
  font-weight: 600;
}
.lp_wrapper .point h2 .logo_mem {
  width: auto;
  height: 0.8em;
  display: inline-block;
  vertical-align: -0.12em;
}
.lp_wrapper .point h2 .logo_mem svg {
  height: 100%;
}
.lp_wrapper .point h2 .logo_mem path.cls-1 {
  fill: #aaa4a3;
}
.lp_wrapper .point .txt {
  font-size: 1.6rem;
  line-height: 2em;
  padding-bottom: 1em;
}
.lp_wrapper .point dl {
  background: #fff;
  width: 21.5em;
  margin: 3em auto;
  padding: 1.5em 2em;
  font-size: 1.4rem;
}
.lp_wrapper .point dl dt {
  clear: both;
  float: left;
  width: 11.5em;
  position: relative;
}
.lp_wrapper .point dl dt:after {
  content: "－";
  display: inline-block;
  position: absolute;
  left: 100%;
  top: center;
  color: rgb(185, 186, 184);
}
.lp_wrapper .point dl dd {
  padding-left: 0.5em;
  float: right;
}
.lp_wrapper .point .note {
  margin-bottom: 3em;
}
.lp_wrapper .point .note li {
  line-height: 1.8em;
  /*&:before {
  	content: "＊";
  }*/
}
.lp_wrapper .point .note li.detail:before {
  content: "";
}
.lp_wrapper .point .note li.detail {
  padding-top: 0.5em;
  text-indent: 0;
}
.lp_wrapper .point .note li.detail a {
  color: #aaa4a3;
  border-bottom: solid 1px #aaa4a3;
}
.lp_wrapper .point .note li.detail a:hover {
  border-color: transparent;
}
.lp_wrapper .point .btn {
  font-size: 1.6rm;
}
.lp_wrapper .point .btn a {
  margin: 0 auto;
  display: block;
  color: #aaa4a3;
  border: 1px solid #aaa4a3;
  width: 14em;
  line-height: 3em;
}
.lp_wrapper .point .btn a:hover {
  background: #aaa4a3;
  color: #f2eee2;
  text-shadow: none;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .point {
    padding: 4em 5vw;
  }
  .lp_wrapper .point h2 {
    letter-spacing: 0.2em;
  }
  .lp_wrapper .point .txt,
  .lp_wrapper .point .note {
    text-align: left;
  }
  .lp_wrapper .point dl dt {
    width: 11em;
  }
  .lp_wrapper .point .note li {
    text-indent: -1em;
    padding-left: 1em;
  }
}
.lp_wrapper .present {
  /*background-image: radial-gradient(
  	circle at 50% 24%,
  	rgba(255, 249, 241, 0.3),
  	rgb(244, 243, 247)
  );*/
  background: #eaf2f6;
  text-align: center;
  padding: 7vw 0;
  letter-spacing: 0.1em;
  color: #aaa4a3;
  text-shadow: 0 0 10px rgb(255, 254, 226);
}
.lp_wrapper .present h2 {
  color: #aaa4a3;
  font-size: 3rem;
  padding-bottom: 1.5em;
  font-weight: 600;
}
.lp_wrapper .present .txt {
  font-size: 1.6rem;
  line-height: 2em;
  padding-bottom: 3em;
}
.lp_wrapper .present .txt span {
  font-size: 1.2rem;
  display: block;
}
.lp_wrapper .present .img {
  width: 30%;
  max-width: 500px;
  min-width: 250px;
  margin: 0 auto 3em;
}
.lp_wrapper .present dl {
  background: #fff;
  width: 25em;
  margin: 3em auto;
  padding: 1.5em 2em;
  font-size: 1.4rem;
}
.lp_wrapper .present dl dt {
  clear: both;
  float: left;
  width: 11.5em;
  position: relative;
}
.lp_wrapper .present dl dt:after {
  content: "→";
  display: inline-block;
  position: absolute;
  left: 100%;
  top: center;
}
.lp_wrapper .present dl dd {
  padding-left: 0.5em;
  float: right;
}
.lp_wrapper .present .note {
  margin-bottom: 3em;
}
.lp_wrapper .present .note li {
  line-height: 1.8em;
}
.lp_wrapper .present .note li:before {
  content: "＊";
}
.lp_wrapper .present .btn {
  font-size: 1.6rm;
}
.lp_wrapper .present .btn a {
  margin: 0 auto;
  display: block;
  color: #aaa4a3;
  border: 1px solid #aaa4a3;
  width: 14em;
  line-height: 3em;
}
.lp_wrapper .present .btn a:hover {
  background: #aaa4a3;
  color: #f2eee2;
  text-shadow: none;
}
@media screen and (max-width: 750px) {
  .lp_wrapper .present {
    padding: 4em 5vw;
  }
  .lp_wrapper .present h2 {
    letter-spacing: 0.2em;
  }
  .lp_wrapper .present .txt,
  .lp_wrapper .present .note {
    text-align: left;
  }
  .lp_wrapper .present dl dt {
    width: 11em;
  }
  .lp_wrapper .present .note li {
    text-indent: -1em;
    padding-left: 1em;
  }
}/*# sourceMappingURL=spring2026.css.map */