@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:0px) {
#title{
  background-image:  url("../images/company_h1_bg.jpg");
}

.contents{
  padding: 40px 20px 0;
  text-align: left;
}
  
.contents div{margin: 0 0 60px;}
  
.contents .about{
}
  
.contents .about dl{
  background: url("../images/common_wavy_colmun.png") no-repeat;
  background-size: contain;
  background-position: 30% center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
  .contents .about dl dt,
  .contents .about dl dd{
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.5;
    padding: 7px 1em;
  }
  
  .contents .about dl dt{width: 30%;}
  .contents .about dl dd{width: 70%;}
   h3{
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  #map h3::before,
  #map h3::after{
    content:"";
    display: block;
    width: 35%;
    height: 7px;
    background: url("../images/common_wavy_row.png") no-repeat;
    background-size: auto 3px;
  }
  #map h3::before{margin: 0 0.5em 0 0;}
  #map h3::after{margin: 0 0 0 0.5em;}
  
  #map iframe{
    width:100%;
    margin: 30px auto 60px;
  }
}
@media screen and (min-width:1000px) {
.contents{
  max-width: 1000px;
  padding: 60px 0 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents div{width: 50%}
.contents .about dl dt,
.contents .about dl dd{
  line-height: 1.7;
  padding: 14px 2em;
}
  #map h3::before,
  #map h3::after{
    width: 40%;
    background-size: contain;
  }

}