body #contents #main #mainView {
  display: block;
  background-image: url(../img/design/main.jpg); }
  body #contents #main #mainView > h2 {
    background-image: url(../img/design/logo.png);
    padding: 60px 0; }
body #contents #main h3 {
  display: block;
  width: 100%;
  padding: 10px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 40px; }
  body #contents #main h3.ttl01 {
    background-image: url(../img/design/design-h3-ttl01.png); }
body #contents #main p.section-main-lead {
  padding-bottom: 35px; }
body #contents #main article#lead, body #contents #main section#lead {
  padding: 50px 0 40px; }
body #contents #main article#siding, body #contents #main section#siding {
  padding: 33px 0 36px; }
  body #contents #main article#siding .content-detail .siding-box, body #contents #main section#siding .content-detail .siding-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 12px; }
    body #contents #main article#siding .content-detail .siding-box > .grid1, body #contents #main section#siding .content-detail .siding-box > .grid1 {
      grid-column: 1/3; }
  body #contents #main article#siding .content-detail .siding-logo, body #contents #main section#siding .content-detail .siding-logo {
    width: 370px;
    display: block;
    margin: 30px auto 20px; }
body #contents #main article#landscape, body #contents #main section#landscape {
  padding: 40px 0 60px; }
  body #contents #main article#landscape p.landscape-lead, body #contents #main section#landscape p.landscape-lead {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #070001;
    padding-bottom: 30px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.1em; }
  body #contents #main article#landscape .landscape-map, body #contents #main section#landscape .landscape-map {
    margin: 45px auto 120px; }
  body #contents #main article#landscape .grid2, body #contents #main section#landscape .grid2 {
    margin-bottom: 60px; }
    body #contents #main article#landscape .grid2 dt, body #contents #main article#landscape .grid2 dd, body #contents #main section#landscape .grid2 dt, body #contents #main section#landscape .grid2 dd {
      margin: 0 0 0 0; }
  body #contents #main article#landscape .flex3, body #contents #main section#landscape .flex3 {
    margin-bottom: 120px; }
  body #contents #main article#landscape .landscape-grid-tree, body #contents #main section#landscape .landscape-grid-tree {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 18px 18px; }
    body #contents #main article#landscape .landscape-grid-tree .long-box, body #contents #main section#landscape .landscape-grid-tree .long-box {
      grid-column: 1/7;
      padding-bottom: 20px; }
body #contents #main article .content-detail .flex1, body #contents #main section .content-detail .flex1 {
  margin-top: 90px;
  margin-bottom: 105px; }
body #contents #main article .content-detail .flex3 > dd, body #contents #main article .content-detail .flex3 > figure, body #contents #main article .content-detail .flex3 > dt, body #contents #main article .content-detail .flex3 > dl, body #contents #main section .content-detail .flex3 > dd, body #contents #main section .content-detail .flex3 > figure, body #contents #main section .content-detail .flex3 > dt, body #contents #main section .content-detail .flex3 > dl {
  width: calc(33% - 25px);
  margin-bottom: 20px; }

/*PC ONLY*/
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article#siding .content-detail .siding-logo, body #contents #main section#siding .content-detail .siding-logo {
    width: 70%; }
  body #contents #main article#siding .content-detail .siding-box, body #contents #main section#siding .content-detail .siding-box {
    grid-template-columns: 1fr;
    gap: 20px; }
    body #contents #main article#siding .content-detail .siding-box > figure, body #contents #main section#siding .content-detail .siding-box > figure {
      width: 80%;
      display: block;
      margin: 0 auto; }
    body #contents #main article#siding .content-detail .siding-box > .grid1, body #contents #main section#siding .content-detail .siding-box > .grid1 {
      display: block;
      width: 100%;
      grid-column: 1/2; }
  body #contents #main article#landscape, body #contents #main section#landscape {
    padding: 20px 0 30px; }
    body #contents #main article#landscape p.landscape-lead, body #contents #main section#landscape p.landscape-lead {
      font-size: 1.75rem;
      line-height: 1.75em; }
    body #contents #main article#landscape .landscape-map, body #contents #main section#landscape .landscape-map {
      margin: 25px auto 60px; }
    body #contents #main article#landscape .grid2, body #contents #main section#landscape .grid2 {
      margin-bottom: 30px; }
      body #contents #main article#landscape .grid2 dt, body #contents #main article#landscape .grid2 dd, body #contents #main section#landscape .grid2 dt, body #contents #main section#landscape .grid2 dd {
        margin: 0 0 0 0; }
    body #contents #main article#landscape .flex3, body #contents #main section#landscape .flex3 {
      margin-bottom: 60px; }
    body #contents #main article#landscape .landscape-grid-tree, body #contents #main section#landscape .landscape-grid-tree {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 18px 18px; }
      body #contents #main article#landscape .landscape-grid-tree .long-box, body #contents #main section#landscape .landscape-grid-tree .long-box {
        grid-column: 1/4;
        padding-bottom: 20px; }
  body #contents #main article .content-detail .flex1, body #contents #main section .content-detail .flex1 {
    margin-top: 45px;
    margin-bottom: 60px; }
  body #contents #main article .content-detail .flex3 > dd, body #contents #main article .content-detail .flex3 > figure, body #contents #main article .content-detail .flex3 > dt, body #contents #main article .content-detail .flex3 > dl, body #contents #main section .content-detail .flex3 > dd, body #contents #main section .content-detail .flex3 > figure, body #contents #main section .content-detail .flex3 > dt, body #contents #main section .content-detail .flex3 > dl {
    width: calc(50% - 20px);
    margin-bottom: 20px; } }

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