@charset "UTF-8";
/* CSS Document */
#contents {padding: 2.5em 0 6em;}
.block-profitdetail-01 .container:nth-child(1) p:nth-child(1) {font-size: 187.5%;font-weight: 600;}
.block-profitdetail-01 .container:nth-child(1) p:nth-child(2) {font-size: 112.5%;line-height: 1.75;margin-top: 1.5em;}
.block-profitdetail-01 .container:nth-child(2) {margin-top: 3em;}
.block-profitdetail-01 .container:nth-child(2) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
.block-profitdetail-01 .container:nth-child(2) ul li {width: calc(50% - 2em);height: 28vw;max-height: 25em;margin: 1em;position: relative;overflow: hidden;}
.block-profitdetail-01 .container:nth-child(2) ul li.vr::before {display: block;content: '実例をVRでご覧いただけます';color: #fff;font-size: 150%;font-weight: 600;text-align: center;text-shadow: 0 0 8px #222,0 0 8px #222; width: 100%;height: auto;background: transparent;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);pointer-events: none}
.block-profitdetail-01 .container:nth-child(2) ul li a img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.block-profitdetail-01 .container:nth-child(3) {margin: 3em auto 0;max-width: 920px;}
.block-profitdetail-01 .container:nth-child(3).fix500 {max-width: 500px;}
.block-profitdetail-01 .container:nth-child(3).fix600 {max-width: 600px;}
.block-profitdetail-01 .container:nth-child(3).fix700 {max-width: 700px;}
.block-profitdetail-01 .container:nth-child(3).fix800 {max-width: 800px;}
.block-profitdetail-01 .container:last-child {margin-top: 3em;max-width: 100%;}
.block-profitdetail-01 .container:last-child table tbody,
.block-profitdetail-01 .container:last-child table {width: 100%;}
.block-profitdetail-01 .container:last-child table tr + tr th,
.block-profitdetail-01 .container:last-child table tr + tr td {border-top: 1px solid rgba(112,112,112,0.23);}
.block-profitdetail-01 .container:last-child table tr td,
.block-profitdetail-01 .container:last-child table tr th {padding: 1em 0;}
.block-profitdetail-01 .container:last-child table tr th {font-size: 125%;font-weight: 600;width: 10em;}
.block-profitdetail-01 .container:last-child table tr td {font-size: 112.5%;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {
  .block-profitdetail-01 .container:nth-child(2) ul li::after {display: block;content: '';width: 2.5em;height: 2.5em;background: url("../img/common/icon03.svg")no-repeat center/contain;position: absolute;right: 1.5em;bottom: 1.5em;pointer-events: none;}
}
@media only screen and (max-width: 767px) {
  .billboard-style-01 {background: url("../img/profit/profitdetail_mv01_img01_sp.webp")no-repeat center/cover;}
  .billboard-style-02 .container > div {bottom: 2.5em;}
  .billboard-style-02 .container > div h2 {font-size: 175%;}
  #contents {padding: 3em 0;}
  .block-profitdetail-01 .container:nth-child(1) p:nth-child(1) {font-size: 137.5%;}
  .block-profitdetail-01 .container:nth-child(1) p:nth-child(2) {font-size: 100%;margin-top: 1em;}
  .block-profitdetail-01 .container:nth-child(2) ul {margin: 0;}
  .block-profitdetail-01 .container:nth-child(2) ul li {width: 100%;height: auto; margin: 0 0 1em;}
  .block-profitdetail-01 .container:nth-child(2) ul li:not(.vr) a {pointer-events: none;}
  .block-profitdetail-01 .container:nth-child(2) ul li a img {position: static;transform: none;}
  .block-profitdetail-01 .container:last-child table tr td,
  .block-profitdetail-01 .container:last-child table tr th {display: block;width: 100%;}
  .block-profitdetail-01 .container:last-child table tr td {padding-top: 0;border-top: none !important;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}