main.page-container .philosophy-movie{
    margin-bottom: 0px;
}

main.page-container .philosophy-cont__inner {
counter-reset: number 0;
background: rgba(255, 255, 255, 0.7);
position: relative;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
color: #4a4a4a;
z-index: 2;
}

main.page-container .main-content{
position: relative;
}

main.page-container .topmovie24{
position: absolute;
top: -350px;
width: 220px;
margin-left: 50%;
left: 240px;
	animation: noSwipeZoomImg 8s;
}

main.page-container .philosophy-movie__item {
width: 100%;
cursor: pointer;
position: relative;
}

main.page-container .philosophy-movie__txt_up{
position: absolute;
top: -4em;
font-size: 80%;
color: #fff;
background: #333;
width: 100%;
text-align: center;
border-radius: 15px 15px 0 0;
line-height: 1.6em;
padding: 5px 0;
}

main.page-container .philosophy-movie__txt{
position: absolute;
bottom: -2em;
font-size: 110%;
color: #fff;
background: #333;
width: 100%;
text-align: center;
border-radius: 0 0 15px 15px;
padding: 5px 0;
}


main.page-container .philosophy-movie__txt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../svg/icon_philosophy_play.svg) center / contain no-repeat;
    width: 20px;
    height: 20px;

    top: 50%;
    left: 75%;
}

.philosophy-movie__fig::before {
content: none!important;

}

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

main.page-container .topmovie24{
    position: relative;
    top: 0;
    left: 0;
    width: 80%;
    margin: 10px auto 30px auto;
}

.philosophy-modal__sec {
    width: 100%;
}


}





.companymovie24 .philosophy-movie{
    margin-bottom: 0px;
}

.companymovie24 .philosophy-cont__inner {
background: none;
position: relative;
margin: 0;
padding: 0;
box-sizing: border-box;
color: #4a4a4a;
z-index: 2;
width: 100%;
}

.companymovie24 .philosophy-movie__main{
position: relative;
background: #fff;
display: block;
margin: 0;
width: 100%;
}

.companymovie24 .philosophy-movie__item{
width: 100%;
text-align: center;
}

.col_r .companymovie24 .philosophy-cont,.col_r .companymovie24 .philosophy-movie__main,.company_subPage .companymovie24 .philosophy-movie__main{
background: #000;
}

.company_subPage{
width: 130px;
position: absolute;
right: 45px;
bottom: 5px;
}

.company_subPage .companymovie24 .philosophy-movie__main{
padding: 5px 20px 2px 20px;
border-radius: 7px;
}

.company_subPage div{
width: 100%;
}

.company_subPage .companymovie24 .philosophy-movie__img{
width: 100%;
height: auto;
}

.companymovie24 .philosophy-movie__item .philosophy-movie__fig {
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: middle;
}

.companymovie24 .philosophy-movie__img{
width: auto;
height: 100%;
}

.companymovie24 .philosophy-movie__txt{
position: relative;
color: #000;
margin: 0 0 0 30px;
text-align: left;
display: inline-block;
vertical-align: middle;
font-size: 200%;
padding-left: 22px;
background: url(../png/arrow_icon01-2.png) no-repeat 2px 8px;

}

.companymovie24 .philosophy-movie__fig::before {
    top: 30%;
    left: 85%;
}


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

.col-2nd .col_r.col_movie div{
margin-top: 0;
}

.col-2nd .col_r.col_movie{
margin-left: 0;
}

.companymovie24 .philosophy-movie__main{
width: auto;
margin: 0px;
}

.companymovie24 .philosophy-movie__item .philosophy-movie__fig {
    width: 60%;
}

.companymovie24 .philosophy-movie__img {
    width: 100%;
    height: auto;
}

.companymovie24 .philosophy-movie__item {
width: auto;
}
.companymovie24 .philosophy-movie__txt{
font-size: 130%;
margin: 0 0 0 5px;
}
.companymovie24 .philosophy-movie__txt span{
display: block;
}

.companymovie24 .philosophy-movie__fig::before {
	width: 25px;
	height: 25px;
}

.movieAisatu{
padding-bottom: 160px;
}

.company_subPage{
width: 100%;
position: absolute;
right: 0px;
bottom: 0px;
}


}