@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ コンタクトレンズユーザーの皆様へ ◇◆◇
  
  
========================================================================================================================*/

.guide {
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}

.guide__photo {
  width:350px;
  border-radius:0.5rem;
}

.guide_block h3 {
  line-height:1.5;
  font-size:156.2%;
}

.guide__ct {
  text-align:left;
}

.guide__ct ul {
  margin-left:1.25em;
}

@media print,screen and (min-width:641px) {
  .guide {
    padding-bottom:80px;
  }
  
  .guide_block {
    padding-top:60px;
  }
  
  .guide_block h3 {
    text-align:left;
    padding-top:2rem;
    border-top:1px solid #dcdee2;
  }

  .guide__photo {
    float:left;
  }

  .guide_block h3,
  .guide__ct {
    width:670px;
    float:right;
  }
  
  .guide__ct { padding-top:1rem; }
}

@media screen and (max-width:640px) {
  .guide {
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .guide_block {
    margin-top:2rem;
    border-top:1px solid #dcdee2;
  }
  
  .guide .guide_block:first-child {
    border-top:0;
    margin-top:0;
  }
  
  .guide_block h3 {
    padding-top:1.75rem;
    padding-bottom:1.25rem;
  }
  
  .guide__ct { padding-top:1.25rem; }
}


/*----------------------------------------------------------------------------------------------------

  こんな症状に注意
  
----------------------------------------------------------------------------------------------------*/

.chui {
  background-color:#eef5fc;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.chui h3 {
  padding-bottom:1.5rem;
}

.chui ul {
  list-style:none;
}

.chui li {
  float:left;
  background-color:#fff;
  box-sizing:border-box;
  padding:0.75em;
}

@media print,screen and (min-width:641px) {
  .chui {
    padding:30px;
  }
  
  .chui h3 { padding-top:0.5rem; }
  
  .chui li {
    width:33.333333%;
    border:4px solid #eef5fc;
  }

  .chui li:nth-child(-n+3) {
    border-top:0;
  }
}

@media screen and (max-width:640px) {
  .chui {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }
  
  .chui h3 { padding-top:0.75rem; }
 
  .chui ul {
    padding-left:0.75rem;
    padding-right:0.75rem;
  }
  
  .chui li {
    width:50%;
    border:0.25rem solid #eef5fc;
  }

  .chui li:nth-child(-n+2) {
    border-top:0;
  }
}


/*----------------------------------------------------------------------------------------------------

  処方箋について
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .shohosen {
    padding-top:80px;
    padding-bottom:100px;
  }
  
  .shohosen_ct { padding-top:40px; }
}

@media screen and (max-width:640px) {
  .shohosen {
    padding-top:3rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .shohosen_ct {
    padding-top:1.5rem;
    text-align:left;
  }
}