.content {
    text-align: center;
    /*  */
}
.clearfix::after {
    display: table;
    clear: both;
    content: "";
  }
li {
    list-style: none;
}
.logo {
    float: left;
    width: 70px;
    height: 70px;
    padding-left: 2%;
}
.pc {
    display: block;
}
.tablet {
    display: none;
}
.mobile {
    display: none;
}


html, body {
    background-color: #2C254A;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    height: 100vh;
    margin: 0;
}
.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}
.welcome-photo {
    width: 100%;
}

#welcome-img {
    position: relative;
    
  }
  
  #optWelcome-img,#optWelcome-imgt,#optWelcome-imgp,#optWelcome-imgm{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
  }
  #optWelcome-img {
    display: block;
  }
  

.links > a {
    /* color: #636b6f; */
    color: #fff;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}
@media screen and (min-width: 600px) and (max-width: 1160px) {
    .logo {
        padding-left: 2%;
    }
    .pc {
        display: none;
    }
    .tablet {
        display: block;
    }
    .mobile {
        display: none;
    }
    
    
    .top-right {
        position: absolute;
        right: 0vw;
        top: 1.667vw;
    }
    .content div:nth-child(3) {
        margin-top: 5.333vw;
    }
    h2 {
        font-size: 3.833vw;
    }
      
  
    
    .links > a {
        /* color: #636b6f; */
        color: #fff;
        padding: 0 4.167vw;
        font-size: 2.167vw;
        font-weight: 600;
        letter-spacing: .1rem;
        text-decoration: none;
        text-transform: uppercase;
    }
    #optWelcome-img,#optWelcome-imgt,#optWelcome-imgp,#optWelcome-imgm{
        height: 100vw;
      }
    
}
@media screen and (max-width: 599.9px) {
    .logo {
      float: none;
    }
    
    .pc {
        display: none;
    }
    .tablet {
        display: none;
    }
    .mobile {
        display: block;
    }
    
    
    .top-right {
        position: absolute;
        right: 0vw;
        top: 3.125vw;
    }
    .content div:nth-child(3) {
        margin-top: 10vw;
    }
    h2 {
        font-size: 7.188vw;
    }
    .content {
        text-align: left;
    }
    h1,h2 {
        text-align: center;
    }
      
  
    
    .links > a {
        /* color: #636b6f; */
        color: #fff;
        padding: 0 7.813vw;
        font-size: 4.063vw;
        font-weight: 600;
        letter-spacing: .1rem;
        text-decoration: none;
        text-transform: uppercase;
    }
    #optWelcome-img,#optWelcome-imgt,#optWelcome-imgp,#optWelcome-imgm{
        height: 125vw;
      }
}