@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;}



/*===========================================
   titile 
=============================================*/
.u-title{font-size: 30px;line-height: 1.2em;letter-spacing: -0.01em;color: #000;font-weight:400;}
/*@media only screen and (max-width:1280px) {
	.u-title{font-size:4.5vw;}
}
@media only screen and (max-width:500px) {
	.u-title{font-size:17px;}
}
.u-title-ex{text-align:center;font-size: 15px;line-height: 1.2em;letter-spacing: -0.01em;color: #757575;font-weight:400;}
@media only screen and (max-width:1280px) {
	.u-title-ex{font-size:2vw;}
}
@media only screen and (max-width:500px) {
	.u-title-ex{font-size:8px;}
}*/

/*===========================================
   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;}


/*=======================================================
  input & select
=========================================================*/
.field{font-size:0;position:relative;}
.field:after{display:block; content:"";clear:both}
/* ======================================================
   input & select 
=========================================================*/
.chk-input {display:inline-block; vertical-align:top; position:relative;}
.chk-input input[type="text"], .chk-input input[type="password"]{height:50px; letter-spacing:-0.01em; border:1px solid #e5e5e5; background:#fff; color:#000; padding:0 10px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative;border-radius: 3px;}
.chk-input.active input[type="text"], .chk-input.active input[type="password"]{color:#000;font-weight:400 !important}
.chk-input input[type="text"]:focus, .chk-input input[type="password"]:focus{color:#000 !important}
.chk-input input[type="text"], .chk-input input:placeholder{color:#cacaca;}
.chk-input input:placeholder{color:#cacaca;}
.chk-input input::-webkit-input-placeholder{color: #cacaca;}
.chk-input input::-moz-placeholder{color: #cacaca;}
.chk-input input:-ms-input-placeholder{color: #cacaca;}
	

.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../images/content/selbox-arrow.png) no-repeat center center; position:absolute; width:12px; height:7px; margin-top:-3.5px; right:7px; top:50%; display:block; content:""; z-index:3}
.chk-select select{font-size:15px; border:1px solid #e5e5e5; width:100%; height:40px; color:#666; box-sizing:border-box; padding:0 20px 0 13px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:2; cursor:pointer;border-radius: 3px;background: #fff}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select{color:#222;}
	

.chk-radio {height: 16px;display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;position: relative;}
.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:21px; font-size:15px; color:#000; line-height:15px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:0px; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #c2c2c2; border-radius:100%; box-sizing:border-box; background: url(../images/content/radio-check-off.png) no-repeat center;}
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:before {background:url(../images/content/radio-check-on.png) no-repeat center;}
	

.chk-check{height: 16px;display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;text-align: right;position: relative;}
.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:23px; font-size:16px; line-height:16px; color:#000; font-weight:400; letter-spacing:-0.02em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:16px; height:16px; 
text-align:center; background: url(../images/content/check-off.png) no-repeat center;}
.chk-check input[type="checkbox"]:checked + label{color:#1e1e1e;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../images/content/check-on.png) no-repeat center;}

.chk-check.c20{height:20px;}
.chk-check.c20 input[type="checkbox"] + label:before{width:20px; height:20px;background: url(../images/content/check-off-20.png) no-repeat center;}
.chk-check.c20 input[type="checkbox"]:checked + label:before{background:url(../images/content/check-on-20.png) no-repeat center;}

.chk-check.c24{height:24px;}
.chk-check.c24 input[type="checkbox"] + label:before{width:24px; height:24px;background: url(../images/content/check-off-24.png) no-repeat center;}
.chk-check.c24 input[type="checkbox"]:checked + label:before{background:url(../images/content/check-on-24.png) no-repeat center;}
	

.chk-check1{height: 16px;display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;text-align: right;position: relative;}
.chk-check1 input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-check1 input[type="checkbox"] + label{display:block; position:relative; padding-left:25px; font-size:16px; line-height:16px; color:#000; font-weight:400; letter-spacing:-0.02em; cursor:pointer;}
.chk-check1 input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:2px; box-sizing:border-box;width:17px; height:12px; 
text-align:center; background: url(../images/content/icon-check-off.png) no-repeat center;}
.chk-check1 input[type="checkbox"]:checked + label{color:#1e1e1e;}
.chk-check1 input[type="checkbox"]:checked + label:before{background:url(../images/content/icon-check-on.png) no-repeat center;}

.textarea16{font-size: 16;line-height:26px;letter-spacing: -0.01em;}	
.textarea16:placeholder{color:#cacaca;}
.textarea16::-webkit-input-placeholder{color: #cacaca;}
.textarea16::-moz-placeholder{color: #cacaca;}
.textarea16:-ms-input-placeholder{color: #cacaca;}

/* ======================================================
   tbl-type 
=========================================================*/
.tbl-type01{border-top:2px solid #606060; font-size:16px;table-layout:fixed}
.tbl-type01 thead th{background:#ededed;font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.2em; padding:14px 0 13px 0;text-align:center;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3}
.tbl-type01 tbody th{background:#f6f6f6;font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.2em; padding:14px 0 13px 0;text-align:center;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3}
.tbl-type01 tbody td{font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.2em; padding:14px 0 13px 0;text-align:center;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3}
.tbl-type01 thead tr th:nth-child(1){border-left:none;}
.tbl-type01 tbody tr th:nth-child(1), .tbl-type01 tbody tr td:nth-child(1){border-left:none;}
.tbl-bd{border:1px solid #e5e5e5;}

/* ======================================================
   u-list01 
=========================================================*/
.u-list01{}
.u-list01 li{color:#666; font-size:16px; margin-top:6px; position:relative; padding-left:12px;line-height:1.4em; text-align:left;}
.u-list01 li:first-child{margin-top:0;}
.u-list01 li:before{width:5px;height:1px; background:#666; position:absolute; left:0; top:11px; display:block;content:"";clear:both;}
.u-list01 li ul{padding-left:10px; padding-top:5px;}
.u-list01 li ul li{padding-left:10px; line-height:1.3em; margin-top:2px;}
.u-list01 li ul li:before{display:none;}
.u-list01 li ul li:first-child{padding-left:2px}


/* ======================================================
   paging-wrap 
=========================================================*/
.paging-wrap{margin-top:50px;font-size:0; text-align:center; display:block; position:relative;}
.paging-wrap a.none{ opacity:0.4;margin:0 3px;display:inline-block;vertical-align:top;text-decoration: none;
	box-sizing:border-box;-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;cursor: default;pointer-events: none;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 1vw}
.paging-wrap li{margin:0 0.6vw;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;height:30px; min-width:30px; min-height:30px; font-size:14px; color:#000; 
	text-align:center;line-height:30px;font-weight:400;border-color:#e5e5e5;border-radius: 3px;border:1px solid #e5e5e5;padding:0 11px;box-sizing:border-box;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.paging-wrap li.active a, .paging-wrap li.active a:hover{ color:#000;background:#e5e5e5; border-color:#e5e5e5;border-radius: 3px;}

.paging-wrap li a.dot{border-color:#fff; padding:0; width:auto;}

.paging-wrap a.prev2{background:url(../images/content/prevprev-arrow.png) no-repeat center center; background-size:auto 10px;}
.paging-wrap a.prev{background:url(../images/content/prev-arrow.png) no-repeat center center; background-size:auto 10px;}
.paging-wrap a.next{background:url(../images/content/next-arrow.png) no-repeat center center;background-size:auto 10px;}
.paging-wrap a.next2{background:url(../images/content/nextnext-arrow.png) no-repeat center center;background-size:auto 10px;}

/*.paging-wrap a.ctrl:hover{opacity:1;}
*/

/* button */
.gr-btn{display:inline-block;height: 44px;border: solid 1px #077f83;background-color: #ffffff;color: #077f83;font-size: 16px;
    line-height: 43px;letter-spacing: -0.01em;font-weight: 700; box-sizing: border-box;padding:0 31px;border-radius: 3px;    text-align: center;}
.gr-btn1{  text-align: center;width:80px;display:inline-block;height: 30px;border: solid 1px #077f83;background-color: #ffffff;color: #077f83;font-size: 15px;
    line-height: 30px;letter-spacing: -0.01em;font-weight: 700; box-sizing: border-box;padding:0 11px;border-radius: 3px;}
.gr-btn1.disable{color: #cacaca;border-color: #e5e5e5;cursor: default;/* pointer-events: none; */ }
.gr-bg-btn{  text-align: center;display:inline-block;height: 44px;border: solid 1px #077f83;background-color: #077f83;color: #fff;font-size: 16px;
    line-height: 43px;letter-spacing: -0.01em;font-weight: 700; box-sizing: border-box;padding:0 31px;border-radius: 3px;}   
.gr-btn-75{display:inline-block;height: 44px;border: solid 1px #cacaca;background-color: #ffffff;color: #757575;font-size: 16px;
    line-height: 43px;letter-spacing: -0.01em;font-weight: 700; box-sizing: border-box;border-radius: 3px;    text-align: center;}
.br-btn, .bb-btn, .bg-btn, .bw-btn {border:none;display:inline-block;font-weight:400;min-width:20vw;font-size:100%;height:8vw;text-align:center; box-sizing:border-box;border-radius:5px;}
.br-btn span, .bb-btn span, .bg-btn span, .bw-btn span{font-size:3.2vw;}
.br-btn {background:#d71919;border:1px solid #d71919;}
.bb-btn {background:#1c1f7e;border:1px solid #1c1f7e;}
.br-btn span, .bb-btn span, .bg-btn span, .bw-btn span{display:block;color:#fff;line-height:11.8vw;line-height:7.9vw;text-align:center;padding:0 5vw;}
.bg-btn {background:#f2f2f2;border:1px solid #dedede;}
.bg-btn span {padding:0 25px;display:block;color:#414141;text-align:center;}

.bb-btn:hover{background:#111;border-color:#111;}
.bb-btn:hover span{color:#fff;}

.bw-btn {background:#fff;border:1px solid #1c1f7e;}
.bw-btn span {padding:0 25px;display:block;color:#1c1f7e;text-align:center;}
.bw-btn:hover{background:#1c1f7e}
.bw-btn:hover span{color:#fff;}
/* 	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		.br-btn, .bb-btn, .bg-btn, .bw-btn {min-width:100px; height:40px;}
		.br-btn span, .bb-btn span, .bg-btn span, .bw-btn span{padding:0 25px;  line-height:38px;}
		.br-btn span, .bb-btn span, .bg-btn span, .bw-btn span{font-size:15px;}

	} */

/*===========================================
  .c
=============================================*/
.field{font-size:0;position:relative;}
.field:after{display:block; content:"";clear:both}

/*===========================================
  .scrolls
=============================================*/
.scrolls{padding-right: 46px;}
