@charset "UTF-8";
.page p, .page span, .page a, .page h2, .page h3 {
  line-height: 1.5;
}
.page a {
  display: block;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.page a:hover {
  opacity: 0.6;
}
.page img {
  max-width: 100%;
  height: auto;
}
.page div, .page span, .page applet, .page object, .page iframe,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page p,
.page blockquote, .page pre, .page a, .page abbr, .page acronym, .page address,
.page big, .page cite, .page code, .page del, .page dfn, .page em, .page img, .page ins, .page kbd, .page q, .page s, .page samp, .page small, .page strike, .page strong, .page sub, .page sup, .page tt, .page var, .page b, .page u, .page i, .page center,
.page dl, .page dt, .page dd, .page ol, .page ul, .page li,
.page fieldset, .page form, .page label, .page legend,
.page table, .page caption, .page tbody, .page tfoot, .page thead, .page tr, .page th, .page td,
.page article, .page aside, .page canvas, .page details, .page embed, .page figure, .page figcaption, .page footer, .page header, .page hgroup,
.page menu, .page nav, .page output, .page ruby, .page section, .page summary, .page time, .page mark, .page audio, .page video, .page picture {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page article, .page aside, .page details, .page figcaption, .page figure, .page footer, .page header, .page hgroup, .page menu, .page nav, .page section, .page summary, .page picture {
  display: block;
}
.page *, .page *:before, .page *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.page button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.l-wrap {
  overflow: initial;
}

@media screen and (min-width: 769px) {
  .view--pc {
    display: block !important;
  }
  .view--sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none !important;
  }
  .view--sp {
    display: block !important;
  }
}
.pane-main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.zen-maru {
  font-family: "Zen Maru Gothic", sans-serif;
}

.c-inner {
  width: 96%;
  max-width: 976px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-inner {
    width: 89.6vw;
  }
}
.page {
  overflow: hidden;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.page .float {
  position: fixed;
  left: 0;
  top: 250px;
  width: 70px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .page .float {
    width: 13vw;
    top: 43vw;
  }
}
.page .c-btn {
  max-width: 176px;
  display: block;
  margin: 16px auto 0;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 12px 0;
  color: #fff;
  background: #003A7E;
}
@media screen and (max-width: 768px) {
  .page .c-btn {
    max-width: 45.8vw;
    margin-top: 4.2vw;
    font-size: 4.2vw;
    padding: 3.1vw 0;
  }
}
.page .c-btn:after {
  position: absolute;
  content: "";
  background-image: url(/ec/img/usr/pg/campaign/recruit/26ss/btn-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 36%;
  right: 12px;
}
@media screen and (max-width: 768px) {
  .page .c-btn:after {
    width: 3.6vw;
    height: 3.6vw;
    right: 3.1vw;
  }
}
.page .item-link {
  max-width: 226px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .item-link {
    max-width: 56.5vw;
  }
}
.page .item-link .item--name {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .page .item-link .item--name {
    font-size: 3.4vw;
  }
}
.page .item-link .item--price {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page .item-link .item--price {
    font-size: 4.2vw;
  }
}
.page {
  /*=============================
  	kv
  =============================*/
}
.page .kv h1 {
  min-width: 1200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .kv h1 {
    min-width: 100%;
  }
}
.page .kv h1 img {
  margin: auto;
}
.page {
  /*=============================
  	top-page
  =============================*/
}
.page.top-page .gakuwari {
  padding: 50px 0 135px;
  background: #FBEFF4;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari {
    padding: 15.6vw 0 26vw;
  }
}
.page.top-page .gakuwari-heading {
  font-size: 32px;
  font-weight: bold;
  color: #D63469;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari-heading {
    font-size: 6.8vw;
  }
}
.page.top-page .gakuwari-img {
  max-width: 980px;
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari-img {
    max-width: 89.6vw;
    margin: 3.6vw auto;
  }
}
.page.top-page .gakuwari-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 6px;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari-link {
    gap: 1.6vw;
  }
}
.page.top-page .gakuwari-link p {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari-link p {
    font-size: 4.2vw;
  }
}
.page.top-page .gakuwari-link img {
  width: 22px;
}
@media screen and (max-width: 768px) {
  .page.top-page .gakuwari-link img {
    width: 5.7vw;
  }
}
.page.top-page .styling {
  padding: 115px 0 160px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page.top-page .styling {
    padding: 20.8vw 0 26vw;
  }
}
.page.top-page .styling-img {
  position: absolute;
  top: -82px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .page.top-page .styling-img {
    width: 52.1vw;
    top: -13vw;
  }
}
.page.top-page .styling-heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page.top-page .styling-heading {
    font-size: 5.7vw;
    margin-bottom: 2.6vw;
  }
}
.page.top-page .styling-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 990px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.top-page .styling-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6vw;
    max-width: 91.1vw;
  }
}
.page.top-page .styling-list div {
  position: relative;
}
.page.top-page .styling-list div a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 319px;
}
@media screen and (max-width: 768px) {
  .page.top-page .styling-list div a {
    width: 59.4vw;
  }
}
.page.top-page .topics {
  background: #EBF6F3;
  padding: 130px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics {
    padding: 23.4vw 0;
  }
}
.page.top-page .topics-img {
  position: absolute;
  top: -82px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-img {
    width: 52.1vw;
    top: -13vw;
  }
}
.page.top-page .topics-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page.top-page .topics-list-large {
  width: 49.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px;
  background-image: url(/ec/img/usr/pg/campaign/recruit/26ss/top/btn-frame-01_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-large {
    width: 89.6vw;
    padding: 4.2vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-image: url(/ec/img/usr/pg/campaign/recruit/26ss/top/btn-frame-sp.png);
  }
}
.page.top-page .topics-list-large .list-img {
  max-width: 270px;
  width: 50%;
  display: block;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-large .list-img {
    max-width: 36.5vw;
  }
}
.page.top-page .topics-list-large .list-text {
  width: 50%;
}
.page.top-page .topics-list-large .list-text p {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-large .list-text p {
    font-size: 2.9vw;
  }
}
.page.top-page .topics-list-large .list-text a {
  display: block;
  max-width: 200px;
  margin: 14px auto 0;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-large .list-text a {
    max-width: 39.1vw;
    margin: 2.6vw auto 0;
  }
}
.page.top-page .topics-list-small {
  width: 23.75%;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(/ec/img/usr/pg/campaign/recruit/26ss/top/btn-frame-02_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-small {
    width: 89.6vw;
    padding: 4.2vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-image: url(/ec/img/usr/pg/campaign/recruit/26ss/top/btn-frame-sp.png);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page.top-page .topics-list-small .list-img {
  max-width: 229px;
  display: block;
  margin: 0 auto 14px;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-small .list-img {
    max-width: 36.5vw;
    margin: 0;
  }
}
.page.top-page .topics-list-small .list-text p {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page.top-page .topics-list-small .list-text p {
    font-size: 2.9vw;
  }
}
.page.top-page .career {
  margin: 130px auto;
}
@media screen and (max-width: 768px) {
  .page.top-page .career {
    margin: 26vw auto;
  }
}
.page.top-page .career-heading {
  max-width: 270px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page.top-page .career-heading {
    max-width: 54.7vw;
    margin-bottom: 7.8vw;
  }
}
.page.top-page .career-list {
  max-width: 980px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page.top-page .career-list {
    max-width: 89.6vw;
    gap: 4.2vw;
    margin-bottom: 7.8vw;
  }
}
.page.top-page .career-list a {
  display: block;
  width: 31.31%;
}
@media screen and (max-width: 768px) {
  .page.top-page .career-list a {
    width: 42.7vw;
  }
}
.page.top-page .career-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .page.top-page .career-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5.2vw;
  }
}
.page.top-page .career-btn a {
  display: block;
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .page.top-page .career-btn a {
    max-width: 83.3vw;
  }
}
.page.top-page .rental {
  margin: 0 auto 140px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page.top-page .rental {
    margin-bottom: 26vw;
  }
}
.page.top-page .rental-heading {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .page.top-page .rental-heading {
    font-size: 7.3vw;
    margin-bottom: 3.6vw;
  }
}
.page.top-page .rental-text {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .page.top-page .rental-text {
    font-size: 4.2vw;
    margin-bottom: 5.2vw;
  }
}
.page.top-page .rental-img {
  display: block;
  max-width: 728px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.top-page .rental-img {
    max-width: 89.6vw;
  }
}
.page {
  /*=============================
  	mens-page
  =============================*/
}
.page.mens-page .bg-gray {
  background: #F8F8F8;
  padding: 80px 0;
  border-bottom: 1px solid #003A7E;
}
@media screen and (max-width: 768px) {
  .page.mens-page .bg-gray {
    padding: 15.6vw 0;
  }
}
.page.mens-page .bg-gray .tab {
  max-width: 640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .bg-gray .tab {
    max-width: 89.8vw;
    gap: 3.9vw;
    margin-bottom: 16.7vw;
  }
}
.page.mens-page .bg-gray .anchor {
  margin: 0 auto;
}
.page.mens-page .bg-gray .anchor-heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .bg-gray .anchor-heading {
    font-size: 4.7vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .bg-gray .anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.mens-page .bg-gray .anchor-list {
    max-width: 89.8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4.2vw;
  }
}
.page.mens-page .bg-gray .anchor-btn {
  width: 23.8%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .bg-gray .anchor-btn {
    width: 100%;
  }
}
.page.mens-page .minna {
  background-color: #fff; /* ベース色 */
  background-image: linear-gradient(rgba(233, 233, 233, 0.4784313725) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 233, 0.4784313725) 1px, transparent 1px);
  background-size: 20px 20px; /* マスの大きさ */
  padding: 100px 0 150px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna {
    background-size: 3.9vw 3.9vw;
    padding: 20.8vw 0;
  }
}
.page.mens-page .minna-mv {
  max-width: 980px;
  margin: 0 auto 24px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-mv {
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .minna-another {
  margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another {
    margin-top: 15.6vw;
  }
}
.page.mens-page .minna-another-mv {
  max-width: 890px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-mv {
    max-width: 89.8vw;
    margin-bottom: 15.6vw;
  }
}
.page.mens-page .minna-another-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 89.8vw;
    margin-bottom: 20.8vw;
    gap: 20.8vw;
  }
}
.page.mens-page .minna-another-sec {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-sec {
    width: 100%;
  }
}
.page.mens-page .minna-another-sec .sec-mv {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-sec .sec-mv {
    margin-bottom: 6.3vw;
  }
}
.page.mens-page .minna-another-sec .c-btn {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-sec .c-btn {
    margin-top: 6.3vw;
  }
}
.page.mens-page .minna-another-sec .item-info {
  margin-top: 24px;
  text-align: center;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-another-sec .item-info {
    font-size: 3.4vw;
    margin-top: 6.3vw;
  }
}
.page.mens-page .minna-more {
  max-width: 405px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .page.mens-page .minna-more {
    max-width: 83.3vw;
  }
}
.page.mens-page .recommend {
  background: #EBF6F3;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend {
    padding: 20.8vw 0;
  }
}
.page.mens-page .recommend-heading {
  max-width: 660px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-heading {
    max-width: 81.5vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .recommend-sec {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20.8vw;
  }
}
.page.mens-page .recommend-sec-mv {
  width: 41.6%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-mv {
    max-width: 89.8vw;
    width: 100%;
    margin: 0 auto 10.4vw;
  }
}
.page.mens-page .recommend-sec-detail {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail {
    width: 100%;
  }
}
.page.mens-page .recommend-sec-detail-top {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail-top {
    max-width: 89.8vw;
    margin: 0 auto 10.4vw;
    padding-bottom: 6.3vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .recommend-sec-detail-heading {
  max-width: 509px;
  display: block;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail-heading {
    max-width: 89.8vw;
    margin: 0 auto 6.3vw;
  }
}
.page.mens-page .recommend-sec-detail-text {
  font-size: 16px;
  max-width: 509px;
  display: block;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail-text {
    font-size: 3.6vw;
    max-width: 100%;
    margin: 0 auto 6.3vw;
  }
}
.page.mens-page .recommend-sec-detail-point {
  max-width: 509px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail-point {
    max-width: 100%;
    margin: 0 auto;
  }
}
.page.mens-page .recommend-sec-detail-point img {
  max-width: 393px;
  display: block;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail-point img {
    max-width: 100%;
    margin: 0 auto;
  }
}
.page.mens-page .recommend-sec-detail .c-btn {
  background: #3AB7BC;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail .c-btn {
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .recommend-sec-detail .func-icon {
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec-detail .func-icon {
    max-width: 72.9vw;
  }
}
.page.mens-page .recommend-sec.sec-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec.sec-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page.mens-page .recommend-sec.sec-reverse .recommend-sec-detail-point img {
  max-width: 430px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec.sec-reverse .recommend-sec-detail-point img {
    max-width: 100%;
  }
}
.page.mens-page .recommend-sec.sec-reverse .item-link {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec.sec-reverse .item-link {
    overflow-x: scroll;
    max-width: 100%;
    width: 58.9vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.page.mens-page .recommend-sec.sec-reverse .item-link-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-sec.sec-reverse .item-link-flex {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
.page.mens-page .recommend-style-heading {
  max-width: 400px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-heading {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .recommend-style-heading.large {
  max-width: 464px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-heading.large {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .recommend-style-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 95px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-sec {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.4vw;
    margin-bottom: 0;
  }
}
.page.mens-page .recommend-style-block {
  max-width: 552px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-block {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.4vw;
  }
}
.page.mens-page .recommend-style-mv {
  width: 54%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-mv {
    width: 89.8vw;
  }
}
.page.mens-page .recommend-style-detail {
  width: 41%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
.page.mens-page .recommend-style-detail-text {
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-detail-text {
    width: 85.9vw;
    font-size: 3.6vw;
    margin-bottom: 6.3vw;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-detail .item-link {
    overflow-x: scroll;
    max-width: 100%;
    width: 58.9vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .recommend-style-detail.style-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page.mens-page .recommend-style .c-btn {
  background: #3AB7BC;
  margin-bottom: 40px;
}
.page.mens-page .omatome {
  padding: 110px 0;
  background: #D8E5EF;
}
@media screen and (max-width: 768px) {
  .page.mens-page .omatome {
    padding: 20.8vw 0;
  }
}
.page.mens-page .omatome-top {
  max-width: 983px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .omatome-top {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.mens-page .omatome-btn {
  max-width: 406px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.mens-page .omatome-btn {
    max-width: 83.3vw;
  }
}
.page.mens-page {
  /* check
  ---------------------------*/
}
.page.mens-page .check {
  background-color: #EDF5F8;
  margin: 0 auto 80px;
  padding: 54px 0 64px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check {
    margin: 0 auto 23.4vw;
    padding: 13vw 0;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .c-inner {
    width: 100%;
  }
}
.page.mens-page .check .check__heading {
  font-size: 32px;
  font-weight: bold;
  margin: 0 auto 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__heading {
    margin: 0 auto 4.3vw;
    font-size: 8.3vw;
  }
}
.page.mens-page .check .check__heading small {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__heading small {
    font-size: 5.2vw;
  }
}
.page.mens-page .check .check__top {
  text-align: center;
  margin: 0 auto 40px;
  font-size: 16px;
}
.page.mens-page .check .check__top p {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__top {
    margin: 0 auto 5.2vw;
    font-size: 3.6vw;
  }
}
.page.mens-page .check .check__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__contents {
    display: block;
  }
}
.page.mens-page .check .check__mv {
  width: 31.14%;
  margin: 0 3.27% 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.mens-page .check .check__mv {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__mv {
    width: 65.1vw;
    margin: 0 auto 3.1vw;
  }
}
.page.mens-page .check .check__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  row-gap: 24px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 0 2.1vw;
  }
}
.page.mens-page .check .check__item {
  width: 30.62%;
  margin: 10px 4% 0 0;
}
@media screen and (min-width: 769px) {
  .page.mens-page .check .check__item:nth-child(3n) {
    margin-right: 0;
  }
  .page.mens-page .check .check__item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.mens-page .check .check__item {
    width: 32%;
    margin: 15px 2% 0 0;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60.4vw;
    margin: 0 3.1vw 0 0;
    padding: 2.1vw 0 0 3.1vw;
  }
}
.page.mens-page .check .check__img {
  position: relative;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__img {
    margin: 0 0 2.1vw;
  }
}
.page.mens-page .check .check__title {
  color: #0B1565;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.mens-page .check .check__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__title {
    font-size: 4.2vw;
    margin: 0 0 1vw;
  }
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.mens-page .check .check__text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__text {
    font-size: 3.4vw;
  }
}
.page.mens-page .check .check__item__heading {
  position: absolute;
  top: -8px;
  left: -8.1%;
  z-index: 2;
  width: 20.4%;
}
@media screen and (max-width: 768px) {
  .page.mens-page .check .check__item__heading {
    top: -2.1vw;
    left: -3.1vw;
    width: 11.5vw;
  }
}
.page {
  /*=============================
  	ladies-page
  =============================*/
}
.page.ladies-page .bg-gray {
  background: #F8F8F8;
  padding: 80px 0;
  border-bottom: 1px solid #003A7E;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .bg-gray {
    padding: 15.6vw 0;
  }
}
.page.ladies-page .bg-gray .tab {
  max-width: 640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .bg-gray .tab {
    max-width: 89.8vw;
    gap: 3.9vw;
    margin-bottom: 16.7vw;
  }
}
.page.ladies-page .bg-gray .anchor {
  margin: 0 auto;
}
.page.ladies-page .bg-gray .anchor-heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .bg-gray .anchor-heading {
    font-size: 4.7vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .bg-gray .anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .bg-gray .anchor-list {
    max-width: 89.8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4.2vw;
  }
}
.page.ladies-page .bg-gray .anchor-btn {
  width: 23.8%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .bg-gray .anchor-btn {
    width: 100%;
  }
}
.page.ladies-page .minna {
  background-color: #fff; /* ベース色 */
  background-image: linear-gradient(rgba(233, 233, 233, 0.4784313725) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 233, 0.4784313725) 1px, transparent 1px);
  background-size: 20px 20px; /* マスの大きさ */
  padding: 100px 0 150px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna {
    background-size: 3.9vw 3.9vw;
    padding: 20.8vw 0;
  }
}
.page.ladies-page .minna-mv {
  max-width: 980px;
  margin: 0 auto 24px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-mv {
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .minna-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-flex {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-flex .item-link {
    max-width: 100%;
    width: 56vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.page.ladies-page .minna-another {
  margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another {
    margin-top: 15.6vw;
  }
}
.page.ladies-page .minna-another-mv {
  max-width: 890px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-mv {
    max-width: 89.8vw;
    margin-bottom: 15.6vw;
  }
}
.page.ladies-page .minna-another-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 89.8vw;
    margin-bottom: 20.8vw;
    gap: 20.8vw;
  }
}
.page.ladies-page .minna-another-sec {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-sec {
    width: 100%;
  }
}
.page.ladies-page .minna-another-sec .sec-mv {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-sec .sec-mv {
    margin-bottom: 6.3vw;
  }
}
.page.ladies-page .minna-another-sec .c-btn {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-sec .c-btn {
    margin-top: 6.3vw;
  }
}
.page.ladies-page .minna-another-sec .item-info {
  margin-top: 24px;
  text-align: center;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-another-sec .item-info {
    font-size: 3.4vw;
    margin-top: 6.3vw;
  }
}
.page.ladies-page .minna-more {
  max-width: 405px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .minna-more {
    max-width: 83.3vw;
  }
}
.page.ladies-page .recommend {
  background: #EBF6F3;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend {
    padding: 20.8vw 0;
  }
}
.page.ladies-page .recommend-heading {
  max-width: 660px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-heading {
    max-width: 81.5vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .recommend-sec {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20.8vw;
  }
}
.page.ladies-page .recommend-sec-mv {
  width: 41.6%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-mv {
    max-width: 89.8vw;
    width: 100%;
    margin: 0 auto 10.4vw;
  }
}
.page.ladies-page .recommend-sec-detail {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail {
    width: 100%;
  }
}
.page.ladies-page .recommend-sec-detail-top {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail-top {
    max-width: 89.8vw;
    margin: 0 auto 10.4vw;
    padding-bottom: 6.3vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .recommend-sec-detail-heading {
  max-width: 509px;
  display: block;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail-heading {
    max-width: 89.8vw;
    margin: 0 auto 6.3vw;
  }
}
.page.ladies-page .recommend-sec-detail-text {
  font-size: 16px;
  max-width: 509px;
  display: block;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail-text {
    font-size: 3.6vw;
    max-width: 100%;
    margin: 0 auto 6.3vw;
  }
}
.page.ladies-page .recommend-sec-detail-point {
  max-width: 509px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail-point {
    max-width: 100%;
    margin: 0 auto;
  }
}
.page.ladies-page .recommend-sec-detail-point img {
  max-width: 393px;
  display: block;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail-point img {
    max-width: 100%;
    margin: 0 auto;
  }
}
.page.ladies-page .recommend-sec-detail .item-link-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail .item-link-flex {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail .item-link-flex .item-link {
    max-width: 100%;
    width: 56vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.page.ladies-page .recommend-sec-detail .c-btn {
  background: #3AB7BC;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail .c-btn {
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .recommend-sec-detail .func-icon {
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail .func-icon {
    max-width: 72.9vw;
  }
}
.page.ladies-page .recommend-sec-detail .func-icon01 {
  max-width: 300px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec-detail .func-icon01 {
    max-width: 72.9vw;
  }
}
.page.ladies-page .recommend-sec.sec-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec.sec-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page.ladies-page .recommend-sec.sec-reverse .recommend-sec-detail-point img {
  max-width: 430px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec.sec-reverse .recommend-sec-detail-point img {
    max-width: 100%;
  }
}
.page.ladies-page .recommend-sec.sec-reverse .item-link {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec.sec-reverse .item-link {
    overflow-x: scroll;
    max-width: 100%;
    width: 58.9vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.page.ladies-page .recommend-sec.sec-reverse .item-link-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-sec.sec-reverse .item-link-flex {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
.page.ladies-page .recommend-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 96px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page.ladies-page .recommend-style-heading {
  max-width: 400px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-heading {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .recommend-style-heading.large {
  max-width: 464px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-heading.large {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .recommend-style-sec {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-sec {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.4vw;
    margin-bottom: 0;
  }
}
.page.ladies-page .recommend-style-block {
  max-width: 552px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-block {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.4vw;
  }
}
.page.ladies-page .recommend-style-mv {
  width: 54%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-mv {
    width: 89.8vw;
  }
}
.page.ladies-page .recommend-style-detail {
  width: 41%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    padding: 0 20vw;
  }
}
.page.ladies-page .recommend-style-detail-top {
  display: block;
  width: 176px;
  margin: 0 auto 16px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-detail-top {
    width: 89.8vw;
    font-size: 4.2vw;
    margin-bottom: 0;
    text-align: center;
  }
}
.page.ladies-page .recommend-style-detail-text {
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-detail-text {
    width: 85.9vw;
    font-size: 3.6vw;
    margin-bottom: 6.3vw;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-detail .item-link {
    overflow-x: scroll;
    max-width: 100%;
    width: 58.9vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .recommend-style-detail.style-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page.ladies-page .recommend-style .c-btn {
  background: #3AB7BC;
  margin-bottom: 40px;
}
.page.ladies-page .omatome {
  padding: 110px 0;
  background: #F0E2E9;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .omatome {
    padding: 20.8vw 0;
  }
}
.page.ladies-page .omatome-top {
  max-width: 983px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .omatome-top {
    max-width: 89.8vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies-page .omatome-btn {
  max-width: 406px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .omatome-btn {
    max-width: 83.3vw;
  }
}
.page.ladies-page {
  /* check
  ---------------------------*/
}
.page.ladies-page .check {
  background-color: #EDF5F8;
  margin: 0 auto 80px;
  padding: 54px 0 64px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check {
    margin: 0 auto 23.4vw;
    padding: 13vw 0;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .c-inner {
    width: 100%;
  }
}
.page.ladies-page .check .check__heading {
  font-size: 32px;
  font-weight: bold;
  margin: 0 auto 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__heading {
    margin: 0 auto 4.3vw;
    font-size: 8.3vw;
  }
}
.page.ladies-page .check .check__heading small {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__heading small {
    font-size: 5.2vw;
  }
}
.page.ladies-page .check .check__top {
  text-align: center;
  margin: 0 auto 40px;
  font-size: 16px;
}
.page.ladies-page .check .check__top p {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__top {
    margin: 0 auto 5.2vw;
    font-size: 3.6vw;
  }
}
.page.ladies-page .check .check__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__contents {
    display: block;
  }
}
.page.ladies-page .check .check__mv {
  width: 31.14%;
  margin: 0 3.27% 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.ladies-page .check .check__mv {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__mv {
    width: 65.1vw;
    margin: 0 auto 3.1vw;
  }
}
.page.ladies-page .check .check__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  row-gap: 24px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 0 2.1vw;
  }
}
.page.ladies-page .check .check__item {
  width: 30.62%;
  margin: 10px 4% 0 0;
}
@media screen and (min-width: 769px) {
  .page.ladies-page .check .check__item:nth-child(3n) {
    margin-right: 0;
  }
  .page.ladies-page .check .check__item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.ladies-page .check .check__item {
    width: 32%;
    margin: 15px 2% 0 0;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60.4vw;
    margin: 0 3.1vw 0 0;
    padding: 2.1vw 0 0 3.1vw;
  }
}
.page.ladies-page .check .check__img {
  position: relative;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__img {
    margin: 0 0 2.1vw;
  }
}
.page.ladies-page .check .check__title {
  color: #0B1565;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.ladies-page .check .check__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__title {
    font-size: 4.2vw;
    margin: 0 0 1vw;
  }
}
@media screen and (max-width: 990px) and (min-width: 769px) {
  .page.ladies-page .check .check__text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__text {
    font-size: 3.4vw;
  }
}
.page.ladies-page .check .check__item__heading {
  position: absolute;
  top: -8px;
  left: -8.1%;
  z-index: 2;
  width: 20.4%;
}
@media screen and (max-width: 768px) {
  .page.ladies-page .check .check__item__heading {
    top: -2.1vw;
    left: -3.1vw;
    width: 11.5vw;
  }
}

/* banner
---------------------------*/
.banner .banner__title {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 28px;
}

@media screen and (max-width: 768px) {
  .banner .banner__title {
    font-size: 5.2vw;
    margin-bottom: 5.2vw;
  }
}
.banner .banner__section {
  width: 100%;
  margin: 0 auto 80px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .banner .banner__section {
    margin: 0 auto 23.4vw;
  }
}
.banner .banner__section a {
  max-width: 640px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .banner .banner__section a {
    max-width: 89.6vw;
  }
}
.banner .banner__section--small a {
  max-width: 336px;
}

@media screen and (max-width: 768px) {
  .banner .banner__section--small a {
    max-width: 65.1vw;
  }
}