@charset "UTF-8";
/*** CSS Document ********************************************
  20190903
  固定ページ用共通スタイル
*************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,800&display=swap);
.nbsc_pageNav > li a:before,
.nbsc_attBox:before,
.nbsc_attBox-small:before,
.nbsc_link01:before,
.nbsc_linkPdf:after,
.nbsc_linkTel24h:before,
.nbsc_btn01:before,
.nbsc_btn01-red:before,
.nbsc_btn01-blue:before,
.nbsc_btn01 .nbsc_pdf:before,
.nbsc_btn01-red .nbsc_pdf:before,
.nbsc_btn01-blue .nbsc_pdf:before,
.nbsc_btn02:before,
.nbsc_btnBack:before,
.nbsc_btnWorks:before,
.nbsc_btnRenewal:before,
.nbsc_icon {
  display: inline-block;
  font-family: "nbsc";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-lightbulb:before {
  content: "\e926";
}
.ic-wheelchair:before {
  content: "\e93c";
}
.ic-amenity:before {
  content: "\e902";
}
.ic-heart:before {
  content: "\e922";
}
.ic-eco:before {
  content: "\e91c";
}
.ic-people:before {
  content: "\e92c";
}
.ic-arr01-b:before {
  content: "\e903";
}
.ic-arr01-l:before {
  content: "\e904";
}
.ic-arr01-r:before {
  content: "\e905";
}
.ic-arr01-t:before {
  content: "\e906";
}
.ic-arr02-b:before {
  content: "\e907";
}
.ic-arr02-l:before {
  content: "\e908";
}
.ic-arr02-r:before {
  content: "\e909";
}
.ic-arr02-t:before {
  content: "\e90a";
}

@media screen and (max-width: 767px) {
  .nbsc_nav:before {
    display: inline-block;
    font-family: "nbsc";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@font-face {
  font-family: "nbsc";
  src: url("../fonts/nbsc.ttf") format("truetype"),
    url("../fonts/nbsc.woff") format("woff"),
    url("../fonts/nbsc.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.nbsc_mt0 {
  margin-top: 0 !important;
}

.nbsc_mt05 {
  margin-top: 0.5em;
}

.nbsc_mt1 {
  margin-top: 1em;
}

.nbsc_mt2 {
  margin-top: 2em;
}

.nbsc_mt3 {
  margin-top: 3em;
}

.nbsc_mb0 {
  margin-bottom: 0 !important;
}

.nbsc_mb05 {
  margin-bottom: 0.5em;
}

.nbsc_mb1 {
  margin-bottom: 1em;
}

.nbsc_mb2 {
  margin-bottom: 2em;
}

.nbsc_mb3 {
  margin-bottom: 3em;
}

.nbsc_mb4 {
  margin-bottom: 4em;
}

@media screen and (max-width: 767px) {
  .nbsc_mt2 {
    margin-top: 1.5em;
  }

  .nbsc_mt3 {
    margin-top: 2em;
  }

  .nbsc_mb2 {
    margin-bottom: 1.5em;
  }

  .nbsc_mb3,
  .nbsc_mb4 {
    margin-bottom: 2em;
  }
}
.nbsc_bold {
  font-weight: bold;
}

.nbsc_center {
  text-align: center;
}

.nbsc_right {
  text-align: right;
}

.nbsc_left {
  text-align: left;
}

.nbsc_indent1em {
  padding-left: 1em;
  text-indent: -1em;
}

.nbsc_fs11 {
  font-size: 0.6875em;
}

.nbsc_fs12 {
  font-size: 0.75em;
}

.nbsc_fs13 {
  font-size: 0.8125em;
}

.nbsc_fs14 {
  font-size: 0.875em;
}

.nbsc_fs15 {
  font-size: 0.9375em;
}

.nbsc_fs17 {
  font-size: 1.0625em;
}

.nbsc_fs18 {
  font-size: 1.125em;
}

.nbsc_fs19 {
  font-size: 1.1875em;
}

.nbsc_fs20 {
  font-size: 1.25em;
}

.nbsc_red {
  color: #e20000;
}

.nbsc_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .nbsc_pc {
    display: none;
  }

  .nbsc_sp {
    display: block;
  }
}
.nbsc_container {
  max-width: 1100px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .nbsc_container {
    padding: 0 15px;
  }
}
.nbsc_contentsBody {
  margin-bottom: 100px;
  line-height: 1.8;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .nbsc_contentsBody {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.nbsc_section {
  margin-bottom: 80px;
}
.nbsc_section:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .nbsc_section {
    margin-bottom: 40px;
  }
}
.nbsc_section02 {
  margin-bottom: 60px;
}
.nbsc_section02:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .nbsc_section02 {
    margin-bottom: 30px;
  }
}
.nbsc_contentsHeader {
  background-color: #e5f5fc;
}
.nbsc_contentsHeader .nbsc_container {
  padding: 57px 0;
}
.nbsc_contentsHeader h1 {
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  position: relative;
  padding-left: 70px;
}
.nbsc_contentsHeader h1:before {
  content: "";
  display: block;
  background: url(/assets/images/nbsc_svg/icon-category.svg) no-repeat center
    center;
  background-size: contain;
  width: 50px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .nbsc_contentsHeader .nbsc_container {
    padding: 20px 10px;
  }
  .nbsc_contentsHeader h1 {
    font-size: 16px;
    padding-left: 30px;
  }
  .nbsc_contentsHeader h1:before {
    width: 20px;
    height: 14px;
  }
}
.nbsc_nav {
  background-color: #365969;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .nbsc_nav {
    overflow-x: hidden;
    position: relative;
  }
  .nbsc_nav:after {
    content: "";
    display: block;
    height: 100%;
    width: 30px;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(
      left,
      rgba(54, 89, 105, 0) 0%,
      rgba(54, 89, 105, 0.9) 100%
    );
    background: linear-gradient(
      to right,
      rgba(54, 89, 105, 0) 0%,
      rgba(54, 89, 105, 0.9) 100%
    );
  }
  .nbsc_nav:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 14px;
    margin-top: -0.5em;
    color: rgba(255, 255, 255, 0.8);
    z-index: 11;
  }
}
.nbsc_navList {
  max-width: 1100px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 80px;
}

@media screen and (max-width: 767px) {
  .nbsc_navList {
    height: auto;
    overflow: scroll;
  }
}
.nbsc_navItem {
  width: 16%;
}
.nbsc_navItem.-philosophy {
  width: 20%;
}
.nbsc_navItem > a {
  display: block;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.nbsc_navItem > a:before {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 25%;
  left: 0;
}
.nbsc_navItem > a.nbsc_active {
  background-color: #fff;
  color: #333;
}
.nbsc_navItem > a.nbsc_active:hover {
  opacity: 1;
}
.nbsc_navItem > a.nbsc_active:before {
  width: 0.7em;
  height: 0.7em;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #00a0e6;
  -webkit-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  top: auto;
  bottom: 0;
  left: 50%;
}
.nbsc_navItem:last-child a:after {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 25%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .nbsc_navItem {
    width: auto !important;
  }
  .nbsc_navItem:last-child {
    padding-right: 30px;
  }
  .nbsc_navItem.-philosophy {
    width: auto;
  }
  .nbsc_navItem > a {
    font-size: 14px;
    padding: 15px;
    white-space: nowrap;
  }
  .nbsc_navItem > a.nbsc_active:before {
    width: 0.6em;
    height: 0.6em;
  }
}
.nbsc_pageNav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.nbsc_pageNav > li {
  margin: 0 2em 0.5em 0;
}
.nbsc_pageNav > li a {
  color: #00a0e6;
  font-weight: bold;
  display: inline-block;
  padding-left: 1.2em;
  position: relative;
}
.nbsc_pageNav > li a:before {
  content: "";
  color: #00a0e6;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  font-size: 0.875em;
}

@media screen and (max-width: 767px) {
  .nbsc_pageNav {
    margin-bottom: 15px;
  }
  .nbsc_pageNav > li {
    margin-right: 1.5em;
    margin-bottom: 0.5em;
  }
}
.nbsc_breadcrumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  margin: 20px auto 30px;
  max-width: 1100px;
}
.nbsc_breadcrumb > li {
  max-width: 100%;
  padding-right: 18px;
  margin-right: 10px;
  position: relative;
}
.nbsc_breadcrumb > li:not(:last-child):after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
.nbsc_breadcrumb > li a {
  color: #666;
}
.nbsc_breadcrumb > li:last-child {
  font-weight: bold;
}
.nbsc_breadcrumb > li br {
  display: none;
}

@media screen and (max-width: 767px) {
  .nbsc_breadcrumb {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 10px;
    margin: 10px 10px 20px 10px;
  }
  .nbsc_breadcrumb > li {
    max-width: none;
    padding-right: 10px;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 4em;
  }
  .nbsc_breadcrumb > li:not(:last-child):after {
    width: 5px;
    height: 5px;
    margin-top: -3px;
  }
}
.nbsc_heading01 {
  text-align: center;
  margin-bottom: 40px;
}
.nbsc_heading01 > h2 {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.5em;
  position: relative;
}
.nbsc_heading01 > h2:before,
.nbsc_heading01 > h2:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 50%;
}
.nbsc_heading01 > h2:before {
  right: 100%;
}
.nbsc_heading01 > h2:after {
  left: 100%;
}

@media screen and (max-width: 767px) {
  .nbsc_heading01 {
    margin-bottom: 20px;
  }
  .nbsc_heading01 > h2 {
    font-size: 18px;
  }
  .nbsc_heading01 > h2:before,
  .nbsc_heading01 > h2:after {
    width: 25px;
  }
}
.nbsc_heading02 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  border-left: 6px solid #00a0e6;
  padding-left: 0.5em;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .nbsc_heading02 {
    font-size: 16px;
    border-left-width: 4px;
  }
}
.nbsc_heading03 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  border-left: 4px solid #00a0e6;
  padding-left: 0.5em;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .nbsc_heading03 {
    font-size: 14px;
    border-left-width: 2px;
  }
}
.nbsc_heading04 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .nbsc_heading04 {
    font-size: 14px;
  }
}
.nbsc_attBox {
  border: 2px solid #e20000;
  padding: 30px 30px 30px 110px;
  position: relative;
}
.nbsc_attBox:before {
  content: "";
  font-size: 52px;
  color: #e20000;
  position: absolute;
  top: 30px;
  left: 30px;
}
.nbsc_attBox-ttl {
  font-size: 18px;
  font-weight: bold;
  color: #e20000;
}

@media screen and (max-width: 767px) {
  .nbsc_attBox {
    padding: 15px 15px 15px 50px;
  }
  .nbsc_attBox:before {
    font-size: 24px;
    position: absolute;
    top: 15px;
    left: 15px;
  }
  .nbsc_attBox-ttl {
    font-size: 16px;
  }
}
.nbsc_attBox-small {
  border: 2px solid #e20000;
  padding: 15px 20px 15px 60px;
  position: relative;
  color: #e20000;
}
.nbsc_attBox-small:before {
  content: "";
  font-size: 24px;
  color: #e20000;
  position: absolute;
  top: 20px;
  left: 20px;
}
.nbsc_attBox-small-ttl {
  font-size: 18px;
  font-weight: bold;
  color: #e20000;
}

@media screen and (max-width: 767px) {
  .nbsc_attBox-small {
    padding: 10px 10px 10px 40px;
  }
  .nbsc_attBox-small:before {
    font-size: 18px;
    position: absolute;
    top: 12px;
    left: 15px;
  }
  .nbsc_attBox-small-ttl {
    font-size: 16px;
  }
}
.nbsc_en {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nbsc_linkTxt,
.nbsc_linkTxt:visited {
  color: #00a0e6;
}
.nbsc_link01 {
  color: #00a0e6;
  display: inline-block;
  padding-right: 1.2em;
  position: relative;
}
.nbsc_link01:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
}

.nbsc_linkPdf {
  color: #00a0e6;
}
.nbsc_linkPdf:after {
  content: "";
  color: #e20000;
}
.nbsc_linkPdf small {
  font-size: 0.85em;
}

.nbsc_linkTel24h {
  display: inline-block;
  pointer-events: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  position: relative;
  padding-left: 1.4em;
}
.nbsc_linkTel24h:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 1.2em;
  color: #00a0e6;
  margin-top: -0.5em;
}

@media screen and (max-width: 767px) {
  .nbsc_linkTel24h {
    pointer-events: auto;
  }
}
.nbsc_external {
  position: relative;
  margin-right: 0.5em;
}
.nbsc_external:after {
  content: "";
  display: inline-block;
  background: url(/assets/images/nbsc_svg/icon-external.svg) no-repeat center
    center;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: 0.4em;
}

a.nbsc_link01,
a.nbsc_external,
a.nbsc_linkPdf {
  color: #00a0e6;
}

.nbsc_btnWrap {
  text-align: center;
}

.nbsc_btn01,
.nbsc_btn01-red,
.nbsc_btn01-blue,
.nbsc_btnBack {
  display: inline-block;
  padding: 0.8em 3.5em 0.8em 2.5em;
  line-height: 1.4;
  border-radius: 40px;
  position: relative;
  margin: auto;
  min-width: 240px;
  text-align: center;
  font-weight: bold;
}
.nbsc_btnBack {
  padding-left: 3.5em;
  padding-right: 2.5em;
}
.nbsc_btn01:before,
.nbsc_btn01-red:before,
.nbsc_btn01-blue:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
}
.nbsc_btnBack:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.5em;
}
.-noArrow.nbsc_btn01,
.-noArrow.nbsc_btn01-red,
.-noArrow.nbsc_btn01-blue {
  padding-right: 2.5em;
}
.-noArrow.nbsc_btn01:before,
.-noArrow.nbsc_btn01-red:before,
.-noArrow.nbsc_btn01-blue:before {
  display: none;
}
.nbsc_btn01 small,
.nbsc_btn01-red small,
.nbsc_btn01-blue small {
  font-size: 0.85em;
}
.nbsc_btn01 .nbsc_pdf:before,
.nbsc_btn01-red .nbsc_pdf:before,
.nbsc_btn01-blue .nbsc_pdf:before {
  content: "";
  color: #e20000;
  margin-right: 0.5em;
}
@media screen and (max-width: 767px) {
  .nbsc_btn01,
  .nbsc_btn01-red,
  .nbsc_btn01-blue {
    padding: 0.8em 3em 0.8em 2em;
    min-width: initial;
  }
  .nbsc_btnBack {
    padding: 0.8em 2em 0.8em 3em;
    min-width: initial;
  }
  .-noArrow.nbsc_btn01,
  .-noArrow.nbsc_btn01-red,
  .-noArrow.nbsc_btn01-blue {
    padding-right: 2em;
  }
}
.nbsc_btn01,
.nbsc_btnBack {
  border: 2px solid #333;
}
.nbsc_btn01:before,
.nbsc_btnBack:before {
  border-color: #333;
}

.nbsc_btn01-red {
  background-color: #fff;
  border: 2px solid #e20000;
  color: #e20000 !important;
}
.nbsc_btn01-red:before {
  border-color: #e20000;
}

.nbsc_btn01-blue {
  background-color: #fff;
  border: 2px solid #00a0e6;
  color: #00a0e6 !important;
}
.nbsc_btn01-blue:before {
  border-color: #00a0e6;
}

.nbsc_btn02 {
  display: inline-block;
  padding: 0.8em 3.5em 0.8em 2.5em;
  line-height: 1.4;
  background-color: #00a0e6;
  color: #fff !important;
  position: relative;
  margin: auto;
  min-width: 240px;
  text-align: center;
  font-weight: bold;
}
.nbsc_btn02:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
}

.nbsc_btnWorks,
.nbsc_btnRenewal {
  display: inline-block;
  font-size: 18px;
  padding: 1em 2em;
  line-height: 1.4;
  color: #fff !important;
  position: relative;
  margin: auto;
  min-width: 400px;
  text-align: center;
  font-weight: bold;
}
.nbsc_btnWorks:before,
.nbsc_btnRenewal:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
}
.nbsc_btnWorks.-noArrow:before,
.nbsc_btnRenewal.-noArrow:before {
  display: none;
}
.nbsc_btnWorks {
  background-color: #00a0e6;
}
.nbsc_btnRenewal {
  background-color: #00a496;
}
@media screen and (max-width: 767px) {
  .nbsc_btnWorks,
  .nbsc_btnRenewal {
    min-width: initial;
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .nbsc_btn01,
  .nbsc_btn01-red,
  .nbsc_btn01-blue,
  .nbsc_btn02,
  .nbsc_btnBack {
    border-width: 1px;
  }
}
.nbsc_listDot > li {
  display: block;
  padding-left: 1em;
  position: relative;
}
.nbsc_listDot > li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.nbsc_listNumber {
  margin-left: 1.5em;
}
.nbsc_listNumber > li {
  list-style-type: decimal;
}

.nbsc_tbl01 {
  width: 100%;
  border-collapse: collapse;
}
.nbsc_tbl01 thead {
  background-color: #365969;
}
.nbsc_tbl01 thead th {
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 0.5em 1em;
  border: 1px solid #365969;
}
.nbsc_tbl01 thead th:not(:last-child) {
  border-right: 1px solid #5e7a87;
}
.nbsc_tbl01 tbody th,
.nbsc_tbl01 tbody td {
  padding: 1em;
  border: 1px solid #ddd;
  font-size: 15px;
}

.nbsc_tbl01 tbody th {
  background-color: #f5f5f5;
  text-align: left;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .nbsc_tbl01 thead th {
    font-size: 11px;
  }
  .nbsc_tbl01 tbody th,
  .nbsc_tbl01 tbody td {
    padding: 0.8em;
    font-size: 12px;
  }
}

.mainContents .nbsc_container .feature_list {
  display: grid;
}
.feature_list li a {
	display: block;
}
.feature_list figure {
	position: relative;
}
.feature_list figure.design::after {
	content: "デザイン";
	padding: 0.25em 0.75em;
	background-color: #b156d3;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.feature_list .tag {
	display: inline-block;
	margin-top: 15px;
	padding: 0.25em 1.25em 0.25em 0.75em;
	font-size: 12px;
}
.feature_list .tag.new_feature,
.feature_list .tag.new_column {
	color: #00a0e6;
	border: 1px solid #00a0e6;
}
.feature_list .tag.renewal_case {
	color: #00a496;
	border: 1px solid #00a496;
}
.feature_list .tag.maintenance_column {
	color: #365969;
	border: 1px solid #365969;
}
.feature_list .title {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
}
.feature_list .content {
	margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .mainContents .nbsc_container .feature_list {
    margin-block-start: 25px;
    padding-inline: 20px;
    grid-template-columns: 100%;
    row-gap: 35px;
  }
  .feature_list figure.design::after {
		font-size: 10px;
		font-weight: normal;
	}
	.feature_list figure img {
		width: 100%;
	}
	.feature_list .tag {
		margin-top: 10px;
		padding: 0.1em 0.75em 0.1em 0.25em;
		font-size: 10px;
	}
	.feature_list .title {
		font-size: 16px;
	}
	.feature_list .content {
		margin-top: 5px;
		font-size: 14px;
	}
}

@media screen and (min-width: 768px) {
  .mainContents .nbsc_container .feature_list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 50px;
    column-gap: 32px;
    margin-block-start: 55px;
  }
}