@charset "utf-8";
/* CSS Document */

/*mainVisual
-------------------------
.mainVisual{ background-image: url("../images/company/mainV.png"); height: 580px; background-repeat: no-repeat; background-size:cover; background-position: center;}
.mainVisual h1{ font-size: 64px; color: #fff; text-align: center; margin-bottom: -30px;text-shadow: 1px 2px 3px #808080;}
.mainVisual h2{ color: #fff; font-size: 28px; text-align: center;text-shadow: 1px 2px 3px #808080;}
.mainVBox{ width:50%; margin: 0 auto; padding: 0px 0 0 0;}-----------*/

/*mainVisual
------------------------------------*/
.mainVisual{ width:1260px; margin: 0 auto; background-image: url("../images/company/mainV.png"); height: 580px; background-repeat: no-repeat; background-size:cover; background-position: center;}
.mainVisual h1{ font-size: 32px; color: #fff; text-align: center; margin-bottom: -0px; margin-top:90px;text-shadow: 1px 2px 3px #808080;}
.mainVisual h2{ color: #fff; font-size: 20px; text-align: center;text-shadow: 1px 2px 3px #808080;}
.mainVBox{ width:640px; margin: 0 auto; padding: 0px 0 0 0;}


/*con1,con3
------------------------------------*/
.con1,.con2{  width:1260px;margin: 100px auto 0 auto;}
.con3{  width:1260px;margin: 100px auto 0;}
.con1Inner,.con3Inner{ width: 1080px; margin: 0 auto;}
.con1 h1,.con3 h1{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:65px; text-align: right; margin-bottom: -10px;text-shadow: 1px 2px 3px #808080;}
.textArea{ width:1080px; margin: 0 auto; display: inline-block;}
.right{ float:right; border: 8px  solid #278b28; padding: 50px 30px 50px 100px; box-shadow:10px 10px 10px rgba(0,0,0,0.4); }
.leftImg{ float: left; padding: 40px 20px; position: relative;left: 100px; bottom:10px;}
.con3leftImg{ float: left; position: relative;left: 20px; bottom:280px;}

/*con2
------------------------------------*/
.con2{}
.con2Inner{ width: 1080px; margin: 0 auto;}
.con2 h1{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:65px; text-align: left; margin-bottom: -10px;text-shadow: 1px 2px 3px #808080;}
.textArea02{ width:1080px; margin: 0 auto; display: inline-block;}
.right02Img{ float:right; padding: 40px 20px; position: relative;right: 100px; bottom:10px;}
.left02{ float: left; border: 8px  solid #278b28; padding: 50px 100px 50px 30px; box-shadow:10px 10px 10px rgba(0,0,0,0.4); }

/* loop
-------------------- */
.bg-image-loop {
	width: 1260px;
	height: 160px; /* 画像の高さを指定 */
	position: relative;
	background: url("../images/service/loop.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 23s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	margin: -80px auto 0 auto;
	padding: 0;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1518px 0; } /* 1518pxとは使用した背景画像の長さ */
}

/*con4
------------------------------------*/
.con4{width: 1260px; background-image: url("../images/service/con4Bg.png"); background-repeat: no-repeat;  background-size:cover;  background-position: center bottom; height: 330px; margin: -30px auto 0;}
.con4text{ width:840px; margin: 0 auto; padding: 50px 0 0 0;}
.con4 p{  text-align: center; font-size:30px;}