@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1340px) /* ipad用*/ {
  /* =============== PC・SP on/off ================= */
  .pc-br {
    display: none;
  }
  .sp-br {
    display: block;
  }
  .pc {
    display: block;
  }
  .sp {
    display: block;
  }
  /* =============== お知らせ sp ================= */
  .news-area {
    width: 90%;
    max-width: 600px;
    min-width: 40%;
    margin: 0px auto 40px;
    position: relative;
    top: 10vw;
    left: 0px;
    z-index: 2;
  }
  .news-link {
    width: 100%;
    padding: 20px;
  }
  .news-link::after {
    width: 100%;
    height: 36px;
    left: -31vw;
  }
  .news-link::before {
    box-shadow: none;
  }
  .news-link .news-list_btn {
    padding: 13px 0px;
  }
  .news-list {
    width: 97%;
  }
  .swiper-list_wrap::before {
    height: 180px;
    box-shadow: none;
  }
  .swiper {
    height: 180px;
  }
  .swiper-list_wrap {
    height: 160px;
  }
  .news-box li {
    height: 180px;
  }
  .news-box li a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 100px;
  }
  /* ===============  TOP画像 ================= */
  .top-img .top-img_list img {
    height: 46vw;
    object-fit: cover;
  }
  .top-section::after {
    bottom: -39.5vw;
  }
  .top-section::before {
    display: none;
  }
  .top-2_img {
    height: 46.2vw;
    background-repeat: no-repeat;
    background-size: 119% 142%;
    background-position: 96% 74%;
  }
  /* ===============  泡 ================= */
  #awa-bg::after, #awa-bg::before {
    margin: 0;
    height: 90%;
  }
  #awa-bg::after {
    background-image: url("../img/index/awa-bg-sp_r.svg");
  }
  #awa-bg::before {
    margin: 13% 0 0;
    background-image: url("../img/index/awa-bg-sp.svg");
  }
  /* ===============  共通  ================= */
  #medicalinformation, #treatmentpolicy, #okuchi-nayami, #doctor-profile {
    padding: 70px 0 100px;
  }
  /* =============== PC・SP on/off ================= */
  .sp-med {
    display: block;
  }
  /* ===============  sp-診療時間 ================= */
  .medicalhours-area {
    transform: translateX(0px);
  }
  #sp_medicalhours-area .schedule {
    margin: 0px auto 10px;
  }
  #sp_medicalhours-area .medicalhours-area {
    width: 80%;
    max-width: 580px;
    margin: 7vw auto 0;
    padding: 20px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    box-shadow: none;
    border-radius: 5px;
    transform: translateX(0px);
    z-index: 0;
  }
  #sp_medicalhours-area .schedul {
    width: 100%;
  }
  #sp_medicalhours-area .schedule td, #sp_medicalhours-area .schedule th {
    width: 10%;
    padding: 10px 0px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
  }
  #sp_medicalhours-area .schedule td img {
    width: 50%;
  }
  #sp_medicalhours-area .schedule th {
    text-align: left;
  }
  #sp_medicalhours-area .schedule tr:first-child th {
    font-size: 16px;
  }
  #sp_medicalhours-area .time-title {
    width: 100px;
    display: block;
  }
  #sp_medicalhours-area .point-time {
    width: 100px;
    display: block;
    font-size: 12px;
  }
  #sp_medicalhours-area .medicalhours-area_btm {
    margin: 10px auto;
  }
  #sp_medicalhours-area .medicalhours-area_btm ul p {
    font-size: 12px;
  }
  #sp_medicalhours-area .money-select {
    width: 100%;
    margin: 20px auto;
    padding: 10px;
    font-size: 10px;
    color: aquamarine;
    border-radius: 5px;
    background-color: #EFF2F5;
  }
  #sp_medicalhours-area .money-select p {
    width: 100%;
    margin: 0 auto 10px;
    padding: 7px 3px;
    color: #1F5EAA;
    text-align: center;
    font-weight: 600;
    font-size: 92.5%;
    background-color: #fff;
    border: 1px solid #1F5EAA;
    border-radius: 2px;
  }
  #sp_medicalhours-area .money-select_list {
    display: flex;
    justify-content: space-between;
  }
  #sp_medicalhours-area .money-select_list img {
    width: 80%;
  }
  #sp_medicalhours-area .money-select_list {
    width: 100%;
    gap: 20px;
  }
  #sp_medicalhours-area .money-select_list li {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 28px -2px rgba(205, 212, 222, 0.56);
    -moz-box-shadow: 3px 3px 28px -2px rgba(205, 212, 222, 0.56);
    box-shadow: 3px 3px 28px -2px rgba(205, 212, 222, 0.56);
    border-radius: 3px;
  }
  /* ===============  診療内容  ================= */
  /* h1-見出し */
  #medicalinformation h1 {
    margin: 80px auto 180px;
  }
  #medicalinformation h1 .sec-title {
    margin: 20px 0 0 0;
    font-size: 14px;
  }
  #medicalinformation h1 img {
    width: 45px;
  }
  #medicalinformation h1 p {
    font-size: 40px;
    color: #333;
    letter-spacing: 5px;
  }
  #medicalinformation::after, #medicalinformation::before, #doctor-profile::after, #doctor-profile::before {
    width: 30%;
    height: 100%;
    background-size: contain;
    background-position: 11% 0;
  }
  #medicalinformation .treatmentdetails_list .yoboushika::before, #medicalinformation .treatmentdetails_list .shikachiryo::before, #medicalinformation .treatmentdetails_list .teikikenshin::before {
    width: 100%;
    max-width: 100px;
    padding: 48px 0px;
    top: -106px;
    background-size: 80%;
  }
  #medicalinformation .treatmentdetails_list .yoboushika::before {
    background-size: 70%;
  }
  #medicalinformation .treatmentdetails_list {
    flex-flow: column;
    justify-content: center;
  }
  #medicalinformation .treatmentdetails_list li {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 130px;
    padding: 60px 30px 30px;
  }
  #medicalinformation .treatmentdetails_list li:last-child {
    margin: 0 auto;
  }
  #medicalinformation .treatmentdetails_list .treatmentdetails_list-title {
    margin: -80px 0 30px 0;
    font-size: 30px;
  }
  #medicalinformation .treatmentdetails_list-text {
    margin: 0 auto 32px;
    min-height: 0;
    font-size: 14px;
  }
  /* ===============  治療方針  ================= */
  /* h1-見出し */
  #treatmentpolicy h1 {
    margin: 0px auto 100px;
  }
  #treatmentpolicy h1 .sec-title {
    margin: 20px 0 0 0;
    font-size: 14px;
  }
  #treatmentpolicy h1 img {
    width: 45px;
  }
  #treatmentpolicy h1 p {
    font-size: 40px;
    color: #333;
    letter-spacing: 5px;
  }
  #treatmentpolicy .treatmentpolicy_list {
    flex-flow: column;
    justify-content: center;
  }
  #treatmentpolicy .treatmentpolicy_list li {
    width: 100%;
    margin: 0 0 80px 0;
    position: relative;
  }
  #treatmentpolicy .treatmentpolicy_list .policy-point {
    width: 90%;
    max-width: 400px;
    min-width: 50%;
    padding: 10px 0px;
    font-size: 20px;
  }
  #treatmentpolicy .treatmentpolicy_list .treatmentpolicy_list-img {
    width: 10%;
    min-width: 170px;
    position: relative;
  }
  #treatmentpolicy .treatmentpolicy_list img {
    width: 89%;
    margin: 0 auto;
    padding: 35px;
    object-fit: contain;
  }
  #treatmentpolicy .treatmentpolicy_list .list-point {
    width: 55px;
    height: 55px;
    font-size: 10px;
  }
  #treatmentpolicy .treatmentpolicy_list .list-point span {
    font-size: 18px;
  }
  #treatmentpolicy .policy-text {
    font-size: 16px;
    margin: 10px 0 32px;
  }
  #treatmentpolicy .com-link {
    width: 80%;
    max-width: 340px;
  }
  /* ===============  お口の悩み  ================= */
  #okuchi-nayami {
    padding-top: 0px;
  }
  #okuchi-nayami .nayami-titel {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  #okuchi-nayami .nayami-fukidashi {
    width: 90%;
    margin-bottom: 20px;
    padding: 20px;
  }
  #okuchi-nayami .nayami-img_area {
    margin-bottom: 20px;
  }
  #okuchi-nayami .people-bg {
    width: 50%;
    max-width: 200px;
  }
  #okuchi-nayami .nayami-list {
    flex-flow: column;
    gap: 60px;
  }
  #okuchi-nayami .nayami-bg {
    width: 100%;
    max-width: 600px;
    min-height:unset;
    margin: 0 auto;
    padding: 40px 0;
  }
  #okuchi-nayami .nayami-cheaklist li {
    padding: 0;
    height: 68px;
  }
  #okuchi-nayami .nayami-cheaklist li p {
    font-size: 16px;
  }
  #okuchi-nayami .nayami-cheaklist li img {
    margin-right: 20px;
  }
  #okuchi-nayami .nayami-cheaklist li .text-mini {
    font-size: 12px;
    margin: 0;
  }
  #okuchi-nayami .sick-wrap {
    margin: 40px auto 30px;
    padding: 20px 10px;
  }
  #okuchi-nayami .sick-wrap p {
    font-size: 14px;
  }
  #okuchi-nayami .sick-wrap .sick-name {
    font-size: 20px;
    border-bottom: red 3px solid;
  }
  #okuchi-nayami .point-text {
    font-size: 14px;
    line-height: 200%;
  }
  #okuchi-nayami .sick-wrap::before {
    background-size: 70%;
  }
  /* ===============  院長先生プロフィール ================= */
  /* h1-見出し */
  #doctor-profile h1 {
    margin: 0px auto 100px;
  }
  #doctor-profile h1 .sec-title {
    margin: 20px 0 0 0;
    font-size: 14px;
  }
  #doctor-profile h1 img {
    width: 45px;
  }
  #doctor-profile h1 p {
    font-size: 40px;
    color: #333;
    letter-spacing: 5px;
  }
  #doctor-profile .contents-wrap {
    width: 100%;
  }
  #doctor-profile .pro-area {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  #doctor-profile .doctor-name_wrap {
    width: 90%;
    margin: 0 auto;
  }
  #doctor-profile .doctor-name_wrap .bule-wrap {
    width: 22%;
    min-width: 80px;
    padding: 8px;
    font-size: 16px;
  }
  #doctor-profile .doctor-name {
    margin: 10px 0 0 0;
    font-size: 30px;
  }
  #doctor-profile .doctor-name span {
    margin-left: 12px;
    font-size: 16px;
  }
  #doctor-profile .doctor-img_wrap {
    width: 100%;
    position: relative;
    display: flex;
    margin: 0px auto;
  }
  #doctor-profile .doctor-img_pc {
    width: 90%;
    display: block;
  }
  .doctor-pro p {
    margin: 0px 0 20px;
    font-size: 24px;
  }
  #doctor-profile .pro-wrap {
    width: 90%;
    margin: 0 auto;
    flex-flow: column;
  }
  #doctor-profile .message-title {
    margin-bottom: 30px;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  #doctor-profile .message-text {
    width: 100%;
    text-align: justify;
    margin: 0 auto;
    font-size: 14px;
  }
  #doctor-profile .message-title .middle-w, #doctor-profile .message-title .long-w {
    padding: 10px 20px;
    font-size: 1.8rem;
  }
  #doctor-profile .doctor-pro {
    width: 100%;
    margin: 30px auto;
  }
  #doctor-profile .pro-career th, #doctor-profile .pro-career td {
    padding: 3px 0;
    font-size: 14px;
  }
  #doctor-profile .pro-career th {
    margin: 12px 0;
    padding: 5px 6px;
  }
  /*
   svg {
    width: 100%;
    height: auto;
  }
*/
}
@media screen and (max-width: 920px) /* sp用*/ {
  
.pc-top {
  display: none;
}
.sp-top {
  display: block;
}

/*
  /* ===============  TOP画像 ================= */
  .top-img .top-img_list img {
    height: 95vw;
    object-fit: cover;
  }
  .top-section::after {
    bottom: -88.5vw;
  }
  .top-section::before {
    display: none;
  }
  .top-2_img {
    height: 95vw;
    background-repeat: no-repeat;
    background-size: 222% 124%;
    background-position: 70% 52%;
  }
  #sp_medicalhours-area .medicalhours-area {
    width: 90%;
    max-width: 800px;
    margin: 20vw auto 0;
    padding: 20px;
    transform: translateX(0px);
  }
  /* =============== お知らせ sp ================= */
  .swiper-list_wrap {
    height: 130px;
  }
}
@media screen and (max-width: 530px) /* sp用先生の写真*/ {
  #doctor-profile .doctor-img_pc {
    width: 100%;
    display: none;
  }
  #doctor-profile .doctor-img_sp {
    width: 100%;
    margin: 10px 0 0 0;
    display: block;
  }
}