/*PC表示はこちら(width...426px以上の場合） */



/*----------序盤部---------- */
#section1{
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  margin-top: 14.583vw;
  background: transparent;
  text-align: center;
  font-weight: 900;
  font-size: 1.562vw;       /* 2020-06-18 C.Inoue, changed for responsive*/
  line-height: 3.490vw; /* 2020-06-18 C.Inoue, changed for responsive*/
  letter-spacing: 0.208vw;  /* 2020-06-18 C.Inoue, changed for responsive*/
}
@media screen and (min-width:1920px){ /* text */
    #section1 {
      font-size:30px;
      line-height: 67px;
      letter-spacing: 4px;
      margin-top: 280px;
    }
   }
@media screen and (max-width:425px){
    #section1 {
      font-size: 3.3vw;
      letter-spacing: 0.5vw;
      line-height: 3;
      margin-top: 25.88vw;
    }
   }

/* 2020-06-17 C.Inoue added fixed font size for over 750px */

#section1 p1 img{ /* play! */
  position:relative;
  width  : 32.813vw;
   margin-bottom: 2.083vw;
}
@media screen and (min-width:1920px){
  #section1 p1 img{ /* play! */
    width : 630px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width:425px){
  #section1  p1 img{
    width : 70.588vw; /* 300px@425 wide*/
    margin-bottom: 6vw;
  }
}
#section1 p2 img{ /* ミクロのセカイを見てみよう  */
  position:relative;
  margin: auto;
  width : 50vw;
  margin-bottom: 9.375vw;
}
@media screen and (min-width:1920px){
  #section1 p2 img{ /* ミクロのセカイを見てみよう  */
    margin-bottom: 180px;
  }
}
@media screen and (max-width:425px){
  #section1 p2 img{ /* ミクロのセカイを見てみよう  */
    margin-bottom: 20vw;
    width: 82.353vw; /* 350px@425 wide*/
  }
}



/*----------コンテンツメニュー---------- */

#section2{
  position: relative;
  width: 100%;
  height: auto;
  background: transparent;
  margin-top: 9.375vw;   /* 2020-06-17 C.Inoue 400px to 100px */
  text-align: center;
}

@media screen and (min-width:426px){
.wrap {
 display: flex;
 justify-content: center;
}
}
@media screen and (max-width:425px){
#section2{
  margin-top: 20vw;   /* 2020-06-17 C.Inoue 400px to 100px */
  text-align: center;
}
}

.box {
 position: relative;
 display: block;
 margin: 2.083vw;   /* 2020-06-16 C.Inoue 1.6vw to 1vw */
 padding: 0vw 0vw;
 width: 26.042vw;
 height: 50.52vw;
 background: #fff;
 color: #5a5a5a;
 line-height: 1.5;

 font-size: 1.563vw;
 text-align: center;
 letter-spacing: 0.052vw;
 line-height: 1.4;
 border-radius: 3.65vw;
 font-weight: bold
}
/* 2020-06-17 C.Inoue added fixed font size for over 1920px */
@media screen and (min-width:1920px){
    .box{
      font-size:30px;
      width: 500px;
      height: 970px;
      border-radius: 70px;
      letter-spacing: 1px;
      margin: 40px;
    }
}
@media screen and (max-width:425px){
  .box {
    margin: auto;
    margin-bottom: 16.470vw ; /* 70px @ 425 width */
    width: 78.588vw; /* 334px @ 425 width */
    height: 145vw; /* 615 px @ 425 width */
    border-radius: 11.764vw; /* 50px @425 width*/
    font-size: 5vw;
    line-height: 1;
    }
  }

.box p1 img{
 position: relative;
 display: block;
 left: 0;
 right: 0;
 margin: auto;
 padding-bottom: 0.52vw;
　height: auto;
 width: 100%;
 text-align: center;
 border-top-left-radius: 3.65vw;
 border-top-right-radius:  3.65vw;
 background-position: center center;
}

/* 2020-06-17 C.Inoue added fixed size for over 1920px */
@media screen and (min-width:1920px){
.box p1 img{
    padding-bottom: 10px;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    }
  }
@media screen and (max-width:425px){
.box p1 img{
    height: auto;
    padding-bottom: 10px;
    text-align: center;
    border-top-left-radius: 11.764vw;
    border-top-right-radius: 11.764vw;
    }
  }
.box p2 img{
  height: auto;
  width: 20.833vw;
  padding-top: 4.167vw;
}
@media screen and (min-width:1920px){
.box p2 img{
    width: 400px;
    padding-top: 80px;
   }
  }
@media screen and (max-width:425px){
.box p2 img{
    width: 65vw;
    padding-top: 7vw;
    }
  }