section.contact01, section.catalog01 {
  padding-bottom: 4em;
}
section.contact02, section.catalog02 {
  padding-bottom: 6em;
}
section.contact02 .container, section.catalog02 .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section.contact02 .container > div h3, section.catalog02 .container > div h3 {
  color: #31B1B0;
  font-size: 125%;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.6em;
}
section.contact02 .container > div:last-child, section.catalog02 .container > div:last-child {
  background-color: #FBFBFB;
  border-radius: 0.8em;
  width: calc(100% - 430px);
  padding: 30px;
}
section.contact02 .container > div:last-child table, section.catalog02 .container > div:last-child table {
  border: none;
}
section.contact02 .container > div:last-child table th, section.contact02 .container > div:last-child table td, section.catalog02 .container > div:last-child table th, section.catalog02 .container > div:last-child table td {
  border: none;
  vertical-align: top;
}
section.contact02 .container > div:last-child table th, section.catalog02 .container > div:last-child table th {
  text-align: left;
  white-space: nowrap;
  padding: 0.5em 0;
}
section.contact02 .container > div:last-child table th span:first-child, section.catalog02 .container > div:last-child table th span:first-child {
  display: inline-block;
  font-size: 75%;
  padding: 0.2em 0.5em;
  background-color: red;
  color: white;
  text-align: center;
  margin-right: 0.5em;
}
section.contact02 .container > div:last-child table td, section.catalog02 .container > div:last-child table td {
  padding: 0.5em 0 0.5em 0.5em;
}
section.contact02 .container > div:last-child table td input, section.contact02 .container > div:last-child table td select, section.contact02 .container > div:last-child table td textarea, section.catalog02 .container > div:last-child table td input, section.catalog02 .container > div:last-child table td select, section.catalog02 .container > div:last-child table td textarea {
  padding: 0.8em 0 0.8em 0.5em;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
section.contact02 .container > div:last-child table td input:not([type=checkbox]), section.contact02 .container > div:last-child table td textarea, section.catalog02 .container > div:last-child table td input:not([type=checkbox]), section.catalog02 .container > div:last-child table td textarea {
  width: 100%;
}
section.contact02 .container > div:last-child table td select, section.catalog02 .container > div:last-child table td select {
  font-size: 100%;
}
section.contact02 .container > div .acceptance, section.catalog02 .container > div .acceptance {
  padding-top: 0.5em;
  padding-bottom: 1.5em;
}
section.contact02 .container > div .acceptance a, section.catalog02 .container > div .acceptance a {
  text-decoration: underline;
}
section.contact02 .container > div .acceptance > p:first-child, section.catalog02 .container > div .acceptance > p:first-child {
  padding-bottom: 1em;
}
section.contact02 .container > div .acceptance > p:last-child, section.catalog02 .container > div .acceptance > p:last-child {
  font-weight: 700;
  padding-bottom: 2em;
}
section.contact02 .container > div .submit p, section.catalog02 .container > div .submit p {
  width: 80%;
  margin: 0 auto;
}
section.contact02 .container > div .submit p input[type=submit], section.catalog02 .container > div .submit p input[type=submit] {
  width: 100%;
  padding: 1em 0;
  border-radius: 0.3em;
  background-color: #555555;
  border-color: #555555;
  color: white;
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}
section.contact02 .container > div .submit p input[type=submit]:disabled, section.catalog02 .container > div .submit p input[type=submit]:disabled {
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
  color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
  border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}
section.contact02 .container > div .submit p input[type=submit]:hover, section.catalog02 .container > div .submit p input[type=submit]:hover {
  background-color: #31B1B0;
  transition: background-color 300ms ease;
}
section.contact02 .container > div .submit p input[type=submit]:hover:disabled, section.catalog02 .container > div .submit p input[type=submit]:hover:disabled {
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
  color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
  border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}
section.contact02 .container > div:first-child {
  width: 380px;
  padding: 30px 0;
  background-color: #FBFBFB;
  border-radius: 0.8em;
}
section.contact02 .container > div:first-child p {
  text-align: center;
}
section.contact02 .container > div:first-child p.tel {
  font-size: 200%;
  margin-bottom: 0.5em;
}
section.contact02 .container > div:first-child p.tel::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  transform: translateY(-0.1em);
  margin-right: 0;
  background-color: #333;
  -webkit-mask: url(../svgs/icon01.svg) no-repeat center center;
  mask: url(../svgs/icon01.svg) no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
section.contact02 .container > div:last-child table tr:nth-child(4) td:last-child p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
section.contact02 .container > div:last-child table tr:nth-child(4) td:last-child p br {
  display: none;
}
section.contact02 .container > div:last-child table tr:nth-child(4) td:last-child p > span {
  width: 40%;
}
section.contact02 .container > div:last-child table tr:nth-child(4) td:last-child p > span input {
  width: 100%;
}
section.catalog02 .container > div:first-child > p:first-child {
  padding-bottom: 1em;
}
section.catalog02 .container > div:first-child h3 {
  padding-bottom: 1em;
}
section.catalog02 .container > div:first-child > div {
  width: 380px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5em;
}
section.catalog02 .container > div:first-child > div img {
  width: 48%;
  height: auto;
}
section.catalog02 .container > div:first-child > div + p {
  font-size: 85%;
  padding-bottom: 2em;
}
section.catalog02 .container > div:first-child ul {
  list-style: disc;
  padding-left: 1.5em;
}
section.catalog02 .container > div:last-child table tr:nth-child(3) td:last-child p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
section.catalog02 .container > div:last-child table tr:nth-child(3) td:last-child p br {
  display: none;
}
section.catalog02 .container > div:last-child table tr:nth-child(3) td:last-child p > span {
  width: 40%;
}
section.catalog02 .container > div:last-child table tr:nth-child(3) td:last-child p > span input {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  section.contact02 .container, section.catalog02 .container {
    display: block;
  }
  section.contact02 .container > div:first-child, section.catalog02 .container > div:first-child {
    width: 500px;
    margin: 0 auto 4em auto;
  }
  section.contact02 .container > div:last-child, section.catalog02 .container > div:last-child {
    width: 100%;
  }
  section.catalog02 .container > div:first-child > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  section.contact02 .container, section.catalog02 .container {
    padding: 0 3%;
  }
  section.contact02 .container > div:first-child, section.catalog02 .container > div:first-child {
    width: 100%;
    padding: 30px 3%;
  }
  section.contact02 .container > div:last-child, section.catalog02 .container > div:last-child {
    padding: 30px 3%;
  }
  section.contact02 .container > div:last-child table th, section.contact02 .container > div:last-child table td, section.catalog02 .container > div:last-child table th, section.catalog02 .container > div:last-child table td {
    display: block;
  }
}