@charset "UTF-8";

@media screen and (min-width: 1480px) {
    li, p, dt, dd {
        font-size: 1.4rem;
    }
    .bgGradationContent {
        width: 1000px;
        margin: 10% auto;
    }
    .bgWhite {
        padding-bottom: 15rem;
    }
    #recruitContainer .bgGradationContent {
        width: 1200px;
    }
    .parallax {
        top: -110px;
    }
    .pc-resize {
        width: 1000px;
        margin: 0 auto;
    }
    .memberImg {
        left: 60%;
    }
    #companySystem img {
        width: auto;
    }
}


@media screen and (max-width: 1024px) {
    :hover{
        opacity: 1;
    }
    li, p, dt, dd {
        font-size: 1.2rem;
    }
    .bgGradation {
        padding: 3% 5% 5%;
    }
    .bgGradation {
        text-shadow: none;
    }
    .bgWhite {
        padding: 3% 5% 15%;
    }
    h2 img {
        width: auto;
        height: 40px; 
    }
    .bgWhite h3 {
        font-size: 2.5rem;
    }
    .bgWhite h4 {
        font-size: 2rem;
    }
    .bgWhite p strong {
        font-size: 1.6rem;
    }
	@keyframes transformation {
	    0% {transform:skew(0deg, 0deg)}
	    100% {transform:skew(0deg, -6deg); box-shadow: 2px 2px 4px gray;
	    }
    }
    /* ハンバーガーメニュー
    ******************/
    /* トグル部分 */
    .navbar_toggle{
        z-index:9999;
        margin-top: 60px;
    }
    .navbar_toggle_icon {
        position: relative;
        display: block;
        height: 2px;
        width: 30px;
        background: #41FB4C;
        -webkit-transition: ease .5s;
        transition: ease .5s;
    }
    .navbar_toggle_icon:nth-child(1) {
      top: 0;
    }
    .navbar_toggle_icon:nth-child(2) {
     margin: 8px 0;
    }
    .navbar_toggle_icon:nth-child(3) {
      top: 0;
    }
    /* トグル部分 OPEN時の動き*/
    .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
    .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
        top: -10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu {
        width: 100vw;
        height: 100vh;
        -webkit-transform: translateX(100%); 
        transform: translateX(100%);
        -webkit-transition: ease .5s;
        transition: ease .5s;
        z-index: 1000;
        display: block;
        padding-top: 6rem;
        background: rgba(34, 34, 34, 1);
        line-height: 5rem;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        margin-left: 0;
    }
    .menu li{
        /*padding: 0 10%;*/
        width: 100%;
        border-bottom : solid .05rem rgba(250, 250, 250, .1);
    }
    .menu a {
        font-size: 1rem;
        text-align: center;
    }
    .border a::before,
    .border a::after {
        border: none;
    }
    /*menu OPEN時の動き*/
    .menu.open {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    #formDiv{
        left: 3%;
        padding-left: 3%;
        padding-right: 3%;
    }
    /* .bgVideo {
        height: calc(100vh - 130px);
    } */
    /* News
    ******************/
    .smart-bgVideo {
        height: 100%;
        overflow-x: hidden;
    }
    #newsContainer .leftSection {
        position: static;
        height: 430px;
        width: 80%;
        margin: 0 auto 5rem;
        padding: 0 2rem;
    }
    #newsContainer .scroll {
        height: 300px;
    }
    #newsContainer .rightSection {
        position: static;
        width: 100%;
    }
    /* Workflow
    ******************/
    .timeline {
        width: 90%;
        margin: 0 auto;
    }
    .timeline ul {
        /* width: 100%; */
        padding-left: 3rem;
        padding-right: 0;
    }
    .timeline li {
        width: 85%;
        margin-top: 1rem;    
    }
    .timeline li:nth-child(even) {
        float: none;
    }
    .timeline li:nth-child(odd) {
        float: none;
    }
    .timeline:before {
        left: 0;
    }
    .timeline li:nth-child(odd):before {
        left: -1em;
    }
    .timeline img {
        width: 70%;
    }
    .timeline li p {
        line-height: 1.6rem;
    }
    /* Recruit
    *****************/
    #recruitContainer h2 {
        margin-bottom: 0;
    }
    #recruitContainer .leftSection {
        width: 90%;
        float: none;
    }
    #recruitContainer .rightSection {
        width: 90%;
        float: none;
    }
    #recruitContainer .description dt {
        width: 100%;
        float: none;
    }
    #recruitContainer .description dd {
        border: none;
    }

    /* information
    *****************/
    #informationContainer .description dt {
        float: none;
    }
    #informationContainer .description dd {
        border: none;
    }
    /*Contact
    ******************/
    input {
        -webkit-appearance: none;
    }
    #formBtn {
        background: #222;
        border: solid 2px #222;
        border-radius: 3px;
        color: rgba(30, 255, 57, 1);
    }

    /* Footer
    ******************/
    footer {
        height: 130px;
        padding: 2rem 1rem;
    }
    footer .center {
        margin-top: 0;
    }
    .ventureLink {
        position: static;
        margin: 0 auto 1rem;
    }
    .ventureImg {
        width: 220px;
    }
    .copyright {
        margin: 0;
    }
    /* スマホの場合の背景画像 */
    /*http://yarunaramaeni.com/sumaho_parallax/
    https://designsupply-web.com/knowledgeside/2286/*/
    .fadeinParallax {
        opacity : 0;
    }
    .fadeinParallax.start.scrollin {
        opacity : 1;
    }
    #visionContainer .bg-01 {
        background-position: 30% top;
    }
}  
@media screen and (max-width: 411px) {
    h2 img {
        height: 30px; 
    }
    .textArea strong {
        font-size: 1.6rem;
    }
    .centerImg {
        background-position: center;
    } 
}