/* title-visual */
#title-visual {
	position: relative;
	height: 200px; max-height: 200px;
	background: url(/img/company.jpg) 180% 30% no-repeat;
	background-size: 80% auto;
	display: flex;
	z-index: -2;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
}
#title-visual h2 {
	position: absolute;
	top: 50%;
	left:15%;
	margin: -0.9em;
	font-size: 180%;
	line-height: 200%;
	color: #000;
	-moz-text-shadow: 5px 7px 14px rgba(0, 0, 0, 0.8);
	-webkit-text-shadow: 5px 7px 14px rgba(0, 0, 0, 0.8);
	-ms-text-shadow: 5px 7px 14px rgba(0, 0, 0, 0.8);
	text-shadow: 5px 7px 14px rgba(0, 0, 0, 0.8);
}

.title-bg {
	width: 100%;
	height: 100%;
	text-align: left;
	z-index: -1;
	background:linear-gradient(110deg,#eee 50%, rgba(255,255,255,.3));
}

.section1, .section2 {
	height: auto;
	width: 100%;
	padding: 5% 10%;
}

.section1 .info {
	margin-right: auto;
}

.section1 .right-text {
	text-align: right;
}

.section2 .info {
	width: 100%;
	height: 100%;
}

/*
====== mfg Zoom effect ======
*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; background: #fff;}
section th  { background: #f4f4f4; }

table.AHtable th, table.AHtable td  { border-width: 1px 0px; }

.summary th  { width: 30%; text-align: left; }

@media screen and (max-width:480px){
	.summary { margin: 0 0; }
	.summary th,
	.summary td{
		width: 100%;
		display: block;
		border-top: none;
	}
	.summary tr:first-child th {
		border-top: 1px solid #ddd;
	}
}

@media screen and (max-width: 400px) {
	#title-visual h2 {
		margin: 0em;
	}
	.section1, .section2 {
		padding: 5% 5%;
	}
}
@media screen and (max-width: 480px){
	.contact_form_input input,
	.contact_form_input textarea{
		width: 100%!important;
	}
}