@charset "UTF-8";
/*
Theme Name: noda
*/


/* .top_block4 .box .txt {
  width: 46%;
}
@media screen and (max-width: 640px) {
  .top_block4 .box .txt {
    width: auto;
  }
}

.gynecology_block3{
  padding: 200px 0 100px;
}
@media screen and (max-width: 640px) {
  .gynecology_block3{
    padding: 80px 0 40px;
  }
}

.gynecology_block3 .c_tit1{
  line-height: 1.5;
}

.gynecology_block3 .c_tit1 .lb{
  display: none;
}
@media screen and (max-width: 640px) {
  .gynecology_block3 .c_tit1 .lb{
    display: block;
  }
}

.gynecology_block3 .box1 {
  margin-top: unset;
}

.gynecology_block3 .box1 .img{
  order: 2;
}

.gynecology_block3 .box1 .txt{
  order: 1;
}

.gynecology_block3 .box1 .doctor{
  display: inline-block !important;
  vertical-align: top;
  margin-right: 10px;
}

.gynecology_block3 .box2 .lb {
  display: none;
}
@media screen and (max-width: 640px) {
  .gynecology_block3 .box2 .lb {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .gynecology_block3 .box2 li {
    font-size: 13px;
  }
}

.gynecology_block3 .read {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .gynecology_block3 .read {
    margin-top: 30px;
    text-align: justify;
  }
} */



.footer .box {
  column-gap: 50px;
}
@media screen and (min-width: 961px) and (max-width: 1300px) {
  .footer .box {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
  }
}

.footer .box .detail {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}
@media screen and (max-width: 1300px) {
  .footer .box .detail {
    width: 40%;
    max-width: unset;
    margin: unset;
  }
}
@media screen and (max-width: 960px) {
  .footer .box .detail {
    width: 100%;
    flex-direction: row;
    align-items: end;
    justify-content: center;
  }
}


@media screen and (max-width: 960px) {
  .footer .box .detail .txt {
    margin-left: 3%;
  }
}

.footer .box .detail .logo {
  max-width: 320px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .footer .box .detail .logo {
    width: 85px;
  }
}
@media screen and (max-width: 640px) {
  .footer .box .detail .logo {
    width: 65px;
    align-self: center;
  }
}


.footer .box .detail .logo img.pccon {
  display: block;
}
.footer .box .detail .logo img.sphon {
  display: none;
}
@media screen and (max-width: 960px) {
  .footer .box .detail .logo img.pccon {
    display: none;
  }
  .footer .box .detail .logo img.sphon {
    display: block;
  }
}




.footer .box .medicalhours  {
  width: 76%;
}
@media screen and (min-width: 961px) and (max-width: 1300px) {
  .footer .box .medicalhours {
    width: 55%;
    margin-top: unset;
  }
}
@media screen and (max-width: 960px) {
  .footer .box .medicalhours {
    width: 100%;
  }
}

.footer .box .medicalhours .reservation_order  {
  display: flex;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours .reservation_order  {
    flex-direction: column;
    row-gap: 5px;
    align-items: flex-start;
  }
}

.footer .box .medicalhours .reservation_order .reservation_pain  {
  background-color: #a19e00;
  color: #fff;
  padding: 3px 10px;
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours .reservation_order .reservation_pain  {
    font-size: 14px;
  }
}

.footer .box .medicalhours .reservation_order .reservation_gynecology  {
  background-color: #f5b185;
  color: #fff;
  padding: 3px 10px;
  display: inline-block;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours .reservation_order .reservation_gynecology  {
    font-size: 14px;
  }
}

.footer .box .medicalhours table tbody tr:first-child {
    border-bottom: unset;
}

.footer .box .medicalhours table tbody tr:first-child th {
  padding: 10px 10px 5px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody tr:first-child th {
    padding: 10px 5px 5px 0;
  }
}

.footer .box .medicalhours table tbody tr:last-child th {
  padding: 5px 10px 10px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody tr:last-child th {
    padding: 5px 5px 10px 0;
  }
}

.footer .box .medicalhours table tbody th {
  width: 158px;
  min-height: 52px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody th {
    width: 138px;
  }
}

.footer .box .medicalhours table th.fir {
  text-align: left;
}

.footer .box .medicalhours table th.fir span:first-child {
  color: #a19e00;
}

.footer .box .medicalhours table th.fir span:last-child {
  color: #f5b185;
}

.footer .box .medicalhours table tbody td {
  vertical-align: middle;
  padding: 3px 0;
}

  .footer .box .medicalhours table tbody td.toku {
    width: 62px;
    max-width: 100%;
  }
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody td.toku {
    width: 52px;
  }
}

.footer .box .medicalhours table tbody td.toku span {
  font-size: 10.5px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody td.toku span {
    font-size: 8.5px;
  }
}

.footer .box .medicalhours table tbody tr:first-child td {
  padding: 3px 0 0;
}

.footer .box .medicalhours table tbody tr:last-child td {
  padding: 0 0 3px;
}

.footer .box .medicalhours table tbody td img {
  height: 17px;
  vertical-align: text-top;
  margin-top: 2px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours table tbody td img {
    height: 15px;
  }
}


.footer .box .medicalhours .note2 {
  color: #f5b185;
  text-align: right;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours .note2 {
    font-size: 14px;
  }
}


.footer .box .medicalhours .caution1 {
  text-align: right;
}

.footer .box .medicalhours .caution1 p {
  background-color: #f5b185;
  color: #fff;
  padding: 2px 15px;
  display: inline-block;
  border-radius: 9999px;
  font-size: 16px;
  margin: 5px 0;
}
@media screen and (max-width: 640px) {
  .footer .box .medicalhours .caution1 p {
    font-size: 14px;
  }
}

.footer .box .medicalhours .caution2 {
  text-align: left;
  margin-top: 10px;
}

.footer .box .medicalhours .caution2 .bt {
  background-color: #f5b185;
  color: #fff;
  padding: 3px 10px;
  border-radius: 9999px;
}

.footer .box .medicalhours .caution2 .lin {
    text-decoration:underline;
    text-decoration-color: #f5b185;
}