@charset "UTF-8";
/* 20230821 ヘッダー共通化 ここから
-------------------------------------------------- */
/* 20230621追加 */
/* 押下ボタンおよびメインの色。シルチカグリーン */
/* 背景色に使用する、薄いシルチカグリーン */
/* 目立たせたい要素の背景など */
/* 背景色に使用する、薄グリーン */
/* メインの補色 */
/* テキストリンク */
/* リンクアクティブ */
/* ボタンリンクのホバー等*/
/* グレー */
/* フッター */
/* グレー */
/* グレー */
/* フォント */
/* 多少薄いフォント */
/* 可愛いピンク */
/* アクセントに使用 */
/* ★レーティング1位*/
/* ★レーティング2位*/
/* ★レーティング3位*/
/* ★レーティング4位以降*/
/* 価格表現などの目立ちたい要素*/
/* fontサイズ換算 rootが16pxの場合 */
/* 11px */
/* 角丸設定 */
/* ランキング色 */
/* 20230821 ヘッダー共通化 ここまで */
/*　変数
-------------------------------------------------- */
/* 20230621追加 */
/* line 125, app/assets/stylesheets/recommended_by_cost_performance.scss */
html {
  scroll-behavior: smooth;
}

@media (max-width: 769px) {
  /* line 130, app/assets/stylesheets/recommended_by_cost_performance.scss */
  html {
    font-size: calc(1vw + 0.5rem);
  }
}

/* LP
---------------------------------------- */
/* line 137, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance {
  /* contactlens_lp_recommended_by_problem ここから */
  /* スクロールバーの背景部分をカスタマイズ */
  /* スクロールバーの操作部分をカスタマイズ */
  /* ランキング調整用 */
}

/* line 146, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .sp-br {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 146, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .sp-br {
    display: block;
  }
}

/* line 153, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .content-inner {
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  max-width: 768px;
  width: 100%;
  margin-inline: auto;
  position: relative;
}

/* line 161, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance section {
  padding: 0;
}

/* line 165, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance h1 {
  padding: 0;
}

/* line 169, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance img {
  padding: 0;
  border: none;
  display: block;
  background-color: transparent;
}

/* line 176, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .content-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* line 182, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .kv img {
  aspect-ratio: 960/903;
}

/* line 186, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .lead img {
  aspect-ratio: 960/318;
}

/* line 190, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .group01 img {
  aspect-ratio: 960/470;
}

/* line 194, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .btn-back {
  position: fixed;
  bottom: 5%;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  max-width: 270px;
  width: 28%;
  pointer-events: none;
  z-index: 999;
}

/* line 206, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .btn-back.visible {
  opacity: 1;
  pointer-events: auto;
}

/* line 211, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .group02 .content-img {
  aspect-ratio: 960/1100;
}

/* line 215, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .group03 img {
  aspect-ratio: 960/250;
}

/* line 219, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__body {
  padding: 0 2.5rem 12%;
  width: 100%;
  margin-inline: auto;
  background-color: #fffbde;
}

/* line 229, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8125rem;
}

/* line 235, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__link {
  display: block;
}

/* line 239, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__link-img img {
  height: auto;
  width: 100%;
  object-fit: cover;
  margin: auto;
  display: block;
}

/* line 247, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--8,
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--9 {
  position: relative;
}

/* line 252, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--8:before,
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--9:before {
  position: absolute;
  content: "";
  background-image: url(/images/contactlens/look_ptn03/icon01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 4.875rem;
  height: 4.875rem;
  top: -0.625rem;
  right: -0.625rem;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  /* line 252, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--8:before,
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--9:before {
    width: 3.1rem;
    height: 3.1rem;
  }
}

/* line 271, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .item-btn__link.item-btn__link--9:before {
  background-image: url(/images/contactlens/look_ptn03/icon02.png);
}

/* line 275, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec {
  padding-bottom: 80px;
  background-color: #fffbde;
}

@media screen and (max-width: 768px) {
  /* line 275, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 445px) {
  /* line 275, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec {
    padding-bottom: 40px;
  }
}

/* line 287, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__title {
  padding: 0;
  margin: 0;
  line-height: 0;
}

/* line 293, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__content {
  margin: 0 auto;
}

/* line 301, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__content-maintext {
  padding: 0;
  margin: 0;
  line-height: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 310, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__content-maintext:before {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #fffbde;
}

/* line 323, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 329, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__inner {
  margin-top: 1.75rem;
  padding: 0 0 0 2.5rem;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  /* line 329, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__inner {
    padding-left: 0;
  }
}

/* line 339, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__bg {
  padding: 0 0 2.3125rem 1.125rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  /* line 339, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__bg {
    padding: 0 0 7px 0;
  }
}

/* line 347, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container {
  overflow-x: scroll;
  /* テキスト以外のセルの余白調整 */
}

/* line 349, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container tr {
  background: #fff;
}

/* line 353, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container tr .spec__table-row-header.perYearPrice + .spec__table-item {
  color: #2b2b2b;
}

@media screen and (max-width: 768px) {
  /* line 353, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-container tr .spec__table-row-header.perYearPrice + .spec__table-item {
    font-size: 1.0625rem;
  }
  /* line 357, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-container tr .spec__table-row-header.perYearPrice + .spec__table-item .firstEn {
    font-size: 0.9375rem;
  }
}

/* line 365, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container tr .spec__table-row-header + .spec__table-item .product-table__button:before {
  background: #2b2b2b;
}

/* line 368, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container tr .spec__table-row-header + .spec__table-item .product-table__button .t {
  background: #595959;
}

/* line 381, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container tr:first-child .spec__table-row-header ~ .spec__table-item, .contactlens.recommended_by_cost_performance .spec__table-container tr:nth-of-type(2) .spec__table-row-header ~ .spec__table-item, .contactlens.recommended_by_cost_performance .spec__table-container tr:nth-of-type(6) .spec__table-row-header ~ .spec__table-item {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 768px) {
  /* line 347, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-container {
    margin-top: 0;
    margin-left: 0.625rem;
  }
}

/* line 394, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-wrapper {
  background-color: #fff;
  padding: 1.125rem 1.125rem 1.125rem 0;
}

@media screen and (max-width: 768px) {
  /* line 394, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-wrapper {
    width: auto;
    padding: 0.625rem 0 0.625rem;
  }
}

@media screen and (max-width: 445px) {
  /* line 394, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-wrapper {
    width: auto;
    padding: 0.625rem 0 0;
  }
}

/* line 407, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table {
  font-feature-settings: "palt";
  border-top: 2px solid #22c8ba;
}

/* line 412, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-row-header {
  z-index: 1;
  padding: 0.8125rem 0.625rem;
  text-align: left;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: calc(40/29);
  letter-spacing: 0.065em;
  color: #00bfaf;
  background-color: #e9fff8;
  border-right: 2px solid #22c8ba;
  border-bottom: 2px solid #22c8ba;
  border-left: 2px solid #22c8ba;
  width: auto;
  min-width: 180px;
  max-width: 180px;
  position: sticky;
  left: 0;
}

@media screen and (max-width: 768px) {
  /* line 412, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-row-header {
    min-width: 150px;
    max-width: 150px;
    padding: 7px 2px 8px 10px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 445px) {
  /* line 412, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-row-header {
    min-width: 102px;
    max-width: 102px;
    font-size: 0.876rem;
    font-weight: 600;
    letter-spacing: 0;
  }
}

/* line 444, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-row-header.perYearPrice ~ .spec__table-item {
  color: #F2090C;
  font-weight: 600;
}

/* line 454, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-row-header .spec__table-row-header--bc {
  font-size: 0.9375rem;
}

/* line 458, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-row-header .note {
  font-weight: 900;
  font-size: 0.9375rem;
  line-height: calc(42/25);
}

@media screen and (max-width: 768px) {
  /* line 458, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-row-header .note {
    font-size: 0.8125rem;
  }
}

/* line 467, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item {
  padding: 0.8125rem 0.625rem;
  font-weight: 500;
  font-size: 0.9375rem;
  letter-spacing: 0;
  line-height: calc(42/29);
  letter-spacing: 0.065em;
  color: #595553;
  border-right: 2px solid #22c8ba;
  border-bottom: 2px solid #22c8ba;
  min-width: 190px;
  max-width: 190px;
}

@media screen and (max-width: 768px) {
  /* line 467, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item {
    min-width: 170px;
    max-width: 170px;
    padding: 7px 2px 8px 10px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 445px) {
  /* line 467, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item {
    min-width: 110px;
    max-width: 110px;
  }
}

/* line 489, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item .product-table__button {
  width: 80%;
  height: 60px;
  margin: 5% auto 7%;
  display: block;
  border-radius: 9px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 489, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item .product-table__button {
    width: 80%;
    height: 50px;
  }
}

@media screen and (max-width: 445px) {
  /* line 489, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item .product-table__button {
    width: 85%;
    height: 45px;
  }
}

/* line 504, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item .product-table__button:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  margin: 2% 0 0 1.8%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9px;
  background: #c89007;
}

@media screen and (max-width: 445px) {
  /* line 504, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item .product-table__button:before {
    margin: 3px 0 0 2px;
  }
}

/* line 519, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item .product-table__button .t {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 9px;
  background: #f8b71f;
}

@media screen and (max-width: 768px) {
  /* line 519, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item .product-table__button .t {
    font-size: 0.9375rem;
  }
}

/* line 544, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item.spec__table-item--name {
  height: 13.25rem;
}

@media screen and (max-width: 768px) {
  /* line 544, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item.spec__table-item--name {
    height: 12rem;
  }
}

/* line 551, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  width: 90%;
  height: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  /* line 551, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item-img {
    width: 90%;
    height: auto;
  }
}

/* line 566, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 190/130;
  margin-inline: auto;
  width: 11.875rem;
  height: 8.125rem;
  flex: 1;
}

@media screen and (max-width: 768px) {
  /* line 566, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item-img img {
    width: 8rem;
    height: auto;
    object-fit: inherit;
    aspect-ratio: 190/130;
    margin-inline: auto;
    height: auto;
    flex: none;
  }
}

/* line 586, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item-logo {
  margin-inline: auto;
  height: 2.5rem;
}

/* line 591, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-item-name {
  margin-top: 1.25rem;
  font-size: 0.9375rem;
  line-height: calc(40/27);
  font-feature-settings: "palt";
  letter-spacing: 0;
  flex: 1;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  /* line 591, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-item-name {
    margin-top: 0.876rem;
    font-size: 0.9375rem;
    line-height: 1.3;
  }
}

/* line 607, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container::-webkit-scrollbar {
  padding-left: 1.125rem;
  width: 22.6875rem;
  /* スクロールバーの幅 */
  height: 1.375rem;
  /* スクロールバーの高さ */
}

@media screen and (max-width: 768px) {
  /* line 607, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__table-container::-webkit-scrollbar {
    height: 1.2rem;
  }
}

/* line 617, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container::-webkit-scrollbar-track {
  background: #fff;
  /* スクロールバーの背景色 */
}

/* line 622, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__table-container::-webkit-scrollbar-thumb {
  background: #dedede;
  /* スクロールバーの操作部分の背景色 */
  border-radius: 0.71875rem;
  /* 角丸にする */
}

/* line 627, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-wrapper {
  padding: 0 2.5rem;
  width: 100%;
  margin-inline: auto;
  background-color: #fffbde;
}

@media screen and (max-width: 768px) {
  /* line 627, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note-wrapper {
    padding: 0 1.25rem;
  }
}

/* line 637, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  /* line 637, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note {
    margin-top: 1.125rem;
  }
}

/* line 644, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-caption {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: calc(40/25);
  letter-spacing: 0.1em;
  color: #00bfaf;
}

@media screen and (max-width: 768px) {
  /* line 644, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note-caption {
    font-size: 0.9375rem;
  }
}

/* line 655, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-box {
  position: relative;
  margin-top: 5.875rem;
  padding: 4.375rem 2.5rem 3.75rem;
  font-size: 0.9375rem;
  line-height: calc(50/30);
  letter-spacing: 0.1em;
  color: #595553;
  background-color: #fffcf1;
  border: 4px solid #58d3c9;
  border-radius: 0.9375rem;
}

@media screen and (max-width: 768px) {
  /* line 655, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note-box {
    margin-top: 50px;
    padding: 2.5rem 1.25rem 1.875rem;
    font-size: 1rem;
    border-width: 2px;
  }
}

/* line 674, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-box::before {
  position: absolute;
  content: "";
  background-image: url(/images/contactlens/look_ptn03/icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 5.5rem;
  height: 6.25rem;
  top: -3.4375rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}

@media screen and (max-width: 768px) {
  /* line 674, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note-box::before {
    width: 4.1rem;
  }
}

/* line 692, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-item-head {
  font-weight: 900;
  color: #00bfaf;
}

/* line 697, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-item-text {
  font-weight: 500;
}

/* line 701, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-item + .spec__note-item {
  margin-top: 0.876rem;
}

@media screen and (max-width: 768px) {
  /* line 701, app/assets/stylesheets/recommended_by_cost_performance.scss */
  .contactlens.recommended_by_cost_performance .spec__note-item + .spec__note-item {
    margin-top: 0.625rem;
  }
}

/* line 708, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-item-link {
  color: #30aee5;
  text-decoration: underline;
  display: block;
}

/* line 714, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .spec__note-item:last-child {
  display: flex;
}

/* line 719, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .cont002 {
  background: #fff;
}

/* line 721, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .cont002 > .inner {
  max-width: 980px;
  margin: 0 auto;
}

/* line 725, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .cont002 #rankingH1 {
  padding: 5.5% 0 4%;
}

/* line 728, app/assets/stylesheets/recommended_by_cost_performance.scss */
.contactlens.recommended_by_cost_performance .cont002 .lankingList .lankingListItem .tr_slideWrapper {
  width: auto;
}