body{background:#FFF;display:flex;flex-wrap:wrap;justify-content:space-between}header{width:300px;padding:0;margin:0;background:#F7F7F7;border-right:1px solid #CCC}@media only screen and (max-width: 1440px){header{width:280px}}@media only screen and (max-width: 1280px){header{width:270px}}@media only screen and (max-width: 1024px){header{width:260px}}@media only screen and (max-width: 768px){header{width:100%;border-right:none}}header hgroup{background:#37AFD3;padding:1.5rem;color:#FFF;text-align:center}@media only screen and (max-width: 768px){header hgroup{padding:1.5rem 3rem}}header hgroup h1{font-size:1.8rem;font-weight:bold;border-bottom:1px solid #FFF;padding-bottom:1rem;margin-bottom:1rem;color:#fff;line-height:1.6}@media only screen and (max-width: 1440px){header hgroup h1{font-size:1.7rem}}@media only screen and (max-width: 768px){header hgroup h1{font-size:1.6rem}}@media only screen and (max-width: 576px){header hgroup h1{font-size:1.4rem}}header hgroup h2{color:#FFF;font-size:0.95rem;font-family:'Nunito', sans-serif;line-height:1.6}@media only screen and (max-width: 576px){header hgroup h2{font-size:0.9rem}}header hgroup a:link,header hgroup a:hover{text-decoration:none;display:block}header #gNav{background:#F7F7F7;padding:20px}@media only screen and (max-width: 768px){header #gNav{display:none}}header #gNav ul{font-weight:bold}header #gNav ul li{margin-top:0.75em}header #gNav ul li:first-child{margin-top:0}header #gNav ul li a{color:#333;display:block}header #gNav ul li a:hover{text-decoration:underline}header #gNav ul ul{font-weight:normal;margin-left:1.5em;list-style:disc}header #gNav ul ul li{margin-top:inherit;font-size:0.9em}header #gNav ul.bnr{margin-top:30px}.drawer-toggle.drawer-hamburger{display:none}@media only screen and (max-width: 768px){.drawer-toggle.drawer-hamburger{display:block}}#contents{width:calc(100% - 300px)}@media only screen and (max-width: 1440px){#contents{width:calc(100% - 280px)}}@media only screen and (max-width: 1280px){#contents{width:calc(100% - 270px)}}@media only screen and (max-width: 1024px){#contents{width:calc(100% - 260px)}}@media only screen and (max-width: 768px){#contents{width:100%}}main .mainIn{margin:3rem}@media only screen and (max-width: 1280px){main .mainIn{margin-right:2rem;margin-left:2rem}}@media only screen and (max-width: 768px){main .mainIn{margin-right:1.5rem;margin-left:1.5rem;max-width:none}}@media only screen and (max-width: 576px){main .mainIn{margin-top:3rem;margin-right:1rem;margin-left:1rem}}nav#breadcrumbs{margin:0 3rem}@media only screen and (max-width: 1280px){nav#breadcrumbs{margin:0 2rem}}@media only screen and (max-width: 768px){nav#breadcrumbs{display:none}}nav#breadcrumbs ol{padding:15px 0;margin:auto;font-size:0.8em}nav#breadcrumbs ol li{display:inline;list-style-type:none;color:#999}nav#breadcrumbs ol li::before{content:"\0bb";font-family:arial;padding-right:1em;padding-left:1em}nav#breadcrumbs ol li:first-child:before{content:"";padding-right:0;padding-left:0}nav#breadcrumbs ol li a{font-weight:bold;text-decoration:underline;color:#333}nav#breadcrumbs ol li a:hover{text-decoration:none}#pageTitle{border-top:1px solid #CCC;background:#EEEEEE}@media only screen and (max-width: 768px){#pageTitle{border-top:none}}#pageTitle h1{font-size:2em;font-weight:bold;position:relative;padding:0.75em 1em 0.75em 5rem;text-shadow:1px 1px 0 #EEEEEE}@media only screen and (max-width: 1440px){#pageTitle h1{font-size:1.8em}}@media only screen and (max-width: 1280px){#pageTitle h1{padding-left:4rem}}@media only screen and (max-width: 1024px){#pageTitle h1{font-size:1.6em}}@media only screen and (max-width: 768px){#pageTitle h1{padding-left:3.5rem}}@media only screen and (max-width: 576px){#pageTitle h1{font-size:1.3em;padding-left:3rem}}#pageTitle h1::after{position:absolute;top:.5em;left:3rem;content:'';width:6px;height:-webkit-calc(100% - 1em);height:calc(100% - 1em);border-radius:3px;background:#37AFD3}@media only screen and (max-width: 1280px){#pageTitle h1::after{left:2rem}}@media only screen and (max-width: 768px){#pageTitle h1::after{left:1.5rem}}@media only screen and (max-width: 576px){#pageTitle h1::after{left:1rem}}#pageTitle h1 span{display:block;font-size:0.6em;font-weight:normal}#pageTitle.about{background:url(../img/bg_title01.png) no-repeat top right,#eee}#pageTitle.info{background:url(../img/bg_title02.png) no-repeat top right,#eee}#pageTitle.recruit{background:url(../img/bg_title03.png) no-repeat top right,#eee}#pageTitle.book{background:url(../img/bg_title04.png) no-repeat top right,#eee}#pageTitle.other{background:url(../img/bg_title05.png) no-repeat top right,#eee}@media only screen and (max-width: 1280px){#pageTitle.about,#pageTitle.info,#pageTitle.recruit,#pageTitle.book,#pageTitle.other{background-size:contain}}.subTitle01{position:relative;padding:0.5em 1em;background:#b1e0ee;font-size:1.2em;font-weight:bold;margin-bottom:1em}@media only screen and (max-width: 768px){.subTitle01{font-size:1.1em}}.subTitle01::after{position:absolute;top:0;right:0;content:'';width:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #ddd #ddd;box-shadow:-1px 1px 2px rgba(0,0,0,0.1)}.subTitle02{position:relative;border-bottom:3px solid #ccc;font-weight:bold;margin-bottom:0.5em}.subTitle02::after{position:absolute;bottom:-3px;left:0;z-index:2;content:'';width:20%;height:3px;background-color:#87cfe5}footer{width:100%;background:#37AFD3;color:#FFF;text-align:center;font-size:0.85em;padding:1em}#page-top.page-top{display:none;margin:0;padding:0}#page-top.page-top p{margin:0;padding:0;position:fixed;z-index:999;right:16px;bottom:16px}#page-top .move-page-top{display:block;background:rgba(249,105,20,0.8);width:50px;height:50px;cursor:pointer;color:#FFF;line-height:50px;text-decoration:none;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}#page-top .move-page-top:hover{background:rgba(249,105,20,0.6)}