@charset "UTF-8";

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: "Noto Serif JP", serif;
}

a {
    text-decoration: none;
}

a,
p,
h1,
h2,
h3,
h4,
h5 {
    color: #333;
    text-align: justify;
}

img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

li {
    list-style: none;
}

/***********************************************
header
***********************************************/
.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0  40px 0;
    height: 80px;
    background: #e8dbcb;
}
/* 法人名 */
.main__name p:nth-of-type(1) {
    font-size: 1.4rem;
    letter-spacing: 2px;
}
.main__name__flex{
    display: flex;
    align-items: end;
}
/* 病院名 */
.main__name h1 {
    line-height: 1.2;
    font-size: 3.7rem;
    color: #333;
}
/* 診療科 */
.main__name__flex p{
    font-size: 1.4rem;
    letter-spacing: 3px;
    margin-left: 10px;
    margin-bottom: 3px;
}
.header__wrapper{
    display: flex;
    align-items: center;
}
/* お問い合わせ（電話） */
.main__contact__tel {
    margin-right: 40px;
}
.main__contact__tel p:nth-of-type(1) {
    text-align: center;
}
.main__contact__tel p:nth-of-type(2) {
    font-size: 2.3rem;
    font-weight: bold;
}
/* お問い合わせ（メール） */
.main__contact__mail{
    border-radius: 50px;
    border: 1px solid #333;
    padding: 12px 25px;
    font-size: 1.8rem;
}
.main__contact__mail:hover{
    background: #000;
    color: #fff;
}
/***********************************************
fv
***********************************************/
.fv {
    position: relative;
    height: 600px;
    width: 100%;
}
.fv__txt{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 4.5rem;
    font-weight: bold;
}
.fv__txt p{
    color: #ffffff;
}
/* 画像 */
.fv img {
    height: 100%;
    width: 100%;
    object-position: center;
}
/* アニメーション */
.fadein {
    opacity: 0;
    animation-name: fadein;
    animation-duration: 2.0s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/***********************************************
共通部分
***********************************************/
/* セクション幅 */
section {
    padding: 80px 0;
}
/* メインタイトル */
.title {
    position: relative;
    height: 60px;
    margin-bottom: 60px;
}
.title h2 {
    text-align: center;
    color: #333;
    font-size: 2.5rem;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    padding: 0 30px;
}
.title p {
    text-align: center;
    color: #333;
    font-size: 1.4rem;
}
.title::after {
    position: absolute;
    content: "";
    top: 34%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #333;
    height: 1px;
    width: 28%;
    z-index: -1;
}
/* コンテナー幅 */
.container {
    max-width: 1500px;
    width: 90%;
    margin: 0 auto;
}
/* ボタン */
.btn{
    display: block;
    border: 1px solid #000;
    color: #000;
    padding: 5px 0;
    margin: 70px auto 0;
    max-width: 300px;
    text-align: center;
}
.btn:hover {
    background: #000;
    color: #fff;
}
/* レスポンシブ設定 */
.pc{
    display: inline-block;
}
.sp{
    display: none;
}
/***********************************************
画像付きメニュー
***********************************************/
/* 背景 */
#sub__menu {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,219,203,1) 100%);
}
/* リスト */
.sub__menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
/* コンテンツ */
.sub__menu__item{
    width: 25%;
    margin: 0 20px 30px;
}
/* 画像 */
.sub__menu__item__img {
    height: 150px;
}
/* 画像ポジション */
.sub__menu__item__img3 img, .sub__menu__item__img5 img, .sub__menu__item__img6 img{
    object-position: top;
}
/* テキスト */
.sub__menu__item__txt {
    text-align: center;
    height: 150px;
    position: relative;
    background: #fff;
}
/* テキストタイトル（位置） */
.sub__menu__item__txt__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
/* テキストタイトル（中央揃え） */
.sub__menu__item__txt__title p{
    text-align: center;
}
/* テキストタイトル（日本語） */
.sub__menu__item__txt__title p:nth-of-type(1) {
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    width: fit-content;
    margin: 0 auto;
}
/* ホバーアニメーション */
.sub__menu__item .sub__menu__item__txt__title p:nth-of-type(1)::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1.0px;
    background-color:  #2e92df;
    transition: all .5s;
    transform: scaleX(0);
}
.sub__menu__item:hover .sub__menu__item__txt__title p:nth-of-type(1) {
    color: #2e92df;
}
.sub__menu__item:hover .sub__menu__item__txt__title p:nth-of-type(1)::after {
    width: 100%;
    transform: scaleX(1);
}
/***********************************************
お知らせ
/* ********************************************/
/* お知らせリスト */
.news__list{
    display: flex;
    align-items: center;
}
/* 記事 */
.news__items{
    display: flex;
    align-items: center;
    margin: 10px 30px;
    font-size: 1.8rem;
}
/* 横並び */
.news__items a{
    display: flex;
    align-items: center;
}
/* 日付 */
.news__date{
    font-size: 1.6rem;
    margin-left: 30px;
}
/* タイトル */
.news__title{
    margin-left: 30px;
}
/* カテゴリー */
.news__category li{
    background: rgb(255, 230, 172);
    padding: 0px 10px;
    font-size: 1.4rem;
    margin: 5px 0;
    width: 100px;
    text-align: center;
}
/* 下線 */
.news__line {
    border: 1px dashed #c6c6c6;
    margin: 0 30px;
    background: transparent;
}
/* ホバーアニメーション */
.news__items:hover.news__items{
    margin: 10px 45px;
    transition: .6s;
}
/***********************************************
特徴
***********************************************/
/* リスト */
.feature__list {
    display: flex;
    justify-content: center;
    align-items: top;
}
/* コンテンツ */
.feature__item {
    width: 30%;
    margin: 0 30px;
}
/* 画像 */
.feature__item__img img{
    height: 200px;
    width: 90%;
    margin: 0 auto;
    display: block;
}
/* タイトル */
.feature__item__txt p:nth-of-type(1) {
    text-align: center;
    font-size: 1.8rem;
    margin: 15px auto;
    font-weight: bold;
}
/***********************************************
診療案内
***********************************************/
/* 診療科 */
.medical-treatment__list {
    width: 100%;
    margin: 70px 0;
}
/* 診療科（横並び） */
.medical-treatment__information__flex {
    display: flex;
    margin-bottom: 80px;
}
/* コンテンツの幅・高さ */
.medical-treatment {
    width: 50%;
    height: 350px;
}

/* 画像 */
.medical-treatment__img {
    height: 100%;
    position: relative;
    z-index: -1;
}
.medical-treatment img {
    height: 100%;
    width: 100%;
    object-position: top;
}
/* テキストタイトル（幅） */
.medical-treatment__txt{
    padding: 10px 50px 0 10px;
    line-height: 1.8;
    font-size: 1.8rem;
}
/* テキストタイトル（日本語） */
.medical-treatment__txt p:nth-of-type(1){
    font-size: 2.7rem;
    color: darkblue;
}
/* テキストタイトル（英語） */
.medical-treatment__txt p:nth-of-type(2){
    font-size: 1.6rem;
    font-weight: bold;
    color: rgb(173, 135, 38);
    margin-bottom: 20px;
}

/* 診察表 */
.medical-treatment__figure{
    width: 100%;
    margin: 50px auto 10px;
    text-align: center;
    font-size: 1.8rem;
}
.medical-treatment__figure th{
    width: 100px;
    padding: 10px 0;
}
/* テキスト */
.medical-treatment__figure__time{
    display: flex;
    margin-left: 30px;
    font-size: 2.0rem;
    margin-bottom: 30px;
}
.medical-treatment__figure__time p:nth-of-type(1){
    margin-right: 20px;
}
.medical-treatment__figure__time p:nth-of-type(2){
    margin-right: 20px;
}
/* 診察リンク */
.medical-treatment__link__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

/* サイズ */
.medical-treatment__link__item {
    width: 30%;
    height: 100px;
    position: relative;
}

/* マスク */
.medical-treatment__link__item::before {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
/* 黒枠 */
.medical-treatment__link__item::after {
    background: transparent;
    content: "";
    border: #313131 solid 1px;
    width: 92%;
    height: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
/* 文字 */
.medical-treatment__link__item p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 2.0rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
/* 矢印 */
.medical-treatment__link__item__arrow {
    position: absolute;
    bottom: 30px;
    right: 65px;
}

.medical-treatment__link__item__arrow::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background: #000;
}

.medical-treatment__link__item__arrow::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    right: -31px;
    top: -4px;
}

/***********************************************
メインページ＋page：アクセス
***********************************************/
.access__address {
    display: flex;
    justify-content: center;
}
/* マップ */
.access__map {
    display: block;
    margin: 100px auto 0;
    width: 80%;
    height: 400px;
}
.access__address__map{
    width: 50%;
}
.access__address__map iframe{
    width: 100%;
}
/* テキスト */
.access__address__txt {
    width: 50%;
    padding-left: 30px;
    ;
}
/* テキストタイトル */
.access__address__txt__title {
    background: #e8dbcb;
    padding: 5px 20px;
    font-weight: bold;
}
/* テキスト詳細 */
.access__address__txt__detail {
    padding: 15px 30px 15px;
}
/***********************************************
フッターバナー
***********************************************/
/* メニュー */
#footer__menu{
        width: 100%;
}
.footer__menu {
    display: flex;
    justify-content: start;
    padding: 30px 80px;
    background: #fafafa;
}

.footer__menu__list {
    margin-right: 60px;
}
/* メニュー大項目 */
.footer__menu__list p:nth-of-type(1) {
    font-weight: bold;
    font-size: 1.8rem;
    border-bottom: 1px solid;
    text-align: center;
}
/* メニュー小項目 */
.footer__menu__list a {
    margin: 5px 10px;
    display: block;
}
/* フッター */
#footer {
    width: 100%;
    padding: 40px 80px 20px;
    background: #e8dbcb;
}
.footer__inner {
    display: flex;
    justify-content: start;
    align-items: center;
}
/* 病院名 */
.footer__name {
    margin-right: 60px;
}
/* 法人 */
.footer__name p:nth-of-type(1) {
    font-size: 1.3rem;
}
/* 病院 */
.footer__name p:nth-of-type(2) {
    font-size: 3.2rem;
    line-height: 1.1;
}
/* 診療科 */
.footer__name p:nth-of-type(3) {
    font-size: 1.3rem;
}
/* コピー */
.copy {
    text-align: end;
}

/***********************************************
page：共通
***********************************************/
.page__fv {
    height: 250px;
    position: relative;
    border-bottom: 1px solid #6a6a6a;
}
.page__fv img{
    object-position: center;
}
h4 {
    position: absolute;
    top: 50%;
    left: 200px;
    transform: translate(-50%, -50%);
    font-size: 3.5rem;
    color: #866b00;
    padding: 0 15px;
    background: rgba(255, 255, 255, 0.4);
}

.page__sub-title {
    position: relative;
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 0 10px 40px;
    margin: 30px 0;
}

.page__sub-title::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background: #c6a96f;
}

.page__sub-title::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 30%;
    height: 1px;
    background:  #c6a96f;
}

h6 {
    font-size: 2.0rem;
    font-weight: bold;
}

h5 {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    color: #333;
    font-size: 2.2rem;
}

/***********************************************
page：アクセス
***********************************************/
.page__access__address{
    margin-bottom: 100px;
}
.access__detail{
    margin-bottom: 90px;
    margin-left: 20px;
}
/***********************************************
page：医師紹介
***********************************************/
/* リスト（横並び） */
.each-department__list {
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: 20px;
}
/* 画像 */
.each-department__item__img {
    width: 40%;
    padding: 60px;
}
.each-department__img {
    display: block;
    height: 250px;
    margin: 0 0 0 auto;
    width: 100%;
    object-position: top;
}
/* テキスト */
.each-department__item__txt {
    width: 50%;
    padding: 60px 0 0;
}
/* 名前（横並び） */
.each-department__item__txt__name {
    display: flex;
    align-items: end;
}
/* 名前（日本語） */
.each-department__item__txt__name1 {
    font-size: 2.5rem;
    font-weight: bold;
}
/* 名前（英語） */
.each-department__item__txt__name2 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #1B698B;
    margin-left: 20px;
}
/* 名前（役職） */
.each-department__item__txt__name3 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-left: 40px;
}
/* 経歴 */
.each-department__item__txt__keireki p:nth-of-type(1) {
    font-size: 2.0rem;
    font-weight: bold;
    width: fit-content;
    color: #01B0E5;
    margin: 30px 0 0;
}
/* 資格 */
.each-department__item__txt__sikaku p:nth-of-type(1) {
    font-size: 2.0rem;
    font-weight: bold;
    width: fit-content;
    color: #01B0E5;
    margin: 30px 0 0;
}
/***********************************************
page：職員募集
***********************************************/
/* 募集テキスト */
.recruit__txt{
    margin-left: 30px;
    margin-bottom: 80px;
    font-size: 1.8rem;
    font-weight: bold;
}
.recruit__txt:last-child{
    margin-bottom: 30px;
}
/***********************************************
page：病院案内
***********************************************/
/* 院長挨拶 */
.introduction__greeting {
    padding: 0 30px;
    margin-bottom: 100px;
}
/* 本文 */
.introduction__greeting p:nth-of-type(1) {
    margin-bottom: 20px;
}
/* 名前 */
.introduction__greeting p:nth-of-type(2) {
    text-align: end;
}
/* 経営方針 */
.introduction__policy {
    margin-top: 50px;
    margin-bottom: 100px;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0 30px;
}
/* 病院概要 */
.introduction__table {
    border: 1px solid #c6c6c6;
    border-collapse: collapse;
    margin: 0 auto 100px;
}
.introduction__table th {
    text-align: center;
    width: 200px;
    padding: 10px 0;
}
/* 背景色 */
.introduction__table tr:nth-child(even) {
    background: transparent;
}

.introduction__table tr:nth-child(odd) {
    background: #dddddd;
}
.introduction__table td {
    width: 500px;
    padding: 10px;
}
/***********************************************
page：外来医師
***********************************************/
.medical-treatment__figure__doctor{
    margin: 50px auto 100px;
}

#doctor .medical-treatment__figure__doctor:last-child{
    margin: 50px auto 0;
}
/***********************************************
page：診療科紹介
***********************************************/

/***********************************************
page：外来案内
***********************************************/
.page__medical-treatment__link__list { /*診察表下部のリンク*/
    justify-content: end;
}
.page__medical-treatment__link__item {
    margin-left: 25px;
    height: 70px;
}
.outpatient__list{
    width: 80%;
    margin: 0 auto;
}

.outpatient__list .outpatient__flow {
    position: relative;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    margin-bottom: 75px;
    padding: 20px;
}

.outpatient__list .outpatient__flow::after {
    position: absolute;
    content: "▼";
    font-size: 2.0em;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(193, 193, 193);
}
.outpatient__list .outpatient__flow:last-child::after {
    content: "";
}
.outpatient__flow p:nth-of-type(1) {
    padding: 5px 0;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 1.8rem;
}
.syosin .outpatient__flow p:nth-of-type(1) {
    background: #ffd5e4;
}
.saisin .outpatient__flow p:nth-of-type(1) {
    background: #cafff1;
}

.outpatient__flow p:nth-of-type(2) {
    padding: 5px 0;
    padding-left: 20px;
}


/***********************************************
archive
***********************************************/
.category__list{
    margin-top: 100px;
    display: flex;
}
.category__list li{
    width: fit-content;
    margin-right: 30px;
    border: 1px solid #c6c6c6;
    padding: 5px 20px;
}
/***********************************************
single
***********************************************/
/* 日付 */
.single__date{
    margin-bottom: 5px;
}
/* タイトル */
.single__title{
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 40px;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(232,219,203,1) 100%);
    padding: 5px 10px;
}
/* 本文 */
.single__content{
    padding: 0 20px;
}
/* カテゴリー */
.single__category{
    margin: 40px 0 0  auto;
    border: 1px solid #c6c6c6;
    width: fit-content;
    padding: 0 5px;
}
/***********************************************
準備中
***********************************************/
.page-making{
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    margin: 80px 0;
}
.page-making p{
    text-align: center;
}





@media screen and (max-width:820px) {
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    /* ヘッダー */
    header{
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 9999;
        top: 0;
        left: 0;
    }
    .header__inner{
        height: 70px;
    }
    .container{
        width: 95%;
    }
    .fv{
        height: 700px;
    }
    .fv__txt{
        color: #d7d7d7;
        top: 80%;
        width: 100%;
        font-size: 3.8rem;
    }
    .fv__txt p{
        text-align: center;
    }
    /* 共通 */
    section{
        padding: 55px 0;
    }
    .title{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .title::after{
        width: 50%;
    }
    .btn{
        margin: 30px auto 30px;
    }
/* お知らせ */
    .news__article{
        width: 100%;
    }
    .news__items{
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin: 10px 20px;
    }
    .news__date{
        margin-left: 0;
    }
    .news__title{
        margin-left: 0;
    }
    .news__category ul{
        display: flex;
        justify-content: start;
    }
    .news__category ul li{
        margin-right: 5px;
    }
    .news__line{
        margin: 0 10px;
    }


    .sub__menu__item{
        width: 45%;
        margin: 30px 15px 0;
    }
    .sub__menu__item__txt{
        height: 100px;
        width: 100%;
    }
    .sub__menu__item__img{
        height: 180px;
        width: 100%;
    }
/* 特徴 */
    .feature__title{
        margin-bottom: 30px;
        font-size: 2.2rem;
    }
    .feature__list{
        flex-direction: column;
    }
    .feature__item{
        width: 100%;
        margin: 0 0 60px;
    }
    .feature__item:last-child{
        margin: 0;
    }
    .feature__item__img {
        width: 80%;
        height: 300px;
        margin: 0 auto;
    }
    .feature__item__img img{
        height: 300px;
    }
    .feature__item__txt{
        padding: 0 75px;
    }
    .feature__item__txt p:nth-of-type(1){
        font-size: 2.0rem;
        margin: 20px auto 10px;
    }

/* 診療科 */
    .medical-treatment__information__flex{
        flex-direction: column;
        margin: 0 0 80px;
    }
    .medical-treatment{
        width: 100%;
        height: 300px;
    }
    .medical-treatment__list{
        margin: 45px 0 0;
    }
    .medical-treatment__img img{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .medical-treatment__figure {
        margin: 20px auto 10px;
        font-size: 1.6rem;
    }
    .medical-treatment__figure__time{
        flex-direction: column;
        margin-left: 15px;
        font-size: 1.6rem;
    }
    .medical-treatment__link__list{
        margin-left: 15px;
    }
    .medical-treatment__link__item{
        width: 30%;
        margin: 0 auto 10px 0;
        height: 90px;
    }
    .medical-treatment__link__item p{
        font-size: 1.6rem;
    }
    .medical-treatment__link__item__arrow {
        position: absolute;
        bottom: 20px;
        right: 56px;
    }
    .medical-treatment__name{
        width: 50%;
        height: 40px;
    }
    .medical-treatment__name__bg{
        width: 50%;
        height: 40px;
    }
    .medical-treatment__name p{
        font-size: 2rem;
    }
    .access__address{
        flex-direction: column;
    }
    .access__address__map{
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }
    .access__address__map iframe {
        width: 70%;
        margin: 0 auto;
        height: 300px;
        display: block;
    }
    .access__address__txt{
        width: 70%;
        margin: 0 auto;
        padding-left: 0;
    }

    .access__link{
        margin: 30px auto 0;
    }

/* footer */
    #footer{
        padding: 30px 20px 10px;
    }
    .footer__banner__list{
        flex-wrap: wrap;
        justify-content: start;
    }
    .footer__banner__item{
        margin: 10px;
        width: 43%;
        height: 70px;
    }
    .footer__inner{
        flex-direction: column;
        align-items: start;
    }
    .footer__name{
        margin-bottom: 30px;
    }
    .footer__name p:nth-of-type(2){
        font-size: 3rem;
    }
    .footer__address{
        font-size: 1.4rem;
    }
    #footer__banner{
        margin: 30px 0;
    }

/* page */
    .page__fv {
        height: 125px;
        margin-top: 70px;
    }
    /* 外来 */

    .outpatient__list{
        width: 93%;
    }
    .outpatient__list .outpatient__flow{
        margin-bottom: 60px;
        height: 140px;
    }
    .outpatient__list .outpatient__flow::after{
        top: 122%;
        font-size: 1.3rem;
    }
    .page__medical-treatment__link__item{
        margin-left: 0;
    }


    h4{
        font-size: 2.5rem;
        left: 50%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }


    /* 診療科 */
    .page__medical-treatment__list{
        flex-direction: column;
    }
    .page__medical-treatment__item__img{
        width: 100%;
        padding: 0;
        height: 250px;
    }
    .page__medical-treatment__item__txt{
        width: 100%;
        padding: 20px 0;
    }


/* 部門 */
.each-department__list{
    flex-direction: column;
    margin-top: 50px;
}
.each-department__item__img{
    width: 70%;
    margin: 0 auto;
    padding: 0;
    height: 320px;
}
.each-department__item__txt__name{
    flex-direction: column;
    align-items: center;
}
.each-department__item__txt {
    width: 100%;
    padding: 30px 0 0;
}
.each-department__item__txt__name1{
    line-height: 1;
    margin-bottom: 5px;
}
.each-department__item__txt__name2{
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
}
.each-department__item__txt__name3{
    margin-left: 0;
}
.each-department__item__txt hr{
    height: 1px;
    background: #333;
    width: 10%;
    margin-bottom: 10px;
}
.each-department__item__txt__keireki-sikaku{
    flex-direction: column;
}

.each-department__item__txt__keireki p{
    text-align: center;
}
.each-department__item__txt__keireki p:nth-of-type(1){
    margin: 0 auto;
    margin-bottom: 3px;
}
.each-department__item__txt__sikaku p{
    text-align: center;
}
.each-department__item__txt__sikaku p:nth-of-type(1){
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 15px;
}
.each-department__item__txt{
    padding: 30px 30px 0;

    margin-bottom: 20px;
}




/* access */
.access__address__img{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.page__access__address{
    margin-bottom: 50px;
}
/* 施設 */
.facility__list{
    flex-direction: column;
}
.facility__item {
    width: 90%;
    margin: 25px auto;
}
.facility__item__zenkei{
    height: 300px;
}


/* archive */

.category__list{
    margin-top: 50px;
}


.category__list li {
    margin-right: 15px;
    padding: 2px 10px;
}
/* 病院紹介 */
.introduction__policy{
    font-size: 1.6rem;
}
.introduction__table{
    margin-left: 0;
}


/***********************************************
ハンバーガーボタン
*************************************************/
#navi {
    display: block;
    position: fixed;
    top: 0;
    left: -68%;
    width: 68%;
    height: 100vh;
    color: #000;
    padding: 60px 25px;
    background: #dac6ad;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .5s;
    z-index: 9998;
    opacity: 0;
}

#navi a {
    color: #000;
}

.open #navi {
    left: 0;
    opacity: 1;
    height: 100vh;
}

#navi ul {
    margin: 0;
    padding: 0;
}

#navi ul.nav-menu {
    margin-bottom: 60px;

}

#navi ul.nav-menu li {
    position: relative;
    margin: 0;
    padding: 15px 20px;
    border-bottom: dotted 1px #000;
    line-height: 1.8;
}


#navi ul.nav-menu li:hover {
    padding: 10px 40px;
    transition: 0.6s;
}

.toggle_btn {
    display: block;
    position: absolute;
    width: 80px;
    height: 70px;
    top: 0;
    right: 0;
    transition: all .5s;
    cursor: pointer;
    z-index: 9999;
    background: #e0a65f;

}

.toggle_btn span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #fff;
    border-radius: 4px;
    transition: all .5s;
}

.toggle_btn span:nth-child(1) {
    top: 30px;
    width: 50px;
}

.toggle_btn span:nth-child(2) {
    top: 45px;
    width: 40px;
}


.open .toggle_btn span {
    background-color: #fff;
    width: 60px;
}

.open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateX(-50%) rotate(-315deg);
    top: 40px;
    width: 40px;
}

.open .toggle_btn span:nth-child(2) {
    -webkit-transform: translateY(-10px) rotate(315deg);
    transform: translateX(-50%) rotate(315deg);
    top: 40px;
    width: 40px;
}

.open .header__inner {
    line-height: 55px;
}

#mask {
    display: none;
    transition: all .5s;
}

.open #mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(66, 66, 66, 0.7);
    opacity: .8;
    z-index: 9990;
    cursor: pointer;
}

}

@media screen and (max-width:500px) {

    .header__inner{
        padding: 0 20px 0;
    }
    .main__name h1{
        font-size: 2.2rem;
    }
    .main__name__flex {
        align-items: baseline;
    }
    section{
        padding: 45px 0;
    }
    .fv{
        padding-top: 0;
    }
    .fv__txt{
        font-size: 2.5rem;
        top: 70%;
    }
    .fv__txt p{
        color: #977d13;
    }
    .title::after{
        width: 66%;
    }
/* 画像メニュー */
    .sub__menu__item {
        width: 45%;
        margin: 22px 7px 0;
    }
    .sub__menu__item__img {
        height: 118px;
    }

/* 特徴 */
.feature__item__img {
    height: 255px;
}
.feature__item__img img {
    height: 255px;
}
.feature__item__txt {
    padding: 0px 30px;
}

/* 診療 */
.medical-treatment__information__flex{
    margin: 0 0 50px;
}
.medical-treatment__txt{
    line-height: 1.6;
    font-size: 1.6rem;
    margin-bottom: 30px;
    padding: 0 20px;
}
.medical-treatment{
    height: auto;
}
.medical-treatment__link__list{
    flex-wrap: wrap;
}
.medical-treatment__link__item {
    width: 45%;
}
/* access */
.access__address__map iframe,.access__address__txt{
    width: 85%;
}
.page__access__address iframe{
    width: 80%;
    height: 300px;
}
/* 採用 */
    .recruit__txt{
        margin-bottom: 50px;
        font-size: 1.6rem;

    }
    .page__sub-title {
        padding: 5px 0 5px 40px;
    }
    h6{
        font-size: 1.8rem;
    }
/* 部門 */
.each-department__item__txt__name3{
    margin-bottom: 30px;
}
}