#colorbox, #cboxOverlay, #cboxWrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    overflow:hidden;
}

#cboxOverlay{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.7);
}

.cboxIframe{
    width:100%;
    height:100%;
    display:block;
}
.cboxPhoto{
    width:100%!important;
    height:auto!important;
}

#colorbox, #cboxContent, #cboxLoadedContent{
    box-sizing:content-box;
}

#cboxClose{
    position:absolute;
    top:20px;
    right:20px;
    background-image:url(../../../../../../content/dam/nttcom/cmn/img/btn-close-x.png);
    background-size:cover;
    width:20px;
    height:20px;
    text-indent:-9999px;
    border:none;
    cursor:pointer;
}

#cboxLoadedContent{
    position:relative;
    background-color:#fff;
    line-height:0;
    /*overflow: hidden!important;*/
    overflow:auto; -webkit-overflow-scrolling: touch;
}

/* 別ページ */
#cb_text_l{
    width:100%;
    padding:40px;
    font-size:14pt;
    line-height:1.5;
}
#cb_text_m{
    width:100%;
    padding:25px;
    font-size:12pt;
    line-height:1.5;
}
#cb_text_s{
    width:100%;
    padding:10px;
    font-size:9pt;
    line-height:1.5;
}

#cb_text_l h2{
    font-size:40pt;
    margin-bottom:30px;
    text-align: center;
}
#cb_text_m h2{
    font-size:30pt;
    margin-bottom:20px;
    text-align: center;
}
#cb_text_s h2{
    font-size:20pt;
    margin-bottom:10px;
    text-align: center;
}

.cb_subtitle{
    margin:0 auto;
}
#cb_text_l .cb_subtitle{
    width:80%;
    margin-bottom:40px;
}
#cb_text_m .cb_subtitle{
    width:90%;
    margin-bottom:20px;
}
#cb_s .cb_subtitle{
    width:100%;
    margin-bottom:10px;
}

.cb_img {
    float:left;
    width:45%;
}
.cb_img img {
    width:100%;
}
#cb_text_s .cb_img img {
    width:90%;
}

.cb_txt {
    float:right;
    width:55%;
    text-align: left;
}
#cb_text_l .cb_txt {
    padding:20px 0 0 40px;
}
#cb_text_m .cb_txt {
    padding:15px 0 0 30px;
}
#cb_text_s .cb_txt {
    padding:10px 0 0 20px;
}

#cb_text_l .cb_txt p {
    margin-bottom:20pt;
}
#cb_text_m .cb_txt p {
    margin-bottom:12pt;
}
#cb_text_s .cb_txt p {
    margin-bottom:9pt;
}

.cb_txt a{
    font-weight:bold;
}

.cb_txt a:after{
    content:" ";
    display:inline-block;
    background:url(../../../../../../content/dam/nttcom/cmn/img/cta-side-carrot.png);
    background-size:contain;
    background-repeat: no-repeat;
}

#cb_text_l .cb_txt a:after{
    margin-left:15px;
    width:15px;
    height:20px;
}

#cb_text_m .cb_txt a:after{
    margin-left:10px;
    width:10px;
    height:15px;
}

#cb_text_s .cb_txt a:after{
    margin-left:7px;
    width:5px;
    height:10px;
}

/* ムービー */
.movie iframe{
    width:550px!important;
    height:400px!important;
    margin:60px 50px;
}

/* 動画タイトル */
#cboxTitle{
    position:absolute;
    top:30px;
    left:50px;
}

@media screen and (max-width:768px) {
   #cboxLoadedContent.movie{
        width:auto!important;
        height:auto!important;
    }
   #cboxLoadedContent.movie iframe{
        width:100%!important;
        height:400px!important;
        margin:40px 0 0;
    }
   #cboxTitle{
        top:15px;
        left:15px;
   }
    #cboxClose{
        top:10px;
        right:10px;
    }
}
@media screen and (max-width:480px) {
    #cb_text_s, #cb_m, #cb_l {
        padding:20px;
        font-size:11pt;
    }
    #cb_text_s h2, #cb_m h2, #cb_l h2 {
        font-size:20pt;
        margin-bottom:20px;
    }
    #cb_text_s .cb_subtitle, #cb_m .cb_subtitle, #cb_l .cb_subtitle {
        width:100%;
        padding:0;
        margin-bottom:20px;
    }
    .cb_img{
        float:none;
        width:80%;
        margin:0 auto 20px;
    }
    #cb_text_s .cb_txt, #cb_m .cb_txt, #cb_l .cb_txt{
        float:none;
        width:100%;
        padding:0;
    }
    #cb_text_l .cb_txt a:after, #cb_m .cb_txt a:after, #cb_s .cb_txt a:after{
        margin-top:15px;
        margin-left:10px;
        width:10px;
        height:15px;
    }
   #cboxLoadedContent.movie iframe{
       width:100%!important;
       height:auto!important;
    }
}