@charset "UTF-8";
/* ======================================================
 * parts_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Elements >>> Text
 * - Elements >>> List
 * - Elements >>> Link
 * - Elements >>> Image
 * - Elements >>> Other
 * - Conditional Elements >>> Heading
 * - Conditional Elements >>> Navi
 * - Layout >>> Table
 * - Layout >>> Grid
 * - Layout >>> Column
 * - Layout >>> Box
 * - Layout >>> Other
 * - Components
 * - Clearfix
 * Media Queries
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- section ----- */
  section {
    margin-top: 30px;
  }
  section section {
    margin-top: 20px;
  }

  /* ------------------------------------------------------
   * Elements >>> Text
  ------------------------------------------------------ */
  /* ----- text-paragraph ----- */
  .text-paragraph {
    margin-top: 1em;
  }
  .text-paragraph-v2 {
    margin-top: 2em;
  }

  .text-lead {
    font-size: 1.5rem;
  }

  /* ------------------------------------------------------
   * Elements >>> List
  ------------------------------------------------------ */
  [class*="list-note"],
  [class*="list-bullet"],
  [class*="list-order"] {
    margin-top: 1em;
  }
  [class*="list-note"] > li .column-media,
  [class*="list-note"] > li [class*="column-layout"],
  [class*="list-note"] > li [class*="link-button"],
  [class*="list-note"] > li > .image-set,
  [class*="list-note"] > li [class*="box-layout"],
  [class*="list-bullet"] > li .column-media,
  [class*="list-bullet"] > li [class*="column-layout"],
  [class*="list-bullet"] > li [class*="link-button"],
  [class*="list-bullet"] > li > .image-set,
  [class*="list-bullet"] > li [class*="box-layout"],
  [class*="list-order"] > li .column-media,
  [class*="list-order"] > li [class*="column-layout"],
  [class*="list-order"] > li [class*="link-button"],
  [class*="list-order"] > li > .image-set,
  [class*="list-order"] > li [class*="box-layout"] {
    margin-top: 10px;
  }
  [class*="list-note"] > li .column-media:last-child,
  [class*="list-note"] > li [class*="column-layout"]:last-child,
  [class*="list-note"] > li [class*="link-button"]:last-child,
  [class*="list-note"] > li > .image-set:last-child,
  [class*="list-note"] > li [class*="box-layout"]:last-child,
  [class*="list-bullet"] > li .column-media:last-child,
  [class*="list-bullet"] > li [class*="column-layout"]:last-child,
  [class*="list-bullet"] > li [class*="link-button"]:last-child,
  [class*="list-bullet"] > li > .image-set:last-child,
  [class*="list-bullet"] > li [class*="box-layout"]:last-child,
  [class*="list-order"] > li .column-media:last-child,
  [class*="list-order"] > li [class*="column-layout"]:last-child,
  [class*="list-order"] > li [class*="link-button"]:last-child,
  [class*="list-order"] > li > .image-set:last-child,
  [class*="list-order"] > li [class*="box-layout"]:last-child {
    margin-bottom: 15px;
  }

  [class*="list-note"] > li,
  [class*="list-bullet"] > li,
  [class*="list-order"] > li,
  [class*="list-note"] .is-nest,
  [class*="list-bullet"] .is-nest,
  [class*="list-order"] .is-nest {
    margin-top: .5em;
  }

  [class*="list-note"] > li:first-child,
  [class*="list-bullet"] > li:first-child,
  [class*="list-order"] > li:first-child {
    margin-top: 0;
  }

  /* ----- list-note ----- */
  .list-note {
    font-size: 1.3rem;
  }
  .list-note > li {
    position: relative;
    padding-left: 1.2em;
  }
  .list-note > li .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-note > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }

  .list-note-order > li {
    position: relative;
    padding-left: 2.5em;
  }
  .list-note-order > li .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-note-order > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }

  [class*="list-order"] [class*="list-order"] {
    font-size: 1.3rem;
  }
  [class*="list-order"] [class*="list-order"] [class*="list-order"] {
    font-size: 1.2rem;
  }

  /* ----- list-bullet ----- */
  .list-bullet > li {
    position: relative;
    padding-left: 1em;
  }
  .list-bullet > li > *:first-child {
    margin-top: 0;
  }
  .list-bullet > li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    top: 0.5em;
    left: 0;
    background-color: #00a05c;
    border-radius: 50%;
  }

  .list-bullet-v2 > li {
    position: relative;
    padding-left: 1em;
  }
  .list-bullet-v2 > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }
  .list-bullet-v2 > li:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 0.5em;
    left: 0;
    background-color: #66797e;
    border-radius: 50%;
  }

  .list-bullet-v3 > li {
    position: relative;
    padding-left: 1em;
  }
  .list-bullet-v3 > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }
  .list-bullet-v3 > li:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 1px;
    top: 0.6em;
    left: 0;
    background-color: #66797e;
  }
  .list-bullet-v4 > li {
    position: relative;
    padding-left: 0.6em;
  }
  .list-bullet-v4 > li > *:first-child {
    margin-top: 0;
  }
  .list-bullet-v4 > li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    top: 0.5em;
    left: 0;
    background-color: #333333;
    border-radius: 50%;
  }

  /* ----- list-order ----- */
  .list-order > li {
    position: relative;
    padding-left: 2em;
  }
  .list-order > li .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }

  .list-order-v2 > li {
    position: relative;
    padding-left: 3em;
  }
  .list-order-v2 > li .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order-v2 > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }

  .list-order-v3 > li {
    position: relative;
    padding-left: 1.8em;
  }
  .list-order-v3 > li .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order-v3 > li > *:first-child:not(.is-nest) {
    margin-top: 0;
  }
  .list-order-v3 > li {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .list-order-v3 > li > .list_mark {
    display: inline-block;
    line-height: 1;
    width: 1.44em;
    height: 1.44em;
    padding: 0.22em;
    color: #ffffff;
    background-color: #00a05c;
    font-size: 1.6rem;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  }
  .list-order-v3 > li a {
    text-decoration: underline;
  }

  /* ----- list-description ----- */
  .list-description {
    margin-top: 1.5em;
  }
  .list-description > dt {
    font-weight: bold;
  }
  .list-description > dd > *:first-child {
    margin-top: 0;
  }
  .list-description + .list-description {
    margin-top: .8em;
  }

  .list-description-v2 {
    margin-top: 1.5em;
  }
  .list-description-v2 > dt:after {
    content: '：';
  }
  .list-description-v2 > dd {
    overflow: hidden;
  }
  .list-description-v2 > dd > *:first-child {
    margin-top: 0;
  }
  .list-description-v2 + .list-description {
    margin-top: .8em;
  }

  .list-description-v3 {
    margin-top: 1.5em;
  }
  .list-description-v3 > dt {
    font-weight: bold;
  }
  .list-description-v3 > dt[class*="gp-w-"] {
    width: auto !important;
  }
  .list-description-v3 > dd > *:first-child {
    margin-top: 0;
  }
  .list-description-v3 + .list-description {
    margin-top: .2em;
  }

  .list-description-v4 {
    margin-top: 30px;
  }
  .list-description-v4 > dd .description_inner {
    padding: 0 10px;
  }
  .list-description-v4 > dd .description_inner > * + * {
    margin-top: 20px;
  }
  .list-description-v4 > dd > * + * {
    margin-top: 20px;
  }

  .description_title {
    position: relative;
    font-weight: bold;
    padding-left: 1.5em;
  }
  .description_title > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* ----- list-contact ----- */
  .list-contact > .contact_tel, .list-contact > .contact_fax {
    position: relative;
    padding-left: 32px;
    font-weight: bold;
    font-size: 2.2rem;
  }
  .list-contact > .contact_tel:before {
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    top: 0.2em;
    left: 0;
    background: url(/shared/image/com_sprite01.png) no-repeat -99px 0;
    -webkit-background-size: 310px auto;
    background-size: 310px auto;
  }
  .list-contact > .contact_fax:before {
    position: absolute;
    content: '';
    width: 29px;
    height: 22px;
    top: 0.2em;
    left: 0;
    background: url(/shared/image/com_sprite01.png) no-repeat -130px 0;
    -webkit-background-size: 310px auto;
    background-size: 310px auto;
  }

  /* ------------------------------------------------------
   * Elements >>> Link
  ------------------------------------------------------ */
  /* ----- link-inline ----- */
  .link-inline {
    font-weight: bold;
  }

  .link-inline.a-blank:after,
  .link-text > li > .a-blank:after,
  .link-text-v4 > li > .a-blank:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }

  .link-inline.a-pdf:after,
  .link-text > li > .a-pdf:after,
  .link-text-v4 > li > .a-pdf:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }

  /* ----- link-text ----- */
  .link-text > li > a, .link-text-v4 > li > a {
    position: relative;
    display: inline-block;
    padding-left: 15px;
  }
  .link-text > li > .a-movie, .link-text-v4 > li > .a-movie {
    padding-left: 25px;
  }
  .link-text > li > a:not(.a-movie):before, .link-text-v4 > li > a:not(.a-movie):before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 0.4em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: auto;
  }
  .link-text > li > .a-movie:before, .link-text-v4 > li > .a-movie:before {
    position: absolute;
    top: 0.4em;
    left: 0;
    content: '';
    width: 16px;
    height: 12px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -60px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-text > li + li, .link-text-v4 > li + li {
    margin-top: 0.5em;
  }

  .link-text:not([data-row-sp]), .link-text-v4:not([data-row-sp]) {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }

  .link-text[data-row-sp="auto"], [data-row-sp="auto"].link-text-v4 {
    margin-top: 10px;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .link-text[data-row-sp="auto"] > li, [data-row-sp="auto"].link-text-v4 > li {
    margin-top: 10px !important;
    margin-right: 25px;
  }
  .link-text[data-row-sp="auto"] > li:last-child, [data-row-sp="auto"].link-text-v4 > li:last-child {
    margin-right: 0;
  }

  .link-text-v2 {
    margin-top: 20px;
  }
  .link-text-v2 > li > a {
    position: relative;
    display: block;
    padding: 14px 14px 14px 0;
    border-bottom: 1px solid #dddddd;
  }
  .link-text-v2 > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 1px;
  }
  .link-text-v2 > li > a.a-blank:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-text-v2 > li > a.a-pdf:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }

  .link-text-v3[data-row-sp] {
    margin-top: 10px;
  }
  .link-text-v3[data-row-sp] > li {
    margin-top: 10px;
  }
  .link-text-v3[data-row-sp] > li:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #dddddd;
  }
  .link-text-v3[data-row-sp] > li > .a-anchor:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 8px;
    vertical-align: .2em;
  }

  .link-text-v4 > li > a {
    padding-left: 0;
  }
  .link-text-v4 > li > a:not(.a-movie):before {
    display: none;
  }
  .link-text-v4 > li > a:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 8px;
  }

  /* ----- link-button ----- */
  .link-button {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .link-button > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .link-button > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 15px 18px 15px 28px;
    background-color: #ffffff;
    border: 1px solid #8ea2a8;
    color: #333333;
  }
  .link-button > li > .a-blank, .link-button > li .a-pdf {
    padding-right: 35px;
  }
  .link-button > li > a:hover {
    border: 1px solid #00a05c;
    color: #00a05c;
    text-decoration: none;
  }
  .link-button > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 10px;
    right: auto;
  }
  .link-button > li > .a-blank:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -6px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button > li > .a-pdf:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -7px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button > li + li {
    margin-top: 15px;
  }
  .link-button.button-more > li > a {
    padding-right: 35px;
  }
  .link-button.button-more > li > a:before {
    width: 1px;
    height: 11px;
    top: 50%;
    left: auto;
    right: 15px;
    border: none;
    background-color: #00a05c;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .link-button.button-more > li > a:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 1px;
    top: 50%;
    left: auto;
    right: 10px;
    border: none;
    background-color: #00a05c;
  }
  .link-button.button-close > li > a {
    padding-right: 35px;
  }
  .link-button.button-close > li > a:before {
    width: 1px;
    height: 11px;
    top: 50%;
    left: auto;
    right: 15px;
    border: none;
    background-color: #00a05c;
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
  }
  .link-button.button-close > li > a:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 1px;
    top: 50%;
    left: auto;
    right: 10px;
    border: none;
    background-color: #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .link-button.button-back > li {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .link-button.button-back > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    left: 10px;
    right: auto;
  }

  .link-button-v2 {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .link-button-v2 > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .link-button-v2 > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 15px 18px 15px 28px;
    background-color: #8ea2a8;
    color: #ffffff;
  }
  .link-button-v2 > li > .a-blank, .link-button-v2 > li .a-pdf {
    padding-right: 35px;
  }
  .link-button-v2 > li > a:hover {
    background-color: #b0bec2;
    text-decoration: none;
  }
  .link-button-v2 > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 10px;
    right: auto;
  }
  .link-button-v2 > li > .a-blank:after,
	.a-blank02:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -6px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button-v2 > li > .a-pdf:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -7px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button-v2 > li + li {
    margin-top: 15px;
  }

  .link-button-v3 {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .link-button-v3 > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .link-button-v3 > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 15px 18px 15px 28px;
    background-color: #00a05c;
    color: #ffffff;
  }
  .link-button-v3 > li > .a-blank, .link-button-v3 > li .a-pdf {
    padding-right: 35px;
  }
  .link-button-v3 > li > a:hover {
    background-color: #00ba6b;
    text-decoration: none;
  }
  .link-button-v3 > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 10px;
    right: auto;
  }
  .link-button-v3 > li > .a-blank:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -6px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button-v3 > li > .a-pdf:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -7px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .link-button-v3 > li + li {
    margin-top: 15px;
  }

  [class*="link-button"][data-row-sp] {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  [class*="link-button"][data-row-sp] > li > a {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  /* ----- link-button_pager ----- */
  .link-button_pager > li.link-button_pager_prev {
    width: 100%;
  }
  .link-button_pager > li.link-button_pager_prev > a {
    width: 100%;
    padding: 15px 18px 15px 18px;
  }
  .link-button_pager > li.link-button_pager_prev > a:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
  }
  .link-button_pager > li.link-button_pager_next > a {
    width: 100%;
    padding: 15px 18px 15px 18px;
  }
  .link-button_pager > li.link-button_pager_next > a:before {
    right: 10px;
    left: auto;
  }
  
  /* ----- modal ----- */
  .modal-area {
    display: none;
  }

  /* ----- navi ----- */
  .navi-inner {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .navi-inner > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .navi-inner > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 30px 12px 15px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
  }
  .navi-inner > li > a:hover {
    border: 1px solid #00a05c;
  }
  .navi-inner > li > a:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    left: auto;
    right: 10px;
  }
  .navi-inner > li + li {
    margin-top: 15px;
  }

  .navi-inner-v2 {
    margin-top: 20px;
  }
  .navi-inner-v2 > li > a {
    position: relative;
    display: inline-block;
    padding: 14px 0;
    border-bottom: 1px solid #dddddd;
  }
  .navi-inner-v2 > li > a:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 9px;
    margin-top: -2px;
  }

  [class*="navi-inner"][data-row-sp] {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  [class*="navi-inner"][data-row-sp] > li > a {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  /* ------------------------------------------------------
	 * Elements >>> Image
	------------------------------------------------------ */
  /* ----- image- ----- */
  .image-set {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .image_caption {
    margin-top: 0.6em;
    font-size: 1.2rem;
    text-align: left;
  }

  /* ------------------------------------------------------
   * Elements >>> Other
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Conditional Elements >>> Heading
  ------------------------------------------------------ */
  /* ----- heading-lv1 ----- */
  .pageHead {
    background-color: #e8eff1;
  }
  .pageHead + * {
    margin-top: 20px !important;
  }

  .heading-lv1 {
    padding: 16px 10px;
  }
  .heading-lv1 .heading_title {
    font-weight: bold;
    font-size: 2.2rem;
  }
  .heading-lv1 .heading_subtitle {
    font-size: 1.2rem;
  }

  .heading-lv2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eeeeee;
  }
  .heading-lv2 .block {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 15px 10px 14px 20px;
    color: #333333;
  }
  .heading-lv2 .block .heading_title {
    font-weight: bold;
    font-size: 1.9rem;
  }
  .heading-lv2 .block .heading_subtitle {
    font-weight: bold;
  }
  .heading-lv2 a.block .heading_title:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 15px;
    vertical-align: middle;
  }
  .heading-lv2 a.block.a-blank .heading_title:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
    margin-left: 15px;
    -webkit-transform: none;
    transform: none;
    border: none;
  }
  .heading-lv2 .heading_icon {
    min-width: 6em;
    margin-right: 10px;
    padding: 3px 5px;
    background-color: #00a05c;
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
  }
  .heading-lv2 + *,
  .heading-lv2 + .column-media,
  .heading-lv2 + [class*="column-layout"],
  .heading-lv2 + [class*="link-button"] {
    margin-top: 20px;
  }
  .heading-lv2:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    top: 50%;
    left: 0;
    margin-top: -10px;
    background-color: #00a05c;
  }

  .heading-lv3 {
    position: relative;
    line-height: 1.4;
  }
  .heading-lv3 .block {
    display: block;
    padding: 0 0 0 25px;
  }
  .heading-lv3 .block .heading_title {
    font-size: 1.9rem;
  }
  .heading-lv3 a.block:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 2px;
    margin-left: 25px;
    vertical-align: middle;
  }
  .heading-lv3 + *,
  .heading-lv3 + .column-media,
  .heading-lv3 + [class*="column-layout"],
  .heading-lv3 + [class*="link-button"] {
    margin-top: 10px;
  }
  .heading-lv3:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 90%;
    top: 5%;
    left: 0;
    background-color: #66797e;
  }

  .heading-lv4 {
    position: relative;
  }
  .heading-lv4 .block {
    display: block;
    padding: 0 0 0 25px;
  }
  .heading-lv4 .block .heading_title {
    font-weight: bold;
    font-size: 1.6rem;
  }
  .heading-lv4 a.block .heading_title:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 15px;
    vertical-align: middle;
  }
  .heading-lv4 + *,
  .heading-lv4 + .column-media,
  .heading-lv4 + [class*="column-layout"],
  .heading-lv4 + [class*="link-button"] {
    margin-top: 10px;
  }
  .heading-lv4:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 4px;
    top: 0.6em;
    left: 0;
    background-color: #66797e;
  }

  .heading-lv5 {
    position: relative;
  }
  .heading-lv5 .block {
    display: block;
    padding: 0 0 0 25px;
  }
  .heading-lv5 .block .heading_title {
    font-weight: bold;
    font-size: 1.5rem;
  }
  .heading-lv5 a.block .heading_title:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 15px;
    vertical-align: middle;
  }
  .heading-lv5 + *,
  .heading-lv5 + .column-media,
  .heading-lv5 + [class*="column-layout"],
  .heading-lv5 + [class*="link-button"] {
    margin-top: 10px;
  }
  .heading-lv5:before {
    position: absolute;
    content: '';
    width: 7px;
    height: 2px;
    top: 0.6em;
    left: 10px;
    background-color: #66797e;
  }

  .heading-lv6 {
    position: relative;
    line-height: 1.3;
    border-left: 3px solid #66797e;
    text-align: left;
  }
  .heading-lv6 .block {
    display: block;
    padding: 0 0 0 10px;
  }
  .heading-lv6 .block .heading_title {
    font-weight: bold;
    font-size: 1.4rem;
  }
  .heading-lv6 + *,
  .heading-lv6 + .column-media,
  .heading-lv6 + [class*="column-layout"],
  .heading-lv6 + [class*="link-button"] {
    margin-top: 10px;
  }

  .heading-top {
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
  }
  .heading-top:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    background-color: #66797e;
  }
  .heading-top + * {
    margin-top: 20px;
  }

  .heading-other {
    position: relative;
    padding-left: 17px;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .heading-other:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 0.4em;
    left: 0;
    background-color: #66797e;
  }
  .heading-other + *,
  .heading-other + .column-media,
  .heading-other + [class*="column-layout"],
  .heading-other + [class*="link-button"] {
    margin-top: 8px;
  }

  .heading-other-v2 {
    position: relative;
    padding-left: 1.5em;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .heading-other-v2 .heading_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .heading-other-v2 + *,
  .heading-other-v2 + .column-media,
  .heading-other-v2 + [class*="column-layout"],
  .heading-other-v2 + [class*="link-button"] {
    margin-top: 8px;
  }

  .heading-other-v3 {
    position: relative;
    line-height: 1.4;
  }
  .heading-other-v3 .block {
    display: block;
    padding-left: 1.5em;
  }
  .heading-other-v3 .block .heading_title {
    font-size: 1.5rem;
  }
  .heading-other-v3 a.block:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 2px;
    margin-left: 25px;
    vertical-align: middle;
  }
  .heading-other-v3 + *,
  .heading-other-v3 + .column-media,
  .heading-other-v3 + [class*="column-layout"],
  .heading-other-v3 + [class*="link-button"] {
    margin-top: 10px;
  }
  .heading-other-v3:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 90%;
    top: 5%;
    left: 0;
    background-color: #66797e;
  }

  .heading-point {
    position: relative;
    padding-top: 3px;
    padding-left: 34px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #00a05c;
  }
  .heading-point:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 28px;
    top: 50%;
    left: 0;
    margin-top: -16px;
    background: url(/shared/image/com_sprite01.png) no-repeat -145px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .heading-point + *,
  .heading-point + .column-media,
  .heading-point + [class*="column-layout"],
  .heading-point + [class*="link-button"] {
    margin-top: 10px;
  }

  .indent-contents, .indent-contents-v3 {
    padding-left: 17px;
    padding-right: 17px;
  }
  .indent-contents > *:first-child, .indent-contents-v3 > *:first-child {
    margin-top: 0;
  }
  .indent-contents .column-media, .indent-contents-v3 .column-media,
  .indent-contents [class*="column-layout"],
  .indent-contents-v3 [class*="column-layout"],
  .indent-contents [class*="link-button"],
  .indent-contents-v3 [class*="link-button"],
  .indent-contents > .image-set,
  .indent-contents-v3 > .image-set,
  .indent-contents [class*="box-layout"],
  .indent-contents-v3 [class*="box-layout"] {
    margin-top: 10px;
  }
  .indent-contents .column-media:last-child, .indent-contents-v3 .column-media:last-child,
  .indent-contents [class*="column-layout"]:last-child,
  .indent-contents-v3 [class*="column-layout"]:last-child,
  .indent-contents [class*="link-button"]:last-child,
  .indent-contents-v3 [class*="link-button"]:last-child,
  .indent-contents > .image-set:last-child,
  .indent-contents-v3 > .image-set:last-child,
  .indent-contents [class*="box-layout"]:last-child,
  .indent-contents-v3 [class*="box-layout"]:last-child {
    margin-bottom: 15px;
  }

  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  /* ----- table-layout ----- */
  .table-layout {
    margin-top: 20px;
  }
  .table-layout .table_inner, .table-layout .table_inner-v2 {
    width: 100%;
    border-top: 1px solid #cccccc;
  }
  .table-layout .table_inner-v2 th, .table-layout .table_inner-v2 td {
    padding: 10px 5px;
  }
  .table-layout .table_inner-v2 .cell-style2 {
    font-size: 1.2rem;
  }
  .table-layout th, .table-layout td {
    padding: 10px 15px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
    font-weight: normal;
    font-size: 1.3rem;
  }
  .table-layout th > *:first-child, .table-layout td > *:first-child {
    margin-top: 0;
  }
  .table-layout th > * + *:not(br), .table-layout td > * + *:not(br) {
    margin-top: 15px;
  }
  .table-layout tr > th:last-child,
  .table-layout tr > td:last-child {
    border-right: none;
  }
  .table-layout .cell-style1 {
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    background-color: #e8eff1;
  }
  .table-layout .cell-style2 {
    font-size: 1.4rem;
    text-align: center;
    background-color: #eeeeee;
  }
  .table-layout .cell-bd-r {
    border-right: 1px solid #cccccc !important;
  }
  .table-layout thead th {
    vertical-align: middle;
  }
  .table-layout caption {
    margin-bottom: 10px;
    font-size: 1.3rem;
  }
  .table-layout[data-layout-sp="scroll"] {
    overflow: auto;
    padding-bottom: 10px;
    /*-webkit-overflow-scrolling : touch;*/
    /*&::-webkit-scrollbar{
      width: 6px;
      background-color: $grey;
      border-radius: 3px;
    }
    &::-webkit-scrollbar:horizontal{
      height: 6px;
      background-color: $grey;
      border-radius: 3px;
    }
    &::-webkit-scrollbar-thumb,
    &::-webkit-scrollbar-thumb:horizontal{
      border-radius: 3px;
      background-color: #ccc;
    }*/
  }
  .table-layout[data-layout-sp="scroll"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: auto;
    height: 10px;
    margin: 0 auto;
    background-color: #ccc;
  }
  .table-layout[data-layout-sp="scroll"] .mCSB_scrollTools .mCSB_draggerRail {
    height: 10px;
    margin: 0 auto;
    background-color: #eee;
  }
  .table-layout[data-layout-sp="scroll"] .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 25px;
  }
  .table-layout[data-layout-sp="scroll"] .table_inner, .table-layout[data-layout-sp="scroll"] .table_inner-v2 {
    width: 780px;
  }
  .table-layout[data-layout-sp="shrink"] {
    width: 100%;
  }
  .table-layout[data-layout-sp="vertical"] .table_inner colgroup col, .table-layout[data-layout-sp="vertical"] .table_inner-v2 colgroup col {
    width: 100% !important;
  }
  .table-layout[data-layout-sp="vertical"] .table_inner tr, .table-layout[data-layout-sp="vertical"] .table_inner-v2 tr, .table-layout[data-layout-sp="vertical"] .table_inner th, .table-layout[data-layout-sp="vertical"] .table_inner-v2 th, .table-layout[data-layout-sp="vertical"] .table_inner td, .table-layout[data-layout-sp="vertical"] .table_inner-v2 td {
    display: block;
    width: 100%;
    border-right: none;
  }
  .table-layout.over-half_4cell[data-layout-sp="scroll"] .table_inner, .table-layout[data-layout-sp="scroll"] .table_inner-v2 {
    width: 550px;
  }
  .table-layout.over-half_4cell th, .table-layout.over-half_4cell td {
    padding: 10px 8px;
  }
  .table-layout.over-half_3cell[data-layout-sp="scroll"] .table_inner, .table-layout[data-layout-sp="scroll"] .table_inner-v2 {
    width: 450px;
  }
  .table-layout.over-half_3cell th, .table-layout.over-half_4cell td {
    padding: 10px 8px;
  }
  
  .mCustomScrollbar {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
  }

  /* ------------------------------------------------------
   * Layout >>> Grid
  ------------------------------------------------------ */
  [data-row-sp] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  [data-row-sp="1"] {
    display: block;
  }

  [data-row-sp="2"] > * {
    width: calc( ( 100% - 16px ) / 2 );
    margin-left: 15px;
  }

  [data-row-sp="2"] > *:nth-child(2n+1) {
    margin-left: 0;
  }

  [data-row-sp="2"] > *:nth-child(-n+2) {
    margin-top: 0 !important;
  }

  [data-row-sp="3"] > * {
    width: calc( ( 100% - 31px ) / 3 );
    margin-left: 15px;
  }

  [data-row-sp="3"] > *:nth-child(3n+1) {
    margin-left: 0;
  }

  [data-row-sp="3"] > *:nth-child(-n+3) {
    margin-top: 0 !important;
  }

  [data-row-sp="4"] > * {
    width: calc( ( 100% - 46px ) / 4 );
    margin-left: 15px;
  }

  [data-row-sp="4"] > *:nth-child(4n+1) {
    margin-left: 0;
  }

  [data-row-sp="4"] > *:nth-child(-n+4) {
    margin-top: 0 !important;
  }

  [data-row-sp="5"] > * {
    width: calc( ( 100% - 61px ) / 5 );
    margin-left: 15px;
  }

  [data-row-sp="5"] > *:nth-child(5n+1) {
    margin-left: 0;
  }

  [data-row-sp="5"] > *:nth-child(-n+5) {
    margin-top: 0 !important;
  }

  [data-width-sp="2"] {
    width: calc( ( 100% - 15px ) / 2 );
  }

  [data-width-sp="3"] {
    width: calc( ( 100% - 30px ) / 3 );
  }

  [data-width-sp="4"] {
    width: calc( ( 100% - 45px ) / 4 );
  }

  [data-width-sp="5"] {
    width: calc( ( 100% - 60px ) / 5 );
  }

  /* ------------------------------------------------------
   * Layout >>> Column
  ------------------------------------------------------ */
  /* ----- column-layout ----- */
  .column-layout {
    margin-top: 20px;
  }

  .column_item {
    margin-top: 15px;
  }
  .column_item > *:first-child {
    margin-top: 0;
  }

  .column-media {
    margin-top: 20px;
  }
  .column-media[data-layout-sp="row"] [data-image="left"] {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .column-media[data-layout-sp="row"] [data-image="right"] {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .column-media[data-layout-sp="col"] .column_detail {
    margin-top: 10px;
  }
  .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-reverse"] .column_image {
    margin-top: 10px;
  }
  .column-media [data-image] > *:first-child,
  .column-media .column_detail > *:first-child {
    margin-top: 0;
  }
  .column-media [data-image] > .image-set > .image_inner + .image_inner {
    margin-left: 10px;
  }
  .column-media .column_image .image_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .column-media .column_image .image_title + * {
    margin-top: 5px;
  }
  .column-media .column_image > .image-set + .image-set {
    margin-top: 15px;
  }
  .column-media [data-wraparound="false"] {
    overflow: hidden;
  }

  .flex-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .flex-layout > * + * {
    margin-left: 10px;
  }

  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  /* ----- box-layout ----- */
  .box-layout {
    margin-top: 20px;
    padding: 20px;
    background-color: #eeeeee;
  }

  .box-layout-v2 {
    margin-top: 20px;
    padding: 15px 20px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
  }

  .box-layout-v3 {
    margin-top: 20px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 1.3rem;
  }
  .box-layout-v3 .box_title {
    font-weight: bold;
  }
  .box-layout-v3 .box_title-v2 {
    position: relative;
    padding-left: 55px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #00a05c;
  }
  .box-layout-v3 .box_title-v2 > .title_icon {
    position: absolute;
    display: block;
    padding-top: 0.15em;
    width: 44px;
    height: 55px;
    top: 0;
    left: 0;
    background: url(/shared/image/com_sprite01.png) no-repeat -206px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
    text-align: center;
    font-size: 2.4rem;
    color: #ffffff;
  }
  .box-layout-v3 .box_title-v2 + .box_detail-v2 {
    min-height: 2em;
  }
  .box-layout-v3 .box_icon {
    margin-top: -19px !important;
    margin-right: -19px;
    text-align: right;
  }
  .box-layout-v3 .box_icon > span {
    display: inline-block;
    padding: 4px 8px;
    line-height: 1.2;
    background-color: #00a05c;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .box-layout-v3 .box_detail {
    margin-top: 10px;
  }
  .box-layout-v3 .box_detail-v2 {
    margin-left: 55px;
  }

  .box-layout-v4 {
    margin-top: 20px;
    border: 1px solid #8ea2a8;
  }
  .box-layout-v4 .box_heading {
    padding: 10px 15px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    background-color: #e8eff1;
  }
  .box-layout-v4 .box_detail {
    padding: 12px 15px;
  }
  .box-layout-v4 .box_detail > *:first-child {
    margin-top: 0;
  }

  .box-layout-v5 {
    margin-top: 20px;
    padding: 14px 18px;
    background-color: #ebf8f3;
    border-top: 1px solid #00a05c;
  }

  .box-layout-v6 {
    margin: 20px -10px 0;
    padding: 20px 10px;
    background-color: #eeeeee;
  }

  .box-layout-cv {
    margin: 30px -10px 0;
    padding: 20px;
    background-color: #eeeeee;
    text-align: center;
  }
  .box-layout-cv .box_title {
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 2rem;
  }
  .box-layout-cv .box_title:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    background-color: #66797e;
  }
  .box-layout-cv .box_detail {
    margin-top: 20px;
  }

  [class*="box-layout"] > *:first-child {
    margin-top: 0;
  }
  [class*="box-layout"] [class*="box_detail"] > *:first-child {
    margin-top: 0;
  }

  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  /* ----- accordion-layout ----- */
  .accordion-layout {
    margin-top: 20px;
    border-bottom: 1px solid #00a05c;
  }
  .accordion-layout + .accordion-layout {
    margin-top: 10px;
  }
  .accordion-layout .accordion_trigger {
    position: relative;
    padding: 13px 50px 13px 20px;
    background-color: #e8eff1;
    cursor: pointer;
  }
  .accordion-layout .accordion_trigger:before {
    position: absolute;
    content: '';
    top: 15px;
    right: 21px;
    width: 2px;
    height: 16px;
    background-color: #00a05c;
  }
  .accordion-layout .accordion_trigger:after {
    position: absolute;
    content: '';
    top: 22px;
    right: 14px;
    width: 16px;
    height: 2px;
    background-color: #00a05c;
  }
  .accordion-layout .accordion_trigger.is-active:before {
    display: none;
  }
  .accordion-layout .accordion_detail {
    padding: 10px 0;
  }
  .accordion-layout .accordion_detail > *:first-child {
    margin-top: 0;
  }

  /* ----- tab-layout ----- */
  .tab-layout {
    margin-top: 30px;
  }
  .tab-layout .tab_list[data-row-sp="2"] > li {
    width: 50%;
    margin-left: 0;
  }
  .tab-layout .tab_list[data-row-sp="3"] > li {
    width: 33.33333%;
    margin-left: 0;
  }
  .tab-layout .tab_list[data-row-sp="4"] > li {
    width: 25%;
    margin-left: 0;
  }
  .tab-layout .tab_list[data-row-sp="5"] > li {
    width: 20%;
    margin-left: 0;
  }
  .tab-layout .tab_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .tab-layout .tab_list > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tab-layout .tab_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 8px 10px 6px;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    font-size: 1.3rem;
    text-align: center;
  }
  .tab-layout .tab_list > .is-current > a {
    padding: 8px 10px 5px;
    font-weight: bold;
    color: #00a05c;
    background-color: #e8eff1;
    border-bottom: 2px solid #00a05c;
  }
  .tab-layout .list_under .tab_list > li > a {
    border-top: 1px solid #cccccc;
    border-bottom: none;
  }
  .tab-layout .list_under .tab_list > .is-current > a {
    padding: 7px 10px 6px;
    border-top: 2px solid #00a05c;
  }
  .tab-layout .tab_detail {
    padding: 25px 0;
  }
  .tab-layout .tab_detail > *:first-child {
    margin-top: 0;
  }
  .home-tab-layout.tab-layout .tab_list{
    -webkit-flex-flow: row wrap;
    flex-flow: row nowrap;
    overflow-x: scroll;
  }
  .home-tab-layout.tab-layout .tab_list > li{
    overflow-x: scroll;
    width: 21.5%;
    min-width: 21.5%;
  }
  
  .column-link-layout {
    margin: 20px -10px 0;
  }
  .column-link-layout .column_item {
    margin-top: 0;
    border-bottom: 3px solid #e8eff1;
  }
  .column-link-layout .column_item:first-child {
    border-top: 3px solid #e8eff1;
  }
  .column-link-layout .block {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0;
    padding: 10px;
  }
  .column-link-layout .block:hover {
    text-decoration: none;
  }
  .column-link-layout .block .column_thumnail {
    width: 32%;
  }
  .column-link-layout .block .column_thumnail + .column_text {
    width: 68%;
  }
  .column-link-layout .block .column_text {
    position: relative;
    padding: 10px 18px;
    color: #333333;
  }
  .column-link-layout .block .column_text .column_heading {
    font-weight: bold;
    font-size: 1.6rem;
  }
  .column-link-layout .block .column_text .column_heading + * {
    margin-top: 10px;
  }
  .column-link-layout a.block .column_text {
    padding-right: 25px;
  }
  .column-link-layout a.block .column_text:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 10px;
  }

  .column-link-layout-v2 {
    margin-top: 20px;
  }
  .column-link-layout-v2 .column_item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #8ea2a8;
  }
  .column-link-layout-v2 .column_item:hover {
    text-decoration: none;
  }
  .column-link-layout-v2 .column_item .column_thumnail {
    width: 26%;
  }
  .column-link-layout-v2 .column_item .column_thumnail:not(.sp-hidden) + .column_text {
    width: 74%;
  }
  .column-link-layout-v2 .column_item .column_text {
    position: relative;
    width: 100%;
    padding: 10px 18px;
    color: #333333;
  }
  .column-link-layout-v2 .column_item .column_text .column_heading {
    font-weight: bold;
    font-size: 1.6rem;
  }
  .column-link-layout-v2 .column_item .column_text .column_heading + * {
    margin-top: 10px;
  }
  .column-link-layout-v2 .column_item.is-new:after {
    position: absolute;
    content: 'NEW';
    top: 0;
    right: 0;
    line-height: 1;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    background-color: #00a05c;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .column-link-layout-v2 .column_item.cat-beginning {
    border-left: 4px solid #00a05c;
  }
  .column-link-layout-v2 .column_item.cat-habit {
    border-left: 4px solid #bd7676;
  }
  .column-link-layout-v2 .column_item.cat-familiar {
    border-left: 4px solid #5599a9;
  }
  .column-link-layout-v2 .column_item.cat-health {
    border-left: 4px solid #88b84d;
  }
  .column-link-layout-v2 a.column_item .column_text {
    padding-right: 25px;
  }
  .column-link-layout-v2 a.column_item .column_text:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 10px;
  }

  .movie-layout {
    margin: 20px auto 0;
    width: 100%;
  }
  .movie-layout .movie_title {
    font-weight: bold;
    font-size: 1.2rem;
  }
  .movie-layout .movie_title + * {
    margin-top: 10px;
  }
  .movie-layout .movie_inner {
    position: relative;
    height: 0 !important;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .movie-layout .movie_inner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  /* ------------------------------------------------------
	 * Components
	------------------------------------------------------ */
  /* ----- news-layout ----- */
  .news-layout {
    margin-top: 20px;
  }
  .news-layout .news_article.is-hide {
    display: none !important;
  }
  .news-layout .news_article .block {
    position: relative;
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .news-layout .news_article .block.a-blank .news_title:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .news-layout .news_article .block.a-pdf .news_title:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .news-layout .news_article .news_property .news_date {
    display: inline-block;
    color: #333333;
    width: 9em;
  }
  .news-layout .news_article .news_property .news_date + .news_icon {
    display: inline-block;
    margin-left: 10px;
  }
  .news-layout .news_article .news_property + .news_title {
    margin-top: .5em;
  }
  .news-layout .news_article .news_title {
    overflow: hidden;
  }
  .news-layout .news_article .news_title > .a-blank:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -15px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .news-layout .news_article .news_title > .a-pdf:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    width: 14px;
    height: 15px;
    background-image: url(/shared/image/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
  }
  .news-layout .news_article:first-child .block {
    border-top: 1px solid #eeeeee;
  }
  .news-layout .news_article:not(:first-child) > .news_detail {
    margin-top: 20px;
  }
  .news-layout.navi-anchor .news_article a.block {
    padding: 16px 0 16px 30px;
  }
  .news-layout.navi-anchor .news_article a.block:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    left: 2px;
    right: auto;
    margin-top: -2px;
  }

  .box-layout-v6 .news-layout .news_article .block {
    border-bottom: 1px solid #ffffff;
  }
  .box-layout-v6 .news-layout .news_article:first-child .block {
    border-top: 1px solid #ffffff;
  }

  .news_detail .news_property .news_icon {
    display: inline-block;
    line-height: 1;
    min-width: 86px;
    padding: .4em;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center;
  }
  .news_detail .news_property .news_icon.type1 {
    background-color: #5599a9;
  }
  .news_detail .news_property .news_icon.type2 {
    background-color: #bd7676;
  }
  .news_detail .news_property .news_icon.type3 {
    background-color: #88b84d;
  }
  .news_detail .news_property .news_icon.type4 {
    background-color: #00a05c;
  }

  .icon-inline {
    display: inline-block;
    margin: 0 10px;
    padding: 3px 8px;
    line-height: 1.2;
    color: #ffffff;
    background-color: #00a05c;
    font-size: 1.1rem;
    vertical-align: middle;
  }

  /* ----- faq-layout ----- */
  .faq-layout {
    margin-top: 20px;
  }
  .faq-layout .faq_que {
    position: relative;
    padding: 14px 30px 14px 50px;
    background-color: #eeeeee;
  }
  .faq-layout .faq_que .que_text {
    font-weight: bold;
  }
  .faq-layout .faq_que:before {
    position: absolute;
    content: 'Q';
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #ffffff;
    text-align: center;
    background-color: #00a05c;
    border-radius: 50%;
  }
  .faq-layout .faq_answer {
    position: relative;
    padding: 14px 30px 14px 50px;
    background-color: #ffffff;
  }
  .faq-layout .faq_answer .answer_text {
    font-weight: bold;
    color: #00a05c;
  }
  .faq-layout .faq_answer:before {
    position: absolute;
    content: 'A';
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #00a05c;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #00a05c;
  }

  /* ----- plugin-layout ----- */
  .plugin-layout {
    display: none;
  }
  .plugin-layout a {
    color: #333333;
  }
  .plugin-layout .plugin_banner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .plugin-layout .plugin_banner > img {
    width: 38%;
  }
  .plugin-layout .plugin_banner > figcaption {
    margin-left: 10px;
    font-size: 1.2rem;
    width: 62%;
  }
  .plugin-layout .plugin_detail {
    margin-top: 10px;
  }

  .flow-layout {
    margin-top: 25px;
  }
  .flow-layout .flow_item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flow-layout .flow_item .flow_image {
    width: 24%;
    margin-right: 2.7%;
  }
  .flow-layout .flow_item .flow_detail {
    position: relative;
    width: 73.3%;
    padding: 20px 0;
  }
  .flow-layout .flow_item:not(:first-child) {
    margin-top: 10px;
  }
  .flow-layout .flow_item:not(:last-child) .flow_detail:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 25px;
    bottom: -15px;
    left: 50%;
    margin-left: -14px;
    background: url(/shared/image/com_sprite01.png) no-repeat -186px 0;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }

  .flow-layout-v2 {
    margin-top: 20px;
  }
  .flow-layout-v2 .flow_item {
    position: relative;
  }
  .flow-layout-v2 .flow_item > *:first-child {
    margin-top: 0;
  }
  .flow-layout-v2 .flow_item:not(:last-child) {
    padding-bottom: 45px;
  }
  .flow-layout-v2 .flow_item:not(:last-child):before {
    position: absolute;
    content: '';
    width: 19px;
    height: 16px;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f7b9ab;
  }
  .flow-layout-v2 .flow_item:not(:last-child):after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid #f7b9ab;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .flow-layout-v2 .flow_item + .flow_item {
    margin-top: 15px;
  }

  .condition-layout {
    margin-top: 20px;
  }
  .condition-layout .condition_head {
    position: relative;
    padding: 15px 20px;
    background-color: #66797e;
  }
  .condition-layout .condition_head .condition_title {
    float: left;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.7rem;
  }
  .condition-layout .condition_head .condition_cancel {
    float: right;
    display: block;
  }
  .condition-layout .condition_head .condition_cancel > a {
    position: relative;
    display: inline-block;
    padding: 6px 20px 6px 30px;
    background-color: #ffffff;
    color: #66797e;
    font-size: 1rem;
    font-weight: bold;
  }
  .condition-layout .condition_head .condition_cancel > a:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 11px;
    top: 50%;
    left: 15px;
    border: none;
    background-color: #66797e;
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
  }
  .condition-layout .condition_head .condition_cancel > a:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 1px;
    top: 50%;
    left: 10px;
    border: none;
    background-color: #66797e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .condition-layout .condition_detail {
    background-color: #8ea2a8;
    color: #ffffff;
  }
  .condition-layout .condition_list > li > a {
    position: relative;
    display: block;
    padding: 15px 15px 15px 50px;
    color: #ffffff;
    background-color: #8ea2a8;
  }
  .condition-layout .condition_list > li > a:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 15px;
    left: 20px;
    background-color: #ffffff;
  }
  .condition-layout .condition_list > li.is-selected > a:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 14px;
    top: 15px;
    left: 25px;
    border-right: 4px solid #00a05c;
    border-bottom: 4px solid #00a05c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .condition-layout .condition_list > li + li {
    border-top: 1px solid #e8eff1;
  }

  .narrowDown-column-layout {
    margin-top: 20px;
    /*&.is-ready {
      .column_item {
        opacity: 0;
        display: none;
        &.is-selected {
          opacity: 1;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
          -webkit-animation: 0.3s fade-in;
          animation: 0.3s fade-in;
        }
      }
    }*/
  }
  .narrowDown-column-layout .column_item {
    position: relative;
    display: block;
    margin-top: 15px;
    color: #333333;
    border-right: 1px solid #dddddd;
    -webkit-transition: none;
    transition: none;
  }
  .narrowDown-column-layout .column_item:hover {
    text-decoration: none;
    opacity: .8;
  }
  .narrowDown-column-layout .column_item[class*="cat-"]:before {
    display: block;
    background-color: #e8eff1;
    border-top: 1px solid #dddddd;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 10px;
  }
  .narrowDown-column-layout .column_item.cat-knowledge {
    border-left: 4px solid #00a05c;
  }
  .narrowDown-column-layout .column_item.cat-knowledge:before {
    content: '歯と口の基礎知識';
  }
  .narrowDown-column-layout .column_item.cat-trouble {
    border-left: 4px solid #bd7676;
  }
  .narrowDown-column-layout .column_item.cat-trouble:before {
    content: '歯と口のトラブルとその原因';
  }
  .narrowDown-column-layout .column_item.cat-care {
    border-left: 4px solid #5599a9;
  }
  .narrowDown-column-layout .column_item.cat-care:before {
    content: '歯と口のケア方法';
  }
  .narrowDown-column-layout .column_item.cat-tool {
    border-left: 4px solid #88b84d;
  }
  .narrowDown-column-layout .column_item.cat-tool:before {
    content: '歯と口のケア用品';
  }
  .narrowDown-column-layout .column_item.is-new:before {
    padding-right: 5em;
  }
  .narrowDown-column-layout .column_item.is-new:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    content: 'NEW';
    background-color: #00a05c;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 10px;
    color: #ffffff;
  }
  .narrowDown-column-layout .column_item .item_detail {
    position: relative;
    padding: 22px 35px 21px 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 1.6rem;
  }
  .narrowDown-column-layout .column_item .item_detail:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 15px;
  }
  
  /* nav-article */
  .nav-article_list {
    margin-top: 35px;
  }
  .nav-article_block {
    border: 1px solid  #8ea2a8;
  }
  .nav-article_block + .nav-article_block {
    border-top: none;
  }
  .nav-article_title {
    position: relative;
    padding: 12px 30px;
    background: #e8eff1;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
  .nav-article_title::before,
  .nav-article_title::after {
    content: '';
    position: absolute;
    display: block;
    background: #00a05c;
    transition: all 0.3s linear 0s;
  }
  .nav-article_title::before {
    width: 15px;
    height: 2px;
    top: 50%;
    right: 10px;
    margin-top: -1px;
  }
  .nav-article_title::after {
    width: 2px;
    height: 15px;
    top: 50%;
    right: 17px;
    margin-top: -7.5px;
  }
  .nav-article_title.open::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .nav-article_item {
    display: none;
     border-top: 1px solid  #8ea2a8;
  }
  .nav-article_item > li {
  }
  .nav-article_item > li + li {
    border-top: 1px solid  #ddd;
  }
  .nav-article_item > li > a {
    position: relative;
    display: block;
    padding: 11px 20px 11px 40px;
    color: #000;
    text-decoration: none;
  }
  .nav-article_item > li > a::before {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 19px;
    margin-top: -4px;
    border-top: 1px solid  #15a869;
    border-right: 1px solid  #15a869;
    -webkit-transform: rotate(angle);
    transform: rotate(45deg);
  }
  
   .news-accodion-layout .condition-layout .condition_head .condition_cancel.js-accordion_trigger{
    display: inline-block;
    padding: 6px 0px 9px 10px;
    width: 82px;
    height: 28px;
    border: 1px solid #8ea2a8;
    text-align: center;
    font-size: 10px;
    background-color: #ffffff;
    color: #66797e;
  }
   .news-accodion-layout .condition-layout .condition_head .condition_cancel.js-accordion_trigger:before {
    content: none;
  }
   .news-accodion-layout .condition-layout .condition_head .condition_cancel.js-accordion_trigger:after {
    content: none;
  }
  .news-accodion-layout .condition-layout .condition_list > li {
    border-top: 1px solid #e8eff1;
  }
  .news-accodion-layout .condition-layout .condition_list:first-child > li {
    border-top: none;
  }
  .news-accodion-layout .condition-layout .condition_list >li > ul > li a{
    margin-left: 30px;
  }
  .news-accodion-layout .condition-layout .condition_cancel.js-accordion_trigger .news-bt-icon-open{
    background-image: url("/news/image/index_ic01.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 16px;
  }
  .news-accodion-layout .condition-layout .condition_cancel.js-accordion_trigger .news-bt-icon-close{
    background-image: url("/news/image/index_ic02.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 7px;
  }
	
	.column-link-layout-index .column_item {
    margin-top: 10px;
  }
  .column-link-layout-index .column_item:hover {
    text-decoration: none;
  }
  .column-link-layout-index .column_item .image-set {
    position: relative;
  }
  .column-link-layout-index .column_item .image-set .image_inner {
    border-bottom: 2px solid #00a05c;
  }
  .column-link-layout-index .column_item .image-set .image_inner .image_over_caption {
    position: absolute;
    display: block;
    bottom: 2px;
    left: 0;
    width: 100%;
    padding: .6em;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .column-link-layout-index2 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .column-link-layout-index2 .column_item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 0;
    padding: 10px;
    border-bottom: 3px solid #e8eff1;
  }
  .column-link-layout-index2 .column_item:hover {
    text-decoration: none;
  }
  .column-link-layout-index2 .column_item .column_thumnail {
    width: 26%;
  }
  .column-link-layout-index2 .column_item .column_thumnail + .column_text {
    width: 74%;
  }
  .column-link-layout-index2 .column_item .column_text {
    position: relative;
    padding: 10px 18px;
    color: #333333;
  }
  .column-link-layout-index2 .column_item .column_text .column_heading {
    font-weight: bold;
    font-size: 1.6rem;
  }
  .column-link-layout-index2 .column_item .column_text .column_heading + * {
    margin-top: 10px;
  }
  .column-link-layout-index2 .column_item.is-new:after {
    position: absolute;
    content: 'NEW';
    top: 0;
    right: 0;
    line-height: 1;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    background-color: #00a05c;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .column-link-layout-index2 .column_item:first-child {
    border-top: 3px solid #e8eff1;
  }
  .column-link-layout-index2 a.column_item .column_text {
    padding-right: 25px;
  }
  .column-link-layout-index2 a.column_item .column_text:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #00a05c;
    border-right: 1px solid #00a05c;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: auto;
    right: 10px;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .list-description-v2::after,
  .column-media:after,
  .news-layout .news_article:after,
  .plugin-layout:after,
  .condition-layout .condition_head:after {
    clear: both;
    content: "";
    display: block;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: -webkit-flex;
    display: flex;
    opacity: 0;
  }
  100% {
    display: -webkit-flex;
    display: flex;
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: -webkit-flex;
    display: flex;
    opacity: 0;
  }
  100% {
    display: -webkit-flex;
    display: flex;
    opacity: 1;
  }
}