/* 動画をクリック可能にしたためホバー変化をつけた */
.video_link{
display: block;
position: relative;
}
.video_link:hover::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 56.25%;
background-color: rgba(55, 55, 55, 0.4);
border-radius: 10px;
}
.video_link:hover::after{
content: url(./images/play-video.svg);
position: absolute;
inset: 0px;
margin: auto;
width: 100px;
height: 100px;
}

/* Plan見出し横の注意文のためのcss */
.plan-title{
    flex-wrap: nowrap;
    align-items: center;
    display: flex;
    gap: 10%;
}
.section-title-row{
    min-width: 0;
}
.plan-caution{
    min-width: 0;
    flex-shrink: 1;
    padding-left: 1em;
    margin-left: 1em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 14.4px;
    color: rgba(232, 4, 4, 1);
    margin-bottom: 46px;
}
@media (max-width: 1140px){
  .plan-title{
      gap: 7%;
  }
}
@media (max-width: 1057px){
  .plan-title{
      gap: 4%;
  }
}
@media (max-width: 1010px){
  .plan-title{
      gap: 2%;
  }
}

@media (max-width: 992px){
  .plan-title{
      flex-wrap: wrap;
  }
}
@media (max-width: 720px){
    .plan-title{
        flex-wrap: wrap;
        align-items: center;
        gap: 25px;
    }
    .plan-title .section-title-row{
        flex-direction: column;
    }
    .plan-caution{
        margin-bottom: 0;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 31px;
        font-size: 85%;
    }
}

@media (max-width: 390px){
  .plan-title{
      gap: 10px;
  }
}
/* 改行を強制的に単語ブロックにするためのclass */
.inline-block{
    display: inline-block;
}
/* 特定のaタグにアンダーライン */
.underline{
    text-decoration: underline !important;
}
a.underline:hover{
    text-decoration: none !important;
    opacity: 0.8;
}
/* FAQがlineheightで大枠をコントロールしているため、一部これをspanで調整 */
.faq-line-spacing-adjustment{
    display:inline-block;
    line-height:21px;
}
.faq-caution-indent{
    text-indent:-1em;
    padding-left: 1em;
}

/***************************/
/* お盆中の発送について注意文 */
/* 赤字中央寄せ */
/***************************/
.obon-vacation-notice{
    font-size: 14.4px;
    text-align: center;
    margin-top: -34px;
    margin-bottom: 34px;
    color: rgba(232, 4, 4, 1);
}