@charset "utf-8";


h2.plan_h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/plans/header_BG.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 300px;
  margin-top: 70px;
  position: relative;
}
h2.plan_h2 img {
  height: 53px;
}
h2.plan_h2 span {
  font-size: 0;
  opacity: 0;
}

h2.plan_h2 div {
  position: absolute;
 color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1),-1px -1px 2px rgba(0, 0, 0, 1);
  bottom: 2%;
  right:2%;
}

/* ---- */

.plan_about {
  width: min(90vw , 1536px);
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw ,124px);
}

.plan_about > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plan_about > div:first-of-type img {
  width: min(28vw , 434px);
}
.plan_about > div:last-of-type img {
  width: min(45vw , 686px);
}

/* ----------------------- */
/* 1100*/
/* ----------------------- */

@media screen and (max-width: 1100px) {
.plan_about > div:first-of-type img {
  width: 35vw;
}
}
/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
h2.plan_h2 {
  height: 30vw;
}

.plan_about {
  flex-direction: column;
}
.plan_about > div {
  width: 100%;
}
.plan_about > div:first-of-type img {
  width:100%;
}
.plan_about > div:last-of-type img {
  width:100%;
  margin: 10vw auto;
}
}




/*　-----------------------　メインビジュアル　-----------------------　*/

#MainVisual {
  padding-top: 70px;
  position: relative;
}
#MainVisual figure {
  height: min(37.5vw , 720px);
  background-image: url("../limited/images/index_BG.jpg");
  background-position: top center;
  background-size: cover;
}
.sectionHead_ttl {
  position: absolute;
  height: 54px;
  top:50%;left: 50%;
  transform: translateX(-50%) translateY(-50%);
}


/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {

#MainVisual {
  padding-top: 70px;
  position: relative;
}
#MainVisual figure {
  width: 100%;
  height: 60vw;
}
#MainVisual figure figcaption {
  bottom:1%;
}
.sectionHead_ttl {
  height: 9vw;
}

}


/*　-----------------------　プレミアム h2　-----------------------　*/

.premium h2{
  font-size:2.5rem;
  line-height: 1;
  color: #333;
  text-align: center;
}
.premium {
  padding-top: min(10vw , 90px);
}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.premium h2 {
  font-size: 24px;
  text-align: center;
  margin-top: 15vw;
  margin-bottom: 15vw;
}
.premium {
  padding-top: 0;
}
}