@charset "utf-8";

/* ======================================================
 * index.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Components
 * - Clearfix
 * @media only screen and (max-width: 767px)
 * - Page Components
 * - Clearfix
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Page Components
  ------------------------------------------------------ */
  /* ----- override ----- */
  .button-column-layout.box-type .button_box .link-box {
    background-color: #ffffff;
  }
  .button-column-layout .button_item.type-applying .block::before,
  .button-column-layout .button_item.type-society .block::before,
  .button-column-layout .button_item.type-abroad .block::before {
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .button-column-layout .button_item.type-applying .block::before {
    left: 22px;
    width: 76px;
    height: 45px;
    margin-top: -23px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic01_pc.png");
  }
  .button-column-layout .button_item.type-society .block::before {
    left: 25px;
    width: 68px;
    height: 72px;
    margin-top: -36px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic02_pc.png");
  }
  .button-column-layout .button_item.type-abroad .block::before {
    left: 25px;
    width: 68px;
    height: 67px;
    margin-top: -34px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic03_pc.png");
  }

  /* ----- heading-category ----- */
  .heading-category.type-guidelines .block::before {
    content: "";
    position: absolute;
    top: 68px;
    right: -220px;
    width: 1000px;
    height: 400px;
    background: #fff9cf;
  }
  .heading-category.type-guidelines .block::after {
    content: "";
    position: absolute;
    top: 48px;
    right: -200px;
    width: 1000px;
    height: 400px;
    background: url("/sendai-bridal/guidelines/img/index_im01.webp") no-repeat right 8.38% bottom 100%;
  }

  /* ----- guidelines-layout ----- */
  .guidelines-layout {
    position: relative;
  }
  .guidelines-layout:before,
  .guidelines-layout:after {
    content: "";
    position: absolute;
    width: 433px;
    height: 433px;
    background-image: url("/common-bridal/img/com_bg03.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: -1;
  }
  .guidelines-layout:before {
    top: 0;
    right: -200px;
  }
  .guidelines-layout:after {
    bottom: 0;
    left: -200px;
  }
  .contents > .guidelines-layout:first-child {
    margin-top: 90px !important;
  }
  .guidelines-layout > *:first-child {
    margin-top: 0;
  }
  .guidelines-layout .button-column-layout {
    margin-top: 30px;
  }
  .guidelines-layout + .contact-layout {
    margin-top: 100px;
  }
  
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Page Components
  ------------------------------------------------------ */
  /* ----- override ----- */
  .button-column-layout.box-type .button_box .link-box {
    background-color: #ffffff;
  }
  .button-column-layout .button_item.type-applying .block::before,
  .button-column-layout .button_item.type-society .block::before,
  .button-column-layout .button_item.type-abroad .block::before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .button-column-layout .button_item.type-applying .block::before {
    left: 14px;
    width: 50px;
    height: 30px;
    margin-top: -15px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic01_sp.png");
  }
  .button-column-layout .button_item.type-society .block::before {
    left: 17px;
    width: 44px;
    height: 46px;
    margin-top: -23px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic02_sp.png");
  }
  .button-column-layout .button_item.type-abroad .block::before {
    left: 17px;
    width: 45px;
    height: 44px;
    margin-top: -22px;
    background-image: url("/sendai-bridal/guidelines/img/index_ic03_sp.png");
  }

  /* ----- heading-category ----- */
  .heading-category.type-guidelines {
    background: url("/sendai-bridal/guidelines/img/index_im01.webp") no-repeat 50% 100%;
    background-size: auto 150px;
  }

  /* ----- guidelines-layout ----- */
  .guidelines-layout {
    position: relative;
    padding: 15px 0 0;
  }
  .guidelines-layout:before {
    content: "";
    position: absolute;
    top: 0;
    right: -70px;
    width: 216px;
    height: 216px;
    background-image: url("/common-bridal/img/com_bg03.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index: -1;
  }
  .guidelines-layout > *:first-child {
    margin-top: 0;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * Print
====================================================== */
@media print {
}