body {
background-image: url(../image/wood_bg.jpg);
background-size: 100% auto;
}

.sponly {
display: none;
}

.pconly {
display: block;
}

.pageHeaderImage {
height: 670px;
width: 100%;
background-size: auto;
background-position: center;
}

.pageHeaderTitle {
text-align: center;
padding: 15px 0 10px 0;
background: #BF182F;
line-height: 1;
}

.pageHeaderTitle img {
height: 50px;
}

.pageOurstoryBox {
  width: 1200px;
  margin: 25px auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.pageOurstoryImg {
  width: 48%;
}
.pageOurstoryImg img {
  width: 100%;
}
.pageOurstoryText {
  width: 48%;
}
.pageOurstoryText p {
  font-size: 14px;
}
.Cnt {
  text-align: center;
}
.RedText {
  color: #BF182F;
  text-align: center;
  margin: 1em 0;
}
.pageOurstoryRed {
  padding: 10px 50px;
  color: #fff!important;
  font-size: 16px;
  background: #BF182F;
  border-radius: 30px;
  text-align: center;
  max-width: 180px;
  margin: 2em auto 0;
}

.pageOurstoryWordImg {
  margin: 0 auto 50px;
  padding: 0 1em;
  max-width: 960px;
}
.pageOurstoryWordImg img{
  width: 100%;
}

/* 共通タイトル。後で分けたい。 */
.pageCommonTitle {
/*background: url(../image/renewal/footerBorder.png);*/
background-repeat: repeat-x;
background-size: 10px auto;
text-align: center;
margin-top: 100px;
width: 100%;
display: table;
vertical-align: middle;
}

.pageCommonTitleLeft, .pageCommonTitleRight {
background: url(../image/renewal/footerBorder.png);
background-repeat: repeat-x;
background-size: 10px auto;
text-align: center;
margin-top: 100px;
display: table-cell;
width: 50%;
}

.pageCommonTitleCenter {
display: table-cell;
white-space: nowrap;
}

.pageCommonTitleCenter h2 {
font-family: 'Rokkitt', serif;
font-weight: bold;
color: #c0182f;
font-size: 32px;
line-height: 1em;
position: relative;
top: -13px;
text-align: center;
padding: 0 30px;
}

.pageCommonTitleCenter p {
color: #c0182f;
text-align: center;
line-height: 1em;
position: relative;
top: -13px;
font-weight: bold;
}

@media screen and (max-width: 479px) {
  .sponly {
    display: block;
  }

  .pconly {
    display: none;
  }

  .pageHeaderImage {
    height: 400px;
    background-position: middle;
    background-size: auto 100%;
  }

  .pageHeaderTitle img {
    height: 20px;
  }
  
  .pageCommonTitleCenter h2 {
    font-size: 28px;
  }
  
  .pageOurstoryBox {
    display: block;
    width: 100%;
    padding: 0 1em;
    margin: 0 auto;
  }
  .pageOurstoryImg {
    width: 100%;
    padding: 0.5em 0;
  }
  .pageOurstoryText {
    width: 100%;
    padding: 0.5em 0;
  }
  

}