@charset "utf-8";

/* ======================================================
 * parts_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Common
 * - Elements >>> Text
 * - Elements >>> List
 * - Elements >>> Link
 * - Elements >>> Image
 * - Elements >>> Other
 * - Conditional Elements >>> Heading
 * - Conditional Elements >>> Navi
 * - Layout >>> Table
 * - Layout >>> Column
 * - Layout >>> Box
 * - Layout >>> Other
 * - Components
 * - Clearfix
 * Media Queries
====================================================== */

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
	/* ----- background ----- */

  /* ----- a ----- */
  a.block {
    display: block;
    color: #333;
  }
  .link-text > li > a,
  .link-text-v2 > li > a,
  [class*="tab-layout"] .tab_navi > .tab_list > li > a,
  .area-tab-layout .area-tab_navi > .area-tab_list > li > a,
  .tel-layout a,
  .contact-layout .contact_consult_block .contact_freedial a {
    color: #333;
  }
  [class*="news-layout"] a.block .news_detail .news_title,
  .campaign-layout .campaign_inner a.block .campaign_text .campaign_title {
    color: #336699;
  }
  [class*="heading-lv2"] a.block {
    color: #0078cb;
  }
  /* ----- sprite ----- */
  .a-blank::after,
  .a-blank > span:after,
  .a-pdf::after,
  .a-pdf > span:after,
  .link-text > li > a:before,
  .link-text-v2 > li > a:before,
  .link-button a:before,
  .link-button-v2 a:before,
  .link-button-v3 a:before,
  .link-button-v6 a:before,
  .link-button-v7 a:before,
  .link-button-v8 a:before,
  .link-button-v9 a:before,
  .navi-anchor a:before,
  .navi-anchor-v2 li:before,
  .index-layout > a.block > .index_caption .index_title:before,
  .index-layout-v2 > a.block > .index_caption .index_title:before,
  .index-layout-v3 .index_inner .detail_text:before,
  .index-layout-v5 > .block > .index_caption .index_title:before,
  .index-layout-v6 > .block > .index_caption .index_title:before,
  .index-layout-v7 > .block > .index_caption .index_title .index_label:before,
  .index-layout-v8 > .block > .index_caption .index_title .index_label:before,
  .index-layout-v2 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v2 > .a-pdf > .index_caption .index_title > .index_label:after,
  .index-layout-v5 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v5 > .a-pdf > .index_caption .index_title > .index_label:after,
  .index-layout-v6 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v6 > .a-pdf > .index_caption .index_title > .index_label:after,
  .index-layout-v10 > .block > .index_caption .index_title:before,
  .box-layout-v5 .box_ulti_link  > li > a:before,
  [class*="news-layout"] .news_article > .a-blank .news_title span:after,
  [class*="news-layout"] .news_article > .a-pdf .news_title span:after,
  .important-news .news_heading:before,
  .campaign-layout .campaign_inner a.a-blank .campaign_text .campaign_title:after,
  .campaign-layout .campaign_inner a.a-pdf .campaign_text .campaign_title:after,
  .tel-layout a:before,
  .winning-layout .winning_title:before,
  .example-layout .example_title:before,
  .contact-layout .contact_consult_block .contact_freedial:before,
  .find-layout .find_heading:before,
  .find-layout .find_title .find_label:before,
  .reform-jirei-index .index_title > .title_type::before,
  .jirei-favorite .favorite_card .card_title > .title_type::before,
  .jirei-favorite-modal .modal_button::before,
  #cboxClose:before {
    display: inline-block;
    background-image: url(/hrf/common/img/cmn_sprite_ic01-r2x.png);
    background-repeat: no-repeat;
    background-size: 600px 600px;
    vertical-align: middle;
    content: "";
  }
  .a-blank:after,
  .a-blank > span:after,
  .index-layout-v2 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v5 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v6 > .a-blank > .index_caption .index_title > .index_label:after,
  [class*="news-layout"] .news_article > .a-blank .news_title span:after,
  .campaign-layout .campaign_inner a.a-blank .campaign_text .campaign_title:after { width: 13px; height: 13px; background-position: 0px -200px; }
  .a-pdf:after,
  .a-pdf > span:after,
  .index-layout-v2 > .a-pdf > .index_caption .index_title > .index_label:after,
  .index-layout-v5 > .a-pdf > .index_caption .index_title > .index_label:after,
  .index-layout-v6 > .a-pdf > .index_caption .index_title > .index_label:after,
  [class*="news-layout"] .news_article > .a-pdf .news_title span:after,
  .campaign-layout .campaign_inner a.a-pdf .campaign_text .campaign_title:after { width: 18px; height: 18px; background-position: 0px -250px; }
  .link-button-v6 a:before { width: 33px; height: 33px; background-position: -150px -450px; }
  .link-button-v7.type-stores a:before { width: 28px; height: 28px; background-position: -200px -450px; }
  .link-button-v7.type-question a:before { width: 28px; height: 28px; background-position: -250px -450px; }
  .link-button-v7.type-afterservice a:before { width: 28px; height: 28px; background-position: -300px -450px; }
  .link-text > li > a:before,
  .link-text-v2 > li > a:before,
  .link-button a:before,
  .link-button-v8 a:before,
  .link-button-v9 a:before,
  .index-layout > a.block > .index_caption .index_title:before,
  .index-layout-v2 > a.block > .index_caption .index_title:before,
  .index-layout-v3 .index_inner .detail_text:before,
  .index-layout-v5 > a.block > .index_caption .index_title:before,
  .index-layout-v6 > a.block > .index_caption .index_title:before,
  .index-layout-v7 > .block > .index_caption .index_title .index_label:before,
  .index-layout-v8 > .block > .index_caption .index_title .index_label:before,
  .index-layout-v10 > .block > .index_caption .index_title:before,
  .find-layout .find_title .find_label:before,
  .reform-jirei-index .index_title > .title_type::before,
  .jirei-favorite .favorite_card .card_title > .title_type::before,
  .jirei-favorite-modal .modal_button[data-button="close"]::before { width: 15px; height: 15px; background-position: 0px -350px; }
  .link-button-v2 a:before,
  .link-button-v3 a:before,
  .jirei-favorite-modal .modal_button[data-button="delete"]::before { width: 15px; height: 15px; background-position: -100px -350px; }
  .link-button-v2 .a-blank span:after,
  .link-button-v3 .a-blank span:after,
  .link-button-v6 .a-blank span:after { width: 13px; height: 13px; background-position: -50px -200px; }
  .navi-anchor a:before,
  .navi-anchor-v2 li:before { width: 15px; height: 15px; background-position: -50px -350px; }
  .tel-layout a:before { width: 31px; height: 18px; background-position: -200px -400px; }
  .winning-layout .winning_title:before { width: 23px; height: 30px; background-position: 0px -450px; }
  .example-layout .example_title:before { width: 22px; height: 22px; background-position: -50px -450px; }
  .important-news .news_heading:before { width: 22px; height: 19px; background-position: -100px -450px; }
  .contact-layout .contact_consult_block .contact_freedial:before { width: 51px; height: 30px; background-position: -250px -400px; }
  .find-layout .find_heading:before { width: 17px; height: 17px; background-position: -350px -400px; }
  #cboxClose:before{ width: 15px; height: 15px; background-position: -50px -500px; }

  /* ------------------------------------------------------
   * Elements >>> Text
  ------------------------------------------------------ */
			/* ----- text-icon ----- */
	.panorama-iconText {
		padding: 15px 0 50px 60px;
		background: url("/hrf/reform/img/panorama_im04.png") no-repeat -15px 0;
		text-align: left;
	}
	.panorama-iconText2 {
		padding: 15px 0 50px 80px;
		background: url("/hrf/reform/img/panorama_im05.png") no-repeat 0 0;
		text-align: left;
	}
  /* ----- text-paragraph ----- */
  .text-paragraph {
    margin-top: 1em !important;
  }

  /* ----- text-lead ----- */
  .text-lead {
    margin: 1em 0 .75em;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .text-lead-v2 {
    margin: 1em 0 .75em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
  }
	.text-lead-v3 {
    margin: 1em 0 0 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75;
  }

  [class*="text-lead"] .lead_color {
    color: #1d569c;
  }
  [class*="text-lead"] .lead_sizeM {
    font-size: 2.1rem;
  }
  [class*="text-lead"] .lead_sizeL {
    font-size: 4.2rem;
  }

  /* ----- text-title ----- */
  .text-title {
    margin: 1.5em 0 .55em;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
  }

  /* ------------------------------------------------------
   * Elements >>> List
  ------------------------------------------------------ */
  [class*="list-note"],
  [class*="list-bullet"],
  [class*="list-order"] {
    margin-top: 1em;
  }
  [class*="list-note"].type-overall {
    margin-top: 2em;
  }
  [class*="list-description"] {
    margin-top: 1.5em;
  }
  [class*="list-note"] > li + li,
  [class*="list-bullet"] > li + li,
  [class*="list-order"] > li + li {
    margin-top: .75em;
  }
  [class*="list-"].is-nest {
    margin: .75em 0 1em;
  }
  [class*="list-note"] > li > .list_detail,
  [class*="list-bullet"] > li > .list_detail,
  [class*="list-order"] > li > .list_detail {
    margin-top: .25em;
  }
  [class*="list-note"] > li > .list_detail > *:first-child,
  [class*="list-note"] > li > .list_detail:first-child > [class*="heading-lv"],
  [class*="list-bullet"] > li > .list_detail > *:first-child,
  [class*="list-bullet"] > li > .list_detail:first-child > [class*="heading-lv"],
  [class*="list-order"] > li > .list_detail > *:first-child,
  [class*="list-order"] > li > .list_detail:first-child > [class*="heading-lv"],
  [class*="list-description"] > dd > *:first-child,
  [class*="list-description"] > dd:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* ----- list-al-right ----- */
  .list-al-right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 1em;
  }
  .list-al-right > [class*="list-"] {
    margin-top: 0;
  }
  /* ----- list-al-right ----- */
  .list-al-right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 1em;
  }
  .list-al-right > [class*="list-"] {
    margin-top: 0;
  }

   /* ----- list-note ----- */
  [class*="list-note"] > li {
    position: relative;
  }
  [class*="list-note"] > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-note > li {
    padding-left: 1.2em;
    color: #666;
    font-size: 1.3rem;
  }
  .list-note > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /*v2*/
  .list-note-v2 > li {
    padding-left: 1.4em;
    color: #333;
  }
  /*v3*/
  .list-note-v3 > li {
    padding-left: 1.4em;
    color: #cc0000;
  }

  /* ----- list-note-order ----- */
  [class*="list-note-order"] > li {
    position: relative;
  }
  [class*="list-note-order"] > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-note-order > li {
    padding-left: 2.8em;
    font-size: 1.3rem;
    color: #666;
  }
  /*v2*/
  .list-note-order-v2 > li {
    padding-left: 2.8em;
    color: #333;
  }

  /* ----- list-bullet ----- */
  [class*="list-bullet"] > li {
    position: relative;
  }
  [class*="list-bullet"] > li:before {
    position: absolute;
    content: "";
  }
  .list-bullet > li {
    padding-left: 21px;
  }
  .list-bullet > li:before {
    top: .45em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #787878;
    border-radius: 100%;
  }
  .list-bullet > li > .list_detail.is-noindent {
    margin-left: -21px;
  }
  /*v2*/
  .list-bullet-v2 > li {
    padding-left: 15px;
    font-size: 1.2rem;
  }
  .list-bullet-v2 > li:before {
    top: .45em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #999;
    border-radius: 100%;
  }

  /* ----- list-order ----- */
  [class*="list-order"] > li {
    position: relative;
  }
  [class*="list-order"] > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order > li {
    padding-left: 2.1em;
  }
  .list-order > li > .list_mark {
    font-weight: bold;
  }
  .list-order > li > .list_detail.is-noindent {
    margin-left: -2.5em;
  }
  /* v2 */
  .list-order-v2 > li {
    padding-left: 3.2em;
    font-size: 1.2rem;
  }
  .list-order-v2 > li > .list_detail.is-noindent {
    margin-left: -3.5em;
  }

  /* ----- list-description ----- */
  .list-description > dt {
    position: relative;
    margin: 1.5em 0 .35em;
    padding-left: 15px;
    font-weight: bold;
  }
  .list-description > dt::before {
    position: absolute;
    content: "";
    top: .45em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #787878;
    border-radius: 100%;
  }
  .list-description > dt:first-child {
    margin-top: 0 !important;
  }

  /* ------------------------------------------------------
   * Elements >>> Link
  ------------------------------------------------------ */
  [class*="link-text"] {
    margin-top: 1em;
  }
  [class*="link-text"] > li + li {
    margin-top: .75em;
  }
  [class*="link-button"] {
    margin-top: 1.5em;
  }
  [class*="link-button"] > li + li {
    margin-top: .75em;
  }
  [class*="link-button"] > li > a {
    width: 100%;
  }
  [class*="link-button"].is-centering {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  [class*="link-button"].is-centering > li {
    display: -webkit-flex;
    display: flex;
    width: calc((100% - 15px) / 2);
  }
  [class*="link-button"].is-centering > li + li {
    margin-top: 0;
    margin-left: 15px;
  }
  [class*="link-button"].is-centering > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  [class*="link-button"][data-row-sp] > li {
    display: -webkit-flex;
    display: flex;
    margin-top: .75em;
  }
  [class*="link-button"][data-row-sp] > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  [class*="link-"].is-nest {
    margin: .75em 0 1em;
  }

  /* ----- link-inline ----- */
  .link-inline.a-blank::after,
  .link-inline.a-pdf::after {
    margin: 0 7px;
  }
  .link-inline.a-blank::after,
  .link-inline.a-pdf::after {
    position: relative;
    top: 2px;
  }

  /* ----- link-text ----- */
  .link-text > li > a,
  .link-text > li > .is-nolink {
    display: inline-block;
    position: relative;
    padding-left: 20px;
  }
  .link-text > li > a:before {
    position: absolute;
    top: .25em;
    left: 0;
  }
  .link-text > li > .a-blank:after,
  .link-text > li > .a-pdf:after {
    margin: 0 0 0 9px;
  }
  /*v2*/
  .link-text-v2 > li > a,
  .link-text-v2 > li > .is-nolink {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-size: 1.5rem;
  }
  .link-text-v2 > li > a:before {
    position: absolute;
    top: .25em;
    left: 0;
  }
  .link-text-v2 > li > .a-blank:after,
  .link-text-v2 > li > .a-pdf:after {
    margin: 0 0 0 9px;
  }
  .link-text-v2 > li > .a-blank span:after,
  .link-text-v2 > li > .a-pdf span:after {
    display: none;
  }

  /* ----- link-button ----- */
  [class*="link-button"] .a-blank:after,
  [class*="link-button"] .a-pdf:after {
    display: none;
  }
  [class*="link-button"] .a-blank span,
  [class*="link-button"] .a-pdf span {
    position: relative;
  }
  [class*="link-button"] .a-blank,
  [class*="link-button"] .a-pdf {
    padding-right: 20px;
  }
  [class*="link-button"] .a-blank span:after,
  [class*="link-button"] .a-pdf span:after {
    top: 50%;
    right: 0;
    margin: 0 0 0 10px;
  }
  .link-button a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .link-button a[class*="gp-fl-h-"] {
    padding-right: 16px;
    padding-left: 50px;
  }
  .link-button a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
  }
  /*v2*/
  .link-button-v2 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 44px;
    background-color: #666;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .link-button-v2 a:before {
    position: absolute;
    top: 50%;
    left: 17px;
    margin-top: -8px;
  }
  /*v3*/
  .link-button-v3 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 44px;
    background-color: #ff7e0c;
    border-radius: 3px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 2;
  }
  .link-button-v3 a:before {
    position: absolute;
    top: 50%;
    left: 17px;
    margin-top: -6px;
  }
  .link-button-v3 a:hover {
    background-color: #f06000;
    text-decoration: none;
  }
  /*v4*/
  .link-button-v4 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 12px 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .link-button-v4 a.is-current {
    background-color: #eee;
    text-decoration: none;
  }
  .box_detail.type-pink .link-button-v4 a.is-current {
    background-color: #ffeaea;
    border-color: #ffeaea;
  }
  /*v5*/
  .link-button-v5 a {
    display: inline-block;
    position: relative;
    padding: 5px 6px;
    border: 1px solid #ddd;
    background-color: #eee;
    border-radius: 3px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  /*v6*/
  .link-button-v6 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 45px;
    background-color: #e63721;
    border-radius: 3px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .link-button-v6 a:before {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -16px;
  }
  /*v7*/
  .link-button-v7 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 10px 10px 40px;
    background-color: #fff;
    border: 1px solid #dfdfde;
    border-radius: 3px;
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .link-button-v7 a:before {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -14px;
  }
  /*v8*/
  .link-button-v8 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .link-button-v8 a[class*="gp-fl-h-"] {
    padding-right: 16px;
    padding-left: 50px;
  }
  .link-button-v8 a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
  }
  /*v9*/
  .link-button-v9 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .link-button-v9 a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
  }
  .link-button-v9.type-more a:before,
  .link-button-v9.type-more a:after {
    position: absolute;
    top: 50%;
    left: 19px;
    z-index: 2;
    width: 11px;
    height: 1px;
    margin:  0 0 0;
    background-color: #666;
    content: "";
  }
  .link-button-v9.type-more a:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
    /*v10*/
  .link-button-v10 a{
		background-color: #0C3D84;
		padding-top: 21px;
    width: 360px;
		height: 70px;
		font-size: 1.8rem;
  }
  /* ------------------------------------------------------
   * Elements >>> Image
  ------------------------------------------------------ */
  /* ----- image-set ----- */
  .image-set {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.5em;
  }
  .image-set.gp-al-left {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .image-set.gp-al-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .image-set:not(.gp-al-left):not(.gp-al-right) .image_inner {
    text-align: center;
  }
  .image-set .image_inner > *:first-child,
  .image-set .image_inner > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .image-set.is-multi .image_inner {
    display: inline-block;
    text-align: center;
  }
  .image-set .image_inner > a {
    display: inline-block;
  }
  .image-set.is-multi .image_inner > img + img {
    margin-top: 1em;
  }
  .image-set .image_inner [class^="text-title"] {
    margin-top: 0;
    margin-bottom: .5em;
  }
  .image-set .image_caption {
    margin-top: .5em;
    font-size: 1.2rem;
    text-align: left;
  }
  	.panorama-topImg {
		margin: 0 -15px;
	}
  /* ------------------------------------------------------
   * Elements >>> Other
  ------------------------------------------------------ */
  /* ----- line-layout ----- */
  .line-layout {
  }

  /* ------------------------------------------------------
   * Conditional Elements >>> Heading
  ------------------------------------------------------ */
  /* ----- heading-lv1 ----- */
  [class*="heading-lv1"] {
    padding: 15px;
    border-top: 2px solid #666;
  }
  [class*="heading-lv1"] .heading_subtitle,
  [class*="heading-lv1"] .heading_title {
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
  }
  [class*="heading-lv1"] .heading_subtitle {
    font-size: 1.5rem;
  }
  [class*="heading-lv1"] .heading_title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
  .heading-lv1 {
    background-color: #ffeaea;
  }
  /*v2*/
  .heading-lv1-v2 {  background-color: #dcf5ff;}
  /*v3*/
  .heading-lv1-v3 {  background-color: #effcd5;}
  /*v4*/
  .heading-lv1-v4 {  background-color: #f4f4f4;}

  /* ----- heading-lv2 ----- */
  [class*="heading-lv2"] {
    margin: 2.0em -15px 0;
    line-height: 1.4;
  }
  [class*="heading-lv2"] .block {
    padding: 15px 20px 18px;
    background-color: #f4f4f4;
    border-left: 3px solid #333;
  }
  [class*="heading-lv2"] .heading_title {
    font-size: 2.1rem;
    font-weight: bold;
  }

  /* ----- heading-lv3 ----- */
  [class*="heading-lv3"] {
    margin-top: 2.0em;
    line-height: 1.5;
  }
  [class*="heading-lv3"] .block {
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
  }
  [class*="heading-lv3"] .block:before {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #787878;
  }
  [class*="heading-lv3"] .heading_title {
    font-size: 1.9rem;
    font-weight: bold;
  }
  .column-layout [class*="heading-lv3"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /*v2*/
  .heading-lv3-v2 .block {  padding-left: 30px;}
  .heading-lv3-v2 .heading_icon {
    position: absolute;
    top: .25em;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.7;
  }
  .heading-lv3-v2.a-type .heading_icon {  background-color: #46b135;}
  .heading-lv3-v2.b-type .heading_icon {  background-color: #008cd6;}
  .heading-lv3-v2.c-type .heading_icon {  background-color: #e60012;}
  .heading-lv3-v2.d-type .heading_icon {  background-color: #ea5515;}
  /*v3*/
  .heading-lv3-v3 .block {
    padding-left: 44px;
    padding-bottom: 0;
    border: none;
  }
  .heading-lv3-v3 .heading_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-color:  #666;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
  }
  .heading-lv3-v3 .block:before {
    display: none;
  }

  /* ----- heading-lv4 ----- */
  [class*="heading-lv4"] {
    margin-top: 1.5em;
    line-height: 1.47;
  }
  [class*="heading-lv4"] .block {
    position: relative;
    padding: 0 0 0 15px;
    border-left: 3px solid #787878;
  }
  [class*="heading-lv4"] .heading_title {
    font-size: 1.8rem;
    font-weight: bold;
  }

  /* ----- heading-lv5 ----- */
  [class*="heading-lv5"] {
    margin-top: 1.5em;
    line-height: 1.5;
  }
  [class*="heading-lv5"] .block {
    position: relative;
    padding: 0 0 0 18px;
  }
  [class*="heading-lv5"] .block:before {
    position: absolute;
    content: "";
    top: .8em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #787878;
  }
  [class*="heading-lv5"] .heading_title {
    font-size: 1.8rem;
    font-weight: bold;
  }

  /* ----- parent-heading ----- */
  .parent-heading {
  }
  .parent-heading  > .block {
    padding: 25px 15px 13px;
  }
  .parent-heading.type-mini > .block {
    padding: 25px 15px;
  }
  .parent-heading .heading_title .heading_lead {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
  }
  .parent-heading .heading_title .heading_text {
    display: block;
    font-size: 1.2rem;
    font-style: normal;
  }
  .parent-heading .heading_util {
    margin-top: 10px;
  }

  /* ------------------------------------------------------
   * Conditional Elements >>> Navi
  ------------------------------------------------------ */
  /* ----- navi-anchor ----- */
  [class*="navi-anchor"] {
    margin-top: 1.5em;
  }
  [class*="navi-anchor"] > li + li {
    margin-top: .75em;
  }
  [class*="navi-anchor"] a {
    line-height: 1.5;
  }
  [class*="navi-anchor"].gp-al-center {
    margin-top: 2em;
  }
  [class*="navi-anchor"][data-row-sp] > li {
    display: -webkit-flex;
    display: flex;
    margin-top: .75em;
  }
  [class*="navi-anchor"][data-row-sp] > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .navi-anchor a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .navi-anchor a[class*="gp-fl-h-"] {
    padding-right: 16px;
    padding-left: 50px;
  }
  .navi-anchor a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
  }
  /*v2*/
  .navi-anchor-v2 {
    padding: 18px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .navi-anchor-v2 li {
    position: relative;
  }
  .navi-anchor-v2 li:before {
    position: absolute;
    top: .3em;
    left: 0;
  }
  .navi-anchor-v2 a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 3.3em;
    color: #333;
  }
  .navi-anchor-v2 a .list_mark {
    position: absolute;
    top: 0;
    left: 22px;
    font-weight: bold;
  }

  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  [class^="table-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="table-layout"] th > *:first-child,
  [class*="table-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="table-layout"] td > *:first-child,
  [class*="table-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .table-layout {
    margin-top: 2em;
  }
  .table-layout .table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .table-layout caption {
    margin-bottom: .75em;
    text-align: left;
  }
  .table-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .table-layout caption > *:last-child {
    margin-bottom: 0 !important;
  }
  .table-layout .table_caption {
    text-align: left;
  }
  .table-layout th,
  .table-layout td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
  }
  .table-layout thead th {
    vertical-align: middle;
  }
  .table-layout.is-centering-vt th,
  .table-layout.is-centering-vt td {
    vertical-align: middle;
  }
  .table-layout .cell-style1 {
    background-color: #777;
    color: #fff;
    font-weight: bold;
  }
  .table-layout .cell-style2 {
    background-color: #f7f7f7;
  }
  .table-layout .cell-style3 {
    background-color: #fff0f0;
  }
  .table-layout[data-layout-sp="shrink"] .gp-br-nowrap {
    white-space: normal !important;
  }
  .table-layout[data-layout-sp="scroll"] {
    overflow-x: auto;
    padding-bottom: 15px;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar {
    height: 8px;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f1f1f1;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #666;
  }
  .table-layout[data-layout-sp="scroll"] .table_inner {
    width: 1200px !important;
  }
  .table-layout[data-layout-sp="vertical"] col,
  .table-layout[data-layout-sp="vertical"] tbody,
  .table-layout[data-layout-sp="vertical"] tr,
  .table-layout[data-layout-sp="vertical"] th,
  .table-layout[data-layout-sp="vertical"] td {
    display: block;
    width: 100% !important;
  }
  /*v2*/
  .table-layout-v2 {
    margin-top: 1.5em;
  }
  .table-layout-v2 .table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
  }
  .table-layout-v2 th,
  .table-layout-v2 td {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
  .table-layout-v2 .cell-style1 {
    text-align: left;
  }
  .table-layout-v2 td {
    padding: 10px 15px;
  }
  .table-layout-v2 .bb_none {
    border-bottom: none;
  }
  .spec-layout + .table-layout-v2 {
    margin-top: 0;
  }
  .column-layout.spec-layout > .column_item {
    margin-top: 0;
  }

  /* ------------------------------------------------------
   * Layout >>> Grid
  ------------------------------------------------------ */
  /* ----- data-row-sp ----- */
  [data-row-sp]:not([data-row-sp="1"]) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  [data-row-sp="auto"] {
    margin-right: -15px;
    margin-bottom: -.75em;
  }
  [data-row-sp] > * {
    margin-left: 15px;
  }
  [data-row-sp="auto"] > * {
    margin-top: 0 !important;
    margin-right: 15px;
    margin-bottom: .75em;
    margin-left: 0;
  }
  .link-button-v5[data-row-sp="auto"] > * {
    margin-right: 12px;
  }
  [data-row-pc]:not([data-row-pc="auto"]) > * {
    margin-top: 1.25em;
  }
  [data-row-sp="2"] > * { width: calc((100% - 15px) / 2); }
  [data-row-sp="3"] > * { width: calc((100% - 30px) / 3); }
  [data-row-sp="1"] > *:first-child,
  [data-row-sp="2"] > *:nth-child(-n+2),
  [data-row-sp="3"] > *:nth-child(-n+3) {
    margin-top: 0 !important;
  }
  [data-row-sp="1"] > *,
  [data-row-sp="2"] > *:nth-child(2n+1),
  [data-row-sp="3"] > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0 !important;
  }

  /* ------------------------------------------------------
   * Layout >>> Column
  ------------------------------------------------------ */
  [class*="column-layout"] > [class*="column_item"] > *:first-child,
  [class*="column-layout"] > [class*="column_item"] > section:first-child > [class*="heading-lv"],
  [class*="column-grid"] > [class*="column_"] > *:first-child,
  [class*="column-grid"] > [class*="column_"] > section:first-child > [class*="heading-lv"],
  [class*="column-media"] > [class*="column_"] > *:first-child,
  [class*="column-media"] > [class*="column_"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- column-layout ----- */
  .column-layout {
    margin-top: 1.75em;
  }
  .column-layout.type-section {
    margin-top: 2.25em;
  }
  .column-layout.type-section2 {
    margin-top: 3.5em;
  }
  .column-layout > .column_item {
    margin-top: 1.25em;
  }
  .column-layout.type-list > .column_item {
    margin-top: 1.75em;
  }
  .column-layout.type-section > .column_item {
    margin-top: 1.75em;
  }
  .column-layout.type-section2 > .column_item {
    margin-top: 3.5em;
  }
  #main [class*="column-layout"] > .column_item.is-double,
  #main [class*="column-layout"] > .column_item.is-triple {
    width: 100%;
    margin-left: 0;
  }
  .column-layout[data-row-sp] > .column_item.is-double .link-button[data-row-sp] a,
  .column-layout[data-row-sp] > .column_item.is-triple .link-button[data-row-sp] a {
    min-height: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.25;
  }

  /* ----- icon-column ----- */
  .column-layout.icon-column .image_inner {
    position: relative;
  }
  .column-layout.icon-column .image_inner [class*="icon-text"] {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.55;
  }
  .column-layout.icon-column .image_inner .icon-text-v2 {
    padding: 0 10px;
    background-color:  #fff;
    border: 1px solid #2a99c5;
    color: #2a99c5;
    text-align: center;
  }
  .column-layout.icon-column .image_inner .icon-text-v3 {
    padding: 0 16px;
    background-color:  #2a99c5;
    border: 1px solid #2a99c5;
    color: #fff;
    text-align: center;
  }

  /* ----- column-media ----- */
  .column-media {
    margin-top: 1.75em;
  }
  .column-media[data-layout-sp="row"] > .column_image {
    max-width: calc((100% - 15px) / 2);
  }
  .column-media[data-layout-sp="row"] > .column_image[data-image="right"] {
    float: right;
    margin-left: 15px;
  }
  .column-media[data-layout-sp="row"] > .column_image[data-image="left"] {
    float: left;
    margin-right: 15px;
  }
  .column-media[data-layout-sp="col-reverse"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
  }
  .column-media[data-layout-sp="col"] > .column_detail,
  .column-media[data-layout-sp="col-reverse"] > .column_image {
    margin-top: 1.25em;
  }
  .column-media[data-layout-sp="col"] > .column_image > .image-set,
  .column-media[data-layout-sp="col-reverse"] > .column_image > .image-set {
    text-align: center;
  }
  .column-media > .column_image[data-layout-sp] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .column-media > .column_image[data-layout-sp="row"] {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .column-media > .column_image[data-layout-sp="row"] > .image-set {
    width: calc((100% - 15px) / 2);
    margin-top: 0;
  }
  .column-media > .column_image[data-layout-sp="row"] > .image-set:nth-child(n+2) {
    margin-left: 15px;
  }
  .column-media > .column_image[data-layout-sp="col"] {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .column-media.type-mascot > .column_image {
    width: 35%;
  }
  .column-media.type-shot > .column_image {
    width: 50%;
  }
  .column-media.type-mascot[data-layout-sp="col"] > .column_image,
  .column-media.type-mascot[data-layout-sp="col-reverse"] > .column_image,
  .column-media.type-shot[data-layout-sp="col"] > .column_image,
  .column-media.type-shot[data-layout-sp="col-reverse"] > .column_image  {
    margin-left: auto;
    margin-right: auto;
  }
  .column-media > .column_image[data-layout-sp="col"] > .image-set:nth-child(n+2) {
    margin-top: 1em;
  }
  .column-media > .column_detail[data-wraparound="false"] {
    overflow: hidden;
  }

  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  [class*="box-layout"] {
    margin-top: 2.5em;
  }
  [class*="box-layout"] > [class*="box_detail"] > *:first-child,
  [class*="box-layout"] > [class*="box_detail"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* ----- box-layout ----- */
  .box-layout {
    margin-top: 1.5em;
    padding: 20px 15px;
    border-top: 1px solid #787878;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .box-layout > .box_title {
    margin-bottom: .5em;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .box-layout > .box_title.type-ic1:before {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 38px;
    height: 27px;
    margin-right: 10px;
    background: url(/hrf/common/img/cmn_box_ic01.png) no-repeat 0 0;
    background-size: 38px auto;
    vertical-align: middle;
    content: "";
  }
  /*v2*/
  .box-layout-v2 {
    margin-top: 3em;
    padding: 15px 14px;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .box-layout-v2 > .box_detail .link-button-v4[data-row-pc] {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .box-layout-v2 > .box_detail .link-button-v4[data-row-pc="3"] li {
    margin-left: 15px;
  }
  /*v3*/
  .box-layout-v3 {
    margin-top: 3em;
    padding: 20px 15px;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .box-layout-v3 > .box_title {
    margin-bottom: .5em;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .box-layout-v3 > .box_detail [class*="link-text"] {
    margin-top: .5em;
  }
  /*v4*/
  .box-layout-v4 {
    margin-top: 2.0em;
    padding: 20px 15px 34px;
    background-color: #f0f5f8;
  }
  .box-layout-v4 > .box_title {
    margin-bottom: .8em;
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
  }
  .box-layout-v4 > .box_title + * {
    margin-top: 0 !important;
  }
  .box-layout-v4 .box_detail {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 12px 15px;
    background-color:  #fff;
    border-radius: 15px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
  }
  /*v5*/
  .box-layout-v5 {
    width: auto;
    margin-top: 2.0em;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .box-layout-v5.type-bg01 {
    background-color: #dcf5ff;
  }
  .box-layout-v5.type-bg02 {
    background-color: #f4f4f4;
  }
  .box-layout-v5.type-bg04 {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #effcd5;
  }
  .box-layout-v5.type-ownList + * {
    margin-top: 0;
  }
  .box-layout-v5.type-ownList .box_heading {
  }
  .box-layout-v5.type-ownList .box_ulti {
    margin-top: 20px;
  }
  .box-layout-v5 + .box-layout-v5 {
    margin-top: 0;
  }
  .box-layout-v5 .box_inner {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .box-layout-v5 .box_inner > *:first-child,
  .box-layout-v5 .box_inner > section:first-child > *:first-child{
    margin-top: 0;
  }
  .box-layout-v5 .box_heading {
  }
  .box-layout-v5 .box_heading + * {
    margin-top: 23px;
  }
  .box-layout-v5 .box_heading .box_title {
    padding-left: 15px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.1;
    border-left: 3px solid #333333;
  }
  .box-layout-v5 .box_ulti_link  > li > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .box-layout-v5 .box_ulti_link  > li > a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    background-position: 0px -350px;
  }
  /*v6*/
  .box-layout-v6 {
    margin-top: 1.5em;
    padding: 20px 15px;
    border-top: 1px solid #787878;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .box-layout-v6 > .box_title {
    margin-bottom: .5em;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .box-layout-v6 > .box_title.type-ic1 {
    position: relative;
    padding-left: 48px;
  }
  .box-layout-v6 > .box_title.type-ic1:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 38px;
    height: 27px;
    background: url(/hrf/common/img/cmn_box_ic01.png) no-repeat 0 0;
    background-size: 38px auto;
    vertical-align: middle;
  }

  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  /* ----- accordion-layout ----- */
  .accordion-layout {
    margin-top: 2.5em;
  }
  .accordion-layout > .accordion_item {
    height: auto !important;
    margin-top: 1.25em;
  }
  .accordion-layout .accordion_trigger {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #787878;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: pointer;
  }
  .accordion-layout .accordion_trigger:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 14px;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 0;
  }
  .accordion-layout .accordion_trigger .accordion_label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 13px 40px 13px 15px;
  }
  .accordion-layout .accordion_trigger .accordion_label:before,
  .accordion-layout .accordion_trigger .accordion_label:after {
    position: absolute;
    top: 50%;
    right: 19px;
    z-index: 2;
    width: 11px;
    height: 1px;
    margin:  0 0 0;
    background-color: #666;
    content: "";
  }
  .accordion-layout .accordion_trigger .accordion_label:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .accordion-layout .accordion_trigger.is-active .accordion_label:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .accordion-layout .accordion_detail {
    padding: 15px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .accordion-layout .accordion_detail > *:first-child,
  .accordion-layout .accordion_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .accordion-layout > .accordion_trigger.type-qa1:before {
    display: inline-block;
    position: absolute;
    content: "Q";
    top: .75em;
    left: 15px;
    width: 28px;
    height: 28px;
    background-color: #666;
    border-radius: 100%;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .accordion-layout > .accordion_trigger.type-qa1 .accordion_label {
    padding-left: 58px;
  }
  .accordion-layout > .accordion_detail.type-qa1 {
    position: relative;
    padding-left: 58px;
  }
  .accordion-layout > .accordion_detail.type-qa1:before {
    display: inline-block;
    position: absolute;
    content: "A";
    top: 1.4em;
    left: 15px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 100%;
    color: #666;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }

  /* ----- faq-layout ----- */
  .faq-layout {
    margin-top: 3em;
  }
  .faq-layout + .faq-layout {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #ddd;
  }
  .faq-layout > .faq_question .faq_title {
    position: relative;
    padding-left: 38px;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .faq-layout > .faq_question .faq_title:before {
    display: inline-block;
    position: absolute;
    content: "Q";
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    background-color: #666;
    border-radius: 100%;
    color: #fff;
    line-height: 1.8;
    text-align: center;
  }
  .faq-layout > .faq_answer .faq_respond {
    position: relative;
    margin-top: .55em;
    padding-left: 38px;
  }
  .faq-layout > .faq_answer .faq_respond:before {
    display: inline-block;
    position: absolute;
    content: "A";
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 100%;
    color: #666;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }

  /* ----- tab-layout ----- */
  .tab-layout {
    margin: 2.5em -15px 0;
  }
  .tab-layout > .tab_navi {
    margin: 0 0 2em;
    border-bottom: 2px solid #ddd;
    overflow: hidden;
  }
  .tab-layout.has-bottom > .tab_navi ~ .tab_navi {
    margin: 2em 0 0;
    border-top: 2px solid #ddd;
    border-bottom: none;
  }
  .tab-layout .tab_list {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .tab-layout .tab_navi.tab_top .tab_list > li {
    padding-bottom: 10px;
  }
  .tab-layout .tab_navi.tab_bottom .tab_list > li {
    padding-top: 10px;
  }
  .tab-layout .tab_list[data-tab-pc-row] > li {
    -webkit-display: flex;
    display: flex;
    width: 100%;
  }
  .tab-layout .tab_list[data-tab-sp-row="1"] > li,
  .tab-layout .tab_list[data-tab-sp-row="2"] > li:nth-child(2n+1),
  .tab-layout .tab_list[data-tab-sp-row="3"] > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
  .tab-layout .tab_list[data-tab-sp-row="2"] > li:nth-child(n+3),
  .tab-layout .tab_list[data-tab-sp-row="3"] > li:nth-child(n+4) {
    border-top: none;
  }
  .tab-layout.has-bottom > .tab_navi ~ .tab_navi > .tab_list li > a,
  .tab-layout.has-bottom > .tab_navi ~ .tab_navi > .tab_list ll > a {
    border-top: none;
  }
  .tab-layout .tab_list[data-tab-sp-row="2"] > li {
    width: calc(100% / 2);
  }
  .tab-layout .tab_list[data-tab-sp-row="3"] > li {
    width: calc(100% / 3);
  }
  .tab-layout > .tab_navi > .tab_list > li > a {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px 15px 13px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
  }
  .tab-layout.has-bottom > .tab_navi ~ .tab_navi > .tab_list > li > a {
    border-bottom: 1px solid #ddd;
  }
  .tab-layout > .tab_navi > .tab_list > li > a:hover {
    background-color: #eee;
  }
  .tab-layout > .tab_navi > .tab_list > li.is-current > a {
    background-color: #ddd;
  }
  .tab-layout > .tab_navi > .tab_list > li > a > .tab_label {
    display: inline-block;
  }
  .tab-layout > .tab_navi > .tab_list > li > a > .tab_label .is-smaller {
    font-size: 85%;
    font-weight: normal;
  }
  .tab-layout > .tab_detail {
    padding: 0 15px;
  }
  .tab-layout > .tab_detail > *:first-child,
  .tab-layout > .tab_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label[class*="type-"] {
    position: relative;
    padding-top: 30px;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label[class*="type-"]:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    border-radius: 100%;
    font-size: 1.9rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label.type-a:before {
    content: "A";
    background-color: #46b135;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label.type-b:before {
    content: "B";
    background-color: #008cd6;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label.type-c:before {
    content: "C";
    background-color: #e60012;
  }
  .tab-layout > .tab_navi > .tab_list.type-icon li > a > .tab_label.type-d:before {
    content: "D";
    background-color: #ea5515;
  }
  /* v2 */
  .tab-layout-v2 {
    margin: 2.5em -15px 0;
  }
  .tab-layout-v2 > .tab_wrap {
    border-bottom: 4px solid #ed7070;
  }
  .tab-layout-v2 > .tab_wrap .tab_navi {
    overflow: hidden;
  }
  .tab-layout-v2 .tab_list {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .tab-layout-v2 .tab_wrap .tab_navi.tab_top .tab_list > li {
    padding-bottom: 10px;
  }
  .tab-layout-v2 .tab_list[data-tab-pc-row] > li {
    -webkit-display: flex;
    display: flex;
    width: 100%;
  }
  .tab-layout-v2 .tab_list[data-tab-sp-row="1"] > li,
  .tab-layout-v2 .tab_list[data-tab-sp-row="2"] > li:nth-child(2n+1),
  .tab-layout-v2 .tab_list[data-tab-sp-row="3"] > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
  .tab-layout-v2 .tab_list[data-tab-sp-row="2"] > li:nth-child(n+3),
  .tab-layout-v2 .tab_list[data-tab-sp-row="3"] > li:nth-child(n+4) {
    border-top: none;
  }
  .tab-layout-v2 .tab_list[data-tab-sp-row="2"] > li {
    width: calc(100% / 2);
  }
  .tab-layout-v2 .tab_list[data-tab-sp-row="3"] > li {
    width: calc(100% / 3);
  }
  .tab-layout-v2 > .tab_wrap .tab_navi > .tab_list > li > a {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px 15px 13px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
  }
  .tab-layout-v2 > .tab_wrap .tab_navi > .tab_list > li.is-current > a {
    background-color: #ed7070;
    border-color: #ed7070;
    color: #fff;
  }
  .tab-layout-v2 > .tab_wrap .tab_navi > .tab_list > li > a > .tab_label {
    display: inline-block;
  }
  .tab-layout-v2 > .tab_wrap .tab_navi > .tab_list > li > a > .tab_label .is-smaller {
    font-size: 85%;
    font-weight: normal;
  }
  .tab-layout-v2 > .tab_inner .tab_detail {
    padding: 32px 15px 30px;
    background-color: #fff5f5;
  }
  .tab-layout-v2 > .tab_inner .tab_detail > *:first-child,
  .tab-layout-v2 > .tab_inner .tab_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ------------------------------------------------------
   * Component >>> Index
  ------------------------------------------------------ */
  [class*="index-layout"] .index_caption > *:first-child,
  [class*="index-layout"] .index_caption > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- index-layout ----- */
  /* v2 */
  .index-layout-v2 > .block {
    position: relative;
  }
  .index-layout-v2 > .block:after {
    display: none;
  }
  .index-layout-v2 > .block .index_image img {
    width: 100%;
  }
  .index-layout-v2 > .block > .index_caption {
    margin-top: .6em;
  }
  .index-layout-v2 > .block > .index_caption .index_title {
    position: relative;
    margin: 0 0 .45em;
    padding-left: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .index-layout-v2 > .block > .index_caption .index_title:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
  }
  .index-layout-v2 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v2 > .a-pdf > .index_caption .index_title > .index_label:after {
    margin: -3px 0 0 6px;
  }
  .index-layout-v2 .index_description {
    font-size: 1.2rem;
    color: #666;
  }
  .index-layout-v2 .index_description_2 {
    padding-left: 22px;
  }
  .index-layout-v2 .index_modal {
    display: none;
  }
  .index-layout-v2 > .block > .icon-text {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    padding: 0 15px;
    background-color: #ed7070;
    font-size: 1.1rem;
    color: #fff;
    line-height: 2;
    z-index: 1;
  }
  /*v3*/
  .index-layout-v3 {
    margin-top: 1.2em;
    border: 1px solid #ddd;
  }
  .index-layout-v3 .block {
    padding: 20px 14px 20px 11px;
    text-decoration: none;
  }
  .index-layout-v3 .a-blank::after {
    content: none;
  }
  .index-layout-v3 .index_inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0;
  }
  .index-layout-v3 .index_inner .detail_text {
    position: relative;
    padding-left: 25px;
  }
  .index-layout-v3 .index_inner .detail_text:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
  }
  .index-layout-v3 .index_inner .index_title {
    margin-top: .35em;
    font-size: 1.6rem;
    font-weight: bold;
    color: #ed7070;
    line-height: 1.27;
  }
  .index-layout-v3 .index_inner .detail_text > .index_title:first-child {
    margin-top: 0!important;
  }
  .index-layout-v3 .a-blank .index_inner .index_title::after {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 13px;
    height: 13px;
    background-position: 0px -200px;
    background-image: url(/hrf/common/img/cmn_sprite_ic01-r2x.png);
    background-repeat: no-repeat;
    background-size: 600px 600px;
    vertical-align: middle;
    content: "";
  }
  .index-layout-v3 .index_inner .detail_image .image-set {
    width: 90px;
    margin-left: 15px;
  }
  .index-layout-v3 .image-set { margin-top: 0; }
  /*v4*/
  .index-layout-v4 {
    margin-top: 2.5em;
  }
  .index-layout-v4 .block {
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border: 1px solid #ddd;
    text-decoration: none;
  }
  .index-layout-v4 > .block .index_category {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 26%;
    color: #fff;
    text-align: center;
    line-height: 1.4;
  }
  .index-layout-v4 > .block .index_category.type-accepting { background-color: #e63721; }
  .index-layout-v4 > .block .index_category.type-end { background-color: #666; }
  .index-layout-v4 > .block .index_text {
    width: 74%;
    margin: 15px 10px;
  }
  .index-layout-v4 > .block .index_text .index_title,
  .index-layout-v4 > .block .index_text .index_data { font-weight: bold; }
  .index-layout-v4 > .block .index_text .index_title { line-height: 1.4; }
  .index-layout-v4 > .block .index_text .index_data {
    position: relative;
    margin-top: .2em;
    font-size: 3.1rem;
    line-height: 1.1;
  }
  .index-layout-v4 > .block .index_text .index_data .data_week,
  .index-layout-v4 > .block .index_text .index_data .data_venue,
  .index-layout-v4 > .block .index_text .index_data .data_place { font-size: 1.4rem; }
  .index-layout-v4 > .block .index_text .index_data .data_week.is-sunday { color: #e63721; }
  .index-layout-v4 > .block .index_text .index_data .data_venue,
  .index-layout-v4 > .block .index_text .index_data .data_place {
    position: absolute;
    top: .55em;
    padding: 3px 10px 5px;
    background: #666;
    color: #fff;
  }
  .index-layout-v4 > .block .index_place,
  .index-layout-v4 > .block .index_venue {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    line-height: 1.2;
  }
  .index-layout-v4 a.a-blank:after,
  .index-layout-v4 a.a-pdf:after { display: none; }
  /* v5 */
  .index-layout-v5 > .block {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: .35em;
  }
  .index-layout-v5 > .block:after {
    display: none;
  }
  .index-layout-v5 > .block > .index_image,
  .index-layout-v5 > .block > .index_caption {
    width: 50%;
  }
  .index-layout-v5 > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px 15px 14px;
    background-color: #dcf5ff;
  }
  .index-layout-v5 > .block > .index_caption .index_title {
    position: relative;
    padding-left: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .index-layout-v5 > .block > .index_caption .index_title:before {
    position: absolute;
    top: .25em;
    left: 0;
  }
  .index-layout-v5 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v5 > .a-pdf > .index_caption .index_title > .index_label:after {
    margin: -3px 0 0 6px;
  }
  /* vertical */
  .index-layout-v5[data-sp-layout="vertical"] > .block {
    display: block;
  }
  .index-layout-v5[data-sp-layout="vertical"] > .block > .index_image,
  .index-layout-v5[data-sp-layout="vertical"] > .block > .index_caption {
    width: 100%;
  }
  /* v6 */
  .index-layout-v6 > .block {
    position: relative;
     display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .index-layout-v6 > .block:after { display: none; }
  .index-layout-v6 > .block > .index_image,
  .index-layout-v6 > .block > .index_caption {
    width: 50%;
  }
  .index-layout-v6 > .block > .index_image { margin-right: 0.7em; }
  .index-layout-v6 > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-layout-v6 > .block > .index_caption .index_title {
    position: relative;
    margin: 0 0 .45em;
    padding-left: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .index-layout-v6 > .block > .index_caption .index_title:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
  }
  .index-layout-v6 > .a-blank > .index_caption .index_title > .index_label:after,
  .index-layout-v6 > .a-pdf > .index_caption .index_title > .index_label:after {
    margin: -3px 0 0 6px;
  }
  .index-layout-v6 .index_description {
    font-size: 1.2rem;
    color: #666;
  }
  .index-layout-v6 > .block > .icon-text {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    padding: 0 15px;
    background-color: #ed7070;
    font-size: 1.1rem;
    color: #fff;
    line-height: 2;
    z-index: 1;
  }
  /* vertical */
  .index-layout-v6[data-sp-layout="vertical"] > .block {
    display: block;
  }
  .index-layout-v6[data-sp-layout="vertical"] > .block > .index_image,
  .index-layout-v6[data-sp-layout="vertical"] > .block > .index_caption {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .index-layout-v6[data-sp-layout="vertical"] > .block > .index_caption {
    margin-top: 1em;
  }
  .index-layout-v6[data-sp-layout="vertical"] > .block > .index_image img {
    width: 100%;
    height: auto;
  }
  /* v7 */
  .index-layout-v7 > .block { position: relative; text-decoration: none; }
  .index-layout-v7 > .block:after { display: none; }
  .index-layout-v7 > .block > .index_caption {
    border: 1px solid #dcf5ff;
  }
  .index-layout-v7 > .block > .index_caption .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 15px 20px 13px;
    background-color: #dcf5ff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .index-layout-v7 > .block > .index_caption .index_title .index_label {
    position: relative;
    padding-left: 24px;
  }
  .index-layout-v7 > .block > .index_caption .index_title .index_label:before {
    position: absolute;
    top: .35em;
    left: 0;
  }
  .index-layout-v7 > .block > .index_caption .index_description {
    padding: 15px 20px;
  }
  /* v8 */
  .index-layout-v8 > .block { position: relative; text-decoration: none; }
  .index-layout-v8 > .block:after { display: none; }
  .index-layout-v8 > .block > .index_caption {
    padding: 16px 15px 16px 8px;
    border: 1px solid #ddd;
  }
  .index-layout-v8 > .block > .index_caption .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .index-layout-v8 > .block > .index_caption .index_title .index_label {
    position: relative;
    padding-left: 27px;
  }
  .index-layout-v8 > .block > .index_caption .index_title .index_label:before {
    position: absolute;
    top: .35em;
    left: 7px;
  }
  .index-layout-v8 > .block > .index_caption .index_description {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eee;
  }
  /* v9 */
  .index-layout-v9 .block {
    position: relative;
  }
  .index-layout-v9 .block .index_caption {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -34px;
  }
  .index-layout-v9 .block .index_caption .index_title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ed7070;
  }
  .index-layout-v9 .block .index_caption .index_description {
    margin-top: .4em;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
  }
  /* v10 */
  .index-layout-v10 .block {
    text-align: center;
  }
  .index-layout-v10 .block .index_image img {
    width: 123px;
  }
  .index-layout-v10 > .block > .index_caption {
    margin-top: 1em;
  }
  .index-layout-v10 > .block > .index_caption .index_title {
    position: relative;
    display: inline-block;
    margin: 0 0 .75em;
    padding-left: 20px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.25;
  }
  .index-layout-v10 > .block > .index_caption .index_title:before {
    position: absolute;
    top: .2em;
    left: 0;
  }
  .index-layout-v10 > .block > .index_caption .index_title .index_label {
    position: relative;
    display: inline-block;
  }
  /*v11*/
  .index-layout-v11 {
    margin-top: 2.5em;
  }
  .index-layout-v11 .block {
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border: 1px solid #ddd;
    text-decoration: none;
  }
  .index-layout-v11 > .block .index_category {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 26%;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: 1.4;
  }
  .index-layout-v11 > .block .index_category.type-accepting { background-color: #e63721; }
  .index-layout-v11 > .block .index_category.type-end { background-color: #666; }
  .index-layout-v11 > .block .index_text {
    width: 74%;
    margin: 15px 10px;
  }
  .index-layout-v11 > .block .index_text .index_title,
  .index-layout-v11 > .block .index_text .index_data { font-weight: bold; }
  .index-layout-v11 > .block .index_text .index_title { line-height: 1.4; }
  .index-layout-v11 > .block .index_text .index_data {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: .2em;
    font-size: 3.1rem;
    line-height: 1.1;
    text-align: center;
  }
  .index-layout-v11 > .block .index_text .index_data .data_week,
  .index-layout-v11 > .block .index_text .index_data .data_venue,
  .index-layout-v11 > .block .index_text .index_data .data_place { font-size: 1.4rem; }
  .index-layout-v11 > .block .index_text .index_data .data_week.is-sunday { color: #e63721; }
  .index-layout-v11 > .block .index_text .data_venue,
  .index-layout-v11 > .block .index_text .data_place {
    margin: 6px 0 0;
    width: fit-content;
    padding: 2px 10px 2px;
    background: #666;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .index-layout-v11 > .block .index_text .index_data .data_week {
    display: block;
    margin-top: 4px;
  }
  .index-layout-v11 > .block .index_text .index_data .data_hr {
    padding: 12px 8px 0;
    font-size: 1.8rem;
  }
  .index-layout-v11 > .block .index_place,
  .index-layout-v11 > .block .index_venue {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    line-height: 1.2;
  }
  .index-layout-v11 a.a-blank:after,
  .index-layout-v11 a.a-pdf:after { display: none; }

  /* ------------------------------------------------------
   * Component >>> Other
  ------------------------------------------------------ */
  [class*="news-layout"] [class*="news_icon"] {
    display: inline-block;
    position: relative;
    bottom: 1px;
    min-width: 105px;
    padding: 0 3px;
    font-size: 1.2rem;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
  }
  [class*="news-layout"] .news_icon.type-update { background-color: #ffc0c0; }
  [class*="news-layout"] .news_icon.type-media { background-color: #ddb8eb; }
  [class*="news-layout"] .news_icon.type-info { background-color: #baeade; }
  [class*="news-layout"] .news_icon.type-seminar { background-color: #cdf2b9; }
   [class*="news-layout"] .news_icon.type-open { background-color: #f2edb9; }
  [class*="news-layout"] .news_icon.type-event { background-color: #cdf2b9; }

  /* ----- news-layout ----- */
  .news-layout { margin-top: 2.5em; }
  .news-layout .news_article { line-height: 1.5; }
  .news-layout .news_article:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .news-layout .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: .75em 0;
    text-decoration: none;
  }
  .news-layout .block:after {
    display: none;
  }
  .news-layout .news_property {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .news-layout .news_date {
    display: inline-block;
    min-width: 8.5em;
    white-space: nowrap;
    vertical-align: middle;
  }
  .news-layout .news_detail .news_title {
    margin-top: .55em;
  }
  .news-layout .news_detail.type-new .news_title:after {
    position: relative;
    display: inline-block;
    content: "NEW";
    right: 0;
    margin: 0 0 0 8px;
    font-size: 1.4rem;
    color: #e83421;
  }
  .news-layout .news_article > .a-blank .news_title span:after {
    position: relative;
    margin: 0 0 0 5px;
  }
  .news-layout .news_article > .a-pdf .news_title span:after {
    position: relative;
    margin: 0 0 0 10px;
  }
  /* v2 */
  .news-layout-v2 { margin-top: 1.5em; }
  .news-layout-v2 .news_article { line-height: 1.5; }
  .news-layout-v2 .news_article:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .news-layout-v2 .block {
    padding: 1.2em 0;
    text-decoration: none;
  }
  .news-layout-v2 .block:after {
    display: none;
  }
  .news-layout-v2 .news_property {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .news-layout-v2 .news_date {
    display: inline-block;
    min-width: 8.7em;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
  }
  .news-layout-v2 .news_detail .news_title {
    margin-top: .55em;
  }
  .news-layout-v2 .news_detail.type-new .news_title:after {
    position: relative;
    display: inline-block;
    content: "NEW";
    right: 0;
    margin: 0 0 0 8px;
    font-size: 1.4rem;
    color: #e83421;
  }
  .news-layout-v2 .news_article > .a-blank .news_title span:after {
    position: relative;
    margin: 0 0 0 5px;
  }
  .news-layout-v2 .news_article > .a-pdf .news_title span:after {
    position: relative;
    margin: 0 0 0 10px;
  }
  /* v3 */
  .news-layout-v3 {
    margin-top: 1.5em;
    padding: 20px 15px 23px;
    background-color: #f4f4f4;
  }
  .news-layout-v3 .news_article { line-height: 1.5; }
  .news-layout-v3 > .news_article {
    border-top: 1px solid #ddd;
  }
  .news-layout-v3 > .news_article:first-of-type {
    border-top: none;
  }
  .news-layout-v3 .block {
    padding: 1.2em 0;
    text-decoration: none;
  }
  .news-layout-v3 .block:after {
    display: none;
  }
  .news-layout-v3 .news_property {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .news-layout-v3 .news_date {
    display: inline-block;
    min-width: 8.7em;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
  }
  .news-layout-v3 .news_detail .news_title {
    margin-top: .55em;
  }
  .news-layout-v3 .news_detail.type-new .news_title:after {
    position: relative;
    display: inline-block;
    content: "NEW";
    right: 0;
    margin: 0 0 0 8px;
    font-size: 1.4rem;
    color: #e83421;
  }
  .news-layout-v3 .news_article > .a-blank .news_title span:after {
    position: relative;
    margin: 0 0 0 5px;
  }
  .news-layout-v3 .news_article > .a-pdf .news_title span:after {
    position: relative;
    margin: 0 0 0 10px;
  }

  /* ----- important-news ----- */
  .important-news {
    margin-top: 2.5em;
    padding: 16px 15px;
    border: 1px solid #cc0000;
    background-color: #fff;
  }
  .important-news > .news_heading {
    position: relative;
    padding-left: 32px;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .important-news > .news_heading:before {
    position: absolute;
    top: .2em;
    left: 0;
  }
  .important-news > .news_content a {
    display: inline-block;
    margin-top: .75em;
    color: #cc0000;
    text-decoration: underline;
  }
  .important-news > .news_content .news_title > .a-blank:after,
  .important-news > .news_content .news_title > .a-pdf:after {
    margin: -3px 0 0 10px;
  }

  /* ----- event-news ----- */
  .event-news {
    margin-top: 2.5em;
    padding: 10px 15px;
    border: 1px solid #cc0000;
    background-color: #fff;
  }
  .event-news > .news_content .news_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
    line-height: 1.1;
  }

  /* ----- campaign-layout ----- */
  .campaign-layout {
    margin-top: 1.2em;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
  .campaign-layout .campaign_inner .block {
    text-decoration: none;
  }
  .campaign-layout .campaign_inner .campaign_text .campaign_title {
    position: relative;
    margin-top: 8px;
  }
  .campaign-layout .campaign_inner .campaign_img {
    margin-top: 15px;
    text-align: center;
  }
  .campaign-layout .campaign_inner a.a-blank:after,
  .campaign-layout .campaign_inner a.a-pdf:after {
    display: none;
  }
  .campaign-layout .campaign_inner a.a-blank .campaign_text .campaign_title:after,
  .campaign-layout .campaign_inner a.a-pdf .campaign_text .campaign_title:after {
    margin: 0 0 0 9px;
  }

  /* ----- tel-layout ----- */
  .tel-layout {
    margin-top: 1.5em;
  }
  .tel-layout a {
    position: relative;
    display: inline-block;
    padding: 0 140px 0 38px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .tel-layout a:before {
    position: absolute;
    top: .25em;
    left: 0;
  }
  .tel-layout a:after {
    display: inline-block;
    position: absolute;
    content: "電話をかける";
    top: -6px;
    right: 0;
    padding: 10px 12px 12px 35px;
    border: 1px solid #ddd;
    background-image: url(/hrf/common/img/cmn_tel_ic01-r2x.png);
    background-repeat: no-repeat;
    background-size: 15px 20px;
    background-position: 13px center;
    border-radius: 3px;
    font-size: 1.4rem;
    line-height: 1;
  }

  /* ----- slide-layout ----- */
  .slide-layout {
    margin: 1.5em -15px 0;
  }
  .slide-layout .main_slider,
  .slide-layout .main_slider .slide-item {
    position: relative;
  }
  .slide-layout .main_slider .slide-item .slide_img {
    position: relative;
    height: 227px;
    background-color: #fff;
    text-align: center;
  }
  .slide-layout .main_slider .slide-item .slide_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 227px;
    margin: auto;
    overflow: hidden;
  }
  .slide-layout .main_slider .slick-arrow {
    position: absolute;
    top: 92px;
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,0.5);
    border: none;
    text-indent: -9999px;
    z-index: 1;
  }
  .slide-layout .main_slider .slick-arrow.slick-prev {
    left: 0;
  }
  .slide-layout .main_slider .slick-arrow.slick-next {
    right: 0;
  }
  .slide-layout .main_slider .slick-arrow:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .slide-layout .main_slider .slick-arrow.slick-prev:before {
    margin-left: -4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .slide-layout .main_slider .slick-arrow.slick-next:before {
    margin-left: -12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .slide-layout .main_slider .slide-item .slide_caption {
    width: 100%;
    padding: 8px 15px;
    background-color: #fff;
    text-align: left;
  }
  .slide-layout .thumbnail_slider {
    position: relative;
    width: 285px;
    margin: .5em auto 0;
  }
  .slide-layout .thumbnail_slider .thumbnail-item {
    position: relative;
    width: 66px !important;
    height: 40px;
    margin: 0 3px;
  }
  .slide-layout .thumbnail_slider .thumbnail-item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .slide-layout .thumbnail_slider .thumbnail-item.slick-current:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 3px #333 inset;
  }
  .slide-layout .thumbnail_slider .slick-arrow {
    position: absolute;
    top: 9px;
    background: none;
    border: none;
    text-indent: -9999px;
  }
  .slide-layout .thumbnail_slider .slick-arrow.slick-prev {
    left: -20px;
  }
  .slide-layout .thumbnail_slider .slick-arrow.slick-next {
    right: -22px;
  }
  .slide-layout .thumbnail_slider .slick-arrow:before {
    position: absolute;
    content: "";
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
  }
  .slide-layout .thumbnail_slider .slick-arrow.slick-prev:before {
    left: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .slide-layout .thumbnail_slider .slick-arrow.slick-next:before {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* ----- modal-layout ----- */
  .modal-layout {
    margin-top: 1.5em;
  }
  .modal-layout .modal-photo a {
    cursor: default;
    pointer-events: none;
  }
  /* v2 */
  .modal-layout-v2 .modal_video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .modal-layout-v2 .modal_video .modal_video_youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal-layout-v2 .modal_deg360 + .modal_text {
    padding-top: 1em;
  }
  .modal-layout-v2 .modal_banner {
    margin-top: 15px;
  }
  .modal-layout-v2 .modal_banner > li {
    margin-top: 1em;
    text-align: center;
  }
  .modal-layout-v2 .modal_banner > li:nth-child(-n+1) {
    margin-top: 0;
  }
  .js-modal-content {
    display: none;
  }
  #cboxOverlay {
    opacity: 0.5 !important;
  }
  #cboxContent {
    margin-top: 0;
    padding: 15px 15px 75px;
    background-color: #fff;
  }
  #cboxLoadedContent {
    border: none;
  }
  #cboxLoadedContent > * > *:first-child {
    margin-top: 0 !important;
  }
  #cboxClose {
    top: auto;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: 45px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
  }
  #cboxClose:before {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -7px;
  }
  #cboxClose:after {
    content: "閉じる";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    margin-top: -15px;
    font-weight: bold;
    text-indent: 0;
    transition-property: opacity;
    transition-duration: .2s;
    text-align: center;
  }

  /* ----- gmap-layout ----- */
  .gmap-layout {
    margin-top: 1.5em;
  }
  .article-news .table-layout td .gmap-layout {
    margin-top: 1em;
  }
  .gmap-layout .gmap_canvas {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  .gmap-layout .gmap_canvas > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .gmap-layout .gmap_links {
    margin-top: .75em;
  }
  .gmap-layout .gmap_links > *:first-child,
  .gmap-layout .gmap_links > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- map-layout ----- */
  .map-layout .modal-layout {
    display: none;
  }

  /* ----- flow-layout ----- */
  .flow-layout {
    position: relative;
    margin-top: 1.5em;
    padding: 14px 20px;
    border-top: 1px solid #787878;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
  }
  .flow-layout:after {
    position: absolute;
    content: "";
    bottom: -15px;
    left:  50%;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    border-top: 1px solid #7a7a7a;
    border-right: 1px solid #7a7a7a;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .flow-layout .icon-num {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #696969;
    border-radius: 100%;
    font-weight: bold;
    color: #666;
    text-align: center;
    vertical-align: middle;
    line-height: 1.75;
  }
  .flow-layout .icon-num + * {
    margin-top: 5px;
  }
  .column-layout[data-row-pc="3"] > .column_item:last-child .flow-layout:after {
    display: none;
  }

  /* ----- flow-column-layout ----- */
  .flow-column-layout .column_item {
    position: relative;
  }
  .column-layout.type-section.flow-column-layout > .column_item {
    margin-top: 3.5em;
  }
  .flow-column-layout .column_item:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -50px;
    width: 38px;
    height: 45px;
    margin-left: -23px;
    background: url(/hrf/common/img/cmn_flow_ic01.png) no-repeat 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .flow-column-layout .column_item:last-child:after {
    display: none;
  }

  /* ----- flow-section-layout ----- */
  .flow-section-layout {
    position: relative;
  }
  .flow-section-layout + .flow-section-layout {
    margin-top: 4.25em;
  }
  .flow-section-layout + .flow-section-layout > *:first-child {
    margin-top: 0 !important;
  }
  .flow-section-layout + .flow-section-layout::before {
    position: absolute;
    content: "";
    top: -3.75em;
    left: 50%;
    width: 38px;
    height: 45px;
    margin-left: -19px;
    background: url(/hrf/common/img/cmn_flow_ic01.png) no-repeat 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* ----- spec-layout ----- */
  .spec-layout .spec_data {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #ddd;
  }
  .column-layout.spec-layout .column_item .spec_data:first-child {
    border-top: 1px solid #ddd;
  }
  .column-layout.spec-layout .column_item + .column_item .spec_data:first-child {
    border-top: none;
  }
  .spec-layout .spec_data > * {
    padding: 10px 0;
  }
  .spec-layout .spec_data > .data_heading {
    min-width: 100px !important;
    max-width: 100px !important;
    font-weight: bold;
    white-space: nowrap
  }
  .spec-layout .spec_data > dd {
    padding: 10px 15px 10px 20px;
    overflow: hidden;
  }

  /* ----- winning-layout ----- */
  .winning-layout {
    margin-top: 1.5em;
    padding: 18px 0;
    border-top: 1px solid #ddceb1;
    border-bottom: 1px solid #ddceb1;
    color: #866d3c;
  }
  .winning-layout .winning_title {
    padding-left: 36px;
  }
  .winning-layout .winning_title {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .winning-layout .winning_title:before {
    position: absolute;
    top: .35em;
    left: 0;
  }
  .winning-layout .sub_text {
    font-size: 1.2rem;
    font-weight: normal;
  }

  /* ----- example-layout ----- */
  .example-layout {
    margin-top: 1.3em;
  }
  .example-layout .example_title {
    position: relative;
    padding-left: 30px;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .example-layout .example_title:before {
    position: absolute;
    top: .15em;
    left: 3px;
  }
  .example-layout .example_title + * {
    margin-top: .8em;
  }

  /* ----- relation-layout ----- */
  .relation-layout {
    margin-top: 2.0em;
  }
  .relation-layout .relation_title {
    border-bottom: 1px solid #787878;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2;
  }

  /* ----- plugin-layout ----- */
  .plugin-layout {
    margin-top: 2.5em;
  }
  .plugin-layout .plugin_inner {
    padding: 15px;
    background-color: #f4f4f4;
  }
  .plugin-layout .plugin_banner {
    margin-bottom: 10px;
    text-align: center;
    line-height: 1;
  }
  .plugin-layout .plugin_detail {
    line-height: 1.5;
  }

  /* ----- contact-layout ----- */
  .contact-layout {
    width: 100%;
    background-color: #faf9ee;
  }
  .contact-layout > .contact_inner {
    margin: 0 auto;
    padding: 40px 15px;
    text-align: center;
  }
  .contact-layout .contact_guide .contact_heading .contact_title {
    padding-right: 25px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.1;
  }
  .contact-layout .contact_guide .contact_heading .contact_subtitle {
    margin-top: 1.0em;
  }
  .contact-layout .contact_consult_block .contact_freedial {
    position: relative;
    display: inline-block;
    margin-top: .55em;
    padding-left: 60px;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 0.8;
  }
  .contact-layout .contact_consult_block .contact_freedial:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contact-layout .contact_consult_block .contact_reception {
    margin-top: .85em;
    font-size: 1.2rem;
  }
  .contact-layout .contact_inner .contact_button .link-text {
    margin-top: .75em;
    text-align: left;
  }

  /* ----- find-layout ----- */
  .find-layout {
    margin-top: 1.5em;
  }
  .find-layout .find_heading {
    position: relative;
    padding-left: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.66;
  }
  .find-layout .find_heading:before {
    position: absolute;
    top: .4em;
    left: 0;
  }
  .find-layout .find_heading + * {
    margin-top: .75em !important;
  }
  .find-layout .find_inner .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffeaea;
    text-decoration: none;
  }
  .find-layout .find_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 13px 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .find-layout .find_title .icon_img {
    width: 58px;
    margin-right: 10px;
    text-align: center;
  }
  .find-layout .find_title .icon_img img {
    height: 30px;
  }
  .find-layout .find_title .find_label {
    position: relative;
    padding-left: 26px;
  }
  .find-layout .find_title .find_label:before {
    position: absolute;
    top: .32em;
    left: 0;
  }
  .find-layout .find_detail {
    display: none;
    padding: 13px;
    border-right: 1px solid #ffeaea;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ffeaea;
  }
  .find-layout .find_detail > *:first-child {
    margin-top: 0 !important;
  }
  .find-layout .find_inner .find_toggle {
    padding: 12px;
    border-right: 1px solid #ffeaea;
    border-bottom: 1px solid #ffeaea;
    border-left: 1px solid #ffeaea;
    font-weight: bold;
    text-align: center;
  }
  .find-layout .find_inner .find_toggle .toggle_text {
    position: relative;
    padding-left: 20px;
  }
  .find-layout .find_inner .find_toggle .toggle_text:before,
  .find-layout .find_inner .find_toggle .toggle_text:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 11px;
    height: 1px;
    margin:  0 0 0;
    background-color: #666;
    content: "";
  }
  .find-layout .find_inner .find_toggle .toggle_text:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .find-layout .find_inner .find_toggle.is-active .toggle_text:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* ----- youtube-layout ----- */
  [class*="youtube-layout"] .youtube_title {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
  [class*="youtube-layout"] .youtube_inner {
    position: relative;
    width: 100%;
    margin-top: 1.2em;
    padding-top: 56.25%;
  }
  [class*="youtube-layout"] .youtube_inner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .youtube-layout {
    width: 100%;
    margin: 2em auto 0;
  }

  /* ----- procedure-layout ----- */
  .procedure-layout {
    margin-top: 2.0em;
  }
  .procedure-layout .procedure_inner {
    position: relative;
    padding-top: 30px;
    text-align: center;
  }
  .procedure-layout .procedure_inner .procedure_icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border-radius: 100%;
    font-size: 2.2rem;
    color: #fff;
    line-height: 1.3;
  }
  .procedure-layout .procedure_inner.typeA .procedure_icon { background-color: #3eb134; }
  .procedure-layout .procedure_inner.typeB .procedure_icon { background-color: #008cd6; }
  .procedure-layout .procedure_inner.typeC .procedure_icon { background-color: #e60012; }
  .procedure-layout .procedure_inner.typeD .procedure_icon { background-color: #ea5413; }
  .procedure-layout .procedure_inner .procedure_text {
    margin-top: .7em;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .procedure-layout .procedure_inner .procedure_img { margin-top: 1.0em; }
  .procedure-layout .procedure_inner.typeA .procedure_img img { width: 149px; }
  .procedure-layout .procedure_inner.typeB .procedure_img img { width: 88px; }
  .procedure-layout .procedure_inner.typeC .procedure_img img { width: 62px; }
  .procedure-layout .procedure_inner.typeD .procedure_img img { width: 90px; }

  .sidebar-pickup {
    display: none;
  }



  /* ----- banner_area ----- */
  .banner_area {
    display: none;
    position: fixed;
    bottom: 76px;
    left: 0;
    z-index: 996;
    width: 100%;
    padding: 0 15px;
    transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
  }
  .banner_area_inner {
    position: relative;
    box-shadow: 0px 6px 15px -2px #777;
  }

  .banner_area_inner .close-btn {
    position: absolute;
    top: -16px;
    right: -8px;
    border: 2px solid #999;
    color: #666;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 33px;
    height: 33px;
    font-size: 18px;
    font-weight: bold;
  }
/*  .close-btn::before {
    width: 13px;
    height: 13px;
    content:"\0d7";
  } */

  /* ------------------------------------------------------
   * Components
  ------------------------------------------------------ */
  /* ----- area-tab-layout ----- */
  .area-tab-layout {
    margin: 2.5em -15px 0;
  }
  .area-tab-layout > .area-tab_navi {
    margin: 0 0 2em;
    padding: 0 15px;
    border-bottom: 3px solid #ed7070;
    overflow: hidden;
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi {
    margin: 2em 0 0;
    border-top: 3px solid #ed7070;
    border-bottom: none;
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li {
    border-top: 10px solid #fff;
    transition: border-color .2s ease-out 0s;
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi > .area-tab_list li {
    border-top: none;
    border-bottom: 7px solid #fff;
  }
  .area-tab-layout .area-tab_list[data-tab-sp-row]:not([data-tab-sp-row="1"]) {
    display: flex;
    flex-flow: row wrap;
  }
  .area-tab-layout .area-tab_list[data-tab-sp-row]:not([data-tab-sp-row="1"]) > li {
    margin-left: 15px;
  }
  .area-tab-layout .area-tab_list[data-tab-sp-row="2"] > li {width: calc((100% - (15px * 1)) / 2);}
  .area-tab-layout .area-tab_list[data-tab-sp-row="3"] > li {width: calc((100% - (15px * 2)) / 3);}
  .area-tab-layout .area-tab_list[data-tab-sp-row="2"] > li:nth-child(2n+1),
  .area-tab-layout .area-tab_list[data-tab-sp-row="3"] > li:nth-child(3n+1) {
    margin-left: 0;
  }
  .area-tab-layout .area-tab_list[data-tab-sp-row="2"] > li:nth-child(n+3),
  .area-tab-layout .area-tab_list[data-tab-sp-row="3"] > li:nth-child(n+4) {
    border-top: none;
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li.is-current {
    border-color: #ed7070;
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi > .area-tab_list li.is-current {
    border-color: #ed7070;
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li > a {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 11px 15px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi > .area-tab_list > li > a {
    border-top: none;
    border-bottom: 1px solid #ddd;
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li.is-current > a {
    padding-top: 0;
    padding-bottom: 18px;
    background-color: #ed7070;
    border-color: #ed7070;
    color: #fff;
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi > .area-tab_list > li.is-current > a {
    padding-top: 18px;
    padding-bottom: 0;
    border-color: #ed7070;
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li > a::after {
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 8px;
    height: 8px;
    display: none;
    margin-left: -4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    content: "";
  }
  .area-tab-layout.has-bottom > .area-tab_navi ~ .area-tab_navi > .area-tab_list > li > a::after {
    top: 10px;
    bottom: inherit;
    transform: rotate(-135deg);
  }
  .area-tab-layout > .area-tab_navi > .area-tab_list > li.is-current > a::after {
    display: block;
  }
  .area-tab-layout > .area-tab_detail {
    padding: 0 15px;
  }
  .area-tab-layout > .area-tab_detail > *:first-child,
  .area-tab-layout > .area-tab_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- jirei-detail-favorite-wrap ----- */
  .jirei-detail-favorite-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 2.5em 0 0;
  }

  /* ----- jirei-detail-favorite ----- */
  .jirei-detail-favorite {
    position: relative;
  }
  .jirei-detail-favorite > .favorite_trigger {
    position: relative;
    display: block;
    padding-left: 1.75em;
    text-decoration: none;
    color: #333;
  }
  .jirei-detail-favorite > .favorite_trigger::before {
    position: absolute;
    top: .25em;
    left: 0;
    width: 18px;
    height: 15px;
    background: url("/hrf/common/img/cmn_favorite_ic01.png") no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .jirei-detail-favorite > .favorite_trigger.is-active::before {
    background-image: url("/hrf/common/img/cmn_favorite_ic02.png");
  }
  .jirei-detail-favorite > .favorite_balloon {
    position: absolute;
    left: calc(-50% + 13px);
    bottom: calc(100% + 2px);
    min-width: 147px;
    display: none;
    padding-bottom: 8px;
    z-index: 1;
  }
  .jirei-detail-favorite > .favorite_trigger.is-active + .favorite_balloon {
    left: calc(-50% + 18px);
  }
  .jirei-detail-favorite > .favorite_balloon > .balloon_inner {
    padding: 8px 14px;
    background-color: #fff;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .2);
  }
  .jirei-detail-favorite > .favorite_balloon > .balloon_inner::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    transform: translateX(-50%);
    content: "";
  }
  .jirei-detail-favorite > .favorite_balloon .balloon_label {
    font-size: 1.0rem;
    text-align: center;
  }

  /* ----- reform-jirei-index ----- */
  .reform-jirei-index {
    position: relative;
  }
  .reform-jirei-index .index_icon {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 85px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ed7070;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    z-index: 1;
  }
  .reform-jirei-index .index_image {
    overflow: hidden;
  }
  .reform-jirei-index .index_image .image_type {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .reform-jirei-index .index_image .image_type > img {
    max-height: min(calc((230/375)*100vw), 289px);
  }
  .reform-jirei-index .index_caption {
    position: relative;
    margin-top: 8px;
  }
  .reform-jirei-index .index_favorite {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 100%;
  }
  .reform-jirei-index .index_favorite .favorite_trigger {
    position: relative;
    width: 18px;
    height: 15px;
    display: block;
    margin-left: auto;
    text-indent: -9999em;
  }
  .reform-jirei-index .index_favorite .favorite_trigger::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/hrf/common/img/cmn_favorite_ic01.png") no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .reform-jirei-index .index_favorite .favorite_trigger.is-active::before {
    background-image: url("/hrf/common/img/cmn_favorite_ic02.png")
  }
  .reform-jirei-index .index_favorite .favorite_balloon {
    position: absolute;
    right: -4px;
    bottom: calc(100% + 8px);
    min-width: 152px;
    display: none;
    padding-bottom: 8px;
    z-index: 1;
  }
  .reform-jirei-index .index_favorite .favorite_balloon > .balloon_inner {
    padding: 7px 15px;
    background-color: #fff;
    box-shadow: 0 1px 20px 2px rgba(0, 0, 0, .2);
  }
  .reform-jirei-index .index_favorite .favorite_balloon > .balloon_inner::after {
    position: absolute;
    right: 6px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    content: "";
  }
  .reform-jirei-index .index_favorite .favorite_balloon .balloon_label {
    font-size: 1.0rem;
    text-align: center;
  }
  .reform-jirei-index .index_title {
    padding-right: 3.0em;
  }
  .reform-jirei-index .index_title > .title_type {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
  }
  .reform-jirei-index .index_title > .title_type::before {
    position: absolute;
    top: .25em;
    left: 0;
  }

  .reform-jirei-index .index_description {
    margin: .36em 0 0;
    font-size: 1.2rem;
    color: #666;
  }

  /* ----- jirei-favorite ----- */
  .jirei-favorite > *:first-child {
    margin-top: 0 !important;
  }
  .jirei-favorite .favorite_card_wrap {
    margin: 1.2em 0 0;
  }
  .jirei-favorite .favorite_card_wrap > * {
    margin-top: 1.2em;
  }
  .jirei-favorite .favorite_card_wrap > *:first-child {
    margin-top: 0;
  }
  .jirei-favorite .favorite_card {
    position: relative;
  }
  .jirei-favorite .favorite_card .card_icon {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 85px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ed7070;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    z-index: 1;
  }
  .jirei-favorite .favorite_card .card_image {
    overflow: hidden;
  }
  .jirei-favorite .favorite_card .card_image .image_type {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jirei-favorite .favorite_card .card_image .image_type > img {
    max-height: min(calc((230/375)*100vw), 289px);
  }
  .jirei-favorite .favorite_card .card_body {
    position: relative;
    margin-top: 10px;
  }
  .jirei-favorite .favorite_card .card_favorite {
    position: absolute;
    top: 3px;
    right: 0;
  }
  .jirei-favorite .favorite_card .card_favorite .favorite_trigger {
    position: relative;
    display: block;
    background: none;
    border: none;
    padding: 0;
    font-size: 1.2rem;
    text-decoration: none;
    color: #333;
    cursor: pointer;
  }
  .jirei-favorite .favorite_card .card_favorite .favorite_trigger::before {
    display: block;
    width: 18px;
    height: 15px;
    margin: 0 auto;
    background: url("/hrf/common/img/cmn_favorite_ic02.png") no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .jirei-favorite .favorite_card .card_favorite .favorite_label {
    display: block;
    margin: 2px 0 0;
  }
  .jirei-favorite .favorite_card .card_title {
    padding-right: 3.0em;
  }
  .jirei-favorite .favorite_card .card_title > .title_type {
    position: relative;
    display: inline-block;
    padding-left: 1.6em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
  }
  .jirei-favorite .favorite_card .card_title > .title_type::before {
    position: absolute;
    top: .2em;
    left: 0;
  }
  .jirei-favorite .favorite_card .card_description {
    margin: .3em 0 0;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #666;
  }

  /* ----- jirei-favorite-modal ----- */
  .jirei-favorite-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 15px;
    background: rgba(0,0,0,.5);
    z-index: 1000;
  }
  .jirei-favorite-modal .modal_inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jirei-favorite-modal .modal_box {
    width: 658px;
    background-color: #fff;
  }
  .jirei-favorite-modal .modal_box > .box_head {
    padding: .86em 15px .5em;
  }
  .jirei-favorite-modal .modal_box > .box_body {
    padding: 15px;
  }
  .jirei-favorite-modal .modal_box > .box_head + .box_body {
    padding-top: 0;
  }
  .jirei-favorite-modal .modal_box .box_title {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .jirei-favorite-modal .modal_button_wrap {
    display: flex;
    flex-flow: row wrap;
  }
  .jirei-favorite-modal .modal_button_wrap > * {
    width: calc((100% - (15px * 1)) / 2);
    margin-left: 15px;
  }
  .jirei-favorite-modal .modal_button_wrap > *:nth-child(2n+1) {
    margin-left: 0;
  }
  .jirei-favorite-modal .modal_button_wrap > *:nth-child(n+3) {
    margin-top: 15px;
  }
  .jirei-favorite-modal .modal_button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .65em 2.1em;
    border-radius: 3px;
    font-size: min(calc((14/375)*100vw), 1.4rem);
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
  }
  .jirei-favorite-modal .modal_button[data-button="delete"] {
    background-color: #666;
    border: 1px solid #666;
    color: #fff;
  }
  .jirei-favorite-modal .modal_button[data-button="close"] {
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .jirei-favorite-modal .modal_button::before {
    position: absolute;
    top: 50%;
    left: min(calc((10/375)*100vw), .86em);
    margin-top: -7px;
  }

  /* ----- jirei-favorite-nodata ----- */
  .jirei-favorite-nodata {
    display: none;
  }
  .jirei-favorite-nodata .nodata_text {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .jirei-favorite-nodata .nodata_image_wrap {
    margin: 2.45em 0 0;
  }
  .jirei-favorite-nodata .nodata_image_wrap > * {
    margin-top: 1.7em;
  }
  .jirei-favorite-nodata .nodata_image_wrap > *:first-child {
    margin-top: 0;
  }
  .jirei-favorite-nodata .nodata_image .image_head {
    margin: 0 0 1.0em;
  }
  .jirei-favorite-nodata .nodata_image .image_body > *:first-child {
    margin-top: 0 !important;
  }
  .jirei-favorite-nodata .nodata_image .image_title {
    position: relative;
    padding-left: 1.0em;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .jirei-favorite-nodata .nodata_image .image_title::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 3px;
    height: calc(100% - 3px);
    background-color: #787878;
    content: "";
  }
  .jirei-favorite-nodata .nodata_image .image_figure > .figure_caption {
    margin: 1.43em 0 0;
    line-height: 1.5;
  }

  /* ----- reform-case-filter ----- */
  .reform-case-filter {
    display: block;
    margin: 13.5px auto 29px;
    padding: 17px 14px 15px;
    border: 1px solid #ddd;
    background: #fff;
  }
  .reform-case-filter .filter_pulldown {
    width: 100%;
  }
  .reform-case-filter .filter_pulldown .pulldown_item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .reform-case-filter .filter_pulldown .pulldown_item + .pulldown_item {
    margin-top: 1em;
  }
  .reform-case-filter .filter_pulldown .pulldown_item .item_label {
    flex-shrink: 0;
    width: calc(89px - 1em);
    margin-right: 1em;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .reform-case-filter .filter_pulldown .pulldown_item .item_select {
    appearance: none;
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    transition: background .2s ease-out 0s;
  }
  .reform-case-filter .filter_pulldown .pulldown_item .item_select::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    border-style: solid;
    border-width: 7px 6px 0;
    border-color: #ed7070 transparent transparent;
    translate: 0 -50%;
    z-index: 2;
  }
  .reform-case-filter .filter_pulldown .pulldown_item .item_select > select {
    appearance: none;
    width: 100%;
    height: 100%;
    padding: .7em calc(17px + 12px + 15px) .7em 15px;
    background: none;
    border: none;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.6;
    cursor: pointer;
    z-index: 1;
  }
  .reform-case-filter .filter_search {
    display: flex;
    justify-content: center;
    margin: 1.6em auto 0;
  }
  .reform-case-filter .filter_search .search_button {
    appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .8em calc(1.5em + 15px);
    border: none;
    border-radius: 3px;
    background: #666;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
    transition: background .2s ease-out 0s;
    cursor: pointer;
  }
  .reform-case-filter .filter_search .search_button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 15px;
    height: 15px;
    background: url("/hrf/common/img/cmn_sprite_ic01-r2x.png");
    background-size: 600px 600px;
    background-position: -100px -350px;
    background-repeat: no-repeat;
    translate: 0 -50%;
  }
  .reform-case-filter .filter_search .search_button:hover,
  .reform-case-filter .filter_search .search_button:focus-within {
    background: #333;
  }

  /* ----- reform-case-filter-lead ----- */
  .reform-case-filter-lead {
    margin: 1em 0 0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
  }

  /* ----- reform-case-filter-linked ----- */
  .reform-case-filter-linked {
    margin: 2em 0 0;
  }

  /* ----- reform-case-display ----- */
  .reform-case-display {
    display: flex;
    justify-content: center;
    margin: 24px auto 36px;
  }
  .reform-case-display .display_button {
    appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .75em 2em;
    border: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.02em;
    transition: background .2s ease-out 0s;
    cursor: pointer;
  }
  .reform-case-display .display_button::before,
  .reform-case-display .display_button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    width: 11px;
    height: 1px;
    background: #666;
    translate: 0 -50%;
  }
  .reform-case-display .display_button::after {
    rotate: 90deg;
  }
  div.poplink.spia > div.poplink_suggest {
    border: 1px solid #666!important;
    max-height: none!important;
    height: auto!important;
    overflow: hidden!important;
  }
  div.poplink.spia > div.close_button {
    display: none!important;
  }
  div.poplink > div.poplink_suggest > div.word {
    padding: 8.5px .8em!important;
    background-color: #fff!important;
    border-top: none!important;
  }
  div.poplink > div.poplink_suggest > div.word.highlighted {
    color: #fff!important;
    background-color: #666666!important;
  }
  
  /* ----- reform-box ----- */
  .reform-box-wrap {
    margin: 1.2em 0 0;
  }
  .reform-box {
    border: 1px solid #ddd;
    background-color: #f9f7f6;
  }
  .reform-box .reform-box_head {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .reform-box .reform-box_body {
    padding: 1.8em 1.7em 1.7em;
  }
  .reform-box .reform-box_body > *:first-child {
    margin-top: 0!important;
  }
  .reform-box .reform-box_lead {
    margin: 1em 0 0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }
  .reform-box .reform-box_text {
    margin: 1.7em 0 0;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .reform-box .reform-box_lead-v2 {
    margin: 2.8em 0 0;
    text-align: center;
  }
  .reform-box .reform-box_lead-v2_label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    padding: 2px 20px;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #ffdfdf;
    color: #e63721;
    height: 27px;
    line-height: 27px;
  }
  .reform-box .reform-box_list-wrap {
    margin: 2em 0 0;
  }
  .reform-box .reform-box_list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .reform-box .reform-box_list > li {
    margin: .4em 0 0;
    position: relative;
    padding-left: 1.4em;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .reform-box .reform-box_list > li:first-child {
    margin-top: 0!important;
  }
  .reform-box .reform-box_list > li::before {
    position: absolute;
    border-radius: 50%;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #787878;
    content: "";
  }
  .reform-box .link-button {
    margin-top: 2em;
  }
  .reform-box .link-button a {
    min-width: 220px;
  }
  
  /* ----- reform-movie-gallery ----- */
  #colorbox.reform-movie-gallery-modal #cboxClose {
    left: 50%;
    width: 150px;
    transform: translateX(-50%);
    appearance: none;
    -webkit-appearance: none;
    color: #000;
  }
  #colorbox.reform-movie-gallery-modal #cboxClose:after {
    margin-top: -14px;
  }
  .reform-movie-gallery {
    margin: 1.3em 0 0;
  }
  .reform-movie-gallery .reform-movie-gallery_card_wrap[data-row-sp]:not([data-row-sp="auto"]) > * {
    margin-top: 2.0em;
  }
  .reform-movie-gallery .reform-movie-gallery_card > .card_type {
    position: relative;
    display: block;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_icon {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 55px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3em 1.0em .5em;
    background-color: #ed7070;
    font-size: 1.0rem;
    text-align: center;
    color: #fff;
    z-index: 1;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_head {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .2s ease-out 0s;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_body {
    margin: .93em 0 0;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_image {
    position: relative;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_image::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    background: url("/hrf/common/img/cmn_movie_ic01.png") no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    content: "";
    z-index: 1;
  }
  .reform-movie-gallery .reform-movie-gallery_card .card_title {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
  }
  
  /* ----- reform-card ----- */
  .reform-card-wrap {
    margin: 1.2em 0 0;
  }
  .reform-card {
    border: 1px solid #dddddd;
    background-color: #f9f7f6;
  }
  .reform-card_head {
    text-align: center;
  }
  .reform-card_body {
    padding: 1.9em 1.8em 1.6em;
  }
  .reform-card_body > *:first-child {
    margin-top: 0!important;
  }
  .reform-card .reform-card_title {
    margin: 1em 0 0;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
  }
  .reform-card .reform-card_description {
    margin: 1.2em 0 0;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  
  /* ----- reform-size-box ----- */
  .reform-size-box {
    margin: 1em 0 0;
    border: 1px solid #dddddd;
    background-color: #ffffff;
  }
  .reform-size-box_head {
    padding: .7em 1.2em;
    background-color: #f5f3f2;
  }
  .reform-size-box_body {
    padding: .8em 1.2em .7em;
  }
  .reform-size-box_head + .reform-size-box_body {
    border-top: 1px solid #dddddd;
  }
  .reform-size-box_title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
  }
  .reform-size-box_text {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * Media Queries
====================================================== */
@media print {
}