/* CSS Document */
@media screen and (max-width: 767px) {
.box{
	margin-top:40px;
    padding: 0 15px;
}

.box h3{
	margin:0 0 20px 0;
}
.box h3 img{
    width:auto;
    height: 16px;
    max-width: 100%;
}

    .box iframe{
        width: 100%;
    }
.box p{

}

.box .img{
    margin: 10px 0;
    display: flex;
}
.box .img img{
    width: 48%;
    padding: 0 1%;
}
.box .left dl{
    margin-bottom: 10px;
}
.box .left dt{
    font-size: 14px;
    font-weight: bold;
}

.box .left dd{
    font-size: 14px;
}

}

@media print, screen and (min-width: 768px) {
.box{
	margin-top:40px;
}

.box h3{
	margin:0 0 20px 0;
}

.box .left{
	float:left;
	width:365px;
}

.box .left dl{
	background:url(../../common/images/line01.gif) bottom repeat-x;
	margin:0 0 7px 0;
	padding:0 0 6px 0;
}

.box .left dt{
	float:left;
	width:80px;
}

.box .left dd{
	float:left;
	width:285px;
}

.box .img{
	float:right;
	width:320px;
}

.box .img img{
	padding:0 0 20px 0;
}

.map{
	margin:30px 0 0 0;
}
}