@charset "UTF-8";
/* CSS Document */
html {
  font: 10px/1.5 "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 基本文字設定 */
  *font-size: small;
  /* Win IE7およびWin IE6標準準拠モード向け */
  *font: x-small;
  /* Win IE 5-5.5､6(後方互換モード)向け */
  letter-spacing: 0;
  background-color: #fff;
  color: #000;
  font-weight: normal; }

body {
  background-color: #FFF6E9; }

* {
  outline: none; }

a {
  color: #000;
  outline: none;
  text-decoration: none;
  transition: opacity 300ms ease-in-out; }
  a:after {
    text-decoration: none; }
  a:hover, a:focus {
    opacity: 0.6; }
    a:hover img, a:focus img {
      opacity: 0.6; }
  a:focus-visible {
    outline: dotted 2px #000;
    outline-offset: -2px;
    color: #FFF6E9;
    box-shadow: 0 0 0 2px #FFF6E9; }
  a img {
    background: url(../image/share/transparent.png);
    transition: opacity 300ms ease-in-out; }
  .main-wpcontent a {
    color: #000;
    text-decoration: underline; }

#header {
  position: sticky;
  top: 0;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(204, 204, 204, 0.25); }
  @media screen and (max-width: 600px) {
    #header {
      box-shadow: 0px 1.6vw 1.6vw 0 rgba(204, 204, 204, 0.25); } }
  #header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 1140px;
    height: 100px;
    margin: 0 auto;
    padding: 0; }
    @media screen and (max-width: 1200px) {
      #header__inner {
        width: inherit;
        padding: 0 0 0 30px; } }
    @media screen and (max-width: 600px) {
      #header__inner {
        height: 26.667vw;
        padding: 0 0 0 5.333vw; } }

#identity-area {
  flex: 0 0 220px; }
  @media screen and (max-width: 600px) {
    #identity-area {
      flex: 0 0 58.667vw; } }
  #identity-area img {
    width: 100%;
    height: auto; }

#menu-button--close,
#menu-button {
  display: none;
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #04AF7A;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border-radius: 0;
  transition: all 300ms ease-in-out;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  font-weight: bold; }
  #menu-button--close:hover,
  #menu-button:hover {
    cursor: pointer; }
  @media screen and (max-width: 1200px) {
    #menu-button--close,
    #menu-button {
      display: block; } }
  @media screen and (max-width: 600px) {
    #menu-button--close,
    #menu-button {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 26.667vw;
      height: 26.667vw;
      font-size: 3.2vw; } }
  #menu-button--close .menu--line,
  #menu-button .menu--line {
    position: absolute;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
    left: 50%;
    top: 50px;
    border-radius: 99999px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 300ms ease-in-out;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (max-width: 600px) {
      #menu-button--close .menu--line,
      #menu-button .menu--line {
        top: 13.3335vw;
        width: 13.333vw; } }
  #menu-button--close .menu--line--top,
  #menu-button .menu--line--top {
    -webkit-transform: translate(-50%, -18.5px);
    transform: translate(-50%, -18.5px); }
    @media screen and (max-width: 600px) {
      #menu-button--close .menu--line--top,
      #menu-button .menu--line--top {
        -webkit-transform: translate(-50%, -5.3335vw);
        transform: translate(-50%, -5.3335vw); } }
  #menu-button--close .menu--line--bottom,
  #menu-button .menu--line--bottom {
    -webkit-transform: translate(-50%, 18.5px);
    transform: translate(-50%, 18.5px); }
    @media screen and (max-width: 600px) {
      #menu-button--close .menu--line--bottom,
      #menu-button .menu--line--bottom {
        -webkit-transform: translate(-50%, 5.3335vw);
        transform: translate(-50%, 5.3335vw); } }
  #menu-button--close.active .menu--line--top,
  #menu-button.active .menu--line--top {
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg); }
  #menu-button--close.active .menu--line--middle,
  #menu-button.active .menu--line--middle {
    opacity: 0; }
  #menu-button--close.active .menu--line--bottom,
  #menu-button.active .menu--line--bottom {
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%, 0) rotate(-45deg); }

#global-area {
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1200px) {
    #global-area {
      display: none; } }
  #global-area__inner {
    margin: 0;
    padding: 0; }

#nav-global {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0 30px;
  align-items: center;
  justify-content: flex-end; }
  #nav-global li {
    margin: 0;
    padding: 0;
    text-align: center; }
    #nav-global li a {
      display: block; }
      #nav-global li a .nav-global--jp {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0;
        color: #2F3864;
        display: block;
        margin: 0 0 3px; }
      #nav-global li a .nav-global--en {
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0;
        color: #04AF7A; }
    #nav-global li.nav-global--contact a {
      padding: 10px;
      background: linear-gradient(180deg, #FF7C7E 0%, #FF5153 50%, #FF7C7E 100%);
      border-radius: 999999px;
      box-shadow: 0 5px 0 0 rgba(204, 204, 204, 0.7);
      width: 200px;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.286;
      /* 128.571% */
      letter-spacing: 0; }

#global-area-sp {
  display: none; }
  @media screen and (max-width: 1200px) {
    #global-area-sp {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      display: block;
      height: 0;
      margin: 0;
      padding: 0;
      z-index: 600;
      box-sizing: border-box;
      transition: all 300ms ease-in-out;
      overflow: hidden;
      text-align: center;
      overflow-y: scroll;
      overflow-x: hidden; }
      #global-area-sp::-webkit-scrollbar {
        width: 4px; }
      #global-area-sp::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 2px; }
      #global-area-sp::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 2px; } }
  #global-area-sp.active {
    height: 100vh; }
  #global-area-sp__inner {
    position: relative;
    padding: 0;
    min-height: 100%;
    background-color: #FFF6E9; }

#identity-area-sp {
  position: relative;
  width: auto;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 0 30px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  @media screen and (max-width: 600px) {
    #identity-area-sp {
      height: 26.667vw;
      padding: 0 0 0 5.333vw;
      box-shadow: 0px 0.8vw 1.6vw rgba(0, 0, 0, 0.16); } }
  #identity-area-sp img {
    flex: 0 0 165px;
    line-height: 1;
    height: auto; }
    @media screen and (max-width: 600px) {
      #identity-area-sp img {
        flex: 0 0 58.667vw; } }

#nav-global-sp {
  margin: 60px auto 0;
  padding: 0 30px;
  max-width: 600px; }
  @media screen and (max-width: 600px) {
    #nav-global-sp {
      margin-top: 10.667vw;
      padding: 0 5.333vw;
      width: inherit; } }
  #nav-global-sp > li {
    border-bottom: 2px solid #D9D9D9;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 600px) {
      #nav-global-sp > li {
        border-bottom: 0.533vw solid #D9D9D9; } }
    #nav-global-sp > li:first-child {
      border-top: 2px solid #D9D9D9; }
      @media screen and (max-width: 600px) {
        #nav-global-sp > li:first-child {
          border-top: 0.533vw solid #D9D9D9; } }
    #nav-global-sp > li a {
      display: block;
      margin: 0;
      padding: 20px 0; }
      @media screen and (max-width: 600px) {
        #nav-global-sp > li a {
          padding: 4vw 0; } }
      #nav-global-sp > li a .nav-global-sp--jp {
        display: block;
        color: #2F3864;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */ }
        @media screen and (max-width: 600px) {
          #nav-global-sp > li a .nav-global-sp--jp {
            font-size: 3.733vw; } }
      #nav-global-sp > li a .nav-global-sp--en {
        display: block;
        margin: 3px 0 0;
        color: #04AF7A;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */ }
        @media screen and (max-width: 600px) {
          #nav-global-sp > li a .nav-global-sp--en {
            margin-top: 0.8vw;
            font-size: 3.2vw; } }
    #nav-global-sp > li.nav-global-sp--contact {
      border-bottom: none;
      margin: 40px 0 0; }
      @media screen and (max-width: 600px) {
        #nav-global-sp > li.nav-global-sp--contact {
          margin-top: 10.667vw; } }
      #nav-global-sp > li.nav-global-sp--contact a {
        display: block;
        width: 100%;
        border-radius: 30px;
        background: linear-gradient(180deg, #FF7C7E 0%, #FF5153 50%, #FF7C7E 100%);
        box-shadow: 0 5px 0 0 rgba(204, 204, 204, 0.7);
        font-size: 14px;
        font-weight: bold;
        line-height: 1.286;
        color: #fff;
        padding: 22px 0; }
        @media screen and (max-width: 600px) {
          #nav-global-sp > li.nav-global-sp--contact a {
            font-size: 3.733vw;
            padding: 5.867vw 0;
            border-radius: 8vw;
            box-shadow: 0 1.333vw 0 0 rgba(204, 204, 204, 0.7); } }

.title-area {
  margin: 0 0 40px;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .title-area {
      margin-bottom: 5.333vw; } }

.title-area--jp {
  color: #2F3864;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 10px; }
  @media screen and (max-width: 600px) {
    .title-area--jp {
      font-size: 6.4vw;
      margin-bottom: 1.333vw; } }

.title-area--en {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #04AF7A; }
  @media screen and (max-width: 600px) {
    .title-area--en {
      font-size: 3.2vw; } }

.title-area--text {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #000;
  margin: 0 auto 40px; }
  @media screen and (max-width: 600px) {
    .title-area--text {
      font-size: 3.733vw;
      margin-bottom: 10.667vw; } }

.contact-induction-area {
  background-color: #FFE96B; }
  .contact-induction-area dl {
    background-color: #FFE96B; }
    .contact-induction-area dl dt, .contact-induction-area dl dd {
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      background-color: #D9D9D9;
      gap: 0 15px;
      padding: 10px 30px 0; }
      @media screen and (max-width: 600px) {
        .contact-induction-area dl dt, .contact-induction-area dl dd {
          gap: 0 4vw;
          padding: 2.667vw 5.333vw 0; } }
      .contact-induction-area dl dt img, .contact-induction-area dl dd img {
        flex: 0 0 130px;
        height: auto; }
        @media screen and (max-width: 600px) {
          .contact-induction-area dl dt img, .contact-induction-area dl dd img {
            flex: 0 0 28vw; } }
      .contact-induction-area dl dt span, .contact-induction-area dl dd span {
        flex: 0 1 500px;
        text-align: center;
        padding: 22px 35px;
        background-color: #2F3864;
        border-radius: 50px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0;
        color: #fff; }
        @media screen and (max-width: 600px) {
          .contact-induction-area dl dt span, .contact-induction-area dl dd span {
            flex: 0 1 100%;
            padding: 2.6vw 5.867vw;
            font-size: 3.733vw;
            text-align: justify;
            text-justify: inter-ideograph; } }
    .contact-induction-area dl dd {
      background-color: #FFE96B; }
      .contact-induction-area dl dd span {
        background: #fff;
        color: #1E1E1E; }
        .contact-induction-area dl dd span strong {
          color: #FF7C7E; }

.contact-btn {
  position: relative;
  display: block;
  padding: 46px 0 40px;
  margin: 0 30px; }
  @media screen and (max-width: 600px) {
    .contact-btn {
      padding: 8vw 0 10.667vw;
      margin: 0 5.333vw; } }
  .contact-btn--text01 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 19px;
    margin: 0 auto;
    padding: 3px 48px;
    border-radius: 20px;
    max-width: 265px;
    border: 2px solid #FF7C7E;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    z-index: 1; }
    @media screen and (max-width: 600px) {
      .contact-btn--text01 {
        top: 0;
        padding: 2vw 6.4vw 1.2vw;
        border-radius: 5.333vw;
        border: 0.533vw solid #FF7C7E;
        font-size: 3.733vw; } }
    .contact-btn--text01::before {
      content: "";
      position: absolute;
      bottom: -9px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 8.5px solid transparent;
      border-right: 8.5px solid transparent;
      border-top: 8.5px solid #FF7C7E;
      z-index: 0; }
    .contact-btn--text01::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 6.5px solid transparent;
      border-right: 6.5px solid transparent;
      border-top: 6.5px solid #fff;
      z-index: 1; }
  .contact-btn--text02 {
    position: relative;
    top: 0;
    margin: 0 auto;
    padding: 20px 138px 20px 80px;
    max-width: 830px;
    background: linear-gradient(180deg, #FF7C7E 0%, #FF5153 50%, #FF7C7E 100%);
    border-radius: 85px;
    gap: 10px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff; }
    @media screen and (max-width: 600px) {
      .contact-btn--text02 {
        padding: 2.933vw 28.533vw 2.933vw 13.867vw;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 100%;
        border-radius: 13.333vw;
        font-size: 4.267vw; } }
    @media screen and (max-width: 600px) {
      .contact-btn--text02 span {
        display: block; } }
    .contact-btn--text02::after {
      content: "";
      position: absolute;
      display: block;
      top: 50%;
      transform: translateY(-50%);
      right: 80px;
      width: 45px;
      height: 45px;
      background: url("../image/workshop-company/icon-arrow.svg") no-repeat;
      background-size: contain; }
      @media screen and (max-width: 600px) {
        .contact-btn--text02::after {
          width: 10.133vw;
          height: 10.133vw;
          right: 13.867vw; } }

.contact-btn-top {
  position: relative;
  margin: 0;
  max-width: 535px;
  width: 100%;
  left: 585px;
  top: 483px; }
  @media screen and (max-width: 1200px) {
    .contact-btn-top {
      top: 45vw;
      left: 50%;
      transform: translateX(-50%); } }
  @media screen and (max-width: 1000px) {
    .contact-btn-top {
      top: 600px; } }
  @media screen and (max-width: 600px) {
    .contact-btn-top {
      top: 125.333vw; } }
  .contact-btn-top--text02 {
    text-align: center;
    padding: 20px 100px;
    max-width: 535px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    box-shadow: 0 8px 0 0 rgba(204, 204, 204, 0.7); }
    @media screen and (max-width: 600px) {
      .contact-btn-top--text02 {
        padding: 2.933vw 28.533vw 2.933vw 13.867vw;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 100%;
        border-radius: 13.333vw;
        font-size: 4.267vw; } }
    @media screen and (max-width: 600px) {
      .contact-btn-top--text02 span {
        display: block; } }

.hitonowork-induction-area {
  background-color: #00408A;
  padding: 35px; }
  @media screen and (max-width: 600px) {
    .hitonowork-induction-area {
      padding: 10.667vw 5.333vw; } }
  .hitonowork-induction-area__inner {
    width: 1140px;
    padding: 50px 90px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    gap: 0 60px; }
    @media screen and (max-width: 1200px) {
      .hitonowork-induction-area__inner {
        width: inherit; } }
    @media screen and (max-width: 1000px) {
      .hitonowork-induction-area__inner {
        display: block; } }
    @media screen and (max-width: 600px) {
      .hitonowork-induction-area__inner {
        padding: 8vw 6.667vw;
        border-radius: 2.667vw; } }

.hitonowork-image-area {
  flex: 0 0 240px; }
  @media screen and (max-width: 1000px) {
    .hitonowork-image-area {
      width: 300px;
      margin: 0 auto 25px; } }
  @media screen and (max-width: 600px) {
    .hitonowork-image-area {
      width: 53.333vw; } }
  .hitonowork-image-area img {
    width: 100%;
    height: auto; }
.hitonowork-text-area {
  flex: 1 1 660px; }
  .hitonowork-text-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #2F3864;
    padding: 0 0 18px;
    margin: 0 auto 20px;
    border-bottom: 2px solid #D9D9D9; }
    @media screen and (max-width: 600px) {
      .hitonowork-text-area h2 {
        font-size: 4.8vw;
        padding-bottom: 2.667vw;
        margin-bottom: 2.667vw;
        border-bottom: 0.533vw solid #D9D9D9; } }
  .hitonowork-text-area p {
    margin: 0 auto 20px; }
    .hitonowork-text-area p span {
      display: block;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.5;
      /* 150% */
      letter-spacing: 0;
      color: #000; }
      @media screen and (max-width: 1000px) {
        .hitonowork-text-area p span {
          display: inline; } }
      @media screen and (max-width: 600px) {
        .hitonowork-text-area p span {
          font-size: 3.733vw; } }
  .hitonowork-text-area a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 460px;
    padding: 18px 5px;
    background-color: #00408A;
    border-radius: 20px;
    gap: 0 5px; }
    @media screen and (max-width: 600px) {
      .hitonowork-text-area a {
        font-size: 3.733vw;
        padding: 5.333vw 2.267vw;
        width: inhert;
        border-radius: 2.667vw;
        gap: 1.333vw; } }
    .hitonowork-text-area a p {
      margin: 0; }
      .hitonowork-text-area a p span {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0;
        color: #fff;
        display: inline-block; }
        @media screen and (max-width: 600px) {
          .hitonowork-text-area a p span {
            font-size: 3.733vw; } }
    .hitonowork-text-area a::before {
      content: "PDF";
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: 0;
      color: #00408A;
      display: inline-block;
      padding: 0 10px;
      border-radius: 10px;
      background-color: #fff; }
      @media screen and (max-width: 600px) {
        .hitonowork-text-area a::before {
          font-size: 3.2vw;
          padding: 1.333vw 2.667vw;
          border-radius: 2.667vw; } }
    .hitonowork-text-area a::after {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      background: url("../image/workshop-company/icon-link.svg") no-repeat;
      background-size: contain; }
      @media screen and (max-width: 600px) {
        .hitonowork-text-area a::after {
          width: 8vw;
          height: 8vw; } }

.hitonowork-business-list {
  display: flex;
  gap: 11px 15px;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 auto 20px; }
  @media screen and (max-width: 600px) {
    .hitonowork-business-list {
      gap: 2.667vw 4vw;
      margin-bottom: 4vw;
      align-items: center; } }
  .hitonowork-business-list li {
    display: inline-block;
    background-color: #FFF9D6;
    padding: 5px 30px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #00408A; }
    @media screen and (max-width: 600px) {
      .hitonowork-business-list li {
        padding: 0;
        flex: 0 0 36vw;
        flex-direction: column;
        height: 12.267vw;
        border-radius: 5.333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.2vw; } }
  .hitonowork-business-list li:last-child {
    background: none;
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #000; }
    @media screen and (max-width: 600px) {
      .hitonowork-business-list li:last-child {
        flex: 0 0 auto;
        height: auto;
        margin-left: 66.667vw;
        font-size: 3.2vw; } }

#mainScroll {
  overflow-x: hidden; }

#main__inner {
  max-width: 1200px;
  height: 700px;
  margin: 0 auto 60px; }
  @media screen and (max-width: 1200px) {
    #main__inner {
      width: inherit;
      margin-bottom: 0;
      height: 63vw; } }
  @media screen and (max-width: 1000px) {
    #main__inner {
      height: 800px; } }
  @media screen and (max-width: 600px) {
    #main__inner {
      height: 160vw;
      padding: 0 5.333vw; } }
  #main__inner #main__content {
    position: relative; }
    #main__inner #main__content h1 {
      position: absolute;
      line-height: 1;
      width: inherit;
      text-align: center; }
      @media screen and (max-width: 1000px) {
        #main__inner #main__content h1 {
          width: 100%; } }
      #main__inner #main__content h1 img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 1000px) {
          #main__inner #main__content h1 img {
            width: 430px; } }
        @media screen and (max-width: 600px) {
          #main__inner #main__content h1 img {
            width: 100%; } }

#intro {
  padding: 80px 0;
  background-color: #EAF6FD;
  text-align: center; }
  @media screen and (max-width: 600px) {
    #intro {
      padding: 10.337vw 0; } }
  #intro__inner {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #intro__inner {
        width: inherit;
        padding: 0 5.333vw; } }
    #intro__inner h2 {
      margin: 0 0 50px; }
      @media screen and (max-width: 600px) {
        #intro__inner h2 {
          margin-bottom: 10.667vw; } }
      #intro__inner h2 span {
        display: block;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        color: #2F3864; }
        @media screen and (max-width: 600px) {
          #intro__inner h2 span {
            font-size: 5.333vw;
            margin: 0 0 1.037vw; } }
      #intro__inner h2 strong {
        display: block;
        font-size: 40px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        color: #2F3864; }
        @media screen and (max-width: 600px) {
          #intro__inner h2 strong {
            font-size: 6.4vw; } }

#intro-list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    #intro-list {
      min-width: inherit;
      flex-direction: column;
      gap: 30px;
      align-items: center; } }
  @media screen and (max-width: 1200px) and (max-width: 600px) {
    #intro-list {
      gap: 8vw; } }

  #intro-list > li {
    padding: 40px;
    flex: 0 0 550px;
    background-color: #fff;
    border-radius: 20px; }
    @media screen and (max-width: 1200px) {
      #intro-list > li {
        flex: 0 0 auto;
        width: 540px; } }
    @media screen and (max-width: 600px) {
      #intro-list > li {
        width: 100%;
        padding: 8vw; } }

.intro-list-content img {
  width: 180px;
  height: auto; }
  @media screen and (max-width: 600px) {
    .intro-list-content img {
      width: 48vw; } }
.intro-list-content h3 {
  padding: 20px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #075EB0; }
  @media screen and (max-width: 600px) {
    .intro-list-content h3 {
      font-size: 5.334vw;
      padding: 2.667vw 0; } }
.intro-list-content ul li {
  text-align: justify;
  text-justify: inter-ideograph;
  position: relative;
  padding: 0 0 0 34px;
  margin: 0 0 10px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0; }
  @media screen and (max-width: 600px) {
    .intro-list-content ul li {
      padding-left: 9.067vw;
      margin-bottom: 2.667vw;
      font-size: 3.733vw; } }
  .intro-list-content ul li span {
    color: #075EB0;
    font-weight: bold; }
  .intro-list-content ul li::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 0;
    margin: 0 10px 0 0;
    background: url("../image/workshop-company/icon-check-blue.svg") no-repeat;
    background-size: contain; }
    @media screen and (max-width: 600px) {
      .intro-list-content ul li::before {
        margin-right: 2.667vw;
        top: 50%;
        transform: translateY(-50%); } }
.intro-list-content + li {
  margin: 0; }
  @media screen and (max-width: 1200px) {
    .intro-list-content + li {
      margin-top: 20px; } }
  @media screen and (max-width: 600px) {
    .intro-list-content + li {
      margin-top: 5.333vw; } }

#about {
  padding: 80px 0;
  background-color: #FFF6E9;
  text-align: center;
  scroll-margin-top: 100px; }
  @media screen and (max-width: 600px) {
    #about {
      padding: 10.337vw 0; } }
  #about__inner {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #about__inner {
        width: inherit;
        padding: 0 5.333vw; } }

#about-contents__outer {
  padding: 50px;
  background-color: #fff;
  border-radius: 20px; }
  @media screen and (max-width: 600px) {
    #about-contents__outer {
      padding: 6.667vw;
      border-radius: 5.333vw; } }

#about-point-list {
  counter-reset: number;
  margin: 0 0 50px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    #about-point-list {
      flex-direction: column;
      gap: 30px;
      justify-content: center;
      align-items: center; } }
  @media screen and (max-width: 600px) {
    #about-point-list {
      border-radius: 5.333vw;
      gap: 9.333vw; } }
  #about-point-list > li {
    position: relative;
    flex: 0 0 500px;
    background-color: #FFF9D6;
    border-radius: 20px; }
    @media screen and (max-width: 1200px) {
      #about-point-list > li {
        flex: 0 0 auto;
        width: 540px; } }
    @media screen and (max-width: 1000px) {
      #about-point-list > li {
        width: 490px; } }
    @media screen and (max-width: 600px) {
      #about-point-list > li {
        width: 100%;
        border-radius: 5.333vw; } }

.about-point-list-content {
  padding: 50px 40px 30px; }
  @media screen and (max-width: 600px) {
    .about-point-list-content {
      padding: 10.667vw 5.333vw 5.333vw; } }
  .about-point-list-content::before {
    counter-increment: number 1;
    /* number カウンタの増加数をセット */
    content: "ポイント0" counter(number);
    position: absolute;
    width: 204px;
    height: 40px;
    display: inline-block;
    padding: 5px 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FF7C7E;
    border-radius: 0 0 10px 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0; }
    @media screen and (max-width: 600px) {
      .about-point-list-content::before {
        width: 43.467vw;
        height: 8.267vw;
        padding: 1.333vw 0;
        border-radius: 0 0 2.337vw 2.337vw;
        font-size: 3.733vw; } }
  .about-point-list-content h3 {
    padding: 0 0 10px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #FF7C7E; }
    @media screen and (max-width: 600px) {
      .about-point-list-content h3 {
        padding-bottom: 4vw;
        font-size: 5.333vw; } }
  .about-point-list-content img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 0 10px; }
    @media screen and (max-width: 1200px) {
      .about-point-list-content img {
        width: 315px; } }
    @media screen and (max-width: 600px) {
      .about-point-list-content img {
        width: 100%; } }
  .about-point-list-content p {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #1E1E1E; }
    @media screen and (max-width: 600px) {
      .about-point-list-content p {
        font-size: 3.733vw; } }

.about-text01 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #000;
  position: relative;
  display: inline-block;
  padding: 0 56px;
  margin: 0 auto 30px; }
  @media screen and (max-width: 600px) {
    .about-text01 {
      font-size: 4.267vw;
      padding: 0 11.733vw;
      margin-bottom: 6.667vw; } }
  .about-text01::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 36px;
    height: 2px;
    background-color: #AAA;
    transform: translateY(-50%) rotate(60deg);
    /* 斜めに回転 */ }
  .about-text01::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    height: 2px;
    background-color: #AAA;
    transform: translateY(-50%) rotate(-60deg);
    /* 斜めに回転 */ }

#about-gallary-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 20px; }
  @media screen and (max-width: 1000px) {
    #about-gallary-list {
      justify-content: center;
      flex-wrap: wrap;
      gap: 30px; } }
  @media screen and (max-width: 600px) {
    #about-gallary-list {
      gap: 5.333vw; } }
  #about-gallary-list li {
    flex: 0 1 280px; }
    @media screen and (max-width: 600px) {
      #about-gallary-list li {
        flex: 0 0 34.667vw; } }
    #about-gallary-list li img {
      width: 100%;
      height: auto;
      display: inline-block;
      margin: 0 0 10px; }
      @media screen and (max-width: 600px) {
        #about-gallary-list li img {
          margin-bottom: 2.667vw; } }
    #about-gallary-list li figcaption {
      color: #000;
      text-align: center;
      font-size: 14px;
      font-weight: fw_normal;
      line-height: 1.5;
      /* 150% */
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        #about-gallary-list li figcaption {
          font-size: 3.2vw; } }

#merit {
  padding: 80px 0 40px;
  background-color: #FFF6E9;
  text-align: center;
  scroll-margin-top: 100px; }
  @media screen and (max-width: 600px) {
    #merit {
      padding: 10.337vw 0; } }
  #merit__inner {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #merit__inner {
        width: inherit;
        padding: 0 5.333vw; } }

#merit-voice-list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    #merit-voice-list {
      flex-direction: column;
      gap: 30px;
      align-items: center;
      justify-content: center; } }
  @media screen and (max-width: 600px) {
    #merit-voice-list {
      gap: 8vw; } }
  #merit-voice-list > li {
    padding: 40px;
    flex: 0 0 550px;
    background-color: #fff;
    border-radius: 20px; }
    @media screen and (max-width: 1200px) {
      #merit-voice-list > li {
        flex: 0 0 auto;
        width: 540px; } }
    @media screen and (max-width: 600px) {
      #merit-voice-list > li {
        width: 100%;
        padding: 8vw; } }

.merit-voice-list-content img {
  width: 180px;
  height: auto; }
  @media screen and (max-width: 600px) {
    .merit-voice-list-content img {
      width: 48vw; } }
.merit-voice-list-content h3 {
  padding: 20px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #FF7C7E; }
  @media screen and (max-width: 600px) {
    .merit-voice-list-content h3 {
      font-size: 5.334vw;
      padding: 2.667vw 0; } }
.merit-voice-list-content ul li {
  text-align: justify;
  text-justify: inter-ideograph;
  position: relative;
  padding: 0 0 0 34px;
  margin: 0 0 10px;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0; }
  @media screen and (max-width: 600px) {
    .merit-voice-list-content ul li {
      padding-left: 9.067vw;
      margin-bottom: 2.667vw;
      font-size: 3.733vw; } }
  .merit-voice-list-content ul li span {
    color: #FF7C7E;
    font-weight: bold; }
  .merit-voice-list-content ul li::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 0;
    margin: 0 10px 0 0;
    background: url("../image/workshop-company/icon-check-pink.svg") no-repeat;
    background-size: contain; }
    @media screen and (max-width: 600px) {
      .merit-voice-list-content ul li::before {
        margin-right: 2.667vw;
        top: 50%;
        transform: translateY(-50%); } }
.merit-voice-list-content + li {
  margin: 0; }
  @media screen and (max-width: 1200px) {
    .merit-voice-list-content + li {
      margin-top: 20px; } }
  @media screen and (max-width: 600px) {
    .merit-voice-list-content + li {
      margin-top: 5.333vw; } }

.slide-area {
  margin: 0 auto 140px; }
  @media screen and (max-width: 600px) {
    .slide-area {
      margin-bottom: 10.667vw; } }
  .slide-area-img {
    margin: 0 20px;
    margin: 0 2.667vw; }
    .slide-area-img img {
      width: 400px;
      height: 250px;
      border-radius: 20px; }
      @media screen and (max-width: 600px) {
        .slide-area-img img {
          width: 60vw;
          height: 37.333vw;
          border-radius: 5.333vw; } }

#workshop {
  padding: 80px 0;
  background-color: #FFF6E9;
  text-align: center;
  scroll-margin-top: 100px; }
  @media screen and (max-width: 600px) {
    #workshop {
      padding: 10.337vw 0; } }
  #workshop__inner {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #workshop__inner {
        width: inherit;
        padding: 0 5.333vw; } }

.workshop-h3 {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  color: #2F3864;
  padding: 0 0 17px;
  margin: 0 auto 50px; }
  @media screen and (max-width: 600px) {
    .workshop-h3 {
      font-size: 5.333vw;
      padding-bottom: 2.667vw;
      margin-bottom: 10.667vw; } }
  .workshop-h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 153px;
    height: 3px;
    background-color: #04AF7A; }

#workshop-program-list {
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    #workshop-program-list {
      flex-direction: column;
      gap: 30px;
      justify-content: center;
      align-items: center; } }
  @media screen and (max-width: 600px) {
    #workshop-program-list {
      border-radius: 5.333vw;
      gap: 9.333vw;
      margin-bottom: 13.333vw; } }
  #workshop-program-list > li {
    position: relative;
    flex: 0 0 360px;
    background-color: #fff;
    border-radius: 20px; }
    @media screen and (max-width: 1200px) {
      #workshop-program-list > li {
        flex: 0 0 auto;
        width: 540px; } }
    @media screen and (max-width: 600px) {
      #workshop-program-list > li {
        width: 100%;
        border-radius: 5.333vw; } }

.workshop-program-list-content {
  padding: 70px 30px 20px; }
  @media screen and (max-width: 600px) {
    .workshop-program-list-content {
      padding: 13.333vw 6.667vw 6.667vw; } }
  .workshop-program-list-content::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 40px;
    display: inline-block;
    padding: 5px 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #04AF7A;
    border-radius: 0 0 10px 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0; }
    .workshop-program-list-content::before:where(#workshop-program-list li:nth-of-type(1) *) {
      content: "a"; }
    @media screen and (max-width: 600px) {
      .workshop-program-list-content::before {
        width: 43.467vw;
        height: 8.267vw;
        padding: 1.333vw 0;
        border-radius: 0 0 2.337vw 2.337vw;
        font-size: 3.733vw; } }
  .workshop-program-list-content .workshop-program-list--title {
    padding: 0 0 17px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    color: #2F3864;
    letter-spacing: 0; }
    @media screen and (max-width: 600px) {
      .workshop-program-list-content .workshop-program-list--title {
        padding-bottom: 4vw;
        font-size: 5.333vw; } }
  .workshop-program-list-content .workshop-program-list--img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 0 10px; }
    .workshop-program-list-content .workshop-program-list--img img {
      width: 100%; }
    @media screen and (max-width: 600px) {
      .workshop-program-list-content .workshop-program-list--img {
        margin-bottom: 5.333vw; } }
  .workshop-program-list-content .workshop-program-list--text {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    color: #000; }
    @media screen and (max-width: 600px) {
      .workshop-program-list-content .workshop-program-list--text {
        font-size: 3.733vw; } }

#workshop-program-list li:nth-of-type(1) .workshop-program-list-content::before {
  content: "ワーク①"; }

#workshop-program-list li:nth-of-type(2) .workshop-program-list-content::before {
  content: "ワーク②"; }

#workshop-program-list li:nth-of-type(3) .workshop-program-list-content::before {
  content: "ワーク③"; }

#workshop-summary-tbl {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }
  #workshop-summary-tbl th, #workshop-summary-tbl td {
    border: 1px solid #CCC;
    padding: 10px;
    vertical-align: middle;
    text-align: justify;
    text-justify: inter-ideograph; }
    @media screen and (max-width: 600px) {
      #workshop-summary-tbl th, #workshop-summary-tbl td {
        border: 0.266vw solid #CCC;
        padding: 2.667vw; } }
  #workshop-summary-tbl th {
    width: 180px;
    text-align: center;
    background-color: #04AF7A;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    white-space: nowrap; }
    @media screen and (max-width: 600px) {
      #workshop-summary-tbl th {
        display: block;
        width: 100%;
        font-size: 3.733vw; } }
  #workshop-summary-tbl td {
    background-color: #fff;
    color: #1E1E1E;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0;
    word-break: break-word; }
    @media screen and (max-width: 600px) {
      #workshop-summary-tbl td {
        display: block;
        font-size: 3.733vw; } }

#contact {
  text-align: center;
  padding: 80px 0;
  background-color: #FFF6E9;
  scroll-margin-top: 100px; }
  @media screen and (max-width: 600px) {
    #contact {
      padding: 14.4vw 0 20.8vw; } }
  #contact__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #contact__inner {
        max-width: inherit;
        padding: 0 5.333vw; } }

.contact-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin: 0 auto 140px; }
  @media screen and (max-width: 1200px) {
    .contact-list {
      flex-direction: column;
      gap: 60px; } }
  @media screen and (max-width: 600px) {
    .contact-list {
      gap: 5.333vw;
      margin-bottom: 16vw; } }
  .contact-list-item {
    flex: 0 1 540px; }
    @media screen and (max-width: 1200px) {
      .contact-list-item {
        flex: 0 0 auto; } }
    .contact-list-item--title {
      position: relative;
      color: #000;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.8;
      /* 180% */
      letter-spacing: 0;
      margin: 0 auto 25px; }
      @media screen and (max-width: 600px) {
        .contact-list-item--title {
          font-size: 3.733vw;
          margin-bottom: 2.667vw; } }
      .contact-list-item--title::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 22px;
        width: 36px;
        height: 2px;
        background-color: #AAA;
        transform: translateY(-50%) rotate(60deg);
        /* 斜めに回転 */ }
        @media screen and (max-width: 1200px) {
          .contact-list-item--title::before {
            left: -45px; } }
        @media screen and (max-width: 600px) {
          .contact-list-item--title::before {
            left: -6.4vw;
            width: 5.6vw;
            height: 0.533vw; } }
      .contact-list-item--title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 22px;
        width: 36px;
        height: 2px;
        background-color: #AAA;
        transform: translateY(-50%) rotate(-60deg);
        /* 斜めに回転 */ }
        @media screen and (max-width: 1200px) {
          .contact-list-item--title::after {
            right: -45px; } }
        @media screen and (max-width: 600px) {
          .contact-list-item--title::after {
            right: -6.4vw;
            width: 5.6vw;
            height: 0.533vw; } }
    .contact-list-item--link {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      padding: 60px 0;
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.5;
      /* 150% */
      border-radius: 30px; }
      @media screen and (max-width: 600px) {
        .contact-list-item--link {
          gap: 5.333vw;
          padding: 7.467vw 0;
          border-radius: 8vw;
          font-size: 4.267vw; } }
      .contact-list-item--link:where(.contact-list-item--link01) {
        background: linear-gradient(180deg, #FF7C7E 0%, #FF5153 50%, #FF7C7E 100%); }
      .contact-list-item--link:where(.contact-list-item--link02) {
        background: linear-gradient(180deg, #6DAFE1 0%, #1C91E9 50%, #6DAFE1 100%); }
      .contact-list-item--link::after {
        content: "";
        display: inline-block;
        background: url("../image/workshop-company/icon-arrow.svg") no-repeat center center;
        background-size: cover;
        width: 30px;
        height: 30px; }
        @media screen and (max-width: 600px) {
          .contact-list-item--link::after {
            width: 6.4vw;
            height: 6.4vw; } }

.contact-content--title {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.468;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 30px;
  padding: 10px 0; }
  .contact-content--title:where(#workshop-company-reserve *) {
    background-color: #FF7C7E; }
  .contact-content--title:where(#workshop-company-contact *) {
    background-color: #6DAFE1; }
  @media screen and (max-width: 600px) {
    .contact-content--title {
      font-size: 4.8vw;
      line-height: 1.5;
      margin-bottom: 5.333vw;
      padding: 2.667vw; } }
.contact-content--note {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0;
  color: #FF0000;
  margin: 0 0 60px; }
  @media screen and (max-width: 600px) {
    .contact-content--note {
      font-size: 3.733vw;
      line-height: 1.5;
      margin-bottom: 16vw; } }

.contact-form--contents--column {
  margin: 0 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: justify;
  text-justify: inter-ideograph; }
  @media screen and (max-width: 1200px) {
    .contact-form--contents--column {
      display: block;
      margin-bottom: 50px; } }
  @media screen and (max-width: 600px) {
    .contact-form--contents--column {
      margin-bottom: 4vw; } }
  .contact-form--contents--column:last-child {
    margin: 0 0 80px;
    align-items: flex-start; }
    @media screen and (max-width: 600px) {
      .contact-form--contents--column:last-child {
        margin-bottom: 13.333vw; } }
    .contact-form--contents--column:last-child dt {
      margin-top: 20px; }
      @media screen and (max-width: 1200px) {
        .contact-form--contents--column:last-child dt {
          margin-top: 0; } }
  .contact-form--contents--column dt {
    flex: 0 0 240px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 14px 0 0; }
    @media screen and (max-width: 1200px) {
      .contact-form--contents--column dt {
        flex: none;
        margin-bottom: 20px; } }
    @media screen and (max-width: 600px) {
      .contact-form--contents--column dt {
        font-size: 3.733vw;
        margin-bottom: 4vw; } }
    .contact-form--contents--column dt:last-child {
      margin-top: 20px; }
      @media screen and (max-width: 1200px) {
        .contact-form--contents--column dt:last-child {
          margin-top: 0; } }
    .contact-form--contents--column dt sup {
      color: #FF0000;
      font-size: 65%; }
  .contact-form--contents--column dd {
    flex: 1 1 100%;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: justify;
    text-justify: inter-ideograph; }
    @media screen and (max-width: 1200px) {
      .contact-form--contents--column dd {
        flex: none; } }
    @media screen and (max-width: 600px) {
      .contact-form--contents--column dd {
        font-size: 3.733vw; } }
    .contact-form--contents--column dd input[type="text"],
    .contact-form--contents--column dd input[type="email"],
    .contact-form--contents--column dd input[type="tel"],
    .contact-form--contents--column dd input[type="number"],
    .contact-form--contents--column dd textarea {
      width: 100%;
      border: 1px solid #D9D9D9;
      padding: 15px 20px;
      border-radius: 5px;
      background-color: #fff; }
      @media screen and (max-width: 600px) {
        .contact-form--contents--column dd input[type="text"],
        .contact-form--contents--column dd input[type="email"],
        .contact-form--contents--column dd input[type="tel"],
        .contact-form--contents--column dd input[type="number"],
        .contact-form--contents--column dd textarea {
          border: 0.267vw solid #D9D9D9;
          padding: 4vw;
          border-radius: 1.333vw; } }
      .contact-form--contents--column dd input[type="text"]::placeholder,
      .contact-form--contents--column dd input[type="email"]::placeholder,
      .contact-form--contents--column dd input[type="tel"]::placeholder,
      .contact-form--contents--column dd input[type="number"]::placeholder,
      .contact-form--contents--column dd textarea::placeholder {
        font-size: 15px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #CCCCCC; }
        @media screen and (max-width: 600px) {
          .contact-form--contents--column dd input[type="text"]::placeholder,
          .contact-form--contents--column dd input[type="email"]::placeholder,
          .contact-form--contents--column dd input[type="tel"]::placeholder,
          .contact-form--contents--column dd input[type="number"]::placeholder,
          .contact-form--contents--column dd textarea::placeholder {
            font-size: 3.733vw;
            line-height: 1.7; } }
      .contact-form--contents--column dd input[type="text"]:focus,
      .contact-form--contents--column dd input[type="email"]:focus,
      .contact-form--contents--column dd input[type="tel"]:focus,
      .contact-form--contents--column dd input[type="number"]:focus,
      .contact-form--contents--column dd textarea:focus {
        box-shadow: 2px 2px 2px #72c7f7 inset,-2px -2px 2px #72c7f7 inset; }
    .contact-form--contents--column dd input[type="number"] {
      width: 15%;
      margin: 0 15px 0 0;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.5;
      /* 150% */
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        .contact-form--contents--column dd input[type="number"] {
          width: 26.667vw;
          font-size: 3.733vw;
          margin-right: 4vw; } }
    .contact-form--contents--column dd textarea {
      height: 162px; }
      @media screen and (max-width: 600px) {
        .contact-form--contents--column dd textarea {
          height: 46.667vw; } }
.contact-form--privacy--link {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 1.45;
  letter-spacing: 0; }
  @media screen and (max-width: 600px) {
    .contact-form--privacy--link {
      font-size: 3.733vw;
      margin-bottom: 8vw;
      line-height: 1.5; } }
  .contact-form--privacy--link a {
    text-decoration: underline;
    text-decoration-thickness: 1px; }
.contact-form--privacy--agree {
  margin: 0 auto 66px;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  line-height: 1.45;
  letter-spacing: 0; }
  @media screen and (max-width: 600px) {
    .contact-form--privacy--agree {
      font-size: 3.733vw;
      margin-bottom: 8vw; } }
  .contact-form--privacy--agree input[type="checkbox"] {
    vertical-align: middle;
    color: #000;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit; }
    .contact-form--privacy--agree input[type="checkbox"] ~ .contact-form--agree--checkbox {
      position: relative;
      margin: 0;
      padding: 0 0 0 1.65em;
      font-size: 20px;
      line-height: 1.45;
      letter-spacing: 0;
      font-weight: normal; }
      @media screen and (max-width: 600px) {
        .contact-form--privacy--agree input[type="checkbox"] ~ .contact-form--agree--checkbox {
          font-size: 3.733vw; } }
      .contact-form--privacy--agree input[type="checkbox"] ~ .contact-form--agree--checkbox:hover {
        cursor: pointer; }
      .contact-form--privacy--agree input[type="checkbox"] ~ .contact-form--agree--checkbox::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
        margin: auto;
        border: 1px solid #707070;
        background-color: #fff;
        width: 1.1em;
        height: 1.1em;
        box-sizing: border-box; }
    .contact-form--privacy--agree input[type="checkbox"]:focus ~ .contact-form--agree-checkbox::before {
      box-shadow: 0 0 3px 1px inset #000; }
    .contact-form--privacy--agree input[type="checkbox"]:checked ~ .contact-form--agree--checkbox::after {
      content: "";
      display: block;
      position: absolute;
      top: 20%;
      bottom: 0;
      left: 0;
      width: 1em;
      height: 0.6em;
      border-left: 3px solid;
      border-bottom: 3px solid;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
.contact-form--submit {
  margin: 0 0 180px; }
  @media screen and (max-width: 600px) {
    .contact-form--submit {
      margin-bottom: 13.333vw; } }
  .contact-form--submit #contact--submit {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
    padding: 22px 164px;
    border: none;
    border-radius: 50px;
    transition: opacity 300ms ease-in-out; }
    @media screen and (max-width: 600px) {
      .contact-form--submit #contact--submit {
        width: 100%;
        font-size: 4vw;
        padding: 5.867vw;
        border-radius: 13.333vw; } }
    .contact-form--submit #contact--submit:where(#workshop-company-reserve *) {
      background-color: #FF7C7E; }
    .contact-form--submit #contact--submit:where(#workshop-company-contact *) {
      background-color: #6DAFE1; }
    .contact-form--submit #contact--submit:hover {
      cursor: pointer;
      opacity: 0.6; }

#reserve-form--list {
  counter-reset: number; }

.reserve-form-section h4 {
  text-align: justify;
  text-justify: inter-ideograph;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 0;
  border-bottom: 1px solid #000;
  padding: 0 0 20px;
  margin: 0 auto 60px; }
  @media screen and (max-width: 600px) {
    .reserve-form-section h4 {
      font-size: 4.267vw;
      border-bottom: 0.267vw solid #000;
      padding-bottom: 2.667vw;
      margin-bottom: 5.333vw; } }
  .reserve-form-section h4::before {
    counter-increment: number 1;
    /* number カウンタの増加数をセット */
    content: counter(number) ".";
    margin-right: 0.5em; }

@media screen and (max-width: 600px) {
  .reserve-form--contents--column--num {
    display: flex; } }
@media screen and (max-width: 600px) {
  .reserve-form--contents--column--num dd {
    font-size: 3.733vw; } }

@media screen and (max-width: 1200px) {
  .reserve-form--contents--column--datetime {
    margin: 0 0 0 2em; } }
@media screen and (max-width: 600px) {
  .reserve-form--contents--column--datetime {
    margin: 0 0 10.667vw; } }
.reserve-form--contents--column--datetime dt {
  margin: 0 0 20px; }
  @media screen and (max-width: 600px) {
    .reserve-form--contents--column--datetime dt {
      margin-bottom: 5.333vw; } }
.reserve-form--contents--column--datetime dd {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  margin: 0 0 40px; }
  @media screen and (max-width: 1000px) {
    .reserve-form--contents--column--datetime dd {
      gap: 20px;
      margin-bottom: 30px;
      flex-direction: column; } }
  @media screen and (max-width: 600px) {
    .reserve-form--contents--column--datetime dd {
      gap: 5.333vw;
      margin-bottom: 8vw; } }
  .reserve-form--contents--column--datetime dd label {
    display: inline-flex;
    align-items: center;
    flex: 0 1 50%;
    justify-content: space-between;
    gap: 0; }
    @media screen and (max-width: 1000px) {
      .reserve-form--contents--column--datetime dd label {
        width: 500px; } }
    @media screen and (max-width: 600px) {
      .reserve-form--contents--column--datetime dd label {
        width: 100%; } }
    .reserve-form--contents--column--datetime dd label span {
      flex: 0 1 350px;
      position: relative; }
      @media screen and (max-width: 600px) {
        .reserve-form--contents--column--datetime dd label span {
          flex: 0 0 70.4vw; } }
      .reserve-form--contents--column--datetime dd label span::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url("../image/workshop-company/icon-calendar.svg") no-repeat center center;
        background-size: contain;
        pointer-events: none; }
        @media screen and (max-width: 600px) {
          .reserve-form--contents--column--datetime dd label span::before {
            left: 2.667vw;
            width: 6.4vw;
            height: 6.4vw; } }
      .reserve-form--contents--column--datetime dd label span::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url("../image/workshop-company/icon-contact-chevron..svg") no-repeat center center;
        background-size: contain;
        pointer-events: none; }
        @media screen and (max-width: 600px) {
          .reserve-form--contents--column--datetime dd label span::after {
            right: 2.667vw;
            width: 6.4vw;
            height: 6.4vw; } }
      .reserve-form--contents--column--datetime dd label span input[type="text"], .reserve-form--contents--column--datetime dd label span input[type="time"] {
        width: 100%;
        padding: 15px 15px 15px 54px; }
        @media screen and (max-width: 600px) {
          .reserve-form--contents--column--datetime dd label span input[type="text"], .reserve-form--contents--column--datetime dd label span input[type="time"] {
            padding: 4vw 4vw 4vw 10.4vw;
            height: 14.4vw;
            text-align: justify;
            text-justify: inter-ideograph; } }

.reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input input[type="time"] {
  width: 100%;
  border: 1px solid #D9D9D9;
  padding: 15px 15px 15px 54px;
  border-radius: 5px;
  background-color: #fff; }
  @media screen and (max-width: 600px) {
    .reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input input[type="time"] {
      border: 0.267vw solid #D9D9D9;
      padding: 4vw 4vw 4vw 10.4vw;
      border-radius: 1.333vw;
      height: 14.4vw; } }
  .reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input input[type="time"]::placeholder {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #CCCCCC; }
    @media screen and (max-width: 600px) {
      .reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input input[type="time"]::placeholder {
        font-size: 3.733vw;
        line-height: 1.7; } }
  .reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input input[type="time"]:focus {
    box-shadow: 2px 2px 2px #72c7f7 inset,-2px -2px 2px #72c7f7 inset; }

.reserve-form--contents--column dd dl .reserve-form--contents--column--datetime dd label span.time-input::before {
  background: url("../image/workshop-company/icon-clock.svg") no-repeat center center;
  background-size: contain; }

.reserve-form--contents--column--datetime:last-child dd {
  margin: 0; }

@media screen and (max-width: 1200px) {
  .reserve-form--contents--column--venue {
    margin: 0 0 0 2em; } }
@media screen and (max-width: 600px) {
  .reserve-form--contents--column--venue {
    margin: 0; } }
.reserve-form--contents--column--venue span {
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 150% */
  margin: 0 0 30px; }
  @media screen and (max-width: 600px) {
    .reserve-form--contents--column--venue span {
      font-size: 3.733vw;
      margin-bottom: 4vw; } }
  .reserve-form--contents--column--venue span input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit; }
    .reserve-form--contents--column--venue span input[type="radio"] ~ .reserve-venue--radiobutton {
      position: relative;
      margin: 0;
      padding: 0 0 0 1.5em; }
      .reserve-form--contents--column--venue span input[type="radio"] ~ .reserve-venue--radiobutton:hover {
        cursor: pointer; }
      .reserve-form--contents--column--venue span input[type="radio"] ~ .reserve-venue--radiobutton::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        border: 1px solid #CCC;
        background-color: #fff;
        width: 1.1em;
        height: 1.1em;
        border-radius: 50%;
        box-sizing: border-box; }
    .reserve-form--contents--column--venue span input[type="radio"]:focus ~ .reserve-venue--radiobutton::before {
      box-shadow: 0 0 3px 1px inset #CCC; }
    .reserve-form--contents--column--venue span input[type="radio"]:checked ~ .reserve-venue--radiobutton::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0.2em;
      margin: auto;
      border: 1px solid #000;
      background-color: #000;
      width: 0.7em;
      height: 0.7em;
      border-radius: 50%;
      box-sizing: border-box; }

@media screen and (max-width: 1200px) {
  .reserve-form--contents--column--address {
    margin: 0 0 0 2em; } }
@media screen and (max-width: 600px) {
  .reserve-form--contents--column--address {
    margin: 0; } }
.reserve-form--contents--column--address label {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0; }
  @media screen and (max-width: 1000px) {
    .reserve-form--contents--column--address label {
      width: 500px; } }
  @media screen and (max-width: 600px) {
    .reserve-form--contents--column--address label {
      width: 100%;
      margin-bottom: 10.337vw;
      font-size: 3.733vw; } }
  .reserve-form--contents--column--address label input[type="text"] {
    flex: 0 1 810px; }
    @media screen and (max-width: 1000px) {
      .reserve-form--contents--column--address label input[type="text"] {
        flex: 0 1 400px; } }
    @media screen and (max-width: 600px) {
      .reserve-form--contents--column--address label input[type="text"] {
        flex: 0 1 70.4vw; } }

.reserve-campaign-area {
  background-color: #FFDEDE;
  padding: 30px;
  border-radius: 20px;
  margin: 0 auto 80px; }
  @media screen and (max-width: 600px) {
    .reserve-campaign-area {
      padding: 4vw;
      border-radius: 5.333vw;
      margin-bottom: 13.333vw; } }
  .reserve-campaign-area dl {
    display: flex;
    align-content: center;
    align-items: center;
    text-align: justify;
    text-justify: inter-ideograph;
    gap: 46px; }
    @media screen and (max-width: 600px) {
      .reserve-campaign-area dl {
        display: block; } }
    .reserve-campaign-area dl dt {
      flex: 0 0 162px;
      color: #FF7C7E;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5;
      /* 150% */
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        .reserve-campaign-area dl dt {
          font-size: 3.733vw;
          margin: 0 0 4vw; } }
    .reserve-campaign-area dl dd {
      flex: 1 1 100%; }
      .reserve-campaign-area dl dd input[type="text"] {
        width: 100%;
        border: 1px solid #D9D9D9;
        padding: 15px 20px;
        border-radius: 5px;
        background-color: #fff;
        color: #D9D9D9;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0;
        color: #000; }
        @media screen and (max-width: 600px) {
          .reserve-campaign-area dl dd input[type="text"] {
            border: 0.267vw solid #D9D9D9;
            padding: 4vw;
            border-radius: 1.333vw;
            margin: 0 0 2.667vw; } }
        .reserve-campaign-area dl dd input[type="text"]::placeholder {
          font-size: 15px;
          font-weight: normal;
          line-height: 1.5;
          letter-spacing: 0;
          color: #CCCCCC; }
          @media screen and (max-width: 600px) {
            .reserve-campaign-area dl dd input[type="text"]::placeholder {
              font-size: 3.733vw;
              line-height: 1.7; } }
        .reserve-campaign-area dl dd input[type="text"]:focus {
          box-shadow: 2px 2px 2px #72c7f7 inset,-2px -2px 2px #72c7f7 inset; }
      .reserve-campaign-area dl dd p {
        color: #000;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        /* 150% */
        letter-spacing: 0; }
        @media screen and (max-width: 600px) {
          .reserve-campaign-area dl dd p {
            font-size: 3.733vw; } }

.contact-tel {
  padding: 60px 0;
  background-color: #fff; }
  @media screen and (max-width: 600px) {
    .contact-tel {
      padding: 10.667vw auto 19.467vw;
      border-radius: 5.333vw; } }
  .contact-tel--text {
    display: inline-block;
    position: relative;
    font-size: 19px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 20px;
    padding: 0 56px; }
    @media screen and (max-width: 600px) {
      .contact-tel--text {
        font-size: 3.467vw;
        margin-bottom: 2.667vw;
        padding: 0 5.6vw; } }
    .contact-tel--text::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 36px;
      height: 2px;
      background-color: #AAA;
      transform: translateY(-50%) rotate(60deg);
      /* 斜めに回転 */ }
      @media screen and (max-width: 600px) {
        .contact-tel--text::before {
          width: 5.6vw;
          height: 0.533vw; } }
    .contact-tel--text::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      width: 36px;
      height: 2px;
      background-color: #AAA;
      transform: translateY(-50%) rotate(-60deg);
      /* 斜めに回転 */ }
      @media screen and (max-width: 600px) {
        .contact-tel--text::after {
          width: 5.6vw;
          height: 0.533vw; } }
  .contact-tel--tel {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    max-width: 573px;
    border-radius: 99999px;
    background: #04AF7A;
    /*    box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.16);*/
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    margin: 0 auto 20px;
    padding: 30px 70px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    pointer-events: auto; }
    @media screen and (max-width: 600px) {
      .contact-tel--tel {
        gap: 2.667vw;
        border-radius: 13.333vw;
        font-size: 4.267vw;
        line-height: 1.5;
        margin: 0 5.333vw 2.667vw;
        box-shadow: 0 1.067vw 1.067vw 0 rgba(0, 0, 0, 0.25);
        padding: 6.667vw 0; } }
    .contact-tel--tel::before {
      display: inline-block;
      content: "";
      background: url("../image/workshop-company/icon-phone.svg") center center no-repeat;
      background-size: cover;
      flex: 0 0 40px;
      width: 40px;
      height: 40px; }
      @media screen and (max-width: 600px) {
        .contact-tel--tel::before {
          height: 8vw;
          flex: 0 0 8vw; } }
  .contact-tel--hour {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    margin: 0; }
    @media screen and (max-width: 600px) {
      .contact-tel--hour {
        font-size: 3.733vw; } }

#mfp_overlay_inner h4 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  text-align: center; }
  @media screen and (max-width: 600px) {
    #mfp_overlay_inner h4 {
      font-size: 20px; } }
#mfp_overlay_inner button {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  max-width: 345px;
  margin: 45px auto 0;
  padding: 10px 20px;
  border: none;
  border-radius: 99999px;
  background-color: #04AF7A;
  text-shadow: none;
  transition: opacity 300ms ease-in-out; }
  #mfp_overlay_inner button + button {
    margin-left: 20px; }
    @media screen and (max-width: 600px) {
      #mfp_overlay_inner button + button {
        margin-left: 5.333vw; } }
  #mfp_overlay_inner button:hover {
    cursor: pointer;
    opacity: 0.6; }

#thanks {
  margin: 0;
  padding: 160px 0; }
  @media screen and (max-width: 600px) {
    #thanks {
      padding: 30vw 0; } }
  #thanks__inner {
    width: 1140px;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      #thanks__inner {
        width: auto;
        padding: 0 30px; } }
    @media screen and (max-width: 600px) {
      #thanks__inner {
        width: auto;
        padding: 0 5.333vw; } }
    #thanks__inner .thanks--title {
      font-size: 28px;
      line-height: 1;
      letter-spacing: 0;
      color: #fff;
      background: #04AF7A;
      margin: 0 0 50px;
      padding: 15px;
      box-sizing: border-box; }
      @media screen and (max-width: 600px) {
        #thanks__inner .thanks--title {
          font-size: 5.333vw;
          margin-bottom: 10.667vw;
          padding: 4vw 8vw; } }
    #thanks__inner .thanks--text {
      font-size: 16px;
      line-height: 1.875;
      text-align: justify;
      text-justify: inter-ideograph; }
      @media screen and (max-width: 600px) {
        #thanks__inner .thanks--text {
          font-size: 4.533vw; } }

#pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 300; }
  #pagetop a {
    display: block;
    width: 78px;
    height: 78px;
    background: #2F3864 url("../image/workshop-company/pagetop_icon.svg") center center no-repeat;
    background-size: 14px auto; }
    @media screen and (max-width: 600px) {
      #pagetop a {
        width: 14.933vw;
        height: 14.933vw;
        background-size: 3.733vw; } }

#banner {
  padding: 80px 0;
  background-color: #FFF6E9; }
  @media screen and (max-width: 600px) {
    #banner {
      padding: 13.867vw 0 19.2vw; } }
  #banner__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #banner__inner {
        max-width: inherit;
        padding: 0 5.333vw; } }
    #banner__inner .banner--text {
      text-align: center;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0;
      margin: 0 0 80px;
      font-weight: bold; }
      @media screen and (max-width: 600px) {
        #banner__inner .banner--text {
          font-size: 4.267vw;
          line-height: 1.484;
          font-weight: normal;
          margin-bottom: 10.667vw; } }

#banner--list {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0 45px; }
  @media screen and (max-width: 1200px) {
    #banner--list {
      gap: 0 20px; } }
  @media screen and (max-width: 1000px) {
    #banner--list {
      display: block;
      max-width: 335px;
      margin: 0 auto; } }
  @media screen and (max-width: 600px) {
    #banner--list {
      width: 100%;
      max-width: inherit; } }
  #banner--list > li {
    margin: 0 auto;
    padding: 0;
    flex: 0 1 350px; }
    @media screen and (max-width: 1000px) {
      #banner--list > li {
        flex: none;
        width: 350px;
        margin-bottom: 30px; } }
    @media screen and (max-width: 600px) {
      #banner--list > li {
        width: 100%;
        margin-bottom: 5.333vw; } }
    #banner--list > li a img {
      width: 100%;
      height: auto; }

#footer {
  margin: 0;
  padding: 30px 0;
  background: #04AF7A; }
  @media screen and (max-width: 600px) {
    #footer {
      padding: 0;
      height: 14.933vw;
      display: flex;
      align-items: center; } }
  #footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #footer__inner {
        max-width: inherit;
        padding: 0 5.333vw; } }

#copyright__inner {
  text-align: center;
  line-height: 1.5;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  color: #fff; }
  @media screen and (max-width: 600px) {
    #copyright__inner {
      font-size: 3.2vw; } }
  #copyright__inner br {
    display: none; }
    @media screen and (max-width: 600px) {
      #copyright__inner br {
        display: block; } }

/*# sourceMappingURL=workshop-company.css.map */