@charset "UTF-8";

/*============================
aboutWrap
============================*/
.aboutWrap a{
	font-family:'Diot';
	font-size:13px;
	text-decoration:none;
	color:#fff;}
	
.aboutWrap a:hover{color:#f06701;}

.about_l p,.about_l dl dt,.about_l dl dd{
	line-height:2.6;}
@media screen and (max-width: 768px) {
  .about_l p,.about_l dl dt,.about_l dl dd{
    line-height: 1.66;
    letter-spacing: 0.1em;
  }
}
/*-----------------------
about_l
-----------------------*/
.aboutWrap {
  display: table;
}
.about_l{
  display: table-cell;
  vertical-align: top;
	width:348px;
	/*float:left;*/
	font-size:11px;}

.about_l dl{
	margin:0 0 33px 0;}

.about_l dl dt{
	width:56px;
	float:left;
	clear:both;}

.about_l ul.snsLinks {
  margin-top: 20px;
}

.about_l ul.snsLinks li a:last-child {
  margin-left: 16px;
}

.about_l ul.snsLinks li a img {
  width: auto;
  height: 42px;
}

@media screen and (max-width: 768px) {
  .aboutWrap {
    display: block;
  }
  .about_l {
    display: block;
    width: 100%;
    font-size: 12px;
    margin-bottom: 15px;
  }
  .about_l ul.snsLinks {
    margin-bottom: 20px;
  }
}
/*-----------------------
about_r
-----------------------*/
.about_r{
  display: table-cell;
  vertical-align: top;
	width:411px;
	/*float:right;
	position:relative;*/}

.link_map{
	width:130px;
	/*position:absolute;
	top:408px;
	right:6px;*/
	text-align:right;}
@media screen and (max-width: 768px) {
  .about_r {
    display: block;
    width: 100%;
    max-width: 205px;
    margin: 0 auto;
  }
  .about_r img {
    display: block;
    width: 100%;
    height: auto;
  }
  .link_map {
    margin-top: 20px;
    width: 100%;
    
  }
}