@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
/* CSS Document */
#billboard {background: url("../img/security/security_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
#billboard::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.4;position:absolute;top: 0;left: 0;}
#billboard h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 5em 0;position: relative;z-index: 100;}
#Main > .container {padding: 0 !important;}
#Main .anchor {margin-top: -8em;padding-top: 8em;}
#Main .block-security-01 {padding-top: 5em;}
#Main .block-security-01 .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.01em;line-height: 1.75;}
#Main .block-security-01 .inner01 nav {}
#Main .block-security-01 .inner01 nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -1em;}
#Main .block-security-01 .inner01 nav ul li {width: calc(50% - 2em);margin: 1em;}
#Main .block-security-01 .inner01 nav ul li a {display: block;color: #00497c;font-size: 162.5%;text-align: center;line-height: 4;border: 1px solid #00497c; position: relative;}
#Main .block-security-01 .inner01 nav ul li a::after {display: block;content: '';width: 0.35em;height: 0.35em;border-right: 1px solid #00497c;border-bottom: 1px solid #00497c;transform: rotate(45deg);position: absolute;left: calc(50% - 0.5em);bottom: 0.5em;}
#Main .block-security-01 .inner01 .box02 nav ul li:nth-child(2) a,
#Main .block-security-01 .inner01 .box01 nav ul li:nth-child(1) a {color: #fff;background: #00497c;}
#Main .block-security-01 .inner01 .box02 nav ul li:nth-child(2) a::after,
#Main .block-security-01 .inner01 .box01 nav ul li:nth-child(1) a::after {border-color: #fff;}
#Main .block-security-01 .inner01 .box h4 {font-size: 250%;width: 100%;margin: 1em 0 0.25em;border-bottom: 1px solid var(--basic-03);}
#Main .block-security-01 .inner01 .box h4 span {color: var(--basic-03);}
#Main .block-security-01 .inner01 .box h4 small {color: #444;font-size: 50%;margin-left: 2em;}
#Main .block-security-01 .inner01 .box > ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -1em;}
#Main .block-security-01 .inner01 .box > ul > li {width: calc(50% - 2em);margin: 1em;}
#Main .block-security-01 .inner01 .box > ul > li.w100 {width: calc(100% - 2em);}
#Main .block-security-01 .inner01 .box > ul > li.w62 {width: calc(62% - 2em);}
#Main .block-security-01 .inner01 .box > ul > li.w38 {width: calc(38% - 2em);}
#Main .block-security-01 .inner01 .box > ul > li figure {position: relative;}
#Main .block-security-01 .inner01 .box > ul > li p:nth-of-type(1) {color: #fff;font-size: 125%;text-align: center;line-height: 1.75;}
#Main .block-security-01 .inner01 .box > ul > li p:nth-of-type(2) {line-height: 1.75;margin-top: 1em;}
#Main .block-security-01 .inner01 .box > ul > li p:nth-of-type(2) small {display: block;font-size: 87.5%;line-height: 1.5;margin-top: 0.5em;}
#Main .block-security-01 .inner01 .box > ul > li.horizon {display: flex;flex-wrap: nowrap;justify-content: space-between;flex-direction: row-reverse;align-items: flex-start;padding-top: 3em;position: relative;}
#Main .block-security-01 .inner01 .box > ul > li.horizon figure {width: 46.234%;padding-bottom: 1.5em;}
#Main .block-security-01 .inner01 .box > ul > li.horizon figure figcaption {line-height: 1.5;padding: 0;}
#Main .block-security-01 .inner01 .box > ul > li.horizon div {width: 50%;}
#Main .block-security-01 .inner01 .box > ul > li.horizon.fix01 figure {width: 30%;}
#Main .block-security-01 .inner01 .box > ul > li.horizon.fix01 div {width: 66%;}
#Main .block-security-01 .inner01 .box > ul > li.horizon.fix02 figure {width: 36%;}
#Main .block-security-01 .inner01 .box > ul > li.horizon.fix02 div {width: 60%;}
#Main .block-security-01 .inner01 .box > ul > li.horizon div p:nth-child(1) {position: absolute;top: 0;left: 0;right: 0;}
#Main .block-security-01 .inner01 .box > ul > li.horizon div p:nth-child(2) {margin-top: 0;}
#Main .block-security-01 .inner01 .box01 ul li ul li {font-size: 125%;padding-left: 1.7em;position: relative;}
#Main .block-security-01 .inner01 .box01 ul li ul li::before {display: block;content: '';width: 1.2em;height: 1.2em;background: url("../img/common/icon_14.svg") no-repeat center/contain;position: absolute;top: 4px;left: 0;}
#Main .block-security-01 .inner01 .box01 ul li ul li + li {margin-top: 1em;}
#Main .block-security-01 .inner01 .box01 ul li ul li span {color: var(--basic-03);font-weight: bold;border-bottom: 1px solid  var(--basic-03);}
#Main .block-security-01 .inner01 .box01 ul li ul li small {font-size: 12px;font-weight: normal;}
#Main .block-security-01 .inner01 .box01 ul li:last-child {width: 100%;}
#Main .block-security-01 .inner01 .box02 {margin-top: 4em;}
@media only screen and (max-width: 1350px) {}
@media only screen and (max-width: 1100px) {
  #Main .block-security-01 .inner01 .box h4 small {display: block;margin: -0.25em 0 0;padding-bottom: 0.5em;}
  #Main .block-security-01 .inner01 .box01 ul li ul li {font-size: 112.5%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard h2 {font-size: 187.5%;padding: 3em 0;}
  #Main .anchor {margin-top: -3.5em;padding-top: 3.5em;}
  #Main .block-security-01 {padding-top: 3em;}
  #Main .block-security-01 .inner00 h3 {font-size: 137.5%;}
  #Main .block-security-01 .inner01 {padding: 2em 0;}
  #Main .block-security-01 .inner01 nav ul {margin: 0;}
  #Main .block-security-01 .inner01 nav ul li {width: 100%;margin: 0.5em 0;}
  #Main .block-security-01 .inner01 nav ul li a {font-size: 150%;line-height: 3;}
  #Main .block-security-01 .inner01 .box h4 {font-size: 175%;line-height: 1.25;margin: 0;}
  #Main .block-security-01 .inner01 .box h4 small {display: block;font-size: 50%;white-space: nowrap;margin: 0;}
  #Main .block-security-01 .inner01 .box > ul {margin: 0;}
  #Main .block-security-01 .inner01 .box > ul > li {display: block !important;width: 100% !important;margin: 1em 0;}
  #Main .block-security-01 .inner01 .box > ul > li div {margin-top: 1.5em;}
  #Main .block-security-01 .inner01 .box > ul > li.horizon figure,
  #Main .block-security-01 .inner01 .box > ul > li.horizon div {width: 100% !important;}
  #Main .block-security-01 .inner01 .box > ul > li p:nth-of-type(1) {font-size: 112.5%;}
  #Main .block-security-01 .inner01 .box > ul > li figure {margin: 0 auto;}
  #Main .block-security-01 .inner01 .box > ul > li figure img {}  
  #Main .block-security-01 .inner01 .box01 ul li:last-child {margin-top: 2em;}
  #Main .block-security-01 .inner01 .box01 ul li:last-child figure {margin-top: 1.5em;}  
  #Main .block-security-01 .inner01 .box01 ul li ul:nth-child(1) {margin-bottom: -1em;}
  #Main .block-security-01 .inner01 .box01 ul li ul li {padding-left: 1.3em;}
  #Main .block-security-01 .inner01 .box01 ul li ul li + li {margin-top: 0.7em;}
  #Main .block-security-01 .inner01 .box01 ul li ul li::before {width: 1em;height: 1em;}
  #Main .block-security-01 .inner01 .box02 {margin-top: 2em;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(2) figure {width: 80% !important;padding: 1em 0 0;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(3) figure {width: 60% !important;padding-top: 1em;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(4) figure {width: 70% !important;padding-top: 1em;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(5) figure {width: 60% !important;padding: 1em 0 0;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(6) figure {width: 60% !important;padding: 1em 0 0;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(7) figure {padding-bottom: 0;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(8) figure {width: 90% !important;padding: 1em 0 0;}
  #Main .block-security-01 .inner01 .box02 > ul > li:nth-child(9) figure {width: 90% !important;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}