@charset "UTF-8";


img{
    max-width:100%;
    width:100%;
}

#mv{
/*    background: url(/cnt_virtual-tour/img/main_bg.jpg) no-repeat 50% 50%;
    background-size:100% auto;*/
    text-align: center;
    line-height: 1;
/*    height:0;*/
/*    padding-bottom:38.75%;*/
/*    padding-bottom:28.75%;*/
    position: relative;
}

#mv .ttl{
    background:rgba(7,100,204,0.7);
    width:100%;
    text-align:center;
/*    padding:0px 24px;*/
    position: absolute;

    top:0;
    left:0;
    /*
    top:50%;
    transform: translate(0,-50%);
    */
    z-index:2;
}

#mv .ttl img{
    width:22.5%;
}

#mv img{
    line-height: 1;
}

#mv_sp{
    display:none;
}

.movie_section{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 5% 15% 0 15%;
}

.three_movie .movie_wrap {
    width:47.5%;
    margin-bottom:5%;
}


.three_movie .movie_wrap.center {

    margin-left:auto;
    margin-right:auto;
}

.movie_section_{
    margin: 5% 10% 0 10%;
}


.four_movie .movie_wrap {
    width:49%;
    margin-bottom:5%;
}

.movie_section .movie_wrap .ttl_mov{
    color:#fff;
    text-align:center;
    font-size:1.125em;
    padding:16px 0;
    margin-bottom:24px;
}

.movie_section .movie_wrap .ttl_mov.c1{background:#479215;}
.movie_section .movie_wrap .ttl_mov.c2{background:#0764CC;}
.movie_section .movie_wrap .ttl_mov.c3{background:#CB5302;}
.movie_section .movie_wrap .ttl_mov.c4{background:#f60e00;}
.movie_section .movie_wrap .ttl_mov.c5{background:#D5A60C;}


.movie_section .movie_wrap .youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background:#efefef;
}

.movie_section .movie_wrap .thumbnail,
.movie_section .movie_wrap .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.movie_section .movie_wrap .dummy{
}

.movie_section .movie_wrap .dummy .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);

}

.movie_section .movie_wrap .dummy span{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:1.5em;
    color:#fff;
}


.movie_section .movie_wrap .youtube a{
    transition: all .4s;
}

.movie_section .movie_wrap .youtube a:hover{
    opacity:.4;
}


.movie_section .movie_wrap h3{
    text-align:center;
    margin:36px 0 0 0;
    font-size:1.25em;
}

.movie_section .movie_wrap .pdf_links{
    margin:36px 0;
    text-align:center;
}

.movie_section .movie_wrap .pdf_links a{
    display: block;
    border:1px solid #E2E2E2; 
    width:100%;
    margin:auto;
    padding:24px 0;
    font-size:1em;
    font-weight:bold;
    color:#222;
    box-shadow: 0px 0px 16px #ccc;
    position:relative;
    border-radius: 8px;
    letter-spacing: -0.05em;
}


.movie_section .movie_wrap .pdf_links.c1 a{background: url("/cnt_virtual-tour/img/icon_green.png") no-repeat 3% 50%;}
.movie_section .movie_wrap .pdf_links.c2 a{background: url("/cnt_virtual-tour/img/icon_blue.png") no-repeat 3% 50%;}
.movie_section .movie_wrap .pdf_links.c3 a{background: url("/cnt_virtual-tour/img/icon_orange.png") no-repeat 3% 50%;}
.movie_section .movie_wrap .pdf_links.c4 a{background: url("/cnt_virtual-tour/img/icon_red.png") no-repeat 3% 50%;}
.movie_section .movie_wrap .pdf_links.c5 a{background: url("/cnt_virtual-tour/img/icon_yellow.png") no-repeat 3% 50%;}


.movie_section .movie_wrap .pdf_links a:after{
    content:'';
    width:15px;
    height:22px;
    position:absolute;
    right:5%;
    top:50%;
    transform: translate(0, -50%);
    background: url("/cnt_virtual-tour/img/gl_h.png") no-repeat;
}

.movie_section .movie_wrap .pdf_links a:hover{
    box-shadow: 0px 0px 24px #aaa;
}


.contents_section{
    margin:84px 0 0 0;
    background: url(/cnt_virtual-tour/img/con_bg.png) no-repeat 0% 0%;
    background-size: 100% auto;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
}

.contents_section .ttl_con{
    font-size:1.75em;
    text-align:center;
    margin:60px 0 0 0;
}

.contents_section .ttl_con span{
    padding:16px 0 8px 0;
    display:inline-block;
}

.contents_section .ttl_con span i{
    font-style: normal;
}

.contents_section .text_lst{
    margin: 5%;
}

.contents_section .text_lst li{
    background:#ECF4F7;
    padding: 32px 160px;
    margin-top:48px;
    position:relative;
}

.contents_section .text_lst li:first-child{
    margin-top:0;
}

.contents_section .text_lst li:before{
    content:'';
    position: absolute;
    top:50%;
    left:60px;
    background:url("/cnt_virtual-tour/img/item.png");
    width:47px;
    height:39px;
    margin-top:-19.5px;
}

.contents_section .text_lst li h3{
    font-size:1.25em;
    font-weight:bold;
    margin:0 0 8px 0;
}

.contents_section .text_lst li p{
}

.movie_footer_btn{
    text-align:center;
    margin:24px 0;
}

.footer_btn{
    text-align:center;
    margin:80px 0;
}


.movie_footer_btn a,
.footer_btn a{
    display: block;
    border:1px solid #E2E2E2; 
    width:660px;
    margin:auto;
    padding:24px 0;
    font-size:1.25em;
    font-weight:bold;
    color:#222;
    box-shadow: 0px 0px 16px #ccc;
    background: #fff url("/cnt_virtual-tour/img/icon_blue.png") no-repeat 3% 50%;
}

.movie_footer_btn a:hover,
.footer_btn a:hover{
    box-shadow: 0px 0px 24px #aaa;
}

/*---------------------------------
    download icon
 ----------------------------------*/

 .dl a{
    position:relative;
}

.dl a:after{
    content:'';
    width:15px;
    height:22px;
    position:absolute;
    right:5%;
    top:50%;
    transform: translate(0, -50%);
    background: url("/cnt_virtual-tour/img/gl_h.png") no-repeat;
}



@media screen and (max-width: 747px) {


#mv{
    background: url(/cnt_virtual-tour/img/main_bg.jpg) no-repeat 50% 50%;
    background-size:100% auto;
    text-align: center;
    line-height: 1;
/*    height:0;
    padding-bottom:43.75%;*/
    position: relative;
/*    padding-bottom:38.75%;*/
}


#mv .ttl{
    background:rgba(7,100,204,0.7);
/*    width:50%;*/
    text-align:center;
    padding:0px 16px;
}

#mv .ttl img{
    width:45%;
}

.movie_section{
    display:block;
    justify-content: space-between;
    margin: 5% 5% 0 5%;
}

.movie_section .movie_wrap{
    width:auto;
    margin-bottom:48px ;
}

.movie_section .movie_wrap .ttl_mov{
    background:#2377BE;
    color:#fff;
    text-align:center;
    font-size:1em;
    padding:16px 0;
    margin-bottom:24px;
}

.movie_section .movie_wrap .youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background:#efefef;
}

.movie_section .movie_wrap .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.movie_section .movie_wrap .youtube a:hover{
    opacity:1;
}

.movie_section .movie_wrap h3{
    font-size:1em;
}

.movie_section .movie_wrap .pdf_links a{
    font-size:0.75em;
    padding:16px 0;
    background: url("/cnt_virtual-tour/img/icon.png") no-repeat 3% 50%;
    background-size: 20px 20px;
}

.contents_section{
    margin:84px 0 0 0;
    background: url(/cnt_virtual-tour/img/con_bg.png) no-repeat 0% 0%;
    background-size: 100% auto;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
}

.contents_section .ttl_con{
    font-size:1.5em;
    text-align:center;
    margin:10% 5% 7.5% 5%;
}

.contents_section .ttl_con span{
    padding:0 0 0 0;
}

.contents_section .ttl_con span i{
    display:block;
}

.contents_section .text_lst{
    margin: 5%;
}

.contents_section .text_lst li{
    padding: 7.5% 10% 7.5% 20%;
    margin-top:10%;
    position:relative;
}

.contents_section .text_lst li:first-child{
    margin-top:0;
}

.contents_section .text_lst li:before{
    content:'';
    position: absolute;
    top:50%;
    left:5%;
    background:url("/cnt_virtual-tour/img/item.png") no-repeat;
    background-size:100% auto;
    width:30px;
    height:0;
    padding-bottom:50%;
    margin-top:-15px;
}



.contents_section .text_lst li h3{
    font-size:1em;
    font-weight:bold;
    margin:0 0 16px 0;
}

.contents_section .text_lst li p{
    font-size:0.875em;
}




.footer_btn{
    text-align:center;
    margin:10% 0;
}


.movie_footer_btn a,
.footer_btn a{
    display: block;
    border:1px solid #E2E2E2; 
    width:auto;
    margin:auto 5%;
    padding:16px 0;
    font-size:0.75em;
    font-weight:bold;
    color:#222;
    box-shadow: 0px 0px 12px #ccc;
    background: #fff url("/cnt_virtual-tour/img/icon.png") no-repeat 5% 50%;
    background-size:20px 20px;
}

.movie_footer_btn a span{
    display:block;
}


.movie_footer_btn a:hover,
.footer_btn a:hover{
    box-shadow: 0px 0px 12px #ccc;
}


}



.l-footer_sharelist ul li img{
    width:auto;
    max-width:inherit;
}