/* CSS Document */

@charset "utf-8";

.h01 {
	font-size: 48px;
	font-weight: normal;
	color: #666;
	line-height: 1.2em;
	margin-top: 3%;
	margin-bottom:5%;
	margin-left: 0.8em;
}

.h02 {
	font-size: 28px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-weight: normal;
}

.h03 {
	font-size: 18px;
	font-weight: normal;
	padding-left: 1em;
}

.h04 {
	font-size: 16px;
	font-weight: bold;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.h05 {
	position: relative;
	padding: 0 10px;
	font-size: 20px;
	margin-bottom: 0.4em;
}

.secondname {
	font-size:12px;
	font-weight: normal;
	padding-left: 1em;
}
.h_line {
	border-bottom: 1px double #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.cd-main-content {
	margin-top: 120px;
}

.titl_bg {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	/*background: url(../../manufacturing/images/title_bg_mp.png) no-repeat center top / cover;*/
	background: no-repeat right top / cover;
	height: 300px;
	display: flex;
	align-items: center;
	margin-bottom:5%;
}
.titl_bg img {}
.titl_bg h1 {
	font-size: 48px;
	font-weight: normal;
	color: #666;
	line-height: 1.2em;
	margin-left: 0.8em;
	color:#fff;
}

/*----------------------------------------------divide--*/
.row {display: flex;}
/*.row > * {flex-grow: 0;flex-shrink: 0;}*/

.row-re {display: flex;flex-wrap: wrap-reverse;}
.row-re > * {flex-grow: 0;flex-shrink: 0;}

.col-20..col-25,.col-30,.col-33,.col-40,.col-50,.col-60,.col-70,.col-75,.col-80 {padding-right: 1%;padding-left: 1%;}
.col-20 {width: 20%;}
.col-25 {width: 25%;}
.col-30 {width: 30%;}
.col-33 {width: 33%;}
.col-40 {width: 40%; padding:2%;}
.col-50 {width: 50%;}
.col-60 {width: 60%; padding:2%;}
.col-70 {width: 70%;}
.col-75 {width: 75%;}
.col-80 {width: 80%;}


/* -----------------------------------------------------------------teble-- */
.tbl01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
	margin-bottom: 5%;
}
.tbl01 th {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: rgba(140,162,81,0.2);
	white-space: nowrap;
	color: #718341;
}
.tbl01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
.tbl02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
}
.tbl02 th {
	padding: 10px 20px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	white-space: nowrap;
}
.tbl02 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

ul.ulcontact {
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
ul.ulcontact li {
	text-align:center;
}
.btn01{
	display: inline-block;
	padding: 0.5em 2em 0.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	box-shadow: 0px 8px 0px 0px #003366;
	font-size: 18px;
	font-weight: bold;
	background-color: #006699;
	border-style: none;
	text-decoration: none;
}
 a.btn01 {text-decoration:none;}
.btn01:hover,
.btn01:active,
.btn01:focus{
     -webkit-transform: translate(0, 3px);
	-moz-transform: translate(0, 3px);
	transform: translate(0, 3px);
	box-shadow:none;
}
/*----------------------------------------------Decorate--*/

.spp_updt10 {padding-top: 10%;padding-bottom: 10%;}
.spp_updt5 {padding-top: 5%;padding-bottom: 5%;}
.spp_updt2 {padding-top: 2%;padding-bottom: 2%;}
.spp_dt10 {padding-bottom: 10%;}
.spp_dt5 {padding-bottom: 5%;}
.spp_dt2 {padding-bottom: 2%;}
.spp_dt00 {padding-bottom: 0px;}
.spm_updt10 {margin-top: 10%;margin-bottom: 10%;}
.spm_updt5 {margin-top: 5%;margin-bottom: 5%;}
.spm_updt2 {margin-top: 2%;margin-bottom: 2%;}
.spm_dt10 {margin-bottom: 10%;}

.spm_dt8 {margin-bottom: 8%;}
.spm_dt5 {margin-bottom: 5%;}
.spm_dt3 {margin-bottom: 3%;}
.spm_dt2 {margin-bottom: 2%;}

.spm_left1 {margin-left:1%;}
.spm_left2 {margin-left:2%;}
.spm_left3 {margin-left:3%;}
.spm_left5 {margin-left:5%;}

.spm_lr1 {margin-right: 1%;margin-left: 1%;}
.spm_lr2 {margin-right: 2%;margin-left: 2%;}
.spm_lr3 {margin-right: 3%;margin-left: 3%;}
.spm_lr5 {margin-right: 5%;margin-left: 5%;}

.spp_lr1 {padding-right: 1%;padding-left: 1%;}
.spp_lr2 {padding-right: 2%;padding-left: 2%;}
.spp_lr3 {padding-right: 3%;padding-left: 3%;}
.spp_lr5 {padding-right: 5%;padding-left: 5%;}

.textcenter {text-align:center;}

.arghtR {text-align: right;}
.arghtR a {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	border: 1px solid #666;
	color: #666;
	background-color: #FFF;
	white-space: nowrap;
	transition-duration: 0.3s;
	display: inline-block;
	text-decoration: none;
}
.arghtR a:hover{
	background-color: #666;
	color:#fff;
	text-decoration: none;
}
.arghtR a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	font-size: 18px;
	margin-top: -1px;
	margin-right: 8px;
}


@media only screen and (max-width:1199px){
.cd-main-content {
	margin-top: 55px;
}

.h01 {
	font-size: 48px;
	margin-bottom: 50px;
	line-height: 1.2em;
	margin-left: 0.8em;
}

.titl_bg {
	width: auto;
	height: 300px;
}
.titl_bg h1 {
	font-size: 42px;
}


}

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

}

@media screen and (max-width: 896px) {
.row {display: flex;flex-wrap: wrap;}
.titl_bg {height: 250px;}
.col-40 {width: 100%;}
.col-50 {width: 100%;}
.col-60 {width: 100%;}

}

@media screen and (max-width: 768px) {
.h01 {
	font-size:30px;
	margin-bottom: 0.5em;
}

.h02 {font-size: 26px;}

.arghtR a {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 16px;
}
.arghtR a:hover{}
.arghtR a:before{font-size: 14px;}


.col-30 {width: 100%;}
.col-33 {width: 100%;}

}

@media screen and (max-width: 600px) {
.titl_bg {height: 100px;}
}