@charset "UTF-8";

#page .contact{position:relative;}
#page .contact .title{position:relative;margin:0;padding:0;font-size:50px;font-weight:300;color:#4D4D4D;line-height:1.4;text-align:center;}
#page .contact .title b{font-weight:600;}
#page .contact .title span{font-weight:600;color:#007CAA;}
#page .contact .map{position:relative;margin-top:100px;background-color:#EEEEEE;}
#page .contact .map:before{content:"";display:block;padding-bottom:40%;}
#page .contact .detail{position:relative;margin-top:80px;font-size:24px;line-height:1.4;border-top:solid 2px #414141;border-bottom:solid 2px #414141;}
#page .contact .detail .item{position:relative;display:grid;grid-template-columns:2fr 4fr;column-gap:30px;align-items:center;padding:20px 0;border-top:solid 1px #707070;}
#page .contact .detail .item:first-of-type{border-top:none;}
#page .contact .detail .item .item_title{position:relative;margin:0;padding:0 20px;font-weight:600;color:#4A5053;font-size:1em;letter-spacing:0.01em;}
#page .contact .detail .item .item_content{position:relative;margin:0;padding:0;font-weight:400;color:#707070;margin-top:5px;letter-spacing:0;}
#page .contact .detail .item .item_content a{text-decoration:none;}

@media all and (max-width:1000px){
	#page .contact{font-size:18px;}
	#page .contact .title{font-size:2em;}
	#page .contact .map{margin-top:80px;}
	#page .contact .detail{margin-top:60px;font-size:1.2em;}
	#page .contact .detail .item{padding:1em 0;}
	#page .contact .detail .item .item_title{padding:0 1em;}
}
@media all and (max-width:800px){
	#page .contact{font-size:16px;}
	#page .contact .map{margin-top:60px;}
	#page .contact .detail{margin-top:50px;}
}
@media all and (max-width:600px){
	#page .contact{font-size:14px;}
	#page .contact .map{margin-top:40px;}
	#page .contact .map:before{padding-bottom:75%;}
	#page .contact .detail{margin-top:40px;}
	#page .contact .detail .item .item_title,
	#page .contact .detail .item .item_content{grid-column:span 6;padding:0 1em;}
}
@media all and (max-width:400px){
	#page .contact{font-size:13px;}
	#page .contact .map{margin-top:30px;}
	#page .contact .detail{margin-top:30px;}
}