@charset "utf-8";
i, em{font-style:normal}
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}
.disabled{display:none}

/*===========================================
  line
=============================================*/
.bd-line{background:#f7f7f7;}
.bd-line.m-show{display:none;}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:999px) {
		.bd-line{height:10px; width:calc(100% + 40px); margin-left:-20px;}	
	}
	@media only screen and (max-width:860px) {
		.bd-line.m-show{display:block;}
	}
	@media only screen and (max-width:680px) {
		.bd-line{width:calc(100% + 30px); margin-left:-15px;}	
	}
	@media only screen and (max-width:480px) {
		
	}

/*===========================================
  skipNavi
=============================================*/
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}





/*===========================================
   common layer 2020-11-25
=============================================*/
.layer-wrap.myInfo{position:absolute; display:none; right:148px; margin-right:-20px; border-radius:4px;top:62px;background:#fff; width:160px;border:1px solid #e2e2e2;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; }
.layer-wrap.myInfo:after{width:20px;height:10px; background:url(../_Img/Layout/hash-arrow2.png) no-repeat center bottom; background-size:100% auto;display:block;content:"" ;left:50%;margin-left:-12px; top:-10px; position:absolute;}
.layer-wrap.myInfo .info{padding:16px 0 24px 0;text-align:center;}
.layer-wrap.myInfo .info .photo{display:inline-block;vertical-align:top; width:56px;height:56px;overflow:hidden;border-radius:100%;}
.layer-wrap.myInfo .info .photo img{width:56px;height:56px;object-fit:cover;}
.layer-wrap.myInfo .info .btxt{font-size:12px; font-weight:700; line-height:1.2em; color:#000;margin-top:8px;}
.layer-wrap.myInfo .info .stxt{font-size:12px; font-weight:700; line-height:1.2em; color:#4e4e4e; margin-top:4px;}
.layer-wrap.myInfo .info .bt-setting{width:16px;height:16px; position:absolute; right:8px; top:8px;background:url(../_Img/Layout/bt-setting.png) no-repeat center center; background-size:100% auto}

.layer-wrap.myInfo ul{border-top:1px solid #f3f3f3}
.layer-wrap.myInfo li:nth-child(n+2){border-top:1px solid #f3f3f3}
.layer-wrap.myInfo li a{display:block; position:relative; height:48px; padding-left:55px; line-height:48px; font-size:12px;font-weight:700; color:#4e4e4e}
.layer-wrap.myInfo li .photo{position:absolute; left:11px; top:6px; width:36px;height:36px; border-radius:100%; overflow:hidden;}
.layer-wrap.myInfo li .photo img{width:100%;height:36px;margin-top:-12px;object-fit:cover;}
.layer-wrap.myInfo li .txt{line-height:48px;}
.layer-wrap.myInfo li a.add-btn{padding-left:45px}
.layer-wrap.myInfo li a.add-btn:before{width:16px;height:16px; position:absolute; left:11px; top:16px;background:url(../_Img/Layout/bt-plus.png) no-repeat center center; display:block; content:"";background-size:100% auto}
	@media only screen and (max-width:999px) {
		 /* 2020-12-01 */
		.layer-wrap.myInfo{top:54px; left:50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.layer-wrap.myInfo:after{width:20px;height:10px; background:url(../_Img/Layout/hash-arrow2.png) no-repeat center bottom; background-size:100% auto;display:block;content:"" ;left:50%;margin-left:-12px; top:-10px; position:absolute;}
	}





/*===========================================
  u-tit01
=============================================*/
.u-tit01{font-size:24px; font-weight:700; color:#000; line-height:1.2em; margin-bottom:24px; letter-spacing:-0.02em;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.u-tit01{font-size:20px; margin-bottom:16px} 
	}
	@media only screen and (max-width:480px) {
		
	}

/*===========================================
  u-tab
=============================================*/
.u-tab01{text-align:center;margin-bottom:36px;}
.u-tab01 ul{}
.u-tab01 ul:after{display:block; content:"";clear:both;}
.u-tab01 li{display:inline-block;vertical-align:top;}
.u-tab01 li a{display:block; line-height:1.1em; padding-bottom:9px;font-size:14px; color:#6f6f6f; position:relative; letter-spacing:-0.035em;font-weight:700;min-width:164px; border-bottom:1px solid #e1e1e1}
.u-tab01 li.active a{color:#000;}
.u-tab01 li.active a:after{width:100%;height:2px; bottom:-1px ;position:absolute; left:0;display:block; background:#000; content:""}
.u-tab01 li a:hover{background:#fff;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.u-tab01{margin-bottom:24px}
	}
	@media only screen and (max-width:480px) {
		.u-tab01 li{float:left; width:33.333%;}
		.u-tab01 li a{min-width:auto}
	}


.u-tab02{text-align:center;margin-bottom:16px; border-bottom:1px solid #e1e1e1}
.u-tab02 ul{}
.u-tab02 ul:after{display:block; content:"";clear:both;}
.u-tab02 li{float:left; width:164px;}
.u-tab02 li a{display:block; line-height:16px; padding-bottom:10px; position:relative; font-size:14px; color:#6f6f6f; }
.u-tab02 li a:after{width:100%;height:2px; position:absolute; left:0; bottom:-1px; display:none; content:"";background:#000;}
.u-tab02 li.active a{color:#000; font-weight:700}
.u-tab02 li.active a:after{display:block;}
	@media only screen and (max-width:999px) {
		.u-tab02 li{width:33.33333%}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

/*  */
.u-tab03{text-align:center;margin-bottom:36px;}
.u-tab03 ul{}
.u-tab03 ul:after{display:block; content:"";clear:both;}
.u-tab03 li{display:inline-block;vertical-align:top;}
.u-tab03 li a{display:block; line-height:1.1em; padding-bottom:9px;font-size:14px; color:#6f6f6f; position:relative; letter-spacing:-0.035em;font-weight:700;min-width:164px; border-bottom:1px solid #e1e1e1}
.u-tab03 li.active a{color:#000;}
.u-tab03 li.active a:after{width:100%;height:2px; bottom:-1px ;position:absolute; left:0;display:block; background:#000; content:""}
.u-tab03 li a:hover{background:#fff;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.u-tab03{margin-bottom:24px}
	}
	@media only screen and (max-width:480px) {
		.u-tab03 li{float:left; width:50%;}
		.u-tab03 li a{min-width:auto}
	}

/*===========================================
  input & select
=============================================*/
.field:after{display:block;content:"";clear:both;}
.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:40px;border:none; font-weight:700; letter-spacing:0; background:#fff; border:1px solid #979797;color:#4e4e4e; padding:0 16px;font-size:14px; box-sizing:border-box; display:block; width:100%; position:relative;}

	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
	
	}
	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; background-size:12px auto; position:absolute; width:20px; height:20px; margin-top:-10px; position:absolute; right:8px; top:50%; display:block; content:""; z-index:3; opacity:0.9}
.chk-select select{font-size:16px;  width:100%; height:40px; border:1px solid #979797; color:#666;  border-radius:40px;box-sizing:border-box; padding:0 30px 0 12px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0; letter-spacing:-0.67px; position:relative; z-index:5; cursor:pointer;}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select{color:#1f1f1f;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
	
	}

.chk-radio{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.chk-radio input[type="radio"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-radio input[type="radio"] + label{display:block; position:relative; padding-left:36px; font-size:16px; line-height:1.2em; min-height:28px; box-sizing:border-box; padding-top:4px; color:#fff; font-weight:400; letter-spacing:-0.67px; cursor:pointer;}
.chk-radio input[type="radio"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:28px; height:28px; text-align:center; background:#fff;border-radius:100%;}
.chk-radio input[type="radio"]:checked + label{color:#fff;}
.chk-radio input[type="radio"]:checked + label:before{background:url(../_Img/Sub/radio-on.png) no-repeat center #9ecd14; background-size:50% auto;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
	
	}
	
.chk-check{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:36px; font-size:16px; line-height:1.2em; min-height:28px; box-sizing:border-box; padding-top:4px; color:#fff; font-weight:400; letter-spacing:-0.67px; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; border-radius:2px; left:0px; top:0px; box-sizing:border-box;width:28px; height:28px; text-align:center; background:#fff;border-radius:1px;}
.chk-check input[type="checkbox"]:checked + label{color:#fff;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../_Img/Sub/check-on.png) no-repeat center #9ecd14;background-size:60% auto;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
	
	}




/*===========================================
  .paging-wrap
=============================================*/
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative; margin-top:55px;}
.paging-wrap a.ctrl{ display:inline-block;vertical-align:top;text-decoration:none; width:20px; height:20px;text-align:center; ;box-sizing:border-box; border:none}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 15px; font-size:0;}
.paging-wrap li{margin:0 7px;position:relative;}
.paging-wrap li.active{z-index:5;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;min-width:20px; height:20px;  letter-spacing:-0.03em;font-size:16px; border:none; font-weight:400; padding:0 5px;color:#929292; text-align:center;line-height:20px;box-sizing:border-box;font-weight:400; }
.paging-wrap li.active a{color:#0075c1;font-weight:700;}
.paging-wrap li a:hover{color:#0075c1;}

.paging-wrap a.prev{background:url(../_Img/Sub/page-prev.png) no-repeat center center;  background-size:8px auto;}
.paging-wrap a.next{background:url(../_Img/Sub/page-next.png) no-repeat center center;  background-size:8px auto;}
	@media only screen and (max-width:999px) {
		.paging-wrap{margin-top:45px;}
		.paging-wrap ul{padding:0 12px;} 
		.paging-wrap li{margin:0 4px;}
		.paging-wrap li a{min-width:15px; font-size:14px;}
	}
	@media only screen and (max-width:680px) {
		.paging-wrap{margin-top:35px;}
	}
	@media only screen and (max-width:480px) {
		.paging-wrap{margin-top:25px;}
	}




/*===========================================
  .field & lower & upper
=============================================*/
.field{font-size:0;position:relative;}
.field:after{display:block; content:"";clear:both}
.lower:after, .upper:after{display:block; content:"";clear:both}
	@media only screen and (max-width:999px) {
		
	}