@charset "UTF-8";
/* CSS Document */


.secom .copy{ font-size: 108%;}
.secom_center{ background: #e5eaf0; margin: 2.0em 0 0 0;}
.secom_center h3{ font-size: 148%; font-weight: bold; color: #595757;}

.secom_system h3{ font-size: 148%; font-weight: bold; color: #595757;}

.lock h3.lock{ font-size: 148%; font-family: 'Noto Serif JP', serif; color: #6d7e8c; }
.lock h3.elv{ font-size: 148%; font-family: 'Noto Serif JP', serif; color: #7cb4b8; border-bottom: solid 1px #a8a8a8; }

.items{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 2.0em;}
.items.items03{ grid-template-columns: repeat(3, 1fr);}
.items.items02{ grid-template-columns: repeat(2, 1fr);}
.items .colspan02{ grid-column: span 2; }
.items .rowspan02{ grid-row: span 2; }
.items figure{ display: block;}
.items figure img{ display: block;}
.items h3{ text-align: center; font-size: 116%; line-height: 1.5;}
.items .btitle{ text-align: left; border-bottom: solid 1px #666;}
.items p{ margin: 1.0em 0 0 0; font-size: 93%; line-height: 1.5;}
.items .caption{ font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .items,
  .items.items03{ grid-template-columns: repeat(2, 1fr); gap: 0 1.0em;}
}