body {margin:0;padding:0;font-family:"メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#666;background:#fff;overflow-x: hidden;-webkit-text-size-adjust: 100%;word-break: break-all;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a , a img { overflow: hidden; color:#333;text-decoration: none;border:none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
a:hover,a:active { color: #11833b;border:none;outline:none;}
a:hover img , a:active img {opacity:.7;border:none;outline:none;}

body,html{}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
img {max-width: 100%;width:auto;height: auto;display:block;}
body {
	line-height: 1;
  background-image: url(../images/mainimg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
.fixed-content {
	position:fixed;
	z-index: 1;
	width:100%;
	height:70px;
	margin:auto;
	right:0;
	bottom:0;
	left:0;
}
.fixed-content .footer{
	position:absolute;
	bottom:0;
	height:70px;
	width:100%;
	background:#000;
	z-index:99999;
}

.footer h1{line-height:0;}
.footer .logo {max-width:250px;max-height:auto;position:absolute;top:8px;left:0;}

.footer_in {width:95%;margin:0 auto;position:relative}
.navi {position:absolute;right:0;top:22px !important;}
.navi li {display:inline-block; vertical-align:middle;font-size:1.35em;line-height:1;}
.navi li a {color:#fff;padding:.2em 1em;border-left:1px solid #fff; vertical-align:middle;}
.navi li:last-child a {padding-right:0;}
.navi li:first-child a {border:none;}
.navi li a:hover { color:#e50012; text-decoration:none;}


/****** Main ********/
.en{
	width:570px;
	height:570px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background:rgba(255,255,255,.9);
}
#en05,#en03,#en02,#en01 {
	width:570px;
	height:570px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	display:none;
}


#en04{
	width:570px;
	height:570px;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background:rgba(255,255,255,.9);
	display:none;
}
#en_bound{
	width:570px;
	height:570px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;

	display:block;
	opacity:0;
}
.inner {
	width:1270px;
	margin:0 auto;

	position: relative;
	height:100%;
}
.panel {
	position: relative;
	/*background-color: #FFF;*/
}
.panel01 {
	overflow: hidden;
}
.panel.panel01 {
	width:1280px;
	margin:0 auto;
}
.panel.panel02 {
	margin:0 auto;
  background-image: url(../images/relax.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.panel.panel03 {
	margin:0 auto;
	background-image: url(../images/panel03_img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.panel.panel04 {
	margin:0 auto;
  background-image: url(../images/officeimg02.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.panel.panel05 {
	margin:0 auto;
	background-image: url(../images/panel05_img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.panel.panel06 {
	margin:0 auto;
	background:rgba(255,255,255,.9);
}
.panel.panel06 .inner{
	width:1280px;
	margin:0 auto;
}




	
/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:47%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}

#scroll {display:none;}
#scroll2 {display:none;}
#scroll3 {display:none;}
#scroll4 {display:none;}
#scroll5 {display:none;}

.panel01 #p_logo{
	width:550px;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background:none;
	/*display:none;*/
}
.panel01 #p_nouka {
	width:460px;
	height:532px;
	position: absolute;
	top:-170px;
	right:-190px;
	opacity:0;/*fadeIn/Outメソッドの場合はdisplay:noneだが、jQuery側で移動しながらanimateしながら出現させるので、opacity:0->1に*/
}

.panel01_text {
	width:365px;
	height:170px;
	position: absolute;
	top: 130px;
	left: -390px;
	right: 0;
	margin: auto;
	font-size:16px;
	z-index:99;
	color:#231815;
	line-height:1.6em;
}

.output {display:none;}

.panel01 #p_txt_samazama{
	width:500px;
	height:200px;
	position: absolute;
	top: 40px;
	left: -450px;
	right: 0;
	margin: auto;
	display:none;
}
.panel01 #p_txt_ikkatsu{
	width:500px;
	height:87px;
	position: absolute;
	top: 190px;
	left: -450px;
	right: 0;
	margin: auto;
	display:none;
}
.panel01 #p_pc{
	width:500px;
	height:219px;
	position: absolute;
	top:270px;
	left:-230px;
	margin: auto;
	display:none;
}
.panel02 #p_man{
	width:402px;
	height:585px;
	position: absolute;
	top:-300px;
	right:-230px;;
	opacity:0;/*fadeIn/Outメソッドの場合はdisplay:noneだが、jQuery側で移動しながらanimateしながら出現させるので、opacity:0->1に*/
}
.panel02 #p_txt_kaiin{
	width:500px;
	height:350px;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel02 #p_nouka2 {
	width:429px;
	height:624px;
	position: absolute;
	top:-60px;
	right:360px;
	display:none;
}
.panel02 #p_txt_seisan{
	width:443px;
	height:133px;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel02 #p_line{
	width:435px;
	height:50px;
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}

.panel02_text {
	width:365px;
	height:170px;
	position: absolute;
	top: 200px;
	left: 0px;
	right: 0;
	margin: auto;
	font-size:16px;
	z-index:99;
	color:#231815;
	line-height:1.6em;
}

.output02 {display:none;}

.panel02 #p_txt_choku{
	width:260px;
	height:110px;
	position: absolute;
	top: 300px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel03 #p_car{
	width:361px;
	height:203px;
	position: absolute;
	top:215px;
	right:0px;
	opacity:0;/*fadeIn/Outメソッドの場合はdisplay:noneだが、jQuery側で移動しながらanimateしながら出現させるので、opacity:0->1に*/
	z-index:10;
}
.panel03 #p_txt_sono{
	width:404px;
	height:230px;
	position: absolute;
	top: 170px;
	left: 40px;
	right: 0;
	margin: auto;
	display:none;
}

.panel03_text {
	width:310px;
	height:170px;
	position: absolute;
	top: 270px;
	left: 40px;
	right: 0;
	margin: auto;
	font-size:16px;
	z-index:99;
	color:#231815;
	line-height:1.6em;
}

.output03 {display:none;}

.panel03 #p_txt_jinsoku{
	width:340px;
	height:138px;
	position: absolute;
	top: 340px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel03 #p_man2{
	width:350px;
	height:509px;
	position: absolute;
	top:-30px;
	left:-220px;
	display:none;
}
.panel03 #p_arrow{
	width:536px;
	height:223px;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel04 #p_daikin{
	width:561px;
	height:551px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
}

.panel04_text {
	width:440px;
	height:170px;
	position: absolute;
	top: 120px;
	left: 35px;
	right: 0;
	margin: auto;
	font-size:16px;
	z-index:99;
	color:#231815;
	line-height:1.6em;
}

.output04 {display:none;}

.panel05 #p_mazuha{
	width:560px;
	height:551px;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	display:none;
}

.panel05_text {
	width:180px;
	height:170px;
	position: absolute;
	top: 432px;
	left: 115px;
	right: 0;
	margin: auto;
	font-size:16px;
	z-index:99;
	color:#231815;
	line-height:1.6em;
}

.output05 {display:none;}

.panel06 #p_ws01{
	width:779px;
	position: absolute;
	top: -150px;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	display:none;
}

.panel06 #p_ws02{
	position: absolute;
	top: 10px;
	left: 0;
	right: 380px;
	bottom:0;
	margin: auto;
	display:none;

}
.panel06 #p_ws03{
	position: absolute;
	top: 10px;
	left: 370px;
	right: 0;
	bottom:0;
	margin: auto;
	display:none;

}

.panel07 #p_ws02{
	width:900px;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel07 #p_ws03{
	width:800px;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}
.panel07 #p_ws04{
	width:800px;
	position: absolute;
	top: 400px;
	left: 0;
	right: 0;
	margin: auto;
	display:none;
}

.pagination {
	position:fixed;
	top:0;
	bottom:0;
	right:20px;
	height:90px;
	margin:auto;
	font-size:1.2em;
	z-index: 10;
}
.pagination a {
	display:block;
	width:80px;
	height:13px;
	border-radius:50%;

	color:#aaa;
	position:relative;
	padding:4px;
}
.pagination a.active:after {
	background:transparent;
	border:3px solid #e50012;
	width:8px;
	height:8px;
	right:0;
}
.pagination a .hover-text {
	position:absolute;
	right:20px;
	top:5px;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.pagination a:hover .hover-text {
	opacity: 1;
}
.pagination a:after {
	width:4px;
	height:4px;

	display: block;
	background:#fff;
	border-radius:50%;
	content:'';
	position: absolute;
	margin:auto;
	top:0;
	right:4px;
	bottom:0;

}

a:link,
a:visited {
	color:#666;
	text-decoration:none;

}
a:hover {
	text-decoration: underline;
}
.arrow {
	position: relative;
	padding-right:15px;
}

.arrow:before,
.arrow:after {
	content:'';
	position: absolute;
	right:0;
	top:4px;

	width:2px;
	height:12px;
	background: #666;
}
.arrow:before {
	transform: rotate(45deg);
	top:12px;
}
.arrow:after {
	transform: rotate(-45deg);

}

.mainimg_pict {position: relative;left:88%;top: 78%;z-index: 5;  animation: passing_3372 4s linear infinite;
  transform-origin: 50% 50%;}
.mainimg_pict img { width:9%;}

.mainimg_pict_top {position: relative;left:88%;top: 78%;z-index: 5;  animation: passing_3372 4s linear infinite;
  transform-origin: 50% 50%;}
.mainimg_pict_top img { width:9%;}

@keyframes passing_3372 {
  0% { transform:translateY(-60%); opacity:1 }
  25% { transform:translateY(0%); opacity:0.5 }
  50% { transform:translateY(60%); opacity:0 }
  100% { transform:translateY(60%); opacity:0 }
}

@media screen and (min-width:1400px) {
.mainimg_pict_top img { width:8%;}
}