body {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  width: 100%;
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  font-size: 16px;
  font-family:
     /*Google fonts 英数字、日本語*/
     "Noto Sans JP",
    /*英数字*/
     /*macOS Helveticaの再設計版*/
    "Helvetica Neue",
    Helvetica,
    /*macOS*/
    Arial,
    /*macOS,windowsOS共通*/
    /*日本語*/
    /*Google fonts 英数字、日本語*/
    /*"Zen Kaku Gothic New",Google fonts 英数字、日本語*/
    "Hiragino Sans",
    /*macOS 10.11以降、iOS*/
    "Hiragino Kaku Gothic ProN",
    /*古いmacOS*/
    Meiryo,
    /*windowsOS*/
    sans-serif;
  /*標準のゴシック体*/
  line-height: 1.5;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

button {
  background-color: #FFFFFF;
}

li.active > a {
  font-weight: 700;
}

/*トップエリア関連*/
#top {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1030;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #eee;
}
#top .section {
  padding: 0px;
}

/*メインエリア関連*/
#main {
  flex: 1;
}

/*ボトムエリア関連*/
#bottom {
  margin-top: auto;
}

/*スライドエリア関連*/
#slide {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  overflow-y: auto;
  background: var(--sub-color2);
  transform: translateX(100%);
  transition: transform .3s ease;
  z-index: 1150;
}
#slide.is-open {
  box-shadow: -2px 0 8px rgba(0, 0, 0, .15);
}
#slide .slide-menu-container {
  height: 100vh;
  overflow-y: auto;
}

/*イメージ表示用モーダル関連*/
#image.modal .modal-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  border-bottom: 0px;
  border-radius: 0px;
}
#image.modal .modal-body {
  padding: 50px 15px;
}
#image.modal .modal-body .image {
  display: block;
  width: 100%;
}
#image.modal .modal-header .modal-title {
  margin-right: auto;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#image.modal .modal-body .image img,
#image.modal .modal-body .image video {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  margin: auto;
}
#image.modal .slider-gallery-list-outer .swiper-slide img,
#image.modal .slider-gallery-list-outer .swiper-slide video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: cover;
}
#image .caption {
  display: block;
  padding: 15px;
}
#image .caption-heading {
  margin-bottom: 10px;
  font-size: 20px;
}

/*スライドメニュー関連*/
.slide-menu-btn {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1100;
  /*background-color: ;*/
  font-size: 24px;
  font-weight: normal;
  border-radius: 20px;
  color: #ffffff;
}

.slide-menu-close {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 100;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/*セクション関連*/
.section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 0;
    overflow: hidden;
}
.section-bg-left-1::before,
.section-bg-left-1::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  z-index: 0;
}
.section-bg-left-1::before {
  width: 520px;
  height: 285px;
  top: -205px;
  left: -105px;
  background: rgba(226, 244, 247, .72);
  transform: rotate(-7deg);
}
.section-bg-left-1::after {
  width: 610px;
  height: 330px;
  top: -226px;
  left: -134px;
  border: 1px solid rgba(48, 177, 192, .32);
  transform: rotate(-7deg);
}

.section-bg-left-2::before {
  content: "";
  position: absolute;
  left: -240px;
  top: -250px;
  width: 620px;
  height: 430px;
  border-radius: 50%;
  background: rgba(37, 168, 177, .055);
  transform: rotate(-9deg);
  z-index: -10;
}
.section-bg-left-2::after {
  content: "";
  position: absolute;
  left: -205px;
  right: auto;
  top: -225px;
  bottom: auto;
  width: 650px;
  height: 445px;
  border-radius: 50%;
  border: 1px solid rgba(37, 168, 177, .22);
  background: transparent;
  transform: rotate(-9deg);
  z-index: -10;
}

.section-bg-left-3::before,
.section-bg-left-3::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    background: none;
}
.section-bg-left-3::before {
    left: -480px;
    bottom: -560px;
    width: 1240px;
    height: 920px;
    border: 68px solid rgba(37, 168, 177, .045);
    transform: rotate(10deg);
}
.section-bg-left-3::after {
    left: -430px;
    bottom: -590px;
    width: 1140px;
    height: 820px;
    border: 1px solid rgba(37, 168, 177, .16);
    opacity: 1;
    transform: rotate(10deg);
}

.section-bg-left-4::before,
.section-bg-left-4::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}
.section-bg-left-4::before {
    left: -330px;
    bottom: -350px;
    width: 760px;
    height: 540px;
    border: 46px solid rgba(37, 168, 177, .04);
    transform: rotate(-10deg);
}
.section-bg-left-4::after {
	left: -315px;
    bottom: -385px;
    width: 690px;
    height: 470px;
    border: 1px solid rgba(37, 168, 177, .14);
    transform: rotate(-10deg);
}

.section-bg-right-1::before,
.section-bg-right-1::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}
.section-bg-right-1::before {
    right: -330px;
    top: -310px;
    width: 900px;
    height: 690px;
    border: 54px solid rgba(37, 168, 177, .055);
    transform: rotate(13deg);
}
.section-bg-right-1::after {
 	right: -386px;
    top: -370px;
    width: 820px;
    height: 610px;
    border: 1px solid rgba(37, 168, 177, .18);
    transform: rotate(13deg);
}

.section-bg-right-2::before,
.section-bg-right-2::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
}
.section-bg-right-2::before {
    left: auto;
    right: -250px;
    top: -205px;
    width: 570px;
    height: 390px;
    border-radius: 50%;
    background: rgba(37, 168, 177, .05);
    transform: rotate(12deg);
}
.section-bg-right-2::after {
    right: -212px;
    bottom: auto;
    top: -174px;
    width: 600px;
    height: 410px;
    border-radius: 50%;
    border: 1px solid rgba(37, 168, 177, .19);
    background: transparent;
    transform: rotate(12deg);
}

.sub-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(110deg, #f9fefe 0%, #fff 58%, #f1fbfb 100%);
    border-bottom: 1px solid #edf3f3;
}
.sub-hero:before {
    content: "";
    position: absolute;
    left: -185px;
    top: -290px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    border: 1px solid rgba(16, 160, 169, .16);
    box-shadow: 0 0 0 58px rgba(16, 160, 169, .025);
}
.sub-hero:after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -220px;
    width: 470px;
    height: 360px;
    border-radius: 56% 44% 0 0 / 100% 100% 0 0;
    background: rgba(16, 160, 169, .045);
}

/*モジュール関連*/
.module,
.module-detail {
  padding: 0px;
  margin-bottom: 15px;
}

.module-detail {
  padding-bottom: 30px;
}

.module .content,
.module-detail .moddule-detail .content-detail {
  	padding: 7px;
}

.module .module-inner-col-1,
.module-detail .module-inner-col-1 {
  padding-right: 10px;
}

.module .module-inner-col-2,
.module-detail .module-inner-col-2 {
  padding-left: 10px;
}

.module .list-content .heading > :where(h1, h2, h3, h4),
.module .list-content .heading > a > :where(h1, h2, h3, h4),
.module .slide-content .heading > :where(h1, h2, h3, h4),
.module .slide-content .heading > a > :where(h1, h2, h3, h4) {
  font-size: 18px
}

.module .list-content .subheading> :where(h1, h2, h3, h4),
.module .slide-content .subheading> :where(h1, h2, h3, h4) {
  font-size: 16px
}

.module .content-inner .column-1 {
  padding-right: 10px;
}

.module .content-inner .column-2 {
  padding-left: 10px;
}

.module .title,
.module .date,
.module-detail .date-detail,
.module .heading,
.module-detail .heading-detail,
.module .subheading,
.module-detail .subheading-detail,
.module .lead,
.module .text,
.module-detail .text-detail,
.module .image-list,
.module-detail .image-list-detail,
.module .image,
.module-detail .image-detail,
.module .button-list,
.module-detail .button-list-detail,
.module-detail .detail-heading,
.module-detail .detail-subheading,
.module-detail .detail-text,
.module .embed {
  margin-bottom: 10px;
}

/*ナビゲーション関連*/
.module .nav-item .nav-links {
  padding-left: 0px;
}

.module .nav-menu .page-links {
  margin-bottom: 10px;
  padding-left: 15px;
}

.module .nav-menu .subcategory-links {
  padding-left: 15px;
}

/*モジュール内 カテゴリ関連*/
.module .category-heading,
.module-detail .category-heading,
.module .category-menu,
.module-detail .category-menu {
  padding: 7px;
}

.module .category-tabs-menu,
.module-detail .category-tabs-menu {
  margin-bottom: 10px;
}

.module .category-heading h5,
.module-detail .category-heading h5 {
  font-size: 18px;
}

.module .category-menu > li > a,
.module-detail .category-menu > li > a {
  line-height: 1.8;
}

/*タイトル関連*/
.module .title {
  width: 100%;
}

/*日付関連*/
.module .date,
.module-detail .date-detail {
  padding-left: 7px;
  padding-right: 7px;
}

/*優先表示関連*/
.module span.label-new,
.module-detail span.label-new,
.module span.label-check,
.module-detail span.label-check {
  margin-left: 7px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 2px;
  font-size: 12px;
}

/*見出し関連*/
.module .heading,
.module-detail .heading-detail {
    margin-top: 10px;
}
.module-detail .detail-heading {
    margin-top: 30px;   
}
.module .heading > :where(h1, h2, h3, h4),
.module-detail .heading-detail > :where(h1, h2, h3, h4),
.module-detail .detail-heading > :where(h1, h2, h3, h4) {
    font-weight: 700;
}


/*テキスト関連*/
.module .text.cell {
  margin-top: 0px;
  margin-bottom: 0px;
}

.module .lead p,
.module-detail .lead-detail p,
.module .text p,
.module-detail .text-detail p,
.module-detail .detail-text p {
  margin-bottom: 10px;
  line-height: 1.8;
}

/*イメージ関連*/
.module .image,
.module-detail .image-detail {
  padding: 2px;
}
.module .image-list > .image,
.module-detail .image-list-detail > .image-detail {
  padding: 2px;
  margin-bottom: 0px;
}
.module .image.pull-left,
.module-detail .image-detail.pull-left {
  padding-right: 15px;
}
.module .image.pull-right,
.module-detail .image-detail.pull-right {
  padding-left: 15px;
}

.module .image img,
.module-detail .image-detail img {
  width: 100%;
  margin: auto;
  object-fit: cover;
}
.module .image video,
.module-detail .image-detail video {
  width: 100%;
  margin: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

/*ブランド関連*/
.module .brand img {
  object-fit: contain;
}

/*キャプション関連*/
.module .caption,
.module .caption-gallery,
.module-detail .caption-detail {
  position: absolute;
  bottom: 0px;
  padding: 7px;
  color: #FFFFFF;
}

.module .caption-heading p,
.module .caption-gallery-heading p,
.module-detail .caption-detail-heading p,
.module-detail .caption-gallery-detail-heading p {
  font-size: 18px;
}

.module .caption p,
.module-detail .caption-detail p,
.module .caption-gallery p,
.module-detail .caption-gallery-detail p {
  font-size: 14px;
}

/*ボタン関連*/
.module .button-list,
.module-detail .button-list-detail {
  display: flex;
  padding: 7px;
  flex-wrap: wrap;
  justify-content: center;
}

.module .button,
.module-detail .button-detail {
  display: flex;
  padding: 7px;
}

.module .button a,
.module .button-to-modal a,
.module-detail .button-detail a {
  display: flex;
  width: 100%;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

/*リンク関連*/
.module .link-list,
.module-detail .link-list-detail {
  list-style: none;
}

.module .link-to-detail {
  padding: 7px;
  text-align: center;
}

.module-detail .link-to-back {
  padding: 15px;
  text-align: center;
}

/*タグ関連*/
.module .tag-list,
.module-detail .tag-list-detail {
  display: flex;
  flex-wrap: wrap;
  padding: 7px;
}

.module .tag-item,
.module-detail .tag-item-detail {
  padding: 5px;
}

.module .tag > a {
  margin: 7px;
}

.module .tag-item > span {
  padding: 2px 5px;
  border: 1px solid;
  border-radius: 3px;
  font-size: 14px;
}

/*画像スライダー関連*/
.module .swiper-scrollbar {
  display: none !important;
}

.module .slider-gallery,
.module .slider-gallery-detail {
  margin-bottom: 10px;
}
.module .slide-gallery img,
.module .slide-gallery-detail img {
  width: 100%;
  object-fit: cover;
}
.module .slide-gallery video,
.module .slide-gallery-detail video {
  width: 100%;
  object-fit: cover;
}
.module .caption-gallery,
.module-detail .caption-gallery-detail {
  position: absolute;
  bottom: 0px;
  padding: 7px;
  color: #ffffff;
}
.module .slider-gallery-nav {
  color: #ffffff;
}
.module .gallery-thumb-list-outer {
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

/*コンテンツスライダー関連*/
.module .slider-content-nav>i {
  font-size: 24px;
}
.module .slider-content-pagination span {
  background-color: #cccccc;
}
.module .slider-content-pagination span.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #cccccccc;
  background-color: #aaaaaa;
}

/*検索関連*/
.module .search-form {
  margin-bottom: 15px;
}
.module .search-form-inner {
  display: flex;
}
.module .search-item {
  width: 100%;
}
.module .search-btn {
  width: 100%;
}
.module .search-item-dropdown {
  width: 100%;
}
.module .search-item-option-list {
  display: flex;
  flex-wrap: wrap;
}
.module .search-item-option {
  padding: 7px;
}
.module .search-item-close {
  position: absolute;
  top: 10px;
  right: 15px;
  text-align: right;
}
.module .search-item-footer {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.module .search-item-reset {
  padding-right: 7px;
}
.module .search-item-search {
  padding-left: 7px;
}
.module .search-item-save {
  padding-left: 7px;
}
.module .search-condition {
  display: flex;
  padding: 7px;
  border-radius: 4px;
  padding-left: 15px;
  margin-bottom: 20px;
}
.module .search-condition-body {
  padding: 15px;
}
.search-condition-cancel {
  margin-left: auto;
}
.module .search-result {
  width: 100%;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 30px;
}
.module .search-item>button {
  width: 100%;
}
.module .search-item > button {
  width: 100%;
}
.module .search-item-option > label {
  font-size: 14px;
  font-weight: normal;
}
.module .search-condition-body > span {
  margin-right: 7px;
  padding: 2px 5px;
  border: 1px solid;
  border-radius: 3px;
  font-size: 14px;
}

/*番号関連*/
.numbered > :first-child::before {
    top: 0.15em;
    left: 0px;
    width: 1.5em;
    height: 1.5em;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 50%;
    background-color: #2aa8b4;
   	color: #FFFFFF;
}
.numbered-leading-zero > :first-child::before {
    margin-right: 7px;
    font-weight: bold;
   	color: var(--main-color);
}
.flow .numbered > :first-child::before,
.flow2 .numbered > :first-child::before {
    position: absolute;
}
.flow2 .numbered > :first-child::before {
    border-radius: 50%;
    color: var(--main-color);
    border-color: var(--main-color);
    border: 2px solid var(--main-color);
    background-color: #fff;
}

/*縦線関連*/
.flow .bg-border-vertical::before {
    content: '';
    position: absolute;
    width: 2px;
    z-index: -1;
    background-color: #2aa8b4;
}

/*チェックマーク関連*/
.check-mark > p {
    position: relative;
    padding-left: 30px;
}
.check-mark > p::before {
    content: "✓";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #2aa8b4;
    font-size: 18px;
    font-weight: 900 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

/*開閉関連*/
.js-collapse .text,
.faq-collapse .text{
	display: none;
}
.js-collapse .heading > *,
.faq-collapse .heading > * {
	cursor: pointer;
}

.js-collapse .heading > *::before {
    position: absolute;
    top: 0px;
    left: 0px;
	content: "\f054";
	display :inline-block;
	margin-right:.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transition: transform .2s ease;
}
.js-collapse .heading > *.active::before  {
	transform:rotate(90deg);
}
.faq-collapse .heading > *::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "Q";
    color: var(--main-color);
    font-size: 1em;
    margin-right: 7px;
}
.faq-collapse .heading > *::after {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    content: "+";
    color: var(--main-color);
    font-size: 1em;
}
.faq-collapse .heading > *.active::after {
    content: "−";
}
.faq-collapse .text:before {
    position: absolute;
    left: 20px;
    content: "A";
    color: var(--key-color);
    font-size: 20px;
    font-weight: 900;
}

@media screen and (min-width: 768px) {
      body {
        font-size: 16px;
        line-height: 1.5;
        word-break: break-all;
        padding-top: 74px;
      }
      h1 {
        font-size: 36px;
        font-weight: 500;
        line-height: 1.5;
      }
      h2 {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.5;
      }
      h3 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5;
      }
      h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
      }
      h5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
      }
      p {
        font-size: 16px;
      }

      /*スライドエリア関連*/
      #slide {
        min-width: 400px;
        max-width: 40%;
      }

      /*ボタン関連*/
      .module .button,
      .module-detail .button-detail {
        min-width: 33.3%;
      }

      /*検索関連*/
      .module .search-item {
        padding: 7px;
      }
      .module .search-btn-outer {
        margin-left: auto;
        padding: 7px;
      }
      .module .search-item-dropdown {
        padding: 7px;
      }
      .module .search-result-message {
        flex: 1;
      }
      .module .list-sort {
        padding-right: 15px;
      }
      .module .list-view {
        padding-left: 15px;
      }
      .module .search-btn>span.search-btn-icon {
        margin-right: 7px;
      }
      .module .search-item-close>i {
        font-size: 16px;
      }
      .module .search-result-message span.result-count {
        font-size: 32px;
        margin-right: 5px;
        line-height: 1;
      }
    
    /*番号関連*/
   	 .flow .numbered > :first-child::before {
         width: 40px;
     	 height: 40px;
   	 }
   	 .flow2 .numbered > :first-child::before {
         top: 0px;
         left: -80px;
         width: 50px;
         height: 50px;
         font-weight: bold;
         font-size: 20px;
    }
    .for-you .numbered > :first-child::before {
        top: 15px;
        left: 15px;
        width: 2em;
        height: 2em;
        font-size: 1.2em;
    }
    
    /*縦線関連*/
    .flow .bg-border-vertical::before {
        top: 30px;
        bottom: 0px;
        left: 65px;
    }
    .flow2 .bg-border-vertical::before {
        content: '';
        position: absolute;
        top: 70px;
        bottom: 0px;
        left: 52px;
        width: 2px;
        z-index: -1;
        background-color: var(--main-color);
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.5;
        word-break: break-all;
        padding-top: 50px;
    }
    h1 {
        font-size: 26px;
        font-weight: 500;
        line-height: 1.5;
    }
    h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.5;
    }
    h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
    }
    h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }
    h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
    }

      /*スライドエリア関連*/
    #slide {
        width: 100%;
    }
    
    /*セクション関連*/
    .section-bg-left-1::before {
        width: 320px;
        height: 285px;
        top: -255px;
        left: -185px;
        background: rgba(226, 244, 247, .72);
        transform: rotate(-7deg);
    }

    .section-bg-left-1::after {
        width: 410px;
        height: 220px;
        top: -163px;
        left: -270px;
        border: 1px solid rgba(48, 177, 192, .32);
        transform: rotate(-14deg);
    }

    /*モジュール関連*/
    .module .module-inner-col-1,
    .module-detail .module-inner-col-1 {
            padding-right: 0px;
    }

    .module .module-inner-col-2,
    .module-detail .module-inner-col-2 {
        padding-left: 0px;
    }

    .module .content-inner .column-1,
    .module .content-inner .column-2 {
        padding-left: 0px;
        padding-right: 0px;
    }

      /*見出し関連*/
    .module .list-content .heading > :where(h1, h2, h3, h4),
    .module .slide-content .heading > :where(h1, h2, h3, h4) {
        font-size: 18px
    }

    .module .list-content .subheading > :where(h1, h2, h3, h4),
    .module .slide-content .subheading > :where(h1, h2, h3, h4) {
        font-size: 16px
    }

      /*スライドメニュー関連*/
    .slide-menu-btn {
        top: 10px;
        right: 15px;
        width: 30px;
        height: 30px;
        font-size: 16px;
        border-radius: 15px;
    }

      /*ボタン関連*/
    .module .button,
    .module-detail .button-detail {
        min-width: 100%;
    }

    /*コンテンツスライダー関連*/
    .module .slider-content-nav > i {
        font-size: 20px;
    }

    /*検索関連*/
    .module .search-form-inner {
        flex-wrap: wrap;
        padding-left: 7px;
        padding-right: 7px;
    }
    .module .search-item {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .module .search-btn-outer {
        width: 100%;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .module .search-item-dropdown {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .module .search-result {
        margin-bottom: 10px;
    }
    .module .search-result-message {
        width: 100%;
        padding-top: 7px;
        padding-bottom: 15px;
    }
    .module .list-sort {
        margin-left: auto;
        padding-right: 7px;
    }
    .module .search-btn>span.search-btn-icon {
        margin-right: 5px;
    }
    .module .search-result-message span.result-count {
        font-weight: 700;
        margin-right: 5px;
        font-size: 18px;
        line-height: 1;
    }
    .module .search-result-message span.result-text {
        line-height: 1;
      }
    
    /*番号関連*/
    .flow .numbered > :first-child::before {
        left: -38px;
        width: 28px;
        height: 28px;
    }
    .for-you .numbered > :first-child::before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 1.5em;
        height: 1.5em;
        font-weight: bold;
        font-size: 1.5em;
        border-radius: 50%;
        background-color: #2aa8b4;
        color: #FFFFFF;
    }
    
     /*縦線関連*/
    .flow .bg-border-vertical::before {
        top: 30px;
        bottom: 0px;
        left: 15px;
    }
}