#opening{
	opacity: 1;
	position: fixed;
	background: #ff4f00;
	width:100%;
	height: 100%;
	pointer-events: none;
	z-index: 1100;
	top: 0;
	left: 0;
}
#opening .logo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
	width:300px;
	height: 200px;
	opacity: 0.1;
	text-align: center;
	

}
#opening .logo img{
	width:160px;
	height: auto;
}





/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{
	font-weight: 700;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body,html {
	width:100%;
	height:100%;

}
body {
	color: #000;
	font-size: 100%;
	line-height: 160%;

	font-family: 'Noto Sans JP', YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;

	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:relative;
	
	letter-spacing: .05em;
	
}



p{
	line-height:200%;
	letter-spacing:0px;
	margin-bottom: 10px;
	width:100%;
}

a,a:hover,a:visited,a:active{
	color:#E05267
}
img{
  vertical-align:bottom;
}

h1 {
	margin-bottom: 40px;
}


.h2TitleBox{
	text-align: center;
	margin-bottom: 70px;
	width:100%;
}

h2.h2Title1{
	display: inline-block;
	font-size: 48px;
	line-height: 60px;
	text-align: left;
	
	background: #fff;
	padding: 50px 55px;
	
	position: relative;
	
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
	
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;

}
h2.h2Title1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
	line-height: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
h2.h2Title1::before{
	content: "";
	background: url("../images/title_icon1.png") no-repeat 0 0;
	background-size: 100% auto;
	
	width:224px;
	height: 160px;
	
	position: absolute;
	top:-50px;
	left: -120px;
}
h2.h2Title2{
	
	display: inline-block;
	font-size: 48px;
	line-height: 60px;
	text-align: left;
	
	background: #fff;
	padding: 50px 55px;
	
	position: relative;
	
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
	
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;

}
h2.h2Title2 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
	line-height: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
h2.h2Title2::before{
	content: "";
	background: url("../images/title_icon2.png") no-repeat 0 0;
	background-size: 100% auto;
	
	width:219px;
	height: 159px;
	
	position: absolute;
	top:-50px;
	right: -120px;
}
.h2TitleBox h2.h2Title1,
.h2TitleBox h2.h2Title2,
.h2TitleBox h2.h2Title1 span,
.h2TitleBox h2.h2Title2 span{
	text-align: center;
}


.contread{
	font-size:18px;
	line-height:160%;
	color:#fff;
	padding-top:40px;
	text-shadow:1px 1px 1px rgba(0,0,0,.2)
}


header{
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	
	z-index: 1000;
}
header.menuOn{
	transition:all .3s;
}
header::after{
	content:"";
	background:rgba(255,79,0,.0);
	top:0;
	left:0;
	width:100%;
	height:80px;
	display:block;
	position:absolute;
	z-index:-2;
	transition:all .3s;
}
header.menuOn::after{
	background:rgba(255,79,0,.9);
	height:60px;
}

footer{
	background: #ff4f00;
	padding: 60px 60px;
	color: #fff;
	font-size: 10px;
	
	position: relative;
}
footer::after{
	content: "";
	position: absolute;
	
	top: -120px;
	right: 0;
	width:312px;
	height: 120px;
	
	background: url("../images/footer/foot_bg.png") no-repeat 0 0 ;
	background-size: 100% auto;
}
.pagetop{
	position: fixed;
	right:10px;
	bottom: 10px;
	width:80px;
	height: 80px;
	
	z-index: 100;
}
.pagetop img{
	width:80px;
	height: 80px;
}



#logo{
	padding: 22px 0 0 22px;
}
#logo::after{
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	content: "";
	background: url("../images/header/logo_bg.png") no-repeat 0 0;
	background-size: 100% 100%;
	width:392px;
	height: 314px;
	
	z-index: -1;
}

#logo h1{
	margin: 0;
}
#logo > div{
	margin: 0;
}
#logo img{
	width:123px;
	height: auto;
}


#panel{
	display: block;
	position: absolute;
	top:0;
	right: 20px;
	z-index: 101;
}
#panelBg{
	display: none;
}
#panel ul{
	position: relative;
	z-index: 101;
	width: 100%;
}
#panel ul li{
	margin-left: 0;
	transition: all .2s ease-in-out .1s;
	text-align: right;
	opacity: 1;
	display: inline-block;
	
	vertical-align: top;
	padding: 20px 18px 20px ;
}
header.menuOn #panel ul li{
	padding: 12px 18px 8px ;

}
#panel ul li a{
	text-decoration: none;
	color: rgba(255,255,255,1);
	display: block;
	font-size: 16px;
	line-height: 100%;
	
	font-weight: bold;
	text-align: center;
	
	transition: all .3s;
}
#panel ul li a:hover{
	color: rgba(255,255,255,.5);
	
}
#panel ul li a span{
	display: block;
	text-align: center;
	font-size: 12px;
	
	margin-top: 3px;
}

#panel ul li.mContact{
	background: url("../images/header/contanct_bg.png") no-repeat left 0 bottom 0;
	background-size: 100% auto;
	padding: 30px 25px ;
}
header.menuOn #panel ul li.mContact{
	background: url("../images/header/contanct_bg.png") no-repeat left 0 bottom -5px;
	background-size: 100% auto;
	padding: 15px 25px ;

}
#panel ul li.mContact a{
	font-size: 18px;
}
#panel ul li.mContact a span{
	font-size: 14px;
}



article{
}



/*汎用パーツ*/
#pageTitle{
	background: #eee;
	padding: 220px 0;
	text-align: center;
}
#pageTitle{
	background: url("http://www.ems-system.co.jp/wp_ems/wp-content/uploads/2020/04/title_photo.jpg") no-repeat center center;
	background-size: cover;
}


#pageTitle h1{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	
	font-size: 54px;
	margin-bottom: 20px;
	
	color: #fff;
	
	letter-spacing: .1em;
	
}
#pageTitle .pageTitleBtm{
	font-weight: 600;
	color: #fff;
	font-size: 20px;
}



#mainCont{
	padding: 0 0 150px 0
}

#mainCont section{
	width:1020px;
	margin: -100px auto 0;
	padding: 60px;
	background: #fff;
}


/*コンテンツ*/

#promotion{
	width:100vw;
	height: 100vh;
	
	background: #ff4f00;
	padding: 80px;
	position: relative;
	
	z-index: -2;
}
#promotion section{
	width:100%;
	height: 100%;
	background: #fff url("../images/home/promo_photo.jpg") no-repeat center center;
	background-size: cover;
	
	position: relative;
	
	z-index: -1;
}
#promotion section::after{
	content: "";
	background: url("../images/home/promo_corner.png") no-repeat 0 0;
	background-size: 100% auto;
	width:176px;
	height: 117px;
	
	position: absolute;
	bottom: -2px;
	right: -2px;
}
.promoTxt{
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	width:100%;
	text-align: center;
	
	color: #fff;
}
.promoCatch{
	font-size: 4vw;
	line-height: 140%;
	margin-bottom: 20px;
	
	font-weight: 700;
}

.promoRead{
	font-size: 20px;
	line-height: 180%;
	margin-bottom: 20px;
}
.promoLogo{
	margin-bottom: 20px;
}
.promoLogo img{
	width:10vw;
	height: auto;
}
.promoScrl{
	position: absolute;
	bottom: -40px;
	left: 0;
	width:100%;
	text-align: center;
	
}
.promoScrl img{
	width:auto;
	height: 10vw;
	max-height:187px;
}


/*about*/
#about{
	background: url("../images/cont_bg1.png") no-repeat center 0;
	background-size: 100% auto;
}
#about section{
	width:1020px;
	margin: 0 auto;
	padding: 120px 0;
}

#aboutMain{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
#aboutMain .aboutTitle{
	width:360px;
	margin-right: 60px;
}
#aboutMain .aboutMain{
	width:600px;
}
#about .aboutChart{
	background: #fff;
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
	padding: 60px;
}

.aboutChartBlock{
	border-bottom: 1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.aboutChartBlock:nth-last-of-type(1){
	padding-bottom: 0;
	margin-bottom: 0;
	border:none;
}
.aboutChartTitle{
	width:25%;
	font-size: 15px;
	font-weight: bold;
}
.aboutChartTxt{
	width:75%;
	font-size: 15px;
}




/*service*/
#service{
	background: #ff4f00 url("../images/cont_bg2.png") no-repeat center 0;
	background-size: 100% auto;
}
#service section{
	width:1020px;
	margin: 0 auto;
	padding: 120px 0;
}


#serviceMain{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.serviceBox{
	width:48%;
	margin-right: 4%;
	
	padding: 50px;
	background: #fff;
	box-shadow: 0 0 10px rgba(255,255,255,.1);
}
.serviceBox:nth-of-type(2n){
	margin-right: 0;
}

.h3Title1{
	font-size: 26px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}
.h4Title1{
	font-size: 16px;
	text-align: center;
	color: #ff4f00;
	font-weight: 700;
	margin-bottom: 40px;
}
.serviceIcon{
	margin-bottom: 20px;
	text-align: center;
}
.serviceIcon img{
	width:130px;
	height: auto;
}


	
/*contact*/
#contact{
	background: #e9e9e9 url("../images/cont_bg3_2.png") no-repeat center 0;
	background-size: 100% auto;
}
#contact section{
	width:1020px;
	margin: 0 auto;
	padding: 120px 0;
}

.contactLine{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	
	margin-bottom: 25px;
}
.contactL{
	width:49%;
	margin-right: 2%;
}
.contactR{
	width:49%;
	margin-right: 0;
}
.formTitle{
	display: block;
	width:100%;
	
	font-size: 14px;
	font-weight: 700;
	
	margin-bottom: 10px;
}
.contactLine input{
	width:100%;
	padding: 25px 15px;
	font-size: 14px;
	border-radius: 5px;
	border:1px solid #ddd;
}
.contactLine textarea{
	width:100%;
	padding: 25px 15px;
	font-size: 14px;
	border-radius: 5px;
	border:1px solid #ddd;
}
.sendBtn{
	text-align: center;
	padding: 50px 0;
}
.sendBtn input[type=submit]{
	padding: 25px 45px 25px 57px;
	background: #000;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	
	font-size: 16px;
	letter-spacing: 1em;
	
}

.inqTxt div{
	margin-top:20px;
	display:none;
	padding:20px;
	border:2px solid #eee;
	font-size:14px;
	margin-bottom:10px;
	background:#fff;
	transition:all .3s;
}

select {

  /* styling */
  background-color: white;
border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 1.5em 3.5em 1.5em 2em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */



select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(2em + 2px),
    calc(100% - 15px) calc(2em + 2px),
    calc(100% - .5em) 1.5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 2em,
    calc(100% - 20px) 2em,
    calc(100% - .5em) 1.5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.contactComplete{
	text-align:center;
	font-size:24px;
	padding:50px 0 150px;
}

.hissu::after{
	content: " ※";
	font-size:10px;
	color:#ff0000;
}











.sp{
	display: none;
}
.pc{
	display: block;
}


@media screen and (max-width: 762px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}

	p{
		
		font-size: 12px;
		line-height:200%;
		letter-spacing:0px;
		margin-bottom: 10px
	}

	.h2TitleBox{
		text-align: center;
		margin-bottom: 30px;
		width:100%;
	}

	h2.h2Title1{
		font-size: 18px;
		line-height: 22px;
		padding: 13px 23px;
		box-shadow:  5px 5px 0 rgba(0,0,0,.05);
	}
	h2.h2Title1 br {
		display: none;
	}
	h2.h2Title1 span{
		display: block;
		margin-top: 5px;
		font-size: 8px;
		text-align: center;
	}
	h2.h2Title1::before{
		content: "";
		background: url("../images/title_icon1.png") no-repeat 0 0;
		background-size: 100% auto;

		width:112px;
		height: 80px;

		top:-25px;
		left: -60px;
	}
	h2.h2Title2{
		font-size: 18px;
		line-height: 22px;
		padding: 13px 23px;
		box-shadow: 5px 5px 0 rgba(0,0,0,.05);
	}
	h2.h2Title2 span{
		display: block;
		margin-top: 10px;
		font-size: 8px;
	}
	h2.h2Title2::before{
		content: "";
		background: url("../images/title_icon2.png") no-repeat 0 0;
		background-size: 100% auto;

		width:110px;
		height: 80px;

		position: absolute;
		top:-25px;
		right: -60px;
	}


	.contread{
		font-size:14px;
		padding-top:20px;
	}



	header{
		position: fixed;
		top:0;
		left: 0;
		width:100%;

		z-index: 1000;
		
		height: 40px;
		
		background: #fff;
	}

header::after{
	display:none;
}
	footer{
		background: #ff4f00;
		padding: 20px 10px;
		color: #fff;
		font-size: 8px;

		position: relative;
		
		text-align: center;
	}
	footer::after{
		content: "";
		position: absolute;

		top: -60px;
		right: 0;
		width:156px;
		height: 60px;

		background: url("../images/footer/foot_bg.png") no-repeat 0 0 ;
		background-size: 100% auto;
	}
	.pagetop{
		right:5px;
		bottom: 5px;
		width:30px;
		height: 30px;
	}
	.pagetop img{
		width:30px;
		height: 30px;
	}



	#logo{
		padding: 5px 0 0 4px;
	}
	#logo::after{
		background: url("../images/header/logo_bg_sp.png") no-repeat 0 0;
		background-size: 100% 100%;
		width:145px;
		height: 114px;
	}

	#logo img{
		width:50px;
		height: auto;
	}



	/*ハンバーガーメニュー*/
	#panel-btn {
		display: inline-block;
		position:fixed;
		width:40px;
		height: 40px;
		margin: 0 0 0;
		top:0;
		right:0;
		cursor:pointer;
		z-index:9999;

	}


	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 28px;
		height: 2px;
		margin: 0 0 0 -14px;
		background: #ff4f00;
		overflow: visible;
	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 34px;
		height: 2px;
		margin-left: -20px;
		background: #ff4f00;
		transition: .3s;
	}
	#panel-btn-icon:after {
		width: 22px;
		margin-left: -8px;
	}
	#panel-btn-icon:before {
		margin-top: -9px;
	}
	#panel-btn-icon:after {
		margin-top: 7px;
	}

	#panel-btn .close {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after {
		width: 28px;
		margin: -1px 0 0 -14px;
		background: #fff;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#panel{
		display: none;
		position: fixed;
		top:0;
		left: 0;
		z-index: 1020;
		width:100%;
		height: 100%;
	}
	#panelBg{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		background: rgba(255,79,0,.9);	
		z-index: 100;
		display: block;
	}
	#panel ul{
		position: absolute;;
		z-index: 101;
		top:60px;
		right: 0;
		padding:0 20px;
	}
	#panel ul li{
		font-family: century-gothic, sans-serif;
		font-weight: 700;
		font-style: normal;
		margin-bottom: 10px;

		margin-right: -15px;
		transition: all .2s ease-in-out .1s;
		
		text-align: right;

		opacity: 1;
		display: block;
		
		opacity: 0;

	}
	header.menuOn #panel ul li{
		padding: 20px 18px 20px ;

	}
	header.menuOn #panel ul li.mContact,
	#panel ul li.mContact{
		background: #000000;
		background-size: 100% auto;
		padding: 15px 0 ;
	}

	#panel ul li.mContact a{
		font-size: 12px;
	}
	#panel ul li.mContact a span{
		font-size: 12px;
		display:block;
		padding-top:6px;
	}
	#panel ul li a span{
		text-align: center;
		font-size: 10px;

		margin-top: 0;
		margin-left: 0;
		display:block;
		padding-top:6px;
	}

	#panel ul li a{
		text-decoration: none;
		color: #fff !important;
		display: block;
		text-shadow: 0 0 10px rgba(0,0,0,.5);
		
		font-size: 12px;
	}


	#panel ul.listAnm li{margin-right: 0;opacity: 1;}
	#panel ul.listAnm li:nth-of-type(1){transition-delay: .05s}
	#panel ul.listAnm li:nth-of-type(2){transition-delay: .1s}
	#panel ul.listAnm li:nth-of-type(3){transition-delay: .15s}
	#panel ul.listAnm li:nth-of-type(4){transition-delay: .2s}
	#panel ul.listAnm li:nth-of-type(5){transition-delay: .25s}
	#panel ul.listAnm li:nth-of-type(6){transition-delay: .3s}

	#panel ul.listAnm li:nth-of-type(7){transition-delay: .4s}
	#panel ul.listAnm li:nth-of-type(8){transition-delay: .45s}
	#panel ul.listAnm li:nth-of-type(9){transition-delay: .5s}




	/*汎用パーツ*/
	#pageTitle{
		padding: 70px 0 70px;
	}


	#pageTitle h1{
		font-size: 24px;
		margin-bottom: 3px;
	}
	#pageTitle .pageTitleBtm{
		font-size: 14px;
	}



	#mainCont{
		padding: 0 0 80px 0
	}

	#mainCont section{
		width:90%;
		margin: -40px auto 0;
		padding: 20px;
		background: #fff;
	}

	
	
	
	/*コンテンツ*/

	#promotion{
		padding: 60px 20px 20px 20px;
	}
	#promotion section{
		width:100%;
		height: 100%;
		background: #fff url("../images/home/promo_photo_sp.jpg") no-repeat center center;
		background-size: cover;

		position: relative;

		z-index: -1;
	}
	#promotion section::after{
		width:80px;
		height: 53px;
		bottom: -2px;
		right: -2px;
	}
	.promoCatch{
		font-size: 20px;
		line-height: 140%;
		margin-bottom: 10px;
	}
	.promoRead{
		font-size: 13px;
		line-height: 180%;
		margin-bottom: 20px;
	}
	.promoLogo{
		margin-bottom: 20px;
	}
	.promoLogo img{
		width:100px;
		height: auto;
	}
	.promoScrl{
		bottom: -10px;

	}
	.promoScrl img{
		width:auto;
		height:30vw;
	}


	/*about*/
	#about{
		background: #fafafa url("../images/cont_bg1.png") no-repeat center 0;
		background-size: 110% auto;
	}
	#about section{
		width:90%;
		padding: 50px 0;
	}

	#aboutMain{
			display: block;
	}
	#aboutMain .aboutTitle{
		width:100%;
		margin-right: 0;
		
		margin-bottom: 30px;
		
		text-align: center;
	}
	#aboutMain .aboutMain{
		width:100%;
	}
	#about .aboutChart{
		background: #fff;
		box-shadow: 5px 5px 0 rgba(0,0,0,.05);
		padding: 18px;
	}

	.aboutChartBlock{
		border-bottom: 1px solid #ccc;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;

		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.aboutChartBlock:nth-last-of-type(1){
		padding-bottom: 0;
		margin-bottom: 0;
		border:none;
	}
	.aboutChartTitle{
		width:100%;
		font-size: 12px;
		font-weight: bold;
	}
	.aboutChartTxt{
		width:100%;
		font-size: 12px;
	}




	/*service*/
	#service{
		background: #ff4f00 url("../images/cont_bg2.png") no-repeat center 0;
		background-size: 110% auto;
	}
	#service section{
		width:90%;
		padding: 50px 0;
	}


	#serviceMain{
		display: block;
	}
	.serviceBox{
		width:100%;
		margin-right: 0;

		padding: 20px 20px 10px 20px;
		
		margin-bottom: 20px;
	}

	.h3Title1{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.h4Title1{
		font-size: 12px;
		margin-bottom: 20px;
	}
	.serviceIcon{
		margin-bottom: 10px;
	}
	.serviceIcon img{
		width:70px;
	}



	/*contact*/
	#contact{
		background: #e9e9e9 url("../images/cont_bg3_2.png") no-repeat center 0;
		background-size: 110% auto;
	}
	#contact section{
		width:90%;
		padding: 50px 0;
	}

	.contactLine{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;

		margin-bottom: 10px;
	}
	.contactL{
		width:49%;
		margin-right: 2%;
	}
	.contactR{
		width:49%;
		margin-right: 0;
	}

	.formTitle{
		font-size: 12px;
		margin-bottom: 3px;
	}
	.contactLine input{
		padding: 12px 8px;
		font-size: 12px;
		border:1px solid #ddd;
	}
	.contactLine textarea{
		padding: 12px 8px;
		font-size: 12px;
	}
	.sendBtn{
		padding: 20px 0;
	}
	.sendBtn input[type=submit]{
		padding: 12px 20px;
		font-size: 12px;
		letter-spacing: .1em;

	}



select {

  /* styling */
  background-color: white;
border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 2.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
	
	font-size:12px;
}


/* arrows */



select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 10px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 10px) 1em,
    calc(100% - 15px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.inqTxt div{
	margin-top:10px;
	display:none;
	padding:10px;
	border:2px solid #eee;
	font-size:12px;
	line-height:160%;
	margin-bottom:10px;
	background:#fff;
}



}