@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");

/* -------------------------------------------------------------------------------------------------------------
	style.css
------------------------------------------------------------------------------------------------------------- */
.eyecareday {
  background: url(/-/Media/com/learn-more/eyecare2021/eyecareday/20211007/bg_contents01_sp.jpg) repeat center top #f7f7f7;
  background-size: 100% auto;
  font-size: 3.46667vw;
  line-height: 1.807;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday {
    background: url(/-/Media/com/learn-more/eyecare2021/eyecareday/20211007/bg_contents01.jpg) repeat center top #f7f7f7;
    font-size: 14px;
    line-height: 1.857;
  }
}

.eyecareday * {
  box-sizing: border-box;
}

.eyecareday a {
  color: #00a0e9;
  text-decoration: underline;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday a:hover {
    opacity: 0.7;
  }
}

@media print,
screen and (min-width: 769px) {
  .eyecareday .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .eyecareday .pc {
    display: none !important;
  }
}

.eyecareday.top .mv {
  padding: 10.66667vw 0 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mv {
    padding-top: 60px;
  }
}

.eyecareday.top .mvTtl {
  width: 93.6vw;
  margin: 0 auto;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mvTtl {
    width: 861px;
  }
}

.eyecareday.top .mvNotes {
  margin: 4vw 0 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mvNotes {
    margin-top: 25px;
  }
}

.eyecareday.top .mvNotes>li {
  font-size: 2.93333vw;
  text-align: center;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mvNotes>li {
    font-size: 15px;
  }
}

.eyecareday.top .mvTxt {
  width: 51.46667vw;
  margin: 9.33333vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mvTxt {
    width: 330px;
    margin-top: 55px;
  }
}

.eyecareday.top .mvImg {
  width: 99.2vw;
  margin: 6.13333vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .mvImg {
    width: 830px;
    margin-top: 50px;
  }
}

.eyecareday.top .linkList01 {
  width: 82.66667vw;
  margin: 8.53333vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .linkList01 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 860px;
    margin-top: 44px;
  }
}

.eyecareday.top .linkList01>li {
  margin: 4vw 0 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .linkList01>li {
    margin-top: 0;
  }
}

.eyecareday.top .linkList01>li a {
  display: block;
}

.eyecareday.top .linkList02 {
  width: 82.66667vw;
  margin: 16vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .linkList02 {
    width: 620px;
    margin-top: 100px;
  }
}

.eyecareday.top .linkList02>li {
  margin: 4vw 0 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .linkList02>li {
    margin-top: 20px;
  }
}

.eyecareday.top .linkList02>li a {
  display: block;
}

.eyecareday.top .eyecare2020 {
  margin: 16vw 0 0;
  padding: 12vw 0 13.33333vw;
  background: #005cac;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .eyecare2020 {
    margin-top: 100px;
    padding: 60px 0;
  }
}

.eyecareday.top .eyecare2020Ttl {
  width: 47.46667vw;
  margin: 0 auto;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .eyecare2020Ttl {
    width: 308px;
  }
}

.eyecareday.top .eyecare2020Img {
  width: 92vw;
  margin: 8vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .eyecare2020Img {
    width: 620px;
    margin-top: 50px;
  }
}

.eyecareday.top .eyecare2020Btn {
  width: 45.33333vw;
  margin: 6.66667vw auto 0;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.top .eyecare2020Btn {
    width: 240px;
    margin-top: 40px;
  }
}

.eyecareday.top .eyecare2020Btn a {
  display: block;
}

.eyecareday.big {
  padding-bottom: 16vw;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.big {
    padding-bottom: 100px;
  }
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.big p {
    width: 754px;
    margin: 0 auto;
  }
}

.eyecareday.big p img {
  width: 100%;
}

.eyecareday.big p.btn01 {
  width: 82.66667vw;
  margin: 0 auto;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.big p.btn01 {
    width: 410px;
  }
}

.eyecareday.big p.btn01 a {
  display: block;
}

.eyecareday.small {
  padding-bottom: 16vw;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.small {
    padding-bottom: 100px;
  }
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.small p {
    width: 754px;
    margin: 0 auto;
  }
}

.eyecareday.small p img {
  width: 100%;
}

.eyecareday.small p.btn01 {
  width: 82.66667vw;
  margin: 0 auto;
}

@media print,
screen and (min-width: 769px) {
  .eyecareday.small p.btn01 {
    width: 410px;
  }
}

.eyecareday.small p.btn01 a {
  display: block;
}