@media screen and (max-width: 1080px) {
    .adWorksList li {
        width: 33%;
    }
}

@media screen and (max-width: 1050px) {
    .trackList li {
        /* display: inline-block; */
        width: 49%;
    }
}

@media screen and (max-width: 880px) {
    .worksIcon p {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

/* スマホの時だけボタンを押すと電話を自動発信させる */
@media screen and (min-width: 768px) {
    a[href^="tel:"]{
      pointer-events: none;
    }
}

@media (max-width: 750px) {
    .container {
        width: 90%;
        clear: both;
        margin: 0 auto;
    }
    
    .clear {
        clear: both;
    }

    /* スマホの時は表示 */
    .sp {
        display: block !important;
    }

     /* スマホの時は非表示 */
    .pc {
        display: none !important;
    }
        
    
    /* ハンバーガーメニュー 
    -------------------------------------------------*/
    .menu {
        display: table;
        width: 100%;
    }

    .menu ul {
        width: 100vw;
        padding: 50px 0 0;
        /* position: relative; */
    }

    .menu li {
        /* position: absolute; */
        /* justify-content: center; */
        line-height: 2.0;
        width: 200px;
        margin: 0 auto;
        font-size: 20px;
        font-size: 2.0rem;
    }

/*----------------------------------------------------------------
    トップページ
------------------------------------------------------------------*/

/* トップページ（メインビジュアル ）
-------------------------------------------------*/
.mainvisual .logomark img {
    width: 140px;
}
.logomark img {
    width: 140px;
}
.mainvisual .logotype {
    display: none;
}
.movie {
    display: none;
}
.movieImage {
    min-width: 100%;
    min-height: 100vh;
}
.movieImage img{
    width: 100%;
}

/*  NEWS
-------------------------------------------------*/
.newsBox {
    margin: 0;
    text-align: center;
}
.newsBtn {
    padding: 40px 0 0;
}
.newsBtn p {
    padding: 20px 0;
}
.newsBtn a {
    margin: 0 auto;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    width: 240px;
    padding: 0 5px 0 20px;
    /* color: #ffffff; */
    /* text-decoration: none; */
}
.newsBox p{
    font-size: 14px;
    font-size: 1.4rem;
    /* display: inline-block; */
}
.newsMenu {
    text-align: center;
    width: 110px;
}
.newsTxt {
    text-align: left;
    margin-left: 0px;
    width: 240px;
    /* display: inline-block; */
}

/* トップページ（ABOUT US）
    -------------------------------------------------*/
    .auBox1 {
        display: block;
        float: both;
        margin-top: 25px;
        border-left: none;
        text-align: center;
        overflow: hidden;
    }

    .auTitle1 {
        height: 30px;
    }

    .auBox2 {
        margin: 0 0 25px 0;
        border-left: none;
        /* float: both; */
        text-align: center;
        overflow: hidden;
    }
    
    .auLeft {
        /* float: both; */
        width: 100%;
        padding: 0%;
    }
    
    .auRight {
        /* float: both; */
        width: 100%;
    }
    
    .auTitle2 {
        display: none;
    }

    .auTxt {
        font-size: 14pt;
        font-size: 1.4rem;
        line-height: 1.9;
        color: #000000;
        text-align: left;
        margin: 25px 20px 0 20px;
    }

    .auBtn1 {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    
    .auRight img {
        width: 90%;
        margin-top: 25px;
    }

    .auBtn2 {
        display: none;
    }
    
    /* トップページ（WORKS）
    -------------------------------------------------*/
    .works {
        /* text-align: center; */
        float: none;
        overflow: hidden;
    }

    .worksTtl {
        height: 30px;
    }

    .worksber {
        background-color: #000000;
        height: 5px;
        margin-top: 10px;
        /* position: relative; */
        left: 50%;
        margin-left: -75px;
    }
    
    .worksIcon {
        width: 90%;
        margin: 20px auto 0;
        float: none;
        /* text-align: center; */
        /* position: static; */
    }
    
    .worksIcon img {
        width: 100%;
    }
    
    .WL {
        float: none;
        border-radius: 294px;
    }
    
    .WR {
        float: none;
        border-radius: 294px;
    }

    .WLP {
        /* position: absolute; */
        top: 30%;
        width: 100%;
    }

    .WRP {
        /* position: absolute; */
        top: 30%;
        width: 100%;
    }
    
    .worksIcon p {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        color: #ffffff;
    }
    
    /* 共通（CONTACT） 
    -------------------------------------------------*/
    .contact {
        margin: 20px 0;
        text-align: center;
        color: #000000;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
    }
    
    .coTtl {
        height: 30px;
        margin-top: 40px;
    }
    
    .coBox {
        margin: 10px auto;
        width: 90%;
        padding: 20px 20px;
        background-color: #d1ff00;
    }

    .telBtn {
        margin: 20px 0;
    }
    
    .coBox img {
        width: 100%;
        margin: 10px 0;
    }
    
    .conBtn {
        border: solid 2px #000000;
        color: #000000;
        display: inline-block;
        width: 100%;
        line-height: 35px;
        text-decoration: none;
    }
    
    /* ページTOPへ戻る 
    -------------------------------------------------*/
    #page_top {
        position: fixed;
        bottom: 40px;
        right: 0px;
    }
    
    #page_top a {
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 5px 0 0 5px;
        text-align: center;
        text-decoration: none;
        padding: 45px 10px 10px;
    }
    
    #page_top a:hover {
        background-color: rgba(122, 122, 122, 0.7);
        text-decoration: none;
    }
    
    .backtopIcon {
        width: 35px;
    }
    
    
    /* フッター 
    -------------------------------------------------*/
    footer {
        height: 100%;
        padding: 20px 0;
        background-color:#000000;
    }
    
    .logober {
        height: 50px;
        margin-bottom: 20px;
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .backlogo {
        height: 70%;
    }
    
    .note {
        color: #ffffff;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.6;
    }
    
    .CoreSSL {
        height: 60px;
        display: block;
        margin: 5px auto;
    }
    
    footer ul {
        margin-left: 20px;
    }

    .note ul li a {
        text-decoration: underline;
    }
    
    footer li {
        list-style: none;
        color: #ffffff;
        margin: 0 20px 0 0;
        font-size: 14px;
    }
    
    footer p.copyright {
        display: block;
        font-size: 14px;
    }

/*------------------------------------------------------------------------------------
* 会社概要（about us）
*------------------------------------------------------------------------------------*/
    .commonTop {
        height: 80px;
    }

    .commonTop .logomark img{
        width: 180px;
    }

    .commonTop .logotype {
        top: 10px;
        left: 10px;
    }

    .commonTop .logotype img {
        width: 200px;
    }

    /*-- INFORMATION 
    -------------------------------------------------*/
    .information {
        text-align: center;
        margin-bottom: 50px;
    }

    .information .logomark2 img {
        height: 100px;
    }

    .information .logotype {
        margin-top: 10px;
    }

    .information .logotype img {
        height: 30px;
    }

    .information .h2pc {
        display: none;
    }

    .information .h2sm {
        display: block;
    }

    .information h2 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5;
        margin-top: 20px;
        font-weight: bold;
    }

    .infText {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 90%;
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
        line-height: 2.0;
    }

    /*-- OUTLINE 
    -------------------------------------------------*/

    .outline {
        background-color: #ffffff;
        text-align: center;
        overflow: hidden;
        margin: 0 auto;
        width: 100%;
        max-width: 1080px;
        padding: 0;
    }

    .outline img{
        height: 30px;
    }

    .outlineber {
        background-color: #000000;
        height: 5px;
        margin-top: 10px;
        position: relative;
        left: 50%;
        margin-left: -65px;
    }

    .outlineTable {
        background-color: rgb(220, 220, 220);
        width: 90%;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .outlineTable ul {
        padding-bottom: 40px;
    }

    .outline th, .outline td {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .outline th {
        margin-top: 20px;
        font-size: 15px;
        font-size: 1.5rem;
    }

    .tableSpace {
        display: none;
    }

    .outlineTable li {
        list-style: none;
    }

    /*-- ACCESS 
    -------------------------------------------------*/

    .access {
        margin: 40px auto 0;
    }

    .access img {
        height: 30px;
    }

    .train1 {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        padding-top: 20px;
    }

    .train2 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .googleMap {
        height: 300px;
    }

    .googleMapText {
        font-size: 14px;
        font-size: 1.4rem;
    }

/*----------------------------------------------------------------
    トピックス 
------------------------------------------------------------------*/

/*  トピックスタイトル 
-------------------------------------------------*/
.topicsTtl {
    height: 30px;
}
.topicsber {
    height: 5px;
    margin-right: -70px;
}

/*  トピック一覧
-------------------------------------------------*/
.topicsBox li{
    border-bottom: solid 1px #000000;
}
.topicsBox li p{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 20px 20px;
}

/*------------------------------------------------------------------------------------
* WORKS（web）
*------------------------------------------------------------------------------------*/
.web {
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    border-left: none;
}

.webTtl img{
    height: 30px;
    padding: 0;
}

.webber {
    display: block;
    background-color: #000000;
    height: 5px;
    margin: 10px 0;
    position: relative;
    right: 50%;
    margin-right: -40px;
}

.webImg {
    margin: 20px 0;
}

.webImg img {
    width: 100%;
    height: 285px;
    object-fit: cover;
}

.webText {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
}

/*----------------------------------------------------------------
    共通タイトル（WEB、広告、映像制作、キャスティング事業） 
------------------------------------------------------------------*/
.product {
    text-align: center;
    border-left: none;
}

.proTtl img{
    height: 30px;
    padding: 0;
}

.proImg {
    margin: 20px 0;
}

.proImg img {
    width: 100%;
    height: 285px;
    object-fit: cover;
}

.proText {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
}

/*  共通（メニューリスト） 
-------------------------------------------------*/

.menuList li {
    width: 50%;
    margin: 20px 0;
}

.menuList li:nth-child(odd) {
    padding-left: 10px;
}

.menuList li:nth-child(even) {
    padding-right: 10px;
}


.menuList img{
    width: 40vw;
    height: 100%;
}

.menuList li p {
    width: 40vw;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

/*-- 共通（実績紹介） 
-------------------------------------------------*/

.trackTtl {
    font-size: 30px;
    font-size: 3.0rem;
    margin-top: 50px;
}

.trackList {
    width: 80%;
}

.trackList li {
    width: 100%;
}

.animate img {
    width: 100%;
    padding: 20px 10px 0 10px;
}

/*------------------------------------------------------------------------------------
    WORKS / WEB
*------------------------------------------------------------------------------------*/

/*  企業サイト/キャンペーンサイト制作 
-------------------------------------------------*/
.section {
    text-align: center;
    overflow: hidden;
}

.sectionTtl {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 50px;
}

.campaignber {
    background-color: #000000;
    height: 5px;
    margin: 10px 0 20px;
    position: relative;
    left: 50%;
    margin-left: -140px;
}

.sectionBox {
    width: 80%;
}

.camTxt {
    margin: 0 auto 20px;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0;
}

.camTxt p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
    line-height: 2;
}

.TxtBR {
    margin-top: 10px;
}

.camImg {
    width: 100%;
}

.camImg img {
    width: 100%;
}

/* レスポンシブウェブデザイン
-------------------------------------------------*/
.responsiveber {
    background-color: #000000;
    height: 5px;
    margin: 10px 0 20px;
    position: relative;
    right: 50%;
    margin-right: -90px;
}

.resTxt {
    margin: 0 auto 20px;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0;
}

.resTxt p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
    line-height: 2;
}

.TxtBR {
    margin-top: 10px;
}

.resImg {
    width: 100%;
}

.resImg img {
    width: 100%;
}


/*------------------------------------------------------------------------------------
    WORKS / 広告
*------------------------------------------------------------------------------------*/
.adber {
    display: block;
    background-color: #000000;
    height: 5px;
    margin: 10px 0;
    position: relative;
    right: 50%;
    margin-right: -35px;
}


/*------------------------------------------------------------------------------------
    WORKS / 映像制作
*------------------------------------------------------------------------------------*/

/*-- 映像製作（見出し） 
-------------------------------------------------*/
.viber {
    display: block;
    background-color: #000000;
    height: 5px;
    margin: 10px 0;
    position: relative;
    right: 50%;
    margin-right: -60px;
}

.viTtl2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 10px;
}

/*------------------------------------------------------------------------------------
    CASTING / キャスティング
*------------------------------------------------------------------------------------*/

/*-- 映像製作（見出し） 
-------------------------------------------------*/
.casber {
    display: block;
    background-color: #000000;
    height: 5px;
    margin: 10px 0;
    position: relative;
    right: 50%;
    margin-right: -125px;
}

.casTtl2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 10px;
}

/*  映像制作（実績紹介/YOUTUBE） 
-------------------------------------------------*/
.viWorks {
    font-size: 30px;
    font-size: 3.0rem;
    margin-top: 50px;
}

.reloadBtn {
    display: block;
    margin: 5px auto 20px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    width: 200px;
    border-radius: 40px;
    padding: 10px;
    color: #fff;
    background-color:#000000;
    cursor: pointer;
}

.youtubelist {
    width: 80%;
}

.youtubelist li {
    float: both;
    width: 100%;
    padding-top: 55%;
    margin-bottom: 10px;
}

.youtubelist li:last-child {
    margin-bottom: 0;
}

/*  キャスティング（見出し） 
-------------------------------------------------*/
.castTtl2 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.6;
    padding: 0;
    margin-bottom: 20px;
}

/*  プランタイトル 
-------------------------------------------------*/
.plan {
    margin-top: 50px;
}
.planTtl {
    height: 30px;
}
.planber {
    height: 5px;
    margin-right: -50px;
    margin-bottom: 30px;
}

/*  キャスティング実績プラン 
-------------------------------------------------*/

.sectionBox {
    width: 80%;
}

.castTxt {
    margin: 0 auto 20px;
    width: 100%;
    height: 100%;
    padding: 0;
}

.hishigata {
    font-size: 14px;
    font-size: 1.4rem;
}

.hishigata li {
    position:relative;
	padding-left:20px;
    padding-bottom: 10px;
}

.hishigata li:after{
	width:8px;
	height:8px; 
	top:7px; 
	left:5px; 
}

.castImg {
    width: 100%;
    margin-top: 0;
}

/*----------------------------------------------------------------
    NEWSの個別ページ
------------------------------------------------------------------*/

/*  NEWSの詳細内容
-------------------------------------------------*/
.newssection {
    margin: 40px auto 0;
}
.newsBox2 {
    margin: 0;
    padding: 0;
}
.newsBox2 p{
    font-size: 14px;
    font-size: 1.4rem;
}
.infoTxt {
    margin: 30px auto 30px;
    width: 80%;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.infoTxt img {
    width: 100%;
}

/*  お知らせ一覧　ボタン
-------------------------------------------------*/
.newsBtn2 a {
    font-size: 14px;
    font-size: 1.4rem;
}

/*----------------------------------------------------------------
    お問い合わせ
------------------------------------------------------------------*/
/*  タイトル 
-------------------------------------------------*/
.contactTtl {
    height: 30px;
}
.contactber {
    height: 5px;
    margin-right: -100px;
}
/*-- 入力フォーム
------------------------------------------------------------------*/
.contactArea {
    width: 90%;
    padding: 0;
}
.contactArea .formTxt {
    font-size: 16px;
    font-size: 1.6rem;
}
input[type="text"], 
input[type="email"] {
    font-size: 16px;
    font-size: 1.6rem;
}
textarea,
select {
    font-size: 16px;
    font-size: 1.6rem;
}
option {
    font-size: 14px;
    font-size: 1.4rem;
    /* transform: scale(0.5); */
}
.required2 {
    font-size: 16px;
    color: #808080;
}
.contactArea table {
    width: 100%;
    border-top: none;
    border-right: none;
}
.contactArea table th {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 100%;
    padding: 10px 20px;
    border-top: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
}
.contactArea table td {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px;
    border-right: 1px #CCCCCC solid;
}
.address:nth-child( n + 2 ) {
    padding-top: 10px;
}
.pri a {
    text-decoration: underline;
}
.btn_submit {
    margin: 0 0 20px;
    width: 80%;
    font-size: 16px;
    font-size: 1.6rem;
    background: #d1ff00;
    padding: 4% 2%;
}

/*----------------------------------------------------------------
    プライバシーポリシー
------------------------------------------------------------------*/
.ppBox {
    width: 90%;
    /* max-width: 900px; */
    margin: 0 auto;
}
.border-box {
    border:1px solid #808080;
    padding: 20px;
    margin-bottom: 40px;
}
h4 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom:10px;
}
h5 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.1;
    border-left: 4px solid #d1ff00;
    margin: 20px 0 10px 0;
    padding-left: 10px;
}
.ppBox p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 0 0 20px;
}

/*----------------------------------------------------------------
    サイトマップ
------------------------------------------------------------------*/
.smBox {
    width: 90%;
    /* max-width: 900px; */
    margin: 0 auto;
}
.border-box {
    border:1px solid #808080;
    padding: 20px;
    margin-bottom: 40px;
}
h4 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom:10px;
}
.smBox a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.1;
    border-left: 4px solid #d1ff00;
    margin: 20px 0 10px 0;
    padding-left: 10px;
    text-decoration: underline;
}

/* ------------------------------ */
}