@charset "UTF-8";
.main-visual {
  background-image: url(../img/saitama/saitama01.jpg); }

.section-1 {
  width: 1120px;
  margin: 0 auto 35px; }
  .section-1 .container {
    display: flex;
    justify-content: space-between; }
  .section-1 .container-1 {
    margin: 0 0 90px 0; }
    .section-1 .container-1 .box {
      width: 575px; }
      .section-1 .container-1 .box h3 {
        font-size: 24px;
        margin: 0 0 35px 0; }
      .section-1 .container-1 .box p:nth-of-type(1) {
        margin: 0 0 25px 0; }
  .section-1 > p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 50px 0;
    text-align: center; }
  .section-1 .before-after {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: #20b378;
    font-size: 18px;
    text-align: center;
    margin: 0 0 10px 0; }
  .section-1 > img:nth-of-type(1) {
    margin: 0 0 20px 0; }
  .section-1 .triangle {
    width: 35px;
    margin: 0 auto 30px;
    border-top: 35px solid #20b378;
    border-right: 35px solid transparent;
    border-left: 35px solid transparent; }
  .section-1 .container-2 {
    flex-wrap: wrap;
    margin: 60px 0 35px; }
    .section-1 .container-2 .box {
      width: 250px;
      height: 120px;
      margin: 0 0 25px 0;
      text-align: center;
      color: white;
      line-height: 120px;
      font-size: 24px;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      font-weight: bold; }
    .section-1 .container-2 .box-1 {
      background-image: url(../img/saitama/saitama05.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-2 {
      background-image: url(../img/saitama/saitama06.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-3 {
      background-image: url(../img/saitama/saitama07.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-4 {
      background-image: url(../img/saitama/saitama08.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-5 {
      background-image: url(../img/saitama/saitama09.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-6 {
      background-image: url(../img/saitama/saitama10.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-7 {
      background-image: url(../img/saitama/saitama11.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .section-1 .container-2 .box-8 {
      background-image: url(../img/saitama/saitama12.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }

@media screen and (max-width: 767px) {
  .section-1 {
    width: 100%;
    text-align: center; }
    .section-1 .container-1 {
      display: block;
      margin: 0 0 60px 0;
      text-align: center; }
      .section-1 .container-1 img {
        width: 80%;
        margin: 0 0 30px 0; }
      .section-1 .container-1 .box {
        width: 100%;
        margin: 0 auto; }
        .section-1 .container-1 .box h3 {
          width: 90%;
          margin: 0 auto 15px;
          font-size: 22px;
          text-align: left;
          line-height: 1.2; }
        .section-1 .container-1 .box p {
          width: 90%;
          margin: 0 auto; }
          .section-1 .container-1 .box p:nth-of-type(1) {
            margin: 0 auto 10px; }
    .section-1 > p {
      width: 90%;
      margin: 0 auto 35px;
      font-size: 22px;
      text-align: left; }
    .section-1 > img {
      width: 80%;
      margin: 0 0 20px 0; }
    .section-1 .container-2 {
      width: 80%;
      margin: 0 auto;
      justify-content: space-between; }
      .section-1 .container-2 a {
        width: 49%; }
        .section-1 .container-2 a .box {
          width: 100%;
          margin: 0 0 4% 0;
          font-size: 22px; } }
@media screen and (max-width: 414px) {
  .section-1 .container-1 {
    margin: 0 0 30px 0; }
    .section-1 .container-1 img {
      width: 90%;
      margin: 0 0 15px 0; }
    .section-1 .container-1 .box h3 {
      width: 90%;
      font-size: 20px; }
    .section-1 .container-1 .box p {
      width: 90%;
      margin: 0 auto; }
      .section-1 .container-1 .box p:nth-of-type(1) {
        margin: 0 auto 10px; }
  .section-1 > p {
    width: 90%;
    margin: 0 auto 20px;
    font-size: 18px;
    line-height: 1.2; }
  .section-1 > img {
    width: 90%; }
  .section-1 .container-2 {
    width: 90%; }
    .section-1 .container-2 a {
      width: 100%; }
      .section-1 .container-2 a .box {
        width: 100%;
        font-size: 18px; } }
.section-2 {
  width: 1120px;
  margin: 0 auto 90px; }
  .section-2 .container {
    display: flex;
    justify-content: space-between; }
  .section-2 > .box {
    position: relative;
    padding: 40px 40px 60px;
    margin: 0 0 50px 0;
    background-color: #efefef; }
    .section-2 > .box .link {
      position: absolute;
      width: 0;
      height: 0;
      top: -155px;
      left: 0; }
    .section-2 > .box h3 {
      font-size: 24px;
      margin: 0 0 25px 0; }
    .section-2 > .box h4 {
      font-size: 18px;
      margin: 0 0 15px 0; }
    .section-2 > .box h5 {
      color: #20b378;
      font-size: 18px; }
    .section-2 > .box .container .box h3 {
      font-size: 24px;
      margin: 0 0 25px 0; }
    .section-2 > .box .container .box h4 {
      font-size: 18px;
      margin: 0 0 15px 0; }
    .section-2 > .box .container .box h5 {
      color: #20b378;
      font-size: 18px; }
    .section-2 > .box .container img {
      width: 390px;
      height: 290px;
      object-fit: cover; }
  .section-2 .box-1 > p:nth-of-type(1) {
    margin: 0 0 20px 0; }
  .section-2 .box-1 > p:nth-of-type(2) {
    margin: 0 0 40px 0; }
  .section-2 .box-1 > img {
    margin: 0 0 60px 0; }
  .section-2 .box-1 .container .box-a {
    width: 575px; }
  .section-2 .box-1 .container .box-b {
    width: 400px; }
  .section-2 .box-2 .container {
    margin: 0 0 40px 0; }
    .section-2 .box-2 .container .box {
      width: 575px; }
      .section-2 .box-2 .container .box p:nth-of-type(1) {
        margin: 0 0 40px 0; }
    .section-2 .box-2 .container img {
      margin: 50px 0 0 0; }
  .section-2 .box-2 > p:nth-of-type(1) {
    margin: 0 0 30px 0; }
  .section-2 .box-3 .container .box {
    width: 575px; }
    .section-2 .box-3 .container .box p {
      margin: 0 0 40px 0; }
  .section-2 .box-3 .container img {
    margin: 50px 0 0 0; }
  .section-2 .box-4 .container .box {
    width: 575px; }
    .section-2 .box-4 .container .box p:nth-of-type(1) {
      margin: 0 0 20px 0; }
    .section-2 .box-4 .container .box p:nth-of-type(2) {
      margin: 0 0 40px 0; }
    .section-2 .box-4 .container .box h5 {
      margin: 0 0 10px 0; }
  .section-2 .box-4 .container img {
    margin: 50px 0 0 0; }
  .section-2 .box-5 .container .box {
    width: 575px; }
    .section-2 .box-5 .container .box p {
      margin: 0 0 20px 0; }
    .section-2 .box-5 .container .box h5 {
      margin: 0 0 10px 0; }
  .section-2 .box-5 .container img {
    margin: 50px 0 0 0; }
  .section-2 .box-6 {
    position: relative; }
    .section-2 .box-6 .container .box {
      width: 575px; }
      .section-2 .box-6 .container .box p:nth-of-type(1) {
        margin: 0 0 20px 0; }
      .section-2 .box-6 .container .box p:nth-of-type(2) {
        margin: 0 0 40px 0; }
      .section-2 .box-6 .container .box h5 {
        margin: 0 0 10px 0; }
    .section-2 .box-6 .container img {
      margin: 50px 0 0 0; }

@media screen and (max-width: 1399px) {
  .section-2 > .box h3 {
    font-size: 22px; }
  .section-2 > .box .link {
    top: -145px; } }
@media screen and (max-width: 767px) {
  .section-2 {
    width: 90%;
    margin: 0 auto 60px; }
    .section-2 .container {
      display: block; }
    .section-2 > .box {
      padding: 30px 30px 45px; }
      .section-2 > .box h3 {
        font-size: 20px; }
      .section-2 > .box > .container .box {
        width: 100%; }
      .section-2 > .box > .container img {
        width: 100%;
        height: 250px;
        object-fit: cover; }
    .section-2 .box-1 > img {
      width: 100%; }
    .section-2 .box-1 .container .box-a {
      width: 100%; }
    .section-2 .box-1 .container .box-b {
      width: 100%; }
      .section-2 .box-1 .container .box-b img {
        width: 100%;
        height: 250px;
        object-fit: cover; } }
@media screen and (max-width: 414px) {
  .section-2 {
    margin: 0 auto 30px; }
    .section-2 > .box {
      padding: 20px 20px 30px; }
      .section-2 > .box h5 {
        font-size: 16px; }
    .section-2 .box-3 .container .box p {
      margin: 0 0 20px; }
    .section-2 .box-3 .container img {
      margin: 15px auto 0; }
    .section-2 .box-4 .container .box p:nth-of-type(2) {
      margin: 0 0 20px 0; }
    .section-2 .box-4 .container img {
      margin: 15px 0 0; }
    .section-2 .box-5 .container img {
      margin: 15px 0 0 0; }
    .section-2 .box-6 .container .box p:nth-of-type(2) {
      margin: 0 0 20px 0; }
    .section-2 .box-6 .container img {
      margin: 15px 0 0 0; } }
.section-3 {
  width: 1120px;
  margin: 0 auto 90px; }
  .section-3 .container {
    display: flex;
    justify-content: space-between; }
    .section-3 .container .box .title {
      font-size: 36px;
      margin: 0 0 20px 0;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      font-weight: bold; }
    .section-3 .container .box table {
      border-collapse: collapse; }
      .section-3 .container .box table th {
        color: #20b378;
        text-align: left; }
      .section-3 .container .box table:nth-of-type(1) {
        margin: 0 0 60px 0; }
        .section-3 .container .box table:nth-of-type(1) th, .section-3 .container .box table:nth-of-type(1) td {
          border-bottom: 1px solid #d0d0d0;
          padding: 10px 0; }
        .section-3 .container .box table:nth-of-type(1) td {
          padding: 0 0 0 40px; }
      .section-3 .container .box table:nth-of-type(2) th:nth-of-type(1) {
        padding: 15px 0 0 0; }
      .section-3 .container .box table:nth-of-type(2) td {
        border-bottom: 1px solid #d0d0d0;
        padding: 10px 0; }

@media screen and (max-width: 767px) {
  .section-3 {
    display: none; } }