@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4vw;
  position: relative;
  line-height: 1.8;
}

img {
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

ul, ol {
  list-style: none;
}

.pc {
  display: none;
}

.pcW {
  display: none;
}

.pcS {
  display: none;
}

.sp {
  display: block;
}

.cont {
  width: 92%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.toTop {
  width: 13.3333333333vw;
  position: fixed;
  right: 2.6666666667vw;
  bottom: 2.6666666667vw;
}

@media screen and (min-width: 750px) {
  body {
    font-size: 16px;
  }
  .sp {
    display: none;
  }
  .pcW {
    display: none;
  }
  .pcS {
    display: block;
  }
  .pc {
    display: block;
  }
  .cont {
    width: 100%;
    max-width: 1080px;
    padding: 0 2.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .toTop {
    width: 3.75rem;
    right: 1.25rem;
    bottom: 1.25rem;
  }
}
@media screen and (min-width: 1080px) {
  .pcS {
    display: none;
  }
  .pcW {
    display: block;
  }
}
.wrapper {
  padding: 2.6666666667vw;
}
.wrapper header {
  margin-bottom: 10.6666666667vw;
  padding: 13.3333333333vw 0 6.6666666667vw;
  background: url("../img/title_bg_l_sp.png") no-repeat, url("../img/title_bg_r_sp.png") no-repeat #008CD6;
  background-position: left top, right bottom;
  background-size: 50%;
  border-radius: 5.3333333333vw;
  position: relative;
}
.wrapper header .inner {
  width: 100%;
  text-align: center;
}
.wrapper header .inner h1 {
  margin-bottom: 4vw;
  color: #FFF;
  font-size: 7.0666666667vw;
}
.wrapper header .inner .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrapper header .inner .nav p {
  padding: 4vw 6.6666666667vw;
}
.wrapper header .inner .nav p:first-child {
  border-right: 1px solid #FFF;
}
.wrapper header .inner .nav p a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
}
.wrapper header .inner .nav p a::after {
  display: inline-block;
  content: "";
  width: 1.0666666667vw;
  height: 1.0666666667vw;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 1.3333333333vw;
}
.wrapper header .inner .nav p a.on {
  padding-bottom: 1.3333333333vw;
  border-bottom: 1.0666666667vw solid #FFFF00;
}
.wrapper header .inner .nav p a.on::after {
  display: none;
}
.wrapper header .inner .nav p a.on:hover {
  opacity: 1;
}
.wrapper main {
  margin-bottom: 10.6666666667vw;
}
.wrapper main p {
  margin-bottom: 10.6666666667vw;
  font-weight: 700;
  text-align: center;
}
.wrapper main table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2vw;
}
.wrapper main table th {
  padding: 4vw 6.6666666667vw;
  background: #ABD9F1;
  text-align: left;
}
.wrapper main table .pdf::after {
  display: inline-block;
  content: "";
  width: 6vw;
  height: 6.2666666667vw;
  background: url("../img/icon_pdf.svg") no-repeat;
  background-size: contain;
  margin-left: 1.3333333333vw;
  vertical-align: middle;
}
.wrapper main table td {
  background: #DEF0FA;
  border-radius: 2.1333333333vw;
  white-space: nowrap;
  vertical-align: middle;
}
.wrapper main table td a {
  padding: 4vw 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
}
.wrapper main table td a::after {
  display: block;
  content: "";
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background: url("../img/icon_download.svg") no-repeat;
  background-size: contain;
  margin-left: 1.3333333333vw;
}
.wrapper footer {
  padding: 13.3333333333vw;
  background: #008CD6;
  border-radius: 5.3333333333vw;
}
.wrapper footer p {
  font-size: 2.6666666667vw;
  font-family: "Roboto", sans-serif;
  color: #FFF;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 750px) {
  .wrapper {
    padding: 1.8518518519vw;
  }
  .wrapper header {
    margin-bottom: 5.5555555556vw;
    padding: 9.2592592593vw 0 4.6296296296vw;
    border-radius: 3.7037037037vw;
  }
  .wrapper header .inner h1 {
    margin-bottom: 2.7777777778vw;
    font-size: 4.9074074074vw;
  }
  .wrapper header .inner .nav p {
    padding: 2.7777777778vw 4.6296296296vw;
  }
  .wrapper header .inner .nav p a::after {
    width: 0.7407407407vw;
    height: 0.7407407407vw;
    margin-left: 0.9259259259vw;
  }
  .wrapper header .inner .nav p a.on {
    padding-bottom: 0.9259259259vw;
    border-bottom: 0.7407407407vw solid #FFFF00;
  }
  .wrapper main {
    margin-bottom: 7.4074074074vw;
  }
  .wrapper main p {
    margin-bottom: 4.6296296296vw;
  }
  .wrapper main table {
    border-spacing: 1.3888888889vw;
  }
  .wrapper main table th {
    padding: 2.7777777778vw 4.6296296296vw;
  }
  .wrapper main table .pdf::after {
    width: 4.1666666667vw;
    height: 4.3518518519vw;
    margin-left: 0.9259259259vw;
  }
  .wrapper main table td {
    width: 40%;
    border-radius: 1.4814814815vw;
  }
  .wrapper main table td a {
    padding: 2.7777777778vw 4.6296296296vw;
  }
  .wrapper main table td a::after {
    width: 2.962962963vw;
    height: 2.962962963vw;
    margin-left: 0.9259259259vw;
  }
  .wrapper footer {
    padding: 9.2592592593vw;
    border-radius: 3.7037037037vw;
  }
  .wrapper footer p {
    font-size: 1.8518518519vw;
  }
}
@media (min-width: 1080px) {
  .ja .wrapper header {
    padding: 7.25rem 0 3.75rem;
  }
  .en .wrapper header {
    padding: 3.75rem 0;
  }
  .wrapper {
    padding: 5rem;
  }
  .wrapper header {
    margin: 0 auto 3.75rem;
    max-width: 1200px;
    background: url("../img/title_bg_l_pc.png") no-repeat, url("../img/title_bg_r_pc.png") no-repeat #008CD6;
    background-position: left top, right bottom;
    background-size: contain;
    border-radius: 1.25rem;
  }
  .wrapper header .inner h1 {
    margin-bottom: 3.75rem;
    font-size: 2.1875rem;
  }
  .wrapper header .inner .nav p {
    padding: 0.625rem 3.125rem;
  }
  .wrapper header .inner .nav p a::after {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.625rem;
  }
  .wrapper header .inner .nav p a.on {
    padding-bottom: 0.3125rem;
    border-bottom: 0.3125rem solid #FFFF00;
  }
  .wrapper main {
    margin-bottom: 5rem;
  }
  .wrapper main p {
    margin-bottom: 3.125rem;
  }
  .wrapper main table {
    margin: auto;
    max-width: 1000px;
    border-spacing: 0.9375rem;
  }
  .wrapper main table th {
    padding: 1.875rem 3.125rem;
  }
  .wrapper main table .pdf::after {
    width: 1.5rem;
    height: 1.5625rem;
    margin-left: 0.625rem;
  }
  .wrapper main table td {
    width: 16.0625rem;
    border-radius: 1rem;
  }
  .wrapper main table td a {
    padding: 1.875rem 3.125rem;
  }
  .wrapper main table td a::after {
    width: 1.1875rem;
    height: 1.1875rem;
    margin-left: 0.625rem;
  }
  .wrapper footer {
    margin: auto;
    padding: 3.75rem;
    max-width: 1200px;
    border-radius: 1.25rem;
  }
  .wrapper footer p {
    font-size: 0.75rem;
  }
}
/*# sourceMappingURL=style.css.map */