@charset "UTF-8";
[data-yid] {
  cursor: pointer;
}

.yModal {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  transition: 0.3s ease-in-out opacity;
}
.yModal.-open {
  opacity: 1;
  background-color: rgba(51, 51, 51, 0.7);
}
.yModal.-close {
  opacity: 0;
  pointer-events: none;
}
.yModal__movie {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.yModal__movie.-large {
  width: 60%;
  height: auto;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 600px) {
  .yModal__movie.-large {
    width: 80%;
  }
}
.yModal__movie.-shorts {
  width: 22%;
  min-width: 300px;
  height: auto;
  aspect-ratio: 9/16;
}
.yModal__movie iframe {
  width: 100%;
  height: 100%;
}
.yModal__close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transform: translate(-50%, 50%);
  width: 2.6041666667%;
  min-width: 50px;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 600px) {
  .yModal__close {
    transform: translate(-25%, 25%);
    width: 10.6666666667%;
    min-width: auto;
    max-width: 50px;
  }
}
.yModal__close svg path {
  fill: #FFFFFF;
}

@media print {
  body {
    display: none !important;
  }
}
body {
  overflow-x: hidden !important;
}
body .header {
  z-index: 10000 !important;
}
body .brand-header-wrap {
  display: none;
}
body #eyecare_header {
  z-index: 10;
  position: relative;
  background-color: #fff;
}
body #footer_search_logo {
  bottom: 25.9259259259vh;
  width: 10.1041666667vw;
  max-width: 17.962962963vh;
  height: 10.1041666667vw;
  max-height: 17.962962963vh;
}
@media screen and (max-width: 1200px) {
  body #footer_search_logo {
    bottom: 10.4947526237vh;
    width: 170px;
    height: 170px;
  }
}
@media screen and (max-width: 600px) {
  body #footer_search_logo {
    bottom: 8.9955022489vh;
    width: 138px;
    height: 138px;
  }
}
body #footer_search_logo.active {
  right: 7% !important;
}

#wrapper {
  min-width: inherit !important;
}
#wrapper img {
  /* PCの右クリック禁止 */
  pointer-events: none;
}
#wrapper img {
  /* SPの長押し禁止 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
#wrapper .header {
  z-index: 2;
}
#wrapper .toolBox01 {
  position: relative;
  z-index: 2;
}
#wrapper .brand-content {
  background-color: #fff;
  position: relative;
  z-index: 2;
}
#wrapper .breadcrumb {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .start {
    text-align: start;
  }
}
#pageContainer.start {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pageContainer.start .start__bg {
  z-index: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/start__bg.png");
  background-size: 100vw 100vh;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 600px) {
  #pageContainer.start .start__bg {
    background-color: #fff;
    background-image: none;
  }
}
@media screen and (max-width: 1200px) {
  #pageContainer.start .start__bg :nth-child(n) {
    display: none;
  }
}
#pageContainer.start .start__bg-fake {
  margin: 0 min(1.3333333333vw, 8px);
  box-shadow: 0px 0px 16px 0px rgb(159, 180, 235);
  flex-shrink: 0;
  width: 600px;
  height: 100%;
}
#pageContainer.start .start__bg-member01wrap {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#pageContainer.start .start__bg-member01 {
  flex-shrink: 0;
}
#pageContainer.start .start__bg-left {
  align-self: center;
  width: 24.4791666667vw;
  position: absolute;
  top: 0;
  bottom: 1.0416666667vw;
  margin: auto;
}
#pageContainer.start .start__bg-member02wrap {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#pageContainer.start .start__bg-right {
  width: 15.8333333333vw;
  align-self: center;
  position: absolute;
  top: 0;
  bottom: 1.0416666667vw;
  margin: auto;
}
#pageContainer.start .start__wrap {
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  background-color: #fff;
}
#pageContainer.start .medicul3 {
  font-size: min(3.2vw, 19.2px);
  position: relative;
  width: min(20.2666666667vw, 121.6px);
  text-align: center;
  display: inline-block;
  margin-left: min(1.3333333333vw, 8px);
}
#pageContainer.start .medicul3::before {
  position: absolute;
  display: block;
  content: "";
  border: #fff 1px solid;
  width: min(20.2666666667vw, 121.6px);
  height: min(5.0666666667vw, 30.4px);
  top: -2px;
  left: 0;
}
#pageContainer.start .kvSec {
  width: fit-content;
  margin: 0 auto;
}
#pageContainer.start .kvSec__img {
  max-width: 600px;
}
#pageContainer.start .btnsSec {
  margin-top: min(10.6666666667vw, 64px);
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 min(6.6666666667vw, 40px) min(14.2666666667vw, 85.6px);
  gap: min(6.8vw, 40.8px);
}
#pageContainer.start .btnsSec__colum {
  display: flex;
  gap: min(2.6666666667vw, 16px);
}
#pageContainer.start .btnsSec__btn {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: min(6.2666666667vw, 37.6px);
  width: 100%;
  height: min(53.3333333333vw, 320px);
  color: #fff;
  position: relative;
}
#pageContainer.start .btnsSec__btn::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  width: min(7.2vw, 43.2px);
  height: min(7.2vw, 43.2px);
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: min(49.7333333333vw, 298.4px);
}
#pageContainer.start .btnsSec__name {
  font-size: min(3.2vw, 19.2px);
  font-weight: 600;
  text-align: center;
}
#pageContainer.start .btnsSec__option {
  font-size: min(3.2vw, 19.2px);
  font-weight: 500;
}
#pageContainer.start .btnsSec .dryeye {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #53C4CB;
}
#pageContainer.start .btnsSec .dryeye::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__01.svg");
}
#pageContainer.start .btnsSec .dryeye .btnsSec__img {
  width: min(18.6666666667vw, 112px);
}
#pageContainer.start .btnsSec .alpha {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #8B9ACB;
}
#pageContainer.start .btnsSec .alpha::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__02.svg");
}
#pageContainer.start .btnsSec .alpha .btnsSec__img {
  width: min(18.6666666667vw, 112px);
}
#pageContainer.start .btnsSec .clea {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #F4AC7B;
}
#pageContainer.start .btnsSec .clea::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__03.svg");
}
#pageContainer.start .btnsSec .clea .btnsSec__img {
  width: min(14.6666666667vw, 88px);
}
#pageContainer.start .btnsSec .fit {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #78CCF2;
}
#pageContainer.start .btnsSec .fit::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__04.svg");
}
#pageContainer.start .btnsSec .fit .btnsSec__img {
  width: min(14.6666666667vw, 88px);
}
#pageContainer.start .btnsSec .rise {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #F19FC3;
}
#pageContainer.start .btnsSec .rise::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__05.svg");
}
#pageContainer.start .btnsSec .rise .btnsSec__img {
  width: min(22.6666666667vw, 136px);
}
#pageContainer.start .btnsSec .zipro {
  padding-top: min(4.5333333333vw, 27.2px);
  background-color: #5E9ACF;
}
#pageContainer.start .btnsSec .zipro::before {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/btns__arrow__06.svg");
}
#pageContainer.start .btnsSec .zipro .btnsSec__img {
  width: min(22.6666666667vw, 136px);
}
#pageContainer.start .stateSec {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/state__bg.png");
  background-size: 100% auto;
  width: 100%;
  height: min(249.3333333333vw, 1496px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: min(10.6666666667vw, 64px);
  gap: min(13.8666666667vw, 83.2px);
}
#pageContainer.start .stateSec__concept {
  width: min(86.6666666667vw, 520px);
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(9.6vw, 57.6px) 0;
  gap: min(7.6vw, 45.6px);
  box-shadow: 0px 0px 10px 0px rgba(174, 194, 242, 0.4);
}
#pageContainer.start .stateSec__concept h3 {
  width: min(28.6666666667vw, 172px);
}
#pageContainer.start .stateSec__concept-text {
  display: flex;
  flex-direction: column;
  gap: min(8.5333333333vw, 51.2px);
  font-size: min(3.7333333333vw, 22.4px);
  font-weight: 600;
  text-align: center;
  color: #005BAC;
  line-height: 2.1428571429;
}
#pageContainer.start .stateSec__tvcm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(5.3333333333vw, 32px);
}
#pageContainer.start .stateSec__tvcm h3 {
  width: min(20.6666666667vw, 124px);
}
#pageContainer.start .stateSec__tvcm-movie {
  display: block;
  border: unset;
  background: unset;
  padding: 0;
  width: min(76.8vw, 460.8px);
}
#pageContainer.start .aboutSec {
  height: min(890.6666666667vw, 5344px);
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
}
#pageContainer.start .aboutSec__wrap {
  height: min(906.6666666667vw, 5440px);
  width: 100%;
}
#pageContainer.start .aboutSec__cont {
  display: flex;
  align-items: center;
}
#pageContainer.start .aboutSec__cont-wrap {
  padding: min(24vw, 144px) 0 0;
  width: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pageContainer.start .aboutSec .-dryeye {
  height: min(137.2vw, 823.2px);
}
#pageContainer.start .aboutSec .-dryeye .aboutSec__cont-wrap {
  height: min(153.3333333333vw, 920px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__01.svg");
}
#pageContainer.start .aboutSec .-dryeye .aboutSec__about {
  margin-top: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec .-dryeye .aboutSec__catch {
  color: #28B6BF;
}
#pageContainer.start .aboutSec .-alpha {
  height: min(135.2vw, 811.2px);
}
#pageContainer.start .aboutSec .-alpha .aboutSec__cont-wrap {
  height: min(151.2vw, 907.2px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__02.svg");
}
#pageContainer.start .aboutSec .-alpha .aboutSec__catch {
  color: #6E81BF;
}
#pageContainer.start .aboutSec .-clea {
  height: min(137.2vw, 823.2px);
}
#pageContainer.start .aboutSec .-clea .aboutSec__cont-wrap {
  height: min(153.3333333333vw, 920px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__03.svg");
}
#pageContainer.start .aboutSec .-clea .aboutSec__about {
  margin-top: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec .-clea .aboutSec__catch {
  color: #F2985B;
}
#pageContainer.start .aboutSec .-fit {
  height: min(136.8vw, 820.8px);
}
#pageContainer.start .aboutSec .-fit .aboutSec__cont-wrap {
  height: min(152.9333333333vw, 917.6px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__04.svg");
}
#pageContainer.start .aboutSec .-fit .aboutSec__about {
  margin-top: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec .-fit .aboutSec__catch {
  margin-top: min(2.1333333333vw, 12.8px);
  color: #57C0EF;
}
#pageContainer.start .aboutSec .-fit .aboutSec__option {
  font-size: min(2.6666666667vw, 16px);
}
#pageContainer.start .aboutSec .-fit .aboutSec__option .medicul3 {
  margin-top: min(1.0666666667vw, 6.4px);
  margin-left: 0;
}
#pageContainer.start .aboutSec .-rise {
  height: min(227.8666666667vw, 1367.2px);
}
#pageContainer.start .aboutSec .-rise .aboutSec__cont-wrap {
  height: min(244vw, 1464px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__05.svg");
}
#pageContainer.start .aboutSec .-rise .aboutSec__about {
  margin-top: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec .-rise .aboutSec__catch {
  color: #EE87B4;
}
#pageContainer.start .aboutSec .-zipro {
  height: min(134.4vw, 806.4px);
}
#pageContainer.start .aboutSec .-zipro .aboutSec__cont-wrap {
  height: min(152.9333333333vw, 917.6px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__bg__06.svg");
}
#pageContainer.start .aboutSec .-zipro .aboutSec__about {
  margin-top: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec .-zipro .aboutSec__catch {
  color: #3681C4;
}
#pageContainer.start .aboutSec__title {
  position: relative;
  font-size: min(5.3333333333vw, 32px);
  color: white;
  font-weight: 600;
  width: fit-content;
  height: min(9.8666666667vw, 59.2px);
}
#pageContainer.start .aboutSec__title::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 100%;
  height: min(0.8vw, 4.8px);
  background-color: #fff;
  bottom: 0;
  left: 0;
  transform: skewX(-45deg);
}
#pageContainer.start .aboutSec__about {
  display: flex;
  margin: 0 min(4vw, 24px) min(4.2666666667vw, 25.6px) 0;
}
#pageContainer.start .aboutSec__about-img {
  width: min(48.5333333333vw, 291.2px);
  height: min(44.5333333333vw, 267.2px);
}
#pageContainer.start .aboutSec__name {
  width: min(41.3333333333vw, 248px);
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec__catch {
  margin-top: min(9.6vw, 57.6px);
  align-self: flex-end;
  width: min(44.5333333333vw, 267.2px);
  height: min(21.8666666667vw, 131.2px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__coment.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(3.7333333333vw, 22.4px);
  font-weight: 600;
}
#pageContainer.start .aboutSec__catch p {
  flex-shrink: 0;
  padding-left: min(4.2666666667vw, 25.6px);
  font-feature-settings: "palt" 1;
}
#pageContainer.start .aboutSec__catch-op {
  display: block;
  height: min(3.2vw, 19.2px);
  flex-shrink: 0;
  font-size: min(2.5333333333vw, 15.2px);
}
#pageContainer.start .aboutSec__option {
  font-weight: 500;
  font-size: min(3.2vw, 19.2px);
  color: white;
}
#pageContainer.start .aboutSec__topic {
  width: min(86.6666666667vw, 520px);
  height: min(24.2666666667vw, 145.6px);
}
#pageContainer.start .aboutSec__btn {
  margin-top: min(8.5333333333vw, 51.2px);
  width: min(51.0666666667vw, 306.4px);
  height: min(11.7333333333vw, 70.4px);
}
#pageContainer.start .aboutSec__next {
  margin-top: min(6.4vw, 38.4px);
  width: min(86.6666666667vw, 520px);
  height: min(84.6666666667vw, 508px);
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pageContainer.start .aboutSec__next sup {
  font-size: min(1.8666666667vw, 11.2px);
  font-weight: 500;
  vertical-align: top;
}
#pageContainer.start .aboutSec__next-title {
  font-size: min(4.2666666667vw, 25.6px);
  font-weight: 600;
  color: #EE87B4;
  transform: translateY(min(3.0666666667vw, 18.4px));
}
#pageContainer.start .aboutSec__next-about {
  display: flex;
}
#pageContainer.start .aboutSec__next-about img {
  width: min(42.6666666667vw, 256px);
}
#pageContainer.start .aboutSec__next-name {
  width: min(38.6666666667vw, 232px);
  margin-top: min(6.2666666667vw, 37.6px);
  display: flex;
  flex-direction: column;
  margin-right: min(2vw, 12px);
}
#pageContainer.start .aboutSec__next-catch {
  align-self: flex-end;
  width: min(42.1333333333vw, 252.8px);
  height: min(16.2666666667vw, 97.6px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/about__coment__next.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #fff;
  font-size: min(3.7333333333vw, 22.4px);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pageContainer.start .aboutSec__next-catch p {
  margin-left: min(4.2666666667vw, 25.6px);
}
#pageContainer.start .aboutSec__next-option {
  margin: min(2.1333333333vw, 12.8px) 0 min(4.1333333333vw, 24.8px);
  font-size: min(3.2vw, 19.2px);
  color: #EE87B4;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 12.8px);
}
#pageContainer.start .aboutSec__next-option-name {
  font-weight: 600;
}
#pageContainer.start .aboutSec__next-option .medicul3::before {
  border-color: #EE87B4;
}
#pageContainer.start .aboutSec__next-btn {
  width: min(38.4vw, 230.4px);
}
#pageContainer.start .aboutSec__next-list {
  align-self: flex-start;
  color: #EE87B4;
  font-size: min(2.6666666667vw, 16px);
  display: flex;
  flex-direction: column;
  gap: min(1.3333333333vw, 8px);
  margin-left: min(8.2666666667vw, 49.6px);
  font-weight: 500;
}
#pageContainer.start .serchSec {
  width: 100%;
  height: min(127.7333333333vw, 766.4px);
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/serch__bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#pageContainer.start .serchSec__wrap {
  width: 100%;
  height: 100%;
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/serch__wrap.png");
  background-size: min(73.6vw, 441.6px) min(17.8666666667vw, 107.2px);
  background-position: center bottom min(26.6666666667vw, 160px);
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
#pageContainer.start .serchSec__btn {
  background-image: url("/-/Media/com/learn-more/eyecare2022/start/20240918/serch__btn.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  width: min(72.9333333333vw, 437.6px);
  height: min(22.8vw, 136.8px);
  margin-top: min(32.1333333333vw, 192.8px);
  align-items: center;
  justify-content: center;
}
#pageContainer.start .serchSec__btn img {
  flex-shrink: 0;
  width: min(17.0666666667vw, 102.4px);
  height: min(17.0666666667vw, 102.4px);
}
#pageContainer.start .serchSec__text {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: 600;
}
#pageContainer.start .serchSec__title {
  font-size: min(3.4666666667vw, 20.8px);
}
#pageContainer.start .serchSec__name {
  font-size: min(5.3333333333vw, 32px);
}