@charset 'UTF-8';
/* Scss Document */
.aboutArea{
  padding: 0 20px;
}
.aboutArea  h3{
  border-top:1px solid #436472;
  border-bottom:1px solid #436472;
  padding: 10px 0;
max-width: 250px;
margin: 0 auto 40px;
}
.aboutArea .about01 p{
    letter-spacing: 2px;
}
.aboutArea .about02 p{
  line-height: 2.6;
}
.aboutArea .about03 dl{
      width: 600px;
    margin: 0 auto;
}
.aboutArea .about03 dl div{
  display: flex;
  margin-bottom: 20px;
}
.aboutArea .about03 dl div dt{
  width: 20%;
  text-align: right;
}
.aboutArea .about03 dl div dd{
  width: 80%;
  margin-left: 40px;
}

.aboutArea .about04 .store{
  display: flex;
  align-items: center;
}
.aboutArea .about04 .store .left {
    width: 590px;
}
.aboutArea .about04 .store .left iframe {
    border-radius: 20px;
}
.aboutArea .about04 .store .right p {
    line-height: 2;
}

@media screen and (max-width: 767px) {
.aboutArea{
  padding: 0 5vw;
}
.aboutArea h3{
  max-width: 180px;
  padding: 8px 0;
}
.aboutArea .about02 p{
  line-height: 2;
}
.aboutArea .about03 dl,
.aboutArea .about03 dl div dt,
.aboutArea .about03 dl div dd{
  width: 100%;
  text-align: left;
}
.aboutArea .about03 dl div{
  display: block;
  margin-bottom: 24px;
}
.aboutArea .about03 dl div dt{
 margin-bottom: 4px;
}
.aboutArea .about03 dl div dd{
  margin-left: 0;
}
.aboutArea .about04 .store{
  display: block;
}
.aboutArea .about04 .store .left {
    width: 100%;
}
}