@charset "UTF-8";
/**
 * レスポンシブのブレイクポイント設定
 */
/*
COLORS
================================================ */
:root {
  --black: #000;
  --black-thin: #333;
  --black_thin2: #4C4A4A;
  --grey_bg: #F1F1F1;
  --grey_border: #ddd;
  --grey-dark: #666;
  --grey-dark_bg: #E2E2E2;
  --white: #fff;
  --beige: #F4EDE0;
  --red: #C2221C;
  --green: #549B1D;
  --yellow: #e3bd10;
  --orange: #FD9C28;
  --blue: #1132a6;
  --skyblue: #10a3e3;
  --pink: #e145b1;
  --purple: #925BE9; }

#company .flex {
  display: flex; }
  @media (min-width: 769px) {
    #company .flex {
      justify-content: space-between;
      gap: 0 50px; } }
  @media (max-width: 768px) {
    #company .flex {
      flex-direction: column;
      gap: 4vw 0; } }
  @media (min-width: 769px) {
    #company .flex .image {
      width: 450px; } }
  @media (max-width: 768px) {
    #company .flex .image {
      width: 100%; } }
  @media (min-width: 769px) {
    #company .flex .text {
      width: calc(100% - 500px); } }
  @media (max-width: 768px) {
    #company .flex .text {
      width: 100%; } }
  #company .flex .text dl {
    line-height: 1.75; }
    @media (min-width: 769px) {
      #company .flex .text dl {
        font-size: 1.6rem; } }
    @media (max-width: 768px) {
      #company .flex .text dl {
        font-size: 4.375vw; } }
    #company .flex .text dl dt {
      clear: left;
      float: left; }
      @media (min-width: 769px) {
        #company .flex .text dl dt {
          padding: .5em 1em; } }
      @media (max-width: 768px) {
        #company .flex .text dl dt {
          padding: .5em .25em; } }
    @media (min-width: 769px) {
      #company .flex .text dl dd {
        padding: .5em 1em .5em 10em; } }
    @media (max-width: 768px) {
      #company .flex .text dl dd {
        padding: .5em .25em .5em 7em; } }
    #company .flex .text dl dd + dt + dd {
      border-top: solid 1px var(--grey_border); }

@media (min-width: 769px) {
  #map {
    margin-top: 60px; } }
@media (max-width: 768px) {
  #map {
    margin-top: 4vw; } }
@media (min-width: 769px) {
  #map .map {
    height: 400px; } }
@media (max-width: 768px) {
  #map .map {
    height: 78.125vw; } }
#map .info {
  display: flex; }
  @media (min-width: 769px) {
    #map .info {
      justify-content: space-between;
      margin-top: 30px; } }
  @media (max-width: 768px) {
    #map .info {
      flex-direction: column;
      gap: 4vw 0;
      margin-top: 4vw; } }
  #map .info .address {
    line-height: 1.75; }
    @media (min-width: 769px) {
      #map .info .address {
        font-size: 1.8rem; } }
    @media (max-width: 768px) {
      #map .info .address {
        font-size: 4.5vw; } }
  @media (max-width: 768px) {
    #map .info .google-map {
      text-align: center; } }
  #map .info .google-map a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: var(--black-thin);
    padding: 1em 2em;
    border: solid 1px var(-grey_border);
    border-radius: .3125em; }
    @media (min-width: 769px) {
      #map .info .google-map a {
        font-size: 1.6rem;
        transition: all .3s; } }
    @media (max-width: 768px) {
      #map .info .google-map a {
        text-align: right;
        font-size: 4.375vw; } }
    #map .info .google-map a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: .75em;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: .3125em 0 .3125em .5625em;
      border-color: transparent transparent transparent var(--black-thin); }
    @media (min-width: 769px) {
      #map .info .google-map a:hover {
        opacity: .7; } }