#contents #main #mainView {
  padding: 315px 0; }
  #contents #main #mainView h2 {
    background-image: url(../img/page02/main-logo.png);
    padding: 40px 0;
    width: 100%;
    max-width: 450px; }
#contents #main article#plan, #contents #main article#design, #contents #main section#plan, #contents #main section#design {
  padding-top: 80px;
  margin-top: -80px; }
#contents #main article .content-detail .plan-list, #contents #main section .content-detail .plan-list {
  margin: 80px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px 50px; }
  #contents #main article .content-detail .plan-list > a, #contents #main section .content-detail .plan-list > a {
    display: block; }
    #contents #main article .content-detail .plan-list > a:hover, #contents #main section .content-detail .plan-list > a:hover {
      opacity: .5;
      transition: .5s; }
#contents #main article .content-detail .design-wide-img, #contents #main section .content-detail .design-wide-img {
  width: 100vw;
  margin: 40px calc(50% - 50vw) 80px; }
#contents #main article h3.ttl01, #contents #main section h3.ttl01 {
  background-image: url(../img/page02/page02-h3-ttl01.png); }
#contents #main article h3.ttl02, #contents #main section h3.ttl02 {
  background-image: url(../img/page02/page02-h3-ttl02.png); }
#contents #main article h4.content-h4.ttl01:before, #contents #main section h4.content-h4.ttl01:before {
  background-image: url(../img/page02/page02-h4-ttl01.png); }
#contents #main article h4.content-h4.ttl02:before, #contents #main section h4.content-h4.ttl02:before {
  background-image: url(../img/page02/page02-h4-ttl02.png); }
#contents #main article h4.content-h4.ttl03:before, #contents #main section h4.content-h4.ttl03:before {
  background-image: url(../img/page02/page02-h4-ttl03.png); }
#contents #main article h4.content-h4.ttl04:before, #contents #main section h4.content-h4.ttl04:before {
  background-image: url(../img/page02/page02-h4-ttl04.png); }
#contents #main article p.content-main-lead, #contents #main section p.content-main-lead {
  margin-bottom: 30px; }

/*PC ONLY*/
@media screen and (min-width: 751px) {
  #contents #main #mainView {
    background-image: url(../img/page02/main.jpg); } }
/*SP ONLY*/
@media screen and (max-width: 750px) {
  #contents #main #mainView {
    background-image: url(../img/page02/main_sp.jpg); }
  #contents #main article .content-detail .plan-list, #contents #main section .content-detail .plan-list {
    grid-template-columns: 1fr;
    gap: 50px; }
    #contents #main article .content-detail .plan-list > a, #contents #main section .content-detail .plan-list > a {
      display: block;
      width: 80%;
      margin: 0 auto; } }

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