@charset "utf-8";
/*  company Contents
-----------------------------------------------------------------------------*/
.greeting, .history, .access {
  background: #fff;
  position: relative;
}
.overview, .partner {
  background: #FFFAF4;
}
.greeting .photoMsg figure {
  width: 37.5%;
}
.greeting .photoMsg figure img {
  aspect-ratio: 3/4;
}
.greeting .photoMsg dd:last-child {
  text-align: right;
  margin-top: 1em;
}
.overview ul, .history ul {
  background: #fff;
  padding: 2em;
}
.overview ul li, .history ul li {
  display: flex;
  border-bottom: 2px dotted #D1C9BE;
  padding: 1em 0;
  line-height: 1.4;
  flex-wrap: wrap;
  justify-content: space-between;
}
.overview ul li h5, .history ul li h5 {
  color: #57960E;
  width: 25%;
}
.overview ul li p, .history ul li p {
  width: 73%;
}
.history ul {
  padding-bottom: 10vw;
}
.history .picArea img {
  position: absolute;
}
.history .picArea img.img01 {
  width: min(400px, 21%);
  left: 0;
  top: -1em;
}
.history .picArea img.img02 {
  width: min(200px, 10%);
  right: 3%;
  top: 2em;
}
.history .picArea img.img03 {
  width: min(320px, 17%);
  left: 3%;
  bottom: 1em;
}
.history .picArea img.img04 {
  width: min(180px, 8%);
  left: 22%;
  bottom: 0;
}
.history .picArea img.img05 {
  width: min(400px, 21%);
  right: 0;
  bottom: -1em;
}
.partner dl + dl{
  margin-top: 60px;
}
.partner dl dt {
  background: #413A31;
  color: #fff;
  padding: 1em;
  margin-bottom: 2px;
}
.partner dl dd {
  background: #fff;
  border: 1px solid #D1C9BE;
  padding: 1em 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.partner dl dd ul {
  width: 80%;
}
.partner dl dd p.ptnrLogo {
  width: 15%;
}
.partner dl dd ul li {
  display: flex;
  border-bottom: 2px dotted #D1C9BE;
  padding: 1em 0;
  line-height: 1.4;
  flex-wrap: wrap;
  overflow-wrap: break-word;
}
.partner dl dd ul li a {
  color: #023DB2;
}
.partner dl dd ul li:first-child {
  padding: 0 0 1em;
}
.partner dl dd ul li:last-child {
  border-bottom: none;
  padding: 1em 0 0;
}
.partner dl dd ul li h5 {
  color: #57960E;
  width: 18%;
}
.partner dl.one-column dd ul{
  width: 100%;
}

.access .mapWrap {
  aspect-ratio: 5/2;
}
.access ul {
  display: flex;
  margin: min(40px, 2.645vw) 0;
  flex-wrap: wrap;
}
.access ul li {
  text-align: center;
  width: 50%;
  font-size: clamp(1.4rem, 1.322vw, 2.8rem);
  line-height: 1.6;
}
.access ul li:first-child {
  border-right: 1px solid #D1C9BE;
  width: calc(50% - 1px);
}
.access ul li h5 {
  font-size: clamp(1.6rem, 1.851vw, 3rem);
  font-weight: 700;
}
.access .defTxt {
  text-align: center;
}
/*tablet---------------------------------------------*/
@media screen and (max-width:1080px) {}
/*SP---------------------------------------------*/
@media screen and (max-width:767px) {
  .overview ul, .history ul {
    padding: 0.5rem 1.5rem;
  }
  .greeting .photoMsg {
    justify-content: center;
  }
  .overview ul li h5, .history ul li h5, .partner dl dd ul, .partner dl dd ul li h5, .partner dl dd ul li p, .access ul li, .overview ul li p, .history ul li p {
    width: 100% !important;
  }
  .overview ul li p, .history ul li p, .partner dl dd ul li p {
    padding: 0.5em 0 0 1em;
  }
  .partner dl + dl{
  margin-top: 40px;
}
  .partner dl dd {
    justify-content: center;
  }
  .partner dl dd ul li:last-child {
    border-bottom: 2px dotted #D1C9BE;
    padding: 1em 0;
  }
  .partner dl dd p.ptnrLogo {
    width: 50%;
    margin-top: 1.5rem;
  }
  .access .mapWrap {
    aspect-ratio: 1/1.2;
  }
  .access ul li:first-child, .access ul li:last-child {
    border-right: none;
    border-bottom: 1px solid #D1C9BE;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .access .defTxt {
    text-align: left;
  }
  .history .picArea img.img01 {
    width: min(350px, 30%);
  }
  .history .picArea img.img02 {
    width: min(200px, 20%);
  }
  .history .picArea img.img03 {
    width: min(320px, 24%);
    bottom: 0;
  }
  .history .picArea img.img04 {
    width: min(180px, 15%);
    left: 10rem;
    bottom: -1em;
  }
  .history .picArea img.img05 {
    width: min(350px, 30%);
  }
  .history ul {
    margin-bottom: 10vw;
  }
}
/******* メディアクエリ での制御 *******/
/* :hoverが使える端末を想定 */
@media (hover: hover) {
  .partner dl dd ul li a:hover {
    text-decoration: underline;
  }
}