@charset "utf-8";

div.product-area { margin: 30px; }
div.rental-area { width: 100%; margin: 25px auto; }
div.rental-area div.product { float: left; width: 300px; margin: 0 10px; text-align: center; }
div.rental-area div.product h4 { font-weight: normal; font-size: 100%; }
div.rental-area div.product h4.service { font-weight: bold; text-align: left;}
div.rental-area div.product ul { list-style: disc; margin: 0 0 25px 45px ; text-align: left; }
div.rental-area div.product ul li.contact { list-style: none; margin:25px 0 0 -20px ; }
div.rental-area div.product ul li.contact p { text-indent: -1.3em; margin-left: 1.3em; }
@media only screen and (max-width: 768px) {
div.rental-area div.product { float:none ; width: 95%; }
}

div.photo { float: left; width: 30%; }
div.photo img { width: 100%; }
div.link { float: right; width: 69%; }
h4 { font-weight: bold; font-size: 130%; padding: 0 1em .75em 0; }
div.link ol { margin: 15px 0 15px 5px; }
@media only screen and (max-width: 768px) {
div.photo { float: none; width: 100%; }
div.link { float: none; width: 90%; }
div.photo img { width: 90%; }
}

h5 { padding: .55em 1em .55em 1em; font-family: 'Muli', sans-serif; transform-origin: 0 0; transform: scaleX(0.9); width: 100%; }
h5::after { position: absolute; top: .5em; left: 0em; content: ''; width: 6px; height: -webkit-calc(100% - 1em); height: calc(100% - 1em); border-radius: 4px; background-color: #3c3c3c; }
.ml20 { margin-left: 20px; }
ol { padding-left: 20px; }

/*VisualImage-------------*/
div.visual-image { -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/video_wall.jpg) center top no-repeat; background-size: 100%; width: 98%; max-width: 1037px; margin: 0 auto 35px; height: 26vw;  }
div.visual-image img { width: 100vw; }

@media only screen and (max-width: 768px) {
div.visual-image { width: 100vw; margin-top: 0.5vw; height: 38vw; background: url(../images/video_wall.jpg) center top no-repeat; background-size: 100%; padding-top: 10px; }
}
@media only screen and (max-width: 767px) {
div.visual-image { margin-top: 14vw; }
}
@media only screen and (max-width: 600px) {
div.visual-image { margin-top: 16vw; }
}
@media only screen and (max-width: 411px) {
div.visual-image { margin-top: 10vw; }
}
@media only screen and (max-width: 320px) {
div.visual-image { margin-top: 8vw; }
}