html, body { font-size: 100%; margin: 0 auto; padding: 0; text-align: center; font-family: sans-serif; }
a { display: inline-block; text-decoration: none; *display: inline; zoom: 1; }
img, object, embed { display: block; max-width: 100%; height: auto; width /***/: auto; vertical-align: bottom; border: 0; }
.smt_slider, .banner01, .footer_button, .pc_slider, .navToggle, .globalMenuSp { display: none; }

header { position: relative; height: auto; width: 100%; margin: 0 auto; padding:6.5% 0; }
.logotype { position: absolute; display: block; top: 0; left: 20px; height: auto; width: 50%; margin: 0; padding: 0; }
.phone { position: absolute; display: block; top: 0; right: 10px; height: auto; width: 40%; margin: 0; padding: 0; }
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu { position: absolute; display: block; width: 100%; bottom: 0; 
            margin: 0px;               /* メニューバー外側の余白(ゼロ) */
            padding: 0px; /* メニューバー内側の余白 */
            background-color: #ffffff; /* バーの背景色 */
            z-index: 6; }
/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
            width: 24%;           /* メニュー項目の横幅*/
            display: inline-block;  /* ★1:横並びに配置する */
            list-style-type: none;  /* ★2:リストの先頭記号を消す */
            position: relative;     /* ★3:サブメニュー表示の基準位置にする */
            }
ul.ddmenu a {
            background-color: #ffffff; /* メニュー項目の背景色 */
            color: #000000;              /* メニュー項目の文字色 */
            line-height: 35px;         /* メニュー項目のリンクの高さ */
            font-size: 1.3em; 
            text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
            text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
            display: block;            /* ★4:項目内全域をリンク可能にする */
            }
ul.ddmenu a:hover {
            background-color: #e7edcb; /* メニュー項目にマウスが載ったときの背景色 */
            color: #667a20;            /* メニュー項目にマウスが載ったときの文字色 */
            }
/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
            display: none;         /* ★5:非表示にする */
            }
/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
            display: none;       /* ★1:標準では非表示にする */
            margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
            padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
            position: absolute;  /* ★4:絶対配置にする */
            }
/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
            display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
            }
/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {   /* ※A */
            width: 100%;               /* サブメニュー1項目の横幅 */
            border-top: 1px solid #667a20; /* 項目上側の枠線 */
            }
ul.ddmenu ul li a {   /* ※B */
            background-color: rgba(255,255,255,0.8);
            line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
            text-align: left;    /* 文字列の配置(左寄せ) */
            padding-left: 15px;   /* 文字列前方の余白 */
            font-weight: normal; /* 太字にはしない */
            }
ul.ddmenu ul li a:hover {   /* ※C */
            background-color: rgba(231,237,203,0.8); /* サブメニュー項目にマウスが載ったときの背景色 */
            color: #667a20;            /* サブメニュー項目にマウスが載ったときの文字色 */
}

main { position: relative; height: auto; width: 100%; margin: 0 auto; }
.red { color: #ff0000; }
.weightbold { font-weight: bold; }

.sec001 { position: relative; height: auto; width: 100%; text-align: left; margin: 0 auto; }
.medical_title { position: relative; margin: 0 auto; height: auto; width: 100%; border-bottom: 2px solid #aecb3a; text-align: left; text-indent: 1em; font-size: 2em; }
.medical_image { display: block; position: relative; margin: 0 auto; height: auto; width: 98%; }

.medical_copy01 { position: relative; height: auto; width: 88%; padding: 3% 5%; margin: 0 auto; text-align: left; font-size: 1em; line-height: 1.8em; }

.medical_copy02 { position: relative; height: auto; width: 88%; padding: 3% 5%; margin: 0 auto; text-align: left; font-size: 1em; line-height: 1.8em; background-color: #e2eac1; }

.sec002 { position: relative; height: auto; width: 95%; margin: 0 auto; padding: 15px 0 5px; }
.sec002 th, .sec002 td { border-collapse: collapse; border: 1px solid #000; line-height: 1.5; }
table.cell_pattern05 { height: 100px; width: 95%; margin: 0 auto; font-size: 1.3em; vertical-align: top; }
table.cell_pattern05 td { padding: 10px 0; }
.cell_pattern06 { background-color: #aecb3a; }
.cell_pattern07 { width: 10%; }
.annotation { font-size: 0.8em; }
.annotation_text { font-size: 1.3em; text-align: left; width: 90%; margin: 0 auto; }

iframe { width: 100%; }
.access_title { position: relative; margin: 0 auto; top: 0; height: 30px; width: 95%; border-bottom: 2px solid #aecb3a; text-align: left; text-indent: 0.5em; font-size: 1.5em; }
.access_text { position: relative; margin: 0 auto; top: 0; width: 95%; text-align: left; font-size: 1.2em; color: #718423; }
.access_copy { position: relative; margin: 0 auto; top: 0; width: 95%; text-align: left; font-size: 1em; }
picture.access  { display: inline-block; position: relative; height: auto; width: 100%; padding: 2% 0; }

.sec003 { position: relative; height: auto; width: 90%; display: flex; padding-bottom: 160px; margin: 0 auto; }
.banner01 { display: inline-block; width: 60%; background-color: #f2dae9; }
.banner03 { display: inline-block; width: 90%; }
.link_bar01 { position: absolute; bottom: 100px; left: 2%; height: 30px; width: 94%; margin: 0 auto; border: double 10px #ffffff; background-color: #75a215; }
.link_bar01 a { display: block; font-size: 1em; font-weight: bold; margin: 5px; vertical-align: middle; color: #000000; }
.link_bar02 { position: absolute; bottom: 45px; left: 2%; height: 30px; width: 94%; margin: 0 auto; border: double 10px #ffffff; background-color: #75a215; }
.link_bar02 a { display: block; font-size: 1em; font-weight: bold; margin: 5px; vertical-align: middle; color: #000000; }

footer { position: fixed; height: 30px; width: 100%; bottom: 0; margin: 0 auto; background-color: #ffffff; }
footer a { color: #000000; }
.copyright { position: relative; height: auto; width: auto; top: 5px; margin: 0; padding: 0; font-size: 0.9em; }