@charset "UTF-8";
body {
  font-size: 1rem;
  font-family: "Meiryo", -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", "Hiragino Kaku Gothic Pro", "Yu Gothic", "MS PGothic", "Segoe UI", "Verdana", "Helvetica", "Arial", sans-serif;
  margin: 0;
  color: #000000 !important;
}

*,
*::before,
*::after {
  margin: 0;
}

#wrapper {
  width: 100%;
  overflow: hidden;
  background: #fff;
  max-width: 2000px;
  display: block;
  margin: 0 auto;
}

.width {
  max-width: 1000px;
  width: 90%;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
}
.btn {
  text-align: center;
}
picture{
  display: block;
  margin: 0 auto;
}
picture img{
  display: block;
    margin: 0 auto;
  height: auto;
}
.sp_fw{
  display: none;
}

.top{
  background-image: url(../img/topback_pc.webp);
  background-color: #fff;
  background-size: 100%;
  background-position: center;
    background-repeat: no-repeat;
}
.top .width{
  position: relative;
}
.top_right{
  position: absolute;
  right: -200px;
    bottom: -110px;
}
.top_left{
  position: absolute;
  left: -160px;
    bottom: -110px;
}
.top_text{
  padding-top: 50px;
  padding-bottom: 80px;
}
.top_text img{
  max-width: 1040px;
  width: 90%;
}
.section01{
  background-image: url(../img/aisatuback.webp);
  background-repeat: no-repeat;
    background-size: cover;
}

.section01 h2{
  padding-top: 60px;
  padding-bottom: 50px;
}
.section01 .aisatutext{
  padding-top: 80px;
  padding-bottom: 80px;
}
.slider img{
  width: 100%;
}
.section01 .line{
  background: url(../img/line.webp);
    background-repeat: repeat-x;
    height: 30px;
}
.section02 .img01{
  padding-top: 80px;
  padding-bottom: 50px;
}
.section03{
  background-image: url(../img/section03back.webp);
  background-repeat: no-repeat;
    background-size: cover;
    background-position: -20px 70px;
}
.section03 .img03{
  padding-top: 50px;
  padding-bottom: 20px;
}
.section04 .img04{
  padding-top: 80px;
  padding-bottom: 100px;
}
.section05{
  background-color: #dcf2f4;
}
.section05 .img05{
  padding-top: 80px;
  padding-bottom: 80px;
}
.section06 .img06{
  padding-top: 80px;
}
.section06 .img07{
  padding-top: 80px;
  padding-bottom: 80px;
}
.section07{
  background-color: #dcf2f4;
}
.section07 .img08{
  padding-top: 80px;
  padding-bottom: 80px;
}
.section07 .img09{
  padding-bottom: 100px;
}
.section08 .img10{
  padding-top: 50px;
}
.section08 .img11{
  padding-top: 50px;
}
.section08 .img12{
  padding-top: 50px;
}
.section08 .img13{
  padding-top: 50px;
  padding-bottom: 120px;
}
.section09 .img15{
  padding-top: 80px;
  padding-bottom: 150px;
}
.section10 .img16{
  padding-bottom: 80px;
}
.section10 .img17{
  padding-bottom: 80px;
}
.section10 .img18{
  padding-bottom: 80px;
}
.section10 .img19{
  padding-bottom: 40px;
}
.section10 iframe{
  margin-bottom: 80px;
}

.section11{
  background-image: url(../img/lastback_pc.webp);
  background-color: #fff;
  background-size: 100%;
  background-position: top;
    background-repeat: no-repeat;
}
.section11 .gradation{
  background-image: linear-gradient( 90.2deg,  rgba(4,81,178,0.44) -0.4%, rgba(4,81,178,0.44) 44.6%, rgba(80,192,199,0.45) 57%, rgba(80,192,199,0.44) 100.1% );
}
.section11 .width{
  background-color: #ffffffb0;
}
.section11 .img20{
  padding-top: 80px;
}
.section11 .img21{
  padding-top: 80px;
  padding-bottom: 80px;
  width: 90%;
}
.section11 .width{
  padding-bottom: 100px;
  position: relative;
}
.section11 .width::after{
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  background-color: #0068b7;
  left: 15px;
  top: 0;
}
.section11 .width::before{
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  background-color: #0068b7;
  right: 15px;
  top: 0;
}
@media screen and (max-width:1342px){
  .top_right {
    right: -150px;
  }
  .top_left {
    left: -130px;
  }
}
@media screen and (max-width:1278px){
  .top_right img {
    width: 250px;
  }
  .top_right{
    right: -100px;
  }
  .top_left{
    left: -50px;
  }
  .top_left img {
    width: 200px;
  }
}
@media screen and (max-width:1000px){
  .top_left {
    left: -10px;
  }
  .top_right img {
    width: 220px;
  }
  .top_right {
    right: -70px;
  }
  picture img {
    width: 100%;
  }
  .section01 h2 {
    width: 30%;
    margin: 0 auto;
  }
  .section09 .img14 {
    width: 30%;
  }
  .section10 .img16 {
    width: 60%;
  }

  .section10 iframe {
    width: 100%;
  }
  .section11 .img20 {
    width: 25%;
  }
  .btn img{
    width: 80%;
  }
}

@media screen and (max-width:820px){
  .top_left img {
    width: 160px;
  }
  .top_right img {
    width: 180px;
  }
}

@media screen and (max-width:600px){
  img{
    display: block;
    width: 100%;
  }

  
  .top{
    background-image: none;
}
.top .width{
  width: 100%;
}
.sp_fw{
  display: inline-block;
}
.pc_fw{
  display: none;
}
.section01 {
  background-image: url(../img/aisatuback_sp.webp);
}
.section01 h2 {
  padding-top: 30px;
  padding-bottom: 20px;
  width: 40%;
  margin: 0 auto;
}
.section01 .aisatutext {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section01 .line{
  height: 10px;
}
.section02 .img01 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section03 .img03 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.section03 {
  background-image: url(../img/section03back_sp.webp);
}
.section04 .img04 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section05 .width{
  width: 100%;
}
.section05 .img05 img {
  width: 96%;
  margin: 0 0 auto 0;

}
.section05 .img05 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.section06 .img06 {
  padding-top: 50px;
}
.section06 .img07 {
  padding-top: 30px;
  padding-bottom: 40px;
}
.section07 .img08 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section07 .img09 {
  padding-bottom: 40px;
}
.section08 .img10 {
  padding-top: 20px;
}
.section08 .img11 {
  padding-top: 20px;
}
.section08 .img12 {
  padding-top: 20px;
}
.section08 .img13 {
  padding-top: 20px;
  padding-bottom: 50px;
}
.section09 .img14{
  width: 40%;
}
.section09 .img15 {
  padding-top: 30px;
  padding-bottom: 50px;
}
.section10 .img16 {
  padding-bottom: 40px;
  width: 80%;
}
.section10 .img17 {
  padding-bottom: 40px;
}
.section10 .img18 {
  padding-bottom: 40px;
}
.section10 .img19 {
  padding-bottom: 40px;
}
.section10 iframe {
  margin-bottom: 50px;
  width: 100%;
  height: 300px;
}
.section11{
  background-image: url(../img/lastback_sp.webp);
}
.section11 .img20 {
  padding-top: 30px;
  width: 40%;
}
.section11 .img21 {
  width: 80%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.btn img {
  width: 85%;
}
.section11 .width {
  padding-bottom: 50px;
}
  }