@charset "UTF-8";
/* ===================================
# Name：2025_march.css
# Date：2025.02.
===================================*/
#march {
  background: #E6EBEF;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  color: #141829;
  margin-bottom: 100px;
  overflow-x: hidden;
}
#march img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#march .js-msg {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: ease-out 1s;
  transition: ease-out 1s;
}
#march .js-msg.ready {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
#march .fadeIn_up {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: 1s;
  transition: 1s;
}
#march .fadeIn_up.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#march .kururi {
  -webkit-animation: 16s linear infinite rotation1;
          animation: 16s linear infinite rotation1;
}
@-webkit-keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#march .mincho {
  font-family: "Noto Serif JP", serif;
}
#march .nolink {
  pointer-events: none;
}
#march .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#march .flex.row2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 170px;
}
#march .mv {
  position: relative;
  padding: 2.0833333333vw;
  margin-bottom: 120px;
}
#march .mv_msg {
  width: 37.8125vw;
  position: absolute;
  left: 0;
  top: 3.125vw;
  z-index: 2;
}
#march .mv_ttl {
  width: 30.6770833333vw;
  position: absolute;
  left: 5.2083333333vw;
  bottom: 15.1041666667vw;
  z-index: 2;
}
#march .mv_img {
  border-radius: 30px;
  overflow: hidden;
}
#march .mv_img img {
  width: 100%;
}
#march .sec {
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 120px;
}
#march .sec_wrap + .sec_wrap {
  margin-top: 140px;
}
#march .sec_ttl {
  text-align: center;
  margin-bottom: 80px;
}
#march .sec .style-ttl {
  font-weight: 500;
  font-size: 30px;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  background: #B1C9DB;
  padding: 20px 10px;
  position: absolute;
  z-index: 2;
  letter-spacing: 0.2em;
}
#march .sec_ptn01 {
  padding: 0 100px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 120px;
}
#march .sec_ptn01_l {
  width: 432px;
  position: relative;
}
#march .sec_ptn01_l .style-ttl {
  top: -20px;
  right: -20px;
}
#march .sec_ptn01_l .deco {
  position: absolute;
  right: -20px;
  bottom: 50px;
  z-index: 2;
}
#march .sec_ptn01_r {
  width: 500px;
}
#march .sec_ptn02 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 120px;
  position: relative;
  z-index: 1;
}
#march .sec_ptn02::before {
  content: "";
  display: block;
  width: 100vw;
  height: 600px;
  background: rgba(177, 201, 219, 0.3);
  position: absolute;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  bottom: -60px;
  z-index: -1;
}
#march .sec_ptn02_l {
  width: 500px;
  margin-bottom: 60px;
}
#march .sec_ptn02_r {
  width: 550px;
  position: relative;
}
#march .sec_ptn02_r .style-ttl {
  top: -20px;
  left: -20px;
}
#march .sec_ptn02_r .deco {
  position: absolute;
  right: 20px;
  bottom: 40px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  z-index: 2;
}
#march .sec_ptn03, #march .sec_ptn04 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#march .sec_ptn03_l {
  width: 600px;
  position: relative;
}
#march .sec_ptn03_l .style-ttl {
  top: -30px;
  right: 30px;
}
#march .sec_ptn03_l .deco {
  position: absolute;
  left: 60px;
  bottom: 50px;
  z-index: 2;
}
#march .sec_ptn03_r {
  margin-top: 75px;
  width: 500px;
  margin-left: auto;
}
#march .sec_ptn04 {
  margin-top: 400px;
}
#march .sec_ptn04_l {
  width: 495px;
  position: relative;
}
#march .sec_ptn04_l .style-ttl {
  left: -35px;
  bottom: -20px;
}
#march .sec_ptn04_l .deco {
  position: absolute;
  right: 10px;
  bottom: 100px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  z-index: 2;
}
#march .sec_ptn04_r {
  margin-top: 75px;
  width: 495px;
}
#march .sec .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.04em;
}
#march .sec .item + .item {
  margin-top: 30px;
}
#march .sec .item_info {
  width: calc(100% - 100px);
}
#march .sec .item_name {
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#march .sec .item_price {
  font-weight: 700;
}
#march .sec .item_buybtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Montserrat", serif;
  display: block;
  border: 1px solid #B1C9DB;
  background: #B1C9DB;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 5px 25px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#march .sec .item:hover .item_buybtn {
  background: #fff;
  color: #B1C9DB;
}
#march .lineup {
  padding: 140px 0;
  background: rgb(249, 242, 213);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(249, 242, 213)), to(rgb(216, 228, 237)));
  background: linear-gradient(0deg, rgb(249, 242, 213) 0%, rgb(216, 228, 237) 100%);
}
#march .lineup_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 100px 80px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#march .lineup_ttl {
  margin-bottom: 40px;
}
#march .lineup_ttl::before, #march .lineup_ttl::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  background: #B1C9DB;
  margin: 0 20px;
}
#march .lineup_item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px;
}
#march .lineup_item li {
  width: 300px;
}
#march .lineup_item li a:hover .lineup_item_btn {
  background: #fff;
  color: #B1C9DB;
}
#march .lineup_item_img {
  margin-bottom: 10px;
}
#march .lineup_item_name {
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#march .lineup_item_price {
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}
#march .lineup_item_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: "Montserrat", serif;
  display: block;
  border: 1px solid #B1C9DB;
  background: #B1C9DB;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 5px 25px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#march .lineup_btn a {
  display: block;
  width: 300px;
  height: 50px;
  margin: 60px auto 0;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #141829;
}

/* TB */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #march .flex.row2 {
    gap: 5%;
  }
  #march .sec {
    margin: 0 min(2.6041666667vw, 20px);
  }
  #march .sec .style-ttl {
    font-size: min(2.8645833333vw, 22px);
  }
  #march .sec_ptn01 {
    padding: 0;
    gap: 10%;
  }
  #march .sec_ptn01_l {
    width: 40%;
  }
  #march .sec_ptn01_r {
    width: 50%;
  }
  #march .sec_ptn02 {
    gap: 10%;
  }
  #march .sec_ptn02_l {
    width: 40%;
  }
  #march .sec_ptn02_r {
    width: 50%;
  }
  #march .sec_ptn03 {
    width: 50%;
  }
  #march .sec_ptn03_l {
    width: 100%;
  }
  #march .sec_ptn03_r {
    margin-top: 40px;
    width: 80%;
  }
  #march .sec_ptn04 {
    width: 40%;
    margin-top: 20%;
  }
  #march .sec_ptn04_l {
    width: 100%;
  }
  #march .sec_ptn04_r {
    margin-top: 40px;
    width: 100%;
  }
  #march .lineup {
    padding: 100px 20px;
  }
  #march .lineup_inner {
    padding: 70px 50px 80px;
  }
  #march .lineup_item {
    gap: 20px;
  }
  #march .lineup_item li {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  #march {
    font-size: min(3.7333333333vw, 14px);
  }
  #march .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #march .flex.row2 {
    display: inherit;
    margin-top: 0;
  }
  #march .mv {
    padding: min(5.3333333333vw, 20px);
    margin-bottom: min(10.6666666667vw, 40px);
  }
  #march .mv_msg {
    width: 68vw;
    position: absolute;
    left: 0;
    top: 10.6666666667vw;
    z-index: 2;
  }
  #march .mv_ttl {
    width: 59.7333333333vw;
    position: absolute;
    left: 10.6666666667vw;
    bottom: 10.6666666667vw;
    z-index: 2;
  }
  #march .mv_img {
    border-radius: 15px;
  }
  #march .sec {
    padding-bottom: min(21.3333333333vw, 80px);
  }
  #march .sec_wrap + .sec_wrap {
    margin-top: min(21.3333333333vw, 80px);
  }
  #march .sec_ttl {
    margin-bottom: min(10.6666666667vw, 40px);
  }
  #march .sec_ttl img {
    width: auto;
    height: min(19.2vw, 72px);
  }
  #march .sec .style-ttl {
    font-size: min(4.8vw, 18px);
    padding: min(4vw, 15px) min(1.6vw, 6px);
  }
  #march .sec_ptn01 {
    padding: 0;
    gap: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn01_l {
    width: auto;
    margin-right: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn01_l .style-ttl {
    top: min(-5.3333333333vw, -20px);
    right: min(-5.3333333333vw, -20px);
  }
  #march .sec_ptn01_l .deco {
    width: min(42.6666666667vw, 160px);
    right: min(-5.3333333333vw, -20px);
    bottom: min(8vw, 30px);
  }
  #march .sec_ptn01_r {
    width: calc(100% - min(10.6666666667vw, 40px));
    margin: 0 min(5.3333333333vw, 20px);
  }
  #march .sec_ptn02 {
    padding: 0;
    margin-top: min(16vw, 60px);
    gap: min(10.6666666667vw, 40px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #march .sec_ptn02::before {
    content: none;
  }
  #march .sec_ptn02_l {
    width: calc(100% - min(10.6666666667vw, 40px));
    margin: 0 min(5.3333333333vw, 20px);
  }
  #march .sec_ptn02_r {
    width: auto;
    margin-left: min(5.3333333333vw, 20px);
  }
  #march .sec_ptn02_r .style-ttl {
    top: min(-5.3333333333vw, -20px);
    left: min(-5.3333333333vw, -20px);
  }
  #march .sec_ptn02_r .deco {
    width: 70%;
    right: min(5.3333333333vw, 20px);
    bottom: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn03 {
    margin-top: min(16vw, 60px);
    gap: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn03_l {
    width: auto;
  }
  #march .sec_ptn03_l .style-ttl {
    top: min(-5.3333333333vw, -20px);
    right: min(5.3333333333vw, 20px);
  }
  #march .sec_ptn03_l .deco {
    width: min(48vw, 180px);
    left: min(10.6666666667vw, 40px);
    bottom: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn03_r {
    width: calc(100% - min(10.6666666667vw, 40px));
    margin: 0 min(5.3333333333vw, 20px);
  }
  #march .sec_ptn04 {
    margin-top: min(16vw, 60px);
    gap: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn04_l {
    width: auto;
    margin-left: min(10.6666666667vw, 40px);
  }
  #march .sec_ptn04_l .style-ttl {
    left: min(-5.3333333333vw, -20px);
    bottom: min(-5.3333333333vw, -20px);
  }
  #march .sec_ptn04_l .deco {
    width: 60%;
    right: min(2.6666666667vw, 10px);
    bottom: min(21.3333333333vw, 80px);
  }
  #march .sec_ptn04_r {
    width: calc(100% - min(10.6666666667vw, 40px));
    margin: 0 min(5.3333333333vw, 20px);
  }
  #march .sec .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
  }
  #march .sec .item + .item {
    margin-top: min(5.3333333333vw, 20px);
  }
  #march .lineup {
    padding: min(5.3333333333vw, 20px);
  }
  #march .lineup_inner {
    padding: min(5.3333333333vw, 20px) min(5.3333333333vw, 20px) min(13.3333333333vw, 50px);
  }
  #march .lineup_ttl {
    margin-bottom: min(5.3333333333vw, 20px);
  }
  #march .lineup_ttl img {
    width: min(35.2vw, 132px);
  }
  #march .lineup_ttl::before, #march .lineup_ttl::after {
    width: min(10.6666666667vw, 40px);
    height: 1px;
    margin: 0 min(4.8vw, 18px);
  }
  #march .lineup_item {
    gap: min(8vw, 30px) min(2.6666666667vw, 10px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #march .lineup_item_name {
    font-size: min(3.2vw, 12px);
  }
  #march .lineup_item li {
    width: calc(50% - min(1.3333333333vw, 5px));
  }
  #march .lineup_btn a {
    display: block;
    width: min(58.6666666667vw, 220px);
    margin: min(13.3333333333vw, 50px) auto 0;
    font-size: min(3.4666666667vw, 13px);
  }
}