@charset "utf-8";


/*=======================================================
  paging-wrap
=========================================================*/
.paging-wrap{margin-top:67px;font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap a.ctrl{display:inline-block;vertical-align:top;text-decoration: none; width:40px; height:40px; border:1px solid #dfdfdf; border-radius:100%; box-sizing:border-box; margin:0 3px;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 10px}
.paging-wrap li{margin:0 2px;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;min-width:40px; height:40px; box-sizing:border-box ;border-radius:100%; font-size:15px; color:#999; text-align:center;line-height:40px;font-weight:400;box-sizing:border-box;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{color:#000; font-weight:700}

.paging-wrap a.first{background:url(../img/sub/page-first.jpg) no-repeat center center;}
.paging-wrap a.prev{background:url(../img/sub/page-prev.jpg) no-repeat center center;}
.paging-wrap a.next{background:url(../img/sub/page-next.jpg) no-repeat center center;}
.paging-wrap a.last{background:url(../img/sub/page-last.jpg) no-repeat center center;}

.paging-wrap a.ctrl:hover{border-color:#000; opacity:0.75}
.paging-wrap a.first:hover{background-image:url(../img/sub/page-firsto.jpg)}
.paging-wrap a.prev:hover{background-image:url(../img/sub/page-prevo.jpg) }
.paging-wrap a.next:hover{background-image:url(../img/sub/page-nexto.jpg) }
.paging-wrap a.last:hover{background-image:url(../img/sub/page-lasto.jpg)}

.paging-wrap .num{display:none;vertical-align:top; padding:0 20px; color:#666; font-size:14px; line-height:30px;}
.paging-wrap .num span{font-weight:700;color:#111;}
	@media only screen and (max-width:1200px){
		.paging-wrap{margin-top:50px;}
	}
	@media only screen and (max-width:999px){
		.paging-wrap{margin-top:30px;}
		.paging-wrap a.ctrl{width:30px;height:30px;}
		.paging-wrap a.first , .paging-wrap a.last{display:none;}

		.paging-wrap ul{padding:0 7px; display:none;}
		.paging-wrap li{margin:0 1px;}
		.paging-wrap li a{min-width:30px;height:30px; line-height:30px; font-size:14px;}

		.paging-wrap .num{display:inline-block;vertical-align:top;}
	}
	@media only screen and (max-width:680px){
		.paging-wrap{margin-top:20px;}
	}
	@media only screen and (max-width:480px){
		
	}
	


/*=======================================================
  board-filter
=========================================================*/
.board-filter {text-align:center; font-size:0; margin-top:45px; margin-bottom:100px;}
.board-filter .chk-select{width:100px;}

.board-filter .chk-input{width:460px; margin-left:4px;}
.board-filter .chk-input input{height:45px;  padding:0 50px 0 20px; font-size:16px;}
.board-filter .search-btn{position:absolute; right:5px; top:50%;margin-top:-20px; width:40px;height:40px; color:#fff;background:url(../img/sub/ico-search.jpg) no-repeat center center; box-sizing:border-box;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.board-filter{margin-top:30px; margin-bottom:30px;}
		.board-filter .chk-select select{height:45px;}
		.board-filter .chk-input input{height:45px; font-size:15px; padding:0 50px 0 15px;}
	}
	@media only screen and (max-width:680px){
		.board-filter{margin-top:20px; margin-bottom:20px;}
		.board-filter .chk-select{width:25%;}
		.board-filter .chk-select select{height:40px;}
		.board-filter .chk-input{width:74%; margin-left:1%}
		.board-filter .chk-input input{height:40px; font-size:14px;padding:0 50px 0 10px;}
		.board-filter .search-btn{background-size:14px auto; right:0;}
	}
	@media only screen and (max-width:480px){
		
	}




/* =====================================
   board-wrap common
===================================== */
.board-wrap .lower{font-size:0; margin-top:40px;text-align:center;}
.board-wrap .lower.r{text-align:right;}

	@media only screen and (max-width:1200px){
		.board-wrap .lower{margin-top:30px;}
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.board-wrap .lower{margin-top:20px;}

		
	}
	@media only screen and (max-width:480px){
		
	}




/* =====================================
   board-wrap.list
===================================== */
.board-wrap.list{}
.board-wrap.list table{table-layout:fixed;border-top:1px solid #000}
.board-wrap.list table thead th{text-align:center; border-bottom:1px solid #ddd; font-size:16px; color:#333; font-weight:400;padding:20px 5px;}
.board-wrap.list table tbody td{text-align:center; border-bottom:1px solid #ddd; font-size:16px; color:#666; font-weight:400;padding:20px 5px;}
.board-wrap.list table tbody tr.notice td:first-child{color:#111}
.board-wrap.list table tbody tr.notice td.l a{color:#111 !important}
.board-wrap.list table tbody tr.notice td.l a.new{padding-left:35px;background:url(../img/sub/ico-new.png) no-repeat left center; background-size:22px auto;}
.board-wrap.list table tbody td.l{text-align:left;}
.board-wrap.list table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#666 }
.board-wrap.list table tbody td.l a:hover{color:#111;text-decoration:underline}


.board-wrap.list .list table .state{display:inline-block;vertical-align:top;border-radius:4px;width:62px; line-height:30px;background:#ddd; text-align:center; font-size:12px; color:#111;}
.board-wrap.list .list table .state.ready{background:#ff9053; color:#fff;}
.board-wrap.list .list table .state.ing{background:#58ecd9;color:#111;}
.board-wrap.list .list table .state.end{background:#555; color:#fff;}
.board-wrap.list .list table .state.cancel{background:#e7e7e7;  color:#111;}

	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.board-wrap.list .list.notice table{}
		.board-wrap.list .list.notice table colgroup{display:none;}
		.board-wrap.list .list.notice table thead{display:none}
		.board-wrap.list .list.notice table tbody{display:block;}
		.board-wrap.list .list.notice table tbody tr{display:block;border-bottom:1px solid #ddd; padding:15px 10px; position:relative;}
		.board-wrap.list .list.notice table tbody tr:after{display:block; content:"";clear:both;}
		.board-wrap.list .list.notice table tbody tr.notice td:nth-child(1){width:48px;height:17px; border:1px solid #000; text-align:center;font-size:13px; color:#000; display:block; line-height:17px; margin-bottom:5px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(1){display:none;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(3){display:none;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(4){display:block; width:auto;  padding-left:90px}
		.board-wrap.list .list.notice table tbody tr td:nth-child(5){display:block; width:auto; position:absolute; left:10px; bottom:15px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(6){display:none;}
		.board-wrap.list .list.notice table tbody td{float:left; width:100%; border:none; padding:0; font-size:14px;text-align:left;}
		.board-wrap.list .list.notice table tbody td.l a:after{width:100%;height:100%; position:Absolute; left:0; top:0; display:block; content:""}

		
	}
	@media only screen and (max-width:680px){
		.board-wrap.list .list.notice table tbody tr td:nth-child(4){font-size:13px;margin-top:15px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(5){font-size:13px;}
	}
	@media only screen and (max-width:480px){
	
	}

/* =====================================
   board-wrap.detail
===================================== */
.board-wrap.detail .detail{border-bottom:1px solid #ddd}


.board-wrap.detail .tits{border-top:1px solid #000;padding:45px 45px;}
.board-wrap.detail .tits h3{font-size:26px; color:#000; line-height:1.3em; font-weight:400;}
.board-wrap.detail .tits ul{margin-top:20px}
.board-wrap.detail .tits ul:after{display:block; content:"";clear:both;}
.board-wrap.detail .tits li{position:relative;float:left;font-size:15px; color:#777; line-height:1.5em;}
.board-wrap.detail .tits li:nth-child(n+2){margin-left:24px;}
.board-wrap.detail .tits li:nth-child(n+2):before{width:1px;height:14px; top:50%;margin-top:-6px; background:#ddd; position:absolute; left:-13px; display:block; content:""}

.board-wrap.detail .cons{border-top:1px solid #ddd; min-height:200px; padding:45px 45px;font-size:16px; color:#666; line-height:1.5em;}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .tits{padding:40px}
		.board-wrap.detail .tits h3{font-size:22px;}
		.board-wrap.detail .tits ul{margin-top:15px}
		.board-wrap.detail .tits li{font-size:14px;}
		.board-wrap.detail .cons{padding:40px; font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.detail .tits{padding:30px}
		.board-wrap.detail .tits h3{font-size:18px;}
		.board-wrap.detail .tits ul{margin-top:10px}
		.board-wrap.detail .tits li{font-size:13px;}
		.board-wrap.detail .tits li:nth-child(n+2){margin-left:16px;}
		.board-wrap.detail .tits li:nth-child(n+2):before{left:-9px; height:12px; margin-top:-5px;}
		.board-wrap.detail .cons{padding:30px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.detail .tits{padding:20px}
		.board-wrap.detail .tits h3{font-size:17px;}
		.board-wrap.detail .cons{padding:20px; font-size:13px; min-height:190px;}
	}
	@media only screen and (max-width:480px){
		.board-wrap.detail .tits{padding:20px 15px}
		.board-wrap.detail .cons{padding:20px 15px}
	}




.board-wrap.detail .files{border-top:1px solid #ddd; padding:25px 45px;}
.board-wrap.detail .files li {}
.board-wrap.detail .files li:nth-child(n+2){margin-top:5px;}
.board-wrap.detail .files li a{background:url(../img/sub/ico-down02.jpg) no-repeat left 4px;padding-left:50px;font-size:16px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition:background 0s ease-in-out;transition:background 0s ease-in-out;}
.board-wrap.detail .files li a:hover{color:#111; text-decoration:underline}

.board-wrap.detail .others{ border-top:1px solid #ddd}
.board-wrap.detail .others li{ position:relative; padding:20px 20px 20px 145px}
.board-wrap.detail .others li:nth-child(n+2){border-top:1px solid #ddd;}
.board-wrap.detail .others li .btxt{padding-left:45px;font-size:16px; color:#666; line-height:25px; position:absolute; left:0; top:20px;}
.board-wrap.detail .others li a{font-size:16px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-wrap.detail .others li a:hover{color:#111; text-decoration:underline}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .files{padding:20px 40px;}
		.board-wrap.detail .files li a{font-size:15px; padding-left:45px;}
		
		.board-wrap.detail .others li{padding:20px 20px 20px 135px}
		.board-wrap.detail .others li .btxt{padding-left:40px; font-size:15px; top:20px;}
		.board-wrap.detail .others li a{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.detail .files{padding:20px 20px;}
		.board-wrap.detail .files li a{font-size:14px; padding-left:35px;background-size:17px auto;background-position:left 2px; line-height:20px;}
		
		.board-wrap.detail .others li{padding:12px 15px 12px 115px}
		.board-wrap.detail .others li .btxt{padding-left:35px;left:10px; font-size:14px;top:12px; background:url(../img/sub/mpage-prev.jpg) no-repeat 15px center;}
		.board-wrap.detail .others li:nth-child(2) .btxt{background:url(../img/sub/mpage-next.jpg) no-repeat 15px center;}
		.board-wrap.detail .others li a{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.detail .files{padding:15px 20px;}
		.board-wrap.detail .files li:nth-child(n+2){margin-top:2px;}
		.board-wrap.detail .files li a{font-size:13px; padding-left:25px;background-size:13px auto;background-position:left 4px;}
		
		.board-wrap.detail .others li{padding:12px 15px 12px 95px}
		.board-wrap.detail .others li .btxt{padding-left:35px; font-size:13px; left:5px;}
		
		.board-wrap.detail .others li a{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		 .board-wrap.detail .files{padding:15px 13px;}
		
		 .board-wrap.detail .others li{}
		 .board-wrap.detail .others li .btxt{ left:0}
	}


/* =====================================
   board-wrap.write
===================================== */
.board-wrap.write{}
.board-wrap.write .nec-ex{position:absolute; right:0; top:-35px; font-size:14px; background:url(../img/sub/ico-nec.jpg) no-repeat left center; padding-left:15px; line-height:16px; color:#666; }
.board-wrap.write .write{position:relative;border-top:1px solid #000;}
.board-wrap.write .write li{padding:10px 10px 10px 225px; position:relative;border-bottom:1px solid #ddd; min-height:50px;}
.board-wrap.write .write li .btxt{font-size:16px; color:#000;line-height:50px; position:absolute;left:0 ;top:10px; padding-left:40px;}
.board-wrap.write .write li .btxt.nec span{display:inline-block;position:relative;}
.board-wrap.write .write li .btxt.nec span:after{width:11px;height:10px; position:absolute; right:-15px; top:50%;margin-top:-5px; background:url(../img/sub/ico-nec.jpg) no-repeat center center; display:block;content:""}
.board-wrap.write .write li .chk-input{width:100%;}
.board-wrap.write .write li .chk-input.w50p{width:50%}
.board-wrap.write .write li .chk-input.w30p{width:30%}

.board-wrap.write .file-info{padding-left:123px; position:relative;max-width:50%;}
.board-wrap.write .file-info input[type="file"]{display:none;}
.board-wrap.write .file-info .chk-input{display:block;width:100%; box-sizing:border-box;}
.board-wrap.write .file-info .chk-input input[type="text"]{}
.board-wrap.write .file-info .chk-input.active{ }
.board-wrap.write .file-info .chk-input.active input[type="text"]{}
.board-wrap.write .file-info.active label{display:none}
.board-wrap.write .file-info.active .file-delete{display:block;}
.board-wrap.write .file-info label{position:absolute;font-weight:400; left:0; top:0;display:block; font-size:16px; letter-spacing:-0.03em; line-height:55px;background:#888; min-width:124px; color:#fff;text-align:center;}
.board-wrap.write .file-info .file-delete{position:absolute;font-weight:400; left:0; top:0;margin-left:3px;display:none; font-size:16px; letter-spacing:-0.03em; line-height:48px; background:#fff;border:1px solid #1e1e1e; min-width:122px; color:#111;text-align:center;}
	@media only screen and (max-width:1200px){
		.board-wrap.write .write li{padding-left:185px;}
		.board-wrap.write .write li .btxt{font-size:15px;}

		.board-wrap.write .file-info label{font-size:15px; }
		.board-wrap.write .file-info .file-delete{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.write .write li{padding-left:145px; min-height:45px;}
		.board-wrap.write .write li .btxt{font-size:14px;line-height:45px;}

		.board-wrap.write .file-info{padding-left:103px;}
		.board-wrap.write .file-info label{font-size:14px; line-height:45px; min-width:104px;}
		.board-wrap.write .file-info .file-delete{line-height:43px; font-size:14px; min-width:102px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.write .write li{min-height:40px; padding-left:0; padding:15px 10px;}
		.board-wrap.write .write li .btxt{line-height:1.2em;margin-bottom:10px; padding-left:0; position:relative; left:auto; top:auto;}
		.board-wrap.write .write li .chk-input.w50p{width:100%}

		.board-wrap.write .file-info{padding-left:83px;max-width:none}
		.board-wrap.write .file-info label{line-height:40px;min-width:84px; font-size:13px;}
		.board-wrap.write .file-info .file-delete{line-height:38px;min-width:82px; font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.board-wrap.write .file-info{padding-left:74px;}
		.board-wrap.write .file-info label{min-width:75px;}
		.board-wrap.write .file-info .file-delete{min-width:73px;}
	}

	





/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn{min-width:230px;box-sizing:border-box; height:60px;border:1px solid #999; line-height:58px; margin:0 3px 0 0; font-size:16px; font-weight:500;  letter-spacing:-0.03em; text-align:center; display:inline-block;vertical-align:top; border-radius: 4px;}
.bb-btn{background:#13833b; color:#fff; border:1px solid #13833b; }
.bb-btn:hover{background:#fff; color:#13833b; border:1px solid #13833b; }
.bw-btn{background:#fff; color:#666; border:1px solid #777; }
.bw-btn:hover{background:#777; color:#fff; border:1px solid #777;}



	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn {min-width:140px}
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn .bg-btn02{min-width:100px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn {min-width:80px; height:40px; line-height:38px; font-size:14px; padding:0 20px;}
	}
	@media only screen and (max-width:480px){
	}




/* =====================================
   gallery-wrap.list
===================================== */
.gallery-wrap.list{padding-top:0px;}
.gallery-wrap.list .list{}
.gallery-wrap.list .list ul{margin:0 -1%}
.gallery-wrap.list .list ul:after{display:block; content:"";clear:both}
.gallery-wrap.list .list li{float:left; width:31.111111%; margin:0 1%; position:relative;}
.gallery-wrap.list .list li:nth-child(n+4){margin-top:2%}
.gallery-wrap.list .list li a{height:600px; display:block}
.gallery-wrap.list .list li .img{ position:relative;overflow:hidden}
.gallery-wrap.list .list li .img img{height:500px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.gallery-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.gallery-wrap.list .list li .txt{border:1px solid #d0d0d0; border-top:none; height:100px; box-sizing:border-box; padding:25px 24px; position:relative;}
.gallery-wrap.list .list li .btxt{font-size:20px; color:#000; line-height:1.3em;}
.gallery-wrap.list .list li .stxt{margin-top:7px;font-size:16px; color:#666; line-height:1.3em;}
.gallery-wrap.list .list li .ctxt{margin-top:5px;font-size:16px; color:#666; line-height:1.3em;}

.gallery-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.gallery-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.gallery-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.gallery-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.gallery-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.gallery-wrap.list .list li:hover a:before{width:100%;}
.gallery-wrap.list .list li:hover a:after{width:100%;}

.gallery-wrap.list .list li:hover:before{height:100%;}
.gallery-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.gallery-wrap.list .list li{width:31.33333%}
		.gallery-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.gallery-wrap.list .list li a{height:371px;}
		.gallery-wrap.list .list li .img img{height:200px;}
		.gallery-wrap.list .list li .txt{ padding:25px 20px}
		.gallery-wrap.list .list li .btxt{font-size:17px;}
		.gallery-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.gallery-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.gallery-wrap.list{padding-top:20px;}
		.gallery-wrap.list .list li{width:48%}
		.gallery-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.gallery-wrap.list .list li a{height:auto;}
		.gallery-wrap.list .list li .img img{object-fit:fill;height:auto}

		.gallery-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.gallery-wrap.list .list li .btxt{font-size:17px;}
		.gallery-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.gallery-wrap.list{padding-top:10px;}
		.gallery-wrap.list .list ul{margin:0}
		/*.gallery-wrap.list .list li{width:auto; margin:0; float:none;}
		.gallery-wrap.list .list li:nth-child(n+2){margin-top:3%}*/
		.gallery-wrap.list .list li a{height:auto;}
		.gallery-wrap.list .list li .img img{object-fit:fill;height:auto}
		.gallery-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:90px;}
		
	}
	@media only screen and (max-width:480px){
		.gallery-wrap.list{padding-top:0;}
		
	}

/* =====================================
   interior-wrap.list
===================================== */
.interior-wrap.list{padding-top:0px;}
.interior-wrap.list .list{}
.interior-wrap.list .list ul{margin:0 -1%}
.interior-wrap.list .list ul:after{display:block; content:"";clear:both}
.interior-wrap.list .list li{float:left; width:23%; margin:0 1%; position:relative;}
.interior-wrap.list .list li:nth-child(n+5){margin-top:2%}
.interior-wrap.list .list li a{height:340px; display:block}
.interior-wrap.list .list li .img{ position:relative;overflow:hidden}
.interior-wrap.list .list li .img img{height:230px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.interior-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.interior-wrap.list .list li .txt{border:1px solid #d0d0d0; border-top:none; height:111px; box-sizing:border-box; padding:28px 24px; position:relative;}
.interior-wrap.list .list li .btxt{font-size:18px; color:#000; line-height:1.3em;}
.interior-wrap.list .list li .stxt{margin-top:17px;font-size:14px; color:#666; line-height:1.3em;}
.interior-wrap.list .list li .ctxt{margin-top:5px;font-size:14px; color:#666; line-height:1.3em;}

.interior-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.interior-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.interior-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.interior-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.interior-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.interior-wrap.list .list li:hover a:before{width:100%;}
.interior-wrap.list .list li:hover a:after{width:100%;}

.interior-wrap.list .list li:hover:before{height:100%;}
.interior-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.interior-wrap.list .list li{width:31.33333%}
		.interior-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.interior-wrap.list .list li a{height:371px;}
		.interior-wrap.list .list li .img img{height:200px;}
		.interior-wrap.list .list li .txt{ padding:25px 20px}
		.interior-wrap.list .list li .btxt{font-size:17px;}
		.interior-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.interior-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.interior-wrap.list{padding-top:20px;}
		.interior-wrap.list .list li{width:48%}
		.interior-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.interior-wrap.list .list li a{height:auto;}
		.interior-wrap.list .list li .img img{object-fit:fill;height:auto}

		.interior-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.interior-wrap.list .list li .btxt{font-size:15px;}
		.interior-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.interior-wrap.list{padding-top:10px;}
		.interior-wrap.list .list ul{margin:0}
		.interior-wrap.list .list li{width:auto; margin:0; float:none;}
		.interior-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.interior-wrap.list .list li a{height:auto;}
		.interior-wrap.list .list li .img img{object-fit:fill;height:auto}
		.interior-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:90px;}
		
	}
	@media only screen and (max-width:480px){
		.interior-wrap.list{padding-top:0;}
		
	}

/* =====================================
   cerfity-wrap.list
===================================== */
.cerfity-wrap.list{padding-top:0px;}
.cerfity-wrap.list .list{}
.cerfity-wrap.list .list ul{margin:0 -1%}
.cerfity-wrap.list .list ul:after{display:block; content:"";clear:both}
.cerfity-wrap.list .list li{float:left; width:23%; margin:0 1%; position:relative;}
.cerfity-wrap.list .list li:nth-child(n+5){margin-top:2%}
.cerfity-wrap.list .list li a{display:block}
.cerfity-wrap.list .list li .img{position:relative;border:1px solid #d0d0d0; padding:10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; }
.cerfity-wrap.list .list li .img p{border:1px solid #f0f0f0;overflow:hidden;}
.cerfity-wrap.list .list li .img img{ width:100%;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}
.cerfity-wrap.list .list li .txt{margin-top:20px; height:42px; text-align:center;}
.cerfity-wrap.list .list li .btxt{font-size:16px; color:#000; line-height:1.3em;}
.cerfity-wrap.list .list li .stxt{margin-top:5px;font-size:14px; color:#666; line-height:1.3em;}
.cerfity-wrap.list .list li a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.cerfity-wrap.list .list li .img:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:-1px; top:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.cerfity-wrap.list .list li .img:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:-1px; bottom:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.cerfity-wrap.list .list li .img p:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:-1px; top:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.cerfity-wrap.list .list li .img p:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:-1px; bottom:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.cerfity-wrap.list .list li a:hover .img:before{width:calc(100% + 2px); }
.cerfity-wrap.list .list li a:hover .img:after{width:calc(100% + 2px)}

.cerfity-wrap.list .list li a:hover .img p:before{height:calc(100% + 2px);}
.cerfity-wrap.list .list li a:hover .img p:after{height:calc(100% + 2px)}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.cerfity-wrap.list{padding-top:20px;}
		.cerfity-wrap.list .list li{width:23%}
		.cerfity-wrap.list .list li:nth-child(n+5){margin-top:4%}
		.cerfity-wrap.list .list li .txt{margin-top:15px;}
		.cerfity-wrap.list .list li .btxt{font-size:15px}
		.cerfity-wrap.list .list li .stxt{font-size:13px}
	}
	@media only screen and (max-width:680px){
		.cerfity-wrap.list{padding-top:10px;}
		.cerfity-wrap.list .list li{width:31.33333%}
		.cerfity-wrap.list .list li:nth-child(n+4){margin-top:4%}
		.cerfity-wrap.list .list li .txt{margin-top:10px;}
		.cerfity-wrap.list .list li .btxt{font-size:14px}
		.cerfity-wrap.list .list li .stxt{margin-top:2px;font-size:12px}
	}
	@media only screen and (max-width:480px){
		.cerfity-wrap.list{padding-top:0;}
		.cerfity-wrap.list .list li{width:48%}
		.cerfity-wrap.list .list li:nth-child(n+3){margin-top:4%}

		.cerfity-wrap.list .list li .btxt{font-size:13px}
	}




/* =====================================
   layer-wrap.cerfity
===================================== */
.layer-wrap.cerfity{position:fixed;width:100%; height:100%; left:-9999em !important; top:0;display:block !important;}
.layer-wrap.cerfity.active{left:0 !important;}
.layer-wrap.cerfity .is-top{position:relative; z-index:9121;}
.layer-wrap.cerfity .is-top .close{background:url(../img/layout/bt-mnclose02.png) no-repeat center center; width:24px;height:24px; position:fixed; right:25px;top:32px;}
.layer-wrap.cerfity .is-con .item{position:relative;height:100%;}
.layer-wrap.cerfity .is-con .img {width:80%;max-width:500px;  margin:0 auto;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.cerfity .is-con .img img{width:100%;display:inline-block;vertical-align:top  }
.layer-wrap.cerfity .is-con dl{margin-top:15px; padding:22px 28px; background:#f0f0f0}
.layer-wrap.cerfity .is-con dt{font-size:16px; color:#000; font-weight:700; line-height:1.2em; margin-bottom:10px;}
.layer-wrap.cerfity .is-con dd{font-size:14px; color:#222; font-weight:400; line-height:1.2em; letter-spacing:-0.02em;}
.layer-wrap.cerfity .is-con dd:nth-child(n+3){margin-top:9px;}

.layer-wrap.cerfity .cerfity-slide{position:absolute;overflow:hidden;width:100%;height:100%;left:0; top:0;}

.layer-wrap.cerfity .slick-list{overflow:visible;height:100%;}
.layer-wrap.cerfity .slick-track{height:100%;}
.layer-wrap.cerfity .slick-prev{ z-index:4123;position:absolute; left:20px; top:50%;margin-top:-20px;width:20px;height:40px;background:url(../img/sub/slide-prev.png) no-repeat center center; background-size:100% auto;}
.layer-wrap.cerfity .slick-next{ z-index:4123;position:absolute; right:20px; top:50%;margin-top:-20px;width:20px;height:40px;background:url(../img/sub/slide-next.png) no-repeat center center; background-size:100% auto;}
.layer-wrap.cerfity .slick-disabled{display:none !Important}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.layer-wrap.cerfity .is-top .close{background-size:20px auto; right:18px; top:18px;}
		.layer-wrap.cerfity .slick-prev{background-size:12px auto; width:12px; left:10px;}
		.layer-wrap.cerfity .slick-next{background-size:12px auto; width:12px; right:10px;}
	}
	@media only screen and (max-width:480px){
		
	}


/* =====================================
   faq-wrap.list
===================================== */
.faq-wrap.list { }
.faq-wrap.list ul { border-top: 1px solid #000 }
.faq-wrap.list li { position: relative; border-bottom: 1px solid #ddd; }
.faq-wrap.list li:nth-child(n+2) { }
.faq-wrap.list li .sel { display: block; padding: 30px 75px 30px 70px; position: relative; }
.faq-wrap.list li .sel:before { position: absolute; width: 36px; height: 36px; left: 20px; top: 22px; background: #7197ff; border-radius: 100%; text-align: center; line-height: 36px; color: #fff; font-size: 14px; font-weight: 400; display: block; font-family: 'Roboto'; content: "Q" }
.faq-wrap.list li .sel:after { width: 28px; height: 14px; background: url(../img/sub/faq-off.png) no-repeat center center; display: block; content: ""; position: absolute; right: 25px; top: 32px; }
.faq-wrap.list li.active .sel:after, .faq-wrap.list li.show .sel:after { background-image: url(../img/sub/faq-on.png) }
.faq-wrap.list li .sel .btxt { font-size: 20px; font-weight: 400; color: #333; line-height: 1.2em; word-break: keep-all; }
.faq-wrap.list li .sel .stxt { margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; line-height: 1.2em; }
.faq-wrap.list li .txt { display: none; position: relative; padding: 20px 70px; background: #f7f7f7; border-top: 1px solid #ddd;}
.faq-wrap.list li .txt .btxt{ font-size: 17px; line-height: 1.5em;}
.faq-wrap.list li .txt:before { position: absolute; width: 36px; height: 36px; left: 20px; top: 22px; background: #fa7636; border-radius: 100%; text-align: center; line-height: 36px; color: #fff; font-size: 14px; font-weight: 400; display: block; font-family: 'Roboto'; content: "A" }
.faq-wrap.list li .txt ul { border: none }
.faq-wrap.list li .txt li { border-bottom: none; position: relative; padding-left: 130px; }
.faq-wrap.list li .txt li:nth-child(n+2) { margin-top: 7px; }
.faq-wrap.list li .txt li .btxt { position: absolute; left: 0; top: 0; font-size: 17px; font-weight: 400; color: #555; line-height: 1.4em; }
.faq-wrap.list li .txt li .stxt { font-size: 15px; font-weight: 400; color: #555; line-height: 1.4em; word-break: keep-all; }

@media only screen and (max-width:1368px) {
.faq-wrap.list li .sel .btxt { font-size: 17px; font-weight: 400; color: #333; line-height: 1.2em; word-break: keep-all; }
.faq-wrap.list li .sel .stxt { font-size: 14px; }
.faq-wrap.list li .txt .btxt { font-size: 15px; line-height: 1.5em;}
}

 @media only screen and (max-width:1200px) {
.faq-wrap.list li .sel .btxt { font-size: 17px; }
.faq-wrap.list li .sel .stxt { font-size: 14px; }
.faq-wrap.list li .txt .btxt{ font-size: 15px; line-height: 1.4em;}
}
 @media only screen and (max-width:999px) {
.faq-wrap.list li .sel { padding: 17px 55px 17px 50px; }
.faq-wrap.list li .sel .btxt { font-size: 17px; }
.faq-wrap.list li .sel .stxt { font-size: 14px; margin-top: 5px; }
.faq-wrap.list li .sel:after { width: 20px; right: 20px; top: 27px; }
.faq-wrap.list li .sel:before { width: 26px; height: 26px; line-height: 26px; font-size: 13px; left: 15px; top: 15px; }
.faq-wrap.list li .txt { padding: 17px 50px; }
.faq-wrap.list li .txt:before { width: 26px; height: 26px; line-height: 26px; font-size: 13px; left: 15px; top: 15px; }
.faq-wrap.list li .txt li { padding-left: 110px; }
.faq-wrap.list li .txt li .btxt { font-size: 14px; }
.faq-wrap.list li .txt li .stxt { font-size: 14px; }
}
 @media only screen and (max-width:680px) {
.faq-wrap.list li .sel { padding: 17px 45px 17px 40px; }
.faq-wrap.list li .sel .btxt { font-size: 15px; }
.faq-wrap.list li .sel .stxt { font-size: 13px; opacity: 0.75 }
.faq-wrap.list li .sel:after { width: 14px; right: 15px; top: 25px; }
.faq-wrap.list li .sel:before { width: 22px; height: 22px; line-height: 22px; font-size: 12px; left: 10px; top: 15px; }
.faq-wrap.list li .txt { padding: 17px 40px; }
.faq-wrap.list li .txt:before { width: 22px; height: 22px; line-height: 22px; font-size: 12px; left: 10px; top: 15px; }
.faq-wrap.list li .txt li { padding-left: 0; }
.faq-wrap.list li .txt li:nth-child(n+2) { margin-top: 10px; }
.faq-wrap.list li .txt li .btxt { font-size: 14px; position: relative; left: auto; top: auto; font-weight: 700; margin-bottom: 3px; }
.faq-wrap.list li .txt li .stxt { font-size: 14px; }
}
 @media only screen and (max-width:480px) {
.faq-wrap.list li .sel { padding: 17px 40px }
.faq-wrap.list li .sel .btxt { font-size: 14px; }
}



/* =====================================
   private
===================================== */

 .private{margin-top:55px;}
 .private .scroll{border:1px solid #d9d9d9; padding:35px; max-height:195px; box-sizing:border-box; overflow-y:auto;}
 .private .scroll p{font-size:15px; font-weight:400; line-height:1.7em; color:#666;word-break: keep-all;}
 .private .agrees{margin-top:25px; text-align:right;}
 .private .tit {font-size:21px;margin-bottom:15px; font-weight:400;}

 @media only screen and (max-width:1200px) {
		 .private .scroll{padding:25px;}
		.private .tit {font-size:21px;margin-bottom:15px;}
	}

	@media only screen and (max-width:999px) {
	 .private .tit{font-size:18px;margin-bottom:10px;}
		 .private{margin-top:35px;}
		.private .scroll{padding:20px;}
		.private .scroll p{font-size:14px}
		.private .agrees{margin-top:15px;}

	}

	@media only screen and (max-width:680px) {
.private  .tit{font-size:16px;}
		 .private .scroll{padding:20px 15px;}
		 .private .scroll p{font-size:13px}
	}