@charset "utf-8";
/* custom */
body {font-size:1.5rem; font-size:15px; font-family:'nsr', sans-serif; font-weight:400; color:#000; }
img {display:block; max-width:100%; height:auto; }
select {display:block; width:100%; height:36px; border:solid 1px #d9dce3; background:#f8f8f8 url(../images/ico-select-arrow.png) no-repeat 99% 50%; background-size:16px 16px; border-radius:0; font-size:13px; font-family:'nsr'; font-weight:400; appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-left:10px; margin-right:5px; margin-bottom:5px; }
button {background:#fff; border:0; font-size:15px; font-family:'nsr'; font-weight:400; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
a {color:#000; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline; }

.container {position:relative; width:94%;  margin:0 3%; }

@media only screen and (min-width:1280px) {
	.container {width:100%; max-width:1200px; margin:0 auto; }
}





header {position:relative; }
header .pc {width:100%; height:60px; line-height:60px; background:rgba(0,0,0,1); }
header .pc h1 {color:#fff; font-size:17px; font-weight:700; padding-left:10px; }
header .pc h1 span {font-size:13px; font-weight:400; padding-left:5px; }
header .pc h1 a {color:#fff; text-decoration:none; }
header .pc .gnb {display:none; }

@media only screen and (min-width:640px) {
	header .pc h1 span {font-size:14px; font-weight:400; padding-left:5px; }
}
@media only screen and (min-width:1280px) {
	header .pc {position:absolute; z-index:20; width:100%; height:74px; line-height:74px; background:rgba(0,0,0,0.5); }
	header .pc:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
	header .pc h1 {float:left; font-size:24px; }
	header .pc h1 span {font-size:17px; }
	header .pc .gnb {display:block; float:right; }
	header .pc .gnb li {float:left; margin-right:100px; }
	header .pc .gnb li:last-child {margin-right:0; }
	header .pc .gnb li a {color:#fff; font-size:17px; font-weight:700; }
}





header .visual {position:relative; max-width:1920px; margin:0 auto; }
header .visual .text {position:absolute; top:30px; z-index:11; width:100%; color:#fff; font-size:17px; text-align:center; }
header .visual .text span {display:block; font-size:22px; font-weight:700; }
header .visual .swiper-wrapper {z-index:10; height:200px; }
header .visual .swiper-wrapper .sd1 {background:url(../images/slide1.jpg) no-repeat; background-position: center center; background-size:cover; }
header .visual .swiper-wrapper .sd2 {background:url(../images/slide2.jpg) no-repeat; background-position: center center; background-size:cover;}
header .visual .swiper-wrapper .sd3 {background:url(../images/slide3.jpg) no-repeat; background-position: center center; background-size:cover;}

@media only screen and (min-width:640px) {
	header .visual .text {top:100px; font-size:20px; }
	header .visual .text span {font-size:25px; }
	header .visual .swiper-wrapper {height:300px; }
}
@media only screen and (min-width:1280px) {
	header .visual .text {top:200px; font-size:30px; }
	header .visual .text span {font-size:40px; }
	header .visual .swiper-wrapper {height:500px; }
}
@media only screen and (min-width:1680px) {
	header .visual .text {top:260px; font-size:40px; }
	header .visual .text span {font-size:60px; }
	header .visual .swiper-wrapper {height:640px; }
}





header .visual2 {height:150px; background:url(../images/slide1.jpg) no-repeat; background-position: center center; background-size:cover; }
header .visual2 .text {color:#fff; font-size:17px; padding-top:20px; text-align:center; }
header .visual2 .text span {display:block; font-size:22px; }

@media only screen and (min-width:640px) {
	header .visual2 {height:200px; }
	header .visual2 .text { font-size:20px; padding-top:50px; }
	header .visual2 .text span {font-size:25px; }
}
@media only screen and (min-width:1280px) {
	header .visual2 {height:334px; }
	header .visual2 .text {font-size:24px; padding-top:140px; }
	header .visual2 .text span {font-size:30px; }
}




/* mobile gnb */
header .mobile-btn {display:block; position:absolute; top:4px; right:10px; width:40px; height:40px; text-align:right; }
header .mobile-btn i {color:#fff; font-size:22px; }
.pushy {position:fixed; top:0; z-index:100000; width:250px; height:100%; overflow-y:auto; background:#fff; visibility:hidden; -webkit-overflow-scrolling:touch; }
.pushy .gnb a {display:block; color:#333; height:40px; line-height:40px; padding:0 12px; }
.pushy.pushy-right {right:0; }
.pushy .tnbutil {border-bottom:solid 1px #333; }
.pushy .tnbutil:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.pushy .tnbutil li {float:left; width:20px; margin-right:5px; padding:10px 20px; }
.pushy .tnbutil a {display:block; width:20px; }
.pushy .tnbutil a img {width:100%; }
.pushy .gnb .gdep1 {position:relative; background:#ededed; }
.pushy .gnb .gdep1 strong {display:block; height:40px; line-height:40px; padding:0 12px; }
.pushy .gnb .gdep1 strong a {padding-left:0; }
.pushy .gnb .gdep1 i {position:absolute; top:19px; right:12px; display:block; width:17px; height:9px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.pushy .gnb .gdep1.br1 {border-bottom:solid 1px #666; }
.pushy .gnb .gdep1.br1 i {position:absolute; top:12px; right:4px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
.pushy .gnb .gdep2 {background:#fff; border-top:solid 1px #ccc; }
.pushy .gnb .gdep2:first-child {border-top:solid 1px #666; }
.pushy .gnb .gdep2:last-child {border-bottom:solid 1px #666; }
.pushy-right {-webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); }
.pushy-open-right .push {-webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); }
.pushy-open-right .pushy {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pushy,
.push {transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
.site-overlay {display:none; }
.pushy-open-right .site-overlay {display:block; position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); -webkit-animation: fade 300ms; animation:fade 300ms; overflow-y:hidden; }

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media only screen and (min-width:1200px) {
	header .mobile-btn {display:none; }
}





footer {border-top:solid 1px #ccc; color:#777; font-size:11px; padding:15px 0; }

@media only screen and (min-width:1280px) {
	footer {font-size:13px; padding:25px 0; }
}





/*main*/
.main {background:url(../images/bg_business.jpg) no-repeat; background-size:cover; padding:30px 0; }
.main h2 {font-size:20px; padding-bottom:20px; text-align:center; }
.main p {color:#666; font-size:14px; margin-bottom:30px; text-align:center; }
.main .business:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.main .business li {float:left; width:48%; margin:1%; }
.main .business li img {width:100%; }
.util {padding:30px 0; }
.util .container > div {border:solid 1px #ccc; margin-bottom:10px; padding-top:24px; }
.util .container > div:last-child {margin-bottom:0; }
.util .container > div h3 {font-weight:700; font-size:18px; }
.util .container > div p {color:#666; font-size:14px; padding-top:20px; }
.util .anno {width:100%; height:184px; padding-left:30px; padding-right:30px; }
.util .anno ul {margin-top:20px; }
.util .anno a {position:relative; display:block; font-size:14px; }
.util .anno a span {position:absolute; top:2px; right:0; color:#666; font-size:12px; }
.util .inquiry {width:100%; height:184px; background:url(../images/ico1.png) no-repeat; background-position:center 100px; text-align:center; }
.util .gallery {width:100%; height:184px; background:url(../images/ico2.png) no-repeat; background-position:center 100px;text-align:center; }
.util .status {width:100%; height:184px; background:url(../images/ico3.png) no-repeat; background-position:center 100px;text-align:center; }

@media only screen and (min-width:640px) {
	.main {padding:40px 0; }
	.main h2 {font-size:24px; }
	.main p {font-size:16px; }
	.main .business li {width:31.333333%; }
}
@media only screen and (min-width:1280px) {
	.main {padding:80px 0; }
	.main h2 {font-size:30px; padding-bottom:40px; }
	.main p { font-size:20px; margin-bottom:50px; }
	.main .business {width:1000px; margin:0 auto; }
	.main .business li {width:18%; }
	.util {padding:70px 0; }
	.util .container > div {float:left; margin-right:10px; }
	.util .container > div:last-child {margin-right:0; }
	.util .container > div h3 {font-weight:700; font-size:18px; }
	.util .container > div p {color:#666; font-size:14px; padding-top:20px; }
	.util .anno {width:368px;  }
	.util .inquiry {width:234px; }
	.util .gallery {width:284px; }
	.util .status {width:284px; }
}





/*sub*/
.sub .container {padding-bottom:100px; }
.sub h2 {position:relative; font-size:20px; padding-top:20px; padding-bottom:30px; }
.sub .breadcrumb {position:absolute; top:30px; right:0; font-size:11px; }
.sub .breadcrumb a {color:#999; }
.sub .tab:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.sub .tab li {float:left; width:33.333333%; border:solid 1px #ddd; border-right:0; text-align:center; }
.sub .tab li:last-child {border-right:solid 1px #ddd; }
.sub .tab li a {display:block; height:50px; line-height:50px; font-size:13px; }
.sub .tab li a.on {background:#333; border:solid 1px #333; border-right:0; color:#fff; }
.sub .tab li:last-child a.on {border-right:solid 1px #333; }
.sub .box {margin-top:30px; }

@media only screen and (min-width:640px) {
	.sub .container {padding-bottom:150px; }
	.sub h2 {font-size:30px; padding-top:30px; padding-bottom:70px; }
	.sub .breadcrumb {top:30px; font-size:12px; }
	.sub .tab li a {font-size:14px; }
	.sub .box {margin-top:40px; }
}
@media only screen and (min-width:1280px) {
	.sub .container {padding-bottom:200px; }
	.sub h2 {font-size:30px; padding-top:50px; padding-bottom:100px; }
	.sub .breadcrumb {top:60px; font-size:13px; }
	.sub .tab li a {font-size:15px; }
	.sub .box {margin-top:50px; }
}





/*ceo*/
.ceo .box p {}
.ceo .box p.sign {font-size:16px; margin-top:50px; }
.ceo .box p.sign span {font-size:22px; }

@media only screen and (min-width:1280px) {
	.ceo .box {background:url(../images/map.png) no-repeat; background-position:center right; }
	.ceo .box p {width:50%; }
}





/*certi*/
.certi .list li {border:solid 1px #ddd; margin:0 0 1%; text-align:center; }
.certi .list li div {border-bottom:dotted 1px #ddd; overflow:hidden; }
.certi .list li span {display:block; background:#fafafa; font-style:italic; padding:10px 0; }

@media only screen and (min-width:640px) {
	.certi .list:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
	.certi .list li {float:left; width:48%; }
}
@media only screen and (min-width:1280px) {
	.certi .list li { width:31.333333%; margin:0 1% 3%; }
	.certi .list li div {height:539px; }

}





/*location*/
.location p {margin-top:20px; }

.map:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.map > div {width:100%; }
.map > div:nth-child(1) {margin-bottom:50px; }
.map > div p {margin-top:10px; }
.map h3 {color:#333; font-size:18px; font-weight:300; padding-bottom:20px; text-align:center; }

/*business*/
.business .box {margin-top:0; }
.business p {margin-bottom:50px; text-align:center; }
.business .mb {display:block; margin:0 auto; }
.business .pc {display:none; }

@media only screen and (min-width:1280px) {
	.business .mb {display:none; }
	.business .pc {display:block; }
}

@media (min-width:1024px) {
	.map > div {float:left; width:50%; padding:1%; }
	.map > div:nth-child(1) {margin-bottom:0; }
}




/*community*/
.tab2:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.tab2 li {float:left; width:50%; border:solid 1px #ddd; border-right:0; text-align:center; }
.tab2 li:last-child {border-right:solid 1px #ddd; }
.tab2 li a {display:block; height:50px; line-height:50px; }
.tab2 li a.on {background:#333; border:solid 1px #333; border-right:0; color:#fff; }
.tab2 li:last-child a.on {border-right:solid 1px #333; }





/*gallery*/
.gal .list li {border:solid 1px #ddd; margin:0 0 2%; }
.gal .list li div {overflow:hidden; }
.gal .list li span {display:block; padding:10px 15px; }
.gal .list li .tit {border-bottom:dotted 1px #ddd; font-size:13px; padding:10px 20; }
.gal .list li .date {font-size:11px; padding:10px 20; }
.gal .view h3 {background:#fff; border-top:solid 2px #333; border-bottom:solid 1px #ddd; font-size:15px; margin-bottom:20px; padding:15px 0; text-align:center; }
.gal .view .desc {text-align:left; color:#333; font-size:15px; border-bottom:solid 1px #ddd; padding:30px 0; }

@media only screen and (min-width:640px) {
	.gal .list:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
	.gal .list li {float:left; width:48%; margin:0 1% 3%; }
	.gal .list li .tit {font-size:14px; }
	.gal .list li .date {font-size:12px; }
	.gal .view h3 {font-size:17px; }
}
@media only screen and (min-width:1280px) {
	.gal .list li {float:left; width:31.333333%; margin:0 1% 3%; }
	.gal .list li div {height:260px; }
	.gal .list li span {padding:15px 20px; }
	.gal .list li .tit {font-size:14px; }
	.gal .list li .date {font-size:12px; }
	.gal .view h3 {font-size:20px; }
}





/*notice*/
.notice li {border-bottom:solid 1px #ddd; padding:25px 0; }
.notice li:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.notice li div a {display:block; }
.notice li .desc {font-size:15px; padding:10px 30px 0 30px; }
.notice li .desc .tit {display:block; font-size:20px; margin-bottom:20px; }
.notice li .desc .date {display:block; color:#999; font-size:13px; margin-bottom:35px; }





/*bbs btn*/
.bbs_btn {text-align:right; }
.bbs_btn a {display:inline-block; width:100px; height:40px; line-height:40px; background:#ddd; font-size:12px; margin-top:30px; margin-right:5px; text-align:center; }


/*paging*/
.paging {margin-top:60px; }
.paging:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.paging ul {float:right; position:relative; left:-50%;}
.paging ul li {float:left; position:relative; margin-right:4px; left:50%; }
.paging ul li.prev {margin-right:20px; }
.paging ul li.next {margin-left:16px; }
.paging ul li a {display:block; width:20px; height:20px; line-height:20px; border:solid 1px #cacaca; color:#666; font-size:11px; text-align:center; }
.paging ul li a.active,
.paging ul li a:hover {background:#000; border:solid 1px #000; color:#fff; font-weight:bold; }
.paging ul li.pprev a:hover,
.paging ul li.prev a:hover,
.paging ul li.nnext a:hover,
.paging ul li.next a:hover {background:none; color:#666; }

@media only screen and (min-width:680px) {
	.paging ul li a {width:33px; height:33px; line-height:33px; font-size:12px; }
}





/*inquiry*/
.inquiry .tit2 {font-size:18px; margin-bottom:30px; }
.tbl tr {border-bottom:solid 1px #ddd; }
.tbl tr:first-child {border-top:solid 1px #ddd; }
.tbl th {font-size:14px; }
.tbl td {padding:20px; }
.tbl td:first-child {width:20%; }
.tbl td:last-child {width:80%; }
.tbl td input {height:34px; line-height:34px; border:solid 1px #ddd; padding-left:20px; -webkit-appearance:none; appearance:none; }
.tbl td .w30 {width:100%; }
.tbl td .w90 {width:100%; }
.tbl td textarea {height:200px; border:solid 1px #ddd; padding:20px; resize:none; -webkit-appearance:none; appearance:none; }
.inquiry h4 {font-size:18px; margin-top:80px; margin-bottom:20px; }
.inquiry div {border:solid 1px #ddd; font-size:13px; margin-bottom:10px; padding:30px; }
.inquiry ul li {list-style-type:disc; margin-bottom:20px; }
.inquiry ul li ul {margin-left:30px; }
.inquiry ul li ul li {list-style-type:decimal; margin-bottom:0px;}
.inquiry button {display:block; width:150px; height:40px; background:#62697f; color:#fff; font-weight:700; margin:50px auto 0; text-align:center; }
.inquiry label {font-size:12px; }

@media only screen and (min-width:640px) {
	.inquiry .tit2 {font-size:22px; }
	.inquiry h4 {font-size:22px; margin-top:80px; margin-bottom:20px; }
	.inquiry label {font-size:13px; }
}
@media only screen and (min-width:1280px) {
	.inquiry .tit2 {font-size:26px; }
	.tbl td .w30 {width:30%; }
	.tbl td .w90 {width:90%; }
	.inquiry h4 {font-size:22px; margin-top:80px; margin-bottom:20px; }
	.inquiry label {font-size:14px; }
}