@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* ===============================================
Initializr Styles
=============================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ===============================================
Reset
=============================================== */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,figure {margin:0; padding:0;}
ul,ol {list-style:none;}

/* ===============================================
Common Styles
=============================================== */
body {background:#fff; font-size:17px; color:#000;}
* {
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* img */
img {max-width:100%; height:auto;}
/* a:link */
a:link {text-decoration:none; color:inherit;}
a:visited {color:inherit;}
a:hover {color:inherit;}
a:active {color:inherit;}
/* border */
.border_b {border-bottom:solid 1px #cbcbc9;}
/* color */
.colorWhite {color:#fff !important;}
.colorBlack {color:#555 !important;}
.colorGray {color:#666 !important;}
.colorRed {color:#c00 !important;}
/* background */
.bgClr {background-color:transparent !important;}
.bgWhite {background-color:#fff !important;}
.bgBlack{background-color:#000 !important;}
.bgGray {background-color:#f1f0e9 !important;}
.bgCccc{background:#ccc; padding:5px;}
/* sup/sub */
sub, sup {font-size:80%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/* font-size */
.size30 {font-size:30px !important;}
.size28 {font-size:28px !important;}
.size26 {font-size:26px !important;}
.size24 {font-size:24px !important;}
.size22 {font-size:22px !important;}
.size20 {font-size:20px !important;}
.size18 {font-size:18px !important;}
.size16 {font-size:16px !important;}
.size15 {font-size:15px !important;}
.size14 {font-size:14px !important;}
.size13 {font-size:13px !important;}
.size12 {font-size:12px !important;}
.size11 {font-size:11px !important;}
.size10 {font-size:10px !important;}
/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
/* add margin */
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt05 {margin-top:5px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb05 {margin-bottom:5px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
/* add padding */
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt05 {padding-top:5px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb05 {padding-bottom:5px !important;}
/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w05p {width:5% !important;}
/* text-align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
/* vertical-align */
.v_alignT {vertical-align:top !important;}
.v_alignM {vertical-align:middle !important;}
.v_alignB {vertical-align:bottom !important;}
/* list-style */
.listDisc {padding-left:1.5em;}
.listDisc > li {list-style:disc;}
.listDecimal {padding-left:2.0em;}
.listDecimal > li {list-style:decimal;}
.listlowerAlpha {padding-left:2.0em;}
.listlowerAlpha > li {list-style:lower-alpha;}
/* notes */
.notes_01 {padding-left:1em; text-indent:-1em !important;}
.notes_01_5 {padding-left:1.5em; text-indent:-1.5em !important;}
.notes_02_5 {padding-left:2.5em; text-indent:-2.5em !important;}
.notes_03 {padding-left:3em; text-indent:-3em !important;}
.notesClr {padding:0; text-indent:0 !important;}
/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none !important;}
.clearB {clear:both !important;}
/* position */
.posiAbs {position:absolute !important;}
.posiRel {position:relative !important;}
.posiT {top:0 !important;}
.posiR {right:0 !important;}
.posiB {bottom:0 !important;}
.posiL {left:0 !important;}
/* Other */
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
audio,canvas,iframe,img,svg,video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
/* display */
/* .viewL-B,.viewL-I,.viewL-Ib {display:none !important;} */
/* .viewM-B,.viewM-I,.viewM-Ib {display:none !important;} */
.viewS-B,.viewS-I,.viewS-Ib {display:none !important;}
/* Form */
input,select {vertical-align:middle;}
input[type="text"],button,textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none; margin:0; padding:0;
}
.ckBox, /* input[type=checkbox] */
.radioBtn, /* input[type=radio] */
select {position:relative; top:-0.1em;}
/* placeholder */
:placeholder-shown {font-weight:normal; color:#bbb;}
::-webkit-input-placeholder {font-weight:normal; color:#bbb;}
:-moz-placeholder {font-weight:normal; color:#bbb;}
::-moz-placeholder {font-weight:normal; color:#bbb;}
:-ms-input-placeholder {font-weight:normal; color:#bbb;}


.moreBtn {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    width: 95px;
    border: solid 1px #000;
    padding: 10px 0;
    display: block;
	margin-left: 0;
    text-align: center;
    text-decoration: none !important;
	background-color: black;
}

/* ===============================================
All Styles (PC Size)
=============================================== */
/* Layout
----------------------------------------------- */
/* ----- common ----- */
#wrapper {position:relative; width:100%; margin:0 auto; overflow-x:hidden; padding-top:75px;}
.wrap {width:100%; margin:0 auto; max-width:1100px;}

/* ----- kvArea ----- */
#kvArea {position:relative; max-width:1100px; margin:auto;}
/*#kvArea img{width:100%;}*/

/* ----- contents ----- */
#contents {max-width:1080px; margin:auto;}
.logo{text-align:center; margin-bottom:25px;}
.logo img{}
.floorGuide{text-align:center; margin-top:100px; color:#e04307;}
.floorGuide li{margin:auto 70px;}
.floorGuide a{display:block;}
.floorGuide picture{position:relative; display:block; /*width:115px; height:100px;*/ width:150px; height:150px;}
.floorGuide li:nth-child(2) picture{width:140px;}
.floorGuide picture img{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
/* .topNewsList */
.topNewsList{margin:0 auto 40px; font-size:17px; margin-bottom: 20px;}
.topNewsList a, .topNewsList li{text-decoration:underline; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:baseline;}
.topNewsList li, .topNewsList li > span{text-decoration:none;}
.topNewsList li + li{margin-top:15px;}
.topNewsList span{text-decoration:underline;}
.topNewsList .date{margin-right:1em;}
.topNewsList .news{display:inline-block; width:calc(100% - 92px); vertical-align:top; text-align:left;}
/* access */
#access{margin:0 auto 80px;}
#access .boxL{width:40%;}
#access .boxR{width:55%;}
#access .map{width:100%; height:450px; margin-top:20px;}

/* ----- footer ----- */
#footer{padding-bottom:25px;}

/* ----- pageTop ----- */
#pageTop {display:block; position:fixed; right:20px; bottom:0; z-index:999; /*background:rgba(255, 255, 255, 0.8); border-radius:100%; width:60px; height:60px; display:flex; justify-content:center; align-items:center;*/}
#pageTop span {display:block; padding:60px 0 10px; font-size:14px; text-align:center;}
#pageTop a {display:block; background:center top url(../img/btn_pagetop.png) no-repeat; opacity:1; background-size:50px; transform:translateY(45px); opacity:0.6;}
#pageTop a:hover {opacity:1; transform:translateY(0);}

/* Contents Parts
----------------------------------------------- */
/* ----- btnPtn ----- */

/* ----- hPtn ----- */
.hPtn01{font-size:22px; color:#000; margin:100px auto 20px; font-family:'Lato', sans-serif;}

/* ----- tblPtn ----- */
.tblPtn01{background:#fff; width:100%; border:none;}
.tblPtn01 th, .tblPtn01 td{padding:5px 0; border:none; vertical-align:top;}
.tblPtn01 th{width:110px; font-weight:normal; text-align:right; padding-right:1em;}
.tblPtn01 td{padding-left:0;}
.tblPtn01.sizeL th, .wrap .tblPtn01.sizeL td{font-size:16px; padding:10px;}

/* flex */
.flexBox{display: -webkit-box; display: -ms-flexbox; display:flex;}
.flexBox.wr{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flexBox.sb{justify-content:space-between;}
.flexBox.sa{justify-content:space-around;}
.flexBox.cn{justify-content:center;}
.flexBox.fe{justify-content:flex-end;}
.flexBox.fs, .flexBox.fs-10{justify-content:flex-start;}
.flexBox.ai-fls{align-items:flex-start;}
.flexBox.ai-cnt{align-items:center;}
.flexBox.ai-end{align-items:flex-end;}

/* Common Parts
----------------------------------------------- */
/* ----- tab ----- */
.tab-body > li {display:none;}
.tab-body .active {display:block;}

/* ----- bg-overlay ----- */
#bg-overlay {display:none;}

/* ----- pre ----- */
.pre:after {content:"\A"; white-space:pre;}
.preRsv:after {content:""; white-space:normal;}

/* ----- Effect ----- */
a,.btnEase {
-moz-transition:all .3s ease;
transition:all .3s ease;
}
a:hover,.btnEase:hover {opacity:.7;}


/* ===============================================
Media Queries
=============================================== */

/* ===== TB(PC) Layout ===== */
@media print, screen and (max-width:999px) {
}

/* ===== TB Size 768-979px ===== */
@media screen and (max-width:979px) {}

/* ===== SP Size 0-767px ===== */
@media screen and (max-width:767px) {
	body{font-size:14px;}
	/* Layout
	--------------------------------------------- */
	/* a:link */
	a:hover {text-decoration:none;}
	/* ----- common ----- */
	#wrapper {width:100%; padding-top:40px;}
	.wrap {width:100%; padding:0 10px;}
	.viewS-B {display:block !important;}
	.viewS-I {display:inline !important;}
	.viewS-Ib {display:inline-block !important;}
	.viewL-B,.viewL-I,.viewL-Ib {display:none !important;}

	/* ----- header ----- */
	#header {position:static; height:auto;}

	/* ----- kvArea ----- */
	#kvArea img{width:100%;}

	/* ----- #contents ----- */
	#contents{}
	.logo{max-width:33%; margin:0 auto 40px;}
	.floorGuide{margin-top:40px;}
	.floorGuide li{width:30%; margin:0 2%;}
	.floorGuide picture{width:25vw !important; height:25vw !important; margin:10px auto 0;}
	.topNewsList{width:100%; text-align:center; font-size:14px; padding:0 20px;}
	.topNewsList a, .topNewsList li > span{text-align: left;}
	.topNewsList + a{margin:0 20px;}
	.news_detail{margin-bottom:20px;}
	/* access */
	#access .boxL,
	#access .boxR{width:100%; padding:0 20px;}
	#access .boxR{margin-top:50px;}

	/* ----- panList ----- */
	.panList {display:none;}

	/* ----- pageTop ----- */
	#pageTop {right:10px; bottom:10px; background:rgba(255, 255, 255, 0.8); border-radius:100%; padding:10px;}
	#pageTop span{display:none;}
	#pageTop a{width:40px; height:40px; background-size:contain; transform:translateY(0); opacity:1;}

	/* ----- page - name ----- */

	/* Contents Parts
	----------------------------------------------- */
	/* ----- btnPtn ----- */

	/* ----- hPtn ----- */
	.hPtn01{padding:0 20px; text-align:center;}

	/* ----- tblPtn ----- */
	.tblPtn01{border-width:1px 0; width:100%;}
	.tblPtn01 th, .tblPtn01 td{padding:5px 5px; border:none;}
	.tblPtn01 th{width:36%; vertical-align:top;}
	.tblPtn01 tr:first-child th, .tblPtn01 tr:first-child td{padding-top:10px;}
	.tblPtn01 tr:last-child th, .tblPtn01 tr:last-child td{padding-bottom:10px;}
	.tblPtn01.sizeL th, .wrap .tblPtn01.sizeL td{font-size:14px;}

	/* flex */
	.flexBox.sp-blck{display:block;}

	/* Common Parts
	----------------------------------------------- */
	/* ----- pre ----- */
	.about .pre:after {content:""; white-space:normal;}
	.about .preRsv:after {content:"\A"; white-space:pre;}

	/* ----- Effect ----- */
	a:hover,.btnEase:hover {opacity:1;}
}


/* CSS End
------------------------------------------------------ */
