@import url("https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Roboto:wght@500;700&display=swap");
/*************************
page
*************************/
#inquiry .inquiry-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.75%;
  margin-top: 30px; }
  @media screen and (max-width: 640px) {
    #inquiry .inquiry-list {
      gap: 14px;
      margin-top: 20px; } }
  #inquiry .inquiry-list__item {
    width: 31.5%; }
    @media screen and (max-width: 640px) {
      #inquiry .inquiry-list__item {
        width: 100%; } }
    #inquiry .inquiry-list__item a {
      display: block;
      height: 100%;
      padding: 35px;
      border: solid 10px #0399de;
      transition: all 0.3s; }
      @media screen and (max-width: 768px) {
        #inquiry .inquiry-list__item a {
          padding: 20px;
          border-width: 8px; } }
      @media screen and (max-width: 640px) {
        #inquiry .inquiry-list__item a {
          padding: 16px;
          border-width: 6px; } }
      #inquiry .inquiry-list__item a .inquiry-icon {
        width: 120px;
        height: 120px;
        margin: 0 auto 20px; }
        @media screen and (max-width: 768px) {
          #inquiry .inquiry-list__item a .inquiry-icon {
            width: 70px;
            height: 70px;
            margin: 0 auto 15px; } }
        @media screen and (max-width: 640px) {
          #inquiry .inquiry-list__item a .inquiry-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 12px; } }
        #inquiry .inquiry-list__item a .inquiry-icon img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      #inquiry .inquiry-list__item a .inquiry-ttl {
        font-size: 20px;
        font-size: calc($size / 16)rem;
        font-weight: 700;
        text-align: center;
        line-height: 1.3; }
        @media screen and (max-width: 1200px) {
          #inquiry .inquiry-list__item a .inquiry-ttl {
            font-size: 16px;
            font-size: calc($size / 16)rem; } }
        @media screen and (max-width: 768px) {
          #inquiry .inquiry-list__item a .inquiry-ttl {
            font-size: 15px;
            font-size: calc($size / 16)rem; } }
      #inquiry .inquiry-list__item a:hover {
        text-decoration: none;
        background-color: rgba(3, 153, 222, 0.15); }
        #inquiry .inquiry-list__item a:hover .inquiry-icon img {
          opacity: 1; }