@charset "UTF-8";

/* 会社概要 */
.company{
  text-align: center;
}
.company h3{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.company-img{
  max-width: 767px;
  width: 100%;
  margin: 5rem auto;
  padding: 0 0.5rem;
}

.company-img img{
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
/* 会社概要 */
.company-flex{
  text-align: left;
  display: flex;
  align-items: flex-start;
  max-width: 767px;
  width: 21.5rem;
  margin: 0 auto;
  column-gap: 1rem;
}

.company-flex:nth-of-type(1){
  margin-top: 0.5rem;
}

.company-flex dt {
  width: 7rem;
  flex-shrink: 0;
  padding-bottom: 0.5rem;
}
/* 下線 */
.company-flex:not(:nth-of-type(6)) dt::after{
  content: "";
  display: block;
  width: 6rem;
  padding-bottom: 0.5rem;
  border-bottom:1px dotted #000;
}

.company-flex:not(:nth-of-type(6)) dd::after{
  content: "";
  display: block;
  width: 13rem;
  padding-bottom: 0.5rem;
  border-bottom:1px dotted #000;
}

.company-flex-ul li{
  border-bottom:1px dotted #000;
  padding-bottom: 0.5rem;
}

.company-flex-ul :not(:first-child){
  padding-top: 0.5rem;
}
/* 丸点（疑似要素） */
.company-flex-ul{
  margin: 0;
  padding: 0;
}

.company-flex-ul li{
  display: flex;
  align-items: flex-start; /* 文字の1行目基準 */
  column-gap: 0.25em;
}


.company-flex-ul li::before{
  content: "●";
  flex-shrink: 0;      /* 絶対に潰れない */
  line-height: 1.3;   /* 文字と縦位置合わせ */
}

/* 文字間隔 */
.company-flex:not(:nth-of-type(6)) dt{
  letter-spacing: 0.5rem;
}

.company-flex:nth-of-type(1) dt{
  letter-spacing: 1.0rem;
  text-align: center;
}

.company-flex:nth-of-type(3) dt{
  text-align: center;
  letter-spacing: 1.5rem;
}
/* 代表挨拶 */
.owner{
  max-width: 767px;
  margin: 3rem auto;
  padding: 0 0.5rem;
}

.owner-container{
  max-width: 767px;
}

.h3-container{
  text-align: center;
  margin-bottom: 2rem;
}

.owner-img{
  max-width: 767px;
  width: 100%;
  height: auto;
  margin-top: 2rem;
  text-align: center;
}

.owner-img p{
  margin-top: 1rem;
}

.owner-img img{
  width: 100%;
  height: 200px;
  object-fit: contain;
  object-position: top;
}
/* map */
.map{
  max-width: 767px;
  text-align: center;
  margin-bottom: 2rem;
}

.map h3{
  margin-bottom: 2rem;
}

.map-container{
  max-width: 767px;
  aspect-ratio: 16 / 9;
  margin: 0 auto 1rem;
  padding: 0 0.5rem;
}

.map-container iframe{
  width: 100%;
  height: 100%;
}

.map-list{
  font-size: 1.0rem;
  line-height: 1.6;
}

@media(min-width: 768px){
  .company{
    max-width: 1080px;
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
}

.company-img{
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 0.5rem;
  margin-top: 10rem;
}

.h3-container{
  text-align: center;
  margin-bottom: 3rem;
}


/* 代表挨拶 */

.owner-container{
  max-width: 1080px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  column-gap: 1rem;
}
.owner{
  max-width: 1080px;
}

.owner-img{
  margin-top: 0;
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;   /* 縦並び */
  align-items: center;      /* 横方向中央（img/p の中央） */
  justify-content: center;  /* 縦方向中央（まとまりを中央へ） */
  gap: 0.5rem;
}

.owner-img p{
  margin-top: 0;
}

.owner-img img{
  height: 400px;
}

.owner-container p{
  max-width: 400px;
  text-align: justify;
}

/* map */
.map{
  max-width: 1080px;
  margin: 0 auto 2rem;

}

.map-container{
  max-width: 767px ;
  width: 100%;
}
.map-list{
  font-size: 1.0rem;
  line-height: 1.6;
}
}