
/* TABLE OF CONTENTS:
 * 
 * 00 どのサイズでも共通で適用されるスタイル
 *    - プライバシー保護
 *    - 梱包キット
 *    - 注意点
 * 01 幅 768 未満
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   00
 *
 * どのサイズでも共通で適用されるスタイル
 */



  /* プライバシー保護 */
  .delivery-privacy {
    margin-top: 5rem !important;
  }
  .delivery-privacy .head p {
    background: linear-gradient(to bottom, rgba(242,232,232,0) 0%,rgba(242,232,232,0) 46%,rgba(242,232,232,1) 47%,rgba(242,232,232,1) 100%);
    background-size: auto 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    padding-right: 1em;
    padding-left: 1em;
  }
  .delivery-privacy .body {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .delivery-privacy .body .text {
    flex: 1;
    order: 2;
  }
  .delivery-privacy .body .image {
    flex-shrink: 0;
    order: 1;
  }



  /* 梱包キット */
  .delivery-kit {
    background-color: #f3f3f3;
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .delivery-kit h4 {
    font-size: 1.5rem
  }
  .delivery-kit ul {
    list-style: none;
    margin-bottom: 2rem;
  }



  /* 注意点 */
  .registration dd {
    text-align: start;
  }



/* --------------------------------------------------------------------------------------------------------
   01
 *
 * 幅 768px 未満
 */
@media screen and (max-width: 767px) {

    /* ここにスタイル */

}/* End max 767px */



/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}/* End min 480px */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {

    /* ここにスタイル */

}/* End min 768px */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {

    /* ここにスタイル */

}/* End min 880px */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}/* End min 1072px */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

    /* ここにスタイル */

}/* End min 1264px */


