@charset "utf-8";

 /* ハンバーガーメニュー */
  .menu-trigger {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 28px;
    vertical-align: middle;
    cursor: pointer;
  }
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    transition: all .5s .2s;
  }
  .menu-trigger.active span {
    background-color: #fff;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(12px) rotate(-45deg);
  }
  .menu-trigger span:nth-of-type(2) {
    top: 12px;
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-12px) rotate(45deg);
  }
  nav {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height:70vh;
  }
  nav ul {
    list-style:none;
    text-align: center;
    padding-left: 0;
  }
  nav ul li a{
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
    }

 /* ハンバーガーメニュー ここまで */

/* 全体共通の設定 */
body{
    background-color:#fff;
    margin:0;
    height:100%;
    width:100%;
    font-family: 'Noto Sans JP';
}

#waveCanvas{
    width:100%;
}

 /* Our Work */

 .work h2{
    text-align: center;
    font-weight:900;
    font-size:70px;
}
.work h2 span:first-child{
    color:#000;
}
.work h2 span:last-child{
    -webkit-text-stroke: 1px black;
    color: #fff;
    text-shadow:
        3px 3px 0 #000,
      -1px -1px 0 #000,  
       1px -1px 0 #000,
       -1px 1px 0 #000,
        1px 1px 0 #000;
}
.work .text{
    margin:0 15%;
    padding-bottom: 20px;
    text-align: center;
    color:#2e8b57;
    font-weight:bold;
    font-size:22px;
}

.work_image{
    background-image:url('../img/gray_bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    padding-bottom:20px;
}

.work_image .work_info .work1{
    background-image:url('../img/works_11.webp');
}
.work_image .work_info .work2{
    background-image:url('../img/works_08.webp');
}
.work_image .work_info .work3{
    background-image:url("../img/works_07.webp");
}
.work_image .work_info .work4{
    background-image:url('../img/works_09.webp');
}
.work_image .work_info .work5{
    background-image:url('../img/works_13.webp');
}
.work_image .work_info .work6{
    background-image:url('../img/works_12.webp');
}

/* Our Work ここまで */

/* Our Massage */
    .message h2{
        text-align: center;
        font-weight:900;
        font-size:70px;
    }
    .message h2 span:first-child{
        color:#000;
    }
    .message h2 span:last-child{
        -webkit-text-stroke: 1px black;
        color: #fff;
    }

    .message .text{
        margin:0 15% 10%;
        text-align: center;
        color:#2e8b57;
        font-weight:bold;
        font-size:22px;
    }

/* Our Massage ここまで */

/* footer */
footer{
    background-color: #2f4f4f;
}
footer .content p,footer .content_sp p{
    color:#fff;
}
/* footer ここまで */

/*------------------------------------------ SPサイズ ----------*/
@media (max-width:600px) {

/*ヘッダー部(ナビゲーション)*/
.header{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:5vh;
    z-index:100;
}
.header_inner{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width:1440px;
    margin:0 auto;
}
.header_logo,.header_logo img{
    height:100%;
}
.header_logo{
    margin-left:5vw;
    margin-top:7vh;
}
.header_content{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_content div.pc{
    display:none;
}

.header_content div.sp{
    display:block;
    margin-right:10vw;
    margin-top:5vh;
}
 /* ハンバーガー 個別設定 */
    nav ul {
        margin-top:40%;
    }
    nav ul li:not(:first-child) {
        margin-top:20%;
    }
    nav ul li:last-child{
        background-color: #2e8b57;
        margin-left:35%;
        margin-right:35%;
    }

 /* ハンバーガー 個別設定 ここまで */
  
/* ヘッダー部(ナビゲーション)　ここまで */

/* ファーストビュー */
    div.topimg li img{
        width:100%;
        object-fit: cover;
    }
    div.topimg{
        height:60vh;
        width:100vw;
        position:relative;       
    }
    div.topimg ul{
        padding-left: 0;
        margin-top:0;
        margin:0;
    }
    div.topimg ul,div.topimg ul div,div.topimg ul li,div.topimg ul li img{
        height:100%;
    }
    img.logo{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:90%;
    }
    .wave{
        position: absolute;
         height: 50%;
        width: 100%;
        overflow: hidden;
        z-index: 5;
        top:40%;
    }
/* ファーストビュー ここまで */

/* digital agency */
    .headline{
        margin:30px 3vw;
        overflow: hidden;
    }
    .headline_inner{
        display: grid;
        grid-auto-flow: column;
    }
    .headline_title,.headline_mark{
        width:100%;
    }
    .headline_title{
        grid-area:1/1;
        z-index:10;
    }
    .headline_text{
        width:80%;
        grid-area:2/1;
        margin:0 10%;
        color:#2e8b57;
        font-size:22px;
        font-weight:bold;
    }
    .headline_mark{
        float:right;
        margin-right:5%;
        grid-area:1/1;
        text-align: right;
    }
    .headline_mark img{
        margin-left:10vw;
        width:35vw;
    }
    .headline_title h2{
        font-weight:900;
        font-size:12vw;
        margin:10px 0;
    }
/* digital agency ここまで */

/* about us */
    .aboutus{
        background-color: #2e8b57;
    }
    .aboutus_textback{
        display: none;
    }
    .aboutus .aboutus_inner{
        display: grid;
        grid-auto-flow: column;
    }
    .aboutus .aboutus_img{
        grid-area:1/1;
        width:100%;
    }
    .aboutus .aboutus_img img{
        width:100%;
    }

    .aboutus .aboutus_text{
        grid-area:1/1;
        z-index: 10;
        width:100%;
    }

    .aboutus .aboutus_text h2{
        color:#fff;
        margin:25px 0 50px;
        font-weight:900;
        font-size:15vw;
        text-align: center;
        line-height: 1.2;
    }
    .aboutus .aboutus_text p{
        color:#fff;
        font-size:18px;
        font-weight:bold;
        margin:0 8vw 10vw;
    }
/* about us ここまで*/

/* Our Work */
    .work1,.work2,.work3,.work4,.work5,.work6{
        padding-bottom:0.5%;
    }

    .work_image .work_info div.type p.type{
        color:#fff;
        font-weight:900;
        font-size:12vw;
        line-height: 1em;
        margin-bottom: 20px;
        text-shadow: 1px 2px 3px black;        
    }
    
    .work_image .work_text{
        margin-left:10vw;
    }

    .work_image .work_text p{
        font-size:6vw;
        font-weight:900;
        width:70%;
    }

    .work_image .work_info div.content{
        margin:2% 5% 6%;
        width:90%;
        border-bottom:4px solid #00ffff;
    }
    .work_image .work_info div.exp{
        width:100%;
        margin-right:0;
        color:#fffff5;
        font-size:5vw;
        font-weight:bold;
        margin-bottom:5%;
        background-color: rgba(128, 128, 128, 0.25);
    }
    .work_image .work_info .work3 div.exp {
        background-color: rgba(128, 128, 128, 0.1);
    }

    .work_image .work_info div.type p{
    margin-bottom:0;
    margin-top:0;
    }
    .work_image .work_info div.type p.number{
        -webkit-text-stroke: 1px #0099ff;
        color:rgba(255,255,255,0);
        font-weight:900;
        font-size:70px;
        line-height:70px;
        margin-bottom:-20px;
    }
/* Our Work ここまで */

/* Our Massage */
    .message h2{
        text-align: center;
        font-weight:900;
        font-size:10vw;
    }
    .message h2 span:first-child{
        color:#000;
    }
    .message h2 span:last-child{
        -webkit-text-stroke: 1px black;
        color: #fff;
    }

    .message .text{
        margin:0 15% 10%;
        text-align: center;
        color:#2e8b57;
        font-weight:bold;
        font-size:22px;
    }

/* Our Massage ここまで */


/* footer */
    footer .sp_view{
        display: block;
    }
    footer .pc_view{
        display:none;
    }

    footer .content_sp{
        margin-left:5vw;
        padding-top:5vh;
    }

    footer .content_sp .copy1{
        width:100%;

    }
    footer .content_sp .copy1 .ardor{
        font-weight:900;
        font-size:12vw;   
        margin:0     
    }
    footer .content_sp .contact{
        width: 30%;
        margin-left: auto;
        margin-right:5vw;
    }
    footer .content_sp .contact_sp .company{
        font-weight:900;
        font-size:28px;
    }
    .content_sp .director p:first-child,.content_sp .email p:first-child,.content_sp .adress p:first-child{
        font-weight:900;
        font-size:18px;
        margin-bottom:0;
    }
    .content_sp .director p:last-child,.content_sp .email p:last-child,.content_sp .adress p:last-child{
        margin-top:0;
    }    

/* footer ここまで */

}


/*---------------------------------タブレットサイズ----------*/
@media (min-width: 601px) {

/*ヘッダー部(ナビゲーション)*/
    .header{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:5vh;
        z-index:100;
    }
    .header_inner{
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width:1440px;
        margin:0 auto;
    }
    .header_logo,.header_logo img{
        height:100%;
    }
    .header_logo{
        margin-left:5vw;
        margin-top:5vh;
    }

    .header_content{
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header_content div.pc{
        display:none;
    }
    
    .header_content div.sp{
        display:block;
        margin-right:10vw;
        margin-top:5vh;
    }
    
 /* ハンバーガー 個別設定 */
    nav ul {
        margin-top:25%;
    }
    nav ul li:not(:first-child) {
        margin-top:10%;
    }
    nav ul li:last-child{
        background-color: #2e8b57;
        margin-left:40%;
        margin-right:40%;
    }

/* ハンバーガー 個別設定 ここまで */

/* ヘッダー部(ナビゲーション)　ここまで */

/* ファーストビュー */
div.topimg li img{
    width:100%;
    object-fit: cover;;
}
div.topimg ul{
    padding-left: 0;
    margin-top:0;
}

 div.topimg{
    height:60vh;
    width:100vw;
    position:relative;       
 }
 div.topimg ul{
     margin:0;
 }
 div.topimg ul,div.topimg ul div,div.topimg ul li,div.topimg ul li img{
    height:100%;
 }
 img.logo{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width:90%;
 }
 .wave{
     position: absolute;
     height: 50%;
     width: 100%;
     overflow: hidden;
     z-index: 5;
     top:50%;
 }
/* ファーストビュー ここまで */

 /* digital agency */
    .headline{
        margin:30px 0;
        overflow: hidden;
    }
    .headline_inner{
        height:420px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }
    .headline_title,.headline_text,.headline_mark{
        width:45%;
    }
    .headline_title{
        margin-left:5%;
    }
    .headline_text{
        margin-left:5%;
    }
    .headline_mark{
        float:right;
        margin-right:5%;
        display: flex;
        align-items: center;   
        height:100%;     
    }
    .headline_mark img{
        margin-left:10vw;
        width:35vw;
    }
    .headline_title h2{
        font-weight:900;
        font-size:6vw;
        margin:10px 0;
    }
    .headline_text{
        color:#2e8b57;
        font-size:22px;
        font-weight:bold;
        margin-left: 0;
    }
/* digital agency ここまで */

/* about us */
    .aboutus{
        background-color: #2e8b57;
        padding:50px 0;
    }
    .aboutus_textback{
        display: none;
    }
    .aboutus .aboutus_inner{
        display: grid;
        grid-template-columns:700px 0 740px;
    }
    .aboutus .aboutus_img{
        grid-area:1/1;
        width:80%;
    }
    .aboutus .aboutus_img img{
        width:90%;
        height:80%;
    }

    .aboutus .aboutus_text{
        grid-area:1/1;
        margin-left:30vw;
        z-index: 10;
        width:65vw;
    }

    .aboutus .aboutus_text h2{
        color:#fff;
        margin:10px 0;
        font-weight:900;
        font-size:70px;
    }
    .aboutus .aboutus_text p{
        color:#fff;
        font-size:18px;
        font-weight:bold;
    }
 /* about us ここまで*/


 /* Our Work */
.work_image {
    padding-top: 70px;
}
.work_image .work_info{
    display:flex;
    flex-wrap: wrap;
    margin-left:calc(4vw/2);
}

.work_image .work_info div.type{
    margin-bottom:5vw;
 }

.work1,.work2,.work3,.work4,.work5,.work6{
    width: 48%;
    margin-bottom:20px;
}

.work_image .work_info div:not(:nth-child(2n)){
    margin-right:1vw;
}

.work_image .work_info div.type p.type{
    color:#fff;
    font-weight:900;
    font-size:3.5vw;
    line-height: 1em;
    text-shadow: 1px 2px 3px black;
 }
 
.work_image .work_text{
    margin-left:10vw;
 }

 .work_image .work_text p{
    font-size:6vw;
    font-weight:900;
    width:70%;
}

.work_image .work_info div.content{
    margin:2% 5% 6%;
    width:90%;
    height:40vw;
    position: relative;
    border-bottom:4px solid #00ffff;
}
.work_image .work_info div.exp{
    width:100%;
    margin-right:0;
    position:absolute;
    bottom:5%;
    color:#fffff5;
    font-size:3vw;
    font-weight:bold;
    line-height: 1.1;
    background-color: rgba(128, 128, 128, 0.25);
}
.work_image .work_info .work3 div.exp {
    background-color: rgba(128, 128, 128, 0.15);
}

.work_image .work_info div.type p{
   margin-bottom:0;
   margin-top:0;
}
.work_image .work_info div.type p.number{
    -webkit-text-stroke: 1px #0099ff;
    color:rgba(255,255,255,0);
    font-weight:900;
    font-size:70px;
    line-height:70px;
    margin-bottom:-20px;
}
/* Our Work ここまで */

/* Our Massage */
.message h2{
    font-size:70px;
}
/* Our Massage ここまで */

/* footer */
    footer .sp_view{
        display: block;
    }
    footer .pc_view{
        display:none;
    }

    footer .content_sp{
        margin-left:5vw;
        padding-top:5vh;
    }

    footer .content_sp .copy1{
        width:100%;

    }
    footer .content_sp .copy1 .ardor{
        font-weight:900;
        font-size:12vw;   
        margin:0     
    }
    footer .content_sp .contact{
        width: 30%;
        margin-left: auto;
        margin-right:5vw;
    }
    footer .content_sp .contact_sp .company{
        font-weight:900;
        font-size:28px;
    }
    .content_sp .director p:first-child,.content_sp .email p:first-child,.content_sp .adress p:first-child{
        font-weight:900;
        font-size:18px;
        margin-bottom:0;
    }
    .content_sp .director p:last-child,.content_sp .email p:last-child,.content_sp .adress p:last-child{
        margin-top:0;
    }   



}
/*----------------------PCサイズ-----------------*/
@media (min-width: 1024px) {
/* コンテンツ最大幅(1440)指定 */
    .headline_inner,.aboutus_inner,.work,.work_info,.work_text,.message,footer .content{
        max-width:1440px;
        margin:0 auto;
    }
/*ヘッダー部(ナビゲーション)*/
    .header{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:70px;
        z-index:100;
    }
    .header_inner{
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width:1440px;
        margin:0 auto;
    }
    .header_logo,.header_logo img{
        height:100%;
    }
    .header_content{
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header_content div.sp{
        display:none;
    }
    .header_content div.pc{
        height: 100%;
        display:block;
    }
    .header_content div.pc .nav_content{
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        white-space: nowrap;
    }
    .header_content div.pc .nav_content ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 40px;
        list-style: none;
    }
    .header_content div.pc .nav_content ul li{
        margin-right: 48px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_content div.pc .nav_content .contact{
        background-color: #2e8b57;
        height: 100%;
        width: 100%;
        color:#fff;
        padding:0 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }    
    .header_content div.pc .nav_content ul li a,.header_content div.pc .nav_content .contact a{
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
/* ヘッダー部(ナビゲーション)　ここまで */

 /* ファーストビュー */
    div.topimg{
       height:100vh;
       width:100vw;
       position:relative;       
    }
    div.topimg ul{
        margin:0;
    }
    img.logo{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:auto;
    }
    .wave{
        position: absolute;
        height: 50%;
        width: 100%;
        overflow: hidden;
        z-index: 5;
        top:50%;
    }
    #waveCanvas{
        width:100%;
    }
    /* ファーストビューここまで */

    /* digital agency */
    .headline{
        margin:30px 0;
        overflow: hidden;
    }
    .headline_inner{
        height:400px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }
    .headline_title,.headline_text,.headline_mark{
        width:45%;
    }
    .headline_title{
        margin-left:5%;
    }
    .headline_text{
        margin-left:5%;
    }
    .headline_mark{
        float:right;
        margin-right:5%;
        display:block;
        position: relative;
    }
    .headline_mark img{
        margin-left:10vw;
        width:auto;
        position: absolute;
        top: 20%;
    }
    .headline_title h2{
        font-weight:900;
        font-size:6vw;
        margin:10px 0;
    }
    .headline_text{
        color:#2e8b57;
        font-size:22px;
        font-weight:bold;
    }
    /* digital agency ここまで */

    /* about us */
    .aboutus{
        background-color: #2e8b57;
        padding:50px 0;
    }
    .aboutus_textback{
        display: none;
    }
    .aboutus .aboutus_inner{
        display: grid;
        grid-template-columns:700px 0 740px;
    }
    .aboutus .aboutus_img{
        grid-area:1/1;
    }

    .aboutus .aboutus_img img{
        width:720px;
        height:340px;
    }

    .aboutus .aboutus_text{
        grid-area:1/1;
        margin-left:50vw;
        z-index: 10;
        width:50vw;
    }

    .aboutus .aboutus_text h2{
        color:#fff;
        margin:10px 0;
        font-weight:900;
        font-size:70px;
    }
    .aboutus .aboutus_text p{
        color:#fff;
        font-size:18px;
        font-weight:bold;
    }
    /* about us ここまで*/
    
    /* Our Work */
    .work h2{
        text-align: center;
        font-weight:900;
        font-size:70px;
    }
    .work h2 span:first-child{
        color:#000;
    }
    .work h2 span:last-child{
        -webkit-text-stroke: 1px black;
        color: #fff;
        text-shadow:
            3px 3px 0 #000,
          -1px -1px 0 #000,  
           1px -1px 0 #000,
           -1px 1px 0 #000,
            1px 1px 0 #000;
    }
    .work .text{
        margin:0 15%;
        text-align: center;
        color:#2e8b57;
        font-weight:bold;
        font-size:22px;
    }

    .work_image{
        background-image:url('../img/gray_bg_02.webp');
        background-size: cover;
        background-position: center;
        background-repeat:no-repeat;
        padding-bottom:50px;
    }

    .work_image .work_info{
        display:flex;
        flex-wrap: wrap;
        margin-left:calc(5vw/2);
    }

    .work1,.work2,.work3,.work4,.work5,.work6{
        width: 30%;
        margin-bottom:20px;
    }

    .work_image .work_info div:not(:nth-child(2n)){
        margin-right:0;
    }

    .work_image .work_info div:not(:nth-child(3n)){
        margin-right:3vw;
    }

    .work_image .work_info .work1{
        background-image:url('../img/works_11.webp');
    }
    .work_image .work_info .work2{
        background-image:url('../img/works_08.webp');
    }
    .work_image .work_info .work3{
        background-image:url("../img/works_07.webp");
    }
    .work_image .work_info .work4{
        background-image:url('../img/works_09.webp');
    }
    .work_image .work_info .work5{
        background-image:url('../img/works_13.webp');
    }
    .work_image .work_info .work6{
        background-image:url('../img/works_12.webp');
    }

    .work_image .work_info div.content{
        height:35vw;
    }

    .work_image .work_info div.exp{
        font-size:22px;
        background-color: rgba(128, 128, 128, 0.25);
    }
    .work_image .work_info .work3 div.exp {
        background-color: rgba(128, 128, 128, 0.15);
    }

/*
    .work_image .work_info div.type p{
       margin-bottom:0;
       margin-top:0;
    }
    .work_image .work_info div.type p.number{
        -webkit-text-stroke: 1px #00ffff;
        color:rgba(255,255,255,0);
        font-weight:900;
        font-size:70px;
        line-height:70px;
        margin-bottom:-20px;
    }
    .work_image .work_info div.type p.type{
        color:#fff;
        font-weight:900;
        font-size:3.5vw;
        line-height: 1em;        
     }
*/
    .work_image .work_info div.type p.type{
        color: #fff;
    }

    .work_image .work_info div.exp{
        color:#fffff5;
        line-height: 1.3;
    }
     .work_image .work_text{
        margin-left:10vw;
     }

     .work_image .work_text p{
        font-size:60px;
        font-weight:900;
        width:70%;
    }
    /* Our Work ここまで */

    /* footer */
    footer .sp_view{
        display: none;
    }
    footer .pc_view{
        display:block;
    }

    footer .content{
        display:flex;
        align-items: stretch;
        padding:40px 0;
    }

    footer .content .copy{
        width:40%;
        margin-right: auto;
        position: relative;
        margin-left:5vw;
    }
    footer .content .copy .ardor{
        font-weight:900;
        font-size:70px;   
        margin:0     
    }
    footer .content .copy p:last-child{
        position:absolute;
        bottom:0;
    }
    footer .content .contact{
        width: 30%;
        margin-left: auto;
        margin-right:5vw;
    }
    footer .content .contact .company{
        font-weight:900;
        font-size:28px;
    }
    .director p:first-child,.email p:first-child,.adress p:first-child{
        font-weight:900;
        font-size:18px;
    }

}

/*最大幅以上の画面サイズ時*/
@media (min-width: 1440px) {
    /* digital agency */
    .headline_title,.headline_text{
        margin-left:0;
        width:50%;
    }
    .headline_mark{
        text-align: right;
        margin-right:0;
        width:50%;
        position: relative;
    }
    .headline_title h2{
        font-size:80px;
    }
    .headline_mark img{
        display: none;
        margin-left:0;
        position: absolute;
        top: 20%;
        right: 5%;
    }
    /* digital agency ここまで */

    /* about us */
/*    .aboutus{
        width:100%;
    }
 */   .aboutus .aboutus_inner{
        display: flex;
    }
    .aboutus .aboutus_img{
        width:50%;
        order:1;
    }
    .aboutus .aboutus_img img{
        width:100%;
    }
    .aboutus_textback{
        order:2;
    }
    .aboutus .aboutus_text{
        width:50%;
        padding-left:5%;
        margin-left:0;
        z-index: 0;
        order:3;
    }
    /* aboutus ここまで */

    .work_image .work_info{
        margin:0 auto;
    }

    .work_image .work_info div:not(:nth-child(3n)){
        margin-right:5%
    }

    .work_image .work_info div.content{
        height:400px;
    }
    
    .work_image .work_info div.type p.type{
        font-size:44px;
        line-height: 44px;
        color: #fff;
     }

     .work_image .work_text{
        margin-left:auto;
     }
}