@charset "UTF-8";
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (min-width: 1181px) {
  /*　画面サイズが1024pxからはここを読み込む　*/
}
@media screen and (min-width: 821px) and (max-width: 1180px) {
  /*　画面サイズが768pxから1024pxまではここを読み込む　*/
}
@media screen and (min-width: 270px) and (max-width: 820px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  select,
  textarea,
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  input[type=search],
  input[type=number],
  input[type=tel],
  input[type=range],
  input[type=date],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=datetime],
  input[type=datetime-local],
  input[type=color],
  textarea {
    padding: 10px;
    background: #fff;
    width: 100%;
  }
  .header a {
    width: 200px;
    display: block;
    margin: 20px auto 10px;
  }
  #menu-toggle {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: fixed;
    top: 0;
    right: 10px;
    z-index: 1111;
    font-size: 50px;
    line-height: 1;
  }
  #menu-toggle.open {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); /* 開いた時の変化例 */
  }
  .drawer-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #5493cc;
    color: white;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    z-index: 1000;
    padding: 3rem;
    width: 80%;
  }
  .menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .menu-list li {
    padding: 1rem;
    border-bottom: 1px solid #444;
  }
  .menu-link {
    color: white;
    text-decoration: none;
  }
  .menu-link:hover {
    text-decoration: underline;
  }
  .hidden {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  body.no-scroll {
    overflow: hidden; /* スクロール禁止 */
  }
  .main-content {
    padding: 2rem;
  }
  #pc-menu a {
    width: 220px;
  }
  .top-inner {
    padding: 2rem;
  }
  .top-main-key p.h1 {
    line-height: 1.3;
  }
  .scroll_down {
    height: 240px;
  }
  .about-box .about-title {
    width: 30%;
  }
  .about-box {
    gap: 2rem;
  }
  .ev .ev-inner .ev-inner-text {
    bottom: 3rem;
    left: 5rem;
  }
  .ev .ev-inner .ev-inner-text h2 {
    font-size: 2rem;
  }
  .works-box,
  .a-box {
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .works-box .works-inner,
  .a-box article {
    width: 100%;
  }
  .page-main .hd-text span {
    font-size: 2rem;
  }
  .page-main .entry-header,
  .a-header {
    height: 30vh;
  }
  .page-main .entry-content .pg-fv div {
    position: relative;
    bottom: -1rem;
    left: 0;
    max-width: 100%;
    color: #333;
  }
  .page-main .entry-content section,
  .job-inner {
    padding: 0 1rem;
  }
  .f-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .a-box article {
    width: 100%;
    text-align: center;
  }
  .ex .ex-box {
    color: #fff;
    padding: 2rem 1rem;
  }
  .ex .ex-title-txt {
    position: absolute;
    right: 0rem;
    top: 7%;
    z-index: 1111;
  }
}/*# sourceMappingURL=mobile.css.map */