html, body { font-size: 75%; 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; }
.phone, .ddmenu, .flex-direction-nav, .access, .access_title, .access_text, .access_copy, .greeting_catch, .banner02 { display: none; }

header { position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; }
.logotype { display: block; position: relative; height: auto; width: 70%; top: 10px; left: 0; margin: 0; padding: 0; }

nav.globalMenuSp { position: fixed; z-index: 2; top: 0; left: 0; color: #000; text-align: center; transform: translateY(-100%); transition: all 0.6s; width: 100%; }
nav.globalMenuSp ul { background: rgba(100,100,117,0.7); margin: 0 auto; padding: 0; width: 100%; }
nav.globalMenuSp ul li { font-size: 1.8em; line-height: 0.1em; text-align: left; list-style-type: none; padding: 0; width: 100%; border-bottom: 1px dotted #333; }
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child { padding-bottom: 0; border-bottom: none; }
nav.globalMenuSp ul li a { display: block; color: #ffffff; padding: 1em 0; }
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active { transform: translateY(0%); }

.navToggle { display: block; position: fixed;/* bodyに対しての絶対位置指定 */ right: 15px; top: 12px; width: 42px; height: 51px; cursor: pointer; z-index: 3; background: #cfdb00; text-align: center; }
.navToggle span { display: block; position: absolute;/* .navToggleに対して */ width: 30px; border-bottom: solid 3px #eee; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px; }
.navToggle span:nth-child(1) { top: 9px; }
.navToggle span:nth-child(2) { top: 18px; }
.navToggle span:nth-child(3) { top: 27px; }
.navToggle span:nth-child(4) { border: none; color: #eee; font-size: 9px; font-weight: bold; top: 34px; }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

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

.sec001 { position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; }
.medical_title { position: relative; margin: 0 auto; height: auto; width: 100%; padding-top: 10px; border-bottom: 2px solid #aecb3a; text-align: left; text-indent: 1em; font-size: 2.3em; }
.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: 2em; line-height: 1.8em; }

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

.sec002 { position: relative; height: auto; width: 100%; margin: 0 auto; padding-top: 5px; }
.sec002 th, .sec002 td { border-collapse: collapse; border: 1px solid #000; line-height: 1.5; }
table.cell_pattern05 { height: auto; width: 98%; margin: 0 auto; font-size: 1.7em; 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.7em; text-align: left; width: 90%; margin: 0 auto; }

.sec003 { position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; }
.link_box { position: relative; top: 0; height: auto; width: 98%; margin: 0 auto; }
picture.link_button { display: block; padding: 2px 0; }

.sec004 { position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; }
.banner01 { position: relative; height: auto; width: 98%; margin: 0 auto 5px; padding: 0; background-color: #f2dae9; }
.banner01 p { position: relative; font-size: 2em; top: 5px; }
.banner01 a { position: relative; padding-bottom: 5px; }
.banner03 { position: relative; display: block; height: auto; width: 98%; padding-bottom: 2px; margin: 0 auto; }
.youtube01 { position: relative; display: block; height: auto; width: 98%; padding: 5px 0; margin: 0 auto; }
.link_bar01 { position: relative; display: inline-block; height: auto; width: 92%; margin: 0 auto; border: double 10px #ffffff; background-color: #75a215; }
.link_bar01 a { font-size: 2.3em; font-weight: bold; margin: 15px 0; vertical-align: middle; color: #000000; }
.link_bar02 { position: relative; display: inline-block; height: auto; width: 92%; margin: 0 auto; border: double 10px #ffffff; background-color: #75a215; }
.link_bar02 a { font-size: 2.3em; font-weight: bold; margin: 15px 0; vertical-align: middle; color: #000000; }

footer { position: fixed; height: auto; width: 100%; bottom: 0; margin: 0 auto; background-color: #ffffff; z-index: 3; }

.footer_button { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }
.button_img { box-sizing: border-box; padding: 1%; width: 33%; }

.footer a { color: #000000; }
.copyright { position: relative; height: auto; width: auto; bottom: 5px; margin: 0; padding: 5px 0; font-size: 3vw; }