@media screen and (max-width: 640px) {

  body {
    width:100% ;
    margin: 0;
    background-image: none;
  }

/* headerのcss */
.cta {
  position: absolute;
  top: calc(265% - 0.5rem);/*240%*/
  left: 5%;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  color: #9f733f;
  text-align: center;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 3;
}

.cta>h1{
font-size: 15px;
}

.cta>h1>span{
font-size: 20px;
}

.joinbutton,.joinbutton2 {
  top:310%;
}


.joinbutton>h2,.joinbutton2>h2{
  font-size: 20px;
}

.second>h2 {
  font-size: 25px;
}

.second>h2>span {
font-size: 30px;
}

.second>img{
  margin-left: -10px;
  width: 10%;
}

/* aboutのcss */
.about{
  margin-top:400px ;
  padding-top: 0;
}

.about>img{
  margin-top: 0;
  width: 35%;
}

.about>h2 {
  font-size: 30px;
  margin-bottom: 50px;
}

.abdesc {
  margin-top: -40px;
}

.abdesc>p{
  font-size: 15px;
}

.abdesc>p>span {
  font-size: 30px;
}
.abdesc>img {
  width: 50%;
}

.abdesc2-1>p{
 font-size: 15px;
}

.abdesc3{
margin-bottom: 0;
}

.abdesc3>h2{
font-size: 25px;
padding-bottom: 0;
}

.abimage1{
  top:-10px;
}

.abdesc3-1>p{
  font-size: 15px;
}

/* registerのcss */

.event{
  width: 25%;
}

.register>h2{
font-size: 20px;
}

.touroku{
font-size: 45px;
}

.regm{
  font-size: 45px;
  letter-spacing: -10px;
}

.register>h3{
font-size: 20px;
}

.register>h3>span{
font-size: 35px;
}

.register>h4{
top:54%;
font-size: 20px;
}

.register>h4>span{
font-size: 30px;
}

.regbox2{
top:73%
}

.regbox1-1,.regbox2-1 {
  width: 20px;
  height: 20px;
  top: -10px;
  left:calc(50% - 5px);
}

.syoudoku{
  top: -40%;
}

.mask{
  top: -30%;
}

.regbox1>p,.regbox2>p{
  font-size: 15px;
}

.regbox1>p>span,.regbox2>p>span{
  font-size: 15px;
}

.line {
  line-height: 20px;
}

.line>h2{
  font-size: 25px;
}

.line>h2>span{
  font-size: 35px;
}

/* pointのcss */

.point>h2{
  font-size: 25px;
}

.point>h2>span{
  font-size: 30px;
}

.pbox>h2{
  font-size: 23px;
}

.pbox>p{
  font-size: 20px;
}

.pbox2{
  width: 200px;
  height: 200px;
}

  /* koikonのcss */
  .koikon{
    margin-top: 30px;
  }

  .koibox1 {
    position: relative;
    width: 250px;
    height:250px;
    left: 0%;
  }

  .koibox2 {
    width: 230px;
    height:230px;
    margin: 10px;
  }

  .koibox2>img{
    position: absolute;
    width: 15%;
    top:10px;
    left: 15px;
  }

  .koibox2>p{
    font-size: 25px;
  }

  .koibox2>h2{
    font-size: 60px;
    margin-top: -30px;
  }

  .koikon>h2{
    margin-top: -450px;
    font-size: 20px;
  }

  .koikon>h3{
    font-size: 20px;
  }

  .koikon>p {
    font-size: 15px;
  }

  .koibox3 {
    width: 70px;
    height: 70px;
    bottom:2%;
    left: calc(50% - 35px);
    font-size: 17px;
  }
 
  .koikon2-1{
    top:-70px
  }

  .koikon2-1>p{
    font-size: 15px;
  }

  .koikon2-1>h3{
    font-size: 18px;
  }

  .koikon2-1>h4{
    font-size:13px;
    padding: 5px;
  }

  .kaisuu,.koitomo{
    font-size: 13px;
    margin-left:20px ;
  }

  .koitomo{
   margin-top: -20px; 
  }

  .koikon2-2{
    bottom:-25%;
  }

  .koikon2-2>p{
    font-size: 15px;
    margin-left: 12%;
  }

  .koikon2-3{
    bottom: -75%;
  }

  .koikon2-3>h2{
   font-size: 20px;
  }

  .koikon2-3>ul{
    font-size: 10px;
  }
 
  .film {
    bottom:-97%;
  }
/* qaのcss */
  .qa {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .qa>h3{
    font-size: 30px;
  }

  .qa>h2{
    font-size: 50px;
  }

  .question>h3{
    font-size: 20px;
    margin-left:0;
  }
  
  .answer{
    font-size: 15px;
  }


.questions .questions_wrapper .questions_content .answer{
    margin:10px; 
}

/* lastのcss */
  .last{
    height: 200px;
  }

  .sannkahi{
    top:-48%;
    left: 2%;
    padding: 10px 20px;
  }

  .sannkahi>h2{
    top:-18px;
    font-size: 20px;
  }

  .joinbutton2 {
    top:-25%;
  }

  .joinbutton2>h2{
    font-size: 18px;
  }

  .lsdesc{
    top:20%;
  }

  .lsdesc>h3{
    font-size: 13px;
  }

  .lsdesc>h4{
    font-size: 11px;
  }
  
  .lsdesc>h4>span{
    font-size: 10px;
  }

  footer{
    margin-top: -10px;
    font-size: 10px;
  }
}
/*
@media screen and (max-width: 321px) {

.regbox1{
  top: 42%; /*37%
}

.register>h4{
top:65%; /*55%
}

.regbox2{
top:85% /*75%
}