@charset "UTF-8";
.pc-on {
  display: block;
}
.sp-on {
  display: none;
}
.pc-on-inline {
  display: inline-block;
}
.sp-on-inline {
  display: none;
}
a:hover{
  opacity: 0.8;
}

/*	‐‐‐‐‐‐‐‐‐‐‐‐スマホ指定‐‐‐‐‐‐‐‐‐‐‐‐‐*/
@media screen and (max-width:767px) {
  .pc-on {
    display: none;
  }
  .sp-on {
    display: block;
  }
  .pc-on-inline {
    display: none;
  }
  .sp-on-inline {
    display: inline-block;
  }
  .contents__inner {
    padding: 0px 15px;
  }
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐kv‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.kv{
  width: 940px;
  margin: 0 auto 66px;
}
.kv img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.kv01.kv01 {
  margin-bottom: 65px;
}
.kv02.kv02 {
  border: none;
}
.kv03.kv03 {
  border: none;
  width: 878px;
  margin-top: -118px;
  margin-left: 46px;
  margin-bottom: 41px;
}
.kids01.kids01 {
  border: none;
  margin-bottom: 110px;
}
.kids02.kids02 {
  display: block;
  width: 98%;
  margin: 0 auto;
  margin-bottom: 83px;
}
.kids03.kids03 {
  display: block;
  width: 99%;
  margin: 0 auto;
  margin-bottom: 101px;
}
.kv p {
  font-size: 40px;
  margin-bottom: 28px !important;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア共通‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-block{
  width: 100%;
  margin-bottom: 110px;
}
.comment-card{
  border: 3px solid #36b9ef;
  border-radius: 44px;
  position: relative;
}
.comment-card p{
  font-size: 17px;
  line-height: 1.75;
  position: relative;
  text-align: justify;
}
.comment-card p .first-letter{
  font-size: 36px;
  float: left;
  padding: 0 20px 0 6px;
  margin: -7px 0 -5px;
}
.comment-card p::before{
  position: absolute;
  top: -7px;
  left: -6px;
  content: "";
  width: 60px;
  height: 60px;
  border: 3px solid #fff100;
  border-radius: 50%;
}
.comment-card img{
  position: absolute;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア01‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_01{
  width: 700px;
  margin-left: 41px;
  margin-top: -47px;
  padding: 25px 0 9px 41px;
}
.comment-card_01::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  width: 20px;
  height: 20px;
  border-left: 5px solid #fff;
}
.comment-card_01::after{
  content: "";
  position: absolute;
  top: 55%;
  left: -32px;
  width: 60px;
  height: 60px;
  border-left: 3px solid #36b9ef;
  transform: rotate(45deg);
}
.comment-card_01 p{
  width: 73%;
}
.comment-card_01 img{
  bottom: 0;
  right: 32px;
  width: 18.5%;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア02‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_02{
  width: 548px;
  margin-left: 120px;
  margin-top: 100px;
  padding: 35px 0 195px 34px;
}
.comment-card_02::before{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 59%;
  width: 20px;
  height: 20px;
  border-bottom: 5px solid #fff;
}
.comment-card_02::after{
  content: "";
  position: absolute;
  bottom: -33px;
  left: 61%;
  width: 60px;
  height: 60px;
  border-bottom: 3px solid #36b9ef;
  transform: rotate(45deg);
}
.comment-card_02 p{
  width: 92%;
}
.comment-card_02 img{
  bottom: -3px;
  right: 54px;
  width: 79%;
  z-index: -1;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア03‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_03{
  width: 687px;
  margin-left: 253px;
  margin-top: 99px;
  padding: 36px 0 190px 45px;
}
.comment-card_03::before{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 30.5%;
  width: 20px;
  height: 20px;
  border-bottom: 5px solid #fff;
}
.comment-card_03::after{
  content: "";
  position: absolute;
  bottom: -33px;
  left: 23.1%;
  width: 60px;
  height: 60px;
  border-bottom: 3px solid #36b9ef;
  transform: rotate(-45deg);
}
.comment-card_03 p{
  width: 92%;
}
.comment-card_03 img{
  bottom: 0;
  right: 137px;
  width: 60%;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア04‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_04{
  width: 700px;
  margin-left: 41px;
  margin-top: 97px;
  padding: 40px 0 26px 40px;
}
.comment-card_04::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  width: 20px;
  height: 20px;
  border-left: 5px solid #fff;
}
.comment-card_04::after{
  content: "";
  position: absolute;
  top: 54%;
  left: -32px;
  width: 60px;
  height: 60px;
  border-left: 3px solid #36b9ef;
  transform: rotate(45deg);
}
.comment-card_04 p{
  width: 76%;
}
.comment-card_04 img{
  bottom: -8px;
  right: 15px;
  width: 17%;
  z-index: -1;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア05‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_05{
  width: 700px;
  margin-left: 197px;
  margin-top: 100px;
  padding: 41px 0 23px 145px;
}
.comment-card_05::before{
  content: "";
  position: absolute;
  top: 42%;
  right: -4px;
  width: 20px;
  height: 20px;
  border-right: 5px solid #fff;
}
.comment-card_05::after{
  content: "";
  position: absolute;
  top: 37%;
  right: -72px;
  width: 60px;
  height: 60px;
  border-left: 3px solid #36b9ef;
  transform: rotate(45deg);
}
.comment-card_05 p{
  width: 92%;
}
.comment-card_05 img{
  bottom: -7px;
  left: 11px;
  width: 17.5%;
  z-index: -1;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア06‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_06{
  width: 706px;
  margin-left: 38px;
  margin-top: 94px;
  padding: 46px 0 23px 44px;
}
.comment-card_06::before{
  content: "";
  position: absolute;
  top: 41%;
  left: -4px;
  width: 20px;
  height: 20px;
  border-left: 5px solid #fff;
}
.comment-card_06::after{
  content: "";
  position: absolute;
  top: 18%;
  left: -32px;
  width: 60px;
  height: 60px;
  border-left: 3px solid #36b9ef;
  transform: rotate(-45deg);
}
.comment-card_06 p{
  width: 78%;
}
.comment-card_06 img{
  bottom: -6px;
  right: 13px;
  width: 17%;
  z-index: -1;
}
/*
‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア07‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.comment-card_07{
  width: 746px;
  margin-left: 154px;
  margin-top: 101px;
  padding: 46px 0 27px 189px;
}
.comment-card_07::before{
  content: "";
  position: absolute;
  top: 44%;
  right: -4px;
  width: 20px;
  height: 20px;
  border-right: 5px solid #fff;
}
.comment-card_07::after{
  content: "";
  position: absolute;
  top: 32%;
  right: -72px;
  width: 60px;
  height: 60px;
  border-left: 3px solid #36b9ef;
  transform: rotate(-45deg);
}
.comment-card_07 p{
  width: 91%;
}
.comment-card_07 img{
  bottom: -7px;
  left: -9px;
  width: 23%;
  z-index: -1;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア共通‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.message-block{
  margin-bottom: 91px;
  position: relative;
}
.message-block h2{
  width: 769px;
  margin: 0 auto 44px !important;
  padding: 0;
  text-align: center;
  font-size: 42px;
  color: #36b9ef;
  border-bottom: 3px solid #fff100;
  line-height: 1.4;
  letter-spacing: 5px;
  position: relative;
}
.message-block p{
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 3px;
  position: relative;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア01‐‐‐‐‐‐‐‐‐‐‐‐‐*/
/*
‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア02‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.message-block02{
  padding-bottom: 81px;
  border-bottom: 4px dotted #36b9ef;
}
.message-block02 h2{
  margin: 0 auto 28px !important;
}
.message-block02 .profile{
  display: flex;
  align-items: center;
  width: 700px;
  margin: 73px auto 0;
}
.message-block02 .profile img{
  width: 170px;
  display: block;
}
.message-block02 .profile p{
  text-align: justify;
  padding-left: 26px;
  line-height: 1.7;
  letter-spacing: 2px;
  font-size: 17px;
  width: 530px;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐MOVIEエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.movie-block{
  margin-bottom: 92px;
}
.movie-block .movie-head{
  position: relative;
  margin-bottom: 53px;
  border-top: 3px dotted #36b9ef;
}
.movie-block .movie-head .title{
  position: absolute;
  z-index: 9;
  top: -14px;
  left: 0;
  right: 0;
  margin: auto;
  width: 141px;
}
.movie-block h2{
  color: #231815;
  font-size: 32px;
  text-align: center;
  letter-spacing: 5px;
  border-bottom: none;
  margin-bottom: 38px !important;
  line-height: 1.6;
}
.movie-block p{
  color: #231815;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 2px;
  margin-bottom: 5px !important;
}
.movie-block a{
  display: inline-block;
  color: #231815;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 2px;
  text-decoration: underline;
  margin-bottom: 59px;
}

.movie-block .imgbox{
  display: flex;
  justify-content: space-between;
  width: 890px;
  margin: 0 auto;
}
.movie-block .imgbox figure{
  
}
.movie-block .imgbox img{
  height: 220px;
}
.movie-block .imgbox figure figcaption{
  font-size: 17px;
  text-align: center;
  padding-top: 9px;
  letter-spacing: 2px;
}



/*
‐‐‐‐‐‐‐‐‐‐‐‐APPLICATIONエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.app-block{
  margin-bottom: 89px;
}
.app-block .app-head{
  position: relative;
  margin-bottom: 53px;
  border-top: 3px dotted #36b9ef;
}
.app-block .app-head .title{
  position: absolute;
  z-index: 9;
  top: -14px;
  left: 0;
  right: 0;
  margin: auto;
  width: 226px;
}
.app-block h2{
  color: #231815;
  font-size: 32px;
  text-align: center;
  letter-spacing: 5px;
  border-bottom: none;
  margin-bottom: 34px !important;
  line-height: 1.5;
}
.app-block p{
  color: #231815;
  font-size: 17px;
  line-height: 1.75;
  letter-spacing: 2px;
  margin-bottom: 2px !important;
}
.app-block a{
  display: inline-block;
  color: #231815;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 2px;
  text-decoration: underline;
  margin-bottom: 60px;
}

.app-block .imgbox{
  display: flex;
  justify-content: space-between;
  width: 890px;
  margin: 0 auto;
  position: relative;
}
.app-block .imgbox img:first-child{
  width: 100%;
  height: 100%;
}

/*
‐‐‐‐‐‐‐‐‐‐‐‐bgエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.bg01.bg01{
  width: 66px;
  top: -76px;
  right: -118px;
}
.bg02.bg02{
  width: 121px;
  top: 159px;
  right: -177px;
}
.bg03.bg03{
  width: 103px;
  bottom: 53px;
  right: -150px;
}
.bg04.bg04{
  width: 101px;
  top: -47px;
  left: -247px;
}
.bg05.bg05{
  width: 94px;
  bottom: -41px;
  left: -144px;
}
.bg06.bg06{
  width: 100px;
    top: 43px;
    right: -167px;
}
.bg07.bg07{
  width: 105px;
  top: 58px;
  left: -153px;
}
.bg08.bg08{
  width: 103px;
  bottom: 1px;
  right: -151px;
}
.bg09.bg09{
  width: 65px;
  top: 61px;
  left: -124px;
}
.bg10.bg10{
  width: 116px;
  bottom: -119px;
  left: -87px;
  right: 0;
  margin: auto;
}
.bg11.bg11{
  position: absolute;
  width: 92px;
  bottom: 18px;
  right: 49px;
}
.bg12{
  position: absolute;
  z-index: 9;
  width: 81px;
  top: -89px;
  left: 50px;
}
.bg13{
  position: absolute;
  z-index: 9;
  width: 85px;
  top: -35px;
  right: 132px;
}
.bg14{
  position: absolute;
  z-index: 9;
  width: 118px;
  bottom: -48px;
  left: 142px;
}
.bg15{
  position: absolute;
  z-index: 9;
  width: 125px;
  top: -56px;
  right: -27px;
}















@media screen and (max-width:767px) {
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐kv‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .kv{
    width: 100%;
    margin: 0 auto 5vw;
    padding: 0 15px;
  }
  .kv img{
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .kv01.kv01 {
    margin-bottom: 5vw;
  }
  .kv02.kv02 {
    border: none;
  }
  .kv03.kv03 {
    border: none;
    width: 100%;
    margin-top: -10vw;
    margin-left: 0;
    margin-bottom: 5vw;
  }
  .kids01.kids01 {
    border: none;
    margin-bottom: 10vw;
  }
  .kids02.kids02 {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10vw;
  }
  .kids03.kids03 {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10vw;
  }
  .kv p {
    font-size: 5vw;
    margin-bottom: 3vw !important;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア共通‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-block{
    width: 100%;
    margin-bottom: 10vw;
  }
  .comment-card{
    border: 2px solid #36b9ef;
    border-radius: 44px;
    position: relative;
  }
  .comment-card p{
    font-size: 4vw;
    line-height: 1.75;
    position: relative;
    text-align: justify;
  }
  .comment-card p .first-letter{
    font-size: 9vw;
    padding: 0 3vw 0 0px;
    margin: -0.5vw 0 -3vw;
  }
  .comment-card p::before{
    position: absolute;
    top: 1vw;
    left: -2vw;
    content: "";
    width: 12.5vw;
    height: 12.5vw;
    border: 2px solid #fff100;
    border-radius: 50%;
  }
  .comment-card img{
    position: absolute;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア01‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_01{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 29vw 6vw;
    display: flex;
    justify-content: space-between;
  }
  .comment-card_01::before{
    content: none;
    position: absolute;
    bottom: -5px;
    left: 19%;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
  }
  .comment-card_01::after{
    content: none;
    position: absolute;
    bottom: -6vw;
    left: 21%;
    width: 12vw;
    height: 12vw;
    border-bottom: 2px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_01 p{
    width: 100%;
  }
  .comment-card_01 img{
    bottom: 0;
    right: 31vw;
    width: 25%;
    position: absolute;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア02‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_02{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 32vw 6vw;
  }
  .comment-card_02::before{
    content: none;
    position: absolute;
    bottom: -5px;
    left: 19%;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
  }
  .comment-card_02::after{
    content: none;
    position: absolute;
    bottom: -6vw;
    left: 21%;
    width: 12vw;
    height: 12vw;
    border-bottom: 2px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_02 p{
    width: 100%;
  }
  .comment-card_02 img{
    bottom: -3px;
    right: 7vw;
    width: 79%;
    z-index: -1;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア03‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_03{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 30vw 6vw;
  }
  .comment-card_03::before{
    content: none;
    position: absolute;
    bottom: -5px;
    left: 19%;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
  }
  .comment-card_03::after{
    content: none;
    position: absolute;
    bottom: -6vw;
    left: 21%;
    width: 12vw;
    height: 12vw;
    border-bottom: 2px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_03 p{
    width: 100%;
  }
  .comment-card_03 img{
    bottom: 0;
    right: 13vw;
    width: 70%;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア04‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_04{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 25vw 6vw;
  }
  .comment-card_04::before{
    content: none;
    position: absolute;
    top: 50%;
    left: -4px;
    width: 20px;
    height: 20px;
    border-left: 5px solid #fff;
  }
  .comment-card_04::after{
    content: none;
    position: absolute;
    top: 55%;
    left: -32px;
    width: 60px;
    height: 60px;
    border-left: 3px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_04 p{
    width: 100%;
  }
  .comment-card_04 img{
    bottom: -1vw;
    right: 36vw;
    width: 19%;
    z-index: -1;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア05‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_05{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 24vw 6vw;
  }
  .comment-card_05::before{
    content: none;
    position: absolute;
    bottom: -5px;
    left: 19%;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
  }
  .comment-card_05::after{
    content: none;
    position: absolute;
    bottom: -6vw;
    left: 21%;
    width: 12vw;
    height: 12vw;
    border-bottom: 2px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_05 p{
    width: 100%;
  }
  .comment-card_05 img{
    bottom: -1vw;
    left: 37vw;
    width: 22.5%;
    z-index: -1;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア06‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_06{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 27vw 6vw;
  }
  .comment-card_06::before{
    content: none;
    position: absolute;
    top: 41%;
    left: -4px;
    width: 20px;
    height: 20px;
    border-left: 5px solid #fff;
  }
  .comment-card_06::after{
    content: none;
    position: absolute;
    top: 18%;
    left: -32px;
    width: 60px;
    height: 60px;
    border-left: 3px solid #36b9ef;
    transform: rotate(-45deg);
  }
  .comment-card_06 p{
    width: 100%;
  }
  .comment-card_06 img{
    bottom: -1vw;
    right: 37vw;
    width: 22%;
    z-index: -1;
  }
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐コメントエリア07‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .comment-card_07{
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
    padding: 4vw 5vw 32vw 6vw;
  }
  .comment-card_07::before{
    content: none;
    position: absolute;
    bottom: -5px;
    left: 19%;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
  }
  .comment-card_07::after{
    content: none;
    position: absolute;
    bottom: -6vw;
    left: 21%;
    width: 12vw;
    height: 12vw;
    border-bottom: 2px solid #36b9ef;
    transform: rotate(45deg);
  }
  .comment-card_07 p{
    width: 100%;
  }
  .comment-card_07 img{
    bottom: -1.5vw;
    left: 32vw;
    width: 34%;
    z-index: -1;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア共通‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .message-block{
    margin-bottom: 20vw;
    position: relative;
    width: 100%;
  }
  .message-block h2{
    width: 100%;
    margin: 0 auto 5vw !important;
    padding: 0;
    text-align: center;
    font-size: 5vw;
    color: #36b9ef;
    border-bottom: 3px solid #fff100;
    line-height: 1.4;
    letter-spacing: 1px;
    position: relative;
  }
  .message-block p{
    text-align: left;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0px;
    position: relative;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア01‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐メッセージエリア02‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .message-block02{
    padding-bottom: 10vw;
    border-bottom: 4px dotted #36b9ef;
  }
  .message-block02 h2{
    margin: 0 auto 10vw !important;
  }
  .message-block02 .profile{
    display: block;
    align-items: center;
    width: 100%;
    margin: 5vw auto 0;
  }
  .message-block02 .profile img{
    width: 40vw;
    display: block;
    margin: 0 auto 8vw;
  }
  .message-block02 .profile p{
    width: 100%;
    text-align: justify;
    padding-left: 0;
    line-height: 1.7;
    letter-spacing: 2px;
    font-size: 4vw;
  }
  .message-block p br{
    display: none;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐MOVIEエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .movie-block{
    margin-bottom: 20vw;
  }
  .movie-block .movie-head{
    position: relative;
    margin-bottom: 18vw;
    border-top: 3px dotted #36b9ef;
  }
  .movie-block .movie-head .title{
    position: absolute;
    z-index: 9;
    top: -14px;
    left: 0;
    right: 0;
    margin: auto;
    width: 34vw;
  }
  .movie-block h2{
    color: #231815;
    font-size: 5vw;
    text-align: center;
    letter-spacing: 1px;
    border-bottom: none;
    margin-bottom: 5vw !important;
    line-height: 1.6;
  }
  .movie-block p{
    color: #231815;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 2px;
    margin-bottom: 5px !important;
  }
  .movie-block a{
    display: inline-block;
    color: #231815;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 2px;
    text-decoration: underline;
    margin-bottom: 10vw;
  }

  .movie-block .imgbox{
    display: block;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  .movie-block .imgbox figure{
    margin-bottom: 10vw;
  }
  .movie-block .imgbox img{
    height: auto;
  }
  .movie-block .imgbox figure figcaption{
    font-size: 4vw;
    text-align: center;
    padding-top: 9px;
    letter-spacing: 2px;
  }



  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐APPLICATIONエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .app-block{
    margin-bottom: 10vw;
  }
  .app-block .app-head{
    position: relative;
    margin-bottom: 13vw;
    border-top: 3px dotted #36b9ef;
  }
  .app-block .app-head .title{
    position: absolute;
    z-index: 9;
    top: -14px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60vw;
  }
  .app-block h2{
    color: #231815;
    font-size: 5vw;
    text-align: center;
    letter-spacing: 1px;
    border-bottom: none;
    margin-bottom: 5vw !important;
    line-height: 1.5;
  }
  .app-block p{
    color: #231815;
    font-size: 4vw;
    line-height: 1.75;
    letter-spacing: 2px;
    margin-bottom: 2px !important;
  }
  .app-block a{
    display: inline-block;
    color: #231815;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 2px;
    text-decoration: underline;
    margin-bottom: 10vw;
  }

  .app-block .imgbox{
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .app-block .imgbox img:first-child{
    width: 100%;
  }

  /*
  ‐‐‐‐‐‐‐‐‐‐‐‐bgエリア‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .bg01.bg01{
    width: 66px;
    top: -76px;
    right: -118px;
  }
  .bg02.bg02{
    width: 121px;
    top: 159px;
    right: -177px;
  }
  .bg03.bg03{
    width: 103px;
    bottom: 53px;
    right: -150px;
  }
  .bg04.bg04{
    width: 101px;
    top: -47px;
    left: -247px;
  }
  .bg05.bg05{
    width: 94px;
    bottom: -41px;
    left: -144px;
  }
  .bg06.bg06{
    width: 100px;
      top: 43px;
      right: -167px;
  }
  .bg07.bg07{
    width: 105px;
    top: 58px;
    left: -153px;
  }
  .bg08.bg08{
    width: 103px;
    bottom: 1px;
    right: -151px;
  }
  .bg09.bg09{
    width: 65px;
    top: 61px;
    left: -124px;
  }
  .bg10.bg10{
    width: 116px;
    bottom: -119px;
    left: -87px;
    right: 0;
    margin: auto;
  }
  .bg11.bg11{
    position: absolute;
    width: 92px;
    bottom: 18px;
    right: 49px;
  }
  .bg12{
    position: absolute;
    z-index: 9;
    width: 12vw;
    top: -13vw;
    left: 4vw;
  }
  .bg13{
    position: absolute;
    z-index: 9;
    width: 85px;
    top: -35px;
    right: 132px;
  }
  .bg14{
    position: absolute;
    z-index: 9;
    width: 118px;
    bottom: -48px;
    left: 142px;
  }
  .bg15{
    position: absolute;
    z-index: 9;
    width: 125px;
    top: -56px;
    right: -27px;
  }
}