/*! Writen  by SCSS */
div.header ul.headnavi {
  justify-content: flex-end; }
  @media screen and (max-width: 768px) {
    div.header ul.headnavi {
      display: none; } }
  div.header ul.headnavi .item_icon {
    display: none; }

.sec {
  margin-bottom: clamp(30px, 6.25%, 50px);
  padding-top: 3.91%; }
  @media screen and (max-width: 480px) {
    .sec {
      margin-bottom: 4.17%;
      padding-top: 50px; } }

.map_btns {
  display: flex;
  flex-wrap: wrap;
  max-width: 360px;
  margin: 40px auto 0;
  gap: 20px; }
  @media screen and (max-width: 768px) {
    .map_btns {
      justify-content: center; } }
  .map_btns li {
    width: calc(170% / 3.6); }
    .map_btns li.btn_pri {
      background: #f6fbfb; }
    .map_btns li.btn_clo {
      background: #ebebeb; }
    .map_btns li.btn_req {
      background: #52b1b6;
      color: #fff;
      width: 100%; }
    .map_btns li a {
      padding: 0.9em 2.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.3s ease-in-out;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 480px) {
        .map_btns li a {
          padding: 0.6em 0.2em; } }
      @media (hover: hover) {
        .map_btns li a:hover {
          opacity: 0.7; } }

/*# sourceMappingURL=style.css.map */