@charset "UTF-8";
.about {
  background: #FBFBFB url(../img/bg.webp) no-repeat top left/contain;
}
.about .pageTtl > h1 {
  padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
  .about .pageTtl > h1 {
    padding-bottom: 110px;
  }
}

.pageTtl {
  background: none;
}

.mvv {
  display: flex;
  flex-direction: column;
  gap: min(60 / 750 * 100dvw, 60px);
}
.mvv.wrap {
  padding-top: 0px;
}
.mvv .mvv_inner {
  display: flex;
  flex-direction: column;
}
.mvv .mvv_inner h2 {
  margin-bottom: 30px;
}
.mvv .mvv_inner .mvv_txt {
  background: #F7F7F7;
  width: 100%;
  padding: min(40 / 750 * 100dvw, 40px) 0;
  font-size: 24px;
}
.mvv .mvv_inner .mvv_txt ul {
  margin: 0 1em 0 3em;
  list-style-type: disc;
  color: #C60309;
}
.mvv .mvv_inner .mvv_txt ul li {
  margin-bottom: min(20 / 750 * 100dvw, 20px);
}
.mvv .mvv_inner .mvv_txt ul li p {
  color: #121212;
}
@media screen and (max-width: 750px) {
  .mvv .mvv_inner .mvv_txt {
    font-size: clamp(14px, 28 / 750 * 100dvw, 28px);
  }
  .mvv .mvv_inner .mvv_txt ul {
    padding-right: 1em;
  }
}
.mvv .mvv_inner:first-of-type .mvv_txt {
  padding: min(80 / 750 * 100dvw, 80px) 0;
}
.mvv .mvv_inner:first-of-type .mvv_txt p {
  width: 85%;
  margin: auto;
  text-align: center;
}

.company {
  background-color: #C60309;
  padding: min(60 / 750 * 100dvw, 60px) 0 min(40 / 750 * 100dvw, 40px);
}
.company .company_inner {
  width: 90%;
  margin: auto;
  padding: min(30 / 750 * 100dvw, 30px) 0;
  background-color: #FFFFFF;
}
.company .company_inner h2 {
  text-align: center;
}
.company .company_inner dl.wrap {
  display: grid;
  grid-template-columns: 200px 1fr;
  margin: auto;
  padding: 0;
}
.company .company_inner dl.wrap dt,
.company .company_inner dl.wrap dd {
  padding: 20px 0 20px 60px;
  border-bottom: 1px solid #F7F7F7;
}
.company .company_inner dl.wrap dt:last-of-type,
.company .company_inner dl.wrap dd:last-of-type {
  border-bottom: none;
}
.company .company_inner dl.wrap dt span.indent-to-adjust,
.company .company_inner dl.wrap dd span.indent-to-adjust {
  width: 5em;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.company .company_inner dl.wrap dt {
  font-weight: 700;
}
.company .company_inner dl.wrap dd ul {
  padding-left: 1em;
  list-style-type: "・";
}
@media screen and (max-width: 750px) {
  .company {
    font-size: clamp(14px, 28 / 750 * 100dvw, 28px);
  }
  .company .company_inner dl.wrap {
    grid-template-columns: auto 1fr;
    gap: 0 min(80 / 750 * 100dvw, 80px);
    width: 95%;
    max-width: min(600 / 750 * 100dvw, 600px);
  }
  .company .company_inner dl.wrap dt,
  .company .company_inner dl.wrap dd {
    padding: min(40 / 750 * 100dvw, 40px) 0 min(40 / 750 * 100dvw, 40px) 0;
  }
}

.business_partner {
  padding-bottom: min(60 / 750 * 100dvw, 60px);
  background-color: #C60309;
}
.business_partner .business_partner_inner {
  width: 90%;
  margin: auto;
  padding: min(30 / 750 * 100dvw, 30px) 0;
  background-color: #FFFFFF;
}
.business_partner .business_partner_inner h2 {
  text-align: center;
}
.business_partner .business_partner_inner .business_partner_txt.wrap {
  width: 85%;
  margin: auto;
  padding: 0;
}
.business_partner .business_partner_inner .business_partner_txt.wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.business_partner .business_partner_inner .business_partner_txt.wrap ul li {
  line-height: 2;
}
.business_partner .business_partner_inner .business_partner_txt.wrap ul li::before {
  content: "●";
}
.business_partner .business_partner_inner .business_partner_txt.wrap ul li:last-of-type {
  padding-left: 1em;
}
.business_partner .business_partner_inner .business_partner_txt.wrap ul li:last-of-type::before {
  content: "";
}
@media screen and (max-width: 750px) {
  .business_partner {
    font-size: clamp(14px, 28 / 750 * 100dvw, 28px);
  }
}

.history {
  background-image: linear-gradient(to right bottom, #FFFFFF 0% 50%, #F7F7F7 50% 100%);
  background-size: 100% 100%;
}
@media screen and (max-width: 750px) {
  .history {
    background-image: conic-gradient(from 240deg at 0% 25%, #FFFFFF 90deg, #FFFFFF 90deg 180deg, #F7F7F7 180deg 270deg, #F7F7F7 270deg);
  }
}
.history .history_inner.wrap {
  width: 100%;
  padding-left: 5%;
}
.history .history_inner.wrap .history_scroll .scroll {
  display: flex;
  overflow-x: auto;
  scrollbar-color: #C60309 #F7F7F7;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1em;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner {
  flex: 0 0 24%;
  max-width: 100%;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_year {
  font-family: "Jost", sans-serif;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner > .scroll_year {
  position: relative;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 50px 0;
  background-color: #121212;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line::before {
  content: "●";
  position: absolute;
  top: -0.5em;
  left: 0.75em;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  color: #C60309;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line::after {
  content: "";
  position: absolute;
  bottom: -3.2em;
  left: 1.25em;
  width: 1px;
  height: 40px;
  border-left: 2px dotted #C60309;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: start;
  gap: 1em;
  min-width: 280px;
  min-height: 350px;
  margin-right: 20px;
  padding: 40px 20px;
  background-color: #FFFFFF;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card .scroll_year {
  grid-column: 1/2;
  color: #C60309;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card .scroll_month {
  grid-column: 1/2;
  color: #969696;
  -webkit-text-decoration: dotted;
          text-decoration: dotted;
  text-underline-offset: 3px;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card .scroll_month::before {
  content: "・";
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card .scroll_txt {
  grid-column: 2/3;
}
.history .history_inner.wrap .history_scroll .scroll .scroll_inner:last-of-type .scroll_card {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  .history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line {
    margin: min(60 / 750 * 100dvw, 60px) 0 min(100 / 750 * 100dvw, 100px);
  }
  .history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line::before {
    width: min(16 / 750 * 100dvw, 16px);
    height: min(16 / 750 * 100dvw, 16px);
  }
  .history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_line::after {
    height: min(100 / 750 * 100dvw, 100px);
  }
  .history .history_inner.wrap .history_scroll .scroll .scroll_inner .scroll_card {
    min-width: min(500 / 750 * 100dvw, 500px);
    width: min(560 / 750 * 100dvw, 560px);
    min-height: min(700 / 750 * 100dvw, 700px);
    margin-right: min(40 / 750 * 100dvw, 40px);
    padding: min(80 / 750 * 100dvw, 80px) min(40 / 750 * 100dvw, 40px);
  }
}

.access .access_inner .access_map {
  display: grid;
  gap: min(80 / 750 * 100dvw, 80px);
}
.access .access_inner .access_map .access_map_box {
  display: flex;
  gap: min(40 / 750 * 100dvw, 40px);
  height: 344px;
}
@media screen and (max-width: 750px) {
  .access .access_inner .access_map .access_map_box {
    flex-direction: column;
    height: auto;
  }
}
.access .access_inner .access_map .access_map_box .access_map_area {
  width: 100%;
  max-width: 600px;
}
.access .access_inner .access_map .access_map_box .access_map_area iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .access .access_inner .access_map .access_map_box .access_map_area {
    width: 100%;
    aspect-ratio: 3/2;
  }
}
.access .access_inner .access_map .access_map_box .access_map_addr {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_name,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_txt,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_station,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_sns {
  flex-basis: 100%;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_name {
  font-size: 24px;
  font-weight: 700;
  color: #C60309;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_txt {
  font-size: 14px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p {
  display: flex;
  align-items: center;
  color: #C60309;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a .img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p .img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a .img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5em;
  background-color: #C60309;
  border-radius: 50px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a .img img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p .img img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a .img img,
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .img img {
  width: 24px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p {
  flex-wrap: wrap;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .note {
  background-color: none;
  margin-right: 0;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .note {
    font-size: clamp(14px, 28 / 750 * 100dvw, 28px);
  }
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_station {
  color: #707070;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_station p {
  font-weight: 700;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_station ul {
  padding-left: 1em;
  list-style-type: "・";
  line-height: 2;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #121212;
  border-radius: 50px;
}
.access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul li a img {
  width: 24px;
}
@media screen and (max-width: 750px) {
  .access .access_inner .access_map .access_map_box .access_map_addr {
    gap: min(40 / 750 * 100dvw, 40px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_name {
    font-size: 16px;
    padding-bottom: 0;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_txt {
    font-size: clamp(14px, 32 / 750 * 100dvw, 32px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt {
    flex-direction: column;
    align-items: flex-start;
    gap: min(12 / 750 * 100dvw, 12px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p {
    display: flex;
    align-items: center;
    color: #C60309;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a .img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p .img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a .img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .img {
    display: inline-block;
    width: min(48 / 750 * 100dvw, 48px);
    height: min(48 / 750 * 100dvw, 48px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel a .img img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_tel p .img img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking a .img img,
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .img img {
    width: min(48 / 750 * 100dvw, 48px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_redTxt .addr_parking p .note {
    padding-left: min(48 / 750 * 100dvw, 48px);
    font-size: clamp(14px, 24 / 750 * 100dvw, 24px);
    line-height: 1;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_station {
    color: #707070;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_station p {
    font-weight: 700;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_station ul {
    font-size: clamp(14px, 28 / 750 * 100dvw, 28px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul {
    justify-content: flex-start;
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul li a {
    width: min(80 / 750 * 100dvw, 80px);
    height: min(80 / 750 * 100dvw, 80px);
  }
  .access .access_inner .access_map .access_map_box .access_map_addr .addr_sns ul li a img {
    width: min(48 / 750 * 100dvw, 48px);
  }
}/*# sourceMappingURL=about.css.map */