@charset "utf-8";
/**********
 main
**********/
html,body,main { height: 100%; }
a img { vertical-align: bottom; }
a:hover img { opacity: .7;}
main {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 auto;
  position: relative;
  background: none;
  width: 100% !important;
  color: #000;
}
#footer { margin-top: 0; }
/*****
 ここから
********************/
#fixed {
	width: 189px;
	height: 376px;
	position: fixed;
	top: 70px;
	right: 0;
	z-index: 99;
}
#fixed li {
	float: left;
}
#fixed:hover{
	opacity: 0.8;
}
.con1{
    background: url("../img/con01_bg.jpg")no-repeat center;
	height: 1373px;
	margin-top: 39px;
}
.con1__inner{
    width: 980px;
	height: 100%;
    margin: auto;
    position: relative;
}
.con1 .item1{
	position: absolute;
	top: -21px;
	left: 53px;
}
.con1 .item2{
	position: absolute;
	bottom: 115px;
	left: -74px;
}
.con2{
	background: url(../img/con02_bg.jpg)no-repeat center;
    height: 2700px;
}
.con2__inner{
    width: 980px;
	height: 100%;
    margin: auto;
	position: relative;
}
.con2 .item1{
	position: absolute;
	top: -33px;
	left: -10px;
}
.con2 .item2{
	position: absolute;
	top: 106px;
	left: -10px;
}
.con2 .item3{
	position: absolute;
	left: -190px;
	bottom: 47px;
}
.con3{
    background: url("../img/con03_bg.jpg")no-repeat center;
	height: 1366px;
}
.con3__inner{
    width: 980px;
	height: 100%;
    margin: auto;
    position: relative;
}
.con3 .item1{
	position: absolute;
	top: 25px;
	left: 131px;
}
.con3 .item2{
	position: absolute;
	top: 132px;
	left: -56px;
}
.con4{
	background: url("../img/con04_bg.jpg")no-repeat center;
	height: 662px;
}
.con4__inner{
	width: 980px;
	height: 100%;
	margin: auto;
	position: relative;
}
.con4 .item1{
	position: absolute;
	top: -77px;
	left: 10px;
}
.con4 .btn01{
	position: absolute;
	bottom: 305px;
	left: 55px;
}
.con5{
	background: url("../img/con05_bg.jpg")no-repeat center;
	height: 2105px;
}
.con5__inner{
	width: 980px;
	margin: auto;
	position: relative;
	height: 100%;
}
.con5 .item1{
	position: absolute;
	top: 87px;
	left: 29px;
}
.con5 .youtube1{
	position: absolute;
	top: 382px;
	right: 31px;
	width: 582px;
	height: 334px;
}
.con5 .youtube2{
	position: absolute;
	top: 873px;
	left: 38px;
	width: 582px;
	height: 328px;
}
.con6{
	height: 2136px;
}
.con6__inner{
	position: relative;
	width: 980px;
	margin: auto;
	height: 100%;
}
.con6 .item1{
	position: absolute;
	top: 58px;
	left: 10px;
}
.con7{
	background: url("../img/con07_bg.jpg")no-repeat center;
	height: 692px;
}
.con7__inner{
	position: relative;
	width: 980px;
	margin: auto;
	height: 100%;
}
.con7 .youtube1{
	position: absolute;
	bottom: 143px;
	left: 38px;
}
.con7 .youtube2{
	position: absolute;
	bottom: 434px;
	right: -5px;
}
.con7 .item1{
	position: absolute;
	top: 29px;
	left: 10px;
}
.con7 .btn01{
	position: absolute;
	left: 55px;
	top: 229px;
}
.con8{
	height: 1364px;
}
.con8__inner{
	position: relative;
	width: 980px;
	margin: auto;
	height: 100%;
}
.con8 .item1{
	position: absolute;
	top: 41px;
	left: -10px;
}
.con8 .item2{
	position: absolute;
	left: -10px;
	bottom: 95px;
}
.con9{
	background: url("../img/con09_bg.jpg")no-repeat center;
	height: 663px;
}
.con9__inner{
	position: relative;
	width: 980px;
	margin: auto;
	height: 100%;
}
.con9 .item1{
	position: absolute;
	left: 10px;
	top: -85px;
}
.con9 .btn01{
	position: absolute;
	top: 316px;
	left: 55px;
}
/*------------------*/
.textArea {
  text-align: left;
  color: #000;
  margin: 0 auto;
}
.textArea .textAreaInner {
  width: 100%;
  max-width: 980px;
  margin: 50px auto 0;
  color: #000;
  box-sizing: border-box;
}
.textArea .textAreaInner p.heading {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #000;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 5px 4px;
}
.textArea .textAreaInner p.mb {
  margin-bottom: 3.125%;
  font-size: 16px;
}
/*---------------------*/
.clfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
.clfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clfix { height: 1%; }
.clfix { display: block; }
/* End hide from IE-mac */
.clr { clear: both; }
/*****
 ここまで
********************/
#gNavi {display:none;}