/*----------959pxを起点にタグが消える・登場する---------- */

.pc { display:block; }
.sp { display:none; }

@media only screen and (max-width : 959px){
.pc { display:none; }
.sp { display:block; }
}


/*----------Section 2---------- */
#section2{
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  max-width: 640px;
}

/*----------メイン画像---------- */
#section2 img{
  margin: 0;
  width: 100%;
}

/*----------タイトル---------- */
#section2 .p1{
    margin: 0 auto;
    padding: 6vw 0;
    font-size: 4.2vw;
    letter-spacing: 1px;
}

/*----------文章部---------- */  
#section2 p{
    padding: 0 8vw;
    font-size: 3vw;
    line-height: 6vw;
    letter-spacing: 0.5px;
    color: #000;  
}
 
/*----------タイトル・文章部　640px〜指定---------- */ 
@media (min-width: 640px) {
    #section2 .p1{
        padding: 30px 0;
        font-size: 26px;
        }
    #section2 p{
        margin: 0 auto;
        padding: 0 0 50px 0;
        font-size: 15px;
        line-height: 36px;
        letter-spacing: 1px;
        color: #000; 
        }
  }
    
/*----------Section 3---------- */
#section3{
  position: relative;
  display: block;
  text-align: center;
  padding: 6vw 0;
}

/*----------最下層バナー---------- */
#section3 ul {
    position: relative;
    display: flex;
    margin: 0 auto;
    padding: 0 6vw;
    max-width: 640px;
    list-style: none;
}

#section3 li{   
    position: relative;
    width: 100%;
    margin: 0 1.4vw;
    white-space: nowrap;
    border-radius: 3.6vw;
}

/*----------最下層バナー　リンク画像---------- */
#section3 li.de{  
    background-image: url('../images/link_banner_trad.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}
#section3 li.ta{  
    background-image: url('../images/link_banner_jurney.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*----------最下層バナー　リンク画像　内文字---------- */
#section3 li a {
    display: block;
    font-size: 3.4vw;
    letter-spacing: 0.6vw;
    padding: 4vw 0;
    color: #fff;
    text-align: center;
    text-decoration: none; /* 下線を消す */
    }

/*----------最下層バナー　640px〜指定---------- */
@media (min-width: 640px) {
    #section3 li{   
    position: relative;
    width: 100%;
    margin: 0 30px;
    white-space: nowrap;
    border-radius: 12px;
}

#section3 li a {
    display: block;
    font-size: 18px;
    letter-spacing: 5px;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    text-decoration: none; /* 下線を消す */
    }
  }