@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  scroll-behavior: auto;
}
@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    background-attachment: initial;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

html {
  font: 400 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: inherit;
  vertical-align: baseline;
  word-break: normal;
  color: inherit;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
  overflow: visible;
}
hr:not([size]) {
  height: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5rem;
  font: inherit inherit 500 unset/1.2 inherit;
}

p {
  margin: 0 0 1rem;
}

abbr[title],
abbr[data-bs-original-title],
acronym[title],
acronym[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  font: normal inherit inherit/inherit inherit;
  margin: 0 0 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin: 0 0 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin: 0;
}

nav li {
  list-style: none;
  padding: 0;
}
nav li::before {
  content: "​";
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: currentColor;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  cursor: pointer;
  color: #3333e1;
  background-color: transparent;
  text-decoration: none;
  word-break: break-word;
}
a:hover {
  color: #3434e0;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
a:not([href]):not(class), a:not([href]):not([class]):hover {
  cursor: default;
  color: inherit;
  text-decoration: none;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  touch-action: manipulation;
}

pre,
code,
kbd,
samp {
  font: 1.05em "Fira Code", "Cascadia Code", Consolas, "Inconsolata", Monaco, Menlo, "Noto Mono", "Roboto Mono", "Droid Sans Mono", "Ubuntu Mono", "Ubuntu Monospace", "Source Code Pro", "Oxygen Mono", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.875em;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: inherit;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: inherit;
  background-color: inherit;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

iframe,
img,
input,
select,
textarea {
  height: auto;
  max-width: 100%;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

svg:not([fill]) {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
  text-indent: 0;
  border-color: currentColor;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: inherit;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
  text-transform: none;
}
button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px;
}

input,
button {
  overflow: visible;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border: 1px solid WindowFrame;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.375em;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  text-transform: none;
  word-wrap: normal;
}
select:not([multiple]):not([size]) {
  background-image: "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E";
}

::-ms-expand {
  display: none;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(disabled),
[type=button]:not(disabled),
[type=reset]:not(disabled),
[type=submit]:not(disabled) {
  cursor: pointer;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

textarea {
  overflow: auto;
  -ms-overflow-style: scrollbar;
  resize: vertical;
  vertical-align: top;
}

fieldset {
  min-width: 0;
  padding: 0.35em 0.75em 0.625em;
  margin: 0;
  border: 1px solid inherit;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

dialog {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

input::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder {
  opacity: 1;
}

input::placeholder {
  opacity: 1;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=tel],
[type=url],
[type=email],
[type=number] {
  direction: ltr;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

::-moz-ui-invalid {
  box-shadow: none;
}

::-moz-focusring {
  outline: 1px dotted ButtonText;
}

output {
  display: inline-block;
}

iframe {
  border: none;
}

audio,
canvas,
video {
  display: inline;
  display: inline-block;
  zoom: 1;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden=false] {
  display: initial;
}
[aria-hidden=false][hidden=false]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* ===============================================
over write reseter
=============================================== */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
li,
dt,
dd,
figure,
img,
address {
  margin: 0;
  padding: 0;
}

nav li::before {
  display: none;
}

li {
  list-style: none;
}

dt {
  font-weight: normal;
}

em {
  font-style: normal;
}

img {
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  img {
    width: 100%;
    display: block;
  }
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
  table-layout: fixed;
}

caption {
  padding-top: 0;
  padding-bottom: 0;
}

br {
  font-size: 0;
}

/* ===============================================
font
=============================================== */
html {
  font-size: 62.5%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: 0;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {
  html {
    font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Roboto, "Droid Sans", sans-serif;
  }
}
/* ===============================================
utilities
=============================================== */
.is_pc {
  display: block;
}
@media only screen and (max-width: 767px) {
  .is_pc {
    display: none;
  }
}

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

/* ===============================================
common
=============================================== */
a:link {
  color: #005bac;
}

a:visited {
  color: #0069c6;
}

a:hover,
a:active {
  color: #005bac;
}

@media only screen and (min-width: 768px) {
  a {
    transition: 0.3s;
  }

  a:hover {
    opacity: 0.6;
  }

  a[href^="tel:"] {
    pointer-events: none;
  }
}
a:link,
a:visited {
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: underline;
}

a img {
  border: none;
  outline: none;
  text-decoration: none;
}

/* ===============================================
wrapper
=============================================== */
#wrapper {
  position: relative;
  width: 100%;
  color: #3e3a39;
}
@media only screen and (min-width: 768px) {
  #wrapper {
    min-width: 1000px;
    overflow-x: hidden;
  }
}
section .wrapper {
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  section .wrapper {
    width: 1000px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  section .wrapper {
    width: 100vw;
    padding: 0 4.68%;
    font-size: 1.6rem;
  }
}

/* ===============================================
title
=============================================== */
.c-title__style1 {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .c-title__style1 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .c-title__style1 {
    margin-bottom: 25px;
  }
}
.c-title__style1 em {
  position: relative;
  display: inline-block;
  color: #005bac;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .c-title__style1 em {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title__style1 em {
    font-size: 2rem;
  }
}
.c-title__style1 em::before, .c-title__style1 em::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #005bac;
}
.c-title__style1 em::before {
  bottom: -7px;
  height: 3px;
}
.c-title__style1 em::after {
  bottom: -10px;
  height: 1px;
}
@media only screen and (max-width: 767px) {
  .c-title__style1 em span {
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
    line-height: 1.1;
  }
  .c-title__style1 em span::before, .c-title__style1 em span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: #005bac;
  }
  .c-title__style1 em span::before {
    bottom: -7px;
    height: 3px;
  }
  .c-title__style1 em span::after {
    bottom: -10px;
    height: 1px;
  }
}
.c-title__style1 small {
  padding-right: 2px;
  padding-left: 2px;
}
@media only screen and (min-width: 768px) {
  .c-title__style1 small {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title__style1 small {
    font-size: 1.6rem;
  }
}
.c-title__style1 i {
  position: relative;
  font-style: normal;
}
.c-title__style1 i::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background: #ffda3f;
}
@media only screen and (min-width: 768px) {
  .c-title__style1 i::after {
    top: -20px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .c-title__style1 i::after {
    top: -10px;
    width: 7px;
    height: 7px;
  }
}

.c-title__style2 {
  color: #005bac;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .c-title__style2 {
    margin-bottom: 15px;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title__style2 {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
}

/* ===============================================
btn
=============================================== */
.c-btn__blue01, .c-btn__blue02 {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-btn__blue01, .c-btn__blue02 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .c-btn__blue01.c-btn__wide, .c-btn__wide.c-btn__blue02 {
    width: 500px;
    margin: 0 auto;
  }
}
.c-btn__blue01 a, .c-btn__blue02 a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 3px;
  background: #005bac;
  font-weight: bold;
  line-height: 1.1;
  box-shadow: 0 5px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 768px) {
  .c-btn__blue01 a, .c-btn__blue02 a {
    height: 64px;
    padding-top: 2px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn__blue01 a, .c-btn__blue02 a {
    width: 100%;
    height: 65px;
    font-size: 1.8rem;
    letter-spacing: 0.15em;
  }
}
.c-btn__blue01 a:link, .c-btn__blue02 a:link, .c-btn__blue01 a:visited, .c-btn__blue02 a:visited, .c-btn__blue01 a:hover, .c-btn__blue02 a:hover, .c-btn__blue01 a:active, .c-btn__blue02 a:active {
  color: #fff;
  text-decoration: none;
}
.c-btn__blue01 a::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-btn__blue02 a::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .c-btn__blue01 a::after {
    left: 50%;
    margin-left: -4.5em;
  }
  .c-btn__blue02 a::after {
    left: 50%;
    margin-left: -4.5em;
    margin-top: -3px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn__blue01 a::after {
    left: 50%;
    margin-left: -4.5em;
  }
  .c-btn__blue02 a::after {
    left: 50%;
    margin-left: -4.5em;
  }
}

@media only screen and (max-width: 767px) {
  .c-btn__blue02 {
    padding-top: 25px;
    border-top: 1px solid #dfdfdf;
  }
}
.c-btn__blue02::before {
  display: block;
  content: "＼院内迅速検査により、早期診断に貢献 ／";
  text-align: center;
  font-weight: bold;
  color: #005bac;
}
@media only screen and (min-width: 768px) {
  .c-btn__blue02::before {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn__blue02::before {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
}
.c-btn__blue01 a {
  letter-spacing: 0.15em;
}
.c-btn__blue02 a {
  border: none;
}

/* ===============================================
indent
=============================================== */
.c-indent__1em {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 8px;
}

/* ===============================================
footer
=============================================== */
@media only screen and (min-width: 768px) {
  footer {
    min-width: 1000px;
  }
}
@media only screen and (min-width: 768px) {
  footer .footer__contact {
    height: 320px;
    background: url("../../images/footer_bg_pc.jpg") no-repeat 50% 0;
    background-size: auto 320px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer__contact {
    position: relative;
    height: 136.5625vw;
    background: url("../../images/footer_bg_sp.png") no-repeat 50% 0;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) {
  footer .footer__contact__title {
    width: 356px;
    height: 139px;
    margin: 50px auto 35px;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@media only screen and (max-width: 767px) {
  footer .footer__contact__title {
    width: 90.64%;
    margin: 0 auto;
    padding-top: 10vw;
  }
}
@media only screen and (min-width: 768px) {
  footer .footer__contact__btn {
    width: 355px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer__contact__btn {
    position: absolute;
    bottom: 10vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90.64%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  footer .footer__contact__btn a {
    height: 56px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  footer .footer__wrapper {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .footer__wrapper::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #dfdfdf;
    overflow: hidden;
    min-width: 1000px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer__wrapper {
    background: #dfdfdf;
    padding: 20px 4.68%;
  }
}
footer .footer__copyright {
  font-family: "Helvetica", "Arial", sans-serif;
}
@media only screen and (min-width: 768px) {
  footer .footer__copyright {
    width: 100%;
    text-align: right;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer__copyright {
    font-size: 1rem;
    text-align: center;
  }
}

/* ===============================================
width
=============================================== */
@media only screen and (min-width: 768px) {
  .c-with__pc20p {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .c-with__pc20p {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .c-with__pc25p {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .c-with__pc25p {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .c-with__pc32p {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .c-with__pc32p {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .c-with__pc68p {
    width: 68%;
  }
}
@media only screen and (max-width: 767px) {
  .c-with__pc68p {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .c-with__pc75p {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .c-with__pc75p {
    display: block;
  }
}

header {
  position: sticky;
  width: 100% !important;
  z-index: 99;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
}

@media only screen and (min-width: 768px) {
  header {
    position: fixed;
  }
}

/* ===============================================
nav
=============================================== */
@media only screen and (min-width: 768px) {
  nav {
    display: flex;
    align-items: center;
  }
}

.nav__wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .nav__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1000px;
    height: 90px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .nav__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media only screen and (min-width: 768px) {
  .nav__wrapper .logo {
    position: relative;
    left: -34px;
    top: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .nav__wrapper .logo img {
    height: 40px;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .nav__wrapper .btn__inquiry {
    margin-top: -2px;
  }
}
.nav__wrapper .btn__inquiry a {
  position: relative;
  display: block;
  padding: 13px 14px 12px 24px;
  background: #005bac;
  border-radius: 6px;
  box-shadow: 0 3px #d2d2d2;
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .nav__wrapper .btn__inquiry a {
    padding: 9px 14px 8px 24px;
  }
}

.nav__wrapper .btn__inquiry a:link, .nav__wrapper .btn__inquiry a:visited, .nav__wrapper .btn__inquiry a:hover, .nav__wrapper .btn__inquiry a:active {
  color: #fff;
  text-decoration: none;
}
.nav__wrapper .btn__inquiry a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .nav__wrapper .btn__inquiry a::after {
    margin-top: -3px;
  }
}

.nav__list {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .nav__list {
    display: none;
  }
}
.nav__list li {
  margin-right: 20px;
}
.nav__list li a {
  display: inline-block;
  padding: 2px 20px;
  border-right: 1px solid #dfdfdf;
  font-size: 1.4rem;
  line-height: 1.1;
}
.nav__list li a:link, .nav__list li a:visited, .nav__list li a:hover, .nav__list li a:active {
  color: #3e3a39;
  text-decoration: none;
  outline: none;
}