@charset "UTF-8";

/* PLAN詳細ページスタイルシート */

/* PC */

/* はじめに */
.attention-text-box {
   border-bottom:1px solid #757575;
   margin: 0 40px;
   padding: 36px 22px;
}
.attention-text-box p {
   /* font-family: var(--font-secondary); */
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: 45px; /* 225% */
   letter-spacing: 6px;
   margin:0;
}

/* プラン内容 */
.planDetail-sections{margin: 0 40px; border-bottom:1px solid #757575;}
.planDetail-section-inner {display:flex; justify-content: center; align-items: flex-start;}
/* プラン詳細 */
.planDetail-section-info-box {
   width: 50%;
}
/* 画像 */
.planDetail-section-img-box {
   width: 50%;
   border-left:1px solid #757575;
}
.planDetail-section-img-box .plan-img {padding: 25px 0 25px 30px;}
.planDetail-section-img-box img {width:100%; height: auto;}

/* .planDetail-section-info-box {padding:25px 0 0 32px;} */
.planDetail-section-info-box-inner {padding:25px 0 0 32px;}
.plan-title {
   /* font-family: var(--font-primary); */
   font-size: 35px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 10.5px;
   margin-bottom:16px;
}
.plan-info ul {margin:0; padding:0;}
.plan-info ul li {
   /* font-family: var(--font-secondary); */
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: 45px; /* 225% */
   letter-spacing: 6px;
}

.plan-detail-title {
   /* font-family: var(--font-secondary); */
   font-size: 25px;
   font-style: normal;
   font-weight: 600;
   line-height: 45px; /* 225% */
   letter-spacing: 6px;
   margin-bottom: 5px;
}


/* .planDetail-section-02用スタイル */
.planDetail-section-02 .planDetail-section-inner {flex-direction: row-reverse;}
.planDetail-section-02 .planDetail-section-img-box {
   border-left: none;
   border-right:1px solid #757575;
}
.planDetail-section-02 .planDetail-section-img-box .plan-img {padding: 25px 30px 25px 0;}
.planDetail-section-02 .planDetail-section-info-box-inner {padding:36px 0 0 45px;}

/* planDetail-section-03用スタイル */
.planDetail-section-03.planDetail-sections {border-bottom: none;}
.planDetail-section-03-inner {padding:45px 80px 68px 36px; width: fit-content; border-right:1px solid #757575;}
.planDetail-section-03-items {margin-bottom:40px;}
.planDetail-section-03-items ul div {
   font-family: var(--font-secondary);
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: 45px; /* 225% */
   letter-spacing: 6px;
}
footer {margin-top:0;}

/* end.PC */


/* SP */

@media (max-width:599px){ 

   .attention-text-box {margin:0; padding:18px 10px;}
   .attention-text-box p {
      font-size: 15px;
      line-height: 45px; /* 300% */
      letter-spacing: 4.5px;
   }
   .planDetail-sections {margin:0;}
   .planDetail-section-inner {display: block;}
   .planDetail-section-info-box {width: 100%;}
   .plan-info ul li {
      font-size: 15px;
      line-height: 45px; /* 300% */
      letter-spacing: 4.5px;
   }
   .planDetail-section-img-box {width:100%; border-left:none;}
   .planDetail-section-img-box .plan-img {padding: 36px 34px;}

   .planDetail-section-02 .planDetail-section-info-box-inner {padding:26px 0 0 33px;}
   .planDetail-section-02 .planDetail-section-img-box .plan-img {padding: 36px 34px;}

   .planDetail-section-03 {padding:28px 28px 0;}
   .planDetail-section-03-inner {
      /* width:100%; */
      padding:0;
      border-right:none;
   }
   .planDetail-section-03-items:last-of-type {margin-bottom:24px;}

}
/* end.SP */