@charset "utf-8";


body {
	font-family:'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	width:100%;
	height:auto;
	-webkit-text-size-adjust:none;	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color: #424242;
	background-color: #fff;
}
div,a {
	box-sizing:border-box;
}
body,div,span,a,p,img,ul,li,h1,h2,h3,h4 {
	margin:0;padding:0;
}
#tal a:link {color:#000;text-decoration: none;}
#tal a:visited {color:#000;}
#tal a:hover{color:#555;text-decoration: underline;}
#tal a:active{color:#000;}
ul{list-style-type: none;}

img {
	border: none;
}
.red{color:#ff0000;}
.rtat90{display: inline-block;transform: rotate( 90deg );}
.nav-wrap{
	display: none;
}



h2{
	font-size:30px;
	font-weight:bold;
	padding:3px 0 0 4px;
	margin:0 auto;
	display: inline-block;
	letter-spacing: 0px;
	color: #424242;
}

#wk01 h2,#wk02 h2,#wk03 h2,#wk04 h2,#wk05 h2,#wk06 h2,#wk07 h2,#wk08 h2,#wk09 h2,#wk10 h2,#wk11 h2,#wk12 h2,#wk13 h2,#wk14 h2,#wk15 h2{color: #fff !important;}


.h2wrap{
	width:100%;
	text-align: center;
	margin:35px 0 10px 0;
}
.h2wrap2{
	width:100%;
	text-align: center;
	margin:20px 0 10px 0;
}
h3{
	display: inline-block;
	width:500px;
	text-align: center;
	font-size:25px;
	font-weight:bold;
	margin:10px 0;
	line-height: 1.8em;
	position: relative;
color: #fff;
	background: #223340;

}
h3:before {

}



.nrmpct{

	border:1px solid #6e6e6e;
	box-sizing: border-box;
}

.nrmpctw{

	border:2px solid #fff;
	box-sizing: border-box;
}



.fsz-27{
	font-size:27px !important;
	letter-spacing:1px !important;
}
.ltsl-n{
	letter-spacing: normal !important;
}
h4{
	width:100%;
	text-align: center;
	font-size:25px;
	font-weight:bold;
		margin:40px 0 30px 0;
}
label {
cursor:pointer;
}





@media screen and ( max-width:767px ){
	
h2{
	font-size:21px;
	letter-spacing: 0px;
}
	
	
	h3{
margin-top:0.5em;
	font-size:20px;
letter-spacing:0px;
		margin-bottom:0em;
	}
	
	
	
	h3:before {
  
}
	
	
	
	
	
	
}
















.tltsub{
	width:100%;
	text-align: left;
	font-size:50%;
	margin:0px 0 0px 50px;
	font-weight: normal;
}

.mrg20{
	margin:20px 0 !important;
}
.mrg20-10{
	margin-top:20px !important;
	margin-right:5px !important;
	margin-bottom:15px !important;
	margin-left:5px !important;
}
.mrg40{

		margin-top:40px !important;
	margin-right:0px !important;
	margin-bottom:10px !important;
	margin-left:0px !important;
}
.mrg40-5{

		margin-top:40px !important;
	margin-right:0px !important;
	margin-bottom:5px !important;
	margin-left:0px !important;
}
.mrg50-5{

		margin-top:50px !important;
	margin-right:0px !important;
	margin-bottom:5px !important;
	margin-left:0px !important;
}
.mrg0{
	margin:0 !important;
}
.mrg30{
	margin-top:30px !important;
	margin-right:0 !important;
	margin-left:0 !important;
	margin-bottom:5px !important;
}
.mrg-b30{
	margin-bottom:30px !important;
}
.mrg-b50{
	margin-bottom:50px !important;
}
.mrg-t10{
	margin-top:10px !important;
}
.mrg-t30{
	margin-top:30px !important;
}
.mrg-t40{
	margin-top:40px !important;
}
.mrg-t50{
	margin-top:50px !important;
}
.mrg-t70{
	margin-top:70px !important;
}
.mrg-t80{
	margin-top:80px !important;
}
.mrg-t90{
	margin-top:90px !important;
}
.txt-left{text-align: left !important;}


.clear {
	clear:both;
}







.emp-bd{
	background: #EFF3F6;
	padding: 0;
	margin: 0;
}
.emp-bd02{
	background: #fff;
		padding: 0;
	margin: 0;
}
.emp-bd0z{
	background-color: #fff !important;
}

#main-wrap{
	width: 100%;
	text-align: center;
	height: auto;
	padding: 80px 0 0 0;
	margin:0;
}

#main-cont{
	width:1340px;
	text-align: center;
	margin:0 auto;
}


.main-cont2{
	width:100%;
	text-align: center;
	margin-bottom:50px;
	line-height: 1.8em;
	background: #ededed;
	padding: 20px 0;
}
.main-cont3{
	width:100%;
	text-align: center;
	margin-bottom:50px;
	line-height: 1.8em;
	background: #fff;
	padding: 20px 0;
	border-top: 1px solid #6e6e6e;
}







@media screen and ( max-width:767px ){
	
	.emp-bd{background: #fff;}
	.emp-bd02{
	background: #fff;
}
	
	.emp-bd0z{
	background-color: #fff !important;
}

	
	
	#main-cont{
	width:100%;
	text-align: center;
	margin:0 auto;
}
		.main-cont2{
	width:100%;
	text-align: center;
			padding-bottom: 20px;
	margin:0 auto 20px auto;
}
			.main-cont3{
	width:100%;
	text-align: center;
			padding-bottom: 20px;
	margin:0 auto 20px auto;
}
	
	#main-wrap{
	padding: 60px 0 0px 0;
}
	
	
	
}




ul.empbox01{
	position: relative;
	/*overflow: auto;*/
	top:100px;
	height: 860px;
}
li.e-box01{
	width:1200px;
	height:760px;
	position: absolute;
  top: 0;
  left: 140px;
	
	
	

	
}




li.e-box02{
	width:540px;
	height:480px;
	position: absolute;
  top: 70px;
  left: 0;
}






li.e-box02 .staffcmt{
	font-weight: bold;
	width:100%;
	font-size: 27px;

  padding-top: 130px;
color:#fff;
	line-height: 2.1em;
}

li.e-box02 .staffctr{
		font-weight: normal;
	width:100%;
	font-size: 18px;

  padding-top: 90px;
color:#fff;
	line-height: 1.6em;
}
li.e-box02 .staffctr .stmrk{
	padding: 8px 18px;
	border: 1px solid #fff;
	margin-right: 1em;

}






.ar-cnt{
	display: inline-block;
	width: 120px;
	margin: 50px auto;
}


.ar-cnt-t{
	display: block;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 387px ;
	text-align: center;
	z-index: 10;
}
.ar-cnt-w{width: 120px;margin: 0 auto;}
.ar-cnt-t img{
	width: 120px;
	margin: 0 auto;
}




img.wd-auto{
	width: 100%;
	height: auto;
}

@media screen and ( max-width:767px ){
	
	
	
	.ar-cnt{
	display: inline-block;
	width: 50px;
	margin: 30px auto 20px auto;
}

	.ar-cnt-t{
	display: block;
	width: 100%;
	top: 165px;
}
	.ar-cnt-w{width: 50px;margin: 0 auto;}	
	
	
	
	img{width:100%;
	height:auto;}
		
.wp-empbox01{
		margin-top:0;
	height: auto;

}
	
ul.empbox01{
	position: relative;
	top:0px;
	height: auto;
}
li.e-box01{
	width:100%;
	height:300px;
	position: relative;
  top: 0;
  left: 0;
}
	



li.e-box02{
	width:100%;
	height:auto;
	position: relative;
  top: 0;
  left: 0;
}
	
	li.e-box02 .staffcmt{
	font-weight: bold;
	width:100%;
	font-size: 21px;

  padding-top: 2em;
color:#fff;
	line-height: 2.1em;
}
	
	
	
	li.e-box02 .staffctr{
		font-weight: normal;
	width:100%;
	font-size: 16px;

  padding-top: 2em;
		padding-bottom: 3em;
color:#fff;
	line-height: 1.6em;
}
li.e-box02 .staffctr .stmrk{
	padding: 8px 18px;
	border: 1px solid #fff;
	margin-right: 1em;

}
	
	
	
	
	
	
	
}




.empbox02{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 100px;
	box-sizing:border-box;
	background: #fff;
	margin:0 auto;
}

.empbox02-txt{
	font-size: 18px;
	line-height: 2em;
	text-align: left;
}
.empbox02a-txt{
	font-size: 18px;
	line-height: 2em;
	text-align: left;
}


.empbox03{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 100px;
	box-sizing:border-box;
	background: #fff;
	margin-top:150px;
	margin-left:290px;
}

.empbox-ml{
	margin-top: 350px !important;
}


.empbox04b{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 70px 100px 100px 100px;
	box-sizing:border-box;
	background: #5597C9;
	margin-top:-100px;
	margin-bottom:150px;
	margin-left:auto;
	margin-right:auto;
}

ul.stuff-link{
	margin-bottom: 190px;
			width: 100%;
		margin-left:0;
}
ul.stuff-link li{
	margin-bottom: 70px;
}



.empbox04{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px;
	box-sizing:border-box;
	background: #fff;
}

.dwprt{
	margin: 30px 0 50px 0;
	height: 95px;
	position: relative;
	text-align: left;
}
.dwprt img{
	margin-left:-120px;
}

.dwprt2{
	margin: 0;
	height: 0;
	position: relative;
	text-align: center;
}

.head-img-wrap{
	position: relative;
}
.dwprt2 img{
	position: absolute;
	top:57px;
	right: -20px;
}



.dwprt3{
	margin-top: 100px;
	width: 704px;
	height: 170px;
	position: relative;
	text-align: center;
}
.dwprt3 img{
	position: absolute;
	width: 704px;
	height: auto;
	top:0px;
	left: -210px;
}






.emt_tlt{
	margin:0 0 40px 0;
}

.empbox04_tlt{
	width:100%;
	text-align: left;
	font-size:32px;
	font-weight:bold;
	margin:0 0 0 0;
	letter-spacing:1px;
	line-height: 1.8em;
	position: relative;
	color: #0F6AB4;
	padding-bottom: 1em;

}



@media screen and ( max-width:767px ){
	
	h3{
		width: 100%;
	}
	.empbox02{
	width: 100%;
	padding:0;
}
	.empbox03 h3,.empbox02 h3{
		font-size: 18px !important;
	}
	
	.spfs16{
		font-size: 16px !important;
	}

.empbox02-txt{
	font-size: 18px;
	line-height: 2em;
	text-align: left;
	width: 100%;

}

	.empbox02a-txt{
	font-size: 16px;
	line-height: 1.9em;
	text-align: left;
	width: 90%;
	margin-left: 5%;
}
	
	
	.empbox-ml{
	margin-top: 0px !important;
}


.empbox03{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5%;
	margin-top:20px;
	margin-left:0;
}



.empbox04b{
	width: 100%;

	padding: 30px 5% 40px 5%;
	
	margin-top:0px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	

	
}
	
	
	
	

	
	
	.empbox04{
	width: 100%;
	padding: 5%;
}
	
	.dwprt2{
		display: none;
	}
	
	
	.dwprt{
	margin: 20px auto 0px auto;
		width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
	
	
	

	
	
	.dwprt img{
	width:40px;
	height: auto;
	display: inline-block;
	margin:0 auto;
}
	
	

	
	
	
	
	
	.dwprt3{
	margin-top: 40px;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.dwprt3 img{
	position: relative;
	width: 100%;
	height: auto;
	top:0px;
	left: 0px;
}
	
	
	
	.emt_tlt{
	margin:0 0 15px 0;
}
	
	
	.empbox04_tlt{
	width:100%;
	text-align: left;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
	letter-spacing:0px;
	line-height: 1.6em;
	position: relative;
	color: #0F6AB4;
	padding-bottom: 0.8em;

}
	
	
	ul.stuff-link{
	margin-bottom: 0px;
		padding-bottom: 50px;
		width: 90%;
		margin-left:5%;
}
ul.stuff-link li{
	margin-bottom: 30px;
}
	
	
	
	
	
}










#jint-hd{
	width: 100%;
	height: 450px;
}







.top-contents_img {
	width:100%;
	height:880px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.top-contents_img_pl{
	height:880px;
}
.met-nm{
	position: absolute;
	bottom: -5%;left: 10%;
	width: 400px;
	height: 120px;
	background: #ebebeb;
	padding: 15px 60px;
	box-sizing: border-box;
}

.top-main-c{
	position:absolute;
	top:170px;
	left:10%;
}


.top-main-c2{
	position:absolute;
	bottom: 0px;
	left:14%;
}
.top-main-c2 img{
	display: block;
	margin: 0 auto;
	padding: 0;
}









@media screen and ( max-width:767px ){
	
.top-contents_img {
	width:100%;
	height:400px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.top-contents_img_pl{
	height:400px;
}
	
	.top-main-c{
	width:60%;
		height: auto;
	top:80px;
	left:15%;
		z-index: 80;
}
	
	
	.top-main-c2{
	width:85%;
	bottom: 0px;
	left:-2%;
}


	.met-nm{
	position: absolute;
	bottom: -5%;left: 25%;
	width: 50%;
	height: 80px;
	background: #ebebeb;
	padding: 15px 60px;
	box-sizing: border-box;
}
	
	
	
}	
	








.contents_img {
	width:100%;
	height:100px;
	position:relative;
	text-align:center;
}

.contents_img img {
	width:100%;
	height:auto;

}




.contents_img_pl{
	height:220px;
}

@media screen and ( max-width:767px ){
	
.contents_img {
	width:100%;
	height:80px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
	.contents_img_pl{
	height:210px !important;
}

	
}





.contents_title {
	width:1000px;
	text-align: center;
	height:auto;
	margin:0px auto;
	position:relative;
	top:25%;
	color: #fff !important;
}

.contents_title_single {
	width:1000px;
	text-align: center;
	height:auto;
	margin:0px auto;
	position:relative;
	top:40%;
	color: #fff !important;
}



.pcview{
	display: block;
}

.contents_title_sb {
	width:100%;
	text-align: center;
	height:auto;
	margin-top:20px;
	position:relative;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}


.jintbox01{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 80px;
	box-sizing:border-box;
	background: #fff;
	margin:-150px auto 50px auto;
	z-index: 100;
	position: relative;
}
.jintbox_tlt{
	width:100%;
	font-size: 28px;
	padding:40px;
	box-sizing:border-box;
	color: #fff;
	text-align: left;
	background: #5597C9;
	font-weight: bold;
}
.jintbox_tlt_ji{
	width:100%;
	font-size: 28px;
	padding:40px;
	box-sizing:border-box;
	color: #fff;
	text-align: left;
	background: #5597C9;
	font-weight: bold;
}

.imp-cent{text-align: center !important;}
.jintbox-txt{
	font-size: 18px;
	line-height: 2em;
	text-align: left;
	padding: 30px 20px;
	box-sizing:border-box;
}
.jintbox-bn01w{
	width: 100%;
	text-align: right;
	padding:20px;
	box-sizing:border-box;
}
.jintbox-bn01w img{

	width: 100%;
}
.jintbox-bn01{
	width: 500px;
	height: 75px;
		display: inline-block;
}



	.mrg-top40-20{
		margin-top:20px !important;
	}


@media screen and ( max-width:767px ){
	
	.jintbox-txt{
	font-size: 16px;
	line-height: 1.9em;
	text-align: left;
	padding: 20px 15px;
	box-sizing:border-box;
}
	
	
	.contents_title {

	top:30%;
	width: 90%;
		margin-left: 5%;
}
	

	.contents_title_single{

	top:40%;
	width: 90%;
		margin-left: 5%;
}
	
	
	
	
	
	
	

	.pcview{
	display: none;
}
	
	
	
.contents_title_sb {
	width:100%;
	text-align: center;
	height:auto;
	margin-top:20px;
	position:relative;
	color: #fff;
			font-size:17px;
	letter-spacing: 0px;
	font-weight: bold;
}
	
	.mrg-top40-20{
		margin-top:20px !important;
	}
	
	
	
	
	
	.jintbox01{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	box-sizing:border-box;
	background: #fff;
	margin:0 auto;
}
	
	
	.jintbox_tlt{
	width:100%;
	font-size: 20px;
	padding:1.5em 5%;
	box-sizing:border-box;
	color: #226db3;
	text-align: left;
	background: #c3d9eb;
}
		.jintbox_tlt_ji{
	width:100%;
	font-size: 20px;
	padding:1.5em 5%;
	box-sizing:border-box;
	text-align: left;
}
	
	

	
	
	
	
	#recr .imp-cent{text-align: left !important;}
	
	
	
	
	
	.jintbox-bn01w{
	width: 90%;
	margin-left: 5%;
	text-align: right;
	padding:5px 0;
	box-sizing:border-box;
}
.jintbox-bn01w img{

	width: 100%;
}
.jintbox-bn01{
	width: 100%;
	margin-left:0;
	height: auto;
		display: inline-block;
}

	
	
	
}






.sp-bold{
	font-weight: normal;
}
.pc_disp {
	display:inline;
}
.sp_disp {
	display:none;
}


@media screen and ( max-width:767px ){
.sp-bold{
	font-weight: bold;
}
	.pc_disp {
	display:none;
}
.sp_disp {
	display:inline;
}

	
}







.redr_tbl01{
	width:100%;
	padding: 10px;
	box-sizing:border-box;
}



.redr_tbl01{margin:20px 0;}
.redr_tbl01 table { width: 100%;border-spacing:0px; }
.redr_tbl01 th, .redr_tbl01 td { padding: 30px;box-sizing:border-box;border-bottom: 1px solid #5597C9;line-height: 1.9em;vertical-align:top;text-align: left;}
.redr_tbl01 th { background: #fff;width: 200px; text-align: left;font-size:18px;color:#0F6AB4;}
.redr_tbl01 td { background: #fff;text-align: left;font-size:18px;}
.redr_tbl01 tr:last-child th, .redr_tbl01 tr:last-child td {border-bottom: 0px solid #5597C9;}
 
@media screen and ( max-width:767px ){
	.redr_tbl01{width:90%;padding:0;margin:20px 5% 20px 5%;}
    .redr_tbl01 table { margin: 0; }
    .redr_tbl01 table th,
    .redr_tbl01 table td{
		line-height: 1.6em;
		font-size: 16px;
    width: 100%;
    display: block;
    border-top: none;
    }
	.redr_tbl01 table th{padding:20px 0 5px 0;}
	.redr_tbl01 table td{padding:5px 0 20px 0;}
	.redr_tbl01 table th{border-bottom: 0px solid #5597C9;}
  .redr_tbl01 table tr:first-child th { border-top: 1px solid #fff; }
}














.qawrap{
	width:95%;
	margin:60px auto;
}


.qa_btn{
	width: 100%;
	font-size: 20px;
	padding:30px 100px 30px 110px;
	box-sizing:border-box;
	text-align: left;
	background: #f3f9fd;
	border-top: 1px solid #5597C9;
	line-height: 1.9em;
	display: inline-block;
	position: relative;
	font-weight: normal;
}


.qa_btn::after {
  position: absolute;
  content: "";
	  width: 26px;
  height: 14px;
  top: 47%;
  right: 40px;
  left: auto;
	  background-image: url(../img/arr_downs.svg);
  background-repeat: no-repeat;
  background-size: 26px 14px;
}

.qa_btn.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 45%;
}

.qa_btn_lst{
	border-bottom: 1px solid #5597C9;
}







.qa_cnt{
	border-top: 1px solid #5597C9;
	font-size: 18px;
	text-align: left;
	padding: 30px 50px 30px 50px;
	box-sizing:border-box;
	line-height: 1.9em;
	display:none;clear:both;
}










@media screen and ( max-width:767px ){
	.qawrap{
	width:90%;
	margin:20px auto;
}

	.qa_btn{
	width: 100%;
	font-size: 16px;
	padding:25px 50px 25px 50px;
		font-weight: bold;
	box-sizing:border-box;
	text-align: left;
	background: #f3f9fd;
	border-top: 1px solid #5597C9;
	line-height: 1.6em;
	display: inline-block;
	position: relative;
}
	

.qa_btn::after {
  position: absolute;
  content: "";
	  width: 22px;
  height: 14px;
  top: 45%;
  right: 20px;
  left: auto;
	  background-image: url(../img/arr_downs.svg);
  background-repeat: no-repeat;
  background-size: 22px 14px;
}

.qa_cnt{
	font-size: 16px;
	text-align: left;
	padding: 20px 5% 20px 5%;
	line-height: 1.6em;

}
	
	
}






.sp-s-head{
	display: none;
}
.jintbox02{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 100px;
	box-sizing:border-box;
	background: #fff;
	margin:-150px auto 50px auto;
	z-index: 100;
	position: relative;
}

.cntbox_01{
	width:100%;
	font-size: 18px;
	text-align: left;
}
.cntbox_01tlt{
	text-align: center;
	padding:1.5em;
	box-sizing: border-box;
	border: 1px solid #5597C9;
	font-size: 20px;
	font-weight: bold;
		margin:40px 0 15px 0;

}
.jint-mrgc{
	margin-top:50px !important;
}
.jint-mrgc100{
	margin-top:100px !important;
}


.cntbox_01tlt-b{
	text-align: left;
	padding:1.5em;
	box-sizing: border-box;
	border: 1px solid #5597C9;
	font-size: 18px;
	font-weight: normal;
		margin:0 0 15px 0;

}


#welf h4{
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color: #0F6AB4;
	padding: 0 0em;
	box-sizing: border-box;
	margin:40px 0 15px 0;
}

.ncrec-c{
	color:#0F6AB4;
}
.cntbox_arr{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}


.wel-flx{
	margin:50px 0;
	display:flex;
	align-items:center;
	flex-direction:row; 
}
.wel-flc-item01{
	margin: 0 0 0 0px;
	width: 140px;
	background: #fff;
	text-align: center;
}

.wel-flc-item01 img{
	display: inline-block;
	margin:0 auto;
	width: 120px;
	height: auto;
}

.wel-flc-item02{
	margin: 0 0 0 40px;
	width: 570px;
}
.wel-flc-tlt{
	font-size: 20px;
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
.wel-k-txt{
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}



.wel-k-im01{
	text-align: right;
	margin-top:40px;
	z-index: 22;
	position: relative;
}
.wel-k-im01 img{
	width:420px;
	
}
.wel-k-im02{
	text-align: left;
	margin-top:-30px;
	z-index: 21;
	position: relative;
}
.wel-k-im02 img{
	width:420px;
	
}
.wel-k-im03{
	text-align: right;
	margin-top:-30px;
	z-index: 20;
	position: relative;
}
.wel-k-im03 img{
	width:420px;
	
}

.cntbox_ll{
	line-height: 2.1em;
}


@media screen and ( max-width:767px ){
	
	.cntbox_ll{
	line-height: 1.7em;
}
	
	.wel-flc-tlt{
	font-size: 18px;

}
	
	
	.cntbox_arr{

	margin-bottom: 7px;
}

	
	.sp-s-head{
		display: flex;
		height: 60px;
		font-size: 16px;
		position: absolute;
		width: 100%;
}
	
		.sp-s-head-01{
			display: table-cell;
			display: flex;
			justify-content: center;
			align-items: center;
			
			width: 50%;
			height: 60px;
			
			vertical-align: middle;
			cursor: pointer;
}
	
		.sp-s-head-02{
			display: table-cell;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			width: 50%;
			height: 60px;
			
			vertical-align: middle;
			cursor: pointer;
			
}	
		.sp-s-head-trn-n{
		background: #CADEEE;
			color: #0F6AB4;
			
	}
	
	
	.sp-s-head-trn{
		background: #0F6AB4;
			color: #fff;
		border-bottom: 1px solid #fff;
		width: 50%;
	}
	
	.sp-s-head-trn:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 45%;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 10px 8px 0 8px;
  z-index: 1;
}

	.sp-s-head-trn:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -8px;
  left: 45%;
  border-style: solid;
  border-color: #0F6AB4 transparent transparent transparent;
  border-width: 10px 8px 0 8px;
  z-index: 2;
}
	
	
	
	
	.sp-s-head-trn2{
		background: #0F6AB4;
			color: #fff;
		border-bottom: 1px solid #fff;
		width: 50%;
	}
	
	.sp-s-head-trn2:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 24%;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 10px 8px 0 8px;
  z-index: 1;
}

	.sp-s-head-trn2:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -8px;
  left: 24%;
  border-style: solid;
  border-color: #0F6AB4 transparent transparent transparent;
  border-width: 10px 8px 0 8px;
  z-index: 2;
}
		
	
	
	
	
	
	
	

	
	
	.jintbox02{
	width: 90%;
	height: auto;
	text-align: center;
	padding:2em 0 40px 0;
	box-sizing:border-box;
	background: #fff;
	margin:3em auto 60px 5%;
		
}
	
	
	.cntbox_01{
	width:90%;
	margin-left: 5%;
		font-size: 16px;
}
	.kt-txt{
		font-size: 18px !important;
	}
		.kt-txt02{
		font-size: 16px !important;
	}
.cntbox_01tlt{
	width:90%;
	
	
	
	
		text-align: center;
	padding:1em;

	font-size: 18px;
	font-weight: bold;
		margin:20px 0 15px 5%;

}
	
.cntbox_01tlt-b{
	width:90%;
	margin-left: 5%;

}	
#welf h4{
		width:90%;
	margin-left: 5%;
	

	font-size: 19px;

	margin:20px 0 10px 5%;

	
	
	
	
	}
	
	
	
	
	
	
	.jint-mrgc{
	margin-top:50px !important;
}
	
	
	
	
	.cntbox_arr img{
		width: auto;
		height: auto;
	}
	
	
	
.wel-flx{
	width: 100%;
	margin:20px 0;
	display:flex;
	align-items:center;
	flex-direction:column; 
}
	
	.wel-flc-item01{
	margin: 0 0 0 0;
	width: 100%;
		
	background: #fff;
	text-align: center;
}
	
		.wel-flc-item02{
	margin: 0 0 0 0;
	width: 100%;
		
	background: #fff;
	text-align: left;
}
	
	.wel-k-txt{
	font-size: 14px;
	text-align: right;
	margin-top: -1em;
}
	
	
	
	
	
	
	.wel-k-im01{
	text-align: right;
	margin-top:40px;
	z-index: 22;
	position: relative;
		width: 95%;
		margin-left: 5%;
}
.wel-k-im01 img{
	width:100%;
	
}
.wel-k-im02{
	text-align: left;
	margin-top:30px;
	z-index: 21;
	position: relative;
			width: 95%;
		margin-right: 5%;
}
.wel-k-im02 img{
	width:100%;
	
}
.wel-k-im03{
	text-align: right;
	margin-top:30px;
	z-index: 20;
	position: relative;
			width: 95%;
		margin-left: 5%;
}
.wel-k-im03 img{
	width:100%;
	
}

	
	

	
	
	
}






.bf-cntbox_01{
	font-size: 24px;
	text-align: left;
	line-height: 2.2em;
	margin-top: -40px;
}




.bf-img01{
	margin-top:40px;
}

.bfimg01{
	width: auto;
}


.boxmargin{
	margin-bottom: 0;
}
.boxpadding{
	padding: 0;
}

@media screen and ( max-width:767px ){
	
	.bf-cntbox_01{
	font-size: 16px;
		margin-top: 0px;
}
.bf-img01{
	margin-top:20px;
}
	
	
	.boxmargin{
	margin-bottom: 20px;
}
	
	.boxpadding{
	padding: 0px;
}
	
	
	
}


.jintbox03{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 100px;
	box-sizing:border-box;
	background: #fff;
	margin:-150px auto 50px auto;
	z-index: 100;
	position: relative;
}

.jintbox04{
	width: 1000px;
	height: auto;
	text-align: center;
	padding: 0px;
	box-sizing:border-box;
	margin:0px auto;
	z-index: 100;
	position: relative;
}

.bf-t01{
	width:100%;
	box-sizing:border-box;
	padding:0px;
	text-align: center;
}



@media screen and ( max-width:767px ){
	
.bf-t01{
	width:100%;
	box-sizing:border-box;
	padding:0px;
	text-align: center;
}

	
}










.bf-box-b{
	border-bottom: 1px solid #0F6AB4;
}


#bus-fld h4{
	text-align: left;
	font-size: 18px;
	color: #70b63d;
	font-weight: bold;
	padding:0.3em;
	position: relative;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 0.3em;
	background:#f7f7f7 linear-gradient(transparent 94%, #add190 0%);
}

#bus-fld h4::before {
  position: absolute;
  content: "";
	  width: 60px;
  height: 60px;
  top: 0%;
  left: 0px;
  right: auto;
  background-repeat: no-repeat;
  background-size: 60px 60px;
}














.bf-b-txt{
	width:100%;
	font-size: 18px;
	text-align: center;
	margin:1em 0;
}
.bf-b-txt2{
	width:1000px;
	font-size: 18px;
	text-align: left;
	margin:50px auto 70px auto;
}






.bf-cp{
	font-size: 18px;
	color: #0F6AB4;
	font-weight: normal;
	display: block;
	margin-bottom: 15px;
}


.bf-fl{
	display: flex;
	flex-direction:row; 
	justify-content: space-between;
}

.bf-fl-l{
	width: 470px;
}
.bf-fl-r{
	width: 470px;
}
.bf-fl-l img,.bf-fl-r img{
	width: 470px;
	height: auto;
	margin-left: 0px;
	margin-top:1em;
}


.bf-fl-c{
	display: flex;
	flex-direction:row; 
	justify-content: center;
}




.prswi{position: relative;}


	.scrl-ara{
		display: block;
	}
	



.bf-arc-c01{
	background-color: #367cbb !important;
}
.bf-arc-c02{
	background-color: #efa7c2 !important;
}




@media screen and ( max-width:767px ){

	.bf-b-txt{
	font-size: 14px;
			width:90%;
	text-align: left;
	margin:1em 0 1em 5%;
		line-height: 1.7em;

}
	
		.bf-b-txt2{
	font-size: 14px;
			width:90%;
	text-align: left;
	margin:1em 0 1em 5%;
		line-height: 1.7em;

}
	
	
	
	
	.bf-cp{
	font-size: 14px;
	color: #0F6AB4;
	font-weight: normal;
	display: block;
	margin-bottom: 0px;
}
	
	

	
	.bfimg01{
	width: 28%;
}

	
		.jintbox03{
	width: 100%;
	height: auto;
	text-align: center;
	padding:2em 5%;
	box-sizing:border-box;
	background: #fff;
	margin:0 0 50px 0;
		
}
	
			.jintbox04{
	width: 100%;
	height: auto;
	text-align: center;
	/*padding:2em 5%;*/
				padding:0;
	box-sizing:border-box;
	margin:0 0 0 0;
		
}
	
	.bf-bck-p{
		background-color: #F4EFF6 !important;
	}
	
	
	
	.bf-t01{
	width:90%;
	box-sizing:border-box;
	padding: 0px;
	text-align: center;
		margin-top:0em;
		margin-left: 5%;
}

.bf-box-b{
	border-bottom: 0px solid #0F6AB4;
}
	
	
.bf-fl{
	display: flex;
	flex-direction:column; 
}

.bf-fl-l{
	width: 100%;
}
.bf-fl-r{
	width: 100%;
}
.bf-fl-l img,.bf-fl-r img{
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-top:1em;
}

	
	
	

	
	
	
	
	
	
	
	.scrl-ara{
	}
	
	
	
	
	.jint-mrgc100{margin-top: 0 !important;}
	
	
	
	
	.bf-arc-c01{
	background-color: #105fab !important;
}
.bf-arc-c02{
	background-color: #eb93b4 !important;
}
	
	
	.bf-mrg-imp0{margin: 0 !important;}
	
	

}








@media screen and ( max-width:767px ){
	
	#bus-fld h3{

	font-size: 16px;

}
	
}











a:link {
  color: #0F6AB4;
	text-decoration: none;
}
a:visited {
  color: #0F6AB4;
}
a:hover {
  color: #3a9eef;
}
a:active {
  color: #3a9eef;
}








/*menu*/

.header{
	
}

.header_body{
	font-size: 14px;
	height: 80px;
	position: fixed;
	width: 100%;
	min-width: 1000px;
	background: #fff;
	z-index: 1000;
	overflow: hidden;
	border-bottom: 1px solid #6e6e6e;
}


.header_var{
	width: 200px;
	height: 70px;
	float: left;
	overflow: hidden;
}
.header_menu{
	width: 700px;
	float:right;
}
ul.menu-items{
	display: flex;
margin: 0 auto;
padding: 0;
	width: 700;
text-align: right;
	position:relative;
		justify-content: center;
    align-items: center;
}
ul.menu-items li{

min-width: 45px;
	height: 80px;
	width: auto;
	padding:0 0em;
	font-size: 13px;
	font-weight: bold;
	color: #6e6e6e;
	margin:30px 10px 0 10px;
	white-space: nowrap;
}
ul.menu-items li:last-child{
	margin-right:50px;
}


ul.menu-items li.cnt08{
	width: 220px;
	background: #FF8C00;
}

ul.menu-items li a{
display: inline;
width: 100%;
padding: 6px 5px;
	margin:0 0px;
text-decoration: none;
color: #444;
	position: relative;

}


ul.menu-items li a:before{
	
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #84ca4c;
	transform: scale(0, 1);
	transition: 0.4s;
}
ul.menu-items li a:hover {
	color: #888;
}
ul.menu-items li a:hover:before {
	color: #84ca4c;
	transform: scale(1);
}





.actv-menu{
	color: #3c7bbf;
	padding: 6px 5px;
	border-bottom: 2px solid #3c7bbf;
}


.header h1{
	padding: 0;
	font-size: 0;
	margin: 27px 0 0 30px;
	
}

ul.menu-items li.cnt08 a{
	color: #fff;
	font-weight: bold;
	text-align: center;
}
ul.menu-items li.cnt08 a:hover{
	color: #fff;
	background-color:#f9ae65;

}


ul.menu-items li.cnt01 a:hover{
	color: #fff;
	background:#686e73;

}
ul.menu-items li.cnt02 a:hover{
	color: #fff;
	background:#686e73;

}

ul.menu-items li.cnt03 a:hover{
	color: #fff;
	background:#686e73;

}

ul.menu-items li.cnt04 a:hover{
	color: #fff;
	background:#686e73;

}

ul.menu-items li.cnt05 a:hover{
	color: #fff;
	background:#686e73;

}

ul.menu-items li.cnt06 a:hover{
	color: #fff;
	background:#686e73;

}











#mg-menu01,#mg-menu02,#mg-menu03{

	position: fixed;

	opacity: 1;
	z-index: 500;

	width:100%;
	height:270px;
	background-color: rgba(55,64,71,0.7);
	border:0;
	top:80px;
	left:auto;

	padding:10px;
	text-align:center;
	font-size:14px;
	display:none;
}


#mg-menu01 .mgcnt{
margin-top:57px;
	width:1350px;
	z-index: 300;
	display: inline-block;
}
#mg-menu01 .mgcnt ul{
	width:100%;
	margin: 0 auto;
	display: flex;

	flex-direction: row;
	text-align: left;
}

#mg-menu01 .mgcnt ul li.m01_l01{
	width:300px;
}
#mg-menu01 .mgcnt ul li.m01_l02{
	width:220px;
}
#mg-menu01 .mgcnt ul li.m01_l03{
	width:220px;
}






#mg-menu02 .mgcnt2{
margin-top:57px;
	width:1290px;
	z-index: 300;
	display: inline-block;
}
#mg-menu02 .mgcnt2 ul{
	width:100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	text-align: left;
}

#mg-menu02 .mgcnt2 ul li.m02_l01{
	width:270px;
}
#mg-menu02 .mgcnt2 ul li.m02_l02{
	width:220px;
}
#mg-menu02 .mgcnt2 ul li.m02_l03{
	width:220px;
}
#mg-menu02 .mgcnt2 ul li.m02_l04{
	width:220px;
}




#mg-menu03 .mgcnt3{
margin-top:57px;
	width:1300px;
	z-index: 300;
	display: inline-block;
}
#mg-menu03 .mgcnt3 ul{
	width:100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	text-align: left;
}

#mg-menu03 .mgcnt3 ul li.m03_l01{
	width:270px;
}
#mg-menu03 .mgcnt3 ul li.m03_l02{
	width:220px;
}
#mg-menu03 .mgcnt3 ul li.m03_l03{
	width:220px;
}
#mg-menu03 .mgcnt3 ul li.m03_l04{
	width:220px;
}




.cntbox{
	margin-top:13px;
text-align: left;
width: 100%;
	z-index: 1000;
}
.cntbox a{color: #fff;}










#mainHeader #logo img{width: 110px;height: auto;}

ul.gnav{margin:0;padding:0;}
	ul.gnav li{margin:0;}

#mainHeader{
	background: #fff;
	position: relative;
	z-index: 900;
	max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 250;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #6e6e6e;
}
#mainHeader #logo{
width:140px;
	margin:0px 0 0 0px;
	padding:20px 0 0 15px;
	box-sizing: border-box;
	float:left;
	background: #fff;
	height: 60px;
}

#mainHeader #menu-ent{
	width:97px;
	margin:0px 0px 0 0;
		float:right;
	background: #ff8005;
	height: 60px;
}


#mainHeader #menusp{
width:51px;
	margin:0px 0px 0 0;
		float:right;
	background: #1163b6;
}

    .nav-wrap{
        box-sizing: border-box;
/**/
        position: fixed;
        top: 0;
        width: 100%;
		z-index:200;
		height: 64px;
    }
	.navi{max-width:100%;height: 100%;}


    .gnav {
		padding:20px 0;
      
      background: #585f64;
      width: 100%;
		margin-left:0;
		height: 100%;
      z-index: 99;

		position: fixed;
    }


ul.gnav-ul{
	padding:0px 0;
	list-style-type: none;
	/*height: 100%;*/
	height: calc(100% - 70px);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}

    ul.gnav-ul li {
      
	  color:#fff;
		
			background:url(../img/arr-r-w.svg) 96% center no-repeat;
	background-size:7px 15px;
		
		width:80%;
		margin-left:10%;
		
		
    }

    ul.gnav-ul li a {
      display: block;
	  color:#fff;
	  font-weight:bold;
      text-decoration: none;
      padding: .9rem 1rem;
	
		
		border-bottom: 1px solid #fff;
    }


ul.gnav-ul li.gnav-sublist a{
	font-weight: normal;
	
	color: #ddd;
}



ul.gnav-ul li.spnav04,ul.gnav-ul li.spnav05,ul.gnav-ul li.spnav06{
	background:url(../img/plus.svg) 97% center no-repeat;
	background-size:20px 20px;
	
	
	
}

.navlstbn{
	     display: block;
	  color:#fff;
	  font-weight:bold;
      text-decoration: none;
      padding: .9rem 1rem;
	
		
		border-bottom: 1px solid #fff;
}







ul.gnav-ul li.spnav04 a.disabled{
    pointer-events: none;
}
ul.gnav-ul li.spnav05 a.disabled{
    pointer-events: none;
}
ul.gnav-ul li.spnav06 a.disabled{
    pointer-events: none;
}


.spnav-btn.open .navlstbn{

	background-color: #888;
	background-image:url(../img/minus.svg);
	background-size:25px 20px;
	background-position: 96.5% center;
	background-repeat: no-repeat;
		
    }





ul.gnav-ul li a:hover {
	color:#fff;
}


#spnv-s01,#spnv-s02,#spnv-s03{
	display: none;
}










/*footer*/

.footer{
	height:auto;
	background:#223340;
	padding:30px 0 30px 0;
	margin: 0 0 0 0;
	color:#fff;
	font-size:12px;
	text-align: center;
	width:100%;
	box-sizing: border-box;
}
.footer-cnt{
	width: 100%;
	line-height: 2em;
	text-align: center;
	margin:0 auto 0 auto;
	box-sizing: border-box;
	padding-top:15px;
	/*
	display: flex;
		flex-direction:row; 
	justify-content: space-between;
	*/
}

.f-logo{
	width: 200px;
}
.f-logo img{
	width: 200px;
	height: auto;
}









.recruit-btn-gd{
width: 50%;
	text-align: left;
}
.recruit-btn-gd a{color: #0F6AB4;}
.recruit-btn {
	margin:7px auto;
	width:460px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 26px;
    padding: 1.5em 1.5em;
    text-decoration: none;
    color: #0F6AB4;
    background: #fff;
	border: 2px solid #0F6AB4;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 10px
  }

.recruit-btn:hover {
    background: rgba(255,255,255,0.3);
}


.entry-btn-gd{
width: 50%;
	text-align: right;
}
.entry-btn-gd a{color: #fff;}
.entry-btn {
	margin:7px auto;
	width:460px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 26px;
    padding: 1.5em 1.5em;
    text-decoration: none;
    color: #fff;
    background: #FF8C00;
	border: 2px solid #FF8C00;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 10px
  }

.entry-btn:hover {
    background: #ffaa43;
	border: 2px solid #ffaa43;
}

.footer-btn ul{
	display: flex;
	flex-direction: row;
	width: 960px;
	margin:0 auto;
	overflow: hidden;
	justify-content: center;
			align-items: center;
}

.footer-btn ul .recftbtn{
margin:0 auto;width:100%;text-align: center;

}


.footer-tlt{
	text-align: center;
	padding:50px 0;
}
.footer-tlt img{
	width: 255px;
	height: auto;
}

.footer-arr{
	margin-top: -20px;
	position: relative;
}

.footer-arr img{
	position: relative;
	top: 0px;
	width: 80px;
	height: auto;
}


@media screen and ( max-width:767px ){
	

		.footer{
		height:auto;
		font-size:12px;
		text-align: center;
	}

	.footer-cnt{
		flex-direction:column; 
	}
	.f-logo{
	width: 100%;
		text-align: center;
}
.f-logo img{
	width: 200px;
	height: auto;
}
	
	
	
	
	.footer-btn ul{
	display: flex;
		flex-direction: column;
	width: 100%;
	margin:0 auto;
}
	
	
	
	.recruit-btn {
		width:90%;

	font-size: 20px;
    padding: 1.8em 1.5em;
  }

	.entry-btn {
	width:90%;
	font-size: 22px;
    padding: 1.2em 1.5em;
  }
	
	.entry-btn-gd{
text-align: center;
width: 100%;
}
	.recruit-btn-gd{
text-align: center;
width: 100%;
}
	
	
	.footer-tlt{
	text-align: center;
	padding:20px 0;
}
.footer-tlt img{
	width: 190px;
	height: auto;
}
	
	.footer-arr img{
	position: relative;
	top: 0px;
	width: 60px;
	height: auto;
}

	
	
	
	
}

















.jintbox05{
	width: 960px;
	height: auto;
	text-align: center;
	padding: 0px;
	box-sizing:border-box;
	margin:-150px auto 50px auto;
	z-index: 100;
	position: relative;
	background-color: transparent;
}
ul.numwrap{
	display: -webkit-flex;
		display: flex;
	-webkit-flex-direction: row;
   flex-direction: row;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
	justify-content: space-between;
}
ul.numwrap li{
	width: 460px;
	height: 420px;
	margin-bottom: 100px;
}
ul.numwrap img{
	width: 100%;
	height: auto;
}


@media screen and ( max-width:767px ){
	
	.jintbox05{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 40px;
		padding-bottom: 40px;
	box-sizing:border-box;
	margin:0px auto 0px auto;
	z-index: 100;
	position: relative;
		/*background: #edf1f5;*/
		background: #edf1f5;
}
	#num{margin:0;padding: 0;background: #edf1f5;display: block;}
	
	ul.numwrap{

	-webkit-flex-direction: column;
   flex-direction: column;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
	justify-content: space-between;
}
	
	
	ul.numwrap li{
	width: 90%;
	height: auto;
		margin-left: 5%;
	margin-bottom: 30px;
}
	
	
}










/* top */


#cms-area{
	background: #555c62;
	height: 130px;
	color: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
}




#top-sc01{
	width:100%;
	height:1082px;
	position:relative;
	overflow:hidden;
	text-align:center;
}


.top-sc01_img_are{
	display: block;
	position: relative;
	width:960px;
	margin:128px auto 0 auto;
	text-align: left;
	box-sizing: border-box;
}

.top-sc01_img_are-w{

	width:420px;

	text-align: left;
	box-sizing: border-box;
}


.top-sc01_img_are-w .cntu01{
	box-sizing: border-box;
}
.top-sc01_img_are-w .cntu02{
	margin-top: 60px;
	font-size:  23px;
font-weight:  bold;
	color: #0F6AB4;
	line-height: 1.9em;
	
}
.top-sc01_img_are-w .cntu03{
	width: 100%;
	text-align: right;
	margin-top: 30px;
}


.top-sc01_img_are-w .cntu04{
	width: 100%;
	text-align: center;
	margin-top: 50px;
	color: #fff;
	margin-left: 0;
	display: block;
}




.top-btn {
	margin:7px auto;
	width:100%;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 28px;
    padding: 1em 1.5em;
    text-decoration: none;
    color: #fff !important;
    background-color: #0F6AB4;
	border: 2px solid #fff;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 10px;
  }

.top-btn:hover {
	color: #fff;
    background: rgba(33,132,213,0.9);
}

a.top-btn {
  position: relative;
	color: #fff;
}
 


.top-btn a:link {color:#fff;text-decoration: none;}
.top-btn a:visited {color:#fff;}
.top-btn a:hover{color:#fff;text-decoration: underline;}
.top-btn a:active{color:#fff;}









@media screen and ( max-width:767px ){
	
	#top-sc01{
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
	text-align:center;
		box-sizing: border-box;
}
	
	
	

		
		.top-sc01_img_are{
	display: block;
	position: relative;
	width:100%;
	margin:40px 0 0 0;
	text-align: left;
			box-sizing: border-box;
}
			.top-sc01_img_are-w{

	width:100%;

			box-sizing: border-box;
}
		
	.cntu01 img{
		width:70%;
		height: auto;
	}
		
	
	.top-sc01_img_are-w .cntu02{
		width: 80%;
	margin-top: 20px;
		margin-left:5%;
	font-size:  17px;
font-weight:  bold;
	color: #fff;
	line-height: 1.9em;
		text-shadow: 0px 0px 8px #0F6AB4;
		box-sizing: border-box;
}
	
	
	
	.top-sc01_img_are-w .cntu03{
	width: 50%;
	text-align: left;
	margin-top: 20px;
		margin-left: 5%;
		box-sizing: border-box;
}
	
	
	
	.top-sc01_img_are-w .cntu04{
	width: 80%;
	text-align: center;
	margin-top: 30px;
	color: #fff;
		margin-left: 10%;
		box-sizing: border-box;
}
	
	.top-btn {
	margin:7px auto;
	width:100%;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 18px;
    padding: 1em 1.5em;
    text-decoration: none;
    color: #fff !important;
    background: #0F6AB4;
	border: 2px solid #fff;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 10px;
  }
		.top-btn2 {
	margin:7px auto;
	width:100%;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 18px;
    padding: 1em 1.5em;
    text-decoration: none;
    color: #fff !important;
	border: 2px solid #fff;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 10px;
  }
	

	
}









#top-sc02{
	width: 100%;
height: 780px;
	position: relative;
}




.top-sc03_img_innerbc{
		display: block;
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;
	height:100px;
	background-color: transparent;
	background: #EFF3F6;
	
}

.top-sc03_img_innerbc::before{
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
 
  border-width: 0 100vw 100px 0;
  border-color: transparent transparent #CADEEE transparent;
}
	




.top-sc03bci{
	width:100%;
	margin: 0;
	padding: 0;
	height:100px;
}
.top-sc03bci img{
	width: 100%;
	height:100px;
}



#top-sc02 .sc02wrap{
	width: 960px;
	height: 638px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	display: block;
	margin-top: -160px;
}

.sc02wrap .block01{
	position: absolute;
	top: 69px;
	left: 297px;
}
.sc02wrap .block02{
	position: absolute;
	width: 420px;
	top: 220px;
	left: 503px;
	font-size: 23px;
	color: #374047;
	line-height: 1.8em;
	font-weight: normal;
}
.sc02wrap .block03{
	position: absolute;
	width: 385px;
	left: 51px;
	top: 169px;
}
.sc02wrap .block03 img{

	width: 100%;
	height: auto;
}
.sc02wrap .block04{
	position: absolute;
	width: 420px;
	left: 481px;
	top: 437px;
}




@media screen and ( max-width:767px ){
	
	#top-sc02{
	width: 100%;
height: auto;
	position: relative;
}
	
	.top-sc03_img_innerbc{
		display: block;
	width:100%;
	height: 100px;
	position:relative;
	left:0;
	bottom: 0;
	background-color: #fff;
	
}
	
	
	

	
	
	
	
	
	
	
	
	
	

	
	
	#top-sc02 .sc02wrap{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	position: relative;
	display: block;
	margin-top: 0px;
		padding-bottom: 20px;
}
	
	.sc02wrap .block01{
		width: 70%;
	position: relative;
	top: 0px;
	left: 0px;
		margin-left: 15%;

}
		.sc02wrap .block01 img{
		width: 100%;
	height: auto;

}
.sc02wrap .block02{
	position: relative;
	width: 90%;
	top: 0px;
	left: 0px;
	font-size: 16px;
	color: #374047;
	line-height: 1.8em;
	font-weight: normal;
	margin: 15px 0 15px 5%;
}
.sc02wrap .block03{
	position: relative;
	width: 90%;
	top: 0px;
	left: 0px;
	margin-left: 5%;
}

.sc02wrap .block04{
	position: relative;
	width: 80%;
	top: 0px;
	left: 0px;
	margin:20px 0 0px 10%;
}
	
	

	
	
}









#top-sc03{
	width: 100%;
	background: #CADEEE;
text-align: center;
	position: relative;
}





.sc03wrap{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}

.sc03wrap .sc03itm01{
	text-align: left;
}

.sc03wrap .sc03itm02{
	margin: 70px 0;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	
}
.sc03wrap .sc03itm03{
	
}



@media screen and ( max-width:767px ){
	
	.sc03wrap{
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
}

.sc03wrap .sc03itm01{
	text-align: left;
	width: 70%;
}

.sc03wrap .sc03itm02{
	margin: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	width: 70%;
	margin-left: 15%;
}
	.sc03wrap .sc03itm02 li{
		margin:15px 0;
	}
	
}






.sc04wrap{
	width: 960px;
	margin: 0 auto;
	padding: 70px 0 40px 0;
}
	.sc04wrap .sc04itm01{
	text-align: center;
		margin-bottom: 30px;
}
.sc04itm02{
		width:100%;
		margin-left: 0%;
	}
ul.sc04itm03-ul{
	margin:50px 0;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
}
.sc04itm04{
	display: none;
}

@media screen and ( max-width:767px ){
	
	.sc04wrap{
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}
	
	.sc04wrap .sc04itm01{
		width: 30%;
		margin-left: 35%;
	text-align: center;
}
	
	.sc04itm02{
		width:80%;
		margin-left: 10%;
	}
	ul.sc04itm03-ul{
	display: none;

}
	
	.sc04itm04{
	display: block;
		margin: 30px 0; 
}
	
	
	

}














#top-sc05{
	width: 100%;
	background: #fff;
text-align: center;
	padding:50px 0 100px 0;
	
}

.sc05wrap{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}

.sc05wrap .sc05itm01{
	text-align: center;
}

.sc05wrap .sc05itm02{
	margin: 70px 0 30px 0;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	
}

.sc05itm02 li{
width:460px;
}

.sc05itm02-b01{
	width: 100%;
}

.btn-h01{
	padding:2.5em 1.5em;
}
.btn-h02{
	padding:2.5em 1.5em;
}

.top-awt{
	margin: 0;
	height: 0;
	position: relative;
	text-align: left;
}
.top-awt img{
	position: absolute;
	margin: -110px 0 0 30px;
}


.top-awt01{
	margin: 0;
	height: 0;
	position: relative;
	text-align: right;
}
.top-awt01 img{
	position: absolute;
	margin: -45px 0 0 -90px;
}



@media screen and ( max-width:767px ){
	
				.top-awt01 img{
	width:40px;
	height: auto;
	display: inline-block;
	margin: -70px 0 0 -95px;
}
	
	
		.top-awt img{
	width:40px;
	height: auto;
	display: inline-block;
	margin: -60px 0 0 30px;
}

	
	#top-sc05{
	width: 100%;
	background: #fff;
text-align: center;
	padding:20px 0 10px 0;
	
}
	
	
	.sc05wrap{
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
}

.sc05wrap .sc05itm01{
	text-align: center;
	width: 40%;
	margin-left: 30%;
}

.sc05wrap .sc05itm02{
	margin: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	width: 90%;
	margin-left: 5%;
}
	.sc05wrap .sc05itm02 li{
		margin:0px 0;
		width:100%;
	}
	
	

.btn-h02{
	padding:1.2em 1.5em;
}

	
}









#project01{
	
}


.contents_tl-proj {
	width:100%;
	height:400px;
	position:relative;
	overflow:hidden;
	text-align:center;
	display: flex;
	justify-content: center;
    align-items: center;
	background: #5597C9;
	color: #fff;
}

.contents_title-proj {
	width:100%;
	text-align: center;
	height:auto;
	margin-top:0px;
	position:relative;
}

.contents_title_sb-proj {
	width:100%;
	text-align: center;
	height:auto;
	position:relative;
	font-size: 28px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 2.5em;
}



.main-block01{
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	background: #fff;
}
.main-block02{
	width:100%;
	text-align: center;
	margin:0;
	padding:150px 0 50px 0;
	background: #EFF3F6;
}
.main-block03{
	width:100%;
	text-align: center;
	margin:0;
	padding:90px 0;
	background: #fff;
}
#project01 .jintbox05,#project02 .jintbox05{
	width: 960px;
	height: auto;
	text-align: center;
	padding:20px 0px 50px 0;
	box-sizing:border-box;
	margin:0 auto 0 auto;
	z-index: 100;
	position: relative;
	background-color: transparent;
}
.jintbox06{
	width: 960px;
	height: auto;
	text-align: center;
	padding:110px 0px 50px 0;
	box-sizing:border-box;
	margin:0 auto 0 auto;
	z-index: 100;
	position: relative;
	background-color: #fff;
	margin-bottom: 80px;
}
#project01 .prjtlt{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.9em;
	margin-bottom: 1.5em;
}

.prj-main{
	width:760px;
	font-size: 18px;
	text-align: left;
	line-height: 1.9em;
	margin: 0 auto;
}
.prj-main-img{
	width: 760px;
	margin: 50px auto 50px auto;
}
.prj-main-img img{
	width: 100%;
	height: auto;
}
.prj-sub-img{
	margin:40px 0;
	position: relative;
	height: 300px;
}
.prj-sub-img img{
	position: absolute;
	left:-100px;
	box-shadow: 40px 40px #5597C9;
}
.prj-sub-img2{
	margin:40px 0;
	position: relative;
	height: 300px;
}
.prj-sub-img2 img{
	position: absolute;
	left:300px;
	box-shadow: 40px 40px #5597C9;
}






.spmargin{
	margin-bottom: 300px !important;
}





#project01 h3.another-st,#project02 h3.another-st{
	padding-top:120px;
	font-size: 32px;
}
	#project01 h3.another-st:before,#project02 h3.another-st:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px; 
  display: inline-block;
  width: 80%; 
  height: 0px; 
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); 
  background-color: #0F6AB4; 
}

	.backclr01{
		background-color: #EFF3F6 !important;
	}	
	.backclr02{
		background-color: #fff !important;
	}




#project01 .contents_img,#project02 .contents_img {
	width:100%;
	height:320px;
	position:relative;
	overflow:hidden;
	text-align:center;
	display: flex;
	justify-content: center;
    align-items: center;
}

#project01 .contents_img_pl,#project02 .contents_img_pl{
	height:320px;
}


#project01 .contents_title-pr,#project02 .contents_title-pr{
		width:100%;
	text-align: center;
	height:auto;
	position:relative;
	font-size: 28px;
	line-height: 1.9em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0em;
	
}




@media screen and ( max-width:767px ){
	
	
	#project01 .contents_img,#project02 .contents_img {
	width:100%;
	height:180px;
	position:relative;
	overflow:hidden;
	text-align:center;
	display: flex;
}

#project01 .contents_img_pl,#project02 .contents_img_pl{
	height:180px;
}

	
	
	.backclr01{
		background-color: #fff !important;
	}	
	.backclr02{
		background-color: #EFF3F6 !important;
	}
	
	
	
	
	#project01 h3{
		padding-top:50px;
	}

	
	
	.main-block02{
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	background: #EFF3F6;
}
	
	
	
	.spmargin{
	margin-bottom: 0 !important;
}
	
	#project01 .prjtlt{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1.1em;
}
	
	.contents_tl-proj {
	width:100%;
	height:180px;
}
	

	#project01 .contents_title,#project02 .contents_title{
		font-size: 18px;
		margin-bottom:0em;
}
	
	
	
	.main-block03{
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	background: #fff;
}
	
	
	
	
#project01 .jintbox05,#project02 .jintbox05{
	width: 90%;
margin-left:5%;
}
	.jintbox06{
	width: 90%;
margin-left:5%;
		margin-bottom: 0px;
}	
	.jintbox06{
	width: 90%;
	height: auto;
	text-align: center;
	padding:0;
	box-sizing:border-box;
	margin-left:5%;
	z-index: 100;
	position: relative;
	background-color: transparent;
}
	.prj-main{
		width: 100%;
	font-size: 16px;
	text-align: left;
	line-height: 1.9em;

}
	.prj-main-img{
	width: 100%;
		margin: 20px auto;
}

	
	#project01 h3:before,#project02 h3:before {

}

	
		.prj-sub-img{
	margin:20px 0;
	position: relative;
	height: auto;
}
			.prj-sub-img2{
	position: relative;
	height: auto;
}
	
	.prj-sub-img img{
		width: 100%;
		margin-left: -0%;
	position: relative;
	left:0px;
	box-shadow: -30px 30px #5597C9;
}
		.prj-sub-img2 img{
		width: 100%;
		margin-left: -0%;
	position: relative;
	left:0px;
	box-shadow: 30px 30px #5597C9;
}
	
	
	#project01 h3.another-st,#project02 h3.another-st{
	padding-top:0px;
	font-size: 20px;
}
	
	
	
.contents_title_sb-proj {
	width:100%;
	text-align: center;
	height:auto;
	position:relative;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0em;
}
#project01 .contents_title,#project02 .contents_title{
		width:100%;
	text-align: center;
	height:auto;
	position:relative;
	font-size: 28px;
	line-height: 1.9em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0em;
	
}
	
	
	#project01 .contents_title-pr,#project02 .contents_title-pr{
		width:100%;
	text-align: center;
	height:auto;
	position:relative;
	font-size: 16px;
	line-height: 1.6em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0em;
	
}
	
	
	
	
	
}










#project02{
	margin: 0;
	padding: 0;
}


.prj2-sub-img{
	width: 100%;
	margin:40px 0;
	position: relative;
}
.prj2-sub-img img{
	position: relative;
}


.prjc{
	width:100%;
	text-align: center;
	padding-bottom: 0px;
}

.prj-btn{text-align: right;
font-weight: bold;
position: relative;
padding-right: 2em;
width: auto;
display: inline-block;}



.prj2tlt{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.9em;
	margin-bottom: 1.5em;
}
.prj2cp{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.9em;
	margin-bottom: 0;
}
.prj2-t{padding-top: 0;margin-bottom: 1em !important;}

	.prj2tlt p{
		font-size: 18px;
		font-weight: normal;
		padding-top:1em;
	}


.main-block02-prj{
	width:100%;
	text-align: center;
	margin:0;
	padding:0px 0 60px 0;
	background: #EFF3F6;
}

.top-block-pd{
	padding-top:100px;
}


#project02 h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px; 
  display: inline-block;
  width: 760px; 
  height: 2px; 
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); 
  background-color: #0F6AB4; 
}



@media screen and ( max-width:767px ){
	
	
	.prj2-sub-img{
	width: 100%;
	margin:20px 0;
	position: relative;
}
	
	
	.header_body{min-width: 300px;}
	
	
	.prj2tlt{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 0;
}
	.prj2cp{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7em;
	margin-bottom: 0;
}
	
	.prj2-t{padding-top: 30px;}
	
	
	.prjc{
	padding-bottom: 30px;
}
	
	
	.prj2tlt p{
		font-size: 16px;
		font-weight: normal;
	}
	
		.main-block02-prj{
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	background: #EFF3F6;
}
	
	#project02 h3:before {

}

	
	
}








#message{
	padding: 0;
	margin: 0;
}
#ms-sc01{
	width:100%;
	height:1082px;
	position:relative;
	overflow:hidden;
	text-align:center;
}






.ms-sc01_img_are{
	display: block;
	position: relative;
	width:960px;
	margin:168px auto 0 auto;
	text-align: left;
}

.ms-sc01_img_are-w{

	width:420px;

	text-align: left;
}

.ms-sc01_img_are-w .cntu01{
	
}
.ms-sc01_img_are-w .cntu02{
	margin-top: 550px;
	font-size:  25px;
font-weight:  bold;
	color: #fff;
	line-height: 1.9em;
}

.msprt{
	margin: 0;
	padding: 0;
	height: 0;
	width: 100%;
	position: relative;
	text-align: right;
}
.msprt img{
	position: absolute;
	right:70px;
	top:-150px;
}

.msprt-l{
	margin: 30px 0;
	padding: 0;
	height: auto;
	width: 100%;
	position: relative;
	text-align: left;
}
.msprt-l img{
	position: relative;
	left:80px;
}



.msprt-b{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100%;
	position: relative;
	text-align: right;
	margin-top:30px;
}
.msprt-b img{
	position: absolute;
	right:80px;
	top:0px;
	z-index: 5;
}




@media screen and ( max-width:767px ){

	#ms-sc01{
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
	
	
.msprt{
	margin: 0;
	padding: 0;
	height: 0;
	width: 100%;
	position: relative;
	text-align: right;
}
.msprt img{
	position: absolute;
	width: 40px;
	right:0;
	top:-80px;
}

	
	.msprt-l{
	margin: 20px 0;
	padding: 0;
	height: auto;
	width: 100%;
	position: relative;
	text-align: left;
}
.msprt-l img{
	position: relative;
	width: 40px;
	left:0px;
}
	
	
	
	.msprt-b{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100%;
	position: relative;
	text-align: right;
	margin-top:10px;
}
.msprt-b img{
	position: absolute;
	width: 40px;
	right:0px;
	top:10px;
	z-index: 5;
}
	
	
	
	
	
	
		.ms-sc01_img_are{
	display: block;
	position: relative;
	width:100%;
	margin:40px 0 0 0;
	text-align: left;
}
		
	.ms-sc01_img_are .cntu01 img{
		width:60%;
		height: auto;
	}
		
	
	.ms-sc01_img_are-w .cntu02{
		width: 100%;
	margin-top: 250px;
		margin-left:5%;
	font-size:  17px;
font-weight:  bold;
	color: #fff;
	line-height: 1.9em;
		text-shadow: 0px 0px 8px #0F6AB4;
}
	
	
	

	


}





.dmspc{
	height: 40px;
}






@media screen and ( max-width:767px ){
	
	.header_body{min-width: 300px;}
}



#top-bt-wr{
	display: block;
}
.backtop {
	width:69px;
	height:auto;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:150;
}


input.klmwform{
	width:98%;
	padding:4px;
	font-size: 100%;
}

textarea.klmwform{
	width:98%;
	font-size: 100%;
}

#bus-fld {
}

select.klmwform{
	/*appearance: none !important;*/
	padding:0.4em;
	font-size: 100%;
	border:1px solid #000;
}




input.klmwformz{
	padding:4px;
	font-size: 100%;
}










.wrktbl{
	font-size: 18px;
}
.wrktbl table{
	width: 100%;
}
.wrktbl table td{
	padding: 5px 0;
	line-height: 1.8em;
}
.wrktblrd li{
	display:inline-block;
}
.tblnum{
	font-weight: bold;
	font-size: 22px;
}


.sevlss div{
	display:inline-block;
}
.wrktbltlt{
	color: #fff;
	background: #3c7bbf;
	padding: 4px 5px;
}
.tblbrdc{
	margin-top:5px;
	padding-top:5px;
	border-top: 1px solid #3c7bbf;
}
.tblbrdc-2{
	
}
.wrktbl-tlt{
	width: 100%;
	font-size: 27px;
	text-align: left;
	margin:2em 0 0.1em 0;
}
.wrktbl-tlt span{
	font-size: 19px;
}

@media screen and ( max-width:767px ){
	
	.wrktbl-tlt{
	font-size: 21px;
		width: 90%;
		margin-left: 5%;
		margin-top: 20px;
		margin-bottom: 0px;
}
	.wrktbl-tlt span{
	font-size: 12px;
}
	
	
	.wrktbl{
	font-size: 14px;
}
	
	.tblnum{
	font-size: 16px;
}
	
	
	.tblbrdc,.tblbrdc-2{
	width: 90%;
		margin-left:5%;
}
	
	
	
	    .wrktbl table th,
    .wrktbl table td{
    width: 100%;
    display: block;
    border-top: none;
    }

}




.prftcp{
	display: inline-block;
	margin:0 auto;
	text-align: left;
	font-size: 22px;
	line-height: 2em;

}
.prftcpsqr{
	color: #777;
}
.prfwrap{
	margin-bottom: 80px;
}

.prftcp2{
	display: block;
	margin:0 auto;
	text-align: left;
	font-size: 22px;
	line-height: 2em;
	width:940px;
}

.prftcp3{
	display: inline-block;
	margin:0 auto;
	text-align: left;
	font-size: 21px;
	line-height: 1.7em;

}






.wrktbl2{
	font-size: 18px;
}
.wrktbl2 table{
	width: 100%;
	border-top: 1px solid #858585;
	border-right: 1px solid #858585;
	border-collapse: collapse;
  border-spacing: 0;
	box-sizing: border-box;
	margin-top:1em;
}
.wrktbl2 table td{
	padding: 15px 20px;
	line-height: 1.8em;
	border-bottom: 1px solid #858585;
	border-left: 1px solid #858585;
	box-sizing: border-box;
}

.wrktbl2 table th{
	border-left: 1px solid #858585;
	padding: 15px 20px;
	line-height: 1.8em;
	color: #fff;
	background: #858585;
	font-weight: normal;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
}

.wrktbl2 table th.lastth {
     border-bottom: 1px solid #858585;
}

.imgszau{
	width: 100%;
	height: auto;
}

@media screen and ( max-width:767px ){
	
	.wrktbl2 table th,
    .wrktbl2 table td{
		padding: 12px;
    width: 100%;
    display: block;
    border-top: none;
    }
	.wrktbl2{
	font-size: 14px;
}
	
	
	
	.prftcp{
	display: block;
		width: 90%;
	margin-left:5%;
	text-align: left;
	font-size: 18px;
	line-height: 1.7em;
}
	
	
	.prfwrap{
	margin-bottom: 30px;
}
	
	
	.prftcp2{
	width:90%;
		margin-left: 5%;
}

	.prftcp3{
	display: block;
		width: 90%;
	margin-left:5%;
	text-align: left;
	font-size: 17px;
	line-height: 1.5em;
}
	
	
	
	
}



.cntbox{
text-align: center;
width: 100%;
}


.square_btn {
	margin:7px auto;
	width:300px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 14px;
    padding: 0.7em 0.5em;
    text-decoration: none;
    color: #424242;
    background: #ececec;
    transition: .4s;
	border: 1px solid #424242;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  }

.square_btn:hover {
    background: #fff;
	color: #424242;
}

a.but-arr {
  position: relative;
color: #424242;
}
 



@media screen and ( max-width:767px ){
	.square_btn {
	margin:10px auto;
	width:80%;
	padding: 1.5em 0.5em;
		font-size: 100%;
  }
}










.bf-fl-cmp{
	display: flex;
	flex-direction:row; 
	justify-content: space-between;
	margin:1em 0;
}

.bf-fl-cmp-l{
	width: 247px;
}
.bf-fl-cmp-r{
	width: 700px;
}
.bf-fl-cmp-l img{
	width:247px;
	height: auto;
	margin-left: 0px;
}
.bf-fl-cmp-r img{

}




@media screen and ( max-width:767px ){

.bf-fl-cmp{
	display: flex;
	flex-direction:column; 
}

.bf-fl-cmp-l{
	width: 40%;
	margin-left: 30%;
}
.bf-fl-cmp-r{
	width: 100%;
}
.bf-fl-cmp-l img,.bf-fl-cmp-r img{
	width: 100%;
	height: auto;
	margin-left: 0;
}

}



/*googlemap*/
.lctwrap{
	width:100%;
	height:auto;
	text-align: center;
}
#g-map {
	position: relative;
	width:700px;
	height:400px;
	margin: 0 auto;
	border: 0px solid #ccc;
	box-sizing: border-box;
}

#g-map iframe,
#g-map object,
#g-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and ( max-width:767px ){
	#g-map {
	width:100%;
	height:400px;
	}
	
}


.spctxt{
	font-size: 50px;
	margin:1.8em 0 1.4em 0;
}
.bf-b-txt-rq{
	width:100%;
	font-size: 18px;
	text-align: center;
	margin:2em 0;
	line-height:2em;
}

@media screen and ( max-width:767px ){

	.spctxt{
	font-size: 30px;
	margin:1em;
}
	
		.bf-b-txt-rq{
	font-size: 14px;
			width:90%;
	text-align: left;
	margin:1em 0 1em 5%;
		line-height: 1.7em;

}
	
}



/*top*/


.top-mc01{
	width:100%;
	text-align: center;
	margin:0;
	line-height: 1.8em;
	padding: 60px 0;
	box-sizing: border-box;
}
.top-bg01{
	background: #fff;
}

.top-bg10{
	background: #ebebeb;
}
.top-bg11{
	background: #4cada1;
	color: #fff !important;
}

.top-bg12{
	background: #e0edec;
}




.top-bg13{
	background: #b5d898;
	color: #fff;
}

.top-bg14{
	background: #e3e3e3;
	color: #7cbf44;
}

.top-bg15{
	background: #f0f0f0;
}






.top-bg02{

}

@media screen and ( max-width:767px ){
.top-bg02{
	
	background-color: #d6e5f3;
	background-image: none;

}
}








.top-bg03{

	
}
.top-bg04{

	
}





.top-b-txt{
	width:100%;
	font-size: 18px;
	text-align: center;
	margin:1em 0;
	line-height: 2.3em;
	font-weight: bold;
}
.top-b-txt02{
	width:100%;
	font-size: 18px;
	text-align: center;
	margin:1em 0;
	line-height: 1.8em;
}
.txt-left-imp{
	text-align: left !important;
}
.top-box04{
	width: 950px;
	height: auto;
	text-align: left;
	padding: 20px 40px;
	box-sizing:border-box;
	margin:50px auto 0 auto;
	z-index: 100;
	position: relative;

	border: 1px solid #3c7bbf;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.top-box10{
	width: 950px;
	height: auto;
	text-align: left;
	padding: 0px 40px;
	box-sizing:border-box;
	margin:40px auto 0 auto;
	z-index: 100;
	position: relative;

	
}
.top-box10a{
	width: 980px;
	height: auto;
	text-align: left;
	padding: 20px 20px;
	box-sizing:border-box;
	margin:30px auto 30px auto;
	z-index: 100;
	position: relative;

	background: #fff;
}
.top-box10b{
	width: 980px;
	height: auto;
	text-align: left;
	padding: 0px 0px;
	box-sizing:border-box;
	margin:0px auto 0 auto;
	z-index: 100;
	position: relative;
}



@media screen and ( max-width:767px ){
.top-mc01{
	width:100%;
	text-align: center;
	padding: 30px 0;
	margin:0;
}
	
		.top-b-txt{
	font-size: 14px;
			width:90%;
	text-align: left;
	margin:1em 0 1em 5%;
		line-height: 1.7em;

}
			.top-b-txt02{
	font-size: 14px;
			width:96%;
	text-align: left;
	margin:1em 0 1em 2%;
		line-height: 1.7em;

}
	
				.top-box04{
	width: 90%;
	height: auto;
	text-align: left;
	/*padding:2em 5%;*/
	padding:8px;
	box-sizing:border-box;
	margin:40px 0 0 5%;
		
}
					.top-box10{
	width: 96%;
	height: auto;
	text-align: left;
	/*padding:2em 5%;*/
	padding:0px;
	box-sizing:border-box;
	margin:30px 0 0 2%;
		
}
						.top-box10a{
	width: 100%;
	height: auto;
	text-align: left;
	/*padding:2em 5%;*/
	padding:8px;
	box-sizing:border-box;
	margin:20px 0 20px 0%;
		
}
							.top-box10b{
	width: 100%;
	height: auto;
	text-align: left;
	padding:8px;
	box-sizing:border-box;
	margin:20px 0 20px 0%;
		
}
	
	
}


.top-t01{
	width: 1000px;
	margin:0 auto;
}

.top-fl{
	display: flex;
	flex-direction:row; 
	justify-content: space-between;
}
.top-fl-l{
	width: 290px;
}
.top-fl-r{
	width: 290px;
}
.top-fl-l img,.top-fl-r img{
	width: 290px;
	height: auto;
	margin-left: 0px;
}





.top-fl-ws{
	display: flex;
	flex-direction:row; 
	justify-content: space-between;
	flex-wrap: wrap;
}
.top-fl-ws-l{
	width: 20%;
	align-self: center;
}


.top-fl-ws-l img{
	width:80%;
	height: auto;
}




.top-w-crl{
	border: 1px solid #fff;
	width: 20%;
	height: 20%;
	padding: 10%;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}
.top-w-crl .innertxt {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :160px;
  text-align:center;
	line-height: 2.5em;
}



.top-w-tx01{
	font-size: 14px;
}
.top-w-tx02{
	font-size: 50px;
}
.top-w-tx03{
	font-size: 16px;
}



@media screen and ( max-width:767px ){
.top-t01{
	width: 90%;
	margin-left:5%;
}

	.top-fl{
	display: flex;
	flex-direction:column; 
}
.top-fl-l{
	width: 100%;
	height: auto;
	flex: 1 0 auto;
}
.top-fl-r{
	width: 100%;
	height: auto;
}
.top-fl-l img,.top-fl-r img{
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-top:1em;
}

	.top-fl-ws-l{
	width: 50%;
}
	
	.top-fl-ws-l.topitem{
	width: 50%;
		margin-left: 25%;
	align-self: center;
}
	
	
	.top-w-crl{
	border: 1px solid #fff;
	width: 50%;
	height: 50%;
	padding: 25%;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}
	
	
	
}



.square_btn-t {
	margin:2px auto 10px auto;
	width:220px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 14px;
    padding: 0.4em 0.5em;
    text-decoration: none;
    color: #424242;
    background-color: rgba(236,236,236,0.5);
    transition: .4s;
	border: 1px solid #fff;
  }

.square_btn-t:hover {
    background: #fff;
	color: #424242;
}





a.but-arr {
  position: relative;
color: #424242;
}
 
a.but-arr:before {

}




.arc_btn-t {
	margin:2px auto 10px auto;
	width:220px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 16px;
    padding: 0.4em 0.5em;
    text-decoration: none;
    color: #4ba69a;
    background-color: rgba(71,155,143,0.0);
    transition: .4s;
	border: 2px solid #4ba69a;
	border-radius: 50px;
  }

.arc_btn-t:hover {
    background-color: rgba(71,155,143,0.1);
	color: #4ba69a;
}

a.but-arc {
  position: relative;
color: #4ba69a !important;
}
 
a.but-arc:before {

}
a.but-arc:after { 

	  position: absolute;
  content: "";
  width: 10px;
  height: 18px;
  top: 50%;
  right: 10px;
  margin: -9px 0 0 0;
  background-image: url(../../img/ar-r.png);
  background-repeat: no-repeat;
  background-size: 10px 18px;
}










.arc_btn-tzz {
	margin:2px auto 10px auto;
	width:220px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 16px;
    padding: 0.4em 0.5em;
    text-decoration: none;
    color: #4ba69a;
    background-color: rgba(255,255,255,1.0);
    transition: .4s;
	border: 2px solid #4ba69a;
	border-radius: 50px;
  }

.arc_btn-tzz:hover {
    background-color: rgba(255,255,255,0.8);
	color: #4ba69a;
}

a.but-arczz {
  position: relative;
color: #4ba69a !important;
}
 
a.but-arczz:before {

}
a.but-arczz:after { 

	  position: absolute;
  content: "";
  width: 10px;
  height: 18px;
  top: 50%;
  right: 10px;
  margin: -9px 0 0 0;
  background-image: url(../../img/ar-r.png);
  background-repeat: no-repeat;
  background-size: 10px 18px;
}













.btm-bgcl2{
	background-color: rgba(255,255,255,0.8) !important;
}
.btm-bgcl2:hover {
    background-color: rgba(255,255,255,1.0) !important;
	color: #424242;
}



@media screen and ( max-width:767px ){
	.square_btn-t {
	margin:10px auto;
	width:80%;
	padding: 1.5em 0.5em;
		font-size: 100%;
  }
}

.cntbox-top{
	margin-top:0px;
text-align: center;
width: 100%;
	z-index: 1000;
}

.txt-cl-imp-w{
	color: #fff !important;
}

@media screen and ( max-width:767px ){
	.square_btn-t {
	margin:10px auto;
	width:80%;
	padding: 1em 0.5em;
		font-size: 100%;
  }
	
	.cntbox-top{
	margin-bottom:0px;
text-align: center;

}
}




/* text horizon line */
  .sideline{
    display: flex; 
    align-items: center; 
    text-align: center; 
	   width: 200px;
	  margin:0 auto;
	  font-weight: bold;
  }
 
  .sideline::before,
  .sideline::after{
    content:"";
    flex-grow: 1; 
    border-bottom: 1px solid #424242;
  }
 
  .sideline::before{
    margin-right: 10px; 
    padding-left: 15px; 
  }
 
  .sideline::after{
    margin-left: 10px; 
    padding-right: 15px;
  }

.mrgtop01{
	margin-top:40px !important;
	margin-bottom:80px !important;
}





.top-req-bg{
	width: 630px;
	height: 200px;
background-size:cover;
	margin:0 auto;
	display: flex;
}

.bf-b-txt-tbr{
	width:100%;
	font-size: 18px;
	text-align: center;
	align-self: center;
}



@media screen and ( max-width:767px ){
	.top-req-bg{
	width: 90%;
	height:auto;
	margin-left: 5%;
	}
	
	
		.bf-b-txt-tbr{
	font-size: 14px;
			width:100%;
	text-align: center;
	align-self: center;

}
	
	
}



.square_btn-top-req {
	margin:0px auto 0px auto;
	width:220px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 23px;
    padding: 0.01em 0.5em;
    text-decoration: none;
    color: #424242;
    background-color: rgba(200,200,200,0.5);
    transition: .4s;
	border: 1px solid #fff;
  }

.square_btn-top-req:hover {
    background: #fff;
	color: #424242;
}

a.but-arr {
  position: relative;
color: #424242;
}
 
a.but-arr:before {

}


@media screen and ( max-width:767px ){
	.square_btn-top-req {
	margin:10px auto;
	width:80%;
	padding: 1.0em 0.5em;
		font-size: 120%;
  }
	
}






@media screen and ( max-width:767px ){

	.impcnt{
		text-align: center !important;
	}
}


.pkmenu{
	font-size: 11px;
	width: 100%;
	padding:15px 40px;
	box-sizing: border-box;
	text-align: left;
}

@media screen and ( max-width:767px ){

	.pkmenu{
	font-size: 11px;
	width: 90%;
	margin-left:5%;
		padding:15px 0px;
}
}







.contents_title-fl {
	width:1000px;
	text-align: left;
	height:auto;
	margin:0px auto;
	position:relative;
	top:25%;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	background: #fff;
	align-items: flex-end;
}
.ctl01{
	width:500px !important;
}

.tlt-submn{
	display: inline-block;
	font-size: 14px;
	margin:0;
	font-weight: bold;
}


@media screen and ( max-width:767px ){

.tlt-submn{
	font-size: 14px;
	margin:0 0 15px 0;
}
	
	
		.contents_title-fl {
	top:18%;
	width: 90%;
		margin-left: 5%;
				flex-direction: column;
			margin-bottom: 12px;
			align-items: center;
}
	
	
	.ctl01{
	width:100% !important;
		text-align: left;
}

.tlt-submn{
	width:100%;
	display: block;
	font-size: 14px;
	margin:0;
	text-align: left;
}
	
	
	
	
}




.tlt-submn a{
display: inline;
width: 100%;
padding: 6px 0px;
	margin:0 0px;
text-decoration: none;
color: #6e6e6e;
	position: relative;

}

.tlt-submn a:before{
	
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #3c7bbf;
	transform: scale(0, 1);
	transition: 0.4s;
}
.tlt-submn a:hover {
	color: #3c7bbf;
}
.tlt-submn a:hover:before {
	color: #3c7bbf;
	transform: scale(1);
}


@media screen and ( max-width:767px ){

	.tlt-submn a{
padding: 6px 0px;
	margin:0 0px;

}
	
	
}



ul.sqr-lst {
  list-style: none;
	margin:0 0 0 0.3em;
	padding:0;

}
	
	ul.sqr-lst li{
	
	    padding-left: 1em; 
    text-indent: -0.7em;
		margin-bottom: 0.3em;
	}	

	
ul.sqr-lst li::before {

		content: "";
		width: 0.75em;
		height: 0.75em;
		display: inline-block;
		position: relative;
		left:-0.5em;
		top:0.02em;
	background: #888;
	
}





ul.mrnum-lst {
  
	margin:2em 0 2em 0;
	padding:0;

}
	
	ul.mrnum-lst li{
	list-style: none;
	    padding-left: 1.3em; 
    text-indent: -1.3em;
		margin-bottom: 0.7em;
	}	

	













.clpbtxt{
	font-weight: bold;
}
.tlctpx{
	display: inline-block;
	font-size: 90%;
	line-height: 1.5em;
}




.divhrl{
	display: flex;
		flex-direction: row;
	justify-content:space-between;
	margin-bottom: 70px;
}

@media screen and ( max-width:767px ){

.divhrl{
	display: flex;
		flex-direction: column;
	justify-content:space-between;
	margin-bottom: 30px;
}
	
	
}


.inqtimp{
	display: inline;
	background: #3c7bbf;
	padding:2px 3px;
	margin-left: 5px;
	font-size: 90%;
}





.thanks-txt-area{
	width:100%;
	margin-top:30px;
}
.thks-mn{
	font-size: 14px;
	margin-top: 60px;
	text-align: center;
}
@media screen and ( max-width:767px ){

.thanks-txt-area{
	width:90%;
	margin-left: 5%;
}
	
	.thks-mn{
	font-size: 14px;
		margin-top: 30px;
		text-align: left;
}
	
	
}




.ind_1em{
	display: inline-block;
	padding-left:1em;
text-indent:-1em;
}



.top-mvs{
	width:100%;text-align:center;margin-bottom:25px;padding:8px 0;
	background:#ced7d5;
}
.wk2-mvs{
	width:100%;text-align:center;margin-bottom:25px;padding:8px 0;
}
@media screen and ( max-width:767px ){
	.wk2-mvs video{
		width: 100%;
		height: auto;
	}
}


.guideline{margin:20px 0;}
.guideline table { width: 100%; }
.guideline th, .guideline td { padding: 10px; }
.guideline th { background: #CCCCCC;width: 160px; text-align: left;line-height:21px;font-size:15px; }
.guideline td { background: #E5E5E5;text-align: left;line-height:21px;font-size:14px;}
.guideline td p{ line-height:21px;font-size:14px;}
 

.sc_contw{
	width:862px;
	margin:0 auto;
}


@media screen and ( max-width:767px ){
	.guideline{width:95%;margin:20px auto;}
    .guideline table { margin: 0 -10px; }
    .guideline table th,
    .guideline table td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .guideline table tr:first-child th { border-top: 1px solid #fff; }
	
	
		.sc_contw{
		width:100%;
	}
	
}









.square_btn_red {
	margin:7px auto;
	width:300px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 17px;
    padding: 0.7em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #E50012;
    transition: .4s;
	border-radius: 50px;
  }

.square_btn_red:hover {
    background: #FF2133;
}

@media screen and ( max-width:767px ){
	.square_btn_red {
	margin:10px auto;
	width:80%;
	padding: 1.7em 0.5em;
  }
}

a.but-arr_red {
  position: relative;
}
 
a.but-arr_red:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 23px;
  top: 50%;
  right: 10px;
  margin: -11px 0 0 0;
  background-image: url(../img/arr-w.png);
  background-repeat: no-repeat;
  background-size: 13px 23px;
}







.contents_img_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}
.wk01 .contents_img_inner { background-image:url(../../img/exhi-g01.jpg); }
.wk02 .contents_img_inner { background-image:url("../../img/esjs-g01.jpg"); }
.wk03 .contents_img_inner { background-image:url(../../img/esjhi-g01.jpg); }
.wk04 .contents_img_inner { background-image:url(../../img/esjg-g01.jpg); }
.wk05 .contents_img_inner { background-image:url(../../img/esjex-g01.jpg); }
.wk06 .contents_img_inner { background-image:url(../../img/esj100-g01.jpg); }
.wk07 .contents_img_inner { background-image:url(../../img/esj200-g01.jpg); }
.wk08 .contents_img_inner { background-image:url(../../img/esj300-g01.jpg); }
.wk09 .contents_img_inner { background-image:url(../../img/exhi-g01.jpg); }
.wk10 .contents_img_inner { background-image:url("../../img/jrop.jpg"); }
.wk11 .contents_img_inner { background-image:url("../../img/link-top.jpg"); }
.wk12 .contents_img_inner { background-image:url("../../img/mpm01.jpg"); }
.wk13 .contents_img_inner { background-image:url("../../img/mpm02.jpg"); }
.wk14 .contents_img_inner { background-image:url("../../img/jrop.jpg"); }
.wk15 .contents_img_inner { background-image:url("../../img/jrop.jpg"); }

.imp-wt{
	color: #fff !important;
}





.vdfrm{
	width:400px;
	height: 300px;
	position: relative;
	margin: 0 auto;
	background: #678;
}

.vdfrm video{
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
}


@media screen and ( max-width:767px ){
	
	.vdfrm{
	width:100%;
	padding-top:75%;
}
	
}







.cntw-mc01{
	width:100%;
	text-align: center;
	margin:0;
	line-height: 1.8em;
	padding: 30px 0;
	box-sizing: border-box;
}
ul.pctbx{
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 830px;
}
ul.pctbx li{
	margin: 0;
	padding: 0;
	width: 400px;
	height: auto;
}

ul.pctbx02{
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 830px;
}
ul.pctbx02 li{
	margin: 0;
	padding: 0;
	width: 400px;
	height: auto;
}


ul.pctbx03{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 1000px;
}
ul.pctbx03 li{
	margin: 0;
	padding: 0;
	width: 330px;
	height: auto;
}
.pctbx03 img{
	display: block;
	margin: 0 auto;
	padding: 0;
}


.pctbx03 p{
	font-size: 13px;
	color: #333;
	text-align: left;
	padding: 0 0.4em;
	margin: 0px 0 10px 0;
	box-sizing: border-box;
}

ul.pctbx04{
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 830px;
	flex-wrap: wrap;
	margin-top: -30px;
}
ul.pctbx04 li{
	margin: 0;
	padding: 0;
	width: 400px;
	height: auto;
	margin-top: 30px;
}
.pctbx04 img{
	display: block;
	margin: 0 auto;
	padding: 0;
}
.pctbx04 p{
	font-size: 13px;
	color: #333;
	text-align: left;
	padding: 0 0.4em;
	margin: 0px 0 10px 0;
	box-sizing: border-box;
}




.wk01 img,.wk02 img,.wk03 img,.wk04 img,.wk05 img,.wk06 img,.wk07 img,.wk08 img,.wk09 img,.wk10 img,.wk11 img,.wk12 img,.wk13 img,.wk14 img,.wk15 img{
	width: 100%;
	height: auto;
}


@media screen and ( max-width:767px ){
.cntw-mc01{
	width:100%;
	text-align: center;
	padding: 15px 0;
	margin:0;
}
	
	ul.pctbx{
	padding: 0;
	display: flex;
		flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
		box-sizing: border-box;
}
	ul.pctbx li{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
		box-sizing: border-box;
}
	
	
		ul.pctbx02{
	padding: 0;
	display: flex;
		flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
		box-sizing: border-box;
}
	ul.pctbx02 li{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
		box-sizing: border-box;
}
	
	
	
	
			ul.pctbx03{
	padding: 0;
	display: flex;
		flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
		box-sizing: border-box;
}
	ul.pctbx03 li{
	margin: 0;
	padding: 0;
	width: 50%;
	height: auto;
		box-sizing: border-box;
}
	
	.pctbx03 p{
	font-size: 12px;

}
	
	
	
	
	
			ul.pctbx04{
	padding: 0;
	display: flex;
		flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
		box-sizing: border-box;
}
	ul.pctbx04 li{
	margin: 0;
	padding: 0;
	width: 50%;
	height: auto;
		box-sizing: border-box;
}
	
	.pctbx04 p{
		margin-top: 0.3em;
	line-height: 1.4em;
		padding-left: 1.5em; 
    text-indent: -1em;
		box-sizing: border-box;
}
	
	


}







.mvtlt {
	color: #7cbf44;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	text-align: left;
	margin-bottom: 8px;
}
.mvtlt:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #bbbcbc;
	display: block;
}
.mvtlt:after {
	margin-left: .4em;
}



.txt-tp{
	color: #b5d898;
}








.met-tbl-w{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	line-height: 1.4em;
}


.met-tbl-w01{
	width: 58%;
}
.met-tbl-w02{
	width: 38.5%;
}




.met-tbl-w table{
	border-top:1px solid #555;
	border-left:1px solid #555;
	margin-bottom: 1.5em;
}
.met-tbl-w table.kztblbox{
	margin-bottom: 0 !important;
}



.met-tbl-w table td{
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	font-size:70%;
	padding:5px 3px;
	text-align: center;
}

.wdtbl-tlt{
	background: #b5d898;
	color: #fff;
	text-align: center;
	width: 100%;
	padding:5px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 7px;
}
.wdtbl-tlt2{
	background: #b5d898;
	color: #fff;
	text-align: center;
	width: 100%;
	padding:5px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 7px;
}

.mrg-t15em{
	margin-top:1.5em !important;
}


.met-tbl-w table td.tbl1l{
	background: #f5feeb;
}

@media screen and ( max-width:767px ){

.met-tbl-w{
	display: flex;
	flex-flow: column;
}
	.met-tbl-w01{
	width: 100%;
}
.met-tbl-w02{
	width: 100%;
}

	
	
	.wdtbl-tlt{

	font-size: 14px;

}
	
		.wdtbl-tlt2{

	font-size: 13px;

}
	
	
	
	
}










#kz-fld h4 {
     text-align: center;
	font-size: 20px;
}
 
#kz-fld h4 span{
     position: relative;
     display: inline-block;
     padding: 0 0.8em;
}
      
#kz-fld h4 span::before{
     position: absolute;
     content: '';
     top:0;
     right:0.2em;
     width: 0.2em;
     height:100%;
     border: solid 1px #555;
     border-left: none;
}
 
#kz-fld h4 span::after{
     position: absolute;
     content: '';
     top:0;
     left:0;
     width: 0.2em;
     height:100%;
     border: solid 1px #555;
     border-right: none;
}

.bmtx{
	font-size: 120%;
}
.smcp{
	font-size: 80%;
}

.wdtbl-sbtx{
	font-size: 70%;
}































/* footer */



ul.menu-items10{
	display: flex;
margin: 0 auto;
padding: 0;
	width: 700;
text-align: right;
	position:relative;
		justify-content: center;
    align-items: center;
}
ul.menu-items10 li{

min-width: 50px;

	height: 80px;
	width: auto;
	padding:0 0em;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin:30px 20px 0 20px;
	white-space: nowrap;
}
ul.menu-items10 li:last-child{
	margin-right:50px;
}
ul.menu-items10 li a{
display: inline;
width: 100%;
padding: 6px 5px;
	margin:0 0px;
text-decoration: none;
color: #fff !important;
	position: relative;

}
ul.menu-items10 li a:before{
	
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: scale(0, 1);
	transition: 0.4s;
}
ul.menu-items10 li a:hover {
	color: #fff;
}
ul.menu-items10 li a:hover:before {
	color: #fff;
	transform: scale(1);
}





@media screen and ( max-width:767px ){

ul.menu-items10{
	display: flex;
	flex-wrap: wrap;
margin: 0 auto;
padding: 0;
	width: 100%;
text-align: right;
	position:relative;
		justify-content: center;
    align-items: center;
}
ul.menu-items10 li{

min-width: 50px;

	height: 40px;
	width: auto;
	padding:0 0em;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin:0px 20px 20px 20px;
	white-space: nowrap;
}

}













/*setumon*/


	#qzbox{
		width:700px;
		height: 600px;
		padding: 20px;
		box-sizing:border-box;
		border:3px solid #60bcb0;
		border-radius: 20px;
		background: #fff;
		position: relative;
		margin: 0 auto;
	}
	ul#qz-card{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	ul#qz-card li{display: none;}
	ul#qz-card li:nth-child(1){display: block;}
	.vnmm{color:brown;font-size: 70%;display: none;}
	button.qzbtm{
		font-size:18px;
		border-radius: 40px;
		padding:8px 30px;
		border: 2px solid #49a094;
		color: #49a094;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
		font-weight: bold;
		margin:0.3em 0.0em;
		box-sizing: border-box;
		background: #fff;
	}
	.qztlt{
		width:100%;
		text-align: center;
		color: #49a094;
		font-weight: bold;
		background: #fff;
		/*border-bottom:1px solid #aaa;
		padding-bottom: 0.5em;*/
	}
	.qzbtms{
		width: 100%;
		text-align: center;
		position: absolute;
		padding: 0.5em 0 0.5em 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		background: #efefef;
		border-radius:0 0 20px 20px;
	}
		.qzbtmso{
		width: 100%;
		text-align: center;
		position: relative;
		padding: 1em 0;

		box-sizing: border-box;
		background: #efefef;
			height: 100%;
			font-size: 150%;
			margin-top: 4em;
	}
			.qzbtmso2{
		width: 100%;
		text-align: center;
		position: relative;
		padding: 1em 0;

		box-sizing: border-box;
			height: 100%;
			font-size: 150%;
			margin-top: 4em;
	}
	.qznmb{
		display: none;
	}
	.qzsel{
		font-size:18px;
		padding:0 2em;
		width: 5em;
		margin:1em 0;
	}



	


#qzareabcend{
	background: url("../../img/lastill.jpg") no-repeat;
	background-size:cover;
	height: 484px;
}
	@media screen and ( max-width:767px ){
		#qzbox{
			width: 100%;
			height: 400px;
		}
		
		#qzareabcend{

	height: 300px;
}
}









	.qzpic{
		margin-top: 1em;
		width:100%;
		height: auto;
		text-align: center;
		
	}
	.qzpic img{
		width:80%;
		height: auto;
	}
	
	select.qzsel::-ms-expand {
	display: none;
}
select.qzsel {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	padding: 7px 30px 7px 10px;
	font-size: 100%;
	line-height: 1.1em;
	border-radius: 5px;
	border: 2px solid #333;;
	background-image: url(../img/icon_arrow_d.svg);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #fff;
}







table.esjLnk{
	width:100%;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	margin-bottom: 80px;
}

table.esjLnk td{
	padding:4px;
	font-size: 14px;
	font-weight: normal;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	box-sizing:border-box;
	background: #f8f8f8;
}


table.esjLnk tr:nth-child(odd) td {
	background: #fff;
}




table.esjLnk2{
	width:100%;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	margin-bottom: 80px;
}

table.esjLnk2 td{
	padding:4px;
	font-size: 14px;
	font-weight: normal;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	box-sizing:border-box;
	background: #f8f8f8;
	line-height: 1.4em;
}


table.esjLnk2 tr:nth-child(odd) td {
	background: #fff;
}
table.esjLnk2 tr.tltacts td{
	background: #ddd;
	text-align: center;
}

td.klstmst01{
	width: 9%;
}
td.klstmst02{
	width: 14%;
}
td.klstmst03{
	width: 49%;
}
td.klstmst04{
	width: 28%;
}



@media screen and ( max-width:767px ){

    table.esjLnk th,
    table.esjLnk td{
    width: 100%;
    display: block;
    border-top: none;
		background: #fff;
    }
	table.esjLnk td.tbltopl{
		border-top: 2px solid #555;
	}
	
	
	table.esjLnk2 td{
	font-size: 12px;

}
	
}
	


.tblcmt{font-size: 70%;
margin-top:-2em;
margin-bottom: 3em;}

.text-bef{
	margin-top: 1em;
	text-align: right;
}
.text-cet{
	text-align: center;
	margin: 1em 0;
	font-weight: bold;
	
	font-size: 120%;
}

.vrtmls{
	vertical-align:top;
}



.qzbtmtxt{
	width: 100%;
	text-align: center;
	font-size: 13px;
}