@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
@media only screen and (max-width: 750px) { /* line 17, security.scss */
  #equipment.security #eqpTitleWrap .catchCopy { letter-spacing: .025em; }
  /* line 19, security.scss */
  #equipment.security .eqpList .eqpTit { /*width: 112%; margin-inline: -6%;*/ width: 100%; margin: 1em auto 1em; padding-bottom: .75em; }
  /* line 20, security.scss */
  #equipment.security .eqpList .eqpTit em, #equipment.security .eqpList .eqpTit span { padding-inline: 0; width: 100%; text-align: center; }
  /* line 25, security.scss */
  #equipment.security .eqpList .list .eqpTtl { justify-content: center; text-align: center; } }
/* line 36, security.scss */
#equipment.security .eqpList.sec01 .list .eqpTtl { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; }
/* line 38, security.scss */
#equipment.security .eqpList.sec01 .list.security24h { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 39, security.scss */
#equipment.security .eqpList.sec01 .list.security24h .text { width: 25%; }
/* line 43, security.scss */
#equipment.security .eqpList.sec01 .list.security24h .ph { width: 72%; }
/* line 46, security.scss */
#equipment.security .eqpList.sec01 .list.door { width: 42%; margin-right: auto; }
/* line 47, security.scss */
#equipment.security .eqpList.sec01 .list.door .eqpTtl { margin-bottom: 20px; }
/* line 49, security.scss */
#equipment.security .eqpList.sec01 .list.door .ph { width: 57.5%; float: right; margin: 5px 0 0 25px; }
/* line 51, security.scss */
#equipment.security .eqpList.sec01 .list.monitor { width: 54%; margin-left: auto; }
/* line 56, security.scss */
#equipment.security .eqpList.sec01 .list.monitor .ph { margin: 20px auto 10px; width: 95%; }
@media only screen and (max-width: 750px) { /* line 69, security.scss */
  #equipment.security .eqpList.sec01 .list .eqpTtl { font-size: 17px; font-size: 1.0625rem; line-height: 1.59375rem; }
  /* line 71, security.scss */
  #equipment.security .eqpList.sec01 .list.security24h { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px auto 2em; }
  /* line 72, security.scss */
  #equipment.security .eqpList.sec01 .list.security24h .text { width: 100%; order: 0; }
  /* line 74, security.scss */
  #equipment.security .eqpList.sec01 .list.security24h .text .read { margin-bottom: 0px; }
  /* line 76, security.scss */
  #equipment.security .eqpList.sec01 .list.security24h .ph { width: 100%; margin-top: 1em; order: 1; }
  /* line 79, security.scss */
  #equipment.security .eqpList.sec01 .list.door, #equipment.security .eqpList.sec01 .list.monitor { display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 80, security.scss */
  #equipment.security .eqpList.sec01 .list.door .eqpTtl, #equipment.security .eqpList.sec01 .list.monitor .eqpTtl { order: 0; }
  /* line 81, security.scss */
  #equipment.security .eqpList.sec01 .list.door .read, #equipment.security .eqpList.sec01 .list.monitor .read { order: 1; margin-bottom: 0; }
  /* line 82, security.scss */
  #equipment.security .eqpList.sec01 .list.door .ph, #equipment.security .eqpList.sec01 .list.monitor .ph { order: 2; margin: 1em auto 0px; }
  /* line 84, security.scss */
  #equipment.security .eqpList.sec01 .list.door { width: 100% !important; margin-bottom: 2em; }
  /* line 86, security.scss */
  #equipment.security .eqpList.sec01 .list.door .read { width: 100%; }
  /* line 87, security.scss */
  #equipment.security .eqpList.sec01 .list.door .ph { width: 70%; float: none; }
  /* line 89, security.scss */
  #equipment.security .eqpList.sec01 .list.monitor { width: 100% !important; }
  /* line 94, security.scss */
  #equipment.security .eqpList.sec01 .list.monitor .ph { width: 100%; } }
/* line 100, security.scss */
#equipment.security .eqpList.sec02 .list { display: flex; justify-content: space-between; flex-wrap: wrap; width: calc(100% / 4 - 20px); align-self: stretch; flex-direction: column; }
/* line 101, security.scss */
#equipment.security .eqpList.sec02 .list .ph { order: 2; margin-top: auto; }
/* line 103, security.scss */
#equipment.security .eqpList.sec02 .list .ph.wImage::before { right: 0; bottom: -5px; }
/* line 106, security.scss */
#equipment.security .eqpList.sec02 .list .eqpTtl { font-size: 19px; font-size: 1.1875rem; line-height: 1.78125rem; justify-content: center; order: 0; }
/* line 107, security.scss */
#equipment.security .eqpList.sec02 .list .read { order: 1; }
/* line 109, security.scss */
#equipment.security .eqpList.sec02 .list:nth-of-type(1) .read, #equipment.security .eqpList.sec02 .list:nth-of-type(3) .read, #equipment.security .eqpList.sec02 .list:nth-of-type(4) .read { /*letter-spacing: -.035em;*/ margin-bottom: .5em; }
/* line 113, security.scss */
#equipment.security .eqpList.sec02 .list:nth-of-type(2) .read small { display: block; }
@media only screen and (max-width: 750px) { /* line 122, security.scss */
  #equipment.security .eqpList.sec02 .list { width: calc(100% / 2 - 10px); /*&:nth-of-type(1) { .ph { height: 0; padding-top: 40%; img { @include center;}}}
&:nth-of-type(2) { .ph { height: 0; padding-top: 57%; img { @include center;}}}
&:nth-of-type(4) { .ph { height: 0; padding-top: 60%; img { @include center;}}}*/ }
  /* line 123, security.scss */
  #equipment.security .eqpList.sec02 .list .eqpTtl { font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; order: 1; text-align: justify; }
  /* line 124, security.scss */
  #equipment.security .eqpList.sec02 .list .ph { width: 100%; margin-top: 1em; order: 0; }
  /* line 125, security.scss */
  #equipment.security .eqpList.sec02 .list .read { order: 2; } }
/* line 138, security.scss */
#equipment.security #rakucess.mainSec { margin: 50px auto 50px; width: 95%; border: 1px solid #0B7782; background: #e7ecef; }
/* line 139, security.scss */
#equipment.security #rakucess.mainSec::before { height: 2px; background: #749496; }
/* line 140, security.scss */
#equipment.security #rakucess.mainSec .ttl { font-family: "FOT-筑紫ゴシック Pro B"; line-height: 1.6; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: .5em 0; color: #0B7782; border-bottom: 1px solid #749496; width: calc(100% - 80px); margin: 0 auto 10px; }
/* line 141, security.scss */
#equipment.security #rakucess.mainSec .ttl span, #equipment.security #rakucess.mainSec .ttl em { font-size: 25px; font-size: 1.5625rem; line-height: 2.34375rem; font-family: "FOT-筑紫ゴシック Pro B"; }
/* line 147, security.scss */
#equipment.security #rakucess.mainSec .secInner { background: #e7ecef; padding: 20px 40px 30px; }
/* line 148, security.scss */
#equipment.security #rakucess.mainSec .secInner .ph { width: 7.5%; margin: 0% 0 0 2.5%; }
/* line 149, security.scss */
#equipment.security #rakucess.mainSec .secInner .text { width: 88%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 150, security.scss */
#equipment.security #rakucess.mainSec .secInner .text .concept { width: 52%; margin-left: -15px; margin-top: -20px; }
/* line 151, security.scss */
#equipment.security #rakucess.mainSec .secInner .text .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; letter-spacing: -.015em; width: 46%; }
/* line 153, security.scss */
#equipment.security #rakucess.mainSec .secInner ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0; width: 100%; }
/* line 154, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li { width: calc(100% / 4 - 25px); }
/* line 155, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .tit { font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; padding-left: 30px; position: relative; margin-bottom: 10px; }
/* line 156, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .tit span { font-size: 15px; font-size: 0.9375rem; line-height: 0.9375rem; background: #727171; color: #fff; width: 24px; height: 24px; border-radius: 100px; position: absolute; top: 4px; left: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 157, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .tit em { font-size: 16px; font-size: 1rem; line-height: 1.6rem; color: #727171; }
/* line 159, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .ph { width: 100%; border: 1px solid #adb5bd; margin: 0; height: 160px; }
/* line 160, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .text { width: 100%; }
/* line 161, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .text .t { background: #717071; color: #fff; text-align: center; width: 100%; font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; }
/* line 162, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li .text .read { width: 100%; letter-spacing: -.015em; margin: 1em auto 0; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
/* line 166, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(1) .text .read { letter-spacing: -.075em; }
/* line 169, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2) { position: relative; }
/* line 170, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2) .ph { height: 193px; }
/* line 171, security.scss */
#equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2)::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 18px; border-color: transparent transparent transparent #87a4b1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: calc(100% + 5px); margin-top: -15px; }
@media only screen and (max-width: 750px) { /* line 181, security.scss */
  #equipment.security #rakucess.mainSec { margin-top: 0; margin-bottom: 2em; }
  /* line 182, security.scss */
  #equipment.security #rakucess.mainSec::before { height: 4px; }
  /* line 183, security.scss */
  #equipment.security #rakucess.mainSec .ttl { line-height: 1.6; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: .5em 0; background: none; width: 90%; margin: 0 auto 10px; }
  /* line 184, security.scss */
  #equipment.security #rakucess.mainSec .ttl span, #equipment.security #rakucess.mainSec .ttl em { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; }
  /* line 186, security.scss */
  #equipment.security #rakucess.mainSec .ttl em { background: none; }
  /* line 190, security.scss */
  #equipment.security #rakucess.mainSec .secInner { position: relative; padding: 20px 12px 5px; }
  /* line 191, security.scss */
  #equipment.security #rakucess.mainSec .secInner > .ph { width: 10%; position: absolute; top: 18px; left: 5px; }
  /* line 192, security.scss */
  #equipment.security #rakucess.mainSec .secInner .text { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 193, security.scss */
  #equipment.security #rakucess.mainSec .secInner .text .concept { width: 88%; margin-left: -10px; margin-left: auto; }
  /* line 194, security.scss */
  #equipment.security #rakucess.mainSec .secInner .text .read { width: 100%; margin-top: 15px; line-height: 1.6; letter-spacing: -.025em; }
  /* line 196, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul { margin-top: 30px; }
  /* line 197, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li { width: 48%; margin-bottom: 20px; }
  /* line 198, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .tit { padding-left: 1.1em; position: relative; margin-bottom: .5em; }
  /* line 199, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .tit span { font-size: 12px; font-size: 0.75rem; line-height: 0.75rem; width: 18px; height: 18px; top: 1px; left: -.25em; }
  /* line 200, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .tit em { font-size: 15px; font-size: 0.9375rem; line-height: 1.171875rem; display: block; text-align: justify; }
  /* line 202, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .ph { width: 100%; height: 115px; }
  /* line 203, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .text { width: 100%; }
  /* line 204, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .text .t { margin-bottom: 0px; /*margin-top: 10px;*/ font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; }
  /* line 205, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li .text .read { width: 100%; margin: .75em auto 0; font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; }
  /* line 208, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2) .ph { height: 0; padding-top: 84.5%; }
  /* line 208, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2) .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
  /* line 209, security.scss */
  #equipment.security #rakucess.mainSec .secInner ul li:nth-of-type(2)::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 12px; border-color: transparent transparent transparent #87a4b1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: calc(100% - 1px); margin-top: -25px; } }