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



/*PC*/
@media print, screen and (min-width: 769px) {	
	
/****************************
[pc]の歴史
*****************************/
#history {
}

/****************************
[pc]メインタイトル
*****************************/
#hed_img {
    background-image: url(../images/history/bg_hed_img.jpg);
}



/*------*/
.btTxtBox {
    background-color: #1e1e1e;
    box-sizing: border-box;
    padding: 30px;
    border: #8d785a 2px solid;
}

.btTxtBox p {
    color: #8d785a;
}


.fcBox01 {
position: relative;
min-height: 820px;
z-index: 1;
margin-bottom: 80px;
}

.fcBox01:before {
position: absolute;
content: "";
top: 0;
right: 0;
background: url(../images/history/img01.jpg) center center no-repeat;
background-size: cover;
height: 700px;
width: 50%;
display: block;
}

.fcBox_txt {
width: 520px;
}

.obi:after {
position: absolute;
bottom: 0px;
content: "";
background: url(../images/com/bg.png) center center no-repeat;
right: -50%;
display: block;
width: 1260px;
height: 226px;
border-image-width: 100%;
z-index: -1;
}


.fcBox02 {
position: relative;
min-height: 820px;
z-index: 1;
margin-bottom: 80px;
}

.fcBox02:before {
position: absolute;
content: "";
top: 0;
right: 0;
background: url(../images/history/img02.jpg) center center no-repeat;
background-size: cover;
height: 700px;
width: 50%;
display: block;
}

.fcBox03 {
position: relative;
min-height: 820px;
z-index: 1;
margin-bottom: 80px;
}

.fcBox03:before {
position: absolute;
content: "";
top: 0;
left: 0;
background: url(../images/history/img03.jpg) center center no-repeat;
background-size: cover;
height: 700px;
width: 50%;
display: block;
}

.obi2:after {
position: absolute;
bottom: 0px;
content: "";
background: url(../images/com/bg.png) center center no-repeat;
left: -50%;
display: block;
width: 1260px;
height: 226px;
border-image-width: 100%;
z-index: -1;
}

.fcBox_txt_r {
width: 520px;
position: relative;
left:53%;
}


.fcBox04 {
position: relative;
min-height: 820px;
z-index: 1;
margin-bottom: 80px;
}

.fcBox04:before {
position: absolute;
content: "";
top: 0;
right: 0;
background: url(../images/history/img04.jpg) center center no-repeat;
background-size: cover;
height: 700px;
width: 50%;
display: block;
}

.fcBox05 {
position: relative;
min-height: 820px;
z-index: 1;
margin-bottom: 80px;
}

.fcBox05:before {
position: absolute;
content: "";
top: 0;
right: 0;
background: url(../images/history/img05.jpg) center center no-repeat;
background-size: cover;
height: 700px;
width: 50%;
display: block;
}


.history_bg {
  position: relative;
  overflow: hidden;
  margin: 5% 0 0;
  padding: 0;
}

.history_bg_inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 300%;
  height: 100%;
  margin: 3% -20% 0;
  background: #4d4d4d;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 1;
}

.history_bg_inner {
  box-sizing: boder-box;
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0 100px;
  color: #fff;
  position:relative;
}

.history_bg_inner h5,
.history_bg_inner p {
	position:relative;
	z-index:100;
}

}

/*sp*/
@media only screen and (max-width: 768px) {
	
/****************************
[sp]の歴史
*****************************/
#history {
}

/****************************
[sp]メインタイトル
*****************************/
#hed_img {
    background-image: url(../images/history/bg_hed_img.jpg);
}


/*------*/
.btTxtBox {
    background-color: #1e1e1e;
    box-sizing: border-box;
    padding: 10px;
    border: #8d785a 2px solid;
}

.btTxtBox p {
    color: #8d785a;
}


.fcBox01,
.fcBox02,
.fcBox03 {
position: relative;
}

.fcBox01 .fcBox_txt,
.fcBox02 .fcBox_txt,
.fcBox03 .fcBox_txt_r,
.fcBox04 .fcBox_txt,
.fcBox05 .fcBox_txt {
width: 100%;
padding-bottom: 300px;
position:relative;
}

.fcBox01 .fcBox_txt:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: url(../images/history/img01.jpg) center center no-repeat;
background-size: cover;
height: 250px;
width: 100%;
display: block;
margin-bottom:40px;
}

.obi:after {
	display:none;
}


.fcBox02 .fcBox_txt:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: url(../images/history/img02.jpg) center center no-repeat;
background-size: cover;
height: 250px;
width: 100%;
display: block;
margin-bottom:40px;
}


.fcBox03:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: url(../images/history/img03.jpg) center center no-repeat;
background-size: cover;
height: 250px;
width: 100%;
display: block;
margin-bottom:40px;
}

.obi2:after {
	display:none;
}

.fcBox04 .fcBox_txt:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: url(../images/history/img04.jpg) center center no-repeat;
background-size: cover;
height: 250px;
width: 100%;
display: block;
margin-bottom:40px;
}

.fcBox05 .fcBox_txt:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: url(../images/history/img05.jpg) center center no-repeat;
background-size: cover;
height: 250px;
width: 100%;
display: block;
margin-bottom:40px;
}


.history_bg {
  position: relative;
  overflow: hidden;
  margin: 5% 0 0;
  padding: 0;
}

.history_bg_inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  margin: 3% -20% 0;
  background: #4d4d4d;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 1;
}

.history_bg_inner {
  box-sizing: boder-box;
  width: 96%;
  margin: 0 auto;
  padding: 60px 0;
  color: #fff;
  position:relative;
}

.history_bg_inner h5,
.history_bg_inner p {
	position:relative;
	z-index:100;
}


}