.a-overview {
    margin: auto;
    width: 95%;
    max-width: 1100px;
    margin-bottom: 143px;
}
.a-overview h2 {
    text-align: center;
}

.clinic_info {
    width: 80%;
    margin: auto;
}
.clinic_info table {
    width: 100%;
}
.clinic_hour  {
    width: 80%;
    margin: auto;
}
.clinic_hour table {
    width: 100%;
}
.clinic_info tr {
    border-bottom: 1px solid #80C41C;
}
.clinic_info th {
    color: #40A629;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-weight: 500;
}
.clinic_info td {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.5;
    padding-left: 40px;
}

.clinic_hour th {
    background-color: #F7FCEC;
    color: #40A629;
    text-align: left;
    font-weight: 500;
    padding: 25px 20px;
    font-size: 14px;
}
.first_t{
    padding-left: 40px !important;
}
.clinic_hour td {
    background-color: #fff;
    color: #40A629;
    text-align: left;
    border-bottom: 1px solid #80C41C;
    padding: 25px 20px;
    line-height: 1.5;
    font-size: 14px;
}
.clinic_hour p {
    text-align: right;
    font-size: 12px;
}

.a-greeting {
    width: 95%;
    max-width: 1100px;
    margin: auto;
    margin-bottom: 120px;
}
.a-greeting h2 {
    text-align: center;
}

.greeting_item {
    position: relative;
    background: linear-gradient(#fff 0, #fff 160px, #FAFFF0 160px, #FAFFF0 100%);
    padding: 0 40px 40px 40px;
    margin-bottom: 40px;
    margin-top: 20px;
}
.text_greeeting {
    width: 60%;
}
.text_greeeting h3 {
    width: 100%;
    color: #40A629;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-top: 124px;
}
.text_greeeting p {
    width: 85%;
    line-height: 1.8;
}

.self_img {
    width: 38%;
}
.self_img img {
    object-fit: cover;
    object-position: -55px;
    aspect-ratio: 49 / 67;
    width: 100%;
}
.self_img p {
    color: #40A629;
    text-align: right;
    font-size: 22px;
}
.self_img span {
    font-size: 16px;
}

.career_item {
    width: 47%;
    border: 4px solid #40A629;
    border-radius: 20px;
    padding: 20px 35px;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.career_item h3 {
    width: fit-content;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 500;
}
.career_item span {
    color: #FF8001;
    font-size: 12px;
    margin-left: 16px;
}
.career_item th {
    color: #40A629;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 17px;
    width: 6em;
}
.career_item td {
    padding-left: 25px;
    padding-bottom: 17px;
    font-size: 14px;
    line-height: 1.4;
}
.career_line {
    width: 100%;
    height: 1px;
    background-color: #80C41C;
    margin-top: 40px;
    margin-bottom: 20px;
}
.career_list {
    margin-top: 15px;
}
.career_list ul {
    /* display: grid;
    grid-template-columns: 45% 55%; */
}
.career_list li {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 17px;
    margin-left: 0.5em;
    text-indent: -0.5em;
}

.a-introduction {
    width: 95%;
    max-width: 1100px;
    margin: auto;
    margin-bottom: 60px;
}

.a-introduction h2 {
    text-align: center;
    margin-bottom: 50px;
}

.intro_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.intro_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    margin-bottom: 60px;
}
.intro_item img {
    width: 100%;
    margin-bottom: 18px;
    border-radius: 20px;
}
.intro_item h3{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #40A629;
    margin-bottom: 5px;
    font-weight: 500;
}

.intro_item p {
    font-size: 14px;
    line-height: 1.5;
}

/* @media screen and (max-width: 767px) { */
@media screen and (max-width: 820px) {
    .a-overview {
        width: 100%;
        padding: 0 5%;
    }
    .clinic_info {
        width: 100%;
        margin: auto;
    }
    .clinic_info th {
        width: 80px;
        padding-left: 10px;
    }
    .clinic_info td {
        padding-left: 10px;
    }

    .clinic_hour {
        width: 100%;
    }
    .clinic_hour table {
        margin-bottom: 10px;
    }
    .clinic_hour .first_t {
		padding-left: 0 !important;
	}
    .clinic_hour th {
        text-align: center;
		padding: 15px 5px;
		font-size: 12px;
    }
    .clinic_hour td {
		text-align: center;
		padding: 15px 5px;
		font-size: 12px;
    }

    .a-greeting {
        width: 100%;
        padding: 0 5%;
    }
    .greeting_item {
        position: relative;
        flex-direction: column;
        margin-top: 20px;
        background: #F7FCEC;
        padding: 20px;
        margin-bottom: 40px;
    }
    .greeting_item h3 {
        padding-top: 0;
        font-size: 18px;
        line-height: 1.4;
    }
    .greeting_item p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    .text_greeeting {
        width: 100% !important;
    }
    .self_img {
        width: 100%;
        height: auto;
    }
    .self_img img {
        object-fit: cover;
        object-position: 0;
        aspect-ratio: 3 / 2;
        height: auto;
        width: 100%;
    }
    .self_img p {
        font-size: 18px;
    }
    .self_img span {
        font-size: 14px;
    }

    .career {
        flex-direction: column;
        padding: 0 5%;
    }
    .career_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 10px;
    }
    .career_item h3 {
        font-size: 18px;
    }
    .career_item th {
       width: 75px;
       padding-right: 0;
    }
    .career_item td {
        padding-left: 10px;
        font-size: 14px;
    }
    .career_list ul {
        grid-template-columns: 100%;
    }

    .a-introduction {
        padding: 0 5%;
        margin: auto;
    }
    .a-introduction h2 {
        text-align: center;
    }
    .intro_items {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .intro_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .intro_item h3 {
        font-size: 18px;
    }
    .intro_item img {
        width: 100%;
    }
}