@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');
.lens-top {
  font-family: "BIZ UDPGothic", sans-serif;
  padding-bottom: 160px;
}
@media screen and (min-width:741px) {
  .lens-top .container {
    width: 1130px;
    margin: 0 auto;
  }
  .lens-top button:hover,
  .lens-top a:hover {
    opacity: .8 !important;
  }
  .lens-top .visual {
    position: relative;
  }
  .lens-top .visual .swiper {
    position: relative;
    z-index: 1;
  }
  .lens-top .visual .swiper img {
    width: 100%;
  }
  .lens-top .visual h1 {
    position: absolute;
    z-index: 2;
    left: calc(155 / 1440 * 100vw);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 35px;
    letter-spacing: 0.2em;
    line-height: 64px;
    text-align: left;
    color: #000;
  }
  .lens-top .jump {
    margin: 64px 0;
  }
  .lens-top .jump ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
  }
  .lens-top .jump ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 4) / 5);
  }
  .lens-top .jump ul li a {
    position: relative;
    display: block;
    padding-right: 24px;
    text-align: center;
    background-color: #237757;
    border-radius: 9999px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    text-decoration: none;
  }
  .lens-top .jump ul li a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    border-top: 12px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  .lens-top .guide {
    position: relative;
  }
  .lens-top .guide>a:first-child {
    position: absolute;
    top: -70px;
  }
  .lens-top .guide .container {
    position: relative;
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 40px;
    padding: 116px 40px 0;
  }
  .lens-top .guide .container:before {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_deco.svg);
    width: 658px;
    height: 120px;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }
  .lens-top .guide .container .wrapper {
    background-color: #fff;
    padding: 141px 85px 0;
  }
  .lens-top .guide .container .wrapper h2 {
    font-weight: normal;
    font-size: 40px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #0f0f0f;
    margin-bottom: 80px;
  }
  .lens-top .guide .container .wrapper h3 {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 40px;
  }
  .lens-top .guide .container .wrapper .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #000;
    margin-bottom: 32px;
  }
  .lens-top .guide .container .wrapper .standard section {
    border-radius: 20px;
    background: #f3f8f6;
  }
  .lens-top .guide .container .wrapper .standard section header {
    border-radius: 20px 20px 0 0;
    background-color: #237757;
    height: 76px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 40px;
  }
  .lens-top .guide .container .wrapper .standard section header h4 {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 44.8px;
    text-align: left;
    color: #fff;
  }
  .lens-top .guide .container .wrapper .standard section header p {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(1) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    text-align: right;
    color: #fff;
    margin-right: 8px;
    align-self: center;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(2) {
    font-weight: normal;
    font-size: 48px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: right;
    color: #fff;
    margin-right: 4px;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(3) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #fff;
  }
  .lens-top .guide .container .wrapper .standard section .body {
    padding: 40px 42px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul {
    display: -webkit-box;
    display: flex;
    gap: 0 32px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 32px) / 2);
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li p {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(35, 119, 87, 0.3);
    margin-bottom: 16px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li>ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li>ul>li {
    -webkit-box-flex: 0;
    flex: 0 0 84px;
    height: 84px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
    line-height: 19.2px;
    text-align: center;
    color: #237757;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .lens-top .guide .container .wrapper .standard section .body .action {
    text-align: center;
    margin-top: 30px;
  }
  .lens-top .guide .container .wrapper .standard section .body .action a {
    position: relative;
    display: inline-block;
    width: 390px;
    height: 60px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top .guide .container .wrapper .standard section .body .action a:after {
    content: "";
    display: block;
    border-top: 12px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .option {
    margin-top: 48px;
  }
  .lens-top .guide .container .wrapper .option .additionally {
    position: relative;
    text-align: center;
    margin-bottom: 32px;
  }
  .lens-top .guide .container .wrapper .option .additionally:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    background-color: #237757;
  }
  .lens-top .guide .container .wrapper .option .additionally span {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding: 0 20px;
    background-color: #fff;
  }
  .lens-top .guide .container .wrapper .option h3 {
    margin-bottom: 24px;
  }
  .lens-top .guide .container .wrapper .option .copy {
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 32px;
  }
  .lens-top .guide .container .wrapper .option ol {
    position: relative;
    display: -webkit-box;
    display: flex;
    gap: 0 56px;
  }
  .lens-top .guide .container .wrapper .option ol:after {
    content: "";
    background-image: url(/cms/contents/lens/top/img/guide_option_arrow.svg);
    display: block;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .lens-top .guide .container .wrapper .option ol li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 56px) / 2);
    border: 2px solid #D2E3DC;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
  }
  .lens-top .guide .container .wrapper .option ol li > p {
    background-color: rgba(35, 119, 87, 0.05);
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 32px;
    text-align: left;
    color: #262626;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-flex: 0;
    flex: 0 0 126px;
    height: 126px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top .guide .container .wrapper .option ol li > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
  }
  .lens-top .guide .container .wrapper .option ol li > div > p {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 28.8px;
    text-align: left;
    color: #262626;
    margin-left: 26px;
  }
  .lens-top .guide .container .wrapper .option ol li > div > p .note {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
  }
  .lens-top .guide .container .wrapper .option ol li:nth-child(1) figure:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 82px;
    margin-left: 32px;
  }
  .lens-top .guide .container .wrapper .option ol li:nth-child(2) figure:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 92px;
    margin-left: 27px;
  }
  .lens-top .guide .container .wrapper .checkLens section {
    margin-top: 64px;
  }
  .lens-top .guide .container .wrapper .checkLens section h3 {
    width: 880px;
    height: 64px;
    border-radius: 20px;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.06em;
    line-height: 64px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
  }
  .lens-top .guide .container .wrapper .checkLens section ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li {
    -webkit-box-flex: 0;
    flex: 0 0 120px;
    cursor: pointer;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: rgba(21, 125, 150, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon:before {
    content: "";
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 120px;
    height: 120px;
    background-color: #157D96;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon:after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #157D96;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background-color: #fff;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin: 0 -10px;
    margin-top: 16px;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.pc_smartphone .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.driving .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.long_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sunlight .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.blue_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.snow .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.night_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.handwork .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.reading .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.cooking .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.theater .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.outdoor_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sports .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.children .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.easy_care .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.color_correction .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.all_in_one .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.commuting .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.fashion .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.beauty .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.game .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.fishing .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.running .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.golf .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sauna_spa .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.travel .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.active .icon:after {
    background-image: url(/cms/contents/lens/top/img/guide_conditions_checked.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) h3 {
    background: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon {
    background-color: rgba(21, 125, 150, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon:before {
    background-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon:after {
    border-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li.active .icon:after {
    background-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) h3 {
    background: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon {
    background-color: rgba(172, 99, 12, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon:before {
    background-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon:after {
    border-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li.active .icon:after {
    background-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) h3 {
    background: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon {
    background-color: rgba(106, 117, 2, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon:before {
    background-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon:after {
    border-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li.active .icon:after {
    background-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) h3 {
    background: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon {
    background-color: rgba(168, 47, 47, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon:before {
    background-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon:after {
    border-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li.active .icon:after {
    background-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) h3 {
    background: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon {
    background-color: rgba(59, 118, 85, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon:before {
    background-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon:after {
    border-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li.active .icon:after {
    background-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) h3 {
    background: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon {
    background-color: rgba(153, 30, 111, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon:before {
    background-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon:after {
    border-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li.active .icon:after {
    background-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) h3 {
    background: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon {
    background-color: rgba(78, 58, 133, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon:before {
    background-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon:after {
    border-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li.active .icon:after {
    background-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens .action {
    position: relative;
    margin: 40px -85px 0;
    padding: 40px 0;
    background-color: rgba(35, 119, 87, 0.05);
    text-align: center;
  }
  .lens-top .guide .container .wrapper .checkLens .action button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: center;
    cursor: pointer;
    position: relative;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.search {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: center;
    color: #fff;
    width: 390px;
    height: 60px;
    background-color: #237757;
    border-radius: 9999px;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.search:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_search_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .checkLens .action button.clear {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 18px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 40px;
    text-align: left;
    color: #000;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.clear:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_clear_icon.svg);
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .checkLens .action button.all {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 40px;
    text-align: left;
    color: #000;
    padding-right: 24px;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.all:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_all_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .recommend {
    position: relative;
    margin: 120px 0 0;
  }
  .lens-top .recommend #recommend {
    position: absolute;
    top: -160px;
  }
  @keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .lens-top .recommend>.ring {
    content: "";
    background-image: url(/cms/contents/lens/top/img/recommend_ring.svg);
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 32px;
  }
  .lens-top .recommend>.ring.loading {
    -webkit-animation: spin 1s linear 2;
    animation: spin 1s linear 2;
  }
  .lens-top .recommend .container h2 {
    font-weight: normal;
    font-size: 40px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #000;
  }
  .lens-top .recommend .container .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin: 32px 0 80px;
  }
  .lens-top .recommend .container .count {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 32px;
  }
  .lens-top .recommend .container .scene {
    max-width: 1050px;
    margin: 0 auto 124px;
  }
  .lens-top .recommend .container .scene .title {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 12px;
  }
  .lens-top .recommend .container .scene .conditions {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .lens-top .recommend .container .notfound {
    max-width: 880px;
    margin: 0 auto;
  }
  .lens-top .recommend .container .notfound>p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 28.8px;
    text-align: center;
    color: #f40000;
    margin-bottom: 32px;
  }
  .lens-top .recommend .container .notfound ol {
    position: relative;
    display: -webkit-box;
    display: flex;
    gap: 0 56px;
  }
  .lens-top .recommend .container .notfound ol:after {
    content: "";
    background-image: url(/cms/contents/lens/top/img/guide_option_arrow.svg);
    display: block;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .lens-top .recommend .container .notfound ol li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 56px) / 2);
    border: 2px solid #D2E3DC;
    border-radius: 18px;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .lens-top .recommend .container .notfound ol li p:nth-child(1) {
    background-color: rgba(35, 119, 87, 0.05);
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 32px;
    text-align: left;
    color: #262626;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-flex: 0;
    flex: 0 0 126px;
    height: 126px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top .recommend .container .notfound ol li p:nth-child(2) {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 28.8px;
    text-align: left;
    color: #262626;
    margin-left: 26px;
  }
  .lens-top .recommend .container .notfound ol li p:nth-child(2) .note {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
  }
  .lens-top .recommend .container .notfound ol li:nth-child(1) figure:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 82px;
    margin-left: 32px;
  }
  .lens-top .recommend .container .notfound ol li:nth-child(2) figure:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 92px;
    margin-left: 27px;
  }
  .lens-top .recommend .container .result section {
    border-radius: 20px 20px 20px 20px;
    background: #f3f8f6;
    margin: 80px 0 0;
    display: none;
  }
  .lens-top .recommend .container .result section.active {
    display: block;
  }
  .lens-top .recommend .container .result section header {
    position: relative;
    background-color: rgba(35, 119, 87, 0.1);
    border-radius: 20px 20px 0 0;
    height: 76px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 40px;
  }
  .lens-top .recommend .container .result section header .copy {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #fff;
    background-color: #000000;
    line-height: 40px;
    border-radius: 9999px;
    padding: 0 24px;
    position: absolute;
    left: 31px;
    bottom: calc(100% + 8px);
  }
  .lens-top .recommend .container .result section header .copy:after {
    content: "";
    display: block;
    border-top: 15px solid #000;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 45px;
    bottom: -15px;
  }
  .lens-top .recommend .container .result section header h3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .lens-top .recommend .container .result section header h3 span:nth-child(1) {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 44.8px;
    text-align: left;
    color: #237757;
  }
  .lens-top .recommend .container .result section header h3 span:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 44.8px;
    text-align: left;
    color: #237757;
    margin-left: 16px;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(1) span:nth-child(1) {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-right: 8px;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(1) span:nth-child(2) {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(1) span:nth-child(3) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(1) span:nth-child(4) {
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(1) span:nth-child(5) {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top .recommend .container .result section header .price p:nth-child(2) {
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-top: 8px;
  }
  .lens-top .recommend .container .result section .body {
    padding: 24px 40px 40px;
    display: grid;
    grid-template-columns: 406px auto;
    grid-template-rows: auto auto;
    gap: 24px 40px;
  }
  .lens-top .recommend .container .result section .body ul {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .lens-top .recommend .container .result section .body ul li {
    -webkit-box-flex: 0;
    flex: 0 0 90px;
  }
  .lens-top .recommend .container .result section .body ul li .icon {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
  }
  .lens-top .recommend .container .result section .body ul li .icon:before {
    content: "";
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 90px;
    height: 90px;
    background-color: #237757;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lens-top .recommend .container .result section .body ul li p {
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin: 0 -5px;
    margin-top: 12px;
  }
  .lens-top .recommend .container .result section .body ul li.pc_smartphone .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
  }
  .lens-top .recommend .container .result section .body ul li.driving .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
  }
  .lens-top .recommend .container .result section .body ul li.long_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
  }
  .lens-top .recommend .container .result section .body ul li.sunlight .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
  }
  .lens-top .recommend .container .result section .body ul li.blue_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
  }
  .lens-top .recommend .container .result section .body ul li.snow .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
  }
  .lens-top .recommend .container .result section .body ul li.night_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
  }
  .lens-top .recommend .container .result section .body ul li.handwork .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
  }
  .lens-top .recommend .container .result section .body ul li.reading .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
  }
  .lens-top .recommend .container .result section .body ul li.cooking .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
  }
  .lens-top .recommend .container .result section .body ul li.theater .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
  }
  .lens-top .recommend .container .result section .body ul li.outdoor_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
  }
  .lens-top .recommend .container .result section .body ul li.sports .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
  }
  .lens-top .recommend .container .result section .body ul li.children .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
  }
  .lens-top .recommend .container .result section .body ul li.easy_care .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
  }
  .lens-top .recommend .container .result section .body ul li.color_correction .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
  }
  .lens-top .recommend .container .result section .body ul li.all_in_one .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
  }
  .lens-top .recommend .container .result section .body ul li.commuting .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
  }
  .lens-top .recommend .container .result section .body ul li.fashion .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
  }
  .lens-top .recommend .container .result section .body ul li.beauty .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
  }
  .lens-top .recommend .container .result section .body ul li.game .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
  }
  .lens-top .recommend .container .result section .body ul li.fishing .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
  }
  .lens-top .recommend .container .result section .body ul li.running .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
  }
  .lens-top .recommend .container .result section .body ul li.golf .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
  }
  .lens-top .recommend .container .result section .body ul li.sauna_spa .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
  }
  .lens-top .recommend .container .result section .body ul li.travel .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
  }
  .lens-top .recommend .container .result section .body .description {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
  }
  .lens-top .recommend .container .result section .body .action {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    text-align: center;
  }
  .lens-top .recommend .container .result section .body .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 390px;
    height: 60px;
    border-radius: 9999px;
    background-color: #237757;
    text-decoration: none;
  }
  .lens-top .recommend .container .result section .body .action a:before {
    content: "";
    background-image: url(/cms/contents/lens/top/img/recommend_result_icon_blank.svg);
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .recommend .container>.action {
    text-align: center;
    margin-top: 48px;
  }
  .lens-top .recommend .container>.action button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: center;
    cursor: pointer;
    position: relative;
  }
  .lens-top .recommend .container>.action button.all {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 40px;
    text-align: left;
    color: #000;
    padding-right: 24px;
  }
  .lens-top .recommend .container>.action button.all:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_all_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .recommend .container nav.shopinfo {
    margin: 80px 0 0;
  }
  .lens-top .recommend .container nav.shopinfo a {
    position: relative;
    display: block;
    background-image: url(/cms/contents/lens/top/img/shopinfo_bg.jpg);
    background-size: cover;
    border-radius: 20px;
    height: 280px;
  }
  .lens-top .recommend .container nav.shopinfo a p {
    position: absolute;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 390px;
    background-color: #237757;
    border-radius: 9999px;
  }
  .lens-top .recommend .container nav.shopinfo a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful,
  .lens-top section.lens_replacement,
  .lens-top section.support_care,
  .lens-top section.lens {
    margin: 160px 0 0;
    position: relative;
  }
  .lens-top section.useful>a:first-child,
  .lens-top section.lens_replacement>a:first-child,
  .lens-top section.support_care>a:first-child,
  .lens-top section.lens>a:first-child {
    position: absolute;
    top: -70px;
  }
  .lens-top section.useful .container,
  .lens-top section.lens_replacement .container,
  .lens-top section.support_care .container,
  .lens-top section.lens .container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 35px;
  }
  .lens-top section.useful h2,
  .lens-top section.lens_replacement h2,
  .lens-top section.support_care h2,
  .lens-top section.lens h2 {
    font-weight: normal;
    font-size: 40px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #0f0f0f;
    margin: 0 -35px 118px;
  }
  .lens-top section.useful h2:before,
  .lens-top section.lens_replacement h2:before,
  .lens-top section.support_care h2:before,
  .lens-top section.lens h2:before {
    content: "";
    height: 2px;
    border-radius: 1px;
    background-color: #237757;
    display: block;
    margin-bottom: 42px;
  }
  .lens-top section.useful h3,
  .lens-top section.lens_replacement h3,
  .lens-top section.support_care h3,
  .lens-top section.lens h3 {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #000;
    margin: 0 -35px 80px;
  }
  .lens-top section.useful h3:before,
  .lens-top section.lens_replacement h3:before,
  .lens-top section.support_care h3:before,
  .lens-top section.lens h3:before {
    content: "";
    display: block;
    height: 2px;
    background-image: url(/cms/contents/lens/top/img/title_h3_deco.png);
    background-size: auto 2px;
    margin-bottom: 34px;
  }
  .lens-top section.useful h4,
  .lens-top section.lens_replacement h4,
  .lens-top section.support_care h4,
  .lens-top section.lens h4 {
    margin: 96px 0 40px;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
  }
  .lens-top section.useful .lead,
  .lens-top section.lens_replacement .lead,
  .lens-top section.support_care .lead,
  .lens-top section.lens .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
    margin-bottom: 36px;
  }
  .lens-top section.lens .container>section>figure {
    width: 530px;
    margin: 0 auto;
  }
  .lens-top section.lens .container>section>figure>p {
    margin-bottom: 10px;
  }
  .lens-top section.lens .container>section>figure>p img {
    width: 100%;
  }
  .lens-top section.lens .container>section>figure>ul {
    display: -webkit-box;
    display: flex;
    gap: 0 16px;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top section.lens .container>section>figure>ul li {
    font-weight: bold;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    padding: 0 16px;
    border-radius: 9999px;
    white-space: nowrap;
  }
  .lens-top section.lens .container>section section.prime ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
  }
  .lens-top section.lens .container>section section.prime ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 3) / 4);
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 20px;
    padding: 40px 16px 36px;
  }
  .lens-top section.lens .container>section section.prime ul li p:nth-child(1) {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.prime ul li p:nth-child(2) {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.stressfree ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
    margin-top: 130px;
  }
  .lens-top section.lens .container>section section.stressfree ul li {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 3) / 4);
    padding: 122px 0 28px;
    border-radius: 20px;
  }
  .lens-top section.lens .container>section section.stressfree ul li figure {
    width: 188px;
    margin: 0 auto;
    position: absolute;
    top: -94px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .lens-top section.lens .container>section section.stressfree ul li figure img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.stressfree ul li p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(1) {
    background-color: rgba(23, 84, 163, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(2) {
    background-color: rgba(154, 30, 30, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(3) {
    background-color: rgba(153, 110, 58, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(4) {
    background-color: rgba(42, 118, 2, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree_zero {
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 20px;
    padding: 64px 40px;
    margin-top: 64px;
  }
  .lens-top section.lens .container>section section.stressfree_zero h4 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a {
    display: block;
    padding: 16px 0 0;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    text-decoration: none;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.title {
    padding: 24px 0;
    font-weight: normal;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    color: #000;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.more {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.more:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.lens .container>section section.features ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
  }
  .lens-top section.lens .container>section section.features ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 3) / 4);
  }
  .lens-top section.lens .container>section section.features ul li figure {
    margin-bottom: 24px;
  }
  .lens-top section.lens .container>section section.features ul li .title {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.features ul li .description {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.slim {
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 20px;
    padding: 64px 64px;
    margin-top: 40px;
  }
  .lens-top section.lens .container>section section.slim h4 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .lens-top section.lens .container>section section.slim table {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    table-layout: fixed;
  }
  .lens-top section.lens .container>section section.slim table th {
    border: 1px solid #F3F8F6;
  }
  .lens-top section.lens .container>section section.slim table td {
    border: 1px solid #F3F8F6;
  }
  .lens-top section.lens .container>section section.slim table thead th {
    background-color: #237757;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 48px;
    text-align: center;
    color: #fff;
  }
  .lens-top section.lens .container>section section.slim table thead th:first-child {
    width: 280px;
  }
  .lens-top section.lens .container>section section.slim table tbody th {
    background-color: #C5E2D8;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 48px;
    text-align: center;
    color: #000;
  }
  .lens-top section.lens .container>section section.slim table tbody td {
    background: #fff;
    padding-left: 68px;
  }
  .lens-top section.lens .container>section section.maker ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
    margin: 60px 0;
  }
  .lens-top section.lens .container>section section.maker ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 3) / 4);
    border: 2px solid #D2E3DC;
    border-radius: 10px;
  }
  .lens-top section.lens .container>section section.maker ul li img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.maker .note {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: left;
    color: #707070;
  }
  .lens-top section.support_care .container>section .copy {
    position: relative;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding: 0 20px;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .lens-top section.support_care .container>section .copy:before {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(164deg);
    transform: translateY(-50%) rotate(164deg);
    background-color: #237757;
  }
  .lens-top section.support_care .container>section .copy:after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(16deg);
    transform: translateY(-50%) rotate(16deg);
    background-color: #237757;
  }
  .lens-top section.support_care .container>section ul {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
  }
  .lens-top section.support_care .container>section ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 2) / 3);
    border-radius: 20px;
    overflow: hidden;
    background-color: rgba(35, 119, 87, 0.05);
    padding: 0 16px 28px;
  }
  .lens-top section.support_care .container>section ul li .title {
    background-color: #237757;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.06em;
    line-height: 72px;
    text-align: center;
    color: #fff;
    margin: 0 -16px 32px;
  }
  .lens-top section.support_care .container>section ul li .period {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .lens-top section.support_care .container>section ul li .period span:nth-child(1) {
    font-weight: normal;
    font-size: 85px;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top section.support_care .container>section ul li .period span:nth-child(2) {
    font-weight: bold;
    font-size: 49px;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top section.support_care .container>section ul li .description {
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 28.8px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.support_care .container>section ul li .note {
    margin-top: 12px;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: center;
    color: #707070;
  }
  .lens-top section.support_care .container>section .action {
    margin: 40px 0 0;
    text-align: center;
  }
  .lens-top section.support_care .container>section .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 550px;
    height: 60px;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top section.support_care .container>section .action a:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.support_care .container>section .banner {
    margin: 64px 0 0;
  }
  .lens-top section.support_care .container>section .banner a {
    display: block;
    text-decoration: none;
    border-radius: 20px;
    overflow: hidden;
  }
  .lens-top section.support_care .container>section .banner a img {
    width: 100%;
  }
  .lens-top section.support_care .container>section .banner a p {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    height: 60px;
    background-color: #237757;
    text-decoration: none;
  }
  .lens-top section.support_care .container>section .banner a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.lens_replacement .container h2 {
    margin-bottom: 80px;
  }
  .lens-top section.lens_replacement .container .copy {
    position: relative;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding: 0 20px;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .lens-top section.lens_replacement .container .copy:before {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(164deg);
    transform: translateY(-50%) rotate(164deg);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container .copy:after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(16deg);
    transform: translateY(-50%) rotate(16deg);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p {
    display: -webkit-box;
    display: flex;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(1),
  .lens-top section.lens_replacement .container figure p>span:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 280px;
    height: 108px;
    border-radius: 10px;
    background: rgba(35, 119, 87, 0.1);
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    padding: 24px 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(1):after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/lens_replacement_img_01.svg);
    width: 58px;
    height: 26px;
    margin: 16px auto 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(3):after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/lens_replacement_img_02.svg);
    width: 57px;
    height: 26px;
    margin: 16px auto 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2),
  .lens-top section.lens_replacement .container figure p>span:nth-child(4) {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 54px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):before,
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% - 11px);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):before,
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% - 11px);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):before {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):after {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 280px * 2 - 54px * 2);
    border: 2px solid #D2E3DC;
    padding: 30px 0 0;
    height: 108px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 10px;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(1) {
    font-weight: bold;
    font-size: 46px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(2) {
    font-weight: bold;
    font-size: 28px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(3) {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(4) {
    font-weight: bold;
    font-size: 46px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container .note {
    margin-top: 60px;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: left;
    color: #707070;
  }
  .lens-top section.lens_replacement .container .action {
    margin: 40px 0 0;
    text-align: center;
  }
  .lens-top section.lens_replacement .container .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 550px;
    height: 60px;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top section.lens_replacement .container .action a:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful .container>section ul.primary {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
  }
  .lens-top section.useful .container>section ul.primary li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 2) / 3);
  }
  .lens-top section.useful .container>section ul.primary li a {
    display: block;
    background-color: rgba(35, 119, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
  }
  .lens-top section.useful .container>section ul.primary li a figure img {
    width: 100%;
  }
  .lens-top section.useful .container>section ul.primary li a p {
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    padding: 20px 24px 28px;
  }
  .lens-top section.useful .container>section ul.secondary {
    display: -webkit-box;
    display: flex;
    gap: 0 30px;
    margin-top: 32px;
  }
  .lens-top section.useful .container>section ul.secondary li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 30px * 2) / 3);
  }
  .lens-top section.useful .container>section ul.secondary li a {
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
  }
  .lens-top section.useful .container>section ul.secondary li a img {
    width: 100%;
  }
  .lens-top section.useful .container>section ul.secondary li a p {
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful .container nav.shopinfo {
    margin: 80px 0 0;
  }
  .lens-top section.useful .container nav.shopinfo a {
    position: relative;
    display: block;
    background-image: url(/cms/contents/lens/top/img/shopinfo_bg.jpg);
    background-size: cover;
    border-radius: 20px;
    height: 280px;
  }
  .lens-top section.useful .container nav.shopinfo a p {
    position: absolute;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 390px;
    background-color: #237757;
    border-radius: 9999px;
  }
  .lens-top section.useful .container nav.shopinfo a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width:740px) {
  .lens-top .container {
    width: calc(345/ 375 * 100vw);
    max-width: 1130px;
    margin: 0 auto;
  }
  .lens-top .visual {
    position: relative;
  }
  .lens-top .visual .swiper {
    position: relative;
    z-index: 1;
  }
  .lens-top .visual .swiper img {
    width: 100%;
  }
  .lens-top .visual h1 {
    position: absolute;
    z-index: 2;
    font-weight: normal;
    font-size: calc(24 / 375 * 100vw);
    letter-spacing: 0.2em;
    line-height: calc(38.4 / 24);
    text-align: left;
    color: #000;
    left: cacl(4vw);
    bottom: calc(32 / 375 * 100vw);
  }
  .lens-top .jump {
    margin: 40px 0 64px;
  }
  .lens-top .jump ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 0;
  }
  .lens-top .jump ul li {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
  }
  .lens-top .jump ul li a {
    position: relative;
    display: block;
    padding-right: 24px;
    text-align: center;
    background-color: #237757;
    border-radius: 9999px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    text-decoration: none;
  }
  .lens-top .jump ul li a:after {
    content: "";
    position: absolute;
    right: 30px;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    border-top: 12px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  .lens-top .guide {
    position: relative;
  }
  .lens-top .guide>a:first-child {
    position: absolute;
    top: calc(-72 / 375 * 100vw);
  }
  .lens-top .guide .container {
    position: relative;
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 40px;
    padding: 96px 16px 0;
    overflow: hidden;
  }
  .lens-top .guide .container:before {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_deco_sp.svg);
    width: 290px;
    height: 84px;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }
  .lens-top .guide .container .wrapper {
    background-color: #fff;
    padding: 90px 16px 0;
  }
  .lens-top .guide .container .wrapper h2 {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #0f0f0f;
    margin-bottom: 64px;
  }
  .lens-top .guide .container .wrapper h3 {
    font-weight: normal;
    font-size: 28px;
    letter-spacing: 0.04em;
    line-height: 44.8px;
    text-align: center;
    color: #237757;
    margin-bottom: 28px;
  }
  .lens-top .guide .container .wrapper .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 28.8px;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
  }
  .lens-top .guide .container .wrapper .standard section {
    border-radius: 20px;
    background: #f3f8f6;
  }
  .lens-top .guide .container .wrapper .standard section header {
    border-radius: 20px 20px 0 0;
    background-color: #237757;
    display: block;
    padding: 32px 16px 15px;
  }
  .lens-top .guide .container .wrapper .standard section header h4 {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
  }
  .lens-top .guide .container .wrapper .standard section header p {
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(1) {
    font-weight: normal;
    font-size: 16px;
    line-height: 22.4px;
    text-align: right;
    color: #fff;
    margin-right: 8px;
    align-self: center;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(2) {
    font-weight: normal;
    font-size: 48px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: right;
    color: #fff;
    margin-right: 4px;
  }
  .lens-top .guide .container .wrapper .standard section header p span:nth-child(3) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #fff;
  }
  .lens-top .guide .container .wrapper .standard section .body {
    padding: 28px 20px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul {
    display: block;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li+li {
    margin-top: 32px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li p {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #237757;
    margin-bottom: 20px;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li>ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    max-width: 240px;
    margin: 0 auto;
  }
  .lens-top .guide .container .wrapper .standard section .body>ul>li>ul>li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 16px) / 2);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 22.4px;
    text-align: center;
    color: #237757;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .lens-top .guide .container .wrapper .standard section .body .action {
    text-align: center;
    margin-top: 24px;
  }
  .lens-top .guide .container .wrapper .standard section .body .action a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top .guide .container .wrapper .standard section .body .action a:after {
    content: "";
    display: block;
    border-top: 12px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .option {
    margin-top: 48px;
  }
  .lens-top .guide .container .wrapper .option .additionally {
    position: relative;
    text-align: center;
    margin-bottom: 24px;
  }
  .lens-top .guide .container .wrapper .option .additionally:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    background-color: #237757;
  }
  .lens-top .guide .container .wrapper .option .additionally span {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding: 0 8px;
    background-color: #fff;
  }
  .lens-top .guide .container .wrapper .option h3 {
    margin-bottom: 8px;
  }
  .lens-top .guide .container .wrapper .option .copy {
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 28.8px;
    text-align: center;
    color: #237757;
    margin-bottom: 24px;
  }
  .lens-top .guide .container .wrapper .option .lead {
    margin-bottom: 28px;
  }
  .lens-top .guide .container .wrapper .option ol {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 87px 0;
  }
  .lens-top .guide .container .wrapper .option ol li {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    border: 2px solid #D2E3DC;
    border-radius: 18px;
  }
  .lens-top .guide .container .wrapper .option ol li>p {
    background-color: rgba(35, 119, 87, 0.05);
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 64px;
    text-align: center;
    color: #262626;
    -webkit-box-flex: 0;
    flex: 0 0 126px;
    height: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top .guide .container .wrapper .option ol li>div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 24px;
  }
  .lens-top .guide .container .wrapper .option ol li>div p {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    margin-left: 8px;
  }
  .lens-top .guide .container .wrapper .option ol li>div p .note {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
  }
  .lens-top .guide .container .wrapper .option ol li>div figure {
    -webkit-box-flex: 0;
    flex: 0 0 82px;
    margin-left: 25px;
  }
  .lens-top .guide .container .wrapper .option ol li:nth-child(1):after {
    content: "";
    background-image: url(/cms/contents/lens/top/img/guide_option_arrow_sp.svg);
    display: block;
    width: 18px;
    height: 23px;
    position: absolute;
    top: calc(100% + 32px);
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .lens-top .guide .container .wrapper .checkLens section {
    margin-top: 40px;
  }
  .lens-top .guide .container .wrapper .checkLens section h3 {
    border-radius: 10px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 48px;
    text-align: center;
    color: #fff;
    margin-bottom: 24px;
  }
  .lens-top .guide .container .wrapper .checkLens section ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 6px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 6px * 2) / 3);
    cursor: pointer;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: rgba(21, 125, 150, 0.06);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon:before {
    content: "";
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 100%;
    height: 100%;
    background-color: #157D96;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li .icon:after {
    content: "";
    display: block;
    width: 25%;
    aspect-ratio: 1 / 1;
    border: 2px solid #157D96;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background-color: #fff;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li p {
    margin-top: 5px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 22.4px;
    text-align: center;
    color: #262626;
    margin: 0 -5px;
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.pc_smartphone .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.driving .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.long_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sunlight .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.blue_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.snow .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.night_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.handwork .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.reading .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.cooking .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.theater .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.outdoor_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sports .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.children .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.easy_care .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.color_correction .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.all_in_one .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.commuting .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.fashion .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.beauty .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.game .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.fishing .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.running .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.golf .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.sauna_spa .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.travel .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
  }
  .lens-top .guide .container .wrapper .checkLens section ul li.active .icon:after {
    background-image: url(/cms/contents/lens/top/img/guide_conditions_checked_sp.svg);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) h3 {
    background: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon {
    background-color: rgba(21, 125, 150, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon:before {
    background-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li .icon:after {
    border-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(1) ul li.active .icon:after {
    background-color: #157d96;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) h3 {
    background: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon {
    background-color: rgba(172, 99, 12, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon:before {
    background-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li .icon:after {
    border-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(2) ul li.active .icon:after {
    background-color: #AC630C;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) h3 {
    background: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon {
    background-color: rgba(106, 117, 2, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon:before {
    background-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li .icon:after {
    border-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(3) ul li.active .icon:after {
    background-color: #6A7502;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) h3 {
    background: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon {
    background-color: rgba(168, 47, 47, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon:before {
    background-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li .icon:after {
    border-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(4) ul li.active .icon:after {
    background-color: #A82F2F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) h3 {
    background: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon {
    background-color: rgba(59, 118, 85, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon:before {
    background-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li .icon:after {
    border-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(5) ul li.active .icon:after {
    background-color: #3B7655;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) h3 {
    background: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon {
    background-color: rgba(153, 30, 111, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon:before {
    background-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li .icon:after {
    border-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(6) ul li.active .icon:after {
    background-color: #991E6F;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) h3 {
    background: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon {
    background-color: rgba(78, 58, 133, 0.06);
    margin-bottom: 5px;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon:before {
    background-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li .icon:after {
    border-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens section:nth-child(7) ul li.active .icon:after {
    background-color: #4E3A85;
  }
  .lens-top .guide .container .wrapper .checkLens .action {
    position: relative;
    margin: 60px -16px 0;
    padding: 12px 0 32px;
    background-color: rgba(35, 119, 87, 0.05);
  }
  .lens-top .guide .container .wrapper .checkLens .action button {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: center;
    cursor: pointer;
    position: relative;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.search {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: calc((60px - 25.6px) / 2) 0;
    min-height: 60px;
    background-color: #237757;
    border-radius: 30px;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.search:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_search_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .checkLens .action button.all {
    display: block;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding-right: 24px;
    margin-top: 24px;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.all:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_all_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top .guide .container .wrapper .checkLens .action button.clear {
    display: block;
    padding-right: 18px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-align: left;
    color: #000;
    margin-top: 8px;
  }
  .lens-top .guide .container .wrapper .checkLens .action button.clear:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_clear_icon.svg);
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.recommend {
    position: relative;
    margin: 80px 0 0;
  }
  .lens-top section.recommend #recommend {
    position: absolute;
    top: -160px;
  }
  @keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .lens-top section.recommend>.ring {
    content: "";
    background-image: url(/cms/contents/lens/top/img/recommend_ring.svg);
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 22px;
  }
  .lens-top section.recommend>.ring.loading {
    -webkit-animation: spin 1s linear 2;
    animation: spin 1s linear 2;
  }
  .lens-top section.recommend .container h2 {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 51.2px;
    text-align: center;
    color: #0f0f0f;
  }
  .lens-top section.recommend .container .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
    margin: 15px 0 35px;
  }
  .lens-top section.recommend .container .count {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 24px;
  }
  .lens-top section.recommend .container .scene {
    max-width: 1050px;
    margin: 0 auto 100px;
  }
  .lens-top section.recommend .container .scene .title {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-bottom: 12px;
  }
  .lens-top section.recommend .container .scene .conditions {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .lens-top section.recommend .container .notfound {
    max-width: 880px;
    margin: 0 auto;
  }
  .lens-top section.recommend .container .notfound>p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 28.8px;
    text-align: center;
    color: #f40000;
    margin-bottom: 20px;
  }
  .lens-top section.recommend .container .notfound ol {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 87px 0;
  }
  .lens-top section.recommend .container .notfound ol li {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    border: 2px solid #D2E3DC;
    border-radius: 18px;
  }
  .lens-top section.recommend .container .notfound ol li>p {
    background-color: rgba(35, 119, 87, 0.05);
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 64px;
    text-align: center;
    color: #262626;
    -webkit-box-flex: 0;
    flex: 0 0 126px;
    height: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top section.recommend .container .notfound ol li>div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 24px;
  }
  .lens-top section.recommend .container .notfound ol li>div p {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    margin-left: 8px;
  }
  .lens-top section.recommend .container .notfound ol li>div p .note {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
  }
  .lens-top section.recommend .container .notfound ol li>div figure {
    -webkit-box-flex: 0;
    flex: 0 0 82px;
    margin-left: 25px;
  }
  .lens-top section.recommend .container .notfound ol li:nth-child(1):after {
    content: "";
    background-image: url(/cms/contents/lens/top/img/guide_option_arrow.svg);
    display: block;
    width: 18px;
    height: 23px;
    position: absolute;
    top: calc(100% + 32px);
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .lens-top section.recommend .container .result section {
    border-radius: 20px 20px 20px 20px;
    background: #f3f8f6;
    margin: 72px 0 0;
    display: none;
  }
  .lens-top section.recommend .container .result section.active {
    display: block;
  }
  .lens-top section.recommend .container .result section header {
    position: relative;
    background-color: rgba(35, 119, 87, 0.1);
    border-radius: 20px 20px 0 0;
    display: block;
    padding: 24px 16px 24px;
  }
  .lens-top section.recommend .container .result section header .copy {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    line-height: 40px;
    border-radius: 9999px;
    padding: 0 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% + 7px);
    white-space: nowrap;
  }
  .lens-top section.recommend .container .result section header .copy:after {
    content: "";
    display: block;
    border-top: 15px solid #000;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: calc(50% - 9px);
    bottom: -15px;
  }
  .lens-top section.recommend .container .result section header h3 {
    margin-bottom: 16px;
  }
  .lens-top section.recommend .container .result section header h3 span:nth-child(1) {
    display: block;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
  }
  .lens-top section.recommend .container .result section header h3 span:nth-child(2) {
    display: block;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
    margin-top: 10px;
  }
  .lens-top section.recommend .container .result section header .price {
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(1) span:nth-child(1) {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-right: 8px;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(1) span:nth-child(2) {
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(1) span:nth-child(3) {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(1) span:nth-child(4) {
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    color: #237757;
    margin-right: 4px;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(1) span:nth-child(5) {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top section.recommend .container .result section header .price p:nth-child(2) {
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    text-align: right;
    color: #237757;
    margin-top: 8px;
  }
  .lens-top section.recommend .container .result section .body {
    padding: 32px 16px 40px;
  }
  .lens-top section.recommend .container .result section .body ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
  }
  .lens-top section.recommend .container .result section .body ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 16px * 2) / 3);
  }
  .lens-top section.recommend .container .result section .body ul li .icon {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #fff;
  }
  .lens-top section.recommend .container .result section .body ul li .icon:before {
    content: "";
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 100%;
    height: 100%;
    background-color: #237757;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lens-top section.recommend .container .result section .body ul li p {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: center;
    color: #262626;
    margin-top: 5px;
  }
  .lens-top section.recommend .container .result section .body ul li.pc_smartphone .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_pc_smartphone.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.driving .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_driving.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.long_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_long_work.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.sunlight .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sunlight.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.blue_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_blue_light.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.snow .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_snow.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.night_light .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_night_light.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.handwork .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_handwork.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.reading .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_reading.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.cooking .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_cooking.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.theater .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_theater.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.outdoor_work .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_outdoor_work.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.sports .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sports.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.children .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_children.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.easy_care .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_easy_care.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.color_correction .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_color_correction.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.all_in_one .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_all_in_one.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.commuting .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_commuting.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.fashion .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fashion.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.beauty .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_beauty.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.game .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_game.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.fishing .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_fishing.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.running .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_running.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.golf .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_golf.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.sauna_spa .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_sauna_spa.svg);
  }
  .lens-top section.recommend .container .result section .body ul li.travel .icon:before {
    -webkit-mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
    mask-image: url(/cms/contents/lens/top/img/icon_travel.svg);
  }
  .lens-top section.recommend .container .result section .body .description {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    margin-bottom: 20px;
  }
  .lens-top section.recommend .container .result section .body .action {
    text-align: center;
  }
  .lens-top section.recommend .container .result section .body .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 60px;
    border-radius: 9999px;
    background-color: #237757;
    text-decoration: none;
  }
  .lens-top section.recommend .container .result section .body .action a:before {
    content: "";
    background-image: url(/cms/contents/lens/top/img/recommend_result_icon_blank.svg);
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.recommend .container>.action {
    margin-top: 40px;
    text-align: center;
  }
  .lens-top section.recommend .container>.action button {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: center;
    cursor: pointer;
    position: relative;
  }
  .lens-top section.recommend .container>.action button.all {
    display: block;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding-right: 24px;
    margin-top: 24px;
  }
  .lens-top section.recommend .container>.action button.all:after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/guide_action_all_icon.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.recommend .container nav.shopinfo {
    margin: 64px 0 0;
  }
  .lens-top section.recommend .container nav.shopinfo a {
    position: relative;
    display: block;
    background-image: url(/cms/contents/lens/top/img/shopinfo_bg.jpg);
    background-size: cover;
    border-radius: 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
  }
  .lens-top section.recommend .container nav.shopinfo a p {
    position: absolute;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 32px);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
    border-radius: 9999px;
  }
  .lens-top section.recommend .container nav.shopinfo a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful,
  .lens-top section.lens_replacement,
  .lens-top section.support_care,
  .lens-top section.lens {
    margin: 120px 0 0;
    position: relative;
  }
  .lens-top section.useful>a:first-child,
  .lens-top section.lens_replacement>a:first-child,
  .lens-top section.support_care>a:first-child,
  .lens-top section.lens>a:first-child {
    position: absolute;
    top: calc(-72 / 375 * 100vw);
  }
  .lens-top section.useful .container,
  .lens-top section.lens_replacement .container,
  .lens-top section.support_care .container,
  .lens-top section.lens .container {
    margin: 0 auto;
  }
  .lens-top section.useful h2,
  .lens-top section.lens_replacement h2,
  .lens-top section.support_care h2,
  .lens-top section.lens h2 {
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    color: #0f0f0f;
    margin: 0 0 64px;
  }
  .lens-top section.useful h2:before,
  .lens-top section.lens_replacement h2:before,
  .lens-top section.support_care h2:before,
  .lens-top section.lens h2:before {
    content: "";
    height: 2px;
    border-radius: 1px;
    background-color: #237757;
    display: block;
    margin-bottom: 34px;
  }
  .lens-top section.useful h3,
  .lens-top section.lens_replacement h3,
  .lens-top section.support_care h3,
  .lens-top section.lens h3 {
    font-weight: normal;
    font-size: 28px;
    letter-spacing: 0.04em;
    line-height: 44.8px;
    text-align: center;
    color: #000;
    margin: 96px 0 56px;
  }
  .lens-top section.useful h3:before,
  .lens-top section.lens_replacement h3:before,
  .lens-top section.support_care h3:before,
  .lens-top section.lens h3:before {
    content: "";
    display: block;
    height: 2px;
    background-image: url(/cms/contents/lens/top/img/title_h3_deco.png);
    background-size: auto 2px;
    margin-bottom: 28px;
  }
  .lens-top section.useful h4,
  .lens-top section.lens_replacement h4,
  .lens-top section.support_care h4,
  .lens-top section.lens h4 {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.08em;
    line-height: 38.4px;
    text-align: center;
    color: #237757;
    margin: 72px 0 38px;
  }
  .lens-top section.useful .lead,
  .lens-top section.lens_replacement .lead,
  .lens-top section.support_care .lead,
  .lens-top section.lens .lead {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    color: #262626;
    margin-bottom: 36px;
  }
  .lens-top section.lens .container>section>figure {
    max-width: 334px;
    margin: 0 auto;
  }
  .lens-top section.lens .container>section>figure>p {
    margin-bottom: 5px;
  }
  .lens-top section.lens .container>section>figure>p img {
    width: 100%;
  }
  .lens-top section.lens .container>section>figure>ul {
    display: -webkit-box;
    display: flex;
    gap: 0 6px;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .lens-top section.lens .container>section>figure>ul li {
    font-weight: bold;
    font-size: 10px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    padding: 0 8px;
    border-radius: 9999px;
    white-space: nowrap;
  }
  .lens-top section.lens .container>section section.prime h4 {
    margin-bottom: 20px;
  }
  .lens-top section.lens .container>section section.prime ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .lens-top section.lens .container>section section.prime ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 16px * 1) / 2);
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 8px;
    padding: 32px 16px 28px;
  }
  .lens-top section.lens .container>section section.prime ul li p:nth-child(1) {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.prime ul li p:nth-child(2) {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.stressfree h4 {
    margin-bottom: 20px;
  }
  .lens-top section.lens .container>section section.stressfree ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 84px 16px;
    margin-top: 88px;
  }
  .lens-top section.lens .container>section section.stressfree ul li {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 16px * 1) / 2);
    padding: 72px 10px 20px;
    border-radius: 8px;
  }
  .lens-top section.lens .container>section section.stressfree ul li figure {
    width: 120px;
    margin: 0 auto;
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .lens-top section.lens .container>section section.stressfree ul li figure img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.stressfree ul li p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(1) {
    background-color: rgba(23, 84, 163, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(2) {
    background-color: rgba(154, 30, 30, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(3) {
    background-color: rgba(153, 110, 58, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree ul li:nth-child(4) {
    background-color: rgba(42, 118, 2, 0.1);
  }
  .lens-top section.lens .container>section section.stressfree_zero {
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 20px;
    padding: 56px 16px 64px;
    margin-top: 40px;
  }
  .lens-top section.lens .container>section section.stressfree_zero h4 {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.stressfree_zero p.lead {
    text-align: center;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a {
    display: block;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    text-decoration: none;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.title {
    padding: 12px 0 16px;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.title span:nth-child(1) {
    display: block;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    color: #000;
    margin-bottom: 8px;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.title span:nth-child(2) {
    display: block;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    color: #000;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.more {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
  }
  .lens-top section.lens .container>section section.stressfree_zero figure a p.more:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.lens .container>section section.features ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 16px;
  }
  .lens-top section.lens .container>section section.features ul li figure {
    margin-bottom: 24px;
  }
  .lens-top section.lens .container>section section.features ul li .title {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.features ul li .description {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.lens .container>section section.slim {
    background-color: rgba(35, 119, 87, 0.05);
    border-radius: 20px;
    padding: 32px 16px 40px;
    margin-top: 40px;
  }
  .lens-top section.lens .container>section section.slim h4 {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .lens-top section.lens .container>section section.slim .lead {
    margin-bottom: 28px;
  }
  .lens-top section.lens .container>section section.slim table {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    table-layout: fixed;
    margin-top: 16px;
  }
  .lens-top section.lens .container>section section.slim table th {
    border: 1px solid #F3F8F6;
  }
  .lens-top section.lens .container>section section.slim table td {
    border: 1px solid #F3F8F6;
  }
  .lens-top section.lens .container>section section.slim table thead th {
    background-color: #237757;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 48px;
    text-align: center;
    color: #fff;
  }
  .lens-top section.lens .container>section section.slim table thead th:first-child {
    width: 118px;
  }
  .lens-top section.lens .container>section section.slim table tbody th {
    background-color: #C5E2D8;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 48px;
    text-align: center;
    color: #000;
  }
  .lens-top section.lens .container>section section.slim table tbody td {
    background: #fff;
    text-align: center;
  }
  .lens-top section.lens .container>section section.slim table tbody td img {
    height: 18px;
  }
  .lens-top section.lens .container>section section.maker h4 {
    margin-bottom: 20px;
  }
  .lens-top section.lens .container>section section.maker ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 36px 0;
  }
  .lens-top section.lens .container>section section.maker ul li {
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% - 16px * 1) / 2);
    border: 2px solid #D2E3DC;
    border-radius: 10px;
  }
  .lens-top section.lens .container>section section.maker ul li img {
    width: 100%;
  }
  .lens-top section.lens .container>section section.maker .note {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: left;
    color: #707070;
  }
  .lens-top section.support_care .container>section .copy {
    position: relative;
    font-weight: bold;
    font-size: min(24 * 100vw / 375, 24px);
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #237757;
    padding: 0 min(14 / 375 * 100vw, 14px);
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .lens-top section.support_care .container>section .copy:before {
    content: "";
    display: block;
    width: min(2px, 2 / 375 * 100vw);
    height: min(23px, 23 / 375 * 100vw);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(164deg);
    transform: translateY(-50%) rotate(164deg);
    background-color: #237757;
  }
  .lens-top section.support_care .container>section .copy:after {
    content: "";
    display: block;
    width: min(2px, 2 / 375 * 100vw);
    height: min(23px, 23 / 375 * 100vw);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(16deg);
    transform: translateY(-50%) rotate(16deg);
    background-color: #237757;
  }
  .lens-top section.support_care .container>section ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .lens-top section.support_care .container>section ul li {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: rgba(35, 119, 87, 0.05);
    padding: 0 16px 28px;
  }
  .lens-top section.support_care .container>section ul li .title {
    background-color: #237757;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 68px;
    text-align: center;
    color: #fff;
    margin: 0 -16px 24px;
  }
  .lens-top section.support_care .container>section ul li .period {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .lens-top section.support_care .container>section ul li .period span:nth-child(1) {
    font-weight: normal;
    font-size: 85px;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top section.support_care .container>section ul li .period span:nth-child(2) {
    font-weight: bold;
    font-size: 49px;
    line-height: 1;
    text-align: left;
    color: #237757;
  }
  .lens-top section.support_care .container>section ul li .description {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: center;
    color: #262626;
  }
  .lens-top section.support_care .container>section ul li .note {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: center;
    color: #707070;
    margin-top: 8px;
  }
  .lens-top section.support_care .container>section .action {
    margin: 40px 0 0;
    text-align: center;
  }
  .lens-top section.support_care .container>section .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 60px;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top section.support_care .container>section .action a:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.support_care .container>section .banner {
    margin: 64px 0 0;
  }
  .lens-top section.support_care .container>section .banner a {
    display: block;
    text-decoration: none;
    border-radius: 20px;
    overflow: hidden;
  }
  .lens-top section.support_care .container>section .banner a img {
    width: 100%;
  }
  .lens-top section.support_care .container>section .banner a p {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    height: 60px;
    background-color: #237757;
    text-decoration: none;
  }
  .lens-top section.support_care .container>section .banner a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.lens_replacement .container .copy {
    position: relative;
    font-weight: bold;
    font-size: min(24px, 24 / 375 * 100vw);
    letter-spacing: 0.08em;
    line-height: calc(38.4 / 24);
    text-align: center;
    color: #237757;
    padding: 0 min(20px, 24 / 375 * 100vw);
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 32px;
  }
  .lens-top section.lens_replacement .container .copy:before {
    content: "";
    display: block;
    width: min(2px, 2 / 375 * 100vw);
    height: min(102px, 102 / 375 * 100vw);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(164deg);
    transform: translateY(-50%) rotate(164deg);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container .copy:after {
    content: "";
    display: block;
    width: min(2px, 2 / 375 * 100vw);
    height: min(102px, 102 / 375 * 100vw);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(16deg);
    transform: translateY(-50%) rotate(16deg);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span {
    display: block;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(1),
  .lens-top section.lens_replacement .container figure p>span:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 0 280px;
    height: 108px;
    border-radius: 10px;
    background: rgba(35, 119, 87, 0.1);
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    color: #262626;
    padding: 24px 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(1):after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/lens_replacement_img_01.svg);
    width: 58px;
    height: 26px;
    margin: 16px auto 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(3):after {
    content: "";
    display: block;
    background-image: url(/cms/contents/lens/top/img/lens_replacement_img_02.svg);
    width: 57px;
    height: 26px;
    margin: 16px auto 0;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2),
  .lens-top section.lens_replacement .container figure p>span:nth-child(4) {
    position: relative;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):before,
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% - 11px);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(2):after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):before,
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% - 11px);
    background-color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):before {
    -webkit-transform: rotate(90deg) translateY(-5px);
    transform: rotate(90deg) translateY(-5px);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(4):after {
    -webkit-transform: rotate(90deg) translateY(5px);
    transform: rotate(90deg) translateY(5px);
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 280px * 2 - 54px * 2);
    border: 2px solid #D2E3DC;
    padding: 30px 0 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 10px;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(1) {
    font-weight: bold;
    font-size: 35px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(3) {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container figure p>span:nth-child(5) span:nth-child(4) {
    font-weight: bold;
    font-size: 35px;
    text-align: left;
    color: #237757;
  }
  .lens-top section.lens_replacement .container .note {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 19.2px;
    text-align: left;
    color: #707070;
    margin-top: 28px;
  }
  .lens-top section.lens_replacement .container .action {
    margin: 36px 0 0;
    text-align: center;
  }
  .lens-top section.lens_replacement .container .action a {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 60px;
    background-color: #237757;
    border-radius: 9999px;
    text-decoration: none;
  }
  .lens-top section.lens_replacement .container .action a:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful .container>section ul.primary {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .lens-top section.useful .container>section ul.primary li {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
  }
  .lens-top section.useful .container>section ul.primary li a {
    display: block;
    background-color: rgba(35, 119, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
  }
  .lens-top section.useful .container>section ul.primary li a figure img {
    width: 100%;
  }
  .lens-top section.useful .container>section ul.primary li a p {
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    padding: 20px 24px 20px;
  }
  .lens-top section.useful .container>section ul.secondary {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 24px;
  }
  .lens-top section.useful .container>section ul.secondary li {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
  }
  .lens-top section.useful .container>section ul.secondary li a {
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
  }
  .lens-top section.useful .container>section ul.secondary li a img {
    width: 100%;
  }
  .lens-top section.useful .container>section ul.secondary li a p {
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 25.6px;
    text-align: left;
    color: #262626;
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lens-top section.useful .container nav.shopinfo {
    margin: 80px 0 0;
  }
  .lens-top section.useful .container nav.shopinfo a {
    position: relative;
    display: block;
    background-image: url(/cms/contents/lens/top/img/shopinfo_bg.jpg);
    background-size: cover;
    border-radius: 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
  }
  .lens-top section.useful .container nav.shopinfo a p {
    position: absolute;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 32px);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #237757;
    border-radius: 9999px;
  }
  .lens-top section.useful .container nav.shopinfo a p:after {
    content: "";
    display: block;
    border-left: 14px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.visually-hidden {
  position: absolute;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
}