@charset "utf-8";

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

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- font ----- */
  [class^="heading-lv"] .heading_title,
  .heading-lv2.type-sub .heading_title_sub,
  [class*="link-button"]:not(.link-button-v2) a,
  .navi-local .navi_category_head,
  .button-wrap > button,
  [class*="box-layout"]:not(.box-layout-v5):not(.box-layout-v7) > .box_title,
  .accordion-layout .accordion_trigger .accordion_label,
  .faq-layout-v2 .faq_question .faq_title,
  .faq-layout-v3 .faq_question .faq_title,
  .faq-layout-v4 .faq_question .faq_title,
  .tab-layout > .tab_navi > .tab_list,
  .tab-layout-v2 .tab_list > li > a .tab_label,
  .tab-layout-v3 .tab_list > li > a .tab_label,
  .modal-inline .modal_contents .modal_title,
  .modal-inline-v2 .modal_contents .modal_title,
  [class*="index-layout"]:not(.index-layout-v3):not(.index-layout-v5):not(.index-layout-v6):not(.index-layout-v9):not(.index-layout-v13):not(.index-layout-v16):not(.index-layout-v18):not(.search-index-layout):not(.product-index-layout-v4) .index_title,
  .category-index-layout > a.block > .index_caption .index_title > .index_label,
  .important-news > .news_heading,
  .probo-search-area-v2 .search_title,
  .probo-search-area-v3 .search_title,
  .probo-search-file > .search_heading .search_title,
  .search-condition-shop .condition_title,
  .search-condition-products .condition_title,
  .search-condition-file .condition_heading .condition_title,
  .search-condition-file .condition_content .condition_submit .condition_reset,
  .search-result-heading .result_title,
  .search-result-list > .result_nohit,
  .product-search-layout .side-nav-contents .side-nav .nav_search li > a > span,
  .product-search-layout .sp-accordion-heading .block .heading_title,
  .probo-recommend-area > .recommend_heading .recommend_title,
  .hero-layout-v2 .hero_links .hero_links_title,
  .hero-layout-v4 .hero_lead,
  .product-hero-layout-v3 .hero_heading .hero_title,
  .product-hero-layout-v3 .hero_lead,
  .banner-layout .banner_title,
  .pickup-banner-layout > a.block > .banner_caption .banner_title > .banner_label,
  .about-navi-guide .navi_title,
  .about-navi-guide .navi_index .navi_links_1 .navi_caption,
  .about-navi-guide-v2 .navi_title,
  .about-navi-guide-v2 .navi_index .navi_links_1 .navi_caption,
  .products-navi-guide .navi_title,
  .shop-navi-guide .navi_title,
  .job-navi-guide .navi_links .navi_label,
  .contact-layout .contact_title,
  .contact-layout .contact_means > .contact_guide .contact_guide_title,
  .contact-layout-v2 .contact_title,
  .contact-layout-v3 .contact_title,
  .contact-layout-v4 .contact_title,
  .env-navi-consideration .navi_heading > .navi_title,
  .comment-list .comment_evaluation .comment_label,
  .career-box-layout .career_caption,
  .discussion-list .discussion_speaker .discussion_caption,
  .conductor-layout .conductor_title,
  .concept-layout .concept_lead {
    /*font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  }
  .contact-layout-v2.type-fax .contact_freedial > span,
  .contact-box-layout .contact_consult > .contact_consult_block .contact_freedial > a,
  .contact-box-layout .contact_consult > .contact_consult_block .contact_number > dd,
  .contact-box-layout .contact_department .contact_number > a,
  .contact-box-layout-v2 .contact_freedial > a,
  .contact-box-layout-v2 .contact_number > dd {
    font-family: Lato;
  }
  [class*="faq-layout"] .faq_question .faq_icon,
  [class*="faq-layout"] .faq_answer .faq_icon,
  .schedule-list .schedule_time {
    font-family: Arial, Helvetica, "sans-serif";
  }
  
  /* ----- a ----- */
  a.block {
    display: block;
    color: #333;
  }
  .text-title-v3 > a,
  .link-text > li > a,
  .link-text-v2 > li > a,
  .navi-anchor > .navi_inner > li > a,
  .navi-anchor-v2 > .navi_inner > li > a,
  .tab-layout > .tab_navi > .tab_list > li > a,
  .tab-layout-v3 > .tab_navi > .tab_list > li > a,
  .index-layout-v18 > .block > .index_title,
  .products-navi-guide .navi_title > a,
  .contact-box-layout .contact_consult .contact_freedial > a,
  .contact-box-layout .contact_consult .contact_number a[href^="tel:"] {
    color: #333;
  }
  .faq-layout .faq_question > a .faq_label,
  .index-layout-v5 > a > .index_caption .index_title,
  .index-layout-v8 > a > .index_caption .index_title,
  .index-layout-v13 > a > .index_caption .index_title,
  .index-layout-v16 > a > .index_caption .index_title,
  .product-index-layout > a .index_title,
  .product-index-layout-v2 > a .index_title,
  .product-index-layout-v4 > a .index_title {
    color: #3381d0;
  }
  
  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  .hero-layout .hero_carousel .slick-dots button {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  .accordion-layout .accordion_trigger,
  .tab-layout > .tab_navi > .tab_list > li > a,
  .tab-layout-v3 > .tab_navi > .tab_list > li > a,
  .search-narrow .search_categories .radio-wrap .radio_label,
  .banner-layout .banner_carousel .banner_carousel_list .slick-dots > li > button,
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li > button {
    -webkit-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li > button::after,
  .colortip-gallery-layout .gallery_list .slick-dots > li > a::after {
    -webkit-transition: border-color .2s ease-out 0s;
    transition: border-color .2s ease-out 0s;
  }
  .accordion-layout .accordion_trigger .accordion_label::after,
  .product-search-layout .sp-accordion-heading .block::after {
    -webkit-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
  }
  
  /* ----- sprite ----- */
  .a-blank::after,
  .a-pdf::after,
  .a-mail::after,
  .a-excel::after,
  .a-word::after,
  .a-ppt::after,
  .a-rss::after,
  .a-zip::after,
  .a-video::after,
  .heading-lv2 > a.block::before,
  .heading-lv2 > .a-blank > .heading_title::after,
  .heading-lv2 > .a-pdf > .heading_title::after,
  .heading-lv3 > a.block::before,
  .heading-lv3 > .a-blank > .heading_title::after,
  .heading-lv3 > .a-pdf > .heading_title::after,
  .heading-lv3-v3 > a.block::before,
  .heading-lv3-v3 > .a-blank > .heading_title::after,
  .heading-lv3-v3 > .a-pdf > .heading_title::after,
  .text-title-v3 > a::before,
  .link-text-v2 > li > a::before,
  .link-button .a-list::after,
  .link-button-v2 a::before,
  .link-button-v6 a::after,
  .button-wrap > button.i-search::after,
  .index-layout > .a-blank .index_label::after,
  .index-layout > .a-pdf .index_label::after,
  .index-layout-v2 > .a-blank .index_label::after,
  .index-layout-v2 > .a-pdf .index_label::after,
  .index-layout-v4 > .a-blank .index_label::after,
  .index-layout-v4 > .a-pdf .index_label::after,
  .index-layout-v5 > .a-blank .index_label::after,
  .index-layout-v5 > .a-pdf .index_label::after,
  .index-layout-v6 > .a-blank .index_label::after,
  .index-layout-v6 > .a-pdf .index_label::after,
  .index-layout-v7 > .a-blank .index_label::after,
  .index-layout-v7 > .a-pdf .index_label::after,
  .index-layout-v8 > .a-blank .index_label::after,
  .index-layout-v8 > .a-pdf .index_label::after,
  .index-layout-v9 > .a-blank .index_label::after,
  .index-layout-v9 > .a-pdf .index_label::after,
  .index-layout-v10 > .a-blank .index_label::after,
  .index-layout-v10 > .a-pdf .index_label::after,
  .index-layout-v11 > .a-blank .index_label::after,
  .index-layout-v11 > .a-pdf .index_label::after,
  .index-layout-v16 > .a-blank .index_label::after,
  .index-layout-v16 > .a-pdf .index_label::after,
  .index-layout-v17 > .a-blank .index_label::after,
  .index-layout-v17 > .a-pdf .index_label::after,
  .index-layout-v18 > .a-blank .index_label::after,
  .index-layout-v18 > .a-pdf .index_label::after,
  .index-layout-v18 > .block > .index_title::before,
  .product-index-layout > .a-blank .index_title::after,
  .product-index-layout > .a-pdf .index_title::after,
  .product-index-layout-v2 > .a-blank .index_title::after,
  .product-index-layout-v2 > .a-pdf .index_title::after,
  .product-index-layout-v4 > .a-blank .index_title::after,
  .product-index-layout-v4 > .a-pdf .index_title::after,
  .important-news > .news_heading::before,
  .search-file .search_label::before,
  .search-condition-file .condition_content .condition_submit .condition_reset > a::before,
  .product-search-layout .side-nav .nav_file .block .link-text-v2 > li > span::before,
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow,
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow,
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow,
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow,
  .pager-layout .pager_list > li.type-prev > a::before,
  .pager-layout .pager_list > li.type-next > a::before,
  .products-navi-guide .navi_title > a::before,
  .contact-layout .contact_means > .contact_guide.type-tel .contact_guide_title::before,
  .contact-layout .contact_means > .contact_guide.type-form .contact_guide_title::before,
  .contact-layout .contact_means > .contact_guide.type-mail .contact_guide_title::before,
  .contact-layout-v2.type-tel .contact_heading .contact_title::before,
  .contact-layout-v2.type-fax .contact_heading .contact_title::before,
  .contact-layout-v2.type-form .contact_heading .contact_title::before,
  .contact-layout-v2.type-tel .contact_attention .contact_attention_block.type-address > .contact_attention_title::before,
  .contact-layout-v2.type-fax .contact_freedial > span::before,
  .contact-box-layout .contact_consult .contact_freedial > a::before,
  .contact-box-layout-v2 .contact_freedial > a::before {
    display: inline-block;
    background-image: url(/common/img/cmn_sprite_ic01-r2x.png);
    background-repeat: no-repeat;
    background-size: 600px 600px;
    vertical-align: middle;
    content: "";
  }
  .a-blank::after,
  .heading-lv2 > .a-blank > .heading_title::after,
  .heading-lv3 > .a-blank > .heading_title::after,
  .heading-lv3-v3 > .a-blank > .heading_title::after,
  .index-layout > .a-blank .index_label::after,
  .index-layout-v2 > .a-blank .index_label::after,
  .index-layout-v4 > .a-blank .index_label::after,
  .index-layout-v5 > .a-blank .index_label::after,
  .index-layout-v6 > .a-blank .index_label::after,
  .index-layout-v7 > .a-blank .index_label::after,
  .index-layout-v8 > .a-blank .index_label::after,
  .index-layout-v10 > .a-blank .index_label::after,
  .index-layout-v11 > .a-blank .index_label::after,
  .index-layout-v16 > .a-blank .index_label::after,
  .index-layout-v17 > .a-blank .index_label::after,
  .index-layout-v18 > .a-blank .index_label::after,
  .product-index-layout > .a-blank .index_title::after,
  .product-index-layout-v2 > .a-blank .index_title::after,
  .product-index-layout-v4 > .a-blank .index_title::after { width: 14px; height: 14px; background-position: 0px -250px; }
  .a-pdf::after,
  .heading-lv2 > .a-pdf > .heading_title::after,
  .heading-lv3 > .a-pdf > .heading_title::after,
  .heading-lv3-v3 > .a-pdf > .heading_title::after,
  .index-layout > .a-pdf .index_label::after,
  .index-layout-v2 > .a-pdf .index_label::after,
  .index-layout-v4 > .a-pdf .index_label::after,
  .index-layout-v5 > .a-pdf .index_label::after,
  .index-layout-v6 > .a-pdf .index_label::after,
  .index-layout-v7 > .a-pdf .index_label::after,
  .index-layout-v8 > .a-pdf .index_label::after,
  .index-layout-v10 > .a-pdf .index_label::after,
  .index-layout-v11 > .a-pdf .index_label::after,
  .index-layout-v16 > .a-pdf .index_label::after,
  .index-layout-v17 > .a-pdf .index_label::after,
  .index-layout-v18 > .a-pdf .index_label::after,
  .product-index-layout> .a-pdf .index_title::after,
  .product-index-layout-v2 > .a-pdf .index_title::after,
  .product-index-layout-v4 > .a-pdf .index_title::after { width: 14px; height: 14px; background-position: 0px -300px; }
  .a-mail::after { width: 12px; height: 10px; background-position: -200px -350px; }
  .a-excel::after { width: 12px; height: 12px; background-position: 0px -350px; }
  .a-word::after { width: 12px; height: 12px; background-position: -50px -350px; }
  .a-ppt::after { width: 12px; height: 12px; background-position: -100px -350px; }
  .a-rss::after { width: 12px; height: 12px; background-position: -150px -350px; }
  .a-zip::after { width: 9px; height: 12px; background-position: -250px -350px; }
  .a-video::after { width: 13px; height: 11px; background-position: -300px -350px; }
  .heading-lv2 > a.block::before,
  .heading-lv3 > a.block::before,
  .heading-lv3-v3 > a.block::before,
  .text-title-v3 > a::before,
  .link-text-v2 > li > a::before,
  .link-button-v2 > li > a::before,
  .link-button-v6 > li.is-bond a::after,
  .index-layout-v18 > .block .index_title::before,
  .search-file .search_label::before,
  .pager-layout .pager_list > li.type-next > a::before,
  .products-navi-guide .navi_title > a::before,
  .product-search-layout .side-nav .nav_file .block .link-text-v2 > li > span::before,
  .search-condition-file .condition_content .condition_submit .condition_reset > a::before { width: 16px; height: 16px; background-position: 0 -400px; }
  .link-button-v6 a::after {/* width: 22px; height: 22px; background-position: -50px -400px; */}
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow.slick-prev,
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow.slick-prev,
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-prev,
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-prev { width: 20px; height: 20px; background-position: -100px -400px; }
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow.slick-next,
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow.slick-next,
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-next,
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-next { width: 20px; height: 20px; background-position: -150px -400px; }
  .pager-layout .pager_list > li.type-prev > a::before { width: 16px; height: 16px; background-position: -200px -400px; }
  .button-wrap > button.i-search::after { width: 17px; height: 17px; background-position: 0px -450px; }
  .link-button > li > .a-list::after { width: 14px; height: 12px; background-position: -50px -450px; }
  .important-news > .news_heading::before { width: 24px; height: 24px; background-position: -100px -450px; }
  .contact-layout .contact_means > .contact_guide.type-tel .contact_guide_title::before,
  .contact-layout-v2.type-tel > .contact_heading .contact_title::before { width: 17px; height: 17px; background-position: 0px -500px; }
  .contact-layout-v2.type-tel .contact_attention .contact_attention_block.type-address > .contact_attention_title::before { width: 15px; height: 15px; background-position: -150px -550px; }
  .contact-layout-v2.type-fax > .contact_heading .contact_title::before { width: 25px; height: 20px; background-position: -100px -550px; }
  .contact-layout-v2.type-fax .contact_freedial > span::before { width: 42px; height: 24px; background-position: -50px -500px; }
  .contact-layout-v2.type-form .contact_heading .contact_title::before { width: 27px; height: 19px; background-position: -200px -550px; }
  .contact-box-layout .contact_consult .contact_freedial > a::before,
  .contact-box-layout-v2 .contact_freedial > a::before { width: 42px; height: 24px; background-position: -50px -500px; }
  .contact-layout .contact_means > .contact_guide.type-form .contact_guide_title::before { width: 20px; height: 14px; background-position: 0px -550px; }
  .contact-layout .contact_means > .contact_guide.type-mail .contact_guide_title::before { width: 14px; height: 10px; background-position: -50px -550px; }
  
  /* ----- img ----- */
  img[oncontextmenu="return false;"][onmousedown="return false;"][onselectstart="return false;"] {
    -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
  }
  
  /* ----- 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;
  }
  [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;
  }
  
  /* ------------------------------------------------------
   * Element >>> Heading
  ------------------------------------------------------ */
  [class^="heading-lv"] .heading_title {
    line-height: 1.25;
  }
  #main .heading-lv1 + *,
  #main .heading-lv1-v2 + *,
  #main .heading-lv2-v2 + *,
  #main .heading-lv2-v3 + *,
  #main .heading-lv3-v2 + * {
    margin-top: 1.5em;
  }
  #main .heading-lv1 + .text-lead {
    margin-top: 1em;
  }
  #main .heading-lv3-v3 + * {
    margin-top: 1.5em;
  }
  #main .heading-lv2 + *,
  #main .heading-lv3 + *,
  #main .heading-lv4 + * {
    margin-top: 1em;
  }
  
  /* ----- heading-lv1 ----- */
  .heading-lv1 {
    margin: 0 0 1.5em;
  }
  .heading-lv1 .heading_title {
    font-size: 2.3rem;
    font-weight: 900;
  }
  .heading-lv1 .heading_subtitle {
    margin-bottom: .25em;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .heading-lv1 .heading_title + .heading_subtitle {
    margin: .5em 0 0;
  }
  .heading-lv1 .heading_title .heading_title_sub {
    display: block;
    margin-top: .25em;
    font-size: 1.5rem;
  }
  /* v2 */
  .heading-lv1-v2 {
    width: 100vw;
    margin: 0 0 1.5em calc(50% - 50vw);
    padding: 0 15px 10px;
    border-bottom: 2px solid #ddd;
  }
  .heading-lv1-v2 .heading_title {
    font-size: 2.3rem;
    font-weight: 900;
  }
  
  /* ----- heading-lv2 ----- */
  .heading-lv2 {
    margin: 2.25em 0 1em;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
  }
  .heading-lv2 .heading_title {
    font-size: 2rem;
    font-weight: 700;
  }
  .heading-lv2 .heading_title[class*="type-img"] {
    line-height: 1;
  }
  .heading-lv2 .heading_title.type-img1 { width: 304px; }
  .heading-lv2 .heading_title.type-img2 { width: 269px; }
  .heading-lv2 > a.block {
    position: relative;
    padding-left: 25px;
  }
  .heading-lv2 > a.block::before {
    position: absolute;
    top: .4em;
    left: 0;
    content: "";
  }
  .heading-lv2 > a.block.a-blank::after,
  .heading-lv2 > a.block.a-pdf::after {
    display: none;
  }
  .heading-lv2.type-search > .block .heading_title {
    font-size: 2.3rem;
    font-weight: 900;
    text-align: center;
  }
  .heading-lv2 > a.block.a-blank > .heading_title::after,
  .heading-lv2 > a.block.a-pdf > .heading_title::after {
    margin: -3px 0 0 9px;
  }
  .heading-lv2.type-search .heading_results {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .heading-lv2.type-search .heading_hit {
    margin: 1.4em 10px 0 0;
    font-size: 1.3rem;
  }
  .heading-lv2.type-search .heading_hit .heading_hit_all {
    margin-right: 2px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .heading-lv2.type-search .heading_hit .heading_hit_displayed {
    margin: 0 2px;
    font-weight: bold;
  }
  .heading-lv2.type-search .heading_control {
    margin-top: .85em;
  }
  .heading-lv2.type-search .heading_control .heading_control_display {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1;
  }
  .heading-lv2.type-search .heading_control .heading_control_display > dt {
    margin-right: 10px;
    font-size: 1.3rem;
  }
  .heading-lv2.type-search .heading_control .heading_control_display > dd > *:first-child {
    margin-top: 0 !important;
  }
  .heading-lv2.type-sub {
    vertical-align: baseline;
  }
  .heading-lv2.type-sub .block {
    font-size: 0;
  }
  .heading-lv2.type-sub .heading_title {
    display: inline-block;
  }
  .heading-lv2.type-sub .heading_title_sub {
    display: inline-block;
    margin-left: 1em;
    font-size: 1.6rem;
    font-weight: bold;
  }
  /* v2 */
  .heading-lv2-v2 {
    margin: 2.75em 0 2em;
  }
  .heading-lv2-v2 .heading_title {
    font-size: 2.4rem;
    font-weight: 900;
    text-align: center;
  }
  /* v3 */
  .heading-lv2-v3 {
    margin: 2.5em 0 1.75em;
  }
  .heading-lv2-v3 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 2px solid #ddd;
  }
  .heading-lv2-v3 .heading_image {
    margin-right: 10px;
  }
  .heading-lv2-v3 .heading_image.type1 {
    width: 80px;
  }
  .heading-lv2-v3 .heading_image.type2 {
    width: 75px;
  }
  .heading-lv2-v3 .heading_title {
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.25;
  }
  .heading-lv2-v3 .heading_image.type1 + .heading_title {
    width: calc(100% - 80px);
  }
  .heading-lv2-v3 .heading_image.type2 + .heading_title {
    width: calc(100% - 75px);
  }
  .heading-lv2-v3 .heading_title .heading_title_sub {
    display: block;
    margin-bottom: .25em;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .heading-lv2-v3 .heading_title .heading_title_parenthesis {
    display: inline-block;
    text-indent: -.6em;
  }
  
  /* ----- heading-lv3 ----- */
  .heading-lv3 {
    margin: 1.75em 0 1em;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
  }
  .heading-lv3 > a.block {
    position: relative;
    padding-left: 25px;
  }
  .heading-lv3 > a.block::before {
    position: absolute;
    top: .4em;
    left: 0;
  }
  .heading-lv3 > a.block.a-blank::after,
  .heading-lv3 > a.block.a-pdf::after {
    display: none;
  }
  .heading-lv3 .heading_title {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .heading-lv3 > a.block.a-blank > .heading_title::after,
  .heading-lv3 > a.block.a-pdf > .heading_title::after {
    margin: 2px 0 0 9px;
  }
  /* v2 */
  .heading-lv3-v2 {
    margin: 1.75em 0 1.5em;
  }
  .heading-lv3-v2 .heading_title {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
  }
  /* v3 */
  .heading-lv3-v3 {
    margin: 1.75em 0 1em;
  }
  .heading-lv3-v3 > a.block {
    display: inline-block;
    position: relative;
    padding-left: 25px;
  }
  .heading-lv3-v3 > a.block::before {
    position: absolute;
    top: .3em;
    left: 0;
  }
  .heading-lv3-v3 > a.block.a-blank::after,
  .heading-lv3-v3 > a.block.a-pdf::after {
    display: none;
  }
  .heading-lv3-v3 .heading_title {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .heading-lv3-v3 > a.block.a-blank > .heading_title::after,
  .heading-lv3-v3 > a.block.a-pdf > .heading_title::after {
    margin: 2px 0 0 9px;
  }
  
  /* ----- heading-lv4 ----- */
  .heading-lv4 {
    margin: 1.5em 0 1em;
  }
  .heading-lv4 .heading_title {
    position: relative;
    padding-left: 22px;
    font-size: 1.7rem;
    font-weight: 700;
  }
  .heading-lv4 .heading_title::before {
    display: inline-block;
    position: absolute;
    top: .25em;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #777;
    content: "";
  }
  
  /* ----- heading-lv5 ----- */
  .heading-lv5 {
    margin: 1.5em 0 1em;
  }
  .heading-lv5 .heading_title {
    position: relative;
    padding-left: 22px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .heading-lv5 .heading_title::before {
    display: inline-block;
    position: absolute;
    top: 0.3em;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #777;
    content: "";
  }
  
  /* ------------------------------------------------------
   * Element >>> Text
  ------------------------------------------------------ */
  /* ----- text-paragraph ----- */
  .text-paragraph {
    margin-top: 1em !important;
  }
  .text-paragraph[data-gap-sp="x0"]   { margin-top: 0 !important; }
  .text-paragraph[data-gap-sp="x0.5"] { margin-top: .5em !important; }
  .text-paragraph[data-gap-sp="x1"]   { margin-top: 1em !important; }
  .text-paragraph[data-gap-sp="x1.5"] { margin-top: 1.5em !important; }
  .text-paragraph[data-gap-sp="x2"]   { margin-top: 2em !important; }
  .text-paragraph[data-gap-sp="x2.5"] { margin-top: 2.5em !important; }
  .text-paragraph[data-gap-sp="x3"]   { margin-top: 3em !important; }
  
  /* ----- text-lead ----- */
  .text-lead {
    margin: 1em 0 .75em;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
  }
  #main .text-lead + * {
    margin-top: .75em;
  }
  
  /* ----- text-title ----- */
  .text-title {
    margin: 1.5em 0 .75em;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .text-title-v2 {
    margin: 1.5em 0 .75em;
    font-weight: bold;
  }
  .text-title-v3 {
    margin: 1.5em 0 .75em;
    font-weight: bold;
  }
  .text-title-v3 > a {
    display: inline-block;
    position: relative;
    padding-left: 23px;
  }
  .text-title-v3 > a::before {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: .1em;
    left: 0;
    content: "";
  }
  .text-title-v3 > a.a-blank::after,
  .text-title-v3 > a.a-pdf::after {
    margin: 0 0 0 9px;
  }
  .text-title-v3 + .column-media {
    margin-top: .75em;
  }
  /* v4 */
  .text-title-v4 {
    margin: 2.5em 0 1em;
    font-size: 2.1rem;
    font-weight: bold;
  }
  .text-title-v4 + * {
    margin-top: 1em;
  }
  
  /* ----- text-url ----- */
  .text-url {
    word-break: break-all;
  }
  
  /* ----- text-unit ----- */
  .text-unit {
    margin: 2em 0 .75em;
    font-size: 1.2rem;
    text-align: right;
  }
  
  /* ------------------------------------------------------
   * Element >>> 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-note ----- */
  .list-note > li {
    position: relative;
    padding-left: 1.2em;
    color: #555;
    font-size: 1.1rem;
  }
  .list-note > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* v2 */
  .list-note-v2 > li {
    position: relative;
    padding-left: 2.4em;
    font-size: 1.1rem;
    color: #555;
  }
  .list-note-v2 > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* v3 */
  .list-note-v3 > li {
    position: relative;
    padding-left: 3em;
    font-size: 1.1rem;
    color: #555;
  }
  .list-note-v3 > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  /* ----- list-bullet ----- */
  .list-bullet > li {
    position: relative;
    padding-left: 15px;
  }
  .list-bullet > li::before {
    position: absolute;
    top: .45em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #777;
    content: "";
  }
  .list-bullet > li > .list_detail.is-noindent {
    margin-left: -15px;
  }
  /* v2 */
  .list-bullet-v2 > li {
    position: relative;
    padding-left: 16px;
    font-size: 1.2rem;
  }
  .list-bullet-v2 > li::before {
    position: absolute;
    top: .45em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #999;
    content: "";
  }
  .list-bullet-v2 > li > .list_detail.is-noindent {
    margin-left: -16px;
  }
  
  /* ----- list-order ----- */
  .list-order > li {
    position: relative;
    padding-left: 2em;
  }
  .list-order > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
  }
  .list-order > li > .list_detail.is-noindent {
    margin-left: -2em;
  }
  /* v2 */
  .list-order-v2 > li {
    position: relative;
    padding-left: 3.5em;
  }
  .list-order-v2 > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order-v2 > li > .list_detail.is-noindent {
    margin-left: -3.5em;
  }
  /* v3 */
  .list-order-v3 > li {
    position: relative;
    padding-left: 3.2em;
  }
  .list-order-v3 > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-order-v3 > li > .list_detail.is-noindent {
    margin-left: -3.2em;
  }
  
  /* ----- list-description ----- */
  .list-description > dt {
    margin: 1.5em 0 .5em;
    font-weight: bold;
  }
  .list-description > dt:first-child {
    margin-top: 0 !important;
  }
  .list-description > dd {
    padding-left: 10px;
  }
  .list-description > dd > *:first-child,
  .list-description > dd:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v2 */
  .list-description-v2 > dt {
    margin: 1.5em 0 .5em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .list-description-v2 > dt:first-child {
    margin-top: 0 !important;
  }
  /* v3 */
  .list-description-v3 > dt {
    position: relative;
    margin: 1.5em 0 .5em;
    padding-left: 25px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .list-description-v3 > dt::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #418fde;
    content: "";
  }
  .list-description-v3 > dt:first-child {
    margin-top: 0 !important;
  }
  /* v4 */
  .list-description-v4 + .list-description-v4 {
    margin-top: 1em;
  }
  .list-description-v4 > dt {
    margin-bottom: .25em;
    font-weight: bold;
  }
  .list-description-v4 > dd:first-child {
    margin-top: 0 !important;
  }
  /* v5 */
  .list-description-v5 + .list-description-v5 {
    margin-top: 1em;
  }
  .list-description-v5 > dt {
    margin-bottom: .25em;
    font-weight: bold;
  }
  .list-description-v5 > dd:first-child {
    margin-top: 0 !important;
  }
  
  /* ------------------------------------------------------
   * Element >>> 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*="box-layout"] > [class*="box_detail"][data-layout-sp="scroll"] [class*="link-button"][data-row-sp="auto"] {
    margin-right: 0;
    margin-bottom: 0;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  [class*="box-layout"] > [class*="box_detail"][data-layout-sp="scroll"] [class*="link-button"][data-row-sp="auto"] > li {
    -webkit-flex: 0 0 210px;
    flex: 0 0 210px;
    margin-bottom: 0;
  }
  [class*="box-layout"] > [class*="box_detail"][data-layout-sp="scroll"] [class*="link-button"][data-row-sp="auto"] > li:first-child {
    -webkit-flex-basis: 225px;
    flex-basis: 225px;
    padding-left: 15px;
  }
  [class*="box-layout"] > [class*="box_detail"][data-layout-sp="scroll"] [class*="link-button"][data-row-sp="auto"] > li:last-child {
    -webkit-flex-basis: 225px;
    flex-basis: 225px;
    margin-right: 0;
    padding-right: 15px;
  }
  [class*="link-"].is-nest {
    margin: .75em 0 1em;
  }
  
  /* ----- link-inline ----- */
  .link-inline.a-blank::after,
  .link-inline.a-pdf::after,
  .link-inline.a-mail::after,
  .link-inline.a-excel::after,
  .link-inline.a-word::after,
  .link-inline.a-ppt::after,
  .link-inline.a-rss::after,
  .link-inline.a-zip::after,
  .link-inline.a-video::after {
    margin: 0 7px;
  }
  .link-inline.a-blank::after,
  .link-inline.a-pdf::after {
    position: relative;
    top: -1px;
  }
  
  /* ----- link-text ----- */
  .link-text > li > a,
  .link-text > li > .is-nolink {
    display: inline-block;
    position: relative;
    padding-left: 16px;
  }
  .link-text > li > a::before {
    position: absolute;
    top: .45em;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .link-text > li > a.a-down::before {
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .link-text > li > .a-blank::after,
  .link-text > li > .a-pdf::after,
  .link-text > li > .a-mail::after,
  .link-text > li > .a-excel::after,
  .link-text > li > .a-word::after,
  .link-text > li > .a-ppt::after,
  .link-text > li > .a-rss::after,
  .link-text > li > .a-zip::after,
  .link-text > li > .a-video::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: 23px;
    font-weight: bold;
  } 
  .link-text-v2 > li > a::before {
    position: absolute;
    top: .1em;
    left: 0;
    content: "";
  } 
  .link-text-v2 > li > .a-blank::after,
  .link-text-v2 > li > .a-pdf::after,
  .link-text-v2 > li > .a-mail::after,
  .link-text-v2 > li > .a-excel::after,
  .link-text-v2 > li > .a-word::after,
  .link-text-v2 > li > .a-ppt::after,
  .link-text-v2 > li > .a-rss::after,
  .link-text-v2 > li > .a-zip::after,
  .link-text-v2 > li > .a-video::after {
    margin: -3px 0 0 9px;
  }
  
  /* ----- link-button ----- */
  .link-button a {
    display: inline-block;
    position: relative;
    min-width: 65%;
    max-width: 100%;
    padding: 8px 10px 10px 35px;
    border: 2px solid #222;
    background-color: #fff;
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }
  .link-button a.a-login {
    background-color: #fcd22b;
  }
  .link-button a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    border-right: 2px solid #222;
    background-color: #418fde;
    content: "";
  }
  .link-button a.a-login::before {
    border-right-color: transparent;
    background-color: transparent;
  }
  .link-button .a-blank,
  .link-button .a-pdf,
  .link-button .a-mail {
    padding-right: 30px;
  }
  .link-button .a-blank::after,
  .link-button .a-pdf::after,
  .link-button .a-mail::after {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .link-button .a-list::after {
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -5px;
  }
  .link-button .link_label {
    position: relative;
    display: block;
    width: 100%;
  }
  .link-button a.a-login .link_label {
    padding-right: 15px;
  }
  .link-button .link_label::before {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .link-button a.a-login .link_label::before {
    border-top-color: #222;
    border-right-color: #222;
  }
  .link-button a.a-list .link_label::before {
    display: none;
  }
  /* v2 */
  .link-button-v2 a {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 17px 10px 18px 32px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
  }
  .link-button-v2[data-row-sp] a {
    min-height: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .link-button-v2 a::before {
    position: absolute;
    top: 50%;
    left: 8px;
    margin: -8px 0 0 0;
  }
  .link-button-v2 .a-blank,
  .link-button-v2 .a-pdf,
  .link-button-v2 .a-zip {
    padding-right: 30px;
  }
  .link-button-v2 .a-blank::after,
  .link-button-v2 .a-pdf::after,
  .link-button-v2 .a-zip::after {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .link-button-v2 .link_label {
    display: inline-block;
  }
  /* v3 */
  .link-button-v3 a {
    display: table !important;
    table-layout: fixed;
    position: relative;
    width: 100%;
    padding: 0 10px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .link-button-v3 a .link_image {
    display: table-cell;
    width: 40px;
    padding: 8px 5px 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  .link-button-v3 a .link_image.type1 img { width: 28px; }
  .link-button-v3 a .link_image.type2 img { width: 22px; }
  .link-button-v3 a .link_image.type3 img { width: 34px; }
  .link-button-v3 a .link_label {
    display: table-cell;
    padding: 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  /* v4 */
  .link-button-v4 a {
    display: table !important;
    table-layout: fixed;
    position: relative;
    width: 100%;
    padding: 0 10px;
    border: 2px solid #418fde;
    background-color: #fff;
    color: #418fde;
    font-size: 1.3rem;
    line-height: 1.25;
  }
  .link-button-v4 a .link_image {
    display: table-cell;
    width: 40px;
    padding: 8px 5px 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  .link-button-v4 a .link_image.type5,
  .link-button-v4 a .link_image.type6,
  .link-button-v4 a .link_image.type10 {
    width: 50px;
    height: 55px;
  }
  .link-button-v4 a .link_image.type1 img { width: 30px; }
  .link-button-v4 a .link_image.type2 img { width: 31px; }
  .link-button-v4 a .link_image.type3 img { width: 30px; }
  .link-button-v4 a .link_image.type4 img { width: 29px; }
  .link-button-v4 a .link_image.type5 img { width: 39px; }
  .link-button-v4 a .link_image.type6 img { width: 45px; }
  .link-button-v4 a .link_image.type7 img { width: 27px; }
  .link-button-v4 a .link_image.type8 img { width: 30px; }
  .link-button-v4 a .link_image.type9 img { width: 25px; }
  .link-button-v4 a .link_image.type10 img { width: 36px; }
  .link-button-v4 a .link_label {
    display: table-cell;
    padding: 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  .link-button-v4 a .link_image.type5 + .link_label,
  .link-button-v4 a .link_image.type6 + .link_label,
  .link-button-v4 a .link_image.type10 + .link_label  {
    font-weight: 700;
  }
  /* v5 */
  .link-button-v5[data-row-sp="2"] > li {
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
  }
  .link-button-v5 a {
    display: table !important;
    table-layout: fixed;
    position: relative;
    width: 100%;
    padding: 0 8px;
    background-color: #fff;
    color: #333;
    font-size: 1.3rem;
    line-height: 1.25;
  }
  .link-button-v5 a .link_image {
    display: table-cell;
    width: 45px;
    padding: 8px 15px 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  .link-button-v5 a .link_image img {
    width: 100%;
  }
  .link-button-v5 a .link_label {
    display: table-cell;
    padding: 8px 0;
    text-align: left;
    vertical-align: middle;
  }
  /* v6 */
  .link-button-v6 > li {
    /* border: 2px solid #222;*/
  }
  .link-button-v6 a {
    display: table;
    position: relative;
    width: 100%;
    padding: 0 30px 0 0;
    background-color: #fff;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .link-button-v6 > li.is-bond a {
    padding-right: 40px;
  }
  .link-button-v6 > li.is-bond a + a {
    margin-top: 2px;
  }
  .link-button-v6 > li.is-bond a + a::before {
    position: absolute;
    top: -2px;
    left: 10px;
    width: calc(100% - 26px);
    height: 2px;
    background-color: #ddd;
    content: "";
  }
  .link-button-v6 a::after {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .link-button-v6 > li.is-bond a::after {
    top: 50%;
    right: 13px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .link-button-v6 a:hover {
    background-color: #e5f2ff;
  }
  .link-button-v6 a .link_image {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
  }
  .link-button-v6 a .link_image.type1  img { width: 34px; }
  .link-button-v6 a .link_image.type2  img { width: 29px; }
  .link-button-v6 a .link_image.type3  img { width: 31px; }
  .link-button-v6 a .link_image.type4  img { width: 25px; }
  .link-button-v6 a .link_image.type5  img { width: 32px; }
  .link-button-v6 a .link_image.type6  img { width: 24px; }
  .link-button-v6 a .link_image.type7  img { width: 32px; }
  .link-button-v6 a .link_image.type8  img { width: 32px; }
  .link-button-v6 a .link_image.type9  img { width: 36px; }
  .link-button-v6 a .link_image.type10 img { width: 27px; }
  .link-button-v6 a .link_image.type11 img { width: 31px; }
  .link-button-v6 a .link_image.type12 img { width: 33px; }
  .link-button-v6 a .link_image.type13 img { width: 34px; }
  .link-button-v6 a .link_image.type14 img { width: 36px; }
  .link-button-v6 a .link_image.type15 img { width: 32px; }
  .link-button-v6 a .link_image.type16 img { width: 30px; }
  .link-button-v6 a .link_image.type17 img { width: 32px; }
  .link-button-v6 a .link_image.type18 img { width: 32px; position: relative; bottom: -2px; }
  .link-button-v6 a .link_image.type19 img { width: 35px; }
  .link-button-v6 a .link_image.type20 img { width: 33px; }
  .link-button-v6 a .link_label {
    display: table-cell;
    width: calc(100% - 60px);
    height: 61px;
    padding: 5px 0;
    text-align: left;
    vertical-align: middle;
  }
  /* v7 */
  .link-button-v7 > li {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .link-button-v7[data-row-sp] > li {
    margin-top: 1em;
  }
  .link-button-v7 a {
    display: inline-block;
    max-width: 100%;
    padding: 10px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    line-height: 1.5;
    text-align: center;
  }
  .link-button-v7.color1 a {
    border-color: #418fde;
    color: #3381d0;
  }
  .link-button-v7.color2 a {
    border-color: #ee8080;
    color: #e15151;
  }
  .link-button-v7.color3 a {
    border-color: #77c055;
    color: #55b022;
  }
  .link-button-v7 .link_label {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .link-button-v7 .link_label_sub {
    color: #555;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .link-button-v7[data-row-sp].js-equalHeight a {
    display: table;
    width: 100%;
    height: 65px;
  }
  .link-button-v7[data-row-sp].js-equalHeight [class*="js-equalHeight_"] .link_label {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .link-button-v7 > li > [class*="list-note"] {
    margin-top: .5em;
  }
  /* v8 */
  .link-button-v8 a {
    display: block;
    position: relative;
    padding: 10px 40px 10px 10px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
    line-height: 1.25;
  }
  .link-button-v8 a::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background-color: #418fde;
    content: "";
  }
  .link-button-v8 a::after {
    position: absolute;
    right: 19px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .link-button-v8 .link_inner {
    display: inline-table;
    position: relative;
    table-layout: fixed;
    vertical-align: top;
  }
  .link-button-v8 .link_image {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
  }
  .link-button-v8 .link_label {
    display: table-cell;
    padding: 0 0 0 15px;
    text-align: left;
    vertical-align: middle;
  }
  
  /* ------------------------------------------------------
   * Element >>> Navi
  ------------------------------------------------------ */
  /* ----- navi-anchor ----- */
  .navi-anchor, .navi-anchor-v2 {
    margin-top: 2em;
  }
  .navi-anchor > .navi_inner,
  .navi-anchor-v2 > .navi_inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .navi-anchor > .navi_inner > li,
  .navi-anchor-v2 > .navi_inner > li {
    width: 50%;
    padding: 3px 0;
    margin-top: 1em;
  }
  .navi-anchor > .navi_inner > li:nth-child(2n+1),
  .navi-anchor-v2 > .navi_inner > li:nth-child(2n+1) {
    padding-right: 12px;
  }
  .navi-anchor > .navi_inner > li:nth-child(2n),
  .navi-anchor-v2 > .navi_inner > li:nth-child(2n) {
    padding-left: 12px;
    border-left: solid 1px #ccc;
  }
  .navi-anchor > .navi_inner > li:nth-child(-n+2),
  .navi-anchor-v2 > .navi_inner > li:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  .navi-anchor > .navi_inner > li > a,
  .navi-anchor-v2 > .navi_inner > li > a {
    display: inline-block;
    position: relative;
    padding-left: 18px;
  }
  .navi-anchor > .navi_inner > li > a:hover,
  .navi-anchor-v2 > .navi_inner > li > a:hover {
    text-decoration: underline;
  }
  .navi-anchor > .navi_inner > li > a::before,
  .navi-anchor-v2 > .navi_inner > li > a::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
  }
  
  /* ----- navi-local ----- */
  .navi-local {
    margin-top: 3em;
  }
  .navi-local > *:first-child,
  .navi-local > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .navi-local .navi_head {
    background-color: #777;
    text-align: center;
  }
  .navi-local .navi_head > a {
    display: block;
    position: relative;
    padding: 12px 30px 10px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.25;
  }
  .navi-local .navi_head > a::after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .navi-local .navi_category {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
  }
  .navi-local .navi_category_head {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    background-color: #f6f6f6;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
  }
  .navi-local .navi_category_list > li {
    margin-top: 0 !important;
  }
  .navi-local .navi_category_list > li > a {
    display: block;
    position: relative;
    padding: 14px 30px 13px 12px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    line-height: 1.25;
  }
  .navi-local .navi_category_list > li:last-child > a {
    border-bottom: none;
  }
  .navi-local .navi_category_list > li.is-current > a {
    background-color: #e5f2ff;
    color: #3381d0;
  }
  .navi-local .navi_category_list > li > a::after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .navi-local .navi_category_list > li > .a-blank::after,
  .navi-local .navi_category_list > li > .a-pdf::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: none !important;
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  .navi-local [class*="ruled-line"] {
    margin: 1.5em 0;
  }
  .navi-local [class*="ruled-line"] + .navi_category {
    border-top: 2px solid #ddd;
  }
  
  /* ----- select-navi-local ----- */
  .select-navi-local {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 2em;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
  .select-navi-local .navi_lead {
    margin-right: 10px;
    font-weight: bold;
    line-height: 1.25;
  }
  .select-navi-local .navi_links > *:first-child,
  .select-navi-local .navi_links > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .select-navi-local .navi_links .selectbox-wrap .selectbox_field select {
    min-width: 105px;
  }
  /* ----- navi-topic ----- */
  .navi-topic {
    border-top: 1px solid #ccc;
    text-align: center;
  }
  .navi-topic .navi_text {
    margin-top: 1em;
    font-size: 1.4rem;
  }
  .navi-topic .navi_text,
  .navi-topic [class*="link-text"] {
    font-size: 1.5rem;
  }
  .navi-topic [class*="link-text"] {
    margin-top: .7em;
    text-align: center !important;
  }
  /* v2 */
  .navi-topic-v2 {
    margin-top: 1.25em;
  }
  .navi-topic-v2 > *:first-child {
    margin-top: 0 !important;
  }
  .navi-topic-v2 > * + * {
    margin: .75em 0 0;
  }
  
  /* ------------------------------------------------------
   * Element >>> Image
  ------------------------------------------------------ */
  /* ----- image-set ----- */
  .image-set {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.5em;
  }
  .image-set.type-banner {
    margin-top: 2.25em;
  }
  .download-accordion .download-accordion_detail .image-set {
    padding: 0 22px;
  }
  [class*="column-media"] > .column_image > .image-set + .image-set {
    margin-top: 1em;
  }
  .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;
  }
  
  /* ------------------------------------------------------
   * Element >>> Form
  ------------------------------------------------------ */
  /* ----- selectbox-wrap ----- */
  .selectbox-wrap {
  }
  .selectbox-wrap > *:first-child {
    margin-top: 0 !important;
  }
  .selectbox-wrap .selectbox_field {
    display: inline-block;
    position: relative;
    background-color: #fff;
  }
  .selectbox-wrap.has-label > .selectbox_field {
    display: table-cell;
    vertical-align: middle;
  }
  .selectbox-wrap .selectbox_field::after {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-top: 8px solid #418fde;
    border-right: 5px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 5px solid transparent;
    content:"";
  }
  .selectbox-wrap .selectbox_field select {
    display: block;
    position: relative;
    height: 40px;
    margin: 0;
    padding: 8px 25px 6px 10px;
    border: 1px solid #ccc;
    background: none !important;
    text-transform: none;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  /* v2 */
  .selectbox-wrap-v2 > *:first-child {
    margin-top: 0 !important;
  }
  .selectbox-wrap-v2 .selectbox_field {
    display: inline-block;
    position: relative;
    background-color: #777;
  }
  .selectbox-wrap-v2.has-label > .selectbox_field {
    display: table-cell;
    vertical-align: middle;
  }
  .selectbox-wrap-v2 .selectbox_field::after {
   position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-top: 8px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 5px solid transparent;
    content:"";
  }
  .selectbox-wrap-v2 .selectbox_field select {
    display: block;
    position: relative;
    padding: 8px 25px 6px 10px;
    border: none;
    background: none !important;
    color: #fff;
    text-transform: none;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .selectbox-wrap-v2 .selectbox_field select option {
    background-color: #777;
  }
  
  /* ----- radio-wrap ----- */
  .radio-wrap {
    position: relative;
  }
  .radio-wrap [type="radio"] {
    position: absolute;
    opacity: 0;
  }
  .radio-wrap .radio_label {
    display: inline-block;
    padding-left: 32px;
  }
  .radio-wrap .radio_label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
  }
  .radio-wrap [type="radio"]:checked + .radio_label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #418fde;
  }
  
  /* ----- checkbox-wrap ----- */
  .checkbox-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 100%;
  }
  .checkbox-wrap [type="checkbox"] {
    position: absolute;
    opacity: 0;
  }
  .checkbox-wrap .checkbox_label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 11px 10px 11px 37px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 1.5;
  }
  .input-columns.is-bond[data-row-sp="1"] > .input_item:nth-child(n+2) .checkbox-wrap .checkbox_label,
  .input-columns.is-bond[data-row-sp="2"] > .input_item:nth-child(n+3) .checkbox-wrap .checkbox_label {
    border-top: none;
  } 
  .input-columns.is-bond[data-row-sp="2"] > .input_item:nth-child(2n) .checkbox-wrap .checkbox_label {
    border-left: none;
  } 
  .checkbox-wrap .checkbox_label::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 2px solid #ccc;
    background-color: #fff;
    content: "";
  }
  .checkbox-wrap [type="checkbox"]:checked + .checkbox_label::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 12px;
    height: 6px;
    margin-top: -4px;
    border-bottom: 2px solid #418fde;
    border-left: 2px solid #418fde;
    background-color: transparent;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    content: "";
  }
  .checkbox-wrap .checkbox_label .checkbox_image {
    margin-right: 10px;
  }
  .checkbox-wrap [id="cbox_eco1"] + .checkbox_label .checkbox_image img { width: 27px; }
  .checkbox-wrap [id="cbox_eco2"] + .checkbox_label .checkbox_image img { width: 50px; position: relative; top: 2px; }
  .checkbox-wrap [id="cbox_eco3"] + .checkbox_label .checkbox_image img { width: 50px; position: relative; top: 2px; }
  
  /* ----- button-wrap ----- */
  .button-wrap {
    margin-top: 1.5em;
  }
  .button-wrap > button {
    display: inline-block;
    position: relative;
    min-width: 65%;
    max-width: 100%;
    padding: 8px 10px 10px 35px;
    border: 2px solid #222;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  .button-wrap > button::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    border-right: 2px solid #222;
    background-color: #418fde;
    content: "";
  }
  .button-wrap > button::after {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .button-wrap > button.i-search::after {
    margin-top: -7px;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .button-wrap .button_label {
    display: inline-block;
  }
  
  /* ----- input-columns ----- */
  .input-columns {
    margin-top: 1.5em;
  }
  .input-columns > .input_item {
    margin-top: 1em;
  }
  .input-columns.is-bond > .input_item {
    margin-top: 0 !important;
  }
  .input-columns.is-bond[data-row-sp="2"] > .input_item {
    width: 50% !important;
    margin-left: 0 !important;
  }
  .input-columns > .input_item > *:first-child,
  .input-columns > .input_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- input-label ----- */
  .input-label {
    display: inline-block;
    vertical-align: middle;
  }
  .has-label .input-label {
    display: table-cell;
  }
  .input-label.is-head {
    padding-right: .75em;
  }
  .input-label.is-tail {
    padding-left: .5em;
  }
  
  /* ----- input-set ----- */
  .input-set > dt {
    display: inline-block;
    min-width: 75px;
    padding: 2px 5px 0;
    background-color: #777;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
  }
  .input-set > dd {
    margin-top: .75em;
  }
  .input-set > dd > *:first-child,
  .input-set > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ------------------------------------------------------
   * Element >>> Other
  ------------------------------------------------------ */
  /* ----- ruled-line ----- */
  [class*="ruled-line"] > hr {
    display: block;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    border: none;
  }
  .ruled-line {
    margin: 3em 0 2em;
  }
  .ruled-line > hr {
    height: 2px;
    background-color: #ddd;
  }
  /* v2 */
  .ruled-line-v2 {
    margin: 1.5em 0 2.5em;
  }
  .ruled-line-v2 > hr {
    height: 1px;
    background-color: #ddd;
  }
  .box-layout-v7 .ruled-line-v2 {
    margin: 1.5em 0;
  }
  .box-layout-v7 .ruled-line-v2 > hr {
    width: 100%;
    margin: 0;
  }
  
  /* ----- icon-new ----- */
  .icon-new {
    display: block;
    position: relative;
    overflow: hidden;
    width: 15%;
    height: 15%;
    border: 2px solid #222;
    background-color: #fcd22b;
    text-indent: -9999em;
  }
  .icon-new.type-circle {
    width: 20%;
    height: 20%;
    border-radius: 50%;
  }
  .icon-new::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    background: url(/common/img/cmn_new_ic02.png) no-repeat 50% 50%;
    background-size: 100% auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: "";
  }
  
  /* ----- icon-shop ----- */
  .icon-shop {
    display: inline-block;
    position: relative;
    min-width: 60px;
    padding: 0 3px;
    background-color: #ccc;
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
  }
  .icon-shop.type1 { background-color: #d9e8f3; color: #333; }
  .icon-shop.type2 { background-color: #dfdfdf; color: #888; }
  
  /* ----- icon-color ----- */
  .icon-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    vertical-align: top;
    line-height: 1;
  }
  .icon-color.type-1001 {
    background-image: url(/common/img/cmn_color_ic01_1001.png);
  }
  .icon-color.type-1002 {
    background-image: url(/common/img/cmn_color_ic01_1002.png);
  }
  .icon-color.type-1003 {
    background-image: url(/common/img/cmn_color_ic01_1003.png);
  }
  .icon-color.type-1004 {
    background-image: url(/common/img/cmn_color_ic01_1004.png);
  }
  .icon-color.type-1005 {

    background-image: url(/common/img/cmn_color_ic01_1005.png);
  }
  .icon-color.type-1006 {
    background-image: url(/common/img/cmn_color_ic01_1006.png);
  }
  .icon-color.type-1007 {
    background-image: url(/common/img/cmn_color_ic01_1007.png);
  }
  .icon-color.type-1008 {
    background-image: url(/common/img/cmn_color_ic01_1008.png);
  }
  .icon-color.type-1009 {
    background-image: url(/common/img/cmn_color_ic01_1009.png);
  }
  .icon-color.type-1010 {
    background-image: url(/common/img/cmn_color_ic01_1010.png);
  }
  .icon-color.type-1011 {
    background-image: url(/common/img/cmn_color_ic01_1011.png);
  }
  .icon-color.type-1012 {
    background-image: url(/common/img/cmn_color_ic01_1012.png);
  }
  .icon-color.type-1013 {
    background-image: url(/common/img/cmn_color_ic01_1013.png);
  }
  .icon-color.type-1014 {
    background-image: url(/common/img/cmn_color_ic01_1014.png);
  }
  .icon-color.type-1015 {
    background-image: url(/common/img/cmn_color_ic01_1015.png);
  }
  .icon-color.type-1016 {
    background-image: url(/common/img/cmn_color_ic01_1016.png);
  }
  .icon-color.type-1017 {
    background-image: url(/common/img/cmn_color_ic01_1017.png);
  }
  .icon-color.type-1018 {
    background-image: url(/common/img/cmn_color_ic01_1018.png);
  }
  .icon-color.type-1019 {
    background-image: url(/common/img/cmn_color_ic01_1019.png);
  }
  .icon-color.type-1020 {
    background-image: url(/common/img/cmn_color_ic01_1020.png);
  }
  .icon-color.type-1021 {
    background-image: url(/common/img/cmn_color_ic01_1021.png);
  }
  .icon-color.type-1022 {
    background-image: url(/common/img/cmn_color_ic01_1022.png);
  }
  .icon-color.type-1023 {
    background-image: url(/common/img/cmn_color_ic01_1023.png);
  }
  .icon-color.type-1024 {
    background-image: url(/common/img/cmn_color_ic01_1024.png);
  }
  .icon-color.type-1025 {
    background-image: url(/common/img/cmn_color_ic01_1025.png);
  }
  .icon-color.type-1026 {
    background-image: url(/common/img/cmn_color_ic01_1026.png);
  }
  .icon-color.type-1027 {
    background-image: url(/common/img/cmn_color_ic01_1027.png);
  }
  .icon-color.type-1028 {
    background-image: url(/common/img/cmn_color_ic01_1028.png);
  }
  .icon-color.type-1029 {
    background-image: url(/common/img/cmn_color_ic01_1029.png);
  }
  .icon-color.type-1030 {
    background-image: url(/common/img/cmn_color_ic01_1030.png);
  }
  .icon-color.type-1031 {
    background-image: url(/common/img/cmn_color_ic01_1031.png);
  }
  .icon-color.type-1032 {
    background-image: url(/common/img/cmn_color_ic01_1032.png);
  }
  .icon-color.type-1033 {
    background-image: url(/common/img/cmn_color_ic01_1033.png);
  }
  .icon-color.type-1034 {
    background-image: url(/common/img/cmn_color_ic01_1034.png);
  }
  .icon-color.type-1035 {
    background-image: url(/common/img/cmn_color_ic01_1035.png);
  }
  
  /* ----- icon-environment ----- */
  .icon-environment {
    display: inline-block;
    width: 30px;
    line-height: 1;
    vertical-align: top;
  }
  
  /* ------------------------------------------------------
   * 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;
  }
  /* v2 */
  .column-layout-v2 {
    margin-top: 1.75em;
  }
  .column-layout-v2 > .column_item {
    margin-top: 1.25em;
  }
  /* v3 */
  .column-layout-v3 {
    margin-top: 1.75em;
  }
  .column-layout-v3 > .column_item {
    margin-top: 1.25em;
  }
  
  /* ----- column-grid ----- */
  .column-grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 2.5em;
    margin-right: -calc(15px / 2);
    margin-left: -calc(15px / 2);
  }
  .column-grid > .column_item {
    padding-right: calc(15px / 2);
    padding-left: calc(15px / 2);
  }
  .column-grid > .column_item[data-grid-sp="1/1"] { width: 100%; }
  .column-grid > .column_item[data-grid-sp="1/1"]:nth-child(n+2) { margin-top: 1.25em; }
  .column-grid > .column_item[data-grid-sp="1/3"] { width: calc(100% / 3 * 1); }
  .column-grid > .column_item[data-grid-sp="2/3"] { width: calc(100% / 3 * 2); }
  
  /* ----- 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;
  }
  
  /* ----- category-column-layout ----- */
  .category-column-layout {
    margin-top: .725em;
    background-color: #ddd;
    border: 2px solid #222;
  }
  .category-column-layout[data-row-pc]:not([data-row-pc="auto"]) > * {
    margin-top: 0;
  }
  .category-column-layout[data-row-sp="3"] > *:nth-child(n+4),
  .category-column-layout[data-row-sp="4"] > *:nth-child(n+5),
  .category-column-layout[data-row-sp="5"] > *:nth-child(n+6),
  .category-column-layout[data-row-sp="6"] > *:nth-child(n+7) {
    margin-top: 1px !important;
  }
  .category-column-layout[data-row-sp="2"] > *,
  .category-column-layout[data-row-sp="3"] > *,
  .category-column-layout[data-row-sp="4"] > *,
  .category-column-layout[data-row-sp="5"] > *,
  .category-column-layout[data-row-sp="6"] > * {
    margin-left: 1px;
  }
  .category-column-layout[data-row-sp="2"] > * { width: calc((100% - 1px) / 2); }
  .category-column-layout[data-row-sp="3"] > * { width: calc((100% - 2px) / 3); }
  .category-column-layout[data-row-sp="4"] > * { width: calc((100% - 3px) / 4); }
  .category-column-layout[data-row-sp="5"] > * { width: calc((100% - 4px) / 5); }
  .category-column-layout[data-row-sp="6"] > * { width: calc((100% - 5px) / 6); }
  .category-column-layout[data-row-sp] > *.is-stretch { width: 100%; }
  
  /* ----- pickup-column-layout ----- */
  .pickup-column-layout {
    margin-top: 2.5em;
  }
  .pickup-column-layout[data-row-pc]:not([data-row-pc="auto"]) > * {
    margin-top: .125em;
  }
  .pickup-column-layout[data-row-sp="2"] > *,
  .pickup-column-layout[data-row-sp="3"] > *,
  .pickup-column-layout[data-row-sp="4"] > *,
  .pickup-column-layout[data-row-sp="5"] > *,
  .pickup-column-layout[data-row-sp="6"] > * {
    margin-left: 1px;
  }
  .pickup-column-layout[data-row-sp="2"] > * { width: calc((100% - 1px) / 2); }
  .pickup-column-layout[data-row-sp="3"] > * { width: calc((100% - 2px) / 3); }
  .pickup-column-layout[data-row-sp="4"] > * { width: calc((100% - 3px) / 4); }
  .pickup-column-layout[data-row-sp="5"] > * { width: calc((100% - 4px) / 5); }
  .pickup-column-layout[data-row-sp="6"] > * { width: calc((100% - 5px) / 6); }
  .pickup-column-layout[data-row-sp] > *.is-stretch { width: 100%; }
  
  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  [class^="table-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  #main .text-unit + [class*="table-layout"] {
    margin-top: 0;
  }
  [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: #ffe0e0;
    font-weight: bold;
  }
  .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: #418fde;
  }
  .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: 2em;
  }
  .table-layout-v2 .table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
  }
  .table-layout-v2 caption {
    margin-bottom: .75em;
    text-align: left;
  }
  .table-layout-v2 caption > *:first-child {
    margin-top: 0 !important;
  }
  .table-layout-v2 caption > *:last-child {
    margin-bottom: 0 !important;
  }
  .table-layout-v2 th,
  .table-layout-v2 td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
  }
  .table-layout-v2 thead th {
    vertical-align: middle;
  }
  .table-layout-v2 .cell-style1 {
    background-color: #f2f7fb;
  }
  .table-layout-v2 th > *:first-child,
  .table-layout-v2 td > *:first-child,
  .table-layout-v2 th > section:first-child > [class*="heading-lv"],
  .table-layout-v2 td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- spec-table-layout ----- */
  .spec-table-layout {
    margin-top: 2em;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  .spec-table-layout .spec_item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .spec-table-layout .spec_item > dt,
  .spec-table-layout .spec_item > dd {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -wejustify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .spec-table-layout .spec_item > dt {
    width: 40%;
    background-color: #f1f1f1;
  }
  .spec-table-layout .spec_item > dd {
    width: 60%;
  }
  
  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  [class*="box-layout"] {
    margin-top: 1.75em;
  }
  [class*="box-layout"] > [class*="box_detail"] > *:first-child,
  [class*="box-layout"] > [class*="box_detail"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  [class*="box-layout"] > [class*="box_detail"][data-layout-sp="scroll"] {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* ----- box-layout ----- */
  .box-layout {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 15px;
    background-color: #f0f5f9;
  }
  .box-layout > .box_title {
    color: #418fde;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .box-layout > .box_title + .box_detail {
    margin-top: .75em;
  }
  /* v2 */
  .box-layout-v2 {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 15px;
    background-color: #f2f3f5;
  }
  .box-layout-v2 > .box_title {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .box-layout-v2 > .box_title + .box_detail {
    margin-top: .75em;
  }
  /* v3 */
  .box-layout-v3 {
    background-color: #ecf3f8;
  }
  .box-layout-v3 > .box_title {
    position: relative;
    padding: 7px 15px;
    background-color: #167dca;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .box-layout-v3 > .box_title::before {
    position: absolute;
    top: 0;
    right: 0;
    border-width: 7px;
    border-style: solid;
    border-color: #aad6f7 #aad6f7 transparent transparent;
    content: "";
  }
  .box-layout-v3 > .box_title::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(/common/img/cmn_ex01.png) no-repeat 0 0;
    background-size: cover;
    content: "";
  }
  .box-layout-v3 > .box_detail {
    padding: 15px;
  }
  /* v4 */
  .box-layout-v4 {
    margin-top: 2em;
    padding: 15px 15px 20px;
    border: 1px solid #a9c5e1;
    background-color: #fff;
  }
  .box-layout-v4 > .box_title {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-bottom: 0.5em;
    color: #167dca;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .box-layout-v4 > .box_title.type-ic1 {
    min-height: 40px;
    padding-right: 55px;
  }
  .box-layout-v4 > .box_title.type-ic1::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 40px;
    background: url(/common/img/cmn_box_ic01.png) no-repeat 0 0;
    background-size: 42px auto;
    content: "";
  }
  /* v5 */
  .box-layout-v5 {
    border: 1px solid #ddd;
  }
  .box-layout-v5 > .box_title {
    padding: 12px 15px;
    background-color: #f1f1f1;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .box-layout-v5.type-caution > .box_title {
    position: relative;
    padding-left: 44px;
  }
  .box-layout-v5.type-caution > .box_title::before {
    position: absolute;
    top: .65em;
    left: 20px;
    width: 19px;
    height: 17px;
    background-image: url(/common/img/cmn_box_ic02.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px auto;
    content: "";
  }
  .box-layout-v5 > .box_detail {
    padding: 12px 15px;
    background-color: #fff;
  }
  /* v6 */
  .box-layout-v6 {
    margin-top: 2em;
    padding: 15px 23px 25px;
    border: 2px solid #ddd;
    background-color: #fff;
  }
  .box-layout-v6 > .box_title {
    margin-bottom: .75em;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  /* v7 */
  .box-layout-v7 {
    margin-top: 2em;
    border: 3px solid #222;
    background-color: #fff;
  }
  .box-layout-v7 > .box_title {
    padding: 12px;
    background-color: #fdd22b;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .box-layout-v7 > .box_detail {
    padding: 15px;
  }
  .box-layout-v7 > .box_detail + .box_detail {
    border-top: 3px solid #222;
  }
  .box-layout-v7 > .box_detail.type-color01 {
    background-color: #f0f5f9;
  }
  /* v8 */
  .box-layout-v8 {
    margin-top: 2em;
  }
  .box-layout-v8 > .box_title {
    padding: 12px 20px;
    background-color: #666;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
  }
  .box-layout-v8 > .box_title .box_title_label {
    display: inline-block;
    position: relative;
    text-align: left;
  }
  .box-layout-v8.type-schedule > .box_title .box_title_label {
    padding-left: 35px;
  }
  .box-layout-v8.type-schedule > .box_title .box_title_label::before {
    position: absolute;
    top: -0.1em;
    left: 0;
    width: 24px;
    height: 25px;
    background: url(/common/img/cmn_box_ic03-r2x.png) no-repeat 0 0;
    -webkit-background-size: 24px 25px;
    background-size: 24px 25px;
    content: "";
  }
  .box-layout-v8 > .box_detail {
    padding: 15px 20px;
    background-color: #f0f5f9;
  }
  /* v9 */
  .box-layout-v9 {
    margin-top: 2em;
    padding: 20px 25px;
    background-color: #f6f6f6;
  }
  .box-layout-v9 > .box_title {
    margin-bottom: 1em;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;

    line-height: 1.25;
  }
  .box-layout-v9 > .box_detail {
  }
  /* v10 */
  .box-layout-v10 {
    width: 100vw;
    margin: 2.25em 0 0 calc(50% - 50vw);
    padding: 15px;
    background-color: #f6f6f6;
  }
  .box-layout-v10 > .box_title {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .box-layout-v10 > .box_title + .box_detail {
    margin-top: 1em;
  }
  /* v11 */
  .box-layout-v11 {
    padding: 15px 4.9% 20px;
    background: #f2f7fb url(/contact/img/contact_bg01-r2x.jpg) no-repeat 0 0 / 78px auto;
  }
  .box-layout-v11 > .box_title {
    color: #418fde;
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .box-layout-v11 > .box_detail {
    margin-top: 0.75em;
  }
  .box-layout-v11 > .box_detail > .probo-search-area-v4 {
    margin-left: 60px;
  }
  .box-layout-v11 > .box_detail > .probo-search-area-v4 + * {
    margin-top: 10px;
  }
  /* v12 */
  .box-layout-v12 {
    background-color: #e4f1fd;
    padding: 15px;
  }
  .box-layout-v12 > .box_title {
    color: #418fde;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .box-layout-v12 > .box_detail {
    margin-top: 1em;
  }
  /* ----- scroll-box-layout ----- */
  .scroll-box-layout {
    height: 240px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-y: auto;
  }
  
  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  /* ----- accordion-layout ----- */
  .accordion-layout {
    margin-top: 1.5em;
  }
  .accordion-layout > .accordion_item {
    height: auto !important;
    margin-top: 0.75em;
  }
  .accordion-layout .accordion_trigger,
  .accordion-layout .link_type_item .link_type_wrap {
    position: relative;
    border: 2px solid #ccc;
    background-color: #fff;
  }
  .accordion-layout .accordion_trigger.is-active,
  .accordion-layout .link_type_item .link_type_wrap {
    background-color: #e5f2ff;
  }
  .accordion-layout .accordion_trigger::after,
  .accordion-layout .link_type_item .link_type_wrap::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    background-color: #418fde;
    content: "";
  }
  .accordion-layout .accordion_trigger .accordion_label,
  .accordion-layout .link_type_item .link_type_wrap .link_type_label {
    display: block;
    padding: 10px 40px 10px 15px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .accordion-layout .accordion_trigger .accordion_label::before,
  .accordion-layout .accordion_trigger .accordion_label::after {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 2;
    width: 13px;
    height: 2px;
    margin: -1px 0 0 0;
    background-color: #fff;
    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 .link_type_item .link_type_wrap .link_type_label::before {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    -webkit-transform: rotate(90deg);
    transform: rotate(45deg);
  }
  .accordion-layout .accordion_detail {
    padding: 10px 15px 15px; 
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
  }
  .accordion-layout .accordion_detail > *:first-child,
  .accordion-layout .accordion_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- faq-layout ----- */
  .faq-layout {
    margin-top: 2em;
    border-top: 2px dotted #ccc;

  }
  .heading-lv2 + .faq-layout {
    border-top: none;
  }
  .faq-layout > .faq_item {
    display: -webkit-flex;
    display: flex;
    margin-top: 0;
    border-bottom: 2px dotted #ccc;
  }
  .faq-layout .faq_question {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
  }
  .faq-layout .faq_question > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    padding: 20px 0 20px 45px;
  }
  .heading-lv2 + .faq-layout > .faq_item:first-child .faq_question > .block {
    padding-top: 5px;
  }
  .faq-layout .faq_question .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #666;
    color: #fff;
    font-size: 2.2rem;
  }
  .heading-lv2 + .faq-layout > .faq_item:first-child .faq_question .faq_icon {
    top: 0;
  }
  .faq-layout .faq_question .faq_label {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
  }
  /* v2 */
  .faq-layout-v2 {
    margin-top: 2em;
  }
  .faq-layout-v2 .faq_question {
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin-bottom: 1.5em;
    padding: 0 0 15px 45px;
    border-bottom: 2px dotted #ccc;
  }
  .faq-layout-v2 .faq_question .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: .2em;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #666;
    color: #fff;
    font-size: 2.2rem;
  }
  .faq-layout-v2 .faq_question .faq_title {
    color: #222;
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1.25;
  }
  .faq-layout-v2 .faq_answer {
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 0 0 0 45px;
  }
  .faq-layout-v2 .faq_answer .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: .2em;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #ec1d29;
    color: #fff;
    font-size: 2.2rem;
  }
  .faq-layout-v2 .faq_answer .faq_respond > *:first-child,
  .faq-layout-v2 .faq_answer .faq_respond > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v3 */
  .faq-layout-v3 {
    margin-top: 2em;
  }
  .faq-layout-v3 > .faq_item {
    margin-top: 2em;
  }
  .faq-layout-v3 > .faq_item:first-child {
    margin-top: 0 !important;
  }
  .faq-layout-v3 .faq_question {
    display: -webkit-flex;
    display: flex;
    position: relative;
    min-height: 32px;
    padding: 2px 0 0 45px;
  }
  .faq-layout-v3 .faq_question .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #666;
    color: #fff;
    font-size: 2.2rem;
  }
  .faq-layout-v3 .faq_question .faq_title {
    color: #222;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.25;
  }
  .faq-layout-v3 .faq_question .faq_title .faq_title_sub {
    margin-left: 1em;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .faq-layout-v3 .faq_answer {
    margin-top: 1em;
  }
  .faq-layout-v3 .faq_answer > *:first-child,
  .faq-layout-v3 .faq_answer > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v4 */
  .faq-layout-v4 {
    margin-top: 3.5em;
  }
  .faq-layout-v4 > .faq_item {
    margin-top: 2.75em;
  }
  .faq-layout-v4 > .faq_item:first-child {
    margin-top: 0 !important;
  }
  .faq-layout-v4 .faq_question {
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 2px 0 15px 45px;
    margin-bottom: 1.25em;
    border-bottom: 1px dashed #ccc;
  }
  .faq-layout-v4 .faq_question .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #666;
    color: #fff;
    font-size: 2.2rem;
  }
  .faq-layout-v4 .faq_question .faq_title {
    color: #222;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.25;
  }
  .faq-layout-v4 .faq_question .faq_title .faq_title_sub {
    margin-left: 1em;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .faq-layout-v4 .faq_answer {
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 0 0 0 45px;
  }
  .faq-layout-v4 .faq_answer .faq_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: .2em;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #ec1d29;
    color: #fff;
    font-size: 2.2rem;
  }
  .faq-layout-v4 .faq_answer > *:first-child,
  .faq-layout-v4 .faq_answer > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- tab-layout ----- */
  .tab-layout {
    width: 100vw;
    margin: 2em 0 0 calc(50% - 50vw);
  }
  .tab-layout > .tab_navi {
    padding: 0 13px;
    border-bottom: 2px solid #418fde;
  }
  .tab-layout.has-bottom > .tab_navi ~ .tab_navi {
    margin: 1.5em 0 0;
    border-top: 2px solid #418fde;
    border-bottom: none;
  }
  .tab-layout > .tab_navi > .tab_list {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .tab-layout > .tab_navi > .tab_list > li {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 0 2px;
  }
  .tab-layout > .tab_navi > .tab_list[data-layout-sp="scroll"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: auto;
    margin: 0 -13px;
    overflow-x: auto;
  }
  .tab-layout > .tab_navi > .tab_list[data-layout-sp="scroll"] > li {
    display: block;
    -webkit-flex: 0 0 150px;
    flex: 0 0 150px;
  }
  .tab-layout > .tab_navi > .tab_list[data-layout-sp="scroll"] > li:first-child {
    padding-left: 15px;
    -webkit-flex-basis: 163px;
    flex-basis: 163px;
  }
  .tab-layout > .tab_navi > .tab_list[data-layout-sp="scroll"] > li:last-child {
    padding-right: 15px;
    -webkit-flex-basis: 163px;
    flex-basis: 163px;
  }
  .tab-layout > .tab_navi > .tab_list > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 10px 5px;
    background-color: #f2f2f2;
    font-size: 1.6rem;
    line-height: 1.25;
  }
  .tab-layout > .tab_navi > .tab_list > li.is-current > a {
    background-color: #418fde;
    color: #fff;
    font-weight: 700;
  }
  .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: 87.5%;
    font-weight: normal;
  }
  .tab-layout.type-news > .tab_navi {
    overflow-x: auto;
  }
  .tab-layout.type-news > .tab_navi > .tab_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .tab-layout.type-news > .tab_navi > .tab_list > li {
    display: block;
    -webkit-flex: 0 0 129px;
    flex: 0 0 129px;
  }
  .tab-layout.type-news > .tab_navi > .tab_list > li:last-child {
    -webkit-flex-basis: 142px;
    flex-basis: 142px;
    padding-right: 15px;
  }
  .tab-layout.type-news > .tab_navi > .tab_list > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.4rem;
  }
  .tab-layout > .tab_detail {
    margin-top: 1.5em;
    padding: 0 15px;
  }
  .tab-layout > .tab_detail > *:first-child {
    margin-top: 0 !important;
  }
  /* v2 */
  .tab-layout-v2 {
    width: 100vw;
    margin: 2em 0 0 calc(50% - 50vw);
  }
  .tab-layout-v2 .tab_navi {
    padding: 0 15px;
    background-color: #222;
    overflow-x: auto;
  }
  .tab-layout-v2 .tab_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .tab-layout-v2 .tab_list > li {
    margin-right: 30px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .tab-layout-v2 .tab_list > li:last-child {
    margin-right: 0;
    padding-right: 15px;
  }
  .tab-layout-v2 .tab_list > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
    padding: 0 1.5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .tab-layout-v2 .tab_list > li > a .tab_label {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
  }
  .tab-layout-v2 .tab_list > li > .tab_no-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
    padding: 0 1.5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .tab-layout-v2 .tab_list > li > .tab_no-link .tab_label {
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
  }
  .tab-layout-v2 .tab_list > li > a .tab_label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fcd22b;
    content: "";
  }
  .tab-layout-v2 .tab_list > li.is-current > a {
    color: #fcd22b;
  }
  .tab-layout-v2 .tab_list > li.is-current > a .tab_label::after {
    width: 100%;
  }
  .tab-layout-v2 > .tab_detail {
    padding: 25px 15px 0;
  }
  .tab-layout-v2 > .tab_detail > *:first-child,
  .tab-layout-v2 > .tab_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v3 */
  .tab-layout-v3 {
    width: 100vw;
    margin: 2em 0 0 calc(50% - 50vw);
  }
  .tab-layout-v3 > .tab_navi {
    padding: 0 13px;
    border-bottom: 2px solid #418fde;
  }
  .tab-layout-v3 > .tab_navi > .tab_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .tab-layout-v3 > .tab_navi > .tab_list > li {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 0 2px;
  }
  .tab-layout-v3 > .tab_navi > .tab_list[data-layout-sp="scroll"] {
    width: auto;
    margin: 0 -13px;
    overflow-x: auto;
  }
  .tab-layout-v3 > .tab_navi > .tab_list[data-layout-sp="scroll"] > li {
    display: block;
    -webkit-flex: 0 0 150px;
    flex: 0 0 150px;
  }
  .tab-layout-v3 > .tab_navi > .tab_list[data-layout-sp="scroll"] > li:first-child {
    padding-left: 15px;
    -webkit-flex-basis: 163px;
    flex-basis: 163px;
  }
  .tab-layout-v3 > .tab_navi > .tab_list[data-layout-sp="scroll"] > li:last-child {
    padding-right: 15px;
    -webkit-flex-basis: 163px;
    flex-basis: 163px;
  }
  .tab-layout-v3 > .tab_navi > .tab_list > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px 5px;
    background-color: #f2f2f2;
    font-size: 1.6rem;
    line-height: 1.25;
  }
  .tab-layout-v3 > .tab_navi > .tab_list > li.is-current > a {
    background-color: #418fde;
    color: #fff;
    font-weight: 700;
  }
  .tab-layout-v3 > .tab_navi > .tab_list > li > a > .tab_label {
    display: inline-block;
  }
  .tab-layout-v3 > .tab_detail {
    margin-top: 1.5em;
    padding: 0 15px;
  }
  .tab-layout-v3 > .tab_detail > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- modal-wrap ----- */
  .modal-wrap {
    display: none;
  }
  
  /* ----- modal-inline ----- */
  .modal-inline #cboxLoadedContent {
    padding: 20px 15px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: none;
    border-right: none;
    background-color: #f2f3f5;
  }
  .modal-inline #cboxClose {
    position: absolute;
    top: 20px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: none;
  }
  .modal-inline #cboxClose::before,
  .modal-inline #cboxClose::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    margin: -1px 0 0;
    background-color: #333;
    content: "";
  }
  .modal-inline #cboxClose::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal-inline #cboxClose::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .modal-inline .modal_contents > *:first-child {
    margin-top: 0 !important;
  }
  .modal-inline .modal_contents .modal_title {
    margin: 1.5em 0 1em;
    padding-right: 50px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .modal-inline .modal_contents .modal_title + * {
    margin-top: 1em;
  }
  /* v2 */
  .modal-inline-v2 #cboxLoadedContent {
    padding: 35px 15px 20px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: none;
    border-right: none;
    background-color: #fff;
  }
  .modal-inline-v2 #cboxClose {
    position: absolute;
    top: 7px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: none;
  }
  .modal-inline-v2 #cboxClose::before,
  .modal-inline-v2 #cboxClose::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    margin: -1px 0 0;
    background-color: #333;
    content: "";
  }
  .modal-inline-v2 #cboxClose::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal-inline-v2 #cboxClose::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .modal-inline-v2 .modal_contents > *:first-child {
    margin-top: 0 !important;
  }
  .modal-inline-v2 .modal_contents .modal_title {
    margin: 1.5em 0 1em;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .modal-inline-v2 .modal_contents .modal_title + * {
    margin-top: 1em;
  }
  
  /* ----- modal-photo ----- */
  .modal-photo#colorbox,
  .modal-photo #cboxWrapper {
    overflow: visible;
  }
  .modal-photo #cboxTitle {
    top: inherit;
    right: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 15px;
    margin-bottom: 15px;
    padding: 10px 20px;
    border-bottom: 2px solid #333;
    background: #ffffff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    color: #333333;
    text-align: center;
  }
  .modal-photo #cboxLoadedContent {
    padding: 35px 15px 20px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: none;
    border-right: none;
    background-color: #fff;
  }
  .modal-photo #cboxClose {
    position: absolute;
    top: 7px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: none;
  }
  .modal-photo #cboxClose::before,
  .modal-photo #cboxClose::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    margin: -1px 0 0;
    background-color: #333;
    content: "";
  }
  .modal-photo #cboxClose::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal-photo #cboxClose::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  /* ------------------------------------------------------
   * 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 ----- */
  .index-layout > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
    border: 2px solid #e4e4e4;
    background-color: #fff;
  }
  .index-layout.is-centering-vt > .block {
    -webkit-align-items: center;
    align-items: center;
  }
  .index-layout > a.block::before {
  /*
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
    */
  }
  .index-layout > a.block::after {
  /*
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    */
  }
  .index-layout > .block > .index_image {
    width: 140px;
    overflow: hidden;
  }
  .index-layout.is-centering-vt > .block > .index_image,
  .column-layout[data-row-pc="2"] > .column_item > .index-layout.is-centering-vt > .block > .index_image {
    width: 70px;
  }
  .column-layout[data-row-pc="2"] > .column_item > .index-layout > .block > .index_image {
    width: 110px;
  }
  .index-layout > .block > .index_caption {
    padding: 15px 15px 25px 15px;
    line-height: 1.25;
  }
  .index-layout.is-centering-vt > .block > .index_caption {
    padding: 15px 30px 15px 15px;
  }
  .index-layout > .block > .index_image + .index_caption {
    width: calc(100% - 140px);
  }
  .index-layout.is-centering-vt > .block > .index_image + .index_caption {
    width: calc(100% - 70px);
  }
  .index-layout > .block > .index_caption .index_title {
    margin: 1.5em 0 0 0;
  }
  .index-layout > .block > .index_caption .index_title > .index_label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .index-layout > .a-blank > .index_caption .index_title > .index_label::after,
  .index-layout > .a-pdf > .index_caption .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout > .block > .index_caption .index_summary {
    margin-top: .5em;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .index-layout > .block > .index_caption .index_lead {
    margin-top: .5em;
  }
  /* v2 */
  [data-row-sp="1"] > .column_item > .index-layout-v2 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .column-layout.type-door > .column_item > .index-layout-v2 {
    max-width: 100%;
  }
  .index-layout-v2 > .block {
    position: relative;
    border: 2px solid #222;
    background-color: #fff;
    overflow: hidden;
  }
  .index-layout-v2 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    background-color: #418fde;
    z-index: 1;
    content: "";
  }
  .index-layout-v2 > a.block::after {
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v2 > .block > .index_image img {
    width: 100%;
    -webkit-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
  }
  .index-layout-v2 > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    padding: 7px 5px 5px;
    background-color: rgba(255,255,255,.8);
    transform: translate(-50%,-50%);
  }
  .index-layout-v2 > .block > .index_caption .index_title {
    width: 100%;
    text-align: center;
  }
  .index-layout-v2 > .block > .index_caption .index_title > .index_label {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.1;
  }
  .index-layout-v2 > .block > .index_caption .index_title > .index_label[data-category="soc"] {
    font-size: 1.3rem;
  }
  .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 10px;
  }
  /* v3 */
  .column-layout > .column_item > .index-layout-v3 {
    margin-top: -1.25em !important;
  }
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v3,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v3,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v3,
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v3,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v3,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v3 {
    margin-top: 0 !important;
  }
  .index-layout-v3 > .block {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v3 > .block,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v3 > .block,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v3 > .block,
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v3 > .block,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v3 > .block,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v3 > .block {
    padding-top: 0;
  }
  .index-layout-v3 > a.block::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v3 > a.block.a-blank::after,
  .index-layout-v3 > a.block.a-pdf::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .index-layout-v3 > .block > .index_image {
    width: 115px;
  }
  .index-layout-v3 > .block > .index_caption {
    line-height: 1.25;
  }
  .index-layout-v3 > .block > .index_image + .index_caption {
    width: calc(100% - 115px);
    padding: 0 20px 0 15px;
  }
  .index-layout-v3 > a.block > .index_caption .index_title {
    font-size: 1.5rem;
  }
  /* v4 */
  .index-layout-v4 > .block {
    position: relative;
  }
  .index-layout-v4 > a.block::after {
    display: none;
  }
  .index-layout-v4 > .block > .index_image img {
    width: 100%;
  }
  .index-layout-v4 > .block > .index_caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    background-color: rgba(255,255,255,.9);
    text-align: center;  
  }
  .index-layout-v4 > a.block > .index_caption .index_title {
    display: inline-table;
    position: relative;
    height: 42px;
    vertical-align: top;
    line-height: 1.3;
  }
  .index-layout-v4 > a.block > .index_caption .index_title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v4 > a.block > .index_caption .index_title > .index_label {
    display: table-cell;
    padding: 7px 0 7px 14px;
    font-size: 1.5rem;
    line-height: 1.25;
    text-align: left;
    vertical-align: middle;
  }
  /* v5 */
  .index-layout-v5 > .block {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .index-layout-v5 > a.block::after {
    display: none;
  }
  .index-layout-v5 > .block > * {
    display: table-cell;
  }
  .index-layout-v5 > .block > .index_image {
    width: 140px;
    text-align: center;
    vertical-align: top;
  }
  .index-layout-v5 > .block > .index_caption {
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
  }
  .index-layout-v5 > .block > .index_caption .index_title {
    margin: 2em 0 .5em;
    font-weight: bold;
  }
  .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 10px;
  }
  .index-layout-v5 > .block > .index_caption .index_description {
    margin-top: .5em;
    font-size: 1.3rem;
  }
  /* v6 */
  .index-layout-v6 > a.block::after {
    display: none;
  }
  .index-layout-v6.type-border > .block > .index_image {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .index-layout-v6 > .block > .index_caption {
    margin-top: .5em;
  }
  .index-layout-v6.type-border > .block > .index_caption {
    margin-top: 1em;
  }
  .index-layout-v6 > .block > .index_caption > .index_title {
  }
  .index-layout-v6 > .block > .index_caption > .index_title > .index_label {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    text-align: left;
  }
  .index-layout-v6 > .block > .index_caption > .index_title > .index_label::before {
    position: absolute;
    top: .4em;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .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 10px;
  }
  /* v7 */
  .index-layout-v7 > .block {
    position: relative;
    border: 1px solid #222;
    background-color: #fff;
  }
  .index-layout-v7 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v7 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v7 > .block > .index_caption {
    padding: 15px 30px 15px 15px;
  }
  .index-layout-v7 > .block > .index_caption > *:first-child,
  .index-layout-v7 > .block > .index_caption > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .index-layout-v7 > .block > .index_caption .index_title > .index_label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .index-layout-v7 > .a-blank > .index_caption .index_title > .index_label::after,
  .index-layout-v7 > .a-pdf > .index_caption .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout-v7 > .block > .index_caption .index_lead {
    margin-top: .5em;
  }
  /* v8 */
  .index-layout-v8 > .block {
    position: relative;
    border: 2px solid #ccc;
    background-color: #fff;
  }
  .index-layout-v8 > a.block::after {
    display: none;
  }
  .index-layout-v8 > .block > .index_caption {
    padding: 15px;
  }
  .index-layout-v8.is-centering-vt > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
  .index-layout-v8 > .block > .index_caption .index_title > .index_label {
    font-weight: bold;
    word-break: break-all;
  }
  .index-layout-v8 > .block > .index_caption .index_title > .index_label .is-smaller {
    font-size: 87.5%;
  }
  .index-layout-v8 > .a-blank > .index_caption .index_title > .index_label::after,
  .index-layout-v8 > .a-pdf > .index_caption .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout-v8 > .block > .index_caption .index_lead {
    margin-top: .75em;
  }
  /* v9 */
  .column-layout > .column_item > .index-layout-v9 {
    margin-top: -1.25em !important;
  }
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v9,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v9,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v9,
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v9,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v9,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v9 {
    margin-top: 0 !important;
  }
  .index-layout-v9 > .block {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v9 > .block,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v9 > .block,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v9 > .block,
  [data-row-sp="1"] > .column_item:first-child > .index-layout-v9 > .block,
  [data-row-sp="2"] > .column_item:nth-child(-n+2) > .index-layout-v9 > .block,
  [data-row-sp="3"] > .column_item:nth-child(-n+3) > .index-layout-v9 > .block {
    padding-top: 0;
  }
  .index-layout-v9 > a.block::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v9 > a.block.a-blank::after,
  .index-layout-v9 > a.block.a-pdf::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .index-layout-v9 > .block > .index_image {
    position: relative;
    width: 115px;
  }
  .index-layout-v9 > .block > .index_image > .icon-new {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
  }
  .index-layout-v9 > .block > .index_caption {
    line-height: 1.25;
  }
  .index-layout-v9 > .block > .index_image + .index_caption {
    width: calc(100% - 115px);
    padding: 0 20px 0 15px;
  }
  .index-layout-v9 > a.block > .index_caption .index_title {
    margin: 0 0 .75em;
    font-size: 1.5rem;
  }
  .index-layout-v9 > a.block > .index_caption .index_description {
    font-size: 1.2rem;
  }
  .index-layout-v9 > a.block > .index_caption .index_news {
    font-size: 1.2rem;
  }
  .index-layout-v9 > a.block > .index_caption .index_news dt {
    margin-bottom: .5em;
  }
  /* v10 */
  .index-layout-v10 > .block {
    position: relative;
    padding: 14px 34px 14px 19px;
    border: 2px solid #ccc;
    background-color: #fff;
  }
  .index-layout-v10 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v10 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v10 > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
  .index-layout-v10 > .block > .index_caption .index_title .index_label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .index-layout-v10 > .block > .index_caption .index_title .index_label .index_label_sub {
    display: inline-block;
    font-size: 72%;
  }
  .index-layout-v10 > a.block.a-blank > .index_caption .index_title .index_label::after,
  .index-layout-v10 > a.block.a-pdf > .index_caption .index_title .index_label::after {
    margin-left: 7px;
  }
  /* v11 */
  .index-layout-v11 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 15px;
    border: 2px solid #222;
    background-color: #fff;
  }
  .index-layout-v11 > a.block {
    padding-right: 25px;
  }
  .index-layout-v11 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v11 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v11 > div.block .index_heading {
    width: 38.5%;
  }
  .index-layout-v11 > a.block .index_heading {
    width: 100%;
  }
  .index-layout-v11 > .block .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .index-layout-v11 > div.block .index_title {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-layout-v11 > a.block .index_title {
    -webkit-align-items: center;
    align-items: center;
  }
  .index-layout-v11 > .block .index_title > .index_icon {
    line-height: 1;
  }
  .index-layout-v11 > div.block .index_title > .index_icon {
    margin-bottom: 10px;
    line-height: 1;
  }
  .index-layout-v11 > a.block .index_title > .index_icon {
    margin-right: 20px;
  }
  .index-layout-v11 .index_title > .index_icon.type1 img { width: 37px;}
  .index-layout-v11 .index_title > .index_icon.type2 img { width: 43px;}
  .index-layout-v11 .index_title > .index_icon.type3 img { width: 41px;}
  .index-layout-v11 .index_title > .index_icon.type4 img { width: 37px;}
  .index-layout-v11 .index_title > .index_icon.type5 img { width: 50px;}
  .index-layout-v11 .index_title > .index_icon.type6 img { width: 40px;}
  .index-layout-v11 .index_title > .index_label {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .index-layout-v11 > a.block .index_title > .index_label {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
  }
  .index-layout-v11 > a.block.a-blank .index_title > .index_label::after {
    margin-left: 10px;
  }
  .index-layout-v11 .index_heading + .index_content {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 10px;
  }
  .index-layout-v11 .index_content > *:first-child,
  .index-layout-v11 .index_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .index-layout-v11 .index_content .link-button a {
    font-size: 1.6rem;
    font-weight: 500;
  }
  /* v12 */
  .index-layout-v12 > .block {
    position: relative;
    border: 2px solid #222;
    background-color: #fafafa;
  }
  .index-layout-v12 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v12 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v12 > .block > .index_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    line-height: 1.5;
  }
  .index-layout-v12 > .block > .index_caption > *:first-child {
    margin-top: 0 !important;
  }
  .index-layout-v12 > .block > .index_caption .index_title > *:first-child {
    margin-top: 0 !important;
  }
  .index-layout-v12 > .block > .index_caption .index_title > .index_joined,
  .index-layout-v12 > .block > .index_caption .index_title > .index_department {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
  }
  .index-layout-v12 > .block > .index_caption .index_title > .index_department {
    margin-top: 0.25em;
    padding: 0 20px;
  }
  /* v13 */
  .index-layout-v13 > .block > .index_image {
    text-align: center;
  }
  .index-layout-v13 > .block > .index_caption {
    margin-top: .5em;
  }
  .index-layout-v13 > .block > .index_caption .index_title {
    font-weight: bold;
  }
  /* v14 */
  .index-layout-v14 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 15px;
    border: 2px solid #222;
    background-color: #fff;
  }
  .index-layout-v14 > a.block {
    padding-right: 25px;
  }
  .index-layout-v14 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v14 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v14 > div.block .index_heading {
    width: 38.5%;
  }
  .index-layout-v14 > a.block .index_heading {
    width: 100%;
  }
  .index-layout-v14 > .block .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .index-layout-v14 > div.block .index_title {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-layout-v14 > a.block .index_title {
    -webkit-align-items: center;
    align-items: center;
  }
  .index-layout-v14 > .block .index_title > .index_icon {
    line-height: 1;
  }
  .index-layout-v14 > div.block .index_title > .index_icon {
    margin-bottom: 10px;
    line-height: 1;
  }
  .index-layout-v14 > a.block .index_title > .index_icon {
    margin-right: 10px;
  }
  .index-layout-v14 .index_title > .index_icon.type1 img { width: 38px;}
  .index-layout-v14 .index_title > .index_icon.type2 img { width: 37px;}
  .index-layout-v14 .index_title > .index_icon.type3 img { width: 41px;}
  .index-layout-v14 .index_title > .index_icon.type4 img { width: 37px;}
  .index-layout-v14 .index_title > .index_icon.type5 img { width: 36px;}
  .index-layout-v14 .index_title > .index_icon.type6 img { width: 37px;}
  .index-layout-v14 .index_title > .index_icon.type7 img { width: 40px;}
  .index-layout-v14 .index_title > .index_label {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .index-layout-v14 > a.block .index_title > .index_label {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
  }
  .index-layout-v14 > a.block.a-blank .index_title > .index_label::after {
    margin-left: 10px;
  }
  .index-layout-v14 .index_heading + .index_content {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 10px;
  }
  .index-layout-v14 .index_content > *:first-child,
  .index-layout-v14 .index_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .index-layout-v14 .index_content .link-button a {
    font-size: 1.6rem;
    font-weight: 500;
  }
  /* v15 */
  .index-layout-v15 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 15px;
    border: 2px solid #222;
    background-color: #fff;
  }
  .index-layout-v15 > a.block {
    padding-right: 25px;
  }
  .index-layout-v15 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v15 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v15 > div.block .index_heading {
    width: 38.5%;
  }
  .index-layout-v15 > a.block .index_heading {
    width: 100%;
  }
  .index-layout-v15 > .block .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .index-layout-v15 > div.block .index_title {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-layout-v15 > a.block .index_title {
    -webkit-align-items: center;
    align-items: center;
  }
  .index-layout-v15 > .block .index_title > .index_icon {
    line-height: 1;
  }
  .index-layout-v15 > div.block .index_title > .index_icon {
    margin-bottom: 10px;
    line-height: 1;
  }
  .index-layout-v15 > a.block .index_title > .index_icon {
    margin-right: 10px;
  }
  .index-layout-v15 .index_title > .index_icon.type1 img { width: 37px;}
  .index-layout-v15 .index_title > .index_icon.type2 img { width: 41px;}
  .index-layout-v15 .index_title > .index_icon.type3 img { width: 40px;}
  .index-layout-v15 .index_title > .index_label {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .index-layout-v15 > a.block .index_title > .index_label {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
  }
  .index-layout-v15 > a.block.a-blank .index_title > .index_label::after {
    margin-left: 10px;
  }
  .index-layout-v15 .index_heading + .index_content {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 10px;
  }
  .index-layout-v15 .index_content > *:first-child,
  .index-layout-v15 .index_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v16 */
  .index-layout-v16 > .block {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .index-layout-v16 > a.block::after {
    display: none;
  }
  .index-layout-v16 > .block > * {
    display: table-cell;
  }
  .index-layout-v16 > .block > .index_image {
    width: 160px;
    text-align: center;
    vertical-align: top;
  }
  .index-layout-v16 > .block > .index_caption {
    padding-left: 15px;
    text-align: left;
    vertical-align: top;
  }
  .index-layout-v16 > .block > .index_caption .index_title {
    margin: 2em 0 .5em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .index-layout-v16 > .a-blank > .index_caption .index_title > .index_label::after,
  .index-layout-v16 > .a-pdf > .index_caption .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout-v16 > .block > .index_caption .index_description {
    margin-top: .5em;
    font-size: 1.3rem;
  }
  
  /* v17 */
  .index-layout-v17 > .block {
    position: relative;
    border-bottom: 1px solid #ddd;
  }
  .index-layout-v17 > a.block::after {
    display: none;
  }
  .index-layout-v17 > .block > .index_caption {
    width: 100%;
    padding: 8px 10px 12px;
    background-color: #fafafa; 
  }
  .index-layout-v17 > .block > .index_caption .index_title {
    position: relative;
    line-height: 1.3;
    font-size: 1.3rem;
  }
  .index-layout-v17 > a.block > .index_caption .index_title {
    padding-left: 10px;
  }
  .index-layout-v17 > a.block > .index_caption .index_title::before {
    position: absolute;
    top: 0.5em;
    left: -4px;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v17 > .block > .index_title > .index_label {
    display: table-cell;
    text-align: left;
  }
  .index-layout-v17 > a.block > .index_title > .index_label {
    padding-left: 13px;
  }
  .index-layout-v3 > .a-blank > .index_title > .index_label::after,
  .index-layout-v3 > .a-pdf > .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout-v17 .index_description {
    margin-top: 1em;
  }
  .index-layout-v17 .link-text-v2 {
    margin-top: 9px;
  }
  /* v18 */
  .index-layout-v18 {
    margin-bottom: 3.4em;
  }
  .index-layout-v18 > .block {
    display: flex;
    flex-direction: column-reverse;
  }
  .index-layout-v18 > a.block::after {
    display: none;
  }
  .index-layout-v18 > .block > .index_title {
    position: relative;
    margin-top: 10px;
    font-weight: bold;
  }
  .index-layout-v18 > .block > .index_title::before {
    position: absolute;
    top: .1em;
    content: "";
  }
  .index-layout-v18 > .block .index_label {
    padding-left: 23px;
  }
  .index-layout-v18 > .a-blank > .index_title > .index_label::after,
  .index-layout-v18 > .a-pdf > .index_title > .index_label::after {
    margin: -3px 0 0 10px;
  }
  .index-layout-v18 > .block > .index_detail {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .index-layout-v18 > .block > .index_detail > * {
    display: table-cell;
  }
  .index-layout-v18 > .block .index_image {
    width: 160px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
  }
  .index-layout-v18 > .block .index_caption {
    padding-left: 15px;
    text-align: left;
    vertical-align: top;
  }
  .index-layout-v18 > .block .index_caption .index_description {
    margin-top: .5em;
    font-size: 1.3rem;
  }
  /* v19 */
  .index-layout-v19 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 13px;
    border: 2px solid #cccccc;
    background-color: #fff;
  }
  .index-layout-v19 > a.block {
    padding-right: 25px;
  }
  .index-layout-v19 > a.block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #418fde;
    content: "";
  }
  .index-layout-v19 > a.block::after {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .index-layout-v19 > div.block .index_heading {
    width: 38.5%;
  }
  .index-layout-v19 > a.block .index_heading {
    width: 100%;
  }
  .index-layout-v19 > .block .index_title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .index-layout-v19 > div.block .index_title {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-layout-v19 > a.block .index_title {
    -webkit-align-items: center;
    align-items: center;
  }
  .index-layout-v19 > .block .index_title > .index_icon {
    flex-shrink: 0;
    width: 90px;
    line-height: 1;
  }
  .index-layout-v19 .index_title > .index_icon img {
    width: 100%;
  }
  .index-layout-v19 > a.block .index_title > .index_icon {
    margin-right: 14px;
  }
  .index-layout-v19 .index_title > .index_label {
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .index-layout-v19 .index_title > .index_label > .index_label_sub {
    display: block;
    margin-bottom: 2px;
    font-size: 1.3rem;
  }
  .index-layout-v19 > a.block .index_title > .index_label {
    -webkit-flex: 1;
    flex: 1;
  }
  .index-layout-v19 > a.block.a-blank .index_title > .index_label::after {
    margin-left: 10px;
  }
  .index-layout-v19 .index_heading + .index_content {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 10px;
  }
  .index-layout-v19 .index_content > *:first-child,
  .index-layout-v19 .index_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- shop-index-layout ----- */
  .shop-index-layout {
    text-align: left;
  }
  .shop-index-layout .index_heading {
    position: relative;
    margin-bottom: 1em;
    padding: 2px 70px 10px 0;
    border-bottom: 1px solid #ddd;
  }
  .shop-index-layout .index_title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .shop-index-layout .index_title .a-blank::after {
    margin: -3px 0 0 12px;
  }
  .shop-index-layout .index_icon {
    position: absolute;
    top: 0;
    right: 0;
  }
  .shop-index-layout .index_content > *:first-child,
  .shop-index-layout .index_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .shop-index-layout .index_address {
    margin-top: .25em;
  }
  .shop-index-layout .index_description {
    margin-top: .25em;
  }
  .shop-index-layout .index_contact {
    margin-top: .75em;
    margin-right: -10px;
    overflow: hidden;
  }
  .shop-index-layout .index_contact > li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0 0 0 60px;
    line-height: 1.25;
  }
  .shop-index-layout .index_contact > li:last-child {
    margin-bottom: 0;
  }
  .shop-index-layout .index_contact > li.type-mail {
    margin-right: 0;
    clear: left;
    word-break: break-all;
  }
  .shop-index-layout .index_contact > li[class*="type-"]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    background-color: #787878;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
  }
  .shop-index-layout .index_contact > li.type-tel::before {
    content: "TEL";
  }
  .shop-index-layout .index_contact > li.type-fax::before {
    content: "FAX";
  }
  .shop-index-layout .index_contact > li.type-mail::before {
    content: "MAIL";
  }
  
  /* ----- product-index-layout ----- */
  .product-index-layout {
    text-align: left;
  }
  .product-index-layout > .block {
  }
  .product-index-layout > a.block::after {
    display: none;
  }
  .product-index-layout .index_image {
    text-align: center;
  }
  .product-index-layout .index_detail {
    margin-top: .75em;
  }
  .product-index-layout .index_detail > *:first-child,
  .product-index-layout .index_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout .index_number {
    margin-top: .25em;
    font-size: 1.3rem;
  }
  .product-index-layout .index_number > dt {
    float: left;
  }
  .product-index-layout .index_number > dd {
    overflow: hidden;
  }
  .product-index-layout .index_title {
    font-weight: bold;
    line-height: 1.25;
  }
  .product-index-layout > .a-blank .index_title::after,
  .product-index-layout > .a-pdf .index_title::after {
    margin: -3px 0 0 10px;
  }
  .product-index-layout .index_color {
    margin-top: .5em;
    line-height: 1;
  }
  .product-index-layout .index_color > .icon-color {
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0 6px 4px 0;
  }
  .product-index-layout .index_color > .icon-color.type-1012::after,
  .product-index-layout .index_color > .icon-color.type-1013::after,
  .product-index-layout .index_color > .icon-color.type-1014::after,
  .product-index-layout .index_color > .icon-color.type-1015::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    content: "";
  }
  .product-index-layout .index_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: .5em;
    letter-spacing: -.4em;
  }
  .product-index-layout .index_list > .index_item {
    width: calc((100% - 4px) / 2);
    margin-top: .5em;
    margin-left: 4px;
    letter-spacing: normal;
  }
  .product-index-layout .index_list > .index_item:nth-child(-n+2) {
    margin-top: 0;
  }
  .product-index-layout .index_list > .index_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .product-index-layout .index_list > .index_item > *:first-child,
  .product-index-layout .index_list > .index_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout .index_size,
  .product-index-layout .index_stock {
    margin-top: .25em;
    line-height: 1.25;
  }
  .product-index-layout .index_size > dt,
  .product-index-layout .index_stock > dt {
    margin-bottom: .25em;
    font-size: 1.1rem;
  }
  .product-index-layout .index_size > dd,
  .product-index-layout .index_stock > dd {
    padding: 2px;
    background-color: #8e98a2;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
  }
  .product-index-layout .index_price {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .75em;
  }
  .product-index-layout .index_price .index_price_tax {
    font-size: 1.1rem;
    font-weight: normal;
  }
  .product-index-layout .index_price > dt {
    font-size: 1.1rem;
  }
  .product-index-layout .index_price > dd {
    margin-left: 10px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.25;
  }
  /* v2 */
  .product-index-layout-v2 {
    text-align: left;
  }
  .product-index-layout-v2 > .block {
  }
  .product-index-layout-v2 > a.block::after {
    display: none;
  }
  .product-index-layout-v2 .index_image {
    text-align: center;
  }
  .product-index-layout-v2 .index_detail {
    margin-top: .75em;
  }
  .product-index-layout-v2 .index_detail > *:first-child,
  .product-index-layout-v2 .index_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout-v2 .index_title {
    font-weight: bold;
    line-height: 1.25;
  }
  .product-index-layout-v2 > .a-blank .index_title::after,
  .product-index-layout-v2 > .a-pdf .index_title::after {
    margin: -3px 0 0 10px;
  }
  .product-index-layout-v2 .index_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: .5em;
  }
  .product-index-layout-v2 .index_list > .index_item {
    display: table-cell;
    width: 50%;
    text-align: left;
    vertical-align: top;
  }
  .product-index-layout-v2 .index_list > .index_item:nth-child(1) {
    padding-right: 8px;
  }
  .product-index-layout-v2 .index_list > .index_item:nth-child(2) {
    padding-left: 8px;
    border-left: 1px solid #ddd;
  }
  .product-index-layout-v2 .index_list > .index_item > *:first-child,
  .product-index-layout-v2 .index_list > .index_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout-v2 .index_price,
  .product-index-layout-v2 .index_tape {
    margin-top: .5em;
    line-height: 1.25;
  }
  .product-index-layout-v2 .index_price > dt,
  .product-index-layout-v2 .index_tape > dt {
    margin-bottom: .25em;
    font-size: 1.1rem;
  }
  .product-index-layout-v2 .index_price > dd,
  .product-index-layout-v2 .index_tape > dd {
    font-size: 1.1rem;
  }
  .product-index-layout-v2 .index_price > dd .index_price_value,
  .product-index-layout-v2 .index_tape > dd .index_tape_value {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .product-index-layout-v2 .index_environment {
    margin-top: .5em;
    letter-spacing: -.4em;
  }
  .product-index-layout-v2 .index_environment > .icon-environment {
    width: 22px;
    margin: 0 8px 6px 0;
    letter-spacing: normal;
  }
  /* v3 */
  .product-index-layout-v3 .index_block {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .product-index-layout-v3 .index_block .index_caption {
    position: relative;
    display: inline-block;
    margin-top: .5em;
    padding-left: 20px;
    color: #333;
    font-size: 1.6rem;
    text-align: left;
  }
  .product-index-layout-v3 .index_block .index_caption::before {
    position: absolute;
    top: .55em;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  /* v4 */
  .product-index-layout-v4 > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .product-index-layout-v4 > a.block::after {
    display: none;
  }
  .product-index-layout-v4 .index_image {
    width: 45%;
    text-align: center;
    border: 1px solid #ddd;
  }
  .product-index-layout-v4 .index_detail {
    width: 55%;
    padding-left: 15px;
  }
  .product-index-layout-v4 .index_detail > *:first-child,
  .product-index-layout-v4 .index_detail > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout-v4 .index_title {
    font-weight: bold;
  }
  .product-index-layout-v4 > .a-blank .index_title::after,
  .product-index-layout-v4 > .a-pdf .index_title::after {
    margin: -3px 0 0 10px;
  }
  .product-index-layout-v4 .index_list {
    margin-top: .75em;
  }
  .product-index-layout-v4 .index_list > .index_item {
    margin-top: .75em;
  }
  .product-index-layout-v4 .index_list > .index_item:first-child {
    margin-top: 0 !important;
  }
  .product-index-layout-v4 .index_list > .index_item > *:first-child,
  .product-index-layout-v4 .index_list > .index_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-index-layout-v4 .index_price,
  .product-index-layout-v4 .index_tape {
    margin-top: .5em;
    line-height: 1.25;
  }
  .product-index-layout-v4 .index_price > dt,
  .product-index-layout-v4 .index_tape > dt {
    margin-bottom: .25em;
    font-size: 1.2rem;
  }
  .product-index-layout-v4 .index_price > dd,
  .product-index-layout-v4 .index_tape > dd {
    font-size: 1.2rem;
  }
  .product-index-layout-v4 .index_price > dd .index_price_value,
  .product-index-layout-v4 .index_tape > dd .index_tape_value {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .product-index-layout-v4 .index_environment {
    margin-top: 1em;
    letter-spacing: -.4em;
  }
  .product-index-layout-v4 .index_environment > .icon-environment {
    width: 30px;
    margin: 0 8px 6px 0;
    letter-spacing: normal;
  }
    
  /* ----- search-index-layout ----- */
  .search-index-layout .index_image {
    text-align: center;
  }
  .search-index-layout .index_image + .index_caption {
    margin-top: 1em;
  }
  .search-index-layout .index_title {
    font-size: 1.6rem;
    font-weight: bold;
    word-break: break-all;
  }
  .search-index-layout .index_description {
    margin-top: .5em;
    font-size: 1.3rem;
    word-break: break-all;
  }
  .search-index-layout .index_url {
    margin-top: .5em;
    font-size: 1.3rem;
    word-break: break-all;
  }
  /* v2 */
  .search-index-layout-v2 .index_head > *:first-child,
  .search-index-layout-v2 .index_head > section:first-child > [class*="heading-lv"],
  .search-index-layout-v2 .index_head .index_caption > *:first-child,
  .search-index-layout-v2 .index_head .index_caption > section:first-child > [class*="heading-lv"],
  .search-index-layout-v2 .index_links > *:first-child,
  .search-index-layout-v2 .index_links > section:first-child > [class*="heading-lv"],
  .search-index-layout-v2 .index_property > *:first-child,
  .search-index-layout-v2 .index_property > section:first-child > [class*="heading-lv"],
  .search-index-layout-v2 .index_property .index_tags > *:first-child,
  .search-index-layout-v2 .index_property .index_tags > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-index-layout-v2 .index_head {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .search-index-layout-v2 .index_head .index_image {
    width: 115px;
    margin-right: 12px;
  }
  .search-index-layout-v2 .index_head .index_caption {
    -webkit-flex: 1;
    flex: 1;
  }
  .search-index-layout-v2 .index_head .index_caption .index_title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
  }
  .search-index-layout-v2 .index_head .index_caption .index_title + * {
    margin-top: 1.25em;
  }
  .search-index-layout-v2 .index_head .index_caption .index_title + * + * {
    margin-top: .5em;
  }
  .search-index-layout-v2 .index_head .index_caption .index_number {
    font-size: 1.2rem;
    line-height: 1.25;
  }
  .search-index-layout-v2 .index_head .index_caption .index_number > dt {
    float: left;
  }
  .search-index-layout-v2 .index_head .index_caption .index_number > dt::after {
    content: "：";
  }
  .search-index-layout-v2 .index_head .index_caption .index_number > dd {
    overflow: hidden;
  }
  .search-index-layout-v2 .index_head .index_caption .index_price {
    line-height: 1.25;
  }
  .search-index-layout-v2 .index_head .index_caption .index_price > dt {
    float: left;
    margin-right: 1em;
    padding-top: 2px;
  }
  .search-index-layout-v2 .index_head .index_caption .index_price > dd {
    overflow: hidden;
  }
  .search-index-layout-v2 .index_head .index_caption .index_price > dd .index_price_value {
    font-size: 125%;
    font-weight: bold;
  }
  .search-index-layout-v2 .index_head .index_links {
    width: 100%;
    margin-top: 1em;
  }
  .search-index-layout-v2 .index_head .index_links .link-button-v2[data-row-sp] a {
    min-height: 45px;
  }
  .search-index-layout-v2 .index_property {
    margin-top: 1em;
  }
  .search-index-layout-v2 .index_property .index_tags {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -5px;
  }
  .search-index-layout-v2 .index_property .index_tags > * {
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 1;
  }
  .search-index-layout-v2 .index_property .index_tags .index_size .index_size_tag {
    display: inline-block;
    min-width: 80px;
    padding: 2px 4px 0;
    background-color: #d2846f;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 16px;
    white-space: nowrap;
    text-align: center;
  }
  .search-index-layout-v2 .index_property .index_tags .index_size .index_size_tag + .index_size_tag {
    margin-left: 5px;
  }
  .search-index-layout-v2 .index_property .index_tags .index_stock .index_stock_tag {
    display: inline-block;
    min-width: 80px;
    padding: 2px 4px 0;
    background-color: #799ec4;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 16px;
    white-space: nowrap;
    text-align: center;
  }
  .search-index-layout-v2 .index_property .index_tags .index_stock .index_stock_tag + .index_stock_tag {
    margin-left: 5px;
  }
  .search-index-layout-v2 .index_property .index_tags .index_use {
    width: 100%;
    padding: 3px;
    margin-top: .5em;
    background-color: #deecf8;
  }
  .search-index-layout-v2 .index_property .index_tags .index_use .index_use_tag {
    display: inline-block;
    position: relative;
    padding: 2px 12px 0;
    background-color: #deecf8;
    color: #555;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
  }
  .search-index-layout-v2 .index_property .index_tags .index_use .index_use_tag::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 11px;
    margin-top: -5px;
    background-color: #c1cfdc;
    content: "";
  }
  .search-index-layout-v2 .index_property .index_tags .index_use .index_use_tag:last-child::after {
    display: none;
  }
  .search-index-layout-v2 .index_property .index_marks {
    margin-top: .5em;
  }
  .search-index-layout-v2 .index_property .index_marks .index_eco {
    margin-top: .5em;
  }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark {
    display: block;
    font-size: 1.3rem;
    line-height: 25px;
  }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark + .index_eco_mark {
    margin-top: .5em;
  }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark .index_eco_image {
    margin-right: 10px;
  }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark .index_eco_image.type1 img { width: 27px; }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark .index_eco_image.type2 img { width: 50px; position: relative; top: 2px; }
  .search-index-layout-v2 .index_property .index_marks .index_eco .index_eco_mark .index_eco_image.type3 img { width: 50px; position: relative; top: 2px; }
  
  /* ----- category-index-layout ----- */
  .category-index-layout {
    background-color: #f3f3f3;
  }
  .category-index-layout > .block {
    position: relative;
    background-color: #fff;
    text-align: center;
  }
  .category-index-layout > .block > .index_caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 5px;
    text-align: center;
    z-index: 2;
  }
  .category-index-layout > a.block > .index_caption .index_title {
    display: inline-table;
    position: relative;
    height: 60px;
    vertical-align: bottom;
    line-height: 1.3;
  }
  .category-index-layout > a.block > .index_caption .index_title > .index_label {
    display: table-cell;
    padding: 7px 0 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: 700;
  }
  .category-index-layout.type-list > a.block > .index_icon {
    position: relative;
    background-color: #f3f3f3;
  }
  .category-index-layout.type-list .icon-new {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 40%;
    height: 40%;
    margin-left: -20%;
  }
  .category-index-layout > a.block > .index_icon .icon-new::after {
    width: 80%;
    height: 28%;
    background: url(/common/img/cmn_new_ic03.png) no-repeat 0 0;
    background-size: 100% auto;
  }
  
  /* ------------------------------------------------------
   * Component >>> Other
  ------------------------------------------------------ */
  /* ----- news-layout ----- */
  .news-layout {
    margin-top: 1.75em;
  }
  .heading-lv2-v2 + .news-layout {
    margin-top: -.75em !important;
    padding-top: 25px;
    border-top: 1px dashed #ccc;
  }
  .news-layout .news_article {
    margin-top: 1.5em;
  }
  .news-layout .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    outline: none;
  }
  .news-layout .news_detail > .news_title {
    margin-top: .5em;
  }
  .news-layout .news_property {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .news-layout .news_date {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
    vertical-align: middle;
  }
  .news-layout [class*="news_icon"] {
    display: inline-block;
    position: relative;
    bottom: 1px;
    min-width: 75px;
    margin-right: 5px;
    padding: 2px 3px 0 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
  }
  .news-layout .news_icon.type1 { border-color: #666; color: #666; }
  .news-layout .news_icon.type2 { border-color: #f95a5a; color: #f95a5a; }
  .news-layout .news_icon.type3 { border-color: #4e50a8; color: #4e50a8; }
  .news-layout .news_icon.type4 { border-color: #8357a5; color: #8357a5; }
  .news-layout .news_icon.type5 { border-color: #0369bb; color: #0369bb; }
  .news-layout .news_icon.type6 { border-color: #ef7e33; color: #ef7e33; }
  .news-layout .news_title > .a-blank::after {
    margin: -3px 0 0 10px;
  }
  .news-layout .news_title > .a-pdf::after {
    margin: -3px 0 0 10px;
  }
  
  /* ----- news-more ----- */
  .news-more {
    margin-top: 1.5em;
    padding-top: 20px;
    border-top: 1px dashed #ccc;
  }
  .news-more > *:first-child,
  .news-more > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- update-news ----- */
  .update-news {
    margin-top: 2.5em;
  }
  .update-news > .update_heading {
  }
  .update-news > .update_heading > .block {
    color: #333;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
  }
  .update-news > .update_heading > .block > .update_title {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
  }
  .update-news > .update_heading > .block > .update_title > .update_title_label {
    padding-top: 70px;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .update-news > .update_content {
    margin-top: 1.5em;
  }
  .update-news > .update_content > *:first-child,
  .update-news > .update_content > section:first-child > [class*="heading-lv"],
  .update-news > .update_content > .news-layout > .news_article:first-child {
    margin-top: 0 !important;
  }
  .update-news .update_more {
    margin-top: 1.5em;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
  }
  .update-news .update_more > *:first-child,
  .update-news .update_more > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- article-news ----- */
  .article-news.article-news-v2 .heading-lv1 .heading_title {
    font-size: 2.4rem;
  }
  .article-news.article-news-v2 .heading-lv1 .heading_subtitle {
    font-size: 1.6rem;
    font-weight: 600;
  }
  .article-news.article-news-v2 .article_time + .heading-lv1 {
    margin-top: 2em;
  }
  .article-news.article-news-v2 .heading-lv1 .heading_title + .heading_subtitle {
    margin-top: 1.2em;
    font-weight: normal;
  }
  .article-news.article-news-v2 > .heading-lv1:first-child {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .article-news.article-news-v2 > .article_time {
    background-color: transparent;
  }
  .article-news.article-news-v2 > .article_time:first-child {
    margin-top: 0.4em;
    padding: 0;
    text-align: left;
  }
  #main .article-news.article-news-v2 > .heading-lv1 + .text-paragraph {
    margin-top: 2.5em !important;
  }
  #main .article-news.article-news-v2 > .heading-lv1 + .article_time {
    margin-top: 2.5em;
    padding: 1.5em 0 0;
    border-top: 1px solid #f1f1f1;
  }
  .article-news .article_time {
    margin: 1.5em 0;
    padding: 9px 10px 7px;
    background-color: #f1f1f1;
    text-align: right;
    line-height: 1;
  }
  .article-news .article_time + * {
    margin-top: 1.75em;
  }
  
  /* ----- important-news ----- */
  .important-news {
    margin-top: 2em;
    padding: 10px 12px;
    border: 2px solid #d25b5b;
    background-color: #fff;
  }
  .important-news.js-importantNews {
    opacity: 0;
  }
  .important-news > .news_heading {
    position: relative;
    padding-left: 22px;
    color: #c22121;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .important-news > .news_heading::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .important-news > .news_content {
    margin-top: .5em;
  }
  .important-news > .news_content .news_article + .news_article {
    margin-top: 1em;
  }
  .important-news > .news_content .news_title {
    font-weight: bold;
  }
  .important-news > .news_content .news_title > .a-blank::after {
    margin: -3px 0 0 10px;
  }
  .important-news > .news_content .news_title > .a-pdf::after {
    margin: -3px 0 0 10px;
  }
  
  /* ----- search-box ----- */
  .search-box {
    width: 100%;
    margin: 0 auto;
  }
  .search-box .search_form {
    position: relative;
  }
  .search-box .search_input {
    width: 100%;
    height: 45px;
    padding: 10px 45px 10px 13px;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: #fff;
    outline: none;
  }
  .search-box .search_submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #418fde;
    background-image: url(/common/img/cmn_search_ic01-r2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
  }
  
  /* ----- search-narrow ----- */
  .search-narrow {
    margin-top: 1em;
  }
  .search-narrow > dt {
    float: left;
    margin-right: 5px;
    padding-top: 14px;
    font-size: 1.1rem;
  }
  .search-narrow > dd {
    overflow: hidden;
  }
  .search-narrow > dd > *:first-child,
  .search-narrow > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-narrow .search_categories {
    display: table;
    width: 100%;
  }
  .search-narrow .search_categories > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .search-narrow .search_categories > li .radio-wrap {
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .search-narrow .search_categories .radio-wrap .radio_label {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 1.2rem;
    text-align: center;
    white-space: nowrap;
  }
  .search-narrow .search_categories .radio-wrap [type="radio"]:checked + .radio_label {
    background-color: #cfe3f7;
  }
  .search-narrow .search_categories > li + li .radio-wrap .radio_label {
    border-left: none;
  }
  .search-narrow .search_categories .radio-wrap .radio_label::before,
  .search-narrow .search_categories .radio-wrap .radio_label::after {
    display: none;
  }
  
  /* ----- search-keyword ----- */
  .search-keyword {
    margin-top: 1em;
  }
  .search-keyword > dt {
    margin-bottom: .75em;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    line-height: 1.25;
  }
  .search-keyword > dd > *:first-child,
  .search-keyword > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-keyword .search_tags {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 -10px -30px;
    overflow: hidden;
  }
  .search-keyword .search_tags > li {
    margin: 0 0 10px 30px;
    line-height: 1.25;
  }
  .search-keyword .search_tags > li:last-child {
    margin-right: 0;
  }
  /* v2 */
  .search-keyword-v2 {
    margin-top: 1em;
  }
  .search-keyword-v2 > dt {
    margin-bottom: .75em;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    line-height: 1.25;
  }
  .search-keyword-v2 > dd > *:first-child,
  .search-keyword-v2 > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-keyword-v2 .search_tags {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 -10px -30px;
    overflow: hidden;
  }
  .search-keyword-v2 .search_tags > li {
    margin: 0 0 10px 30px;
    line-height: 1.25;
  }
  .search-keyword-v2 .search_tags > li:last-child {
    margin-right: 0;
  }
  
  /* ----- search-perhaps ----- */
  .search-perhaps {
    margin-top: 1em;
  }
  .search-perhaps > dt {
    float: left;
    line-height: 1.25;
  }
  .search-perhaps > dt::after {
    content: "：";
  }
  .search-perhaps > dd {
    overflow: hidden;
  }
  .search-perhaps > dd > *:first-child,
  .search-perhaps > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-perhaps .search_terms {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 -5px -15px;
    overflow: hidden;
  }
  .search-perhaps .search_terms > li {
    margin: 0 0 5px 15px;
    line-height: 1.25;
  }
  
  /* ----- search-file ----- */
  .search-file > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 22px 15px 18px;
    background-color: #deeefb;
  }
  .search-file .search_label {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    padding-right: 15px;
    font-weight: bold;
    white-space: nowrap;
  }
  .search-file .search_label::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .search-file .search_image {
    max-width: 194px;
    -webkit-flex: 1;
    flex: 1;
  }
  
  /* ----- product-search-layout ----- */
  .product-search-layout .side-nav .nav_file {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #deeefb;
  }
  .product-search-layout .side-nav .nav_file .block {
    padding: 22px 15px;
    text-align: center;
  }
  .product-search-layout .side-nav .nav_file .block > *:first-child {
    margin-top: 0 !important;
  }
  .product-search-layout .side-nav .nav_file .block .link-text-v2 {
    display: inline-block;
    position: relative;
    padding-left: 70px;
    text-align: left;
    vertical-align: top;
  }
  .product-search-layout .side-nav .nav_file .block .link-text-v2::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 53px;
    height: 50px;
    background: url(/common/img/cmn_mascot_bg01-r2x.png) no-repeat 0 0;
    -webkit-background-size: 53px 50px;
    background-size: 53px 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
  }
  .product-search-layout .side-nav .nav_file .block .link-text-v2 > li > span {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    color: #333;
    font-weight: bold;
  }
  .product-search-layout .side-nav .nav_file .block .link-text-v2 > li > span::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5em;
    content: "";
  }
  .product-search-layout .side-nav-contents .side-nav .nav_search,
  .product-search-layout .side-nav-contents .side-nav .nav_sub {
    display: none;
  }
  .product-search-layout .search_wrap > .nav_sub {
    margin-top: 1em;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .product-search-layout .search_wrap > .nav_sub > li {
    min-width: 50%;
    padding: 0 1em;
    border-left: 1px solid #ddd;
    text-align: left;
  }
  .product-search-layout .search_wrap > .nav_sub > *:first-child {
    margin-left: 0;
    border-left: none;
  }
  .product-search-layout .search_wrap > .nav_sub > li > ul {
    margin-top: 0;
  }
  .product-search-layout .search_wrap > .nav_sub .nav_sub-v2 {
    padding: 0 15px;
  }
  .product-search-layout .search_wrap > .nav_sub .nav_sub-v2 li {
    margin-top: 10px;
  }
  .product-search-layout .search_wrap > .nav_sub .nav_sub-v2 li:first-child {
    margin-top: 0;
  }
  .product-search-layout .search-contents {
    margin-top: 15px;
  }
  .product-search-layout .products-block {
    margin-top: -1px;
  }
  .product-search-layout .products-block:last-child .sp-accordion-detail {
    border-bottom: 1px solid #ddd;
  }
  .product-search-layout .sp-accordion-heading {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
  }
  .product-search-layout .sp-accordion-heading.is-active {
    background-color: #418fde;
  }
  .product-search-layout .sp-accordion-heading::after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    background-color: #418fde;
    content: "";
  }
  .product-search-layout .sp-accordion-heading .block::before,
  .product-search-layout .sp-accordion-heading .block::after {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    width: 13px;
    height: 2px;
    margin: -1px 0 0 0;
    background-color: #fff;
    content: "";
  }
  .product-search-layout .sp-accordion-heading .block::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .product-search-layout .sp-accordion-heading.is-active .block::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .product-search-layout .sp-accordion-heading .block .heading_title {
    padding-right: 25px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .product-search-layout .sp-accordion-heading.is-active .block .heading_title {
    color: #fff;
  }
  .product-search-layout .sp-accordion-heading .block {
    padding: 1.075em 15px;
  }
  .product-search-layout .sp-accordion-detail {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 2.25em;
  }
  .product-search-layout .sp-accordion-heading + .sp-accordion-detail {
    display: none;
  }
  .product-search-layout .js-changeContents_wrap[data-display="main"] > [data-items="main"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="lw-tp"] > [data-items="lw-tp"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="digital"] > [data-items="digital"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="lifestyle"] > [data-items="lifestyle"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="desk-pc"] > [data-items="desk-pc"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="office"] > [data-items="office"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="disaster"] > [data-items="disaster"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="hygiene"] > [data-items="hygiene"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="file"] > [data-items="file"] .sp-accordion-detail,
  .product-search-layout .js-changeContents_wrap[data-display="stationery"] > [data-items="stationery"] .sp-accordion-detail {
    display: block;
  }
  
  /* ----- probo-search-box ----- */
  .probo-box-output {
    padding: 0;
  }
  .probo-box-output .probo-search-box_text {
    display: flex;
  }
  .probo-box-output .probo-search-box_input-wrap {
    position: relative;
    flex-grow: 1;
  }
  .probo-box-output .probo-search-box_input {
    width: 100%;
    min-height: 45px;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-right: none;
    font-size: 1.6rem;
    outline: none;
  }
  .probo-box-output .probo-search-box_submit {
    width: 45px;
    height: 45px;
    border-radius: 0;
    border: 0;
    background-color: #418fde;
    background-image: url(/common/img/cmn_search_ic01-r2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 23px auto;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
  }
  .probo-box-output .probo-search-box_selects {
    margin-top: 1em;
  }
  .probo-box-output .probo-search-box_selects .probo-search-box_category {
    position: relative;
    margin-bottom: 0;
  }
  .probo-box-output  .probo-search-box_selects .probo-search-box_category::before {
    display: inline-block;
    margin-right: 0.25rem;
    width: auto;
    font-size: 1.4rem;
    line-height: 1.25;
    content: "絞り込む：";
  }
  .probo-box-output  .probo-search-box_selects .probo-search-box_category::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 4px;
    margin-top: -2px;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    pointer-events: none;
    line-height: 1;
  }
  .probo-box-output  .probo-search-box_selects .probo-search-box_category_select {
    appearance: none;
    border-radius: 0;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    padding: 5px 30px 3px 10px;
    background-color: #fff;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  
  /* ----- probo-search-area ----- */
  .probo-search-area {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 25px 15px;
    background-color: #f2f3f5;
  }
  .probo-search-area > [class*="search_"] > *:first-child,
  .probo-search-area > [class*="search_"] > section:first-child > [class*="heading-lv"],
  .probo-search-area > .search_action > [class*="search_"] > *:first-child,
  .probo-search-area > .search_action > [class*="search_"] > section:first-child > [class*="heading-lv"],
  .probo-search-area > .search_assist > [class*="search_"] > *:first-child,
  .probo-search-area > .search_assist > [class*="search_"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .probo-search-area > .search_assist {
    margin-top: 1em;
  }
  /* v2 */
  .probo-search-area-v2 {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 25px 15px;
    background-color: #f2f3f5;
  }
  .probo-search-area-v2 > [class*="search_"] > *:first-child,
  .probo-search-area-v2 > [class*="search_"] > section:first-child > [class*="heading-lv"],
  .probo-search-area-v2 > .search_action > [class*="search_"] > *:first-child,
  .probo-search-area-v2 > .search_action > [class*="search_"] > section:first-child > [class*="heading-lv"],
  .probo-search-area-v2 > .search_assist > [class*="search_"] > *:first-child,
  .probo-search-area-v2 > .search_assist > [class*="search_"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .probo-search-area-v2 .search_title {
    margin-bottom: 1em;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  .probo-search-area-v2 .search_action {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
  }
  .probo-search-area-v2 .search_action .search-narrow-v2 {
    width: 100px;
  }
  .probo-search-area-v2 .search_action .search-narrow-v2 .selectbox-wrap-v2 {
    width: 100%;
  }
  .probo-search-area-v2 .search_action .search-narrow-v2 .selectbox-wrap-v2 .selectbox_field {
    display: block;
  }
  .probo-search-area-v2 .search_action .search-narrow-v2 .selectbox-wrap-v2 .selectbox_field select {
    width: 100%;
    height: 45px;
  }
  .probo-search-area-v2 .search_action .search-box {
    width: calc(100% - 100px);
  }
  .probo-search-area-v2 .search_action .probo-box-output {
    -webkit-flex: 1;
    flex: 1;
  }
  .probo-search-area-v2 .search_action .probo-search-box .probo-search-box_selects {
    display: none !important;
  }
  .probo-search-area-v2 .search_action .search-narrow-v2 + .search-box .search_input,
  .probo-search-area-v2 .search_action .search-narrow-v2 + .probo-search-box .probo-search-box_input {
    border-left: none;
  }
  .probo-search-area-v2 .search_assist {
    margin-top: 1em;
  }
  /* v3 */
  .probo-search-area-v3 {
    margin: 0 -15px;
  }
  .probo-search-area-v3.has-heading {
    background-color: #f2f3f5;
  }
  .contents-wrap > .probo-search-area-v3 {
    margin-top: -15px !important;
  }
  .probo-search-area-v3 .search_heading {
    padding: 15px 15px 0;
  }
  .probo-search-area-v3 .search_heading .search_title {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .probo-search-area-v3 .search_action {
    padding: 25px 15px 34px;
    background-color: #f2f3f5;
  }
  .probo-search-area-v3 .search_heading + .search_action {
    margin-top: 2em;
    padding-top: 0;
  }
  .probo-search-area-v3 .search-result-refine{
    display: none;
  }
  /* v4 */
  .probo-search-area-v4 {
    padding: 10px 4% 10px;
    background-color: #fff;
  }
  .probo-search-area-v4 .search_title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
  }
  .probo-search-area-v4 .search_title + * {
    margin-top: 10px;
  }
  .probo-search-area-v4 .search_input {
    padding: 10px 40px 10px 6px;
    font-size: 1.2rem;
  }
  .probo-search-area-v4 .search-box .search_submit {
    width: 40px;
  }
  
  /* ----- probo-search-file ----- */
  .probo-search-file {
    margin: 2em -15px 0;
    padding: 15px 15px 25px;
    background-color: #f2f3f5;
  }
  .probo-search-file > *:first-child {
    margin-top: 0 !important;
  }
  .probo-search-file > .search_heading {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
  }
  .probo-search-file > .search_heading .search_title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .probo-search-file .search_heading + * {
    margin-top: 2em;
  }
  .probo-search-file .search-keyword-file,
  .probo-search-file .search-condition-file {
    margin: 1.5em 0 0;
    padding: 0;
  }
  
  /* ----- probo-result-file ----- */
  .probo-result-file {
    margin: 2em 0 0;
  }
  .probo-result-file > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- search-condition-shop ----- */
  .search-condition-shop {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 15px;
    background-color: #f2f3f5;
  }
  .search-condition-shop .condition_form > *:first-child {
    margin-top: 0 !important;
  }
  .search-condition-shop .condition_form > .condition_heading {
  }
  .search-condition-shop .condition_form > .condition_content {
    margin-top: 1em;
  }
  .search-condition-shop .condition_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .search-condition-shop .condition_list > *:first-child {
    margin-top: 0 !important;
  }
  .search-condition-shop .condition_list .condition_item {
    margin-top: 1.25em;
  }
  .search-condition-shop .condition_list .condition_item > *:first-child,
  .search-condition-shop .condition_list .condition_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-condition-shop .condition_list .condition_item .link-button-v2 {
    margin-top: .5em;
  }
  .search-condition-shop .condition_list .condition_item .link-button-v2 a {
    width: 100%;
    padding: 8px 8px 10px 32px;
    font-size: 1.6rem;
  }
  .search-condition-shop .condition_list .condition_item .selectbox-wrap {
    margin-top: .5em;
  }
  .search-condition-shop .condition_list .condition_item .selectbox-wrap .selectbox_field {
    width: 100%;
  }
  .search-condition-shop .condition_list .condition_item .selectbox-wrap .selectbox_field select {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .search-condition-shop .condition_submit {
    margin-top: 1.75em;
  }
  .search-condition-shop .condition_submit > *:first-child,
  .search-condition-shop .condition_submit > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-condition-shop .condition_submit .button-wrap {
    text-align: center;
  }
  .search-condition-shop .condition_submit .button-wrap > button {
    min-width: 240px;
  }
  
  /* ----- search-condition-products ----- */
  .search-condition-products {
    width: 100vw;
    margin-top: 2em;
    margin-left: calc(50% - 50vw);
    padding: 15px 15px 20px;
    background-color: #f2f3f5;
  }
  .search-condition-products .condition_form {
    padding: 15px;
    background-color: #fff;
  }
  .search-condition-products .condition_heading {
    margin-bottom: 1em;
  }
  .search-condition-products .condition_title {
    padding: 0 0 6px 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .search-condition-products .condition_content > *:first-child,
  .search-condition-products .condition_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-condition-products .condition_list > *:first-child {
    margin-top: 0 !important;
  }
  .search-condition-products .condition_list > .condition_item {
    margin-top: 1em;
  }
  .search-condition-products .condition_list .condition_item .selectbox-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .search-condition-products .condition_list .condition_item .selectbox-wrap .input-label.is-head {
    width: 75px;
    margin-right: 0;
  }
  .search-condition-products .condition_list .condition_item .selectbox-wrap .input-label.is-tail {
    width: 35px;
    margin-left: 0;
    text-align: center;
  }
  .search-condition-products .condition_list .condition_item .selectbox-wrap .selectbox_field {
    width: calc(100% - (75px + 35px));
  }
  .search-condition-products .condition_list .condition_item .selectbox-wrap .selectbox_field > select {
    width: 100%;
  }
  .search-condition-products .condition_submit {
    margin-top: 1.25em;
  }
  .search-condition-products .condition_submit > *:first-child,
  .search-condition-products .condition_submit > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-condition-products .condition_submit .button-wrap {
    text-align: center;
  }
  
  /* ----- search-keyword-file ----- */
  .search-keyword-file {
    margin: 1em -15px 0;
    padding: 15px;
    background-color: #f2f3f5;
  }
  .search-keyword-file .probo-search-box_selects {
    display: none !important;
  }
  
  /* ----- search-condition-file ----- */
  .search-condition-file {
    margin: 1em -15px 0;
    padding: 15px 15px 25px;
    background-color: #f2f3f5;
  }
  .search-condition-file .condition_heading {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
  }
  .search-condition-file .condition_heading .condition_title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .search-condition-file .condition_heading + .condition_content {
    margin-top: 2em;
  }
  .search-condition-file .condition_content > *:first-child,
  .search-condition-file .condition_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-condition-file .condition_content .condition_list,
  .search-condition-file .condition_content .condition_list > .condition_item {
    margin-top: 1.5em;
  }
  .search-condition-file .condition_content .condition_list > .condition_item .selectbox-wrap .selectbox_field {
    width: 100%;
  }
  .search-condition-file .condition_content .condition_list > .condition_item .selectbox-wrap.has-label .selectbox_field {
    width: 99%;
  }
  .search-condition-file .condition_content .condition_list > .condition_item .selectbox-wrap .selectbox_field select {
    width: 100%;
  }
  .search-condition-file .condition_content .condition_submit {
    margin-top: 2em;
  }
  .search-condition-file .condition_content .condition_submit .button-wrap {
    text-align: center;
  }
  .search-condition-file .condition_content .condition_submit .button-wrap > button {
    min-width: 240px;
  }
  .search-condition-file .condition_content .condition_submit .condition_reset {
    margin-top: 2em;
    text-align: center;
  }
  .search-condition-file .condition_content .condition_submit .condition_reset a {
    display: inline-block;
    position: relative;
    min-width: 200px;
    padding: 12px 10px 13px 32px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
  }
  .search-condition-file .condition_content .condition_submit .condition_reset a::before {
    position: absolute;
    top: 50%;
    left: 8px;
    margin: -8px 0 0 0;
  }
  
  /* ----- search-result-area ----- */
  .search-result-area {
    margin-top: 2.5em;
  }
  .probo-search-area-v3 + .search-result-area {
    margin-top: 1.5em;
  }
  .search-result-area > *:first-child,
  .search-result-area > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- search-result-heading ----- */
  .search-result-heading {
    margin: 0 0 1em;
  }
  .search-condition-file + .search-result-heading {
    margin-top: 2.5em;
  }
  .search-result-heading .result_title {
    font-size: 1.6rem;
  }
  .search-result-heading .result_title .result_term {
    font-size: 2.1rem;
    font-weight: 700;
  }
  
  /* ----- search-result-navi ----- */
  .search-result-navi {
    margin-top: 1em;
    padding-bottom: 18px;
    border-bottom: 2px solid #ddd;
  }
  .search-result-navi > [class^="result_"] > *:first-child,
  .search-result-navi > [class^="result_"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .search-result-navi > .result_hit {
  }
  .search-result-navi .result_hit_number {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .search-result-navi .result_hit_number > dt {
    display: inline-block;
    position: relative;
    margin-right: 18px;
    padding: 2px 6px 0px;
    background-color: #777;
    color: #fff;
    line-height: 22px;
    font-weight: bold;
  }
  .search-result-navi .result_hit_number > dt::after {
    position: absolute;
    top: 0;
    right: -24px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent #777;
    content: "";
  }
  .search-result-navi .result_hit_number > dd .result_hit_all {
    font-size: 1.7rem;
    font-weight: bold;
  }
  .search-result-navi .result_hit_number > dd .result_hit_displayed {
    font-weight: bold;
  }
  .search-result-navi > .result_control {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 1em;
  }
  .search-result-navi .result_control_display,
  .search-result-navi .result_control_sort {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .search-result-navi .result_control_sort {
    margin-left: 10px;
  }
  .search-result-navi .result_control_display > dt,
  .search-result-navi .result_control_sort > dt {
    margin-right: 10px;
  }
  .search-result-navi .result_control_display > dd > .selectbox-wrap .selectbox_field select {
    min-width: 70px;
  }
  .search-result-navi .result_control_sort > dd > .selectbox-wrap .selectbox_field select {
    min-width: 115px;
  }
  
  /* ----- search-result-list ----- */
  .search-result-list {
    margin-top: 1.75em; 
  }
  .search-result-navi + .search-result-list {
    margin-top: 0;
  }
  .search-result-list .result_item {
    padding: 25px 0;
    border-bottom: 1px dashed #ccc;
  }
  .search-result-list .result_item:first-child {
    border-top: 1px dashed #ccc;
  }
  .search-result-navi + .search-result-list .result_item:first-child {
    border-top: none;
  }
  .search-result-list > .result_nohit {
    margin-top: 2em;
    padding: 15px 15px 20px;
    border: 1px solid #a9c5e1;
    background-color: #fff;
    color: #167dca;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .pbox-search-status .search-result-list {
    margin-top: 18px;
    border-top: 2px solid #ddd;
    padding-top: 2em;
  }
 .pbox-search-status .search-result-list > .result_nohit {
    margin-top: 0;
  }
  
  /* ----- pbox-related ----- */
  .pbox-related ._pbox-related{
    margin: 1.9em 0 0;
    padding: 0;
  }
  .pbox-related ._pbox-related ._title{
    margin: 0;
  }
  
  /* ----- probo-recommend-area ----- */
  .probo-recommend-area {
    position: relative;
    margin: 2.5em -15px 0;
    padding: 35px 0 20px;
    border-top: 2px solid #f1991b;
    border-bottom: 2px solid #f1991b;
    background-color: #fdf6da;
  }
  .probo-recommend-area > .recommend_heading {
    position: absolute;
    top: -16px;
    left: 15px;
  }
  .probo-recommend-area > .recommend_heading .recommend_title {
    display: inline-block;
    padding: 5px 25px;
    background-color: #f1991b;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  .probo-recommend-area > .recommend_content {
    padding: 0 15px;
    overflow-x: auto;
  }
  .probo-recommend-area > .recommend_content > *:first-child,
  .probo-recommend-area > .recommend_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .probo-recommend-area > .recommend_content .recommend_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .probo-recommend-area > .recommend_content .recommend_list > li {
    -webkit-flex: 0 0 255px;
    flex: 0 0 255px;
    padding-right: 15px;
  }
  
    /* ----- download-checkbox ----- */
  .download-checkbox {
    position: relative;
    width: 310px;
    max-width: 100%;
    margin: 40px auto;
    text-align: center;
  }
  
  .download-checkbox input[type="checkbox"] {
    display: none;
  }
  
  .download-checkbox .download-checkbox_label {
    display: block;
    width: 100%;
    padding: 15px 36px;
    border: 1px solid #cccccc;
    font-size: 1.8rem;
    cursor: pointer;
  }
  .download-checkbox .download-checkbox_label::after {
    content: '';
    position: absolute;
    left: 14px;
    top: 18px;
    width: 22px;
    height: 23px;
    border: 2px solid #cccccc;
  }
  .download-checkbox input[type="checkbox"]:checked + .download-checkbox_label::before {
    content: '';
    position: absolute;
    display: block;
    left: 21px;
    top: 19px;
    width: 8px;
    height: 16px;
    border-right: 3px solid #438fdb;
    border-bottom: 3px solid #438fdb;
    transform: rotate(45deg);
  }
  
  /* ----- is-disabled ----- */
  .link-button-v2.agree-download-button li a.is-disabled {
    pointer-events: none;
  }
  
  .link-button-v2.agree-download-button li a.is-disabled::before {
    background: url("/common/img/cmn_link_off_ic01-r2x.png") no-repeat;
    background-position: 0px 0px;
    background-size: cover;
  }
  
  .agree-download-button .is-disabled .link_label {
    color: #999999;
  }
  
  /* ----- hero-layout ----- */
  .hero-layout {
    margin: 2.5em -15px 0;
    overflow: hidden;
  }
  .hero-layout .hero_carousel {
    max-width: 100%;
  }
  .hero-layout .hero_carousel .hero_carousel_list {
    position: relative;
    min-height: 158px;
    padding-bottom: 25px;
  }
  .hero-layout .hero_carousel .hero_carousel_list.slick-initialized {
    min-height: 0;
  }
  .hero-layout .hero_carousel .hero_carousel_list .hero_carousel_item {
    position: absolute;
    top: 0;
    left: -9999em;
  }
  .hero-layout .hero_carousel .hero_carousel_list.slick-initialized .hero_carousel_item {
    position: static;
  }
  .hero-layout .hero_carousel .hero_carousel_list.is-inactive .hero_carousel_item {
    position: static;
  }
  .hero-layout .hero_carousel .hero_carousel_list .hero_carousel_visual a {
    outline: none;
  }
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin: -22px 0 0 0;
    padding: 0;
    border: none;
    text-indent: -9999em;
    outline: none;
  }
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow.slick-prev {
    left: 0;
  }
  .hero-layout .hero_carousel .hero_carousel_list .slick-arrow.slick-next {
    right: 0;
  }
  .hero-layout .hero_carousel .slick-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .hero-layout .hero_carousel .slick-dots > li {
    margin-right: 15px;
  }
  .hero-layout .hero_carousel .slick-dots > li:last-child {
    margin-right: 0;
  }
  .hero-layout .hero_carousel .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    max-width: 100%;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #ccc;
    text-indent: -9999em;
    outline: none;
    overflow: hidden;
  }
  .hero-layout .hero_carousel .slick-dots li.slick-active button {
    border-color: #222;
    background-color: #388ee6;
  }
  /* v2 */
  .hero-layout-v2 {
    margin: 0 -15px;
    background-color: #f0f5f9;
  }
  .hero-layout-v2 + * {
    margin-top: 1.75em;
  }
  .hero-layout-v2 .hero_links {
    padding: 15px;
  }
  .hero-layout-v2 .hero_links > *:first-child,
  .hero-layout-v2 .hero_links > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .hero-layout-v2 .hero_links .hero_links_title {
    margin: 1em 0 .5em;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .hero-layout-v2 .hero_links .hero_links_title + * {
    margin-top: .5em;
  }
  .hero-layout-v2 .hero_links .link-button > li + li {
    margin-top: .5em;
  }
  .hero-layout-v2 .hero_links .link-button a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .hero-layout-v2 .hero_links .link-text {
    margin-top: .75em;
  }
  .hero-layout-v2 .hero_links .link-text > li + li {
    margin-top: .5em;
  }
  /* v3 */
  .hero-layout-v3 {
    margin: 2.5em -15px 0;
    padding: 15px 0;
    background-color: #f0f5f9;
    overflow: hidden;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list {
    position: relative;
    min-height: 118px;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list.slick-initialized {
    min-height: 0;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .hero_carousel_item {
    position: absolute;
    top: 0;
    left: -9999em;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list.slick-initialized .hero_carousel_item {
    position: static;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin: -22px 0 0 0;
    padding: 0;
    border: none;
    text-indent: -9999em;
    outline: none;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow.slick-prev {
    left: 0;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-arrow.slick-next {
    right: 0;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1em;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots > li {
    display: inline-block;
    height: 8px;
    padding: 0 8px;
    vertical-align: top;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots > li > button {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    background-color: #c0c4c7;
    text-indent: -9999em;
    outline: none;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots > li > button::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    content: "";
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots > li.slick-active > button {
    border-color: #222;
    background-color: #388ee6;
  }
  .hero-layout-v3 .hero_carousel .hero_carousel_list .slick-dots > li.slick-active > button::after {
    border-color: #333;
  }
  /* v4 */
  .hero-layout-v4 {
    margin-top: 2.5em;
  }
  .hero-layout-v4 .hero_image {
  }
  .hero-layout-v4 .hero_image .hero_photo {
    border: 4px solid #222;
  }
  .hero-layout-v4 .hero_image .hero_photo img {
    width: 100%;
  }
  .hero-layout-v4 .hero_caption_block_1 {
    padding: 15px;
    background-color: #f0f5f9;
  }
  .hero-layout-v4 .hero_lead {
    margin: 1em 0 .5em;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .hero-layout-v4 .hero_name {
    margin-top: .5em;
    font-weight: bold;
  }
  .hero-layout-v4 .hero_caption_block_2 {
    margin: 1.25em 0 0;
  }
  .hero-layout-v4 .hero_caption > *:first-child,
  .hero-layout-v4 .hero_caption > section:first-child > [class*="heading-lv"],
  .hero-layout-v4 [class*="hero_caption_block"] > *:first-child,
  .hero-layout-v4 [class*="hero_caption_block"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v5 */
  .hero-layout-v5 {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
  }
  /* ----- product-hero-layout ----- */
  .product-hero-layout {
    position: relative;
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
  }
  .product-hero-layout .hero_visual img {
    width: 100%;
  }
  .product-hero-layout .hero_link {
    position: absolute;
    left: 4%;
    bottom: 3.2%;
    width: 43.6%;
  }
  /* ----- product-hero-layout-v2 ----- */
  .product-hero-layout-v2 {
    position: relative;
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 80px 7px 10px;
    background: url(/products/series/sukittoman/img/sukittoman_main_bg01-r2x.jpg) no-repeat 0 100%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .product-hero-layout-v2 .hero_logo {
    position: absolute;
    top: 15px;
    left: 0;
    width: calc((100% - 5px) / 2);
    padding-left: 7px;
    text-align: right;
  }
  .product-hero-layout-v2 .hero_logo img {
    width: 100%;
    max-width: 160px;
  }
  .product-hero-layout-v2 .hero_lead {
    position: absolute;
    top: 30px;
    right: 0;
    width: calc((100% - 5px) / 2);
    padding-right: 7px;
  }
  .product-hero-layout-v2 .hero_lead img {
    width: 100%;
    max-width: 152px;
  }
  .product-hero-layout-v2 .hero_links {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .product-hero-layout-v2 .hero_links > li {
    width: calc((100% - 5px) / 2);
    margin: .5em 0 0 5px;
  }
  .product-hero-layout-v2 .hero_links > li:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  .product-hero-layout-v2 .hero_links > li:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  /* v3 */
  .product-hero-layout-v3 {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    background-color: #f4f5f9;
  }
  .product-hero-layout-v3 .hero_visual img {
    width: 100%;
  }
  .product-hero-layout-v3 .hero_caption {
    padding: 25px 15px 20px;
  }
  .product-hero-layout-v3 .hero_caption > *:first-child {
    margin-top: 0 !important;
  }
  .product-hero-layout-v3 .hero_heading {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 4px solid #515151;
  }
  .product-hero-layout-v3 .hero_heading + * {
    margin-top: 1.25em;
  }
  .product-hero-layout-v3 .hero_heading .hero_logo {
    width: 100px;
  }
  .product-hero-layout-v3 .hero_heading .hero_title {
    width: calc(100% - 100px);
    padding-left: 15px;
    font-size: 2.7rem;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -.02em;
  }
  .product-hero-layout-v3 .hero_heading .heading_title_sub {
    display: block;
    margin-bottom: .25em;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .product-hero-layout-v3 .hero_heading .heading_title_parenthesis {
    display: inline-block;
    text-indent: -.6em;
    letter-spacing: -1px;
  }
  .product-hero-layout-v3 .hero_lead {
    font-size: 1.6rem;
  }
  .product-hero-layout-v3 .hero_links {
    margin-top: 1.25em;
  }
  .product-hero-layout-v3 .hero_links > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- banner-layout ----- */
  .banner-layout {
    position: relative;
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    overflow: hidden;
  }
  .banner-layout + [class*="link-text"] {
    margin-top: 2em;
  }
  .banner-layout .banner_heading + * {
    margin-top: 1em;
  }
  .banner-layout .banner_title {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
  }
  .banner-layout .banner_carousel .banner_carousel_list {
    position: relative;
    min-height: 100px;
  }
  .banner-layout .banner_carousel .banner_carousel_list.slick-dotted {
    padding: 0 0 25px;
  }
  .banner-layout .banner_carousel .banner_carousel_list.slick-initialized {
    min-height: 0;
  }
  .banner-layout .banner_carousel .banner_carousel_list .banner_carousel_item {
    position: absolute;
    top: 0;
    left: -9999em;
    padding: 0 45px;
  }
  .banner-layout .banner_carousel .banner_carousel_list.slick-initialized .banner_carousel_item {
    position: static;
  }
  .banner-layout .banner_carousel .banner_carousel_list .banner_carousel_item img {
    width: 100%;
  }
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin: -22px 0 0 0;
    padding: 0;
    border: none;
    text-indent: -9999em;
    outline: none;
  }
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-prev {
    left: 0;
  }
  .banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-next {
    right: 0;
  }
  .banner-layout .banner_carousel .slick-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .banner-layout .banner_carousel .slick-dots > li {
    margin-right: 12px;
  }
  .banner-layout .banner_carousel .slick-dots > li:last-child {
    margin-right: 0;
  }
  .banner-layout .banner_carousel .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    background-color: #ccc;
    text-indent: -9999em;
    outline: none;
    overflow: hidden;
  }
  .banner-layout .banner_carousel .slick-dots li.slick-active button {
    background-color: #418fde;
  }
  
  /* ----- brand-banner-layout ----- */
  .brand-banner-layout {
    margin: 2.5em -15px 0;
    padding: 15px 0;
    background-color: #f0f5f9;
    overflow: hidden;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list {
    position: relative;
    min-height: 295px;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list.slick-initialized {
    min-height: 0;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .banner_carousel_item {
    position: absolute;
    top: 0;
    left: -9999em;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list.slick-initialized .banner_carousel_item {
    position: static;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .banner_carousel_item .index-layout-v4 {
    padding: 0 40px;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .banner_carousel_item .index-layout-v4 > .block {
    max-width: 590px;
    margin: 0 auto;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-list {
    overflow: visible;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin: -28px 0 0 0;
    padding: 0;
    border: none;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-prev {
    left: 0;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-arrow.slick-next {
    right: 0;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots {
    margin-top: 1.5em;
    padding: 0 40px;
    text-align: center;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li {
    display: inline-block;
    height: 8px;
    padding: 0 15px;
    vertical-align: top;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li > button {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    background-color: #c0c4c7;
    text-indent: -9999em;
    outline: none;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li > button::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    content: "";
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li.slick-active > button {
    background-color: #418fde;
  }
  .brand-banner-layout .banner_carousel .banner_carousel_list .slick-dots > li.slick-active > button::after {
    border-color: #333;
  }
  
  /* ----- pickup-banner-layout ----- */
  .pickup-banner-layout > .block {
    position: relative;
  }
  .pickup-banner-layout .icon-new {
    position: absolute;
    top: 0;
    right: 0;
  }
  .pickup-banner-layout .icon-new.type-circle {
    top: 5px;
    right: 5px;
  }
  .pickup-banner-layout > .block > .banner_caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(255,255,255,.9);  
    opacity: .9;
  }
  .pickup-banner-layout > a.block > .banner_caption .banner_title {
    display: inline-table;
    position: relative;
    height: 40px;
    vertical-align: top;
    line-height: 1.3;
  }
  .pickup-banner-layout > a.block > .banner_caption .banner_title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .pickup-banner-layout > a.block > .banner_caption .banner_title > .banner_label {
    display: table-cell;
    padding: 7px 0 5px 17px;
    text-align: left;
    vertical-align: middle;
    font-size: 1.2rem;
  }
  
  /* ----- colortip-gallery-layout ----- */
  .colortip-gallery-layout {
    margin-top: 2.5em;
  }
  .colortip-gallery-layout .gallery_list {
    position: relative;
    min-height: 345px;
  }
  .colortip-gallery-layout .gallery_list.slick-initialized {
    min-height: 0;
  }
  .colortip-gallery-layout .gallery_list .gallery_item {
    position: absolute;
    top: 0;
    left: -9999em;
  }
  .colortip-gallery-layout .gallery_list.slick-initialized .gallery_item {
    position: static;
  }
  .colortip-gallery-layout .gallery_list .gallery_item .gallery_caption {
    margin-top: .5em;
    font-size: 1.2rem;
  }
  .colortip-gallery-layout .gallery_list .gallery_assist {
    font-size: 1.2rem;
  }
  .colortip-gallery-layout .gallery_list .slick-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 1.25em;
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li > a {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li > a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    content: "";
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li.slick-active > a::after {
    border-color: rgba(255,255,255,.8);
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color {
    display: block;
    width: 100%;
    height: 100%;
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color.type-1012::after,
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color.type-1013::after,
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color.type-1014::after,
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color.type-1015::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    content: "";
  }
  .colortip-gallery-layout .gallery_list .slick-dots > li > a .icon-color img {
    width: 100%;
    height: 100%;
  }
  
  /* ----- youtube-layout ----- */
  [class*="youtube-layout"] .youtube_inner {
    position: relative;
    width: 100%;
    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;
  }
  /* v2 */
  .youtube-layout-v2 {
    width: 100%;
    margin: 2em auto 0;
  }
  /* v3 */
  .youtube-layout-v3 {
    width: 100%;
    margin: 2em auto 0;
  }
  
  /* ----- 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;
  }
  
  /* ----- social-twitter-button ----- */
  .social-twitter-button {
    margin-top: 1.5em;
  }
  .social-twitter-button > .image-set {
    margin-top: 0;
  }
  .social-twitter-button .twitter_follow {
    margin-top: .5em;
    line-height: 1;
  }
  
  /* ----- social-twitter-widget ----- */
  .social-twitter-widget {
    margin-top: 1.5em;
  }
  .social-twitter-widget .twitter_timeline {
  }
  
  /* ----- pagination-layout ----- */
  .pagination-layout {
    margin: 2.5em 0 0;
    text-align: center;
  }
  .pagination-layout .pagination_navi {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 265px;
  }
  .pagination-layout .pagination_navi .pagination_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    height: 35px;
  }
  .pagination-layout .pagination_navi .pagination_list:not(.type-prev):not(.type-next) {
    padding: 0 45px;
  }
  .pagination-layout .pagination_navi .pagination_list > li {
    width: 35px;
  }
  .pagination-layout .pagination_navi .pagination_list > li > a,
  .pagination-layout .pagination_navi .pagination_list > li > span {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 35px;
    padding: 2px 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
  }
  .pagination-layout .pagination_navi .pagination_list > li.is-current > * {
    background-color: #418fde;
    color: #fff;
    font-weight: bold;
  }
  .pagination-layout .pagination_navi .pagination_list > li + li > a,
  .pagination-layout .pagination_navi .pagination_list > li + li > span {
    margin-left: -1px;
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev,
  .pagination-layout .pagination_navi .pagination_list.type-next {
    position: absolute;
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev {
    left: 0;
  }
  .pagination-layout .pagination_navi .pagination_list.type-next {
    right: 0;
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev > li,
  .pagination-layout .pagination_navi .pagination_list.type-next > li {
    width: 35px;
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev > li > a,
  .pagination-layout .pagination_navi .pagination_list.type-next > li > a {
    display: block;
    position: relative;
    width: 35px;
    text-indent: -9999em;
    outline: none;
    overflow: hidden;
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev > li > a::before,
  .pagination-layout .pagination_navi .pagination_list.type-next > li > a::before {
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    content: "";
  }
  .pagination-layout .pagination_navi .pagination_list.type-prev > li > a::before {
    left: 50%;
    margin: -3px 0 0 -2px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .pagination-layout .pagination_navi .pagination_list.type-next > li > a::before{
    right: 50%;
    margin: -3px -2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  /* ----- pager-layout ----- */
  .pager-layout {
    margin-top: 2.5em;
  }
  .pager-layout .pager_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .pager-layout .pager_list > li {
    max-width: calc((100% - 15px) / 2);
  }
  .pager-layout .pager_list > li > a {
    display: inline-block;
    position: relative;
    width: 165px;
    max-width: 100%;
    padding: 14px 8px 12px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
  }
  .pager-layout .pager_list > li.type-prev > a {
    padding-left: 32px;
  }
  .pager-layout .pager_list > li.type-next > a {
    padding-right: 32px;
  }
  .pager-layout .pager_list > li.type-prev > a::before {
    position: absolute;
    top: 50%;
    left: 8px;
    margin: -8px 0 0 0;
  }
  .pager-layout .pager_list > li.type-next > a::before {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -8px 0 0 0;
  }
  .pager-layout .pager_list > li > a .link_label {
    display: inline-block;
  }
  
  /* ----- about-navi-guide ----- */
  .about-navi-guide {
    margin: 2.75em 0 0 calc(50% - 50vw);
    padding: 25px 15px 0;
    width: 100vw;
    border-top: 2px solid #ddd;
  }
  .about-navi-guide .navi_inner > *:first-child {
    margin-top: 0 !important;
  }
  .about-navi-guide .navi_index {
    margin-top: 2.75em;
  }
  .about-navi-guide .navi_index > *:first-child {
    margin-top: 0 !important;
  }
  .about-navi-guide .navi_index > .navi_heading > .navi_title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .about-navi-guide .navi_index > .navi_content > *:first-child {
    margin-top: 0 !important;
  }
  .about-navi-guide .navi_index.type-company > .navi_heading > .navi_title {
    text-align: center;
  }
  .about-navi-guide .navi_index.type-company > .navi_content {
    margin-top: 1em;
  }
  .about-navi-guide .navi_index .navi_links_1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .about-navi-guide .navi_index .navi_links_1 > li {
     display: -webkit-flex;
    display: flex;
    width: 25%;
  }
  .about-navi-guide .navi_index .navi_links_1 > li > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    padding: 15px 0;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .about-navi-guide .navi_index .navi_links_1 > li + li > .block {
    border-left: none;
  }
  .about-navi-guide .navi_index .navi_links_1 .navi_image {
    width: 100%;
    text-align: center;
  }
  .about-navi-guide .navi_index .navi_links_1 .navi_image img {
    width: auto;
    height: 35px;
  }
  .about-navi-guide .navi_index .navi_links_1 .navi_caption {
    margin-top: .5em;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  }
  .about-navi-guide .navi_index.type-social {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .about-navi-guide .navi_index.type-social > .navi_heading,
  .about-navi-guide .navi_index.type-social > .navi_content {
    width: calc((100% - 15px) / 2);
  }
  .about-navi-guide .navi_index .navi_links_2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .about-navi-guide .navi_index .navi_links_2 > li {
    text-align: center;
  }
  .about-navi-guide .navi_index .navi_links_2 .navi_image img {
    width: auto;
    height: 40px;
  }
  .about-navi-guide .navi_index .navi_links_2 .navi_caption {
    margin-top: .75em;
    font-size: 1rem;
  }
  /* v2 */
  .about-navi-guide-v2 {
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 0 15px;
    width: 100vw;
  }
  .about-navi-guide-v2 .navi_inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .about-navi-guide-v2 .navi_inner > *:first-child {
    margin-top: 0 !important;
  }
  .about-navi-guide-v2 .navi_index {
    margin-top: 2em;
  }
  .about-navi-guide-v2 .navi_index.type-company {
    width: 100%;
  }
  .about-navi-guide-v2 .navi_index.type-social {
    width: 58%;
  }
  .about-navi-guide-v2 .navi_index.type-other {
    width: 21%;
  }
  .about-navi-guide-v2 .navi_index.type-social > .navi_heading {
  }
  .about-navi-guide-v2 .navi_index .navi_heading > .navi_title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  .about-navi-guide-v2 .navi_index > .navi_content > *:first-child {
    margin-top: 0 !important;
  }
  .about-navi-guide-v2 .navi_index > .navi_heading + * {
    margin-top: .75em;
  }
  .about-navi-guide-v2 .navi_index.type-company > .navi_content {
    width: 100%;
    margin-top: 1em;
  }
  .about-navi-guide-v2 .navi_index.type-other > .navi_content {
    border-left: 1px solid #ddd;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 > li {
     display: -webkit-flex;
    display: flex;
    width: 25%;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 > li > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    padding: 15px 0;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 > li + li > .block {
    border-left: none;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 .navi_image {
    width: 100%;
    text-align: center;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 .navi_image img {
    width: auto;
    height: 35px;
  }
  .about-navi-guide-v2 .navi_index .navi_links_1 .navi_caption {
    margin-top: .5em;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  }
  .about-navi-guide-v2 .navi_index .navi_links_2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: end;
    align-items: end;
    width: 100%;
    padding: 10px 10% 0;
  }
  .about-navi-guide-v2 .navi_index .navi_links_2 > li {
    text-align: center;
  }
  .about-navi-guide-v2 .navi_index .navi_links_2 .navi_image {
    display: inline-block;
    width: 28px;
    border-radius: 5px;
    vertical-align: top;
    overflow: hidden;
  }
  .about-navi-guide-v2 .navi_index .navi_links_2 .navi_caption {
    margin-top: .75em;
    font-size: 1rem;
  }
  .about-navi-guide-v2 .navi_index .navi_links_3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
  }
  .about-navi-guide-v2 .navi_index .navi_links_3 > li {
    text-align: center;
  }
  .about-navi-guide-v2 .navi_index .navi_links_3 .navi_image {
    display: inline-block;
    width: 28px;
    border-radius: 5px;
    vertical-align: top;
    overflow: hidden;
  }
  .about-navi-guide-v2 .navi_index .navi_links_3 .navi_caption {
    margin-top: .75em;
    font-size: 1rem;
  }

  /* ----- products-navi-guide ----- */
  .products-navi-guide {
    margin-top: 2em;
  }
  .products-navi-guide > *:first-child {
    margin-top: 0 !important;
  }
  .products-navi-guide > .navi_item {
    margin-top: 1.75em;
  }
  .products-navi-guide .navi_heading {
    margin-bottom: 1.25em;
  }
  .products-navi-guide .navi_title {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .products-navi-guide .navi_title > a {
    display: inline-block;
    position: relative;
    padding-left: 22px;
  }
  .products-navi-guide .navi_title > a::before {
    position: absolute;
    top: .2em;
    left: 0;
  }
  .products-navi-guide .navi_content > *:first-child,
  .products-navi-guide .navi_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- customer-navi-guide ----- */
  .customer-navi-guide {
    width: 100vw;
    margin: 2.5em 0 0 calc(50% - 50vw);
    padding: 15px;
    background-color: #f1f1f1;
  }
  .customer-navi-guide .navi_content > *:first-child,
  .customer-navi-guide .navi_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- shop-navi-guide ----- */
  .shop-navi-guide {
    margin-top: 2.5em;
    padding: 15px 13px;
    border-top: 2px solid #418fde;
    background-color: #f2f7fb;
  }
  .shop-navi-guide > *:first-child {
    margin-top: 0 !important;
  }
  .shop-navi-guide .navi_heading {
  }
  .shop-navi-guide .navi_title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  .shop-navi-guide .navi_title .is-smaller {
  }
  .shop-navi-guide .navi_content {
    margin-top: .75em;
  }
  .shop-navi-guide .navi_content > *:first-child,
  .shop-navi-guide .navi_content > section:first-child > [class*="heading-lv"],
  .shop-navi-guide .navi_content .navi_links > *:first-child,
  .shop-navi-guide .navi_content .navi_links > section:first-child > [class*="heading-lv"],
  .shop-navi-guide .navi_content .navi_text > *:first-child,
  .shop-navi-guide .navi_content .navi_text > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .shop-navi-guide .navi_content .navi_links {
    margin-top: .75em;
  }
  .shop-navi-guide .navi_content .navi_text {
    margin-top: .75em;
  }
  
  /* ----- job-navi-guide ----- */
  .job-navi-guide {
    width: 100vw;
    margin: 1em 0 0 calc(50% - 50vw);
  }
  .job-navi-guide > .navi_content {
    width: 320px;
    margin: 0 auto;
  }
  .job-navi-guide > .navi_content > *:first-child,
  .job-navi-guide > .navi_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .job-navi-guide .navi_block {
    margin-top: 1em;
  }
  .job-navi-guide .navi_block > *:first-child,
  .job-navi-guide .navi_block > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .job-navi-guide .navi_links .navi_item {
    width: 100%;
    height: 45px;
  }
  .job-navi-guide .navi_links .navi_item > .block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    border: 3px solid #000;
    text-align: center;
  }
  .job-navi-guide .navi_links .navi_item.color1 > .block {
    background-color: #5ca7e1;
  }
  .job-navi-guide .navi_links .navi_item.color2 > .block {
    background-color: #9090d0;
  }
  .job-navi-guide .navi_links .navi_item.color3 > .block {
    background-color: #fe9b00;
  }
  .job-navi-guide .navi_links .navi_item.color4 > .block {
    background-color: #43bcab;
  }
  .job-navi-guide .navi_links .navi_item.color5 > .block {
    background-color: #4aba64;
  }
  .job-navi-guide .navi_links .navi_item.color6 > .block {
    background-color: #92c63d;
  }
  .job-navi-guide .navi_links .navi_item > a.block::before {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 17px;
    height: 17px;
    background-color: #222;
    content: "";
  }
  .job-navi-guide .navi_links .navi_item > a.block::after {
    position: absolute;
    right: 4px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .job-navi-guide .navi_links .navi_item .navi_label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .job-navi-guide .navi_links .navi_item .navi_arrow {
    display: block;
    height: 0;
    width: 0;
  }
  .job-navi-guide .navi_links .navi_item .navi_arrow::before {
    position: absolute;
    bottom: -22px;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -8px;
    border-top: 10px solid #222;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid transparent;
    content: "";
  }
  .job-navi-guide .navi_links .navi_item .navi_arrow::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -6px;
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-bottom: 8px solid transparent; 
    border-left: 6px solid transparent;
    content: "";
  }
  .job-navi-guide .navi_links .navi_item.color1 .navi_arrow::after {
    border-top-color: #5ca7e1;
  }
  .job-navi-guide .navi_links .navi_item.color2 .navi_arrow::after {
    border-top-color: #9090d0;
  }
  .job-navi-guide .navi_links .navi_item.color3 .navi_arrow::after {
    border-top-color: #fe9b00;
  }
  .job-navi-guide .navi_links .navi_item.color4 .navi_arrow::after {
    border-top-color: #43bcab;
  }
  .job-navi-guide .navi_links .navi_item.color5 .navi_arrow::after {
    border-top-color: #4aba64;
  }
  .job-navi-guide .navi_links .navi_item.color6 .navi_arrow::after {
    border-top-color: #92c63d;
  }
  .job-navi-guide .navi_block.type-flow {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1,
  .job-navi-guide .navi_block.type-flow .navi_links.area3 {
    position: relative;
    width: 40px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item,
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item {
    position: absolute;
    letter-spacing: 0.1em;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item {
    right: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position1 {
    top: 27px;
    height: 155px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position2 {
    top: 190px;
    height: 107px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position3 {
    top: 305px;
    height: 80px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item .navi_arrow::before,
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item .navi_arrow::after {
    top: 50%;
    bottom: auto;
    left: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item .navi_arrow::before {
    right: -21px;
    margin: -10px 0 0 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item .navi_arrow::after {
    right: -14px;
    margin: -8px 0 0 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position1 .navi_arrow.type1::before {
    top: 10px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position1 .navi_arrow.type1::after {
    top: 12px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position1 .navi_arrow.type3::before {
    top: auto;
    bottom: 10px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area1 .navi_item.position1 .navi_arrow.type3::after {
    top: auto;
    bottom: 12px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item {
    left: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position1 {
    top: 51px;
    height: 105px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position2 {
    top: 164px;
    height: 105px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position3 {
    top: 294px;
    height: 105px;
    writing-mode: lr-tb;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position3 .navi_label {
    width: 1em;
    line-height: 1;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item .navi_arrow::before,
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item .navi_arrow::after {
    top: 50%;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item .navi_arrow::before {
    left: -20px;
    margin: -10px 0 0 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item .navi_arrow::after {
    left: -13px;
    margin: -8px 0 0 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position1 .navi_arrow.type1::before {
    top: 11px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position1 .navi_arrow.type1::after {
    top: 13px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position1 .navi_arrow.type2::before {
    top: auto;
    bottom: 11px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area3 .navi_item.position1 .navi_arrow.type2::after {
    top: auto;
    bottom: 13px;
    margin: 0;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 {
    width: 220px;
    margin: 0 10px;
    padding: 15px 25px;
    border: 2px solid #fd192a;
    background-color: #fff;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item_wrap.type-arrow {
    position: relative;
    margin: 0 -10px 40px;
    padding: 10px 10px 0;
    background-color: #fbc956;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item_wrap.type-arrow::after {
    position: absolute;
    left: 50%;
    bottom: -70px;
    height: 0;
    width: 0;
    border-top: 35px solid #fbc956;
    border-right: 93px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 93px solid transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item {
    margin-bottom: 10px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item.type-opposite {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item.type-opposite .navi_arrow::before,
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item.type-opposite .navi_arrow::after {
    bottom: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item.type-opposite .navi_arrow::before {
    top: -22px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area2 .navi_item.type-opposite .navi_arrow::after {
    top: -15px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area4 {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area4 .navi_item {
    width: calc((100% - 15px)/2);
    margin-top: 10px;
    margin-left: 15px;
  }
  .job-navi-guide .navi_block.type-flow .navi_links.area4 .navi_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .job-navi-guide .navi_block.type-list {
    padding: 15px;
    background-color: #dfebf6;
  }
  .job-navi-guide .navi_block.type-list .navi_links {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap;
  }
  .job-navi-guide .navi_block.type-list .navi_links .navi_item {
    width: calc((100% - 15px) / 2);
    margin: .75em 0 0 15px;
  }
  .job-navi-guide .navi_block.type-list .navi_links .navi_item:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  .job-navi-guide .navi_block.type-list .navi_links .navi_item:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  .job-navi-guide .nav_distributor > .block {
    padding: 8px 0;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
  }
  .job-navi-guide .nav_distributor .navi_label {
    color: #fe9b00;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .job-navi-guide .nav_distributor .navi_label br {
    display: none;
  }
  .job-navi-guide .nav_customer > .block {
    padding: 5px 0;
    background-color: #fd192a;
    border-radius: 20px;
    text-align: center;
  }
  .job-navi-guide .nav_customer .navi_label {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
  }
  
  /* ----- contact-layout ----- */
  .contact-layout {
    margin-top: 2em;
    padding: 20px 15px;
    border: 2px solid #ddd;
    background-color: #fff;
  }
  .contact-layout > .contact_heading {
    margin-bottom: 1.25em;
  }
  .contact-layout .contact_title {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
  }
  .contact-layout > .contact_content > *:first-child,
  .contact-layout > .contact_content > section:first-child > [class*="heading-lv"],
  .contact-layout > .contact_content > .contact_means > *:first-child {
    margin-top: 0 !important;
  }
  .contact-layout .contact_means > .contact_guide {
    margin-top: 1.75em;
  }
  .contact-layout .contact_means > .contact_guide .contact_guide_title {
    padding-top: 2px;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
  }
  .contact-layout .contact_means > .contact_guide.type-tel .contact_guide_title::before {
    display: inline-block;
    margin: 0 7px 0 0;
  }
  .contact-layout .contact_means > .contact_guide.type-form .contact_guide_title::before {
    display: inline-block;
    margin: -2px 7px 0 0;
  }
  .contact-layout .contact_means > .contact_guide.type-mail .contact_guide_title::before {
    display: inline-block;
    margin: -2px 7px 0 0;
  }
  .contact-layout .contact_means > .contact_guide .contact_guide_title + * {
    margin-top: 1em;
  }
  .contact-layout .contact_means > .contact_guide .contact_guide_title + .link-button-v6 {
    margin-top: 0;
  }
  .contact-layout .contact_means > .contact_guide .contact_guide_address {
    margin-top: 1em;
    font-size: 1.2rem;
  }
  .contact-layout .contact_means > .contact_guide .link-button-v6[data-row-pc] a {
    display: table;
  }
  .contact-layout .contact_means > .contact_guide .link-button-v6 a .link_label {
    text-align: center;
  }
  /* v2 */
  .contact-layout-v2 {
    margin-top: 2em;
    padding: 20px 15px;
    background-color: #f6f6f6;
  }
  .contact-layout-v2 > .contact_heading {
    margin-bottom: 1.25em;
  }
  .contact-layout-v2 .contact_title {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
  }
  .contact-layout-v2 > .contact_content > *:first-child,
  .contact-layout-v2 > .contact_content > section:first-child > [class*="heading-lv"],
  .contact-layout-v2 > .contact_content > .contact_means > *:first-child {
    margin-top: 0 !important;
  }
  .contact-layout-v2.type-tel .contact_content .contact_attention .contact_attention_block.type-list > *:first-child {
    margin-top: 0;
  }
  .contact-layout-v2.type-tel .list-bullet li,
  .contact-layout-v2.type-fax .list-bullet li {
    font-size: 1.2rem;
  }
  .contact-layout-v2.type-tel > .contact_heading,
  .contact-layout-v2.type-fax > .contact_heading,
  .contact-layout-v2.type-form > .contact_heading {
    text-align: center;
  }
  .contact-layout-v2.type-tel > .contact_heading .contact_title {
    position: relative;
    display: inline-block;
    padding-left: 25px;
  }
 .contact-layout-v2.type-tel > .contact_heading .contact_title::before {
    position: absolute;
    top: 0.12em;
    left: 0;
  }
  .contact-layout-v2.type-tel .contact_content > .contact-box-layout-v2 + .contact-box-layout-v2 {
    margin-top: .75em;
  }
  .contact-layout-v2.type-tel .contact_content > .contact-box-layout-v2.type-consult {
    background-color: #fff;
  }
  .contact-layout-v2.type-tel .contact_content > .contact_attention {
    margin-top: .4em;
  }
  .contact-layout-v2.type-tel .contact_content .contact_attention_block.type-address {
    margin-top: .85em;
  }
  .contact-layout-v2.type-tel .contact_content .contact_attention_block.type-address > .contact_attention_title {
    position: relative;
    padding-left: 20px;
    font-weight: bold;
  }
  .contact-layout-v2.type-tel .contact_content .contact_attention_block.type-address > .contact_attention_title::before {
    position: absolute;
    top: 0.12em;
    left: 0;
  }
  .contact-layout-v2.type-tel .contact_content .contact_attention_block.type-address > .contact_attention_title + * {
    margin-top: .35em;
  }  
  .contact-layout-v2.type-tel .contact_freedial > a {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
  }
  .contact-layout-v2.type-tel .contact_columns .contact_freedial > a[data-ruby] {
    padding-top: 15px;
  }
  .contact-layout-v2.type-tel .contact_columns .contact_freedial > a[data-ruby]::before {
    top: .6em;
  }
  .contact-layout-v2.type-tel .contact_columns .contact_freedial > a[data-ruby]::after {
    position: absolute;
    right: 0;
    top: 0;
    color: #555;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1;
    content: attr(data-ruby);
  }
  .contact-layout-v2.type-fax > .contact_heading .contact_title {
    position: relative;
    display: inline-block;
    padding-left: 37px;
  }
  .contact-layout-v2.type-fax > .contact_heading .contact_title::before {
    position: absolute;
    top: 0.12em;
    left: 0;
  }
  .contact-layout-v2.type-fax .contact_guide.type-tel {
    text-align: center;
  }
  .contact-layout-v2.type-fax .contact_guide_title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .contact-layout-v2.type-fax .contact_freedial {
    margin-top: 1em;
  }
  .contact-layout-v2.type-fax .contact_freedial > span {
    display: inline-block;
    position: relative;
    padding-left: 48px;
    color: #333;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
  }
  .contact-layout-v2.type-fax .contact_freedial > span::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contact-layout-v2.type-form > .contact_heading .contact_title {
    position: relative;
    display: inline-block;
    padding-left: 37px;
  }
  .contact-layout-v2.type-form > .contact_heading .contact_title::before {
    position: absolute;
    top: 0.12em;
    left: 0;
  }
  /* v3 */
  .contact-layout-v3 {
    margin-top: 2em;
  }
  .contact-layout-v3 > .contact_heading {
    margin-bottom: 1.5em;
  }
  .contact-layout-v3 .contact_title {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
  }
  .contact-layout-v3 > .contact_content > *:first-child,
  .contact-layout-v3 > .contact_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* v4 */
  .custom-conversion {
    display: none;
  }
  .contact-layout-v4 {
    text-align: center;
    margin-top: 24px;
    padding: 13px 17px 16px;
    background-color: #f2f3f5;
  }
  .contact-layout-v4 .contact_heading {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .contact-layout-v4 .contact_content .column-layout {
    margin-top: 23px;
  }
  .contact-layout-v4 .contact_content .column-layout {
    margin-top: 23px;
  }
  .contact-layout-v4 .contact_content .column-layout .link-button-v6 a .link_label {
    text-align: center;
  }
  
  /* ----- contact-box-layout ----- */
  .contact-box-layout {
    margin-top: 1.75em;
    padding: 20px;
    background-color: #f6f6f6;
  }
  .contact-box-layout > .box_heading {
    margin-bottom: 1em;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
  }
  .contact-box-layout > .box_content > *:first-child,
  .contact-box-layout > .box_content > section:first-child > [class*="heading-lv"],
  .contact-box-layout .contact_consult > [class*="contact_consult_block"] > *:first-child,
  .contact-box-layout .contact_consult > [class*="contact_consult_block"] > section:first-child > [class*="heading-lv"],
  .contact-box-layout .contact_department > [class*="contact_department_block"] > *:first-child,
  .contact-box-layout .contact_department > [class*="contact_department_block"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .contact-box-layout .contact_consult > .contact_consult_block + .contact_consult_block {
    margin-top: .75em;
    padding-top: 12px;
    border-top: 1px solid #ccc;
  }
  .contact-box-layout .contact_consult > .contact_consult_block_1 {
  }
  .contact-box-layout .contact_consult > .contact_consult_block_2 {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
  }
  .contact-box-layout .contact_consult .contact_freedial {
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
  }
  .contact-box-layout .contact_consult .contact_freedial > a {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
  }
  .contact-box-layout .contact_consult .contact_freedial > a[data-ruby] {
    padding-top: 14px;
  }
  .contact-box-layout .contact_consult .contact_freedial > a::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contact-box-layout .contact_consult .contact_freedial > a[data-ruby]::before {
    top: .6em;
  }
  .contact-box-layout .contact_consult .contact_freedial > a[data-ruby]::after {
    position: absolute;
    right: 0;
    top: 0;
    color: #555;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1;
    content: attr(data-ruby);
  }
  .contact-box-layout .contact_consult .contact_reception {
    margin-top: .5em;
    font-size: 1.1rem;
    text-align: center;
  }
  .contact-box-layout .contact_consult .contact_number {
    display: table;
    width: 100%;
    margin-top: .75em;
  }
  .contact-box-layout .contact_consult .contact_number > dt {
    display: table-cell;
    width: 105px;
    padding: 5px 0 3px;
    background-color: #787878;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
  }
  .contact-box-layout .contact_consult .contact_number > dd {
    display: table-cell;
    padding: 1px 0 0 10px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
  }
  .contact-box-layout .contact_department .contact_department_block {
    text-align: center;
  }
  .contact-box-layout .contact_department .contact_number > a {
    color: #333;
    font-size: 2.8rem;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1;
  }
  .contact-box-layout .contact_department .contact_reception {
    margin-top: .5em;
    color: #555;
    font-size: 1.1rem;
  }
  .contact-box-layout .contact_department .contact_address {
    margin-top: .25em;
    color: #555;
    font-size: 1.1rem;
  }
  /* v2 */
  .contact-box-layout-v2 {
    margin-top: 1.75em;
    padding: 15px 20px;
    background-color: #f6f6f6;
  }
  .contact-box-layout-v2 > .box_heading {
    margin-bottom: 1em;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
  }
  .contact-box-layout-v2 > .box_content > *:first-child,
  .contact-box-layout-v2 > .box_content > section:first-child > [class*="heading-lv"],
  .contact-box-layout-v2 .contact_columns > [class*="contact_block"] > *:first-child,
  .contact-box-layout-v2 .contact_columns > [class*="contact_block"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .contact-box-layout-v2 .contact_columns > .contact_block {
    margin-top: .75em;
  }
  .contact-box-layout-v2 .contact_columns > .contact_block:nth-child(-n+1) {
    margin-top: 0;
  }
  .contact-box-layout-v2 .contact_freedial {
    text-align: center;
  }
  .contact-box-layout-v2 .contact_freedial > a {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    color: #333;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
  }
  .contact-box-layout-v2 .contact_freedial > a::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contact-box-layout-v2 .contact_number {
    display: table;
    width: 100%;
    margin-top: .75em;
    border: 2px solid #222;
  }
  .contact-box-layout-v2 .contact_number > dt {
    display: table-cell;
    width: 64px;
    padding: 10px 5px;
    border-right: 2px solid #222;
    background-color: #418fde;
    color: #fff;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
  }
  .contact-box-layout-v2 .contact_number > dd {
    display: table-cell;
    padding: 0 5px;
    background-color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
  }
  .contact-box-layout-v2 .list-note > li + li {
    margin-top: .25em;
  }
  /* v3 */
  .contact-box-layout-v3 {
    margin-top: 1.75em;
    padding: 20px 15px;
    background-color: #f6f6f6;
  }
  .contact-box-layout-v3 > .box_heading {
    margin-bottom: 1em;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
  }
  .contact-box-layout-v3 > .box_content > *:first-child,
  .contact-box-layout-v3 > .box_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* ----- contact-faq-layout ----- */
  .contact-faq-layout .faq_title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 1.3rem;
  }
  .contact-faq-layout .faq_title + * {
    margin-top: .55em;
    border-top: none;
  }
  .contact-faq-layout .faq-layout > .faq_item {
    border: none;
  }
  .contact-faq-layout .faq-layout .faq_question > .block {
    padding: 8px 0 10px 40px;
  }
  .contact-faq-layout .faq-layout .faq_question .faq_icon {
    top: 6px;
  }
  .contact-faq-layout .faq-layout + * {
    margin-top: 1.0em;
  }
  
  /* ----- plugin-layout ----- */
  .plugin-layout {
    margin-top: 1.75em;
  }
  .plugin-layout .plugin_banner {
    margin-bottom: 1em;
    line-height: 1;
  }
  .plugin-layout .plugin_detail {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  
  /* ----- seal-secured ----- */
  .seal-secured {
    margin-top: 1em;
  }
  
  .seal-secured > *:first-child,
  .seal-secured > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- product-info-basic ----- */
  .product-info-basic {
    margin-top: 2em;
  }
  .product-info-basic .info_list {
    margin-top: 1em;
  }
  .product-info-basic .info_list > .info_item {
  }
  .product-info-basic .info_list > .info_item > *:first-child,
  .product-info-basic .info_list > .info_item > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-info-basic .info_tape {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .product-info-basic .info_tape > dt {
    margin-right: 10px;
  }
  .product-info-basic .info_tape > dd {
    font-weight: bold;
  }
  .product-info-basic .info_environment {
    margin-top: 1em;
    letter-spacing: -.4em;
  }
  .product-info-basic .info_environment > .icon-environment {
    width: 45px;
    margin: 0 6px 6px 0;
    letter-spacing: normal;
  }
  .product-info-basic .info_environment_v2 {
    margin-top: 1em;
    letter-spacing: -.4em;
  }
  .product-info-basic .info_environment_v2 > .icon-environment {
    width: 105px;
    margin: 0 6px 6px 0;
    letter-spacing: normal;
  }
  .product-info-basic .info_banner {
    margin-top: 1em;
  }
  .product-info-basic .info_banner > li {
    text-align: center;
  }
  .product-info-basic .info_banner > li + li {
    margin-top: .5em;
  }
  .product-info-basic .image-set.gp-al-left {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .product-info-basic .info_ps {
    margin-top: 1em;
    font-size: 1.2rem;
  }
  .product-info-basic .info_ps > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- product-info-details ----- */
  .product-info-details {
    margin-top: 2em;
  }
  .product-info-details > *:first-child,
  .product-info-details > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .product-info-details .info_remarks {
    margin-top: 1.5em;
  }
  .product-info-details .info_remarks > li {
    margin-top: .75em;
  }
  .product-info-details .info_remarks > li:first-child {
    margin-top: 0 !important;
  }
  .product-info-details .info_ps {
    margin-top: 1em;
    font-size: 1.2rem;
  }
  .product-info-details .info_ps > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- env-navi-consideration ----- */
  .env-navi-consideration {
    margin-top: 1em;
  }
  .env-navi-consideration .navi_heading > .navi_title {
    display: block;
    padding: 7px;
    border: 3px solid #000;
    background-color: #00aa2d;
    color: #fff;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  .env-navi-consideration .navi_content {
    position: relative;
    padding: 15px 0 15px 60px;
  }
  .env-navi-consideration .navi_cycle > li:last-child .navi_content {
    padding-bottom: 5px;
  }
  .env-navi-consideration .navi_content::before {
    position: absolute;
    top: 0;
    left: 13px;
    width: 27px;
    height: 100%;
    background-color: #9add55;
    content: "";
  }
  .env-navi-consideration .navi_content::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 53px;
    height: 33px;
    background-image: url(/common/img/cmn_ex02_02-r2x.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    content: "";
  }
  .env-navi-consideration .navi_cycle > li:last-child .navi_content::after {
    height: 23px;
    background-image: url(/common/img/cmn_ex02_04-r2x.png);
  }
  .env-navi-consideration .navi_content > *:first-child,
  .env-navi-consideration .navi_content > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- map-prefectures ----- */
  .map-prefectures {
    margin-top: 1.75em;
  }
  .map-prefectures > *:first-child {
    margin-top: 0 !important;
  }
  .map-prefectures_region {
    border: 2px solid #ccc;
    background-color: #fff;
  }
  .map-prefectures_region + .map-prefectures_region {
    margin-top: 1.45em;
  }
  .map-prefectures_region > .map-prefectures_title {
    position: relative;
    padding: 14px 40px 13px 15px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
  }
  .map-prefectures_region > .map-prefectures_title::after {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-color: #418fde;
    content: "";
  }
  .map-prefectures_region > .map-prefectures_title > span::before,
  .map-prefectures_region > .map-prefectures_title > span::after {
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 2;
    width: 12px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    content: "";
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  .map-prefectures_region > .map-prefectures_title > span::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .map-prefectures_region > .map-prefectures_title.is-active > span::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .map-prefectures_region > .map-prefectures_link,
  .map-prefectures_region > .map-prefectures_link > li {
    border-top: 1px solid #ccc;
  }
  .map-prefectures_region > .map-prefectures_link > li > a {
    display: block;
    position: relative;
    padding: 12px 30px 11px 13px;
    color: #333;
  }
  .map-prefectures_region > .map-prefectures_link > li > a::after {
    position: absolute;
    top: 50%;
    right: 19px;
    width: 6px;
    height: 11px;
    margin-top: -6px;
    background: url(/shop-search/img/shop-search_ic01-r2x.png) no-repeat 0 0;
    background-size: 6px auto;
    content: "";
  }
  
  /* ----- comment-list ----- */
  .comment-list {
    margin-top: 1.5em;
  }
  .comment-list > li {
    display: table;
    width: 100%;
    margin-top: 1em;
    table-layout: fixed;
  }
  .comment-list > li:first-child {
    margin-top: 0 !important;
  }
  .comment-list .comment_evaluation {
    display: table-cell;
    width: 70px;
    text-align: left;
    vertical-align: top;
  }
  .comment-list .comment_evaluation .comment_label {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 2px solid #222;
    background-color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
  }
  .comment-list .comment_evaluation.type1 .comment_label {
    background-color: #418fde;
    color: #fff;
  }
  .comment-list .comment_evaluation.type2 .comment_label {
    background-color: #fcd22b;
  }
  .comment-list .comment_detail {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  .comment-list .comment_detail > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- discussion-list ----- */
  .discussion-list {
    margin-top: 1.5em;
  }
  .discussion-list > li {
    display: table;
    width: 100%;
    margin-top: 1em;
    table-layout: fixed;
  }
  .discussion-list .discussion_speaker {
    display: table-cell;
    width: 65px;
    text-align: left;
    vertical-align: top;
  }
  .discussion-list .discussion_speaker .discussion_image {
    width: 50px;
    border: 2px solid #222;
  }
  .discussion-list .discussion_speaker .discussion_photo {
    border-bottom: 2px solid #222;
  }
  .discussion-list .discussion_speaker .discussion_caption {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 2px;
    height: 48px;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .discussion-list .discussion_speaker .discussion_photo + .discussion_caption {
    height: auto;
  }
  .discussion-list .discussion_speaker.type1 .discussion_caption {
    background-color: #418fde;
    color: #fff;
  }
  .discussion-list .discussion_speaker.type2 .discussion_caption {
    background-color: #fcd22b;
  }
  .discussion-list .discussion_detail {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  
  /* ----- discussion-layout ----- */
  .discussion-layout {
    margin-top: 2em;
  }
  .discussion-layout .discussion_faq {
  }
  .discussion-layout .discussion_career {
    margin-top: 2em;
  }
  .discussion-layout .discussion_career .discussion_career_title {
    margin: 1.5em 0 1em;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .discussion-layout .discussion_career .discussion_career_title + * {
    margin-top: 1em !important;
  }
  .discussion-layout .discussion_faq > *:first-child,
  .discussion-layout .discussion_faq > section:first-child > [class*="heading-lv"],
  .discussion-layout .discussion_career > *:first-child,
  .discussion-layout .discussion_career > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .discussion-layout[data-layout-sp="col-reverse"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
  .discussion-layout[data-layout-sp="col-reverse"] .discussion_faq {
    margin-top: 1em;
  }
    .discussion-layout[data-layout-sp="col-reverse"] .discussion_career {
    margin-top: 0em;
  }
  
  /* ----- speech-bubble ----- */
  .speech-bubble {
    margin-top: 14px;
  }
  .speech-bubble .speech-bubble_inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  .speech-bubble .speech-bubble_inner .speech-bubble_text {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-right: 11px;
    position: relative;
    text-align: center;
    border: solid 2px #222;
    border-radius: 10px;
    background-color: #418fde;
    color: #fff;
  }
  .speech-bubble .speech-bubble_inner .speech-bubble_text:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 45%;
    right: -12px;
    background-image: url(/recruit/discussion/img/young-employees_ex01.png);
    background-size: contain;
  }
  .speech-bubble .speech-bubble_inner .speech-bubble_text .speech-bubble_text_detail {
    font-weight: bold;
    font-size: 1.7rem;
  }
  .speech-bubble .speech-bubble_inner .speech-bubble_image {
    width: 51px;
    flex-shrink: 0;
  }
  
  /* ----- career-box-layout ----- */
  .career-box-layout {
    margin-top: 1.25em;
  }
  .career-box-layout .career_image {
    border: 4px solid #222;
  }
  .career-box-layout .career_image .career_photo img {
    width: 100%;
  }
  .career-box-layout .career_caption {
    padding: 12px 10px;
    background-color: #fdd22b;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
  }
  .career-box-layout .career_list {
    margin-top: .75em;
  }
  .career-box-layout .career_list > li {
    margin-top: .25em;
    font-size: 1.3rem;
  }
  .career-box-layout .career_list > li:first-child {
    margin-top: 0 !important;
  }
  .career-box-layout .career_list > li > .career_ad {
    float: left;
  }
  .career-box-layout .career_list > li > .career_ad::after {
    content: "：";
  }
  .career-box-layout .career_list > li > .career_detail {
    overflow: hidden;
  }
  
  /* ----- career-list ----- */
  .career-list {
    margin-top: 1em;
  }
  .career-list > li {
    margin-top: .75em !important;
  }
  .career-list > li:first-child {
    margin-top: 0 !important;
  }
  .career-list .career_label {
    float: left;
    width: 9em;
    margin-right: 10px;
    padding: 4px 5px 2px;
    background-color: #fdd22b;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
  }
  .career-list .career_detail {
    padding-top: 3px;
    overflow: hidden;
  }
  .career-list .career_detail:first-child {
    margin-top: 0 !important;
  }
  
  /* ----- staff-layout ----- */
  .staff-layout {
    margin-top: 2.75em;
  }
  .staff-layout .staff_faq {
  }
  .staff-layout .staff_schedule {
    margin-top: 2.25em;
  }
  .staff-layout .staff_faq > *:first-child,
  .staff-layout .staff_faq > section:first-child > [class*="heading-lv"],
  .staff-layout .staff_schedule > *:first-child,
  .staff-layout .staff_schedule > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  
  /* ----- schedule-list ----- */
  .schedule-list {
    margin-top: 1.5em;
  }
  .schedule-list > li {
    position: relative;
    padding: 0 0 10px 20px;
  }
  .schedule-list > li::before {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 3px;
    height: 100%;    
    background: url(/common/img/cmn_border_bg01-r2x.png) repeat-y 0 0;
    -webkit-background-size: 3px 6px;
    background-size: 3px 6px;
    content: "";
  }
  .schedule-list > li:last-child {
    padding-bottom: 0 !important;
  }
  .schedule-list > li:last-child::before {
    display: none;
  }
  .schedule-list .schedule_time {
    position: relative;
    font-weight: bold;
    line-height: 1;
  }
  .schedule-list .schedule_time::before {
    position: absolute;
    top: 1px;
    left: -20px;
    width: 10px;
    height: 10px;
    border: 2px solid #333;
    border-radius: 50%;
    background-color: #fdd22b;
    content: "";
  }
  .schedule-list .schedule_detail {
    margin-top: .25em;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  /* ----- download-layout ----- */
  .download-layout {
    margin-top: 2em;
  }
  .download-layout .download_software {
  }
  .download-layout .download_device {
    margin-top: 1em;
  }
  .download-layout .download_software > *:first-child,
  .download-layout .download_software > section:first-child > [class*="heading-lv"],
  .download-layout .download_device > *:first-child,
  .download-layout .download_device > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .download-layout .box-layout-v2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 17px;
  }
  .download-layout .box-layout-v2 > .box_title {
    margin-bottom: 1em;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.25;
  }
  .download-layout .box-layout-v6 {
    padding: 18px 15px;
  }
  .download-layout .box-layout-v6 > .box_title {
    margin-bottom: 1em;
  }
  /* ----- history-list ----- */
  .history-list {
    margin-top: 2em;
  }
  .history-list > .history_list_item {
    margin-top: 1.5em;
  }
  .history-list > .history_list_item:first-child {
    margin-top: 0 !important;
  }
  .history-list > .history_list_item > dt {
    margin-bottom: .25em;
  }
  .history-list > .history_list_item > dd {
  }
  .history-list > .history_list_item > dd > *:first-child {
    margin-top: 0 !important;
  }
  /* ----- conductor-layout ----- */
  .conductor-layout {
    margin-top: 1.75em;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  .conductor-layout:not([data-row-sp="1"]) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .conductor-layout > .conductor_item {
    margin: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .conductor-layout > .conductor_item > .block {
    padding: 10px 15px 15px;
  }
  .conductor-layout[data-row-sp="2"] > .conductor_item { width: calc(100% / 2); }
  .conductor-layout[data-row-sp="3"] > .conductor_item { width: calc(100% / 3); }
  .conductor-layout > .conductor_item > *:first-child {
    margin-top: 0 !important;
  }
  .conductor-layout .conductor_title {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
  }
  .conductor-layout a .conductor_title .conductor_label {
    display: inline-block;
    position: relative;
    padding-left: 15px;
  }
  .conductor-layout a .conductor_title .conductor_label::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .conductor-layout .conductor_image {
    margin-top: .5em;
    text-align: center;
  }
  .conductor-layout .conductor_image img {
    width: 80%;
  }
  /* ----- concept-layout ----- */
  .concept-layout {
    margin-top: 2.5em;
    padding: 15px;
    border: 5px solid #f3f3f3;
    background-color: #fff;
  }
  .concept-layout > *:first-child {
    margin-top: 0 !important;
  }
  .concept-layout .concept_lead {
    color: #358ee9;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .concept-layout .concept_lead br {
    display: none;
  }
  
  /* ----- products-detail-layout ----- */
  [class^="products-detail-layout"] {
    margin-top: 2em;
  }
  .products-detail-layout > .products_main.type-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .products-detail-layout > .products_main.type-column [class^="products_heading"],
  .products-detail-layout > .products_main.type-column .products_visual {
    width: calc((100% - 15px) / 2);
  }
  .products-detail-layout > .products_main [class^="products_heading"],
  .products-detail-layout-v2 > [class^="products_heading"] {
    text-align: center;
  }
  .products-detail-layout > .products_main.type-column [class^="products_heading"] {
    text-align: left;
  }
  .products-detail-layout > .products_main .products_heading img,
  .products-detail-layout-v2 > .products_heading img {
    width: 300px;
  }
  .products-detail-layout > .products_main .products_heading-v2 img,
  .products-detail-layout-v2 > .products_heading-v2 img {
    width: auto;
    height: 58px;
  }
  .products-detail-layout > .products_main.type-column .products_heading img {
    width: 165px;
  }
  .products-detail-layout > .products_main:not(.type-column) .products_visual,
  .products-detail-layout-v2 > .products_visual {
    margin-top: 1.5em;
  }
  [class^="products-detail-layout"] > .products_caption {
    margin-top: 1.25em;
    padding: 0 15px;
  }
  [class^="products-detail-layout"] > .products_caption .image-set.type-products .image_inner {
    max-width: 55%;
  }
  [class^="products-detail-layout"] > .products_caption .image-set.type-products-v2 .image_inner {
    max-width: 44.445%;
  }
  [class^="products-detail-layout"] > .products_caption .image-set.type-products-v3 .image_inner {
    max-width: 82.223%;
  }
  .products-detail-layout > .products_caption .products_text {
    margin-top: .5em;
    text-align: center;
  }
  .products-detail-layout-v2 > .products_caption .text-title {
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .products-detail-layout > .products_caption .column-media[data-layout-sp="col"] > .column_detail {
    overflow: visible;
  }
  .products-detail-layout > .products_caption .column-media[data-layout-sp="col"] > .column_detail > .products_text:first-child {
    margin-top: -.75em !important;
  }
  .products-detail-layout > .products_main .products_heading > *:first-child,
  .products-detail-layout-v2 > .products_heading > *:first-child,
  .products-detail-layout > .products_main .products_visual > *:first-child,
  .products-detail-layout-v2 > .products_visual > *:first-child,
  [class^="products-detail-layout"] > .products_caption > *:first-child,
  [class^="products-detail-layout"] > .products_caption > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  /* -- products-detail-unique-layout --*/
  .products-detail-unique-layout > .column_item.unique_title{
    max-width: 207px
  }
  .products-detail-unique-layout-v2 > .column_item {
    width: 67%;
  }
  .products-detail-unique-layout-v2 > .column_item.item_right{
    margin-left: auto;
  }
  .products-detail-unique-layout-v2 > .column_item.unique_title{
    width: 89%
  }
  
  /* ----- products-detail-gallery ----- */
  .products-detail-gallery > .gallery_column[data-row-sp]:not([data-row-sp="auto"]) > * {
    margin-top: 15px;
  }
  
  /* ----- products-brand_series-column-layout ----- */
  .products-brand_series-column-layout[data-row-sp] > .column_item {
    margin-top: 1.2em;
  }
  
  /* ----- products-brand_series-index-layout ----- */
  .products-brand_series-index-layout > .block > .index_image {
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .products-brand_series-index-layout > .block > .index_caption {
    margin-top: .6em;
  }
  .products-brand_series-index-layout > .block > .index_caption > .index_title > .index_label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-size: 1.6rem;
    text-align: left;
  }
  .products-brand_series-index-layout > .block > .index_caption > .index_title > .index_label::before {
    position: absolute;
    top: .6em;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }

  /* ----- news-list__note ----- */
  .heading-lv2-v2 + .news-list__note {
    margin-top: -.75em !important;
    padding-top: 25px;
    border-top: 1px dashed #ccc;
  }
  
  /* ----- download-accordion ----- */
  .download-accordion {
    margin-top: 2.5em;
  }
  .download-accordion + .download-accordion {
    margin-top: 0;
  }
  .download-accordion .download-accordion_heading {
    border-top: 2px solid #ddd;
  }
  .download-accordion .download-accordion_heading > .block {
    position: relative;
    padding: .7em 0 .7em .7em;
    display: block;
    background-color: #fff;
  }
  .download-accordion .download-accordion_heading > .block::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-color: #418fde;
    content: "";
  }
  .download-accordion .download-accordion_heading .download-accordion_heading_title {
    position: relative;
    padding-right: 1.8em;
    font-size: 2.0rem;
    font-weight: bold;
  }
  .download-accordion .download-accordion_heading .download-accordion_heading_title::before,
  .download-accordion .download-accordion_heading .download-accordion_heading_title::after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 2px;
    margin: -1px 0 0 0;
    background-color: #fff;
    -webkit-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    content: "";
    z-index: 1;
  }
  .download-accordion .download-accordion_heading .download-accordion_heading_title::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .download-accordion .download-accordion_heading.is-active .download-accordion_heading_title::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .download-accordion .download-accordion_detail {
    padding: .65em 0 2.3em;
  }
  .download-accordion .download-accordion_detail > *:first-child {
    margin-top: 0 !important;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .column-media[data-layout-sp="row"]::after,
  .career-box-layout .career_list > li::after,
  .career-list > li::after,
  .search-index-layout-v2 .index_head .index_caption .index_number::after,
  .search-index-layout-v2 .index_head .index_caption .index_price::after,
  .search-perhaps::after,
  .products-detail-unique-layout-v2 .column_item::after{
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * Media Queries
====================================================== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
  /* ----- category-column-layout ----- */
  .category-column-layout[data-row-pc]:not([data-row-pc="auto"]) > * {
    margin-top: 0 !important;
  }
  .category-column-layout[data-row-sp="3"] > *,
  .category-column-layout[data-row-sp="4"] > *,
  .category-column-layout[data-row-sp="5"] > *,
  .category-column-layout[data-row-sp="6"] > * {
    margin-left: 1px !important;
  }
  .category-column-layout[data-row-sp="3"] > *,
  .category-column-layout[data-row-sp="4"] > *,
  .category-column-layout[data-row-sp="5"] > *,
  .category-column-layout[data-row-sp="6"] > * {
    width: calc((100% - 1px) / 2);
  }
  .category-column-layout[data-row-sp="3"] > *:nth-child(odd),
  .category-column-layout[data-row-sp="4"] > *:nth-child(odd),
  .category-column-layout[data-row-sp="5"] > *:nth-child(odd),
  .category-column-layout[data-row-sp="6"] > *:nth-child(odd) {
    margin-left: 0 !important;
  }
  .category-column-layout[data-row-sp="3"] > *:nth-child(n+3),
  .category-column-layout[data-row-sp="4"] > *:nth-child(n+3),
  .category-column-layout[data-row-sp="5"] > *:nth-child(n+3),
  .category-column-layout[data-row-sp="6"] > *:nth-child(n+3) {
    margin-top: 1px !important;
  }
  .category-column-layout[data-row-sp] > *.is-stretch { width: 100%; }
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
  /* ----- box-layout ----- */
  .box-layout-v11 {
    background-size: 68px auto;
  }
  .box-layout-v11 > .box_detail > .probo-search-area-v4 {
    margin-left: 45px;
  }
  /* ----- index-layout-v2 ----- */
  .index-layout-v2 > .block > .index_caption .index_title > .index_label[data-category="soc"] {
    font-size: 1.1rem;
  }
  /* ----- search-result-navi ----- */
  .search-result-navi .result_control {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .search-result-navi .result_control_sort {
    margin-top: 1em;
    margin-left: 0;
  }
  .search-result-navi .result_control_display > dd > .selectbox-wrap .selectbox_field select {
    min-width: 0;
  }
  .search-result-navi .result_control_sort > dd > .selectbox-wrap .selectbox_field select {
    min-width: 0;
  }
  /* ----- contact-box-layout ----- */
  .contact-box-layout .contact_consult .contact_freedial > a {
    font-size: 2.5rem;
  }
  .contact-box-layout .contact_department .contact_number > a {
    font-size: 2.5rem;
  }
  .contact-box-layout-v2 .contact_number > dd {
    font-size: 2.2rem;
  }
  .contact-layout-v2.type-tel .contact_freedial > a {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 320px) {
  /* ----- contact-box-layout ----- */
  .contact-box-layout-v2 .contact_number > dd {
    font-size: 2.0rem;
  }
}