@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, figure, iframe, img {
  margin: 0;
  padding: 0; }

ul, ol {
  list-style: none; }

img {
  vertical-align: middle; }

.spElem {
  display: none; }

/* ----- structure ----- */
.contentsWrapper {
  background: #000; }

.container {
  width: 960px;
  margin: 0 auto;
  padding-top: 27px;
  padding-bottom: 80px;
  position: relative; }

.header {
  background: url(../img/headbg.jpg) top center/auto auto no-repeat; }

.header_inner {
  width: 960px;
  margin: 0 auto; }
  .header_inner .oa {
    text-align: right;
    margin-top: 16px; }
    .header_inner .oa img {
      width: 616px; }

.mainContents {
  z-index: 1;
  line-height: 2;
  color: #353535;
  box-sizing: border-box;
  position: relative;
  background: #f1f1f1;
  width: 616px;
  font-size: 18px;
  font-family: 'Noto Serif JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
  .mainContents p {
    text-align: justify;
    text-justify: inter-ideograph; }
  .mainContents .title {
    font-size: 22px; }
  .mainContents .red {
    color: #d30000; }
  .mainContents section {
    margin-bottom: 32px;
    padding: 32px 20px;
    position: relative;
    border-radius: 16px;
    box-sizing: border-box; }
  .mainContents .imgList {
    margin: 64px 0 32px; }

.bottomArea {
  width: 960px;
  margin: 0 auto;
  height: 345px;
  background: #000;
  position: relative; }
  .bottomArea::after {
    position: absolute;
    bottom: 0;
    right: -35px;
    content: "";
    display: block;
    background: url(../img/bottomImage.jpg) 0 0/100% auto;
    width: 495px;
    height: 345px;
    z-index: 0; }

.banner {
  padding: 16px; }
  .banner a {
    transition: all .3s; }
    .banner a:hover {
      opacity: .7; }

.sideDodora {
  display: none; }

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

  .container {
    width: 92%;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px; }

  .header_inner {
    width: 100%;
    background: none;
    height: inherit; }

  .header {
    background: none; }

  .oa {
    margin: 0 auto;
    width: 92%; }

  .mainContents {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    .mainContents p {
      text-align: justify;
      text-justify: inter-ideograph; }
    .mainContents::after {
      position: absolute;
      bottom: -130px;
      right: 0;
      content: "";
      display: block;
      background: url(../img/bottomImage.jpg) bottom right/100% auto no-repeat;
      width: 165px;
      padding-top: 50%;
      height: 100px;
      z-index: 0; }

  .bottomArea {
    display: none; }

  div.sideContents {
    margin-top: 140px; } }
@media screen and (max-width: 640px) {
  .container {
    padding-top: 24px;
    padding-bottom: 32px; }

  .mainContents {
    font-size: 16px; }
    .mainContents .title {
      font-size: 20px;
      margin-bottom: 12px; }
    .mainContents section {
      padding: 16px; }
    .mainContents .imgList {
      margin: 32px 0 20px; } }

/*# sourceMappingURL=style.css.map */