@charset "UTF-8";

#ly-Title.title-contact { background-image:url('../../img/common/img-title-contact.jpg'); }

#ly-Contact div.frame { padding-left:20px; padding-right:20px; }
#ly-Contact div.frame header h1 { color:#fff; }
#ly-Contact div.contact div.item { background-color:#f5f5f5; text-align:center; }
#ly-Contact div.contact div.item dl { margin-top:20px; }
#ly-Contact div.map iframe { width:100%; border:5px solid #dadada; }
#ly-Contact div.map p { padding:10px; border-radius:2px; font-size:.7em; color:#555; box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;}

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Contact div.frame { padding-top:30px; padding-bottom:30px; }
	#ly-Contact div.content iframe { height:400px; }
	#ly-Contact div.contact div.item { margin-bottom:20px; }
	#ly-Contact div.map p { margin-top:20px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1019.99px) {
	#ly-Contact div.contact div.item { padding:30px 20px; }
	#ly-Contact div.contact dd { font-size:1.2em; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1019.99px) {
	#ly-Contact div.frame { padding-top:40px; padding-bottom:40px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Contact div.contact { margin-bottom:40px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Contact div.contact div.item { width:30%; }
	#ly-Contact div.contact dt { font-weight:700; }
	#ly-Contact div.map { position:relative; }
	#ly-Contact div.map iframe { height:600px; }
	#ly-Contact div.map p { position:absolute; top:16px; right:16px; background-color:#fff; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Contact div.contact div.item { padding:40px 20px; }
	#ly-Contact div.contact dd { font-size:1.4em; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
	#ly-Contact div.frame { padding-top:50px; padding-bottom:50px; }
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
	#ly-Contact div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; }
}