@charset "UTF-8";
/* CSS Document */
/* コンテンツセクション */
.content-section {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 150px auto;
  height: 400px;
}
.content-section .text {
  position: absolute;
  top: -30px;
  width: 800px;
  pointer-events: none;
  z-index: 2;
  text-shadow: 0px 0px 10px #000;
}
.bigtextred {
  font-size: 54px;
  color: #ff3c00;
}
.textred {
  font-size: 50px;
  color: #ff3c00;
}
.textwhite {
  font-size: 42px;
  color: #fff;
}
.content-section .image img {
  width: 800px;
  height: auto;
  display: block;
  border-radius: 8px;
  border: 3px #110000 solid;
}
.content-section.left .image img {
  margin-left: 0;
  margin-right: auto;
}
.content-section.left .text {
  right: 0;
  text-align: right;
}
.content-section.right .image img {
  margin-left: auto;
  margin-right: 0;
}
.content-section.right .text {
  left: 0;
  text-align: left;
}
@media (max-width: 960px) {
  /* コンテンツセクション */
  .content-section {
    margin: 80px auto;
    height: auto;
    padding: 20px;
    text-align: center;
  }
  .content-section .image img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .content-section .text {
    position: static;
    width: 100%;
    text-align: left;
    font-size: 30px;
    margin-top: 20px;
  }
  .bigtextred {
    font-size: 32px;
  }
  .textred {
    font-size: 28px;
  }
  .textwhite {
    font-size: 24px;
  }
  /* 中央セクション */
  .center-section {
    width: 90%;
    margin: 100px auto 50px;
  }
  .center-section .center-image img {
    width: 100%;
    height: auto;
  }
  .center-section .center-text {
    position: static;
    transform: none;
    text-align: left;
    font-size: 24px;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  /* コンテンツセクション */
  .content-section {
    margin: 0px auto;
    height: auto;
    padding: 20px;
    text-align: center;
  }
  .content-section .image img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .content-section .text {
    position: static;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
  }
  .bigtextred {
    font-size: 32px;
  }
  .textred {
    font-size: 28px;
  }
  .textwhite {
    font-size: 24px;
  }
}
/* 中央セクション */
.center-section {
  position: relative;
  text-align: center;
  margin: 200px auto 100px;
  width: 960px;
}
.center-section .center-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  border: 3px #110000 solid;
}
.center-section .center-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space:nowrap;
}
@media (max-width: 960px) {
  /* 中央セクション */
  .center-section {
    width: 90%;
    margin: 60px auto 30px;
    text-align: center;
  }
  .center-section .center-image img {
    width: 100%;
    height: auto;
  }
  .center-section .center-text {
    font-size: 32px;
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  /* 中央セクション */
  .center-section {
    width: 90%;
    margin: 60px auto 30px;
    text-align: center;
  }
  .center-section .center-image img {
    width: 100%;
    height: auto;
  }
  .center-section .center-text {
    font-size: 16px;
    margin-top: 15px;
	  transform: translate(-50%, -100%);
  }
}