@charset "utf-8";
/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{margin:0; padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
input,textarea,select,button{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}/* CSS Document */

/* clear element 
==================================================== */
.clr{clear:both;}
.clrFx{clear:both;}
.clrFx:after{content:''; clear:both; display:block;}
main,article,section,footer{clear:both;}
main:after,article:after,section:after,footer:after{content:''; clear:both; display:block;}

/* BASE CONFIGURATIONS
==================================================== */
body{font-size:18px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif; color:#555; line-height:1.7; font-weight:normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

@font-face{font-family:"FontAwesome"; url('../fonts/fontawesome-webfont.eot');  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('eot'),   url('../fonts/fontawesome-webfont.woff') format('woff'),  url('../fonts/fontawesome-webfont.ttf') format('truetype') url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');}

a:link{color:#075256; text-decoration:underline;}
a:visited{color:#075256; text-decoration:none;}
a:hover{color:#075256; text-decoration:none;}
a:active{color:#075256;}

/* force alignment and float */
.aCt{text-align:center;}
.aRt{text-align:right;}
.aLt{text-align:left;}
.fRt{float:right;}
.fLt{float:left;}

a img{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
a:hover img{opacity:0.7;}

.redTxt{color:#ff0000;}

header,footer,#mainVisual,div.bread,
#gNav,#anc,#content,div.catchImg,#globalNav{min-width:1020px;}

/* Base
==================================================== */
#content{max-width:1000px; margin:0 auto; padding:40px 0px;}
#content:after{content:""; clear:both; display:block;}
#content aside{width:260px; float:right;}
#content article{width:700px; float:left;}
#content article header{min-width:700px; }
#content article header:before{background:none;}
#content article section{margin:-40px 0 40px 0; padding-top:40px;}
#content article section p,
article section ul{margin-bottom:15px;}
#content article section p strong{font-weight:bold;}
#content article section:after,
#content article:after{content:""; clear:both; display:block;}
#content article section figure{margin-bottom:32px; display:block;}
#content article section figure figcaption{font-size:16px; line-height:1.5;}
article h1{font-size:28px; color:#1c561c; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;  margin-bottom:40px;}
article h2{font-size:24px; color:#666666; padding-left:16px; position:relative; font-weight:bold; margin-bottom:20px; line-height:1.6; clear:both;}
article h2:before{content:""; width:5px; height:20px; position:absolute; top:8px; left:0px; border-left:5px solid #1c561c;}
article h3{font-size:20px; color:#555555; margin-bottom:25px; padding:3px 0; font-weight:bold; border:1px #eee solid; border-right:0px; border-left:0px;}
article h4{font-size:18px; font-weight:bold; margin-bottom:15px;}
#content aside h2{background:#41b1a2; text-align:center; font-size:16px; line-height:50px; display:block; color:#fff; font-family:YuMincho,'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#content aside nav{border:1px solid #41b1a2; padding:0px 13px;}
#content aside nav ul{}
#content aside nav ul li{font-size:16px; font-weight:bold; line-height:1.3; border-bottom:1px solid #ccc;}
#content aside nav ul li:last-child{border-bottom:none;} 
#content aside nav ul li a{position:relative; color:#555; text-decoration:none; padding:15px 13px 15px 16px; display:block;}
#content aside nav ul li a:before{content:"\f105"; width:15px; height:15px; position:absolute; top:15px; left:0px; font-family:"FontAwesome";}
#content aside nav ul li a.active,
#content aside nav ul li a:hover{color:#38988b; text-decoration:none;}
#content aside nav ul li a:hover:before{content:"\f105"; width:10px; height:10px; position:absolute; top:15px; left:0px; font-family:"FontAwesome";}
#content aside nav ul li a.on{color:#0087cb; text-decoration:none;}
#content aside nav ul li a.on:before{content:"\f105"; width:10px; height:10px; position:absolute; top:1px; left:0px; font-family:"FontAwesome";}
#content aside ul.asideBnr{margin-top:20px;}
#content aside ul.asideBnr li{text-align:center;}
#content article section p+h3{padding-top:0px; margin-top:20px;}
#content article section h3{clear:both;}
article section ul.attList{font-size:16px; margin-bottom:40px;}
article section ul.attList li{margin-bottom:9px;}
article section .red{color:#ff0000;}
article section p.btnLinks{width:320px; margin:0 auto; line-height:75px; font-size:18px; background:#41b1a2; text-align:center;}
article section p.btnLinks a{color:#fff; display:block; text-decoration:none;}
article section p.btnLinks a:hover{text-decoration:none; opacity:0.6; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
article section p.btnLinks a span{position:relative; padding-left:14px; line-height:1.4;}
article section p.btnLinks a span:before{content:"\f105"; position:absolute; left:0px; top:0px; font-family:"FontAwesome";}
article section ul.btnList:after{content:""; clear:both; display:block;}
article section ul.btnList li{float:left; margin:0 20px 20px 0; font-size:15px; text-align:center; border:1px solid #0087cb; background:#fff; font-weight:bold;}
article section ul.btnList li span{position:relative; padding-left:10px; line-height:1.4;}
article section ul.btnList li a span:before{content:"\f105"; width:10px; height:10px; font-family:"FontAwesome"; position:absolute; left:0px; top:0px;}
article section ul.btnList li a:hover span:before{content:"\f105"; width:10px; height:10px; font-family:"FontAwesome"; position:absolute; left:0px; top:0px;}
article section ul.btnList li a{line-height:80px; display:block; color:#555; text-decoration:none;}
article section ul.btnList li a:hover{color:#0087cb;}
article section ul.btnList.btnFour li:nth-child(4n){margin-right:0px;}
article section ul.btnList.btnFour li{width:235px;}
article section ul.btnList.btnThird li:nth-child(3n){margin-right:0px;}
article section ul.btnList.btnThird li{width:320px;}
article section ul.btnList.btnTow li:nth-child(2n){margin-right:0px;}
article section ul.btnList.btnTow li{width:340px; margin-bottom:15px;}
article section ul.checkList li{padding-left:16px; position:relative; margin-bottom:5px; font-weight:bold;}
article section ul.checkList li:before{content:"\f00c"; position:absolute; left:0px; top:5px; font-family:"FontAwesome"; font-size:12px;}
article section ol,
article section ul.list{margin-left:2em; margin-bottom:25px;}
article section ul.list li{list-style:disc;}
article section ul.list li ul.list{margin-bottom:0px;}
article section .noteBox{padding:15px; border:1px solid #ccc; margin-bottom:25px;}
#content article section .noteTxt{font-size:16px; margin-bottom:0px;}
article section ul.noteList{font-size:16px; margin-bottom:0px;}
article section dl.liststyle{height:100%;}
article section dl.liststyle:after{content:""; display:block; clear:both;}
article section dl.liststyle dt{float:left; padding:15px 0px;width:167px; clear:both; font-weight:bold;}
article section dl.liststyle dd{padding:15px 0 15px 188px; border-top:1px dotted #7e7e7e; position:relative;}
article section dl.liststyle dd span{position:relative;}
article section dl.liststyle dd span:before{content:""; background:#ccc; position:absolute; top:0px; left:-18px; width:1px; height:100%; display:block;}
article section dl.liststyle dd span{position:relative;}
article section table.regular{font-size:16px; border:1px solid #ccc; border-bottom:none; margin-bottom:35px; width:100%;}
article section table.regular th{background:#f9f6ef; border-right:1px solid #ccc;}
article section table.regular th,
article section table.regular td{padding:8px 20px; border-bottom:1px solid #ccc; text-align:center}
article section table td ul{margin-bottom:0px;}
article section table.regular thead th{padding:8px 20px; border-bottom:1px solid #ccc;}
article section table.regular tbody td{border-top:none; border:1px solid #ccc;  position:relative;}
article section table.regular tbody td ul,
article section table.regular tbody td ol{margin-bottom:0px !important;}
article section table.regular.small{font-size:14px;}
article section table.regular.small th,
article section table.regular.small td{padding:8px;}
article section ul.listLink {margin-bottom:30px;}
article section ul.listLink li{font-weight:normal; position:relative; padding-left:20px;}
article section ul.listLink li:before{content:"\f105"; position:absolute; left:5px; top:0px; font-family:"FontAwesome"; }
article section a.pdfDl{padding-left:60px; position:relative;}
article section a.pdfDl:before{background:#ff0000; content:"PDF"; text-align:center; width:50px; height:20px; line-height:20px; position:absolute; top:0px; left:0px;color:#fff; font-size:12px;}
article section a.blink{padding-right:1.2em; position:relative;}
article section a.blink:after{content:"\f24d"; position:absolute; right:5px; bottom:0px; font-family:"FontAwesome"; font-size:12px;}
article section a.regLink{position:relative; padding-left:15px;}
article section a.regLink:before{content:"\f105"; position:absolute; left:0px; top:0px; font-family:"FontAwesome"; margin-top:-2px;}
article section ul.listPhoto{margin-bottom:20px;}
article section ul.listPhoto:after{content:""; clear:both; display:block;}
article section ul.listPhoto li{float:left; width:30%;}
#content article section ul.pagerLink{margin-bottom:25px;}
article section ul.pagerLink:after{content:""; clear:both; display:block;}
article section ul.pagerLink li{float:left; margin-right:15px;  font-size:16px;}
article section ul.pagerLink li a{position:relative; padding-left:16px; text-decoration:none;}
article section ul.pagerLink li a:hover{text-decoration:underline;}
article section ul.pagerLink li a:before{content:"▼"; position:absolute; left:0px; top:0px; font-size:14px;}
article section .deList dt{font-weight:bold;}
article section .deList dd{margin-bottom:10px;}
article section dl.qa dt{padding-left:30px; color:#0087cb; font-weight:bold; position:relative;}
article section dl.qa dt:before{content:"Q："; position:absolute; top:0px; left:0px;}
article section dl.qa dd{padding-left:30px; margin-bottom:15px; position:relative;}
article section dl.qa dd:before{content:"A："; position:absolute; top:0px; left:0px; font-weight:bold;}
#content article figure.fRt{margin:0px 0px 20px 20px;} 
#content article figure.fLt{margin:0px 20px 20px 0px;}
#content section .contImg{}
#content section .contImg:after{content:""; clear:both; display:block;}
#content section .contImg .rt{float:right;}
#content section .contImg .lt{float:left;}
#content section .contImg .imgHalf{width:50%;}
#content section .contImg .imgHalf img{width:100%; height:auto;}
#content section .contImg .imgHalf:nth-child(odd){padding-right:10px;}
#content section .contImg .imgHalf:nth-child(even){padding-left:10px;}
#content section .contImg .imgThr{float:left; padding-right:5px; width:33.3%;}
#content section .contImg .imgThr img{width:100%; height:auto;}
#content section .contImg .imgThr:nth-child(3){padding-right:0px;}
#content section .contImg figure{margin-bottom:15px;}
header.pgNav{margin-bottom:30px;}
article header.pgNav h1{margin-bottom:10px;}
#content article header.pgNav nav{}
#content article header.pgNav nav ul{font-size:16px; width:700px;}
#content article header.pgNav nav ul li{float:left; text-align:center; border-left:none; width:33.3%; }
#content article header.pgNav nav ul li:first-child{border-left:1px solid #e5e5e5;}
#content article header.pgNav nav ul:after{content:""; clear:both; display:block;}
#content article header.pgNav nav ul li a{display:block; background:#e5e5e5; color:#3d1f18; font-weight:bold; text-decoration:none; border:1px solid #e5e5e5; border-left:none;}
#content article header.pgNav nav ul li a:hover,
#content article header.pgNav nav ul li a.on{background:#fff; color:#0087cb; border-bottom:none;}
#content article header.pgNav nav ul li a span{position:relative; padding-left:20px;line-height:46px;}
#content article header.pgNav nav ul li a span:before{content:"\f105"; width:1em; position:absolute; top:-12px; left:0px; font-family:"FontAwesome"; color:#0087cb;}
#content article .timeLine{margin-bottom:30px;}
#content article .timeLine dd,
#content article .timeLine dt{line-height:1.8; padding:5px 0;}
#content article .timeLine dd{padding-left:100px; border-bottom:1px solid #eee;}
#content article .timeLine dt{float:left;}
article section .half{width:50%;}

article.top{min-width:1020px;}
article.top section{padding-bottom:80px;}
article.top section:nth-child(even){background:#f8f6ef; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
article.top section div.inner{max-width:1000px; margin:0 auto;}
article.top section table.topShedule{font-size:18px; border:1px solid #ccc; border-bottom:0px; width:100%; margin-bottom:25px;} 
article.top section table.topShedule th{padding:20px 19px 20px 19px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
article.top section table.topShedule td{padding:20px 19px 20px 19px; border-bottom:1px solid #ccc;}
article.top section table.topShedule th.week{background:#eee;}
article.top section table.topShedule th.sat{background:#e5f3fa;}
article.top section table.topShedule th.sun{background:#fef1f3;}
article.top section table.topShedule ul li{list-style:disc; margin-left:1.5em;}
article.top section.movetop h1 br{display:none;}
article.top section.movetop p+figure{margin-top:30px;}
article.top section ul.btnList{margin:50px 0;}
article.top section#topFeature{}
article.top section#topFeature h1+p{margin-bottom:46px;}
article.top section#topFeature h2{margin-bottom:15px;}
article.top section div.checkBox{margin:30px 0 45px 0px;}
article.top section div.checkBox:after{content:""; display:block; clear:both;}
article.top section div.checkBox figure,
article.top section div.checkBox ul{float:left;}
article.top section div.checkBox figure{margin-right:70px;}
article.top section div.checkBox figure img:nth-child(2){display:none;}
article.top section div.checkBox figure figcaption{text-align:center;}
article.top section div.checkBox ul{margin-right:30px;}
article.top section div.checkBox ul:nth-child(5){margin-right:0px;}
article.top section div.checkBox ul li{margin-bottom:9px;}
article.top section#topAffection p{font-weight:bold;}
article.top section#map{padding-bottom:0px;}
article.top section#map p{max-width:1000px; margin:auto;}
article.top section#map div{margin-top:48px; position:relative; display:block; line-height:1.0;}
main.pageTop #gNav{display:none;}
article.top h1{margin-bottom:80px; padding-top:80px; text-align:center; font-size:36px;}
article.top h2{margin-bottom:27px;}
article.top h2+p,
article.top h3+p{margin-bottom:40px;}
article.top section dl.liststyle{margin-bottom:40px;}
div.spCopy{display:none;}
article.top h3.nameH301{border:none; margin-bottom:15px;}

/* CatchImg・bread
==================================================== */
div.catchImg{width:100%; height:150px; padding:35px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; background:url(../images/eyeMv.jpg) center center no-repeat; background-size:cover;}
div.catchImg h1{width:533px; height:80px; margin:0 auto; text-align:center; padding:20px 25px 25px 25px; font-size:28px; font-family:YuMincho,'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",serif; color:#fff; background:rgba(13,150,165,0.6);}
#content article section p.catchTxt{margin-bottom:30px;}
div.bread{width:100%; border-bottom:1px solid #eee;}
div.bread ul{max-width:1000px; margin:0 auto; font-size:13px;}
div.bread ul li{display:inline-block; position:relative; padding-right:14px; line-height:30px;}
div.bread ul li a{color:#555; text-decoration:none;}
div.bread ul li a:after{content:"\f105"; position:absolute; right:0px; top:0px; font-family:"FontAwesome"; }
div.bread ul li a:hover{color:#555; text-decoration:underline;}


/* Mainvisual
==================================================== */
#mainVisual{background:#002357; background-size:cover; height:480px; position:relative;}
#mainVisual #slider{max-width:1280px; margin:0 auto; height:480px;}
#mainVisual h1{font-size:36px; font-family:YuMincho,'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",sxserif; background:rgba(63,167,219,0.6); color:#fff; width:100%; text-align:center; }
#mainVisual h1 br{display:none;}
#mainVisual div.mvTxt{background:#fff; background:rgba(255,255,255,0.6); position:absolute; left:0px; bottom:0px; width:100%;}
#mainVisual div.mvTxt .mvInner{max-width:1000px; margin:0 auto;}
#mainVisual div.mvTxt .mvInner:after{content:""; clear:both; display:block;}
#mainVisual div.mvTxt .mvInner .ltTxt,
#mainVisual div.mvTxt .mvInner .rtTxt{width:50%; float:left; padding:20px 15px; color:#556273;}
#mainVisual div.mvTxt .mvInner h2{font-size:22px; margin-bottom:12px; font-weight:bold;}
#mainVisual div.mvTxt .mvInner p{font-size:16px;}
#mainVisual div h1 + p{margin-bottom:5px;}
#mainVisual div p{line-height:1.7; font-weight:bold;}
#mainVisual .slick-next{right:-35px; z-index:1000; width:30px; height:30px;}
#mainVisual .slick-prev{left:-35px; z-index:1000; width:30px; height:30px;}
#mainVisual .slick-dots{bottom:0;}
#mainVisual .slick-dots li button:before{color:#fff; content:''; width:12px; height:12px; border-radius:6px; background:#fff; opacity:1; border:1px #fff solid;}
#mainVisual .slick-dots li.slick-active button:before{background:#41b1a2;}
#mainVisual .slick-list{position:relative;}

@media screen and (min-width:641px) and (max-width:1280px){
#mainVisual{height:auto;}
#mainVisual #slider{width:100%; height:auto;}
#mainVisual #slider img{width:100%; height:auto;}
#mainVisual .slick-next{right:20px; }
#mainVisual .slick-prev{left:20px;}
#mainVisual .slick-list:before,
#mainVisual .slick-list:after{width:50px;}
.slick-prev:before, .slick-next:before{color:#002357 !important;}
}


/* Header
==================================================== */
header{position:relative;}
header:before{content:""; width:100%; height:30px; background:#556273; position:absolute; top:0px; left:0px;}
#siteHeader{max-width:1000px; margin:0 auto; position:relative; padding:50px 0 20px 0;}
#siteHeader div.head{color:#fff; line-height:30px; z-index:100; position:absolute; left:0px; top:0px; width:auto;}
#siteHeader div.head p a{text-decoration:none; color:#fff;}
#siteHeader div.head .slideMenu{display:none;}
#siteHeader div.head:after{content:""; display:block; clear:both;}
#siteHeader div.head p{float:left; font-size:15px;}
#siteHeader p.siteLogo{line-height:1.0; font-size:0px; display:block;}
#siteHeader div.head ul{float:right; font-size:13px; font-weight:bold;}
#siteHeader div.head ul li{display:inline-block ;padding-left:16px; position:relative; }
#siteHeader div.head ul li:before{position:absolute; left:0px; top:0px; content:"|"; width:1px; height:1em; font-weight:normal;}
#siteHeader div.head ul li:nth-child(1):before{content:"";}
#siteHeader div.head ul a{color:#fff; text-decoration:none;}
#siteHeader div.head ul a:hover{color:#fff; text-decoration:underline;}
#siteHeader div.headBtn{background:#ff9326; color:#fff; width:190px; height:53px; font-size:14px; position:absolute; top:55px; right:0px;}
#siteHeader div.headBtn a,
#siteHeader div.headBtn a:hover{color:#fff; text-decoration:none; display:block;}
#siteHeader div.headBtn p{font-size:14px; padding:5px 5px 5px 60px; }
#siteHeader div.headBtn p:before{content:"\f05a"; position:absolute; left:16px; top:2px; font-family:"FontAwesome"; font-size:35px; height:35px;}
#siteHeader div.headInfo{position:absolute; top:80px; right:0px; text-align:right;}
#siteHeader div.headInfo p{color:#41b1a2; font-size:22px; line-height:26px; margin-bottom:11px;}
#siteHeader div.headInfo p a.tel{color:#41b1a2; text-decoration:none;}
#siteHeader div.headInfo p em{font-weight:bold; position:relative; padding-left:34px;}
#siteHeader div.headInfo p em:before{content:"\f098"; position:absolute; left:10px; top:1px; font-family:"FontAwesome"; font-size:23px;}
#siteHeader div.headInfo nav{}
#siteHeader div.headInfo ul{font-size:15px;}
#siteHeader div.headInfo ul li{display:inline-block; padding-left:20px; position:relative;}
#siteHeader div.headInfo ul li:nth-child(1):before{content:"";}
#siteHeader div.headInfo ul li:before{content:"|"; position:absolute; left:5px; top:0px; }
#siteHeader div.headInfo ul li a{color:#555; text-decoration:none;}
#siteHeader div.headInfo ul li a:hover{color:#555; text-decoration:underline;}
#siteHeader div.headRecruit{width:200px; height:40px; position:absolute; right:0; top:0;}
#siteHeader div.headRecruit a{display:block; height:40px; line-height:36px; background:#41b1a2; border-radius:0 0 5px 5px; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:16px; border:2px #fff solid; border-top:0; box-shadow:0 0 3px rgba(0,0,0,1);}
#siteHeader div.headRecruit a:hover{background:#38988b;}

/*Footer
==================================================== */
footer{border-top:1px solid #ddd;}
#siteFooter{background:#f8f6ef; padding-top:75px;}
#siteFooter div.footReserve{max-width:1000px; margin:0px auto 75px auto; border:2px solid #e3e2df; background:#fff; padding:20px 25px 15px 25px;}
#siteFooter div.footReserve:after{content:""; clear:both; display:block;}
#siteFooter div.footReserve h2{font-size:24px; color:#666666; padding-left:16px; position:relative; font-weight:bold; margin-bottom:15px;}
#siteFooter div.footReserve h2:before{content:""; width:5px; height:20px; position:absolute; top:8px; left:0px; border-left:5px solid #1c561c;}
#siteFooter div.footReserve p{float:left;}
#siteFooter div.footReserve dl{float:right;}
#siteFooter div.footReserve dl dt{font-size:18px; font-weight:bold;}
#siteFooter div.footReserve dl dd{font-size:16px; font-weight:bold; position:relative;}
#siteFooter div.footReserve dl dd table.topShedule{border:1px solid #ccc; border-right:0px; border-bottom:0px; width:100%; margin-bottom:25px;} 
#siteFooter div.footReserve dl dd table.topShedule th{padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#siteFooter div.footReserve dl dd table.topShedule th,
#siteFooter div.footReserve dl dd table.topShedule td{text-align:center;}
#siteFooter div.footReserve dl dd table.topShedule td{border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#siteFooter div.footReserve dl dd table.topShedule tbody th,
#siteFooter div.footReserve dl dd table.topShedule thead th{background:#eee; font-weight:bold;}
#siteFooter div.footReserve dl dd table.topShedule td.sun{background:#fef1f3;}

#siteFooter div.footReserve dl dd a:link{color:#0087cb; text-decoration:none;}
#siteFooter div.footReserve dl dd a:hover{color:#0087cb; text-decoration:none;}
#siteFooter div.footReserve p span{color:#ff9226; display:block;}
#siteFooter .footbtLinks{text-align:center; font-size:15px; padding-bottom:15px;}
#siteFooter .footbtLinks a{color:#555; text-decoration:none;}
#siteFooter .footbtLinks a:hover{color:#555; text-decoration:underline;}
#siteFooter .footbtLinks li{display:inline-block; position:relative; padding-left:16px; font-weight:bold;}
#siteFooter .footbtLinks li:before{content:"|"; position:absolute; left:0px; top:0px; font-weight:normal;}
#siteFooter .footbtLinks li:nth-child(1):before{content:"";}
footer address{background:#556273; text-align:center; color:#fff; line-height:40px;}
footer address a{color:#fff; text-decoration:none;}
footer address a:link{color:#fff; text-decoration:none;}
footer address a:hover{color:#fff; text-decoration:none;}
footer address strong{font-weight:bold;}
footer address br{display:none;}
footer .footBnr{padding:45px 0px; max-width:1000px; margin:0 auto;}
footer .footBnr h2{font-size:24px; font-weight:bold; text-align:center; margin-bottom:24px; color:#666;}
footer .footBnr ul li{width:160px; float:left; margin-right:8px;}
footer .footBnr ul:after{content:""; display:block; clear:both;}
footer .footBnr ul li:last-child{margin-right:0px;}
footer .footBnr ul li img{width:100%; height:auto;}
a.pgTop{background:rgba(0,0,0,.7); width:50px; height:50px; border-radius:25px; position:fixed; right:20px; bottom:20px; display:block; text-indent:-9999px; overflow:hidden; display:none; border:1px #fff solid; z-index:11000; text-decoration:none;}
a.pgTop:before{content:'\f106'; color:#fff; width:50px; height:50px; border-radius:25px; position:absolute; right:0; bottom:0; display:block; text-indent:0; text-align:center; line-height:50px; font-size:34px; font-family:"FontAwesome";}

footer .footReserve .reserveBox{width:400px; float:left;}
footer .footReserve .reserveBox:after{content:""; clear:both; display:block;}
footer .footReserve .reserveBox h3{clear:both; padding-top:15px;}
footer .footReserve .reserveBox h3:first-child{padding-top:0px;}
footer .footReserve .reserveBox ul{margin-left:1.5em;}
footer .footReserve .reserveBox ul li{list-style:disc;}

.notification{max-width:1000px; text-align:center; margin:20px auto; border:2px #c00 solid; padding:20px; color:#c00; font-weight:bold;}

@media screen and (min-width:641px) and (max-width:1020px){
#content article{padding-left:15px;}
}

@media screen and (max-width:640px){
header,footer,#mainVisual,div.catchImg,
#gNav,article,#content,#content article,#globalNav,
div.bread,#content article header,article section{min-width:320px; width:100%;}

div.bread{padding:0 15px;}

.fRt,.fLt{float:none;}

/* CatchImg
==================================================== */
div.catchImg{height:100px; padding:15px 0; height:90px;}
div.catchImg h1{width:100%; height:auto; font-size:24px; padding:10px;}

/* Header
==================================================== */
header:before{height:30px; display:none;} 
#siteHeader{padding:10px 10px 10px 10px; }
#siteHeader div.head{line-height:30px; display:none;}
#siteHeader div.head ul{display:none;}
#siteHeader div.head p{text-align:center; font-size:12px; float:none;}
#siteHeader div.headInfo,
#siteHeader div.headBtn{display:none;}
#siteHeader p.siteLogo{width:197px;}
#siteHeader p.siteLogo img{width:100%; height:auto;}
#siteHeader .toggle{display:block; width:50px; height:50px; position:absolute; right:10px; top:5px; text-indent:50px; white-space:nowrap; overflow:hidden; color:#004466; font-size:0px; z-index:20;}
#siteHeader .toggle:before{content:"\f0c9"; width:50px; height:50px; position:absolute; right:0; top:0; text-indent:0px; text-align:center; font-family:"FontAwesome"; font-size:45px; line-height:50px;}
#siteHeader div.headRecruit{display:none;}
/*Footer
==================================================== */
#siteFooter div.footLinks{display:none;}
#siteFooter{padding:30px 15px;}
#siteFooter div.footReserve{margin:0 auto;}
#siteFooter .footbtLinks{display:none;}
#siteFooter div.footReserve{padding:18px 20px;}
#siteFooter div.footReserve h2{font-size:16px; margin-bottom:15px;}
#siteFooter div.footReserve h2:before{top:0px;}
#siteFooter div.footReserve dl,
#siteFooter div.footReserve p{float:none;}
#siteFooter div.footReserve p span,
#siteFooter div.footReserve p{font-size:15px;}
#siteFooter div.footReserve dl{margin-top:0px;}
#siteFooter div.footReserve dl dt{font-size:16px; margin-bottom:14px;}
#siteFooter div.footReserve dl dd{font-size:12px;}
#siteFooter div.footReserve dl dt span{display:block;}
footer address{text-align:left; padding:16px 15px; font-size:12px; line-height:1.8;}
footer address br{display:block;}
footer .footBnr{padding:25px 15px; }
footer .footBnr h2{font-size:15px;}
footer .footBnr ul li{width:50%; margin-right:0px;}
footer .footBnr ul li:nth-child(odd){padding-right:5px;}
#siteFooter div.footReserve dl dd table.topShedule{margin-bottom:10px;}
#siteFooter div.footReserve dl dd table.topShedule th,
#siteFooter div.footReserve dl dd table.topShedule td{padding:7px; font-size:10px;}
footer .footReserve .reserveBox{width:100%; float:none;}
footer .footReserve .reserveBox h3{padding:10px 0px 5px; font-size:16px;}
footer .footReserve .reserveBox ul{font-size:14px;}


/* anc
==================================================== */
#anc{display:none;}
#anc nav{padding:0px 10px; position:relative;}
#anc nav ul{margin-top:64px; border-top:1px solid #fff;}
#anc nav ul li{float:none; border:none; border-bottom:1px solid #fff; width:100%; text-align:left; line-height:45px;}
#anc nav ul li a,
#anc nav ul li a:hover{color:#fff; text-decoration:none;}
#anc nav ul li a:before{content:"\f105"; position:absolute; left:20px; top:0px; width:10px; height:10px; font-family:"FontAwesome"; background:none;}
#anc nav ul li a:hover:before{background:none;content:"\f105"; position:absolute; left:20px; top:0px; width:10px; height:10px;} 
#anc nav ul li a{padding:0 0px 0 35px;}
#anc nav ul li a.open{display:block;}
#anc nav ul li a.open:before{content:"\f106"; position:absolute; left:20px; top:0px; width:10px; height:10px;} 
#anc nav ul li:nth-child(1),#anc nav ul li:nth-child(2),
#anc nav ul li:nth-child(3),#anc nav ul li:nth-child(4),
#anc nav ul li:nth-child(5){width:100%;}
#anc nav ul li:nth-child(1):before,#gNav nav ul li:after{background:none;}

/* Base
==================================================== */
#content{padding:0px;} 
#content article{margin-right:0px; float:none; padding-bottom:40px;}
#content article section img{width:100%; height:auto;}
#content article h1{margin-bottom:0px;}
#content article header{padding:0 15px;}
#content article header+section{padding-top:0px; margin-top:0px;}
#content article section{margin:-30px 0 30px 0; padding:30px 15px 0px 15px;}
#content article section figure figcaption{font-size:14px;}
#content article figure.fLt,
#content article figure.fRt{margin:0px 0px 15px 0px;}
#content article section table.regular{font-size:12px; margin-bottom:20px;}
#content article section figure{margin-bottom:15px;}
article section .flowTable{margin:0 0 20px; overflow:hidden; position:relative;}
article section .flowTable .ftInner{height:100%; overflow:auto;}
article section .flowTable:before{width:1px; height:100%; position:absolute; left:-1px; top:0; content:''; display:block; box-shadow:0 0 10px rgba(0,0,0,1);}
article section .flowTable:after{width:1px; height:100%; position:absolute; right:-1px; top:0; content:''; display:block; box-shadow:0 0 10px rgba(0,0,0,1);}
article section .flowTable table{width:700px; background:#fff; margin-bottom:0px !important; }
#content aside ul.asideBnr,
#content aside ul.asideBnr+ul{display:none;}
article header.pgNav{margin-bottom:15px;}
article header.pgNav h1{margin-bottom:0px; padding:30px 0 10px 0;}
#content article header.pgNav nav{padding:8px 0 10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#content article header.pgNav nav ul{font-size:16px; width:100%;}
#content article header.pgNav nav ul li{float:none; text-align:left; width:100%; }
#content article header.pgNav nav ul li:first-child{border-left:none;}
#content article header.pgNav nav ul li a{background:#fff; color:#3d1f18; border:none;}
#content article header.pgNav nav ul li a span{position:relative; padding-left:15px; line-height:35px;}
#content article header.pgNav nav ul li a span:before{width:1em; position:absolute; top:-8px;}
#content aside{float:none; width:100%;}
#content aside h2{line-height:50px;}
#content aside nav{border-left:0px; border:0px; padding:0px;}
#content aside nav ul li a{padding:10px 13px 10px 30px;  width:100%; display:block;}
#content aside nav ul li a:before{left:15px; top:10px;}
#content aside nav ul li a:hover:before{left:15px; top:10px;}
#content aside nav ul li a.on{color:#fff; text-decoration:none;}
#content aside nav ul li a.on:before{content:"\f105"; width:10px; height:10px; position:absolute; top:1px; left:0px; font-family:"FontAwesome";}
#content aside ul.asideBnr,
#content aside ul.asideBnr+ul{display:none;}
article section p.btnLinks{font-size:15px; width:100%; line-height:45px;}
article section p.btnLinks a span:before{top:50%; margin-top:-10px; width:10px; height:10px; }  

/* article
==================================================== */
article{padding:0px; font-size:15px; line-height:1.4;}
article img{width:100%; height:auto;}
article section{padding:15px;}
article h1{padding:30px 0px; font-size:22px;}
article h2{font-size:18px; margin-bottom:18px;}
article h3{font-size:16px; margin:15px 0;}
#content article section p+h3{padding-top:3px;}
article h2:before{top:3px;}
article h4{font-size:16px;}
article section ul.attList{font-size:13px; margin-bottom:15px;}
article section ul.attList li{text-indent:-1em; padding-left:1em; margin-bottom:5px;}
article section p.btnLinks{font-size:15px; width:100%; line-height:45px;}
article section p.btnLinks a span:before{top:50%; margin-top:-10px; width:10px; height:10px; }  
article section a.regLink{padding-left:10px;}
article section ul.noteList{font-size:14px; margin-bottom:0px;}
article section ul.noteList li{margin-bottom:10px;}
article section ul.noteList li:last-child{margin-bottom:0px;}
article section ul.btnList li{float:none; font-size:15px; text-align:left; border:none; background:none; margin:0 0px 10px 0px;}
article section ul.btnList li span{position:relative; padding-left:10px;}
article section ul.btnList li a span:before{top:50%; margin-top:-10px;}
article section ul.btnList li a:hover span:before{top:50%; margin-top:-10px;}
article section ul.btnList li a{line-height:1.5; text-decoration:none; }
article section ul.btnList li a:hover{color:#0087cb;}
article section ul.btnList.btnThird li,
article section ul.btnList.btnFour li{width:auto;}
article section ul.btnList.btnFour li:nth-child(4n){margin-right:0px;}
article section ul.btnList.btnTow li{margin-right:0px;}
article section ul.btnList.btnTow li{width:100%;}
article .newsList{margin-bottom:50px;}
article .newsList dt{padding:13px 0px 0px 0px;  float:none; font-weight:normal; font-size:14px;}
article .newsList dd {padding:6px 0px 13px 0px;border-bottom:1px dotted #7f796f; position:relative; font-size:14px;}
article .newsList dd:before{content:""; background:none; position:static; top:auto; left:auto;}
article .newsList dd a{color:#555; text-decoration:none;}
article .newsList dd a:hover{color:#555; text-decoration:underline;}
article .newsList{border-top:1px dotted #7f796f; margin-bottom:20px;}
article section .noteBox{margin-bottom:20px; padding:10px;}
article section .noteTxt{font-size:12px;}
article section dl.liststyle dt{float:none; width:100%; padding:0px 0 5px 0;}
article section dl.liststyle dd{width:100%; padding:5px 0px; margin-bottom:10px;}
article section ol, article section ul.list{margin-bottom:20px;}
article section table.regular th,
article section table.regular td,
article section table.regular thead th{padding:8px;}
article section dl.qa dt,
article section dl.qa dd{padding-left:25px;}
article section ul.list{margin-left:1em;}
#content article section ul.pagerLink{margin-bottom:25px;}
article section ul.pagerLink li{float:none; margin-bottom:5px; font-size:14px;}
article section ul.pagerLink li a:before{content:"▼"; position:absolute; left:0px; top:0px; font-size:14px;}
article section ul.listPhoto{margin-bottom:20px;}
article section ul.listPhoto:after{content:""; clear:both; display:block;}
article section ul.listPhoto li{float:none; width:100%;}
article section ul.listLink li{line-height:1.7;}
#content section .contImg{}
#content section .contImg:after{content:""; clear:both; display:block;}
#content section .contImg .rt,
#content section .contImg .lt{float:none;}
#content section .contImg .imgHalf{width:100%;}
#content section .contImg .imgHalf:nth-child(odd){padding-right:0px;}
#content section .contImg .imgHalf:nth-child(even){padding-left:0px;}
#content section .contImg .imgThr{float:none; padding-right:0px; width:100%;}
#content section .contImg .imgThr:nth-child(3){padding-right:0px;}
article section .half{width:100%;}

/* Top
==================================================== */
#mainVisual{min-width:320px; width:100%;}
#mainVisual{height:auto;}
#mainVisual #slider{width:auto; margin:0 auto; height:auto;}
#mainVisual #slider div{overflow:hidden;}
#mainVisual #slider img{width:100%; height:auto;}
#mainVisual{margin-bottom:30px;}
#mainVisual .slick-next{right:10px; z-index:1000; width:30px; height:30px;}
#mainVisual .slick-prev{left:10px; z-index:1000; width:30px; height:30px;}
#mainVisual .slick-dots{bottom:-30px;}
#mainVisual .slick-dots li button:before{color:#666; content:''; width:12px; height:12px; border-radius:6px; background:#666; opacity:1; border:1px #fff solid;}
#mainVisual .slick-dots li.slick-active button:before{background:#41b1a2;}
#mainVisual .slick-list:before,
#mainVisual .slick-list:after{width:50px;}
div.spCopy{display:block; padding-top:17px; display:none}
div.spCopy p{font-size:15px; color:#555; font-weight:normal; padding:0px 15px;}
article.top{min-width:320px; width:100%;}
article.top h1{padding:15px 0px 30px 0px; font-size:22px; margin-bottom:0px;}
article.top h2{margin-bottom:15px; font-size:18px;}
article.top h3{font-size:16px;}
article.top section{padding:0 0 40px 0;}
article.top section.movetop h1 br{display:block;}
article.top section.greeting p+p{margin-top:20px;}
article.top section#topFeature{padding-bottom:0px;}
article.top section .inner{padding:15px 15px 0px 15px;}
article.top section table.topShedule{font-size:15px; margin-bottom:15px;}
article.top section table.topShedule th{border-right:none;}
article.top section table.topShedule th,
article.top section table.topShedule td{width:100%; display:block; padding:8px 14px;}
article.top section div.sheduleBox,
article.top section div.reserveBox{float:none; width:100%; padding:18px 20px;}
article.top section div.sheduleBox dl.sheBtn{width:100%; padding:10px; text-align:center;} 
article.top section div.sheduleBox dl.sheBtn.rehaShe{margin-top:10px;}
article.top section div.sheduleBox dl.sheBtn.docShe,
article.top section div.sheduleBox dl.sheBtn.rehaShe{float:none;}
article.top section div.sheduleBox p{margin-bottom:13px; line-height:1.5;}
article.top section div.reserveBox{margin-top:25px;}
article.top section div.reserveBox p span,
article.top section div.reserveBox p{font-size:15px;}
article.top section div.reserveBox dl{padding-left:0px;}
article.top section div.reserveBox dl dt{font-size:14px; line-height:1.5;}
article.top section div.reserveBox dl dd.tel{font-size:27px; padding-left:30px;}
article.top section div.reserveBox dl dd{font-size:14px;}
article.top section#topFeature h1+p{margin-bottom:22px;}
article.top section#topFeature ul.btnList li{margin-bottom:10px;}
article.top section div.checkBox{margin:17px 0 0px 0;}
article.top section div.checkBox figure, article.top section div.checkBox ul{float:none;}
article.top section div.checkBox figure{width:150px; margin:0 auto 24px;}
article.top section div.checkBox figure img:nth-child(2){display:block; width:100%; height:auto;}
article.top section div.checkBox figure img:first-child{display:none;}
article.top section div.checkBox figure figcaption{font-size:14px; margin-top:5px;}
article section ul.checkList li:before{top:50%; margin-top:-10px;}
article.top section div.checkBox ul{margin-right:0px; font-size:13px; margin-bottom:0px;}
article.top section div.checkBox ul:nth-child(5){margin-right:0px; margin-top:0px;}
article.top section div.checkBox ul li{margin-bottom:5px;}
article.top section#map h1{padding:30px 0;}
article.top section#map p{padding:0 15px; margin-bottom:30px;}
article.top section#map div{margin-top:0px;}
article.top section#map div iframe{height:250px !important;}
article.top section .tabBlock .indexBnr{display:none;}
article.top .tabMenu{margin-top:20px;}
article.top .tabMenu ul{font-size:15px;}
article.top .tabMenu ul li{width:50%;}
article.top .tabMenu ul li a{width:100%; line-height:1.5; padding:10px 5px; margin-top:-1px;}
article.top .tabMenu ul li a br{display:block;}
article.top .tabMenu ul li a.on{line-height:1.5; margin-top:-1px; padding:10px 5px;} 
article.top section .regular.grey th{vertical-align:middle; border-bottom:none;}
article.top section .regular.grey td{border-left:none;}
article.top section .regular.grey th,
article.top section .regular.grey td{display:block;  font-size:14px;}
article.top section .regular.grey th.days{background:#dbf3ff;}
article.top section .tabBlock{padding-top:15px;}
article.top section .tabBlock .topVisit ul.listNote{font-size:14px; margin:0 0 35px 1em;}
article.top section .tabBlock .topVisit{padding-top:35px;}
article.top .clinicInduction figure{float:none; width:100%; margin-bottom:20px;}
article.top .clinicInduction div{float:none; padding-right:0px; width:100%;}
article.top section ul.btnList{margin:15px 0px 25px 0;}

.notification{max-width:none; text-align:left; margin:20px;}

}