#mainImage{
	background-image:url("../images/pages/titleback_03.jpg");
	background-repeat:none;
	background-size:cover;
	background-position:50% 50%;
	position:relative;
	padding-top:80px;
}
#mainImage._mk{	background-image:url("../images/pages/titleback_04.jpg");	}
#mainImage._mk2{	background-image:url("../images/pages/titleback_05.jpg");	}
#mainImage._ji{	background-image:url("../images/pages/titleback_02.jpg");	}

#mainImage .autoWrap{
	height:312px;

}

#mainImage h1{
	position:absolute;
	text-align:left;
    font-size: 5.2em;
    padding: 0.2em 0.75em 0.3em;
	background-color:#FFF;
	line-height:1.6;
	bottom:-1em;
	box-shadow: 10px 10px 0 #666;
	box-shadow: 10px 10px 0 #00000066;
	color:#00215B;
	min-width:40%;
	z-index:100;
}


#mainContentsBox{
	font-size:1.6em;
	overflow: hidden;
	padding-bottom:5em;
	margin-top:6em;
	color:#333;

}

#mainContentsBox._nmT{
	margin-top:2em;
}


table.ta1{
	text-align:left;
	margin-left:2.5%;
	width:95%;
	line-height:1.6;
}
table.ta1.b{
	font-size:1.2em;
	line-height:1.4;
}

table.ta1 th{
	border-bottom:2px solid #333;
	padding:1.2em 0.4em 0.3em;
	vertical-align:bottom;
	font-weight:normal;
}

table.ta1 td{
	border-bottom:1px solid #333;
	padding:1.2em 1.2em 0.3em;
}

table th._h::before{
	content:"必須";
	display:inline-block;
	font-size:0.7em;
	padding:0.1em 0.5em;
	background-color:#C00;
	color:#FFF;
	margin:0 1em;
}
table th._d::before{
	content:"任意";
	display:inline-block;
	font-size:0.7em;
	padding:0.1em 0.5em;
	background-color:#666;
	color:#FFF;
	margin:0 1em;
}



table ._md{
	vertical-align:middle;
	text-align:center;
}

.txt01{
	font-size:1.35em;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:1em;
	margin:1em;
	line-height:1.8;
}
.txt02{
	font-size:1.35em;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:1em;
	margin:2em 2em;
	line-height:1.8;
}
.txt03{
	font-size:0.9em;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:1em;
	margin:1em;
	line-height:1.5;
}

.txt11{
	font-size:1.25em;
	margin:1em 2em;
	line-height:1.4;
}
.txt12{
	font-size:0.9em;
	margin:1em 0;
}

.txt_ma1{
	margin:0.5em 1em 0;
}


.txt21{
	position:relative;
	font-size:1.25em;
	margin:2em;
	padding: 15px;
	line-height:1.7;
	background-color:#DDD;
}
.txt21>div{
	position:relative;
	background-color:#FFF;
	padding:1.2em 0.75em ;
	
}
.txt21::after,
.txt21::before{
	content:"";
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	background-color:#FFF;
}
.txt21::before{
	top:auto;
	left:auto;
	bottom:0;
	right:0;
}

.textRed{
	margin:1em;
	padding:0.8em;
	border:1px solid #C00;
	background-color:#FCC;
	color:#900;
	line-height:1.4;
}
p.err{
	margin:0.2em;
	padding:0.2em;
	border:1px solid #C00;
	background-color:#FCC;
	color:#900;
	font-size:0.9em;
}

.textRed p.err{
	margin: 0 0 0 1em;
	padding:0;
	border:none;
}

dl.pri{
	margin:2em 1em 2em 3.5em;
}

dl.pri dt{
	color:#002360;
	font-family: source-han-serif-japanese, serif;
	list-style:dice;
	font-weight:bold;
	line-height:1.5;
	position:relative;
}

dl.pri dt::before{
	display:inline-block;
	content:"";
	width:0.6em;
	height:0.6em;
	margin-bottom:0.4em;
	background-color:#002360;
	margin:0 0.2em 0 0;
	position:relative;
	top:-0.1em;
}

dl.pri dd{
	padding-left:0.9em;
	line-height:1.75;
	margin-bottom:1.5em;
}



#mainContentsBox ul li{
	list-style: inside;
	text-indent:-1em;
	margin-left:1em;
	padding-left:1em;
}
#mainContentsBox ul.hf li{
	width:44%;
	float:left;
}
.ishadow01{
	box-shadow: 10px 10px 0 #DDD , -10px -10px 0 #DDD ;

}

._md img{
	width:280px;
}


#mainContentsBox h2,
#mekkiContentsBox h2._t{
	text-align:left;
	font-size:2.4em;
	color:#002360;
	position:relative;
	padding:0.5em 0.5em 0.7em;
	margin-top:0.7em;
	line-height:1;
}

#mainContentsBox h3{
	text-align:left;
	font-size:1.4em;
	color:#002360;
	position:relative;
	padding:0.5em 0 0.9em;
	margin-top:0.7em;
	margin-bottom:0.65em;
	line-height:1;
}

#mekkiContentsBox h2._t{
	font-size:2.1em;
}

#mainContentsBox h2::after,
#mekkiContentsBox h2._t::after{
	content:"";
	display:block;
	width:2.1em;
	height:4px;
	position:absolute;
	bottom:0;
	background-color:#002360;

}

#mainContentsBox h3::after{
	content:"";
	display:block;
	width:2.9em;
	height:2px;
	position:absolute;
	bottom:0;
	background-color:#002360;

}



#mainContentsBox ._mkL{
	float:left;
	width:75%;
}#mainContentsBox ._mkR{
	float:left;
	width:23%;
	padding-left:1%;
	padding-right:1%;
	text-align:center;
}

.button{
	color:#FFF;
	background-color:#00267C;
	padding:0.4em 4em;
	font-size:2.4em;
	cursor:pointer;
}
.button:hover{
	color:#FF3;
	background-color:#00065C;
}

table a{
	color:#006BC2;
	text-decoration: underline;
}


/*--------------------------
	めっき
------------------------*/
#mekkiContentsBox{
	font-size:2em;
	padding:2.4em 0;
	margin-top:3em;
	color:#333;
	background-image:url("../images/pages/mekkiback.jpg");
	background-repeat:none;
	background-size:cover;
	background-position:right center;
	position:relative;
	line-height:1.65;
}

#mekkiContentsBox h2{
	font-size:1.3em;
	color:#000054;
	text-align:center;
}

#mekkiContentsBox h2.mT{
	text-align:left;
	padding-left:1.5em;
	margin-top:0;
}

#mekkiContentsBox p{
	margin-top:1.5em;
	padding-left:2.8em
}

#mekkiContentsBox .whiteBox{
	display:block;
	width:44.8%;
	margin:2em 2.5%;
	text-align:center;
	padding:0.8em 0;
	border:1px solid #CCC;
	background-color:#FFF;
}
#mekkiContentsBox .whiteBox p {
    margin-top: 0;
    padding-left:0;
}

#mekkiContentsBox .whiteBox strong {
	font-size:2.4em;
}

#mekkiContentsBox .whiteBox p._ate {
	font-size:0.7em;
}

.flexBox{
	display:flex;
}
@media screen and (max-width: 960px){
	#mainContentsBox{
		font-size:1.6vw;
		margin-top:80px;
	
	}
	#mekkiContentsBox{
		font-size:2vw;
	}
	.txt01{
		font-size:1.25em;
	}
}

@media screen and (max-width: 580px){
	#mainContentsBox{
		font-size:3vw;
		margin-top:80px;
	
	}
	#mainImage h1{
		width:90%;
		text-align:left;
	    font-size: 6.2vw;

	}
	table,thead,tbody,tfoot,tr,th,td{
		display:block;
	}
	table.ta1 th{
		background-color:#DDD;
		font-weight:bold;
		font-size:1.1em;
		padding:0.3em 0.4em 0.3em;
		margin-top:0.8em;
	}
	table.ta1 td{
		border-bottom:1px solid #333;
		border-left:1px solid #333;
		padding:0.3em 0.8em 0.3em;
		margin-left:0.8em;
	}
	#mekkiContentsBox{
		font-size:3.2vw;
	}


	#mainContentsBox ._mkL{
		float:none;
		width:100%;
	}#mainContentsBox ._mkR{
		float:none;
		width:100%;
		padding-left:0;
		padding-right:0;
		text-align:center;
	}
	
	#mainContentsBox ._mkR{
		display:flex;
	}
	#mainContentsBox ._mkR>*{
		width:31.333%;
		margin:0 1%;
	}
	#mainContentsBox ul.hf li{
		width:auto;
		float:none;
}


}