/*
Theme Name: ohta-clinic
Author: ambition
Description: ohta-clinic site thema
Version: 1.0
*/
@charset "UTF-8";
html {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
body {
    background-color: #FFFCF1;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    color: #1D1D1D;
}
img {
  max-width: 100%;
  -webkit-user-drag: none; /* Chrome, Safari, Operaドラッグ禁止 */
  -khtml-user-drag: none; /* Konquerorドラッグ禁止 */
  -moz-user-drag: none; /* Firefoxドラッグ禁止 */
}
section {
    padding-top: 20vh;
}
.wrapper {
  width: 80vw;
  margin: 0 auto;
}
.sp-only{
        display: none;
    }
.bg-img {
    height: 90vh;
    background: url(../images/top-bg.jpg) no-repeat center / cover;
    position: relative;
}
.bg-inner {
    background-color: #FFF8EF;
    border-radius: 10px;
    width: 70%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 60vh;
    padding: 3% 10%;
    text-align: center;
    container-type: inline-size;
}
.bg-inner .kaiin {
    /* font-size: 2em; */
    letter-spacing: 0.3rem;
    font-size: 5cqw;
    margin-bottom: 16px;
}
.access-text {
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    color: #C5840C;
    padding: 8px;
    /* font-size: clamp(17px, 5vw, 25px); */
    font-size: 3cqw;
    border: 1px solid #C5840C;
}
.bg-inner h1 {
    width: 40vw;
    margin: 5vh auto;
}
.h2title p , .h2title-v2 p {
    font-size: 40px;
    color: #C5840C;
    line-height: 2.5rem;
}
.h2title h2 , .h2title-v2 h2 {
    font-size: 28px;
    color: #C5840C;
    margin-bottom: 28px;
}
.h2title-v2 .access-inner-text p {
    font-size: 17px;
    color: #1D1D1D;
}
.ms-inner {
    display: flex;
}
.ms-inner-text {
    margin-right: 5vw;
}
.ms-inner-doctor {
    width: 70vw;
}
.ms-inner-doctor img {
    border-radius: 10px;
}
.ms-inner-doctor p {
    border: 1px solid #0087A8;
    border-radius: 5px;
    color: #0087A8;
    text-align: center;
    margin-top: 8px;
    padding: 8px 0;
    font-size: 1.2rem;
}
/* アクセス */
.h2title-v2 {
    display: flex;
    justify-content: space-between;
}
/* .h2title-v2 .access-inner {
    width: 30%;
} */
.h2title-v2 .access-inner iframe {
    width: 48vw;
    margin-left: 2vw;
}
.access-inner-text address {
    margin-bottom: 32px;
}
.medicalcare-inner .naika {
    background-color: #FBF2B9;
}
.medicalcare-inner .jyunkanki {
    background-color: #D4E9EF;
}
.medicalcare-inner .tounyou {
    background-color: #E3F1C8;
}
.medicalcare-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    width: 50vw;
    margin: 0 auto;
}
.medicalcare-inner .block {
    aspect-ratio: 1 / 1; /* 正方形 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-decoration: none;
    color: inherit;

    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}
.medicalcare-inner p {
    font-size: 1.5rem;
    margin-bottom: 8px;
}
.medicalcare-inner .mc-icon img {
    max-width: 100%;
    height: auto;
    width: 8vw;
}
/* フッター */
footer {
    background: url(../images/bg-footer.jpg) no-repeat center/cover;
    margin-top: 182px;
    padding-top: 72px;
}
.footer-inner {
    display: flex;
    justify-content: space-between;
}
.ft-inner-contents .logo img {
    width: 20vw;
    margin-bottom: 24px;
}
.ft-inner-contents .footer-tel {
    font-size: 2rem;
    margin-bottom: 24px;

}
.ft-inner-contents .footer-tel a:hover {
    opacity: 0.5;
}
.me-hour {
    width: 40vw;
}
.cwrite {
    margin-top: 120px;
}
/* タブレット */
@media screen and (max-width: 1024px) {
     body {
        font-size: 17px;
        line-height: 1.7;
    }
    .wrapper {
        width: 92vw;
    }
    section {
         padding-top: 8vh;
    }
    .bg-img {
         height: 50vh;
}
    .bg-inner {
         height: 25vh;
}
.bg-inner .kaiin {
    font-size: 6cqw;
}
.access-text {
    width: 100%;
    font-size: 5cqw;
}
.bg-inner h1 {
    width: 40vw;
    margin: 3vh auto;
}
.ms-inner {
    display: block;
}
.ms-inner-text {
    margin-right: 3vw;
    margin-bottom: 40px;
}
.ms-inner-doctor {
    width: 30%;
    margin: 0 auto;
}
/* アクセス */
.h2title-v2 {
    display: block;
}
.h2title-v2 .access-inner iframe {
    width: 100%;
    margin-left: 0vw;
    margin-top: 32px;
}
.medicalcare-inner {
    gap: 16px;
    width: 70vw;
}
.medicalcare-inner .mc-icon img {
    width: 8vw;
}
.medicalcare-inner p {
    font-size: 1.3rem;
    margin-bottom: 8px;
}
/* フッター */
footer {
    background: url(../images/bg-footer.jpg) no-repeat center/cover;
    margin-top: 152px;
}
.footer-inner {
    display: block;
}
.ft-inner-contents .logo img {
    width: 40vw;
    margin-bottom: 24px;
}
.ft-inner-contents .footer-tel {
    font-size: 2rem;
    margin-bottom: 24px;
}
.me-hour {
    width: 60vw;
    margin-top: 32px;
}
}
/* スマホ */
@media screen and (max-width: 767px) {
    .sp-only{
        display: block;
    }
    section {
         padding-top: 10vh;
    }
    .bg-img {
         height: 80vh;
}
    .bg-inner {
         height: 55vh;
         width: 85vw;
         padding: 7% 5%;
}
.bg-inner .kaiin {
    font-size: 10cqw;
}
.access-text {
    width: 100%;
    font-size: 8cqw;
}
.bg-inner h1 {
    width: 100%;
    margin: 4vh auto;
}
.ms-inner-text {
    margin-right: 0vw;
}
.ms-inner-doctor {
    width: 80%;
    margin: 0 auto;
}
.medicalcare-inner {
    width: 70%;
    grid-template-columns: 1fr;
}
.medicalcare-inner .mc-icon img {
    width: 30vw;
}
.medicalcare-inner p {
    font-size: 1.5rem;
}
/* フッター */
.ft-inner-contents .logo img {
    width: 70vw;
}
.me-hour {
    width: 100%;
}
}