@charset "UTF-8";
/* CSS Document */
.billboard-style-02 {background: url("../img/safety/safety_mv01_img01_pc.webp") no-repeat center/cover;}
.billboard-style-02::after {color: #000;}
.billboard-style-02 h2 {color: #000;}
.ttl-style-02 + p {margin-bottom: 1em;}
.block-safety-01 {padding: 3em 0 5em;}
.block-safety-01 .container + .container {margin-top: 3em;}
.block-safety-01 nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.block-safety-01 nav ul li {text-align: center;width: 19%;}
.block-safety-01 nav ul li a {color: var(--color-05);font-size: 175%;line-height: 2;background: #f0f2f4;position: relative;}
.block-safety-01 nav ul li a::before,
.block-safety-01 nav ul li a::after {display: block;content: '';width: calc(100% - 8px);height: 1px;background: var(--color-05);position: absolute;left: 4px;}
.block-safety-01 nav ul li a::before {top: 4px;}
.block-safety-01 nav ul li a::after {bottom: 4px;}
.block-safety-01 nav ul li.active a {color: #fff;background: var(--color-05);}
.block-safety-01 nav ul li.active a::before,
.block-safety-01 nav ul li.active a::after {background: #fff;}
.block-safety-01 h3 {margin-top: 1em;}
.block-safety-01 h4 {color: #fff;font-size: 150%;text-align: center;padding: 0.2em 0;background: #478498;}
.block-safety-01 .itemList {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
.block-safety-01 .itemList > li {width: calc(33.33% - 2em);margin: 0 1em 1em;}
.block-safety-01 .item p:nth-of-type(1) {font-size: 125%;text-align: center;padding: 0.3em 0;margin-top: 0.4em;background: #e3ecef;}
.block-safety-01 .item p:nth-of-type(1) small {font-size: 80%;}
.block-safety-01 .item p:nth-of-type(2) {font-size: 106.25%;}
.block-safety-01 .item p:nth-of-type(2)::before {display: block;content: '';width: 100%;height: 1px;background: #000;margin: 0.4em 0 0.5em;}
.block-safety-01 .item p:nth-of-type(2) small {display: block;font-size: 10px;}/* margin-top: 1em; */
.block-safety-01 #security .container:nth-of-type(1) {padding: 2.5em;margin-top: 1em;background: #f1f6f7;}
.block-safety-01 #security .container:nth-of-type(1) > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 1em;padding: 2.5em;background: #fff;}
.block-safety-01 #security .container:nth-of-type(1) > div > p {font-size: 125%;line-height: 1.75;width: 48%;}
.block-safety-01 #security .container:nth-of-type(1) > div div {width: 48%;max-width: 547px;}
.block-safety-01 #security .container:nth-of-type(1) ul li p:nth-of-type(1) {background: #fff;}
.block-safety-01 #security .container:nth-of-type(2) {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 2.5em 4em;border: 2px solid #b4c0ca;}
.block-safety-01 #security .container:nth-of-type(2) > figure {width: 22%;padding-bottom: 1em;}
.block-safety-01 #security .container:nth-of-type(2) > div {width: 73%;}
.block-safety-01 #security .container:nth-of-type(2) > div ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5em;}
.block-safety-01 #security .container:nth-of-type(2) > div ul li {width: 31%;}
.block-safety-01 #security .container:nth-of-type(2) > div ul li p:nth-of-type(1) {font-size: 118.75%;white-space: nowrap;padding-left: 1.5em;margin-top: 0.5em;position: relative;}
.block-safety-01 #security .container:nth-of-type(2) > div ul li p:nth-of-type(1)::before {display: block;content: attr(data-num);color: #fff;text-align: center;line-height: 1.2;width: 1.2em;height: 1.2em;background: #9f1035;position: absolute;top: 0.1em;left: 0;}
.block-safety-01 #security .container:nth-of-type(2) > div ul li p:nth-of-type(2) {font-size: 106.25%;margin-top: 0.5em;}
.block-safety-01 #security .container:nth-of-type(3) {padding: 2.5em;background: #f1f6f7;}
.block-safety-01 #security .container:nth-of-type(3) > p {font-size: 125%;margin-top: 1.5em;}
.block-safety-01 #security .container:nth-of-type(3) > ul {margin-top: 1em;}
.block-safety-01 #security .container:nth-of-type(3) > ul li p:nth-of-type(1) {background: #fff;}
.block-safety-01 #security .container:nth-of-type(3) > ul li p:nth-of-type(2) span {display: inline-block;}
.block-safety-01 #security .container:nth-of-type(3) > ul li p:nth-of-type(2) span::before {display: inline-block;content: '●';color: #879bab;margin: 0.25em 0.5em 0 0;}
.block-safety-01 #security .container:nth-of-type(4) > ul li {max-width: 411px;}
.block-safety-01 #security .container:nth-of-type(4) > ul li.cylinder figure figcaption {left: 2%;right: auto;bottom: 22%;}
.block-safety-01 #structure .container:nth-of-type(1) > ul {margin-top: 2em;}
.block-safety-01 #structure .container:nth-of-type(1) > ul li:nth-child(2),
.block-safety-01 #structure .container:nth-of-type(1) > ul li:nth-child(1) {width: calc(50% - 2em);}
.block-safety-01 #structure .container:nth-of-type(1) > ul li:nth-child(n + 3) {max-width: 411px;}
.block-safety-01 #afterservice .container:nth-of-type(1) > ul {margin-top: 2em;}
.block-safety-01 #afterservice .container:nth-of-type(1) > ul li {width: calc(50% - 2em);}
.block-safety-01 #amenity .container:nth-of-type(1) {padding: 2.5em;margin-top: 1em;background: #f1f6f7;}
.block-safety-01 #amenity .container:nth-of-type(1) > div {margin-top: 2em;padding: 2.5em;background: #fff;}
.block-safety-01 #amenity .container:nth-of-type(1) > div figure {max-width: 1000px;margin: 0 auto;}
.block-safety-01 #amenity .container:nth-of-type(1) > div > p {font-size: 125%;line-height: 1.75;max-width: 1000px;margin: 1.5em auto 0;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul {margin-top: 3em;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul li {max-width: 411px;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul li.prevention,
.block-safety-01 #amenity .container:nth-of-type(2) > ul li.lowe {width: calc(50% - 2em);max-width: 100%;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet p:nth-of-type(1) {padding: 1.05em 0;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet figure figcaption {text-align: right;left: 0;right: 0;bottom: 1.5em;}
.block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet figure figcaption span:nth-child(1) {position: absolute;top: 0;right: 25%;}
.block-safety-01 #multimedia >  img {max-width: 650px;margin: 2em auto 0;}
.block-safety-01 #multimedia .container:nth-of-type(1) {padding: 2.5em;margin-top: 1em;background: #f1f6f7;}
.block-safety-01 #multimedia .container:nth-of-type(1) h4 {font-size: 131.25%;}
.block-safety-01 #multimedia .container:nth-of-type(1) > div > p {font-size: 125%;line-height: 1.75;max-width: 900px;margin: 1.5em auto 0;}
.block-safety-01 #multimedia .container:nth-of-type(1) > div > p small {display: block;font-size: 10px;text-indent: -1em;padding-left: 1em;margin-top: 1em;}
.block-safety-01 #multimedia .container:nth-of-type(2) > ul {margin-top: 1.5em;}
.block-safety-01 #multimedia .container:nth-of-type(2) > ul li {width: calc(50% - 2em);}
.block-safety-01 #multimedia .container:nth-of-type(2) > ul li:nth-child(2) p:nth-of-type(2) span {display: block;padding-right: 25%;position: relative;}
.block-safety-01 #multimedia .container:nth-of-type(2) > ul li:nth-child(2) p:nth-of-type(2) span::before {display: block;content: '';width: 23%;height: 100%;background: url("../img/safety/multimedia_img02_pc.webp") no-repeat top right/contain;position: absolute;top: 0;right: 0;}
@media only screen and (max-width: 1450px) {
  .block-safety-01 nav ul li a {font-size: 150%;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet figure figcaption {bottom: 1em;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  #contentsWrap {font-size: 1.3vw;}
}
@media only screen and (max-width: 1000px) {
  .ttl-style-02 + p {font-size: 150%;}
  .block-safety-01 {padding-bottom: 3em;}
  .block-safety-01 nav ul li {width: 49%;margin-bottom: 2%;}
  .block-safety-01 nav ul li a {line-height: 2.5;}
  .block-safety-01 .itemList {margin-top: 1.5em;}
  .block-safety-01 .itemList > li {width: calc(50% - 2em);}
  .block-safety-01 #security .container:nth-of-type(1) {padding: 1.5em;}
  .block-safety-01 #security .container:nth-of-type(2) {display: block;padding: 1.5em;}
  .block-safety-01 #security .container:nth-of-type(2) > figure {width: 40%;max-width: 200px;margin: 0 auto;}
  .block-safety-01 #security .container:nth-of-type(2) > figure figcaption {white-space: nowrap;left: calc(100% + 1em);right: auto;bottom: 1.5em;}
  .block-safety-01 #security .container:nth-of-type(2) > div {width: 100%;}
  .block-safety-01 #structure .container:nth-of-type(1) > ul li:nth-child(2),
  .block-safety-01 #structure .container:nth-of-type(1) > ul li:nth-child(1) {width: calc(100% - 2em);}
  .block-safety-01 #amenity .container:nth-of-type(1) {padding: 1.5em;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.lowe,
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.ventilation,
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet {width: calc(100% - 2em);max-width: 100%;}
  .block-safety-01 #security .container:nth-of-type(3) {padding: 1.5em;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .ttl-style-02 + p {font-size: 118.75%;letter-spacing: 0;white-space: nowrap;margin: 0.5em 0;}
  .billboard-style-02 {background: url("../img/safety/safety_mv01_img01_sp.webp") no-repeat center bottom/cover;}
  .block-safety-01 {padding: 2em 0 0;}
  .block-safety-01 nav ul li a {font-size: 118.75%;}
  .block-safety-01 h3 {margin-top: 1em;}
  .block-safety-01 h4 {font-size: 112.5%;}
  .block-safety-01 .container + .container {margin-top: 1em;}
  .block-safety-01 .itemList > li {width: calc(100% - 2em) !important;margin-bottom: 1.5em;}
  .block-safety-01 .item p:nth-of-type(1) {font-size: 100%;}
  .block-safety-01 .item p:nth-of-type(2) {font-size: 100%;}
  .block-safety-01 #security .container:nth-of-type(1) {padding-bottom: 0.5em;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li {display: grid;grid-template-columns: 1fr 2fr;align-items: flex-start;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li figure {grid-column: 1;grid-row: 1 / 3;width: 90%;padding-bottom: 1em;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li figure figcaption {right: 0.5em;bottom: 0.5em;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li figure img {height: 7em;object-fit: cover;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li p:nth-of-type(1) {grid-column: 2;grid-row: 1;font-size: 100%;margin-top: 0;}
  .block-safety-01 #security .container:nth-of-type(1) > ul li p:nth-of-type(2) {grid-column: 2;grid-row: 2;font-size: 93.75%;}
  .block-safety-01 #security .container:nth-of-type(2) {padding: 1em;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul {margin-top: 1em;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul li + li {margin-top: 1em;}  
  .block-safety-01 #security .container:nth-of-type(2) > div ul li {display: grid;grid-template-columns: 1fr 2fr;align-items: flex-start;width: 100%;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul li figure {grid-column: 1;grid-row: 1 / 3;width: 90%;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul li figure figcaption {right: 0.5em;bottom: 0.5em;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul li p:nth-of-type(1) {grid-column: 2;grid-row: 1;font-size: 100%;margin-top: 0;}
  .block-safety-01 #security .container:nth-of-type(2) > div ul li p:nth-of-type(2) {grid-column: 2;grid-row: 2;font-size: 93.75%;}
  .block-safety-01 #security .container:nth-of-type(3) {padding: 1em;}
  .block-safety-01 #security .container:nth-of-type(1) > div {padding: 1em;}
  .block-safety-01 #security .container:nth-of-type(1) > div > p {font-size: 100%;line-height: 1.5;width: 100%;}
  .block-safety-01 #security .container:nth-of-type(1) > div div {width: 100%;max-width: 100%;}
  .block-safety-01 #security .container:nth-of-type(1) > div div figure {padding: 1em 0;}
  .block-safety-01 #security .container:nth-of-type(1) > div div figure img {height: 19vw;object-fit: cover;}
  .block-safety-01 #security .container:nth-of-type(3) > p {font-size: 100%;margin-top: 1em;}
  .block-safety-01 #structure .container:nth-of-type(1) > ul li.evaluation figure {margin: -2em 0 -1.5em;position: relative;z-index: -1;}
  .block-safety-01 #afterservice .container:nth-of-type(1) > ul {margin-top: 1em;}
  .block-safety-01 #afterservice .container:nth-of-type(1) > ul li {width: calc(100% - 2em);}
  .block-safety-01 #amenity .container:nth-of-type(1) {padding: 1em;}
  .block-safety-01 #amenity .container:nth-of-type(1) > div {padding: 1em;margin-top: 1em;}
  .block-safety-01 #amenity .container:nth-of-type(1) > div > p {font-size: 100%;line-height: 1.5;margin-top: 1em;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul {margin-top: 1.5em;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.prevention figure {padding-bottom: 0.5em;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.pet p:nth-of-type(1) {padding: 0.3em 0;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.grade figure img {width: 70%;margin: 0 auto;}
  .block-safety-01 #amenity .container:nth-of-type(2) > ul li.zeh figure img {width: 70%;margin: 0 auto;}
  .block-safety-01 #multimedia > img {width: 84%;margin-top: 1.5em;}
  .block-safety-01 #multimedia .container:nth-of-type(1) {padding: 1em;}
  .block-safety-01 #multimedia .container:nth-of-type(1) h4 {font-size: 112.5%;}
  .block-safety-01 #multimedia .container:nth-of-type(1) > div > p {font-size: 100%;margin-top: 1em;}
  .block-safety-01 #multimedia .container:nth-of-type(2) > ul li:nth-child(2) p:nth-of-type(2) span {padding: 0;}
  .block-safety-01 #multimedia .container:nth-of-type(2) > ul li:nth-child(2) p:nth-of-type(2) span::before {width: 50%;height: 5em;margin: 1em auto;position: static;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}