html {
  font-size: 0.0732vw;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 1366px) {
  html {
    font-size: 1px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 0.2666vw;
  }
}
html body {
  font-size: 10rem;
}

@media (max-width: 767px) {
  #oil_depot main section#map {
    overflow: hidden;
  }
}
#oil_depot main section#map .inner {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 54.5rem 73rem;
}
@media (max-width: 767px) {
  #oil_depot main section#map .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#oil_depot main section#map .inner > div:first-of-type {
  width: 634.1rem;
  height: 591.97rem;
  position: relative;
  -webkit-transform: translateX(40rem);
          transform: translateX(40rem);
}
@media (max-width: 767px) {
  #oil_depot main section#map .inner > div:first-of-type {
    -webkit-transform: scale(0.55) translate(-233rem, -230rem);
            transform: scale(0.55) translate(-233rem, -230rem);
    height: 340rem;
  }
}
#oil_depot main section#map .inner > div:first-of-type img {
  display: block;
  width: 538.56rem;
  position: absolute;
  top: 0;
  left: 12.1rem;
}
#oil_depot main section#map .inner > div:first-of-type > a {
  font-size: 13rem;
  line-height: 1.5;
  color: #000;
  border: solid 1rem #000;
  border-radius: 100rem;
  padding-inline: 10rem;
  display: block;
  position: absolute;
}
#oil_depot main section#map .inner > div:first-of-type > a:hover {
  color: #ED1D25;
  border-color: #ED1D25;
  background-color: #fff;
}
#oil_depot main section#map .inner > div:first-of-type > a.main_office {
  font-size: 16rem;
  line-height: 1.625;
  padding-inline: 20rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:first-of-type {
  top: 116rem;
  left: 550rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(2) {
  top: 160rem;
  left: 466rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(3) {
  top: 208rem;
  left: 456rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(4) {
  top: 309rem;
  left: 428rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(5) {
  top: 354rem;
  left: 428rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(6) {
  top: 418rem;
  left: 408rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(7) {
  top: 459rem;
  left: 368rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(8) {
  top: 481rem;
  left: 241rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(9) {
  top: 521rem;
  left: 134rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(10) {
  top: 571rem;
  left: -28rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(11) {
  top: 545rem;
  left: -35rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(12) {
  top: 518rem;
  left: -35rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(13) {
  top: 484rem;
  left: -41rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(14) {
  top: 456rem;
  left: -27rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(15) {
  top: 431rem;
  left: -20rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(16) {
  top: 408rem;
  left: 44rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(17) {
  top: 380rem;
  left: 77rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(18) {
  top: 367rem;
  left: 138rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(19) {
  top: 341rem;
  left: 156rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(20) {
  top: 313rem;
  left: 177rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(21) {
  top: 287rem;
  left: 242rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(22) {
  top: 249rem;
  left: 269rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(23) {
  top: 214rem;
  left: 280rem;
}
#oil_depot main section#map .inner > div:first-of-type > a:nth-of-type(24) {
  top: 173.5rem;
  left: 298rem;
}
#oil_depot main section#map .inner > div:nth-of-type(2) {
  width: 430rem;
}
@media (max-width: 767px) {
  #oil_depot main section#map .inner > div:nth-of-type(2) {
    width: 100%;
  }
}
#oil_depot main section#map .inner > div:nth-of-type(2) > img {
  display: block;
  width: 180rem;
  height: auto;
  margin-left: 20rem;
  float: right;
}
@media (max-width: 767px) {
  #oil_depot main section#map .inner > div:nth-of-type(2) > img {
    width: 100rem;
  }
}
#oil_depot main section#map .inner > div:nth-of-type(2) p {
  font-size: 16rem;
  line-height: 2;
  line-height: 1.875;
  margin-bottom: 30rem;
}
#oil_depot main section#map .inner > div:nth-of-type(2) > a.__button:hover .googlemap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/googlemap_red.png) center/cover no-repeat;
}
#oil_depot main section#map .inner > div:nth-of-type(2) > a.__button .googlemap {
  display: block;
  width: 12.94rem;
  height: 19.05rem;
  margin-right: 6.5rem;
  position: relative;
}
#oil_depot main section#map .inner > div:nth-of-type(2) > a.__button .googlemap img {
  width: 100%;
  height: auto;
  display: block;
}
#oil_depot main section#office_list .inner {
  padding-bottom: 70rem;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] {
  padding-top: 50rem;
  margin-top: -50rem;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 30rem;
  border-top: solid 1rem #D9D9D9;
}
@media (max-width: 767px) {
  #oil_depot main section#office_list .inner div.office_item[id^=office_list] > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div:last-of-type {
  border-bottom: solid 1rem #D9D9D9;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > img {
  width: 180rem;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  #oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > img {
    width: 90%;
  }
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > div {
  width: 420rem;
}
@media (max-width: 767px) {
  #oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > div {
    width: 100%;
  }
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > div > h3 {
  margin-bottom: 13rem;
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > p {
  width: 290rem;
}
@media (max-width: 767px) {
  #oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > p {
    width: 100%;
  }
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > a {
  -ms-flex-item-align: center;
      align-self: center;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > a:hover .googlemap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/googlemap_red.png) center/cover no-repeat;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > a .googlemap {
  display: block;
  width: 12.94rem;
  height: 19.05rem;
  margin-right: 6.5rem;
  position: relative;
}
#oil_depot main section#office_list .inner div.office_item[id^=office_list] > div > a .googlemap img {
  width: 100%;
  height: auto;
  display: block;
}
#oil_depot main section#images .inner .grid_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45rem 40rem;
  padding-top: 0;
}
@media (max-width: 767px) {
  #oil_depot main section#images .inner .grid_container {
    grid-template-columns: 1fr;
  }
}
#oil_depot main section#images .inner .grid_container > div img {
  display: block;
  width: 100%;
}
#oil_depot main section#images .inner .grid_container > div div {
  padding: 10rem 0 30rem;
}
#oil_depot main section#images .inner .grid_container > div div h4 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#oil_depot main section#images .inner .grid_container > div div p {
  margin-top: 8rem;
}
#oil_depot main section#images .inner .grid_container > img {
  display: block;
  width: 100%;
}

@media (max-width: 767px) {
  #shipping section#top {
    overflow: hidden;
  }
}
#shipping section#top .inner {
  position: relative;
  padding-top: 380rem;
}
@media (max-width: 767px) {
  #shipping section#top .inner {
    padding-top: 200rem;
  }
}
#shipping section#top .inner > img {
  display: block;
  width: calc(100% - 100rem);
  position: absolute;
  margin: 0 auto;
  top: 30rem;
  right: 0;
  left: 0;
}
@media (max-width: 767px) {
  #shipping section#top .inner > img {
    width: 500rem;
    max-width: none;
    right: 0;
    left: 0;
  }
}
#shipping section#top .inner p {
  font-size: 16rem;
  line-height: 1.875;
}
#shipping section#process .inner > h2 {
  font-size: 24rem;
  font-weight: bold;
  line-height: 1.657;
  counter-increment: mycounter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12rem;
  text-wrap: wrap;
  margin-top: -60rem;
}
#shipping section#process .inner > h2:not(:first-of-type) {
  margin-top: 100rem;
}
@media (max-width: 767px) {
  #shipping section#process .inner > h2:not(:first-of-type) {
    margin-top: 90rem;
  }
}
#shipping section#process .inner > h2::before {
  content: counter(mycounter, decimal-leading-zero);
  width: 46rem;
  height: 46rem;
  background-color: #ED1D25;
  border-radius: 50%;
  font-size: 18rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.333;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#shipping section#process .inner > p {
  margin-top: 40rem;
  font-size: 16rem;
  line-height: 1.875;
}
#shipping section#process .inner div.flex-container-3-img {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3-img {
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
#shipping section#process .inner div.flex-container-3-img > div {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  position: relative;
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3-img > div {
    gap: 0;
  }
}
#shipping section#process .inner div.flex-container-3-img > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3-img > div:not(:last-of-type)::after {
    right: calc(50% - 7.5rem);
    top: initial;
    bottom: -25rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#shipping section#process .inner div.flex-container-3-img > div > img {
  width: 100%;
  display: block;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#shipping section#process .inner div.flex-container-3-img > div > div {
  width: 100%;
  height: 100%;
  background-color: #F5F2F2;
  padding: 25rem 30rem 30rem;
}
#shipping section#process .inner div.flex-container-3-img > div > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#shipping section#process .inner div.flex-container-3-img > div > div p {
  margin-top: 20rem;
}
#shipping section#process .inner div.flex-container-3-img.no-triangle {
  gap: 0 43rem;
}
#shipping section#process .inner div.flex-container-3-img.no-triangle > div::after {
  display: none;
}
#shipping section#process .inner div.flex-container-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3 {
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
#shipping section#process .inner div.flex-container-3 > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  padding: 25rem 30rem 30rem;
  background-color: #F5F2F2;
  position: relative;
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3 > div {
    gap: 0;
  }
}
#shipping section#process .inner div.flex-container-3 > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-3 > div:not(:last-of-type)::after {
    right: calc(50% - 7.5rem);
    top: initial;
    bottom: -40rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#shipping section#process .inner div.flex-container-3 > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#shipping section#process .inner div.flex-container-3 > div p {
  margin-top: 20rem;
}
#shipping section#process .inner div.flex-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #shipping section#process .inner div.flex-container-2 {
    grid-template-columns: 1fr;
    gap: 20rem;
  }
}
#shipping section#process .inner div.flex-container-2 > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  background-color: #F5F2F2;
  padding: 25rem 30rem 30rem;
  position: relative;
}
#shipping section#process .inner div.flex-container-2 > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
#shipping section#process .inner div.flex-container-2 > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#shipping section#process .inner div.flex-container-2 > div p {
  margin-top: 20rem;
}
#shipping section#process .inner div.flex-container-2.no-triangle > div:not(:last-of-type)::after {
  content: none;
}
#shipping section#process .inner > img {
  width: 100%;
  display: block;
  margin-top: 30rem;
}

@media (max-width: 767px) {
  #acceptance section#top {
    overflow: hidden;
  }
}
#acceptance section#top .inner {
  position: relative;
  padding-top: 380rem;
}
@media (max-width: 767px) {
  #acceptance section#top .inner {
    padding-top: 200rem;
  }
}
#acceptance section#top .inner > img {
  display: block;
  width: calc(100% - 100rem);
  position: absolute;
  margin: 0 auto;
  top: 30rem;
  right: 0;
  left: 0;
}
@media (max-width: 767px) {
  #acceptance section#top .inner > img {
    width: 500rem;
    max-width: none;
    right: 0;
    left: 0;
  }
}
#acceptance section#top .inner p {
  font-size: 16rem;
  line-height: 1.875;
}
#acceptance section#process .inner > h2 {
  font-size: 24rem;
  font-weight: bold;
  line-height: 1.657;
  counter-increment: mycounter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12rem;
  text-wrap: wrap;
  margin-top: -60rem;
}
#acceptance section#process .inner > h2:not(:first-of-type) {
  margin-top: 100rem;
}
@media (max-width: 767px) {
  #acceptance section#process .inner > h2:not(:first-of-type) {
    margin-top: 90rem;
  }
}
#acceptance section#process .inner > h2::before {
  content: counter(mycounter, decimal-leading-zero);
  width: 46rem;
  height: 46rem;
  background-color: #ED1D25;
  border-radius: 50%;
  font-size: 18rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.333;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#acceptance section#process .inner > h2.no-num::before {
  content: none;
}
#acceptance section#process .inner > p {
  margin-top: 40rem;
  font-size: 16rem;
  line-height: 1.875;
}
#acceptance section#process .inner div.flex-container-3-img {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3-img {
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
#acceptance section#process .inner div.flex-container-3-img > div {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  position: relative;
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3-img > div {
    gap: 0;
  }
}
#acceptance section#process .inner div.flex-container-3-img > div:nth-child(n+4) {
  margin-top: 43rem;
}
#acceptance section#process .inner div.flex-container-3-img > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3-img > div:not(:last-of-type)::after {
    right: calc(50% - 7.5rem);
    top: initial;
    bottom: -25rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#acceptance section#process .inner div.flex-container-3-img > div > img {
  width: 100%;
  display: block;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#acceptance section#process .inner div.flex-container-3-img > div > div {
  width: 100%;
  height: 100%;
  background-color: #F5F2F2;
  padding: 25rem 30rem 30rem;
}
#acceptance section#process .inner div.flex-container-3-img > div > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#acceptance section#process .inner div.flex-container-3-img > div > div p {
  margin-top: 20rem;
}
#acceptance section#process .inner div.flex-container-3-img.no-triangle {
  gap: 20rem;
}
#acceptance section#process .inner div.flex-container-3-img.no-triangle > div::after {
  display: none;
}
#acceptance section#process .inner div.flex-container-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3 {
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
#acceptance section#process .inner div.flex-container-3 > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  padding: 25rem 30rem 30rem;
  background-color: #F5F2F2;
  position: relative;
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3 > div {
    gap: 0;
  }
}
#acceptance section#process .inner div.flex-container-3 > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-3 > div:not(:last-of-type)::after {
    right: calc(50% - 7.5rem);
    top: initial;
    bottom: -40rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#acceptance section#process .inner div.flex-container-3 > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#acceptance section#process .inner div.flex-container-3 > div p {
  margin-top: 20rem;
}
#acceptance section#process .inner div.flex-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 43rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #acceptance section#process .inner div.flex-container-2 {
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
#acceptance section#process .inner div.flex-container-2 > img {
  display: block;
  grid-row: span 2;
  grid-template-rows: subgrid;
  position: relative;
}
#acceptance section#process .inner div.flex-container-2 > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  background-color: #F5F2F2;
  padding: 25rem 30rem 30rem;
  position: relative;
}
#acceptance section#process .inner div.flex-container-2 > div:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 15rem;
  height: 20rem;
  background-color: #ED1D25;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -29rem;
  top: calc(50% - 10rem);
}
#acceptance section#process .inner div.flex-container-2 > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.727;
  color: #ED1D25;
}
#acceptance section#process .inner div.flex-container-2 > div p {
  margin-top: 20rem;
}
#acceptance section#process .inner div.flex-container-2.no-triangle > div:not(:last-of-type)::after {
  content: none;
}
#acceptance section#process .inner > img {
  width: 100%;
  display: block;
  margin-top: 30rem;
}

#contact section#form .inner p {
  font-size: 15rem;
  line-height: 1.8666;
}
#contact section#form .inner > h3 {
  font-size: 24rem;
  font-weight: bold;
  line-height: 1.58333;
  margin-block: 40rem 22rem;
}
#contact section#form .inner > form > div.grid-container {
  display: grid;
  grid-template-columns: 195rem 69rem auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  #contact section#form .inner > form > div.grid-container {
    grid-template-columns: 1fr;
  }
}
#contact section#form .inner > form > div.grid-container > div {
  padding-block: 30rem 33rem;
  border-top: solid 1rem #949CB1;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/4;
}
@media (max-width: 767px) {
  #contact section#form .inner > form > div.grid-container > div {
    grid-column: 1/2;
  }
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(1) input, #contact section#form .inner > form > div.grid-container > div:nth-of-type(2) input, #contact section#form .inner > form > div.grid-container > div:nth-of-type(3) input, #contact section#form .inner > form > div.grid-container > div:nth-of-type(4) input, #contact section#form .inner > form > div.grid-container > div:nth-of-type(6) input {
  width: 460rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(5) input {
  width: 260rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(7) input:first-of-type {
  width: 260rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(7) select {
  width: 260rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type {
  height: 184rem;
  width: 100%;
  padding: 12rem 15rem;
  border-radius: 3rem;
  border: solid 1rem #949CB1;
  overflow-y: auto;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type::-webkit-scrollbar {
  width: 18rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type::-webkit-scrollbar-track {
  background-color: none;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 100rem;
  border: 6rem solid transparent;
  background-clip: padding-box;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type p {
  margin-bottom: 16rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:first-of-type p a {
  color: #E50012;
  text-decoration: underline;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:last-of-type {
  height: 70rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F2F4F8;
  margin-block: 20rem 15rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:last-of-type input {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > div:last-of-type label {
  padding-left: 10rem;
}
#contact section#form .inner > form > div.grid-container > div:nth-of-type(10) > div > p a {
  color: #E50012;
  text-decoration: underline;
}
#contact section#form .inner > form > div.grid-container > div:last-of-type {
  border-bottom: solid 1rem #949CB1;
}
#contact section#form .inner > form > div.grid-container > div > p {
  font-size: 18rem;
  font-weight: bold;
  line-height: 1.777;
  color: #11214D;
  margin-top: 11rem;
}
#contact section#form .inner > form > div.grid-container > div > span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10rem;
  background-color: #E50012;
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 13rem;
  letter-spacing: 0.02em;
  line-height: 2.1538;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 14rem;
}
#contact section#form .inner > form > div.grid-container > div input,
#contact section#form .inner > form > div.grid-container > div select,
#contact section#form .inner > form > div.grid-container > div textarea {
  padding: 13rem 15rem;
  border: solid 1rem #949CB1;
  border-radius: 3rem;
  font-size: 16rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  display: block;
  margin-bottom: 20rem;
  width: 100%;
}
#contact section#form .inner > form > div.grid-container > div input:last-of-type,
#contact section#form .inner > form > div.grid-container > div select:last-of-type,
#contact section#form .inner > form > div.grid-container > div textarea:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #contact section#form .inner > form > div.grid-container > div input,
  #contact section#form .inner > form > div.grid-container > div select,
  #contact section#form .inner > form > div.grid-container > div textarea {
    margin-top: 14rem;
    width: 100% !important;
  }
}
#contact section#form .inner > form > div.grid-container > div select {
  margin-bottom: 20rem !important;
}
#contact section#form .inner > form > div.grid-container > div label {
  font-size: 16rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
}
#contact section#form .inner > form > div.grid-container > div > div > p {
  margin-top: 10rem;
}
#contact section#form .inner > form > .button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30rem;
  width: 100%;
}
#contact section#form .inner > form > .button_container > button {
  margin-inline: 0;
}
#contact section#form .inner > form > .button_container > button:first-of-type {
  background-color: #11214D;
  text-align: center;
}
#contact section#form .inner > form > .button_container > button:first-of-type::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  right: auto;
  left: 15rem;
}
#contact section#form .inner > form > .button_container > button:last-of-type {
  background-color: #E50012;
  text-align: center;
}
#contact section#form .inner > form button {
  height: 60rem;
  width: 240rem;
  display: block;
  border-radius: 50rem;
  background-color: #E50012;
  padding: 18rem 25rem;
  position: relative;
  margin-inline: auto;
  margin-top: 40rem;
  font-size: 16rem;
  color: #fff;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
#contact section#form .inner > form button::after {
  content: "";
  display: block;
  width: 8.484rem;
  height: 8.484rem;
  border-top: solid 1rem #fff;
  border-right: solid 1rem #fff;
  position: absolute;
  right: 15rem;
  top: calc(50% - 6rem);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#overview section#overview .inner .table_container table tr:nth-of-type(2) td:nth-of-type(2) > p {
  margin-bottom: 10rem;
}
#overview section#overview .inner .table_container table tr:nth-of-type(2) td:nth-of-type(2) ul:not(:last-of-type) {
  margin-bottom: 10rem;
}

#role section#our_role .inner p:not(:last-of-type) {
  margin-bottom: 20rem;
}
#role section#our_role .inner p:last-of-type {
  margin-bottom: 50rem;
}
#role section#our_role .inner > div {
  padding-block: 34rem;
  border: solid 1rem #D9D9D9;
}
#role section#our_role .inner > div img {
  display: block;
  width: 920rem;
  margin-inline: auto;
}
#role section#strength {
  padding-top: 60rem;
  margin-top: -60rem;
}
#role section#strength .inner {
  padding-top: 0;
}
#role section#strength .inner > p {
  margin-bottom: 50rem;
}
#role section#strength .inner div.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 60rem;
}
@media (max-width: 767px) {
  #role section#strength .inner div.flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20rem;
  }
}
#role section#strength .inner div.flex-container:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 767px) {
  #role section#strength .inner div.flex-container:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#role section#strength .inner div.flex-container img {
  width: 420rem;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  #role section#strength .inner div.flex-container img {
    width: 100%;
  }
}
#role section#strength .inner div.flex-container figure {
  width: 420rem;
  height: auto;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  #role section#strength .inner div.flex-container figure {
    width: 100%;
  }
}
#role section#strength .inner div.flex-container figure figcaption {
  font-size: 14rem;
  line-height: 2.143;
  margin-top: 8rem;
}
#role section#strength .inner div.flex-container > div h3 {
  margin-top: 0;
}
@media (max-width: 767px) {
  #role section#strength .inner div.flex-container > div p br.pconly {
    display: none;
  }
}

@media (max-width: 767px) {
  #message section .inner {
    padding-bottom: 60rem;
  }
}
#message section .inner > p:not(:last-of-type) {
  margin-bottom: 20rem;
}
#message section .inner > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 40rem;
  margin-top: 50rem;
}
@media (max-width: 767px) {
  #message section .inner > div {
    gap: 0 20rem;
  }
}
#message section .inner > div > div {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  width: 100%;
}
#message section .inner > div > div:last-of-type img {
  background-color: #adadad;
}
#message section .inner > div > div > img {
  width: 100%;
}
#message section .inner > div > div > p:first-of-type {
  margin-top: 20rem;
}
#message section .inner > div > div > p:last-of-type {
  margin-top: 5rem;
  font-size: 20rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  #emergency-training main section#top {
    overflow: hidden;
  }
}
#emergency-training main section#top .inner {
  position: relative;
  padding-top: 380rem;
}
@media (max-width: 767px) {
  #emergency-training main section#top .inner {
    padding-top: 200rem;
  }
}
#emergency-training main section#top .inner > img {
  display: block;
  width: calc(100% - 100rem);
  position: absolute;
  margin: 0 auto;
  top: 30rem;
  right: 0;
  left: 0;
}
@media (max-width: 767px) {
  #emergency-training main section#top .inner > img {
    width: 500rem;
    max-width: none;
    right: 0;
    left: 0;
  }
}
#emergency-training main section#top .inner p {
  font-size: 16rem;
  line-height: 1.875;
}
#emergency-training main section#top .inner > p:not(:last-of-type) {
  margin-bottom: 20rem;
}
#emergency-training main section#emergencytraining .inner > h2 {
  font-size: 35rem;
  font-weight: bold;
  line-height: 1.66;
  margin-top: -60rem;
}
#emergency-training main section#emergencytraining .inner > h2:not(:first-of-type) {
  margin-top: 100rem;
}
@media (max-width: 767px) {
  #emergency-training main section#emergencytraining .inner > h2:not(:first-of-type) {
    margin-top: 90rem;
  }
}
@media (max-width: 767px) {
  #emergency-training main section#emergencytraining .inner > h2 {
    margin-top: 0;
  }
}
#emergency-training main section#emergencytraining .inner > p > span {
  font-size: 20rem;
  display: block;
}
#emergency-training main section#emergencytraining .inner p {
  margin-top: 40rem;
}
#emergency-training main section#emergencytraining .inner .flex-container-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60rem;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  #emergency-training main section#emergencytraining .inner .flex-container-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#emergency-training main section#emergencytraining .inner .flex-container-2 > div {
  width: 100%;
}
#emergency-training main section#emergencytraining .inner .flex-container-2 > div img {
  display: block;
  width: 100%;
}
#emergency-training main section#emergencytraining .inner .flex-container-2 > div > div {
  padding: 25rem 30rem 30rem;
  background-color: #F5F2F2;
}
#emergency-training main section#emergencytraining .inner .flex-container-2 > div > div h3 {
  font-size: 22rem;
  font-weight: bold;
  line-height: 1.73;
  color: #ED1D25;
  text-wrap: wrap;
}/*# sourceMappingURL=style.css.map */