@charset "UTF-8";
/* CSS Document */


.about main > article{
  display: flex;
  flex-direction: column;
}

.pageTtl{
  order: 1;
}
.hero{
  order: 2;
}
.hero + div{
  order: 3;
}
.profile{
  order: 10;
}
.gMap{
  order: 20;
}
/*logoMark [
----------------------------------------------------------- */
.logoMark{}
.logoMark + p{
  line-height: var(--line-height-wide01);
  text-align: center;
}


@media print, screen and (min-width:768px) {
  .logoMark{}

  
}



/*profile [
----------------------------------------------------------- */
.profile{}
.profile ul{
  border-bottom: 1px solid #222;
}
.profile li{
  padding: 15px 0;
  border-top: 1px solid #222;
}
.profile li dt,
.profile li dd{
  font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-sp)), 13px);/*13 / 13*/
  text-align: left;
  line-height: var(--line-height);
}
.profile li dt{
  padding: 1em 1em 0.2em 1em;
  letter-spacing: 0.1em;
}
.profile li dd{
  padding: 0 1em 0 2em;
}
.profile li dt:nth-of-type(1){
  padding-top: 0;
}

@media print, screen and (min-width:768px) {
  .profile{}
  .profile ul{}
  .profile li{
    padding: 40px 0;
  }
  .profile li dl{
    display: flex;
    flex-wrap: wrap;
  }
  .profile li dt,
  .profile li dd{
    font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-pc)), 13px);/*13 / 13*/
  }
  .profile li dt{
    width: 20em;
    padding: 1em 1em 0 1em;
  }
  .profile li dd{
    width: calc(100% - 20em);
    padding: 1em 1em 0 0;
  }
  .profile li dt:nth-of-type(1),
  .profile li dd:nth-of-type(1){
    padding-top: 0;
  }
}

/*gMap{} [
----------------------------------------------------------- */
.gMap{
  width: 100%;
  height: 50vh;
}
.gMap iframe{
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width:768px) {
  .gMap{
    height: 450px;
  }
  .gMap iframe{}
}