@charset "utf-8";
/* CSS Document */

#section05 {background-color:#e6e6e6}
.divwres50 {width:50%; margin: 0 auto}
.resfloorli {background-color:#e6e6e6; width:100%; height:100%}
.resfloorli > li {display:inline-block; vertical-align:middle; color:#333}
.resfloorli > li:first-child {width:45%;}
.resfloorli > li:last-child {width:55%; height:100%}
.resfloorli > li:last-child img {width:auto; height:calc(100vh); float:right}
.resfloorli li h1 {margin-bottom:10px; text-align:left}
.resfloorli > li  p {text-align:left; margin-bottom:5px; padding-left:18px}
.marb30imp {margin-bottom:30px !important}
.resfloorli > li  p::before {content:url(../images/bullet.png); margin-left:-24px}


.resbgd01 {background:url(../images/res01.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd02 {background:url(../images/res02.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd03 {background:url(../images/res03.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd04 {background:url(../images/res04.jpg) no-repeat right; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; /*transition-timing-function: linear;*/}
.resbgd05 {background:url(../images/res05.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd06 {background:url(../images/res06.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd07 {background:url(../images/res07.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd08 {background:url(../images/res08.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd09 {background: #e6e6e6 url(../images/res09.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.resbgd01, .resbgd02, .resbgd03, .resbgd04, .resbgd05, .resbgd06, .resbgd07, .resbgd08 {background-size: cover;}
.resbgd09 {background-size: contain;}

.reswh100:hover .resbgd01:before, .reswh100:hover .resbgd02:before, .reswh100:hover .resbgd03:before, .reswh100:hover .resbgd04:before, .reswh100:hover .resbgd05:before, .reswh100:hover .resbgd06:before, .reswh100:hover .resbgd07:before, .reswh100:hover .resbgd08:before {background-color: rgba(230,230,230,0); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.reswh100, .resbgd01, .resbgd02, .resbgd03, .resbgd04, .resbgd05, .resbgd06, .resbgd07, .resbgd08 {position:absolute; top:0; left:0; width:100%; height:100%}
.reswh100:hover .resbgd01, .reswh100:focus .resbgd01, .reswh100:hover .resbgd02, .reswh100:focus .resbgd02, .reswh100:hover .resbgd03, .reswh100:focus .resbgd03, .reswh100:hover .resbgd04, .reswh100:focus .resbgd04, .reswh100:hover .resbgd05, .reswh100:focus .resbgd05, .reswh100:hover .resbgd06, .reswh100:focus .resbgd06, .reswh100:hover .resbgd07, .reswh100:focus .resbgd07, .reswh100:hover .resbgd08, .reswh100:focus .resbgd08 {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);    -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 10s; -moz-transition: all 10s; -o-transition: all 10s; transition: all 10s;}





/*
.resbgd04:hover {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: resbgdanimn 10s ease-in-out infinite alternate; animation: resbgdanimn 10s ease-in-out infinite alternate;}
@-webkit-keyframes resbgdanimn {
    0% {-webkit-transform: scale(1.0); transform: scale(1.0)}
    100% {-webkit-transform: scale(1.2); transform: scale(1.2)}
}
*/

@media screen and (min-width: 300px) {
.divwres50 {width:90%; margin: 0 auto}
.resfloorli > li {margin:20px 0}
.resfloorli > li:first-child {width:100%;}
.resfloorli > li:last-child {width:100%; height:100%}
.resfloorli > li:last-child img {width:100%; height:auto; float:right}
}

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

}

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

}

@media screen and (min-width: 1024px) {
.divwres50 {width:80%; margin: 0 auto}
.resfloorli > li {margin:0}
.resfloorli > li:first-child {width:40%;}
.resfloorli > li:last-child {width:60%; height:100%}
.resfloorli > li:last-child img {width:100%; height:auto; float:right}

}

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

@media screen and (min-width: 1366px) {
.resfloorli > li:first-child {width:45%;}
.resfloorli > li:last-child {width:55%;}
.divwres50 {width:80%; margin: 0 auto}
.resfloorli > li:last-child img {width:auto; height:calc(100vh); float:right}

}

@media screen and (min-width: 1400px) {
.resfloorli > li:first-child {width:40%;}
.resfloorli > li:last-child {width:60%;}
.divwres50 {width:80%; margin: 0 auto}

}

@media screen and (min-width: 1600px) {
.resfloorli > li:first-child {width:45%;}
.resfloorli > li:last-child {width:55%;}
.divwres50 {width:65%; margin: 0 auto}
}

@media screen and (min-width: 1900px) {
.divwres50 {width:60%; margin: 0 auto}
}