/*===========================================================
          page_view_container
  ===========================================================*/
/* #region */
.page_view_container h1{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/price_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          plan_container
  ===========================================================*/
/* #region */
.plan_container{padding:var(--spaceLarge) 0;}
/* ------ plan_list ------ */
.plan_list > li{padding:0 var(--spaceNormal);}
.plan_list > li:nth-of-type(n+2){margin-top:var(--spaceLarge);}
/* ------ plan_bg_wrap ------ */
.plan_bg_wrap::before{content:"";display:block;width:100%;height:55vw;border-radius:0 var(--braMedium) 0 var(--braMedium);}
.plan_list > li:nth-of-type(1) .plan_bg_wrap::before{background:url(/images/price_photo_2.webp) no-repeat center / cover;}
.plan_list > li:nth-of-type(2) .plan_bg_wrap::before{background:url(/images/price_photo_7.webp) no-repeat center / cover;}
.plan_bg_wrap > span{display:flex;justify-content:space-between;margin-top:3vw;}
.plan_bg_wrap > span::before,
.plan_bg_wrap > span::after{content:"";display:block;width:42.5vw;height:30vw;border-radius:var(--braSmall);}
.plan_list > li:nth-of-type(1) .plan_bg_wrap > span::before{background:url(/images/price_photo_3.webp) no-repeat center / cover;}
.plan_list > li:nth-of-type(1) .plan_bg_wrap > span::after{background:url(/images/price_photo_4.webp) no-repeat center / cover;}
.plan_list > li:nth-of-type(2) .plan_bg_wrap > span::before{background:url(/images/price_photo_8.webp) no-repeat center / cover;}
.plan_list > li:nth-of-type(2) .plan_bg_wrap > span::after{background:url(/images/price_photo_9.webp) no-repeat center / cover;}
/* ------ plan_contents ------ */
.plan_contents{margin-top:var(--spaceMedium);}
.plan_contents h2{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
.plan_contents p{display:flex;gap:2vw;align-items:flex-end;margin-top:var(--spaceNormal);}
.plan_contents > p > span{display:block;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);}
.plan_contents > p > span.price{font-family:var(--RiftSoft);font-size:var(--RiftFsBigger);color:var(--textYellow);line-height:var(--lhSmall);}
.plan_contents > p > span:last-of-type{color:var(--textYellow);}
.plan_contents dl{display:flex;flex-wrap:wrap;gap:3vw;align-items:flex-end;padding-top:var(--spaceNormal);}
.plan_contents dt{width:46vw;margin-top:var(--spaceMini);color:var(--textGray);line-height:var(--lhMedium);}
.plan_contents dd{padding-bottom:.5vw;font-family:var(--IBMPlexSans600_h);}
.plan_contents dd::before{content:"‥‥";margin-right:3vw;}
.plan_contents dd > span{margin:0 1vw;font-family:var(--RiftSoft);font-size:var(--RiftFsLarge);}
.plan_contents ul{margin-top:var(--spaceMedium);}
.plan_contents li{display:flex;gap:1vw;margin-top:var(--spaceMini);color:var(--textGray);line-height:var(--lhMedium);}
.plan_contents li::before{content:"※";}
/* ------ plan_archive_list ------ */
.plan_archive_list li{display:flex;flex-direction:column;padding:var(--spaceLarge) var(--spaceNormal);}
.plan_archive_list li:nth-of-type(odd){background:var(--bgWhite);}
.plan_archive_list li::before{content:"";display:block;width:100%;height:55vw;margin-top:var(--spaceMedium);border-radius:0 var(--braMedium) 0 0;order:3;}
.plan_archive_list li:nth-of-type(1)::before{background:url(/images/price_photo_5.webp) no-repeat center / cover;}
.plan_archive_list li:nth-of-type(2)::before{background:url(/images/price_photo_6.webp) no-repeat center / cover;}
.plan_archive_list div{display:contents;}
.plan_archive_list h3{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);order:1;}
.plan_archive_list p:nth-of-type(1){margin-top:var(--spaceMini);font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsLarge);line-height:var(--lhMedium);order:2;}
.plan_archive_list p:nth-of-type(2){margin-top:var(--spaceMedium);color:var(--textGray);line-height:var(--lhHuge);order:4;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          plan_container
  ===========================================================*/
/* #region */
/* ------ plan_bg_wrap ------ */
.plan_bg_wrap::before{height:40vw;}
.plan_bg_wrap > span{margin-top:2vw;}
.plan_bg_wrap > span::before,
.plan_bg_wrap > span::after{width:44vw;height:25vw;}
/* ------ plan_contents ------ */
.plan_contents{padding:0 var(--spaceNormal);}
.plan_contents p{gap:2vw;}
.plan_contents dl{gap:0;}
.plan_contents dt{width:46vw;}
.plan_contents dd{padding-bottom:.35vw;}
.plan_contents dd::before{content:"‥‥‥‥";margin-right:3vw;}
.plan_contents dd > span{margin:0 1vw;}
.plan_contents ul{margin-top:var(--spaceNM);}
.plan_contents li{gap:.6vw;}
/* ------ plan_archive_list ------ */
.plan_archive_list li::before{height:40vw;margin-top:var(--spaceNM);}
.plan_archive_list h3{padding:0 var(--spaceNormal);}
.plan_archive_list p{padding:0 var(--spaceNormal);}
.plan_archive_list p:nth-of-type(2){margin-top:var(--spaceNM);}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          plan_container
  ===========================================================*/
/* #region */
/* ------ plan_list ------ */
.plan_list > li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 var(--spaceLarge) 0 var(--spaceMedium);}
.plan_list > li:nth-of-type(n+2){margin-top:var(--spaceNM);}
/* ------ plan_bg_wrap ------ */
.plan_bg_wrap{width:37vw;}
.plan_bg_wrap::before{height:30vw;}
.plan_bg_wrap > span{margin-top:.8vw;}
.plan_bg_wrap > span::before,
.plan_bg_wrap > span::after{width:18.1vw;height:15vw;}
/* ------ plan_contents ------ */
.plan_contents{width:36vw;margin-top:0;padding:0;}
.plan_contents p{gap:.8vw;margin-top:var(--spaceTiny);}
.plan_contents dl{padding-top:var(--spaceTiny);}
.plan_contents dt{width:20vw;margin-top:var(--spaceTiny);}
.plan_contents dd{padding-bottom:0;}
.plan_contents dd::before{margin-right:1vw;}
.plan_contents dd > span{margin:0 .5vw;}
/* ------ plan_archive_list ------ */
.plan_archive_list li{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spaceNormal) calc(var(--spaceMedium)*2) var(--spaceNormal) var(--spaceMedium);}
.plan_archive_list li::before{width:30vw;height:24vw;margin-top:0;order:1;}
.plan_archive_list div{display:block;width:40vw;padding:var(--spaceNM) 0;order:2;}
.plan_archive_list h3{padding:0;}
.plan_archive_list p{padding:0;}
.plan_archive_list p:nth-of-type(1){margin-top:calc(var(--spaceMini) + .5vw);}
.plan_archive_list p:nth-of-type(2){margin-top:var(--spaceNormal);}
/* #endregion */
}