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

@media screen and (min-width: 768px) {
  .m-img .w-740 {
    width: 740px;
  }
}

/* Base */
.l-content-body, .l-wrapper, .l-content, .l-content-main {
  max-width: 100%;
}
.t-mode-rwd .l-content-main {
  padding: 0 !important;
}
.article-inner {
  max-width: 1030px;
  margin: 0 auto;
  padding: 100px 15px;
  position: relative;
}
.article-inner[data-type="first"] {
  padding: 50px 15px 100px;
}
.article-inner[data-type="wide"] {
  max-width: 1230px;
  margin: 0 auto;
  padding: 100px 15px;
}
.main-article {
  max-width: 1024px;
    margin: 0 auto;
    padding: 70px 0;
}
.article-inner > *:first-child {
  margin-top: 0;
}
.article-inner > *:last-child {
  margin-bottom: 0;
}
.sp-only {
  display: none;
}
.disable {
  pointer-events: none;
  background: #ccc;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .t-mode-rwd .l-content-body[data-type="full"] .l-content-main {
    padding: 0 !important;
  }
  .l-footer {
    margin-top: -1px;
  }
  .article-inner {
    padding: 80px 25px;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .t-mode-rwd .l-footer {
    padding-left: 0;
  }
    .t-mode-rwd .l-content {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-content {
    padding: 0 0 0 110px;
  }
  .l-content-body {
    margin: 0;
        padding: 0;
  }
    /*
    .l-content-head {
    max-width: 1040px;
        margin: 0 auto;
    }
    */
  .l-content-related[data-type="full"] {
    max-width: 1000px;
    float: none;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 80px 15px 100px;
  }
  /*
  .t-mode-rwd[data-type="simple"] .l-content {
    margin-top: -110px;
  }
  */
  .l-footer {
    padding: 0 0 0 110px;
  }
}
@media screen and (max-width: 767px) {
  html[lang="ja"] .m-header-logo {
    margin-left: 0 !important;
    left: 12px !important;
  }
  .l-content-head {
    padding: 10px;
    position: relative;
    z-index: 5;
  }
  .l-content-body {
    padding: 0;
    margin-top: 0;
    }
    .l-content-main {
    margin: 0;
    }
  .article-inner {
    padding: 60px 10px;
  }
  .article-inner[data-type="first"] {
    padding: 30px 10px 60px;
  }
  .main-article {
    padding: 20px 0 30px;
  }
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none !important;
  }
  .l-footer {
    position: relative;
    z-index: 50;
  }
}
 
/* Section Color */
section[data-color="gray"] {
  background-color: #f2f2f2;
  color: #333;
}
section[data-color="d-gray"] {
  background-color: #e8e8e8;
  color: #333;
}
section[data-color="l-blue"] {
  background-color: #eaf7f9;
  color: #333;
}
section[data-color="d-blue"] {
  background-color: #e8e8e8;
  color: #ccc;
}