@charset "UTF-8";
*{
    font-family:  'Noto Sans JP', sans-serif,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    margin:0;
    padding:0;
}
img{vertical-align: top;}

body{
    background:#eaf9f6;
}

@media screen and (max-width:600px){
    #main{
        background:#eaf9f6 url(/videocamp/images/sp/bg.png) no-repeat center 87vw  ;
        background-size:100% auto;
        border-bottom:1px solid #ccc;
        margin-bottom:10vw;
        text-align:center;
        width:100%;
    }
    #main .inner .logo{
        background: #fff;
        line-height: 13.33vw;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    #main .inner .logo img{
        height:auto;
        vertical-align: middle;
        width:25.733vw;
    }
    #main .inner h1{
        margin-bottom:6vw;
    }
    #main .inner h1 img{
        height:auto;
        vertical-align: top;
        width:78.666vw
    }
    #main .inner h2{
        margin-bottom:4vw;
    }
    #main .inner h2 img{
        height:auto;
        width:91.866vw;
    }
    #main .inner h2 + div{
        position:relative;
    }
    #main .inner h2 + div > p{
        background:#495754;
        color:#fff;
        line-height:6.666vw;
        display:inline-block;
        font-size:3.2vw;
        font-weight:bold;
        margin-bottom:8vw;
        padding:0 3vw;
    }
    #main .inner h2 + div > p span{
        font-size:4vw;
    }

    #main .inner h2 + div > div{
        position:absolute;
        top:-0.4vw;
        left:0;
        text-align:center;
        width:100%;
    }
    #main .inner h2 + div > div > p{
        background:rgba(252,86,123,0.8);
        color:#fff;
        display: inline-block;
        font-size:4.266vw;
        line-height:7.333vw;
        width:92vw
    }




    #main .inner h3{
        background: url(/videocamp/images/pc/img@2x.png) no-repeat center top ;
        background-size:63.2vw auto;
        padding-top:46vw;
    }
    #main .inner h3 img{
        height:auto;
        width:97.6vw
    }


    #contentsec{
        padding-bottom:10vw;
    }

    #contentsec .inner{
        background:#fff;
        border-radius:10px;
        margin:0 4vw;
        padding:4vw 4vw 8vw;
    }
    #contentsec .inner h3{
        font-size:4.2vw;
        letter-spacing: 0.08em;
        margin:8vw auto 3vw;

    }
    #contentsec .inner p{
        line-height:2em;
        margin-bottom:2em;
    }
    #contentsec .inner > dl > dt,
    #contentsec .inner > dl > dd{
        line-height:2em;
    }
    #contentsec .inner > dl > dt{
        font-weight:bold;
        position:relative;
    }
    #contentsec .inner > dl > dd{
    }
    #contentsec .inner > dl >dd p{
        margin-bottom:1em;
    }
    .serviceimg{
        margin:2vw;
    }
    .serviceimg img{
        height:auto;
        width:80vw;
    }


    #footer{
        background:#ffffff;
        text-align:center;
        padding:4vw 0;
    }
    #footer ul{margin-bottom:3.6vw;}
    #footer ul li{display:inline-block;line-height:7.7vw;}
    #footer ul li a{color:#1e1e1e;display:block;font-size:3.38vw;line-height:1em;margin-left:1.6vw;margin-right:1.6vw;text-decoration:none;}
    #footer div{margin-top:8.6vw;}
    #footer p small{color:#959595;font-size:2.8vw;}


    .pc{display:none;}

}



@media screen and (min-width:600px){



    #main{
        background:#eaf9f6 url(/videocamp/images/pc/bg@2x.png) no-repeat center 22px;
        background-size:1245px auto;
        border-bottom:1px solid #ccc;
        margin-bottom:80px;
        text-align:center;
        width:100%;
    }
    #main .inner{
        background: url(/videocamp/images/pc/img@2x.png) no-repeat 600px bottom ;
        background-size:266px auto;
        margin:0 auto;
        position:relative;
        width:900px;
    }
    #main .inner h1{
        margin-bottom:33px;
    }
    #main .inner .logo{
        position:absolute;
        left:0;
        top:28px;
    }
    #main .inner h2{
        margin-bottom:10px;
    }
    #main .inner h2 + div{
        position:relative;
    }
    #main .inner h2 + div > p{
        background:#495754;
        color:#fff;
        line-height:40px;
        display:inline-block;
        font-size:16px;
        font-weight:bold;
        margin-bottom:30px;
        padding:0 15px;
    }
    #main .inner h2 + div > p span{
        font-size:21px;
    }
    #main .inner h2 + div > div{
        position:absolute;
        top:-3px;
        left:0;
        text-align:center;
        width:100%;
    }
    #main .inner h2 + div > div > p{
        background:rgba(252,86,123,0.8);
        color:#fff;
        display: inline-block;
        font-size:24px;
        line-height:49px;
        width:483px
    }

    #main .inner h3{
        text-align:left;
    }

    #contentsec{
        padding-bottom:80px;
    }
    #contentsec .inner{
        background:#fff;
        border-radius:10px;
        margin:0 auto;
        padding:15px 40px 50px;
        width:820px;

    }
    #contentsec .inner h3{
        font-size:18px;
        letter-spacing: 0.08em;
        margin:50px auto 20px;

    }
    #contentsec .inner p{
        line-height:2em;
        margin-bottom:2em;
    }
    #contentsec .inner > dl > dt,
    #contentsec .inner > dl > dd{
        display:inline-block;
        line-height:2em;
        vertical-align: top;
    }
    #contentsec .inner > dl > dt{
        font-weight:bold;
        position:relative;
        width:6em;
    }
    #contentsec .inner > dl > dt:after{
        content:"：";
        position:absolute;
        right:0;
        top:0;
        line-height: 2em;
    }
    #contentsec .inner > dl > dd{
        width:692px;
    }
    #contentsec .inner > dl > dd p{
        margin-bottom:1em;
    }
    .kiyaku{
        border:1px solid #ccc;
        overflow-y: scroll;
        overflow-x: hidden;
        height:600px;
        padding:40px;
        width:720px;
    }
    .kiyaku dt{
        font-size:20px;
        margin-bottom:15px;
    }

    .kiyaku dd{
        margin-bottom:45px;
    }
    .kiyaku dd li{
        list-style:none;
        line-height:2em;
        text-indent: -1em;
        padding-left:1em;
    }




    .serviceimg{
        margin:15px;
    }
    #footer{
        background:#ffffff;
        text-align:center;
        padding:30px 0 ;
    }
    #footer ul{margin-bottom:45px;}
    #footer ul li{display:inline-block;}
    #footer ul li:not(:last-child) a{border-right:1px solid #1e1e1e;}
    #footer ul li a{color:#1e1e1e;display:block;font-size:16px;line-height:1em;margin-right:17px;text-decoration:none;padding-right:17px;}
    #footer p small{color:#959595;font-size:12px;}

    .sp{display:none;}

}