@charset "utf-8";


/*	 Setting
===================================================== */
  .main-container, #section-form {
    font-family: var(--webfont) !important;
  }

  .text-pink3        { color: var(--color-pink3); }
  .text-pink4       { color: var(--color-pink4); }
  .text-lightblue   { color: var(--color-lightblue); }

  .bg-color01       { background-color: var(--color-paleblue); }
  .bg-color02       { background-color: var(--color-palegreen); }
  .bg-green11       { background-color: var(--color-green11); }
  .bg-lightblue     { background-color: var(--color-lightblue); }



/*	 背景画像のあるコンテンツ
===================================================== */
  .bg01, .bg02, .bg03 {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top;
  }
  .bg01 { background-image: url("../img/jyumokusou/bg01.webp"); }
  .bg02 { background-image: url("../img/jyumokusou/bg02.webp"); }
  .bg03 { background-image: url("../img/jyumokusou/bg03.webp"); }



/*	 Sectionの区切り（曲線のsvg）
===================================================== */
  .align-top.sec-svg {
    position: relative;
    top: -1px;
  }
  .align-bottom.sec-svg {
    position: relative;
    bottom: -1px;
  }


/*	 Sectionの見出し装飾
===================================================== */
  .sec-title {
    text-align: center;
    
    & .tit {
      font-weight: 500;
      color: var(--color-pink3);
    }
    & .en {
      padding-top: 0.5rem;
      letter-spacing: 1.5px;
    }
    
  }


/* =====================================================================

  冒頭
	
======================================================================== */
  .jyumoku-about--text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-inline-start: none;
    overflow-y: auto;
    font-size: 104%;
    font-weight: 500;
    line-height: 2.2;
    padding-bottom: 0.75rem;
    @media (width >= 768px) {
      line-height: 2.75;
    }
  }



/* =====================================================================

  料金
	
======================================================================== */
  /*小見出し装飾*/
  .p-title {
    border-left: solid 5px var(--color-pink4);
    color: var(--color-pink4);
    padding: 0.5rem 0 0.5rem 0.75rem;
    line-height: 1;
  }

  /*安心ポイント*/
  .price-point {
  }
  .price-point .arrow {
    color: #FFFFFF;
    font-weight: 500;
    background-color: var(--color-green10);
    padding: 0.5rem 1rem;
    -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    width: 160px;
    text-align: center;
  }
  .price-point dd {
    font-weight: 500;
  }



/* =====================================================================

  よくあるご質問
	
======================================================================== */
  .jyumoku-faq--cotent dt {
    font-weight: 600;
    color: var(--color-pink3);
  }
@media (min-width: 1024px) {
  .jyumoku-faq--cotent {
    width: 960px;
    margin-inline: auto;
  }
}



/* =====================================================================

  見学・資料請求（フォーム）
	
======================================================================== */
  input[type="text"], input[type="tel"], input[type="email"], textarea {
    font-family: var(--webfont);
    font-weight: 400 !important;
    }
  .col-form-label {
    color: var(--color-pink4);
    font-weight: 500
  }
  .badge-required { background-color: var(--color-pink4); }