@charset "UTF-8";
/*====================================================================================
■01.Content PAGE 
====================================================================================*/
.clblue { color: #2A2A55; }

.clgray { color: #838383; }

.clred { color: #A7292F; }

.banner__secon { background: url(../images/bgtittop.png) repeat; }

.banner__secon .tittop { font-size: 22px; color: #fff; letter-spacing: 2px; padding: 25px 0; }

@media (min-width: 768px) { .banner__secon .tittop { font-size: 30px; } }

@media (max-width: 575.98px) { .seconpage p { text-align: justify; } }

.seconpage .content { width: 96%; margin: 0 auto; margin-top: 20px; }

.seconpage .content__dum { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5%; }

@media (min-width: 768px) { .seconpage .content__dum { margin-bottom: 30px; } }

.seconpage .content__dum .img { width: 100%; margin-bottom: 3%; line-height: 0; }

.seconpage .content__dum .img img { width: 100%; }

@media (min-width: 768px) { .seconpage .content__dum .img { width: 30%; margin-bottom: 0; } }

@media (min-width: 768px) { .seconpage .content__dum .txt { width: 70%; padding-left: 3%; } }

.seconpage .content__dum h4 { font-weight: bold; font-size: 18px; margin-bottom: 3%; line-height: 1.6; }

.seconpage .content__dum h4 span { font-weight: bold; color: #f00; }

@media (min-width: 768px) { .seconpage .content__dum h4 { font-size: 20px; margin-bottom: 10px; } }

.seconpage .content__dum--noneimg .img { margin-bottom: 0; }

.seconpage .content__dum--noneimg .txt { width: 100%; padding-left: 0; }

.seconpage .titblue { background: url(../images/bgtittop.png) repeat; padding: 10px 15px; margin: 30px 0 15px 0; width: 104%; margin-left: -2%; }

@media (min-width: 768px) { .seconpage .titblue { margin-top: 40px; margin-bottom: 25px; } }

.seconpage .titblue h3 { color: #fff; font-weight: bold; font-size: 18px; }

@media (min-width: 768px) { .seconpage .titblue h3 { font-size: 20px; } }

.seconpage .titblue--sub { border-left: 5px solid #17469e; padding-left: 15px; margin-bottom: 20px; border-bottom: 1px solid #17469e; }

.seconpage .titblue--sub h3 { font-weight: bold; font-size: 18px; }

@media (min-width: 768px) { .seconpage .titblue--sub h3 { font-size: 20px; } }

.seconpage table { width: 100%; }

.seconpage table th, .seconpage table td { padding: 10px 0; border: 1px solid #ccc; width: 50%; text-align: center; }

.seconpage table th { font-weight: bold; font-size: 16px; }

.seconpage .sign { margin-top: 2%; }

.seconpage .sign img { max-width: 200px; }

.seconpage .box__dum { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.seconpage .box__dum--item { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; line-height: 0; margin-bottom: 4%; }

.seconpage .box__dum--item img { width: 100%; }

@media (min-width: 768px) { .seconpage .box__dum--item { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-bottom: 2%; } }

/*====================================================================================
■01.CONTACT
====================================================================================*/
.contact a { display: inline; color: #17469e; }

.contact .texttop img { width: 100px; margin-right: 10px; }

.contact .texttop p { margin: 7px 0; }

.contact table { width: 100%; margin-top: 3%; border-bottom: 1px solid #ccc; }

.contact table th, .contact table td { display: block; width: 100%; padding: 10px; border-bottom: 0; text-align: left; vertical-align: middle; }

@media (min-width: 768px) { .contact table th, .contact table td { display: table-cell; } }

.contact table th small, .contact table td small { font-size: 12px; color: #17469e !important; }

.contact table th span { display: block; padding: 2px 10px 1px; color: #fff; font-size: 14px; }

.contact table th.ninni span { float: right; background: #01b4ef; }

.contact table th.hinsu span { float: right; background: #f00; }

@media (min-width: 768px) { .contact table th { width: 20%; min-width: 220px; padding: 10px 20px; } }

@media (min-width: 768px) { .contact table td { padding: 10px 20px; } }

.contact table input { height: 50px; }

.contact table input.error { border: 1px solid #17469e; background: #FFE9EB; }

.contact table textarea { height: 120px; }

.contact input[type="radio"], .contact input[type="checkbox"] { vertical-align: -0.1em; margin-right: 10px; }

.contact .btn_sutmit { background: url(../images/bgtittop.png) repeat; cursor: pointer; display: block; border: none; margin: 0 auto; font-weight: bold; text-align: center; width: 40%; height: 60px; line-height: 60px; margin-top: 20px; color: #fff; -webkit-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; transition: ease-out 0.3s; font-size: 18px; }

@media (min-width: 992px) { .contact .btn_sutmit { width: 300px; font-size: 22px; } }

@media only screen and (max-width: 480px) { .contact .btn_sutmit { width: 70%; } }

.contact .btn_sutmit:hover { opacity: 0.7; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; transition: ease-out 0.3s; }

.contact #pp { font-size: 16px; }

@media (min-width: 768px) { .contact #pp { font-size: 20px; } }

/*====================================================================================
■02.NEWS
====================================================================================*/
.new .titblue { position: relative; }

.new .titblue h3 { padding-right: 80px; }

.new .titblue span { position: absolute; right: 0; top: 10px; font-size: 14px; width: 100px; text-align: center; }

@media (min-width: 768px) { .new .titblue span { top: 14px; font-size: 16px; } }

.new .pangination { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.new .pangination a { display: block; background: #17469e; min-width: 160px; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4252e5+0,00266d+100 */ background: #4252e5; /* Old browsers */ background: -moz-linear-gradient(top, #4252e5 0%, #00266d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4252e5 0%, #00266d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#4252e5), to(#00266d)); background: -o-linear-gradient(top, #4252e5 0%, #00266d 100%); background: linear-gradient(to bottom, #4252e5 0%, #00266d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4252e5', endColorstr='#00266d',GradientType=0 ); /* IE6-9 */ border-radius: 5px; padding: 10px 20px; width: 80%; color: #fff; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-weight: bold; }

.new .pangination a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3496+0,00266d+100 */ background: #2b3496; /* Old browsers */ background: -moz-linear-gradient(top, #2b3496 0%, #00266d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2b3496 0%, #00266d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#2b3496), to(#00266d)); background: -o-linear-gradient(top, #2b3496 0%, #00266d 100%); background: linear-gradient(to bottom, #2b3496 0%, #00266d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3496', endColorstr='#00266d',GradientType=0 ); /* IE6-9 */ }

@media (min-width: 768px) { .new .pangination a { width: 90%; padding: 10px; } }

.new .pangination a i { margin: 0 10px; font-size: 16px; }

.new .pangination li { position: relative; }

.new .pangination li:last-child i { position: absolute; right: 10px; top: 14px; }

.new .pangination li:first-child i { position: absolute; left: 10px; top: 14px; }

.technical .boxdumn { border: 1px solid #ccc; text-align: center; height: 500px; }

.technical .boxdumn p { line-height: 500px; text-align: center; }

.boxcontact { margin: 0 auto; margin-top: 50px; }

@media (min-width: 992px) { .boxcontact { max-width: 96%; } }

.boxcontact .titblue { margin-bottom: 0; width: 100%; margin-left: 0; }

.boxcontact .titblue h3 { text-align: center; font-size: 16px; position: relative; }

.boxcontact .titblue h3::after { position: absolute; content: ''; width: 10px; height: 1px; background: #fff; left: -5px; top: 50%; }

.boxcontact .titblue h3::before { position: absolute; content: ''; width: 10px; height: 1px; background: #fff; right: -5px; top: 50%; }

@media (min-width: 768px) { .boxcontact .titblue h3 { font-size: 18px; }
  .boxcontact .titblue h3::after { width: 20%; }
  .boxcontact .titblue h3::before { width: 20%; } }

@media (min-width: 992px) { .boxcontact .titblue h3 { font-size: 20px; }
  .boxcontact .titblue h3::after { width: 25%; }
  .boxcontact .titblue h3::before { width: 25%; } }

.boxcontact__info { border: 1px solid #ccc; padding: 3%; }

.boxcontact__info ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.boxcontact__info ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.boxcontact__info ul li:first-child { margin-bottom: 2%; }

.boxcontact__info ul li:first-child a { width: 60%; margin: 0 auto; line-height: 0; }

@media (min-width: 768px) { .boxcontact__info ul li:first-child a { width: 80%; } }

@media (min-width: 768px) { .boxcontact__info ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .boxcontact__info ul li:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 3%; } }

@media (min-width: 992px) { .boxcontact__info ul li { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; }
  .boxcontact__info ul li:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-bottom: 0; } }

.boxcontact__info--btn { margin: 5px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 768px) { .boxcontact__info--btn { margin: 0; } }

.boxcontact__info--btn a { display: inline-block; background: #17469e; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4252e5+0,00266d+100 */ background: #4252e5; /* Old browsers */ background: -moz-linear-gradient(top, #4252e5 0%, #00266d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4252e5 0%, #00266d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#4252e5), to(#00266d)); background: -o-linear-gradient(top, #4252e5 0%, #00266d 100%); background: linear-gradient(to bottom, #4252e5 0%, #00266d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4252e5', endColorstr='#00266d',GradientType=0 ); /* IE6-9 */ border-radius: 5px; padding: 10px 20px; width: 80%; color: #fff; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.boxcontact__info--btn a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3496+0,00266d+100 */ background: #2b3496; /* Old browsers */ background: -moz-linear-gradient(top, #2b3496 0%, #00266d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2b3496 0%, #00266d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#2b3496), to(#00266d)); background: -o-linear-gradient(top, #2b3496 0%, #00266d 100%); background: linear-gradient(to bottom, #2b3496 0%, #00266d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3496', endColorstr='#00266d',GradientType=0 ); /* IE6-9 */ }

@media (min-width: 768px) { .boxcontact__info--btn a { width: 90%; padding: 10px; } }

.boxcontact__info--btn a i { margin-right: 10px; vertical-align: 1px; }

.boxcontact__info--btn a span { font-weight: bold; }

.aboutus table th { width: 16%; min-width: 120px; }

.aboutus table th, .aboutus table td { text-align: left; padding: 10px 20px; }

.faq .titblue.faq--title { margin-bottom: 0; padding: 15px 0; padding-left: 65px; padding-right: 40px; }

.faq--title { position: relative; cursor: pointer; margin-bottom: 0; padding: 15px 0; }

.faq--title::after { position: absolute; content: ''; background: url(../images/iconq.png) no-repeat left top; background-size: 100%; width: 40px; height: 40px; top: -10px; left: 10px; }

.faq--title::before { position: absolute; content: ''; background: #00266d url(../images/icon_plus.png) no-repeat center center; background-size: 100%; width: 24px; height: 24px; top: 50%; margin-top: -12px; right: 10px; border: 1px solid #fff; border-radius: 50%; }

.faq--title.open::before { background: #00266d url(../images/icon_minus.png) no-repeat center center; background-size: 100%; width: 24px; height: 24px; }

.faq--info { margin-top: 3%; display: none; }

.member .titblue.faq--title { padding-left: 15px; padding-right: 0px; }

.member table { border-bottom: 1px solid #ccc; }

.member .titblue.faq--title::after { background: none !important; }

.member .tablefix{ border-bottom: 1px solid #ccc;}

.member .tablefix table{ border-bottom: none !important;}

.member table th, .member table td { text-align: left; padding: 10px 20px; display: block; width: 100%; border-bottom: 0; }

.member table.tbfix th, .member table.tbfix td { display: table-cell !important; width: auto !important; vertical-align: middle}

.breakSP{ display: inline !important;}

@media (max-width: 768px){ .breakSP{ display: block !important;} 

	.flow .boxstep--item:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 7px 0 7px;
		border-color: #d41515 transparent transparent transparent;
		content:"";
		position:absolute;
		bottom:-4px;
		left:0;
		right:0;
		margin:auto; 
	}
	.flow .boxstep--item:last-child:after {
		display:none; 
	}
}

@media (min-width: 768px) { .member table th, .member table td { display: table-cell; width: auto;  } }

.member table th a, .member table td a { font-weight: bold; text-decoration: underline; }

@media (min-width: 768px) { .member table th { width: 20%; min-width: 220px; } 

	.flow .boxstep--item:nth-child(3n):after {
		display:none;
	}
	.flow .boxstep--item:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 14px;
		border-color: transparent transparent transparent #d41515;
		content:"";
		position:absolute;
		right:-30px;
		top:0;
		bottom:0;
		margin:auto; 
	}
}

.flow .boxstep { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flow .boxstep--item { margin-bottom: 3%; width: 100%; 
position:relative; 
}



.flow .boxstep--item .d-flex h4 { margin-bottom: 0; }

@media (min-width: 768px) { .flow .boxstep--item { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; } }

@media (min-width: 992px) { .flow .boxstep--item { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } }

.flow .boxstep .imgdumn { min-width: 100px; max-width: 100px; overflow: hidden; line-height: 0; height: 100px; }

.flow .boxstep .imgdumn img { width: 100%; height: 100%; }

.flow .boxstep .tit { background: url(../images/bgtittop.png) repeat; border-radius: 50%; width: 50px; height: 50px; min-width: 50px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 8px; margin-right: 10px; }

@media (min-width: 992px) { .flow .boxstep .tit { width: 60px; height: 60px; min-width: 60px; } }

.flow .boxstep .tit p { line-height: 1; color: #fff; margin-bottom: 0; font-weight: bold; width: 100%; text-align: center; }

.flow .boxstep .tit span { display: block; line-height: 1; margin-bottom: 0; }

.flow .boxstep .txt { padding: 3% 0; text-align: justify; }

@media (min-width: 992px) { .flow .boxstep .txt { padding-top: 5%; } }

.flow .boxstep h4 { font-weight: bold; font-size: 18px; margin-bottom: 3%; letter-spacing: -1px; }

.type table th, .type table td { padding: 5px 10px; }

.type table .verticenter { vertical-align: middle; }

.type table td { text-align: left; }


/**************************************/
/*20200721*****************************/
/**************************************/

@media (max-width:768px) {
	.technical .boxstep--item:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 7px 0 7px;
		border-color: #d41515 transparent transparent transparent;
		content: "";
		position: absolute;
		bottom: -4px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.technical .boxstep--item:last-child:after {
		display: none;
	}

}

@media (min-width:768px) {
	.technical .boxstep--item:nth-child(3n):after {
		display: none;
	}

	.technical .boxstep--item:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 14px;
		border-color: transparent transparent transparent #d41515;
		content: "";
		position: absolute;
		right: -30px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

}

.technical .boxstep {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.technical .boxstep--item {
	margin-bottom: 3%;
	width: 100%;
	position: relative;
}

.technical .boxstep--item .d-flex h4 {
	margin-bottom: 0;
}

@media (min-width:768px) {
	.technical .boxstep--item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
	}

}

@media (min-width:992px) {
	.technical .boxstep--item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
	}

}

.technical .boxstep .imgdumn {
	min-width: 100px;
	max-width: 100px;
	overflow: hidden;
	line-height: 0;
	height: 100px;
}

.technical .boxstep .imgdumn img {
	width: 100%;
	height: 100%;
}

.technical .boxstep .tit {
	background: url(../images/bgtittop.png) repeat;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	min-width: 50px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0 8px;
	margin-right: 10px;
}

@media (min-width:992px) {
	.technical .boxstep .tit {
		width: 60px;
		height: 60px;
		min-width: 60px;
	}

}

.technical .boxstep .tit p {
	line-height: 1;
	color: #fff;
	margin-bottom: 0;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.technical .boxstep .tit span {
	display: block;
	line-height: 1;
	margin-bottom: 0;
}

.technical .boxstep .txt {
	padding: 3% 0;
	text-align: justify;
}

@media (min-width:992px) {
	.technical .boxstep .txt {
		padding-top: 5%;
	}

}

.technical .boxstep h4 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 3%;
	letter-spacing: -1px;
}

.technical p a {
	text-decoration: underline;
} 

.technical table th,
.technical table td {
	padding: 5px 10px;
}

.technical table .verticenter {
	vertical-align: middle;
}

.technical table td {
	text-align: left;
}


.technical .page-nav {
	position: sticky;
	top: 0;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 998;
}

.technical a.page-nav-link {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	text-align: center;
	width: 100%;
	border: 3px solid #00266D;
	background-color: #FFFFFF;
	padding: 10px 0;
	line-height: 1.1;
	font-weight: bold;
}

.technical a.page-nav-link:hover {
	background-color: #00266D;
	color: #FFFFFF;
}

@media (min-width:992px) {
	.technical a.page-nav-link {
		width: 24%;
		margin-bottom: 0;
		font-size: 14px;
	}
}