@charset "UTF-8";
main#home {
  padding-bottom: min(6vw, 60px);
}
main#home #mainVisual {
  width: 100%;
  position: absolute;
}
main#home #mainVisual picture img {
  width: 100%;
}
main#home #mainVisual h2 {
  font-size: min(5.556vw, 80px);
  line-height: min(5.556vw, 80px);
  position: absolute;
  top: clamp(80px, 8.333vw, 120px);
  left: min(8.333vw, 120px);
}
@media screen and (max-width: 767px) {
  main#home #mainVisual h2 {
    font-size: max(10.638vw, 40px);
    line-height: max(10.638vw, 40px);
    top: max(15.957vw, 60px);
    left: 8px;
  }
}
main#home #introduction {
  width: 100%;
  margin-top: 50vw;
  padding: min(7vw, 70px) 0 min(6vw, 60px) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main#home #introduction {
    width: 100%;
    margin-top: max(85.106vw, 320px);
    padding: 40px 18px;
  }
}
main#home #introduction h1 {
  margin-bottom: min(7vw, 70px);
}
@media screen and (max-width: 767px) {
  main#home #introduction h1 {
    margin-bottom: 50px;
  }
}
main#home #introduction h1 .PcON1200 {
  display: none;
}
@media screen and (max-width: 1199px) {
  main#home #introduction h1 .PcON1200 {
    display: inline;
  }
}
main#home #introduction .detail {
  width: min(100vw, 1000px);
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail {
    flex-direction: column;
    justify-content: flex-start;
  }
}
main#home #introduction .detail .conceptImage {
  width: min(35vw, 304.9492px);
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail .conceptImage {
    width: max(69.016vw, 259.5px);
    margin-bottom: max(10.638vw, 40px);
  }
}
main#home #introduction .detail #copyContainer {
  width: min(54vw, 540px);
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
main#home #introduction .detail #copyContainer #sePride {
  width: 100%;
  height: min(12vw, 120px);
  margin-top: min(5vw, 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e9ebef;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride {
    width: max(79.787vw, 300px);
    height: auto;
    margin-top: max(7.979vw, 30px);
    padding: 10px 0;
  }
}
main#home #introduction .detail #copyContainer #sePride #sePrideWrapper {
  width: min(48vw, 480px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper {
    width: auto;
  }
}
main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideTitle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #333333;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideTitle {
    margin-bottom: 8px;
    flex-direction: column;
    justify-content: center;
    border: none;
  }
}
main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
  }
}
main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail .sePrideDetailContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail .sePrideDetailContainer {
    margin-bottom: 6px;
    flex-direction: row;
  }
}
main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail .sePrideDetailContainer p:nth-of-type(2) {
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail .sePrideDetailContainer p:nth-of-type(2) {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  main#home #introduction .detail #copyContainer #sePride #sePrideWrapper #sePrideDetail .sePrideDetailContainer:nth-last-of-type(1) {
    margin-bottom: 0;
  }
}
main#home #ourBusiness {
  width: 100%;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e1e1e7;
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness {
    width: 100%;
    padding: 0 18px 40px 18px;
  }
}
main#home #ourBusiness .title {
  width: min(100vw, 1200px);
  padding: min(14vw, 140px) 0 min(5vw, 50px) 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .title {
    width: 100%;
    padding: 50px 0 10px 0;
  }
}
main#home #ourBusiness .title h3 {
  font-size: min(12.727vw, 140px);
  position: absolute;
  top: max(-4.4vw, -44px);
}
main#home #ourBusiness .businessDetail {
  width: min(100vw, 1240px);
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail {
    width: 100%;
    flex-direction: column;
    padding: 0;
  }
}
main#home #ourBusiness .businessDetail .SP_imageWrapper {
  display: contents;
}
main#home #ourBusiness .businessDetail .SP_imageWrapper img {
  width: min(46.774vw, 580px);
  height: min(41.935vw, 520px);
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail .SP_imageWrapper img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
main#home #ourBusiness .businessDetail .businessDetailContainer {
  width: min(46.774vw, 580px);
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail .businessDetailContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
main#home #ourBusiness .businessDetail .businessDetailContainer h6 {
  font-size: min(5.161vw, 64px);
  line-height: min(5.161vw, 64px);
  margin: -10px 0 0 0;
}
main#home #ourBusiness .businessDetail .businessDetailContainer p.detailText {
  margin: min(5.319vw, 20px) 0;
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail .businessDetailContainer p.detailText {
    margin: max;
  }
}
main#home #ourBusiness .businessDetail .businessDetailContainer ul.indented-list {
  list-style: none; /* ●マークを消す（代わりに <span> が使われてる） */
  padding: 0;
}
main#home #ourBusiness .businessDetail .businessDetailContainer ul.indented-list li {
  position: relative;
  padding-left: 1em; /* 1文字分＋αのスペース */
  text-indent: -1em; /* 1文字分ぶん前に戻す */
}
main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton {
  width: 180px;
  height: 40px;
  margin-top: 20px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton {
    width: max(47.872vw, 180px);
    height: max(10.638vw, 40px);
    padding: max(0.798vw, 3px);
  }
}
main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton:active {
  box-shadow: none;
  transform: translateY(2px);
}
main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton .linkButtonInner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #005923;
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton .linkButtonInner {
    border: solid max(0.266vw, 1px) #005923;
  }
}
main#home #ourBusiness .businessDetail .businessDetailContainer .linkButton .linkButtonInner p.arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
main#home #ourBusiness .businessDetail.first {
  margin-bottom: min(6vw, 60px);
}
@media screen and (max-width: 767px) {
  main#home #ourBusiness .businessDetail.first {
    margin-bottom: 40px;
  }
}
main#home #outline {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main#home #outline {
    width: 100%;
    padding: 0 18px;
    scroll-margin-top: 50px;
  }
}
main#home #outline .title {
  width: min(100vw, 1200px);
  padding: min(14vw, 140px) 0 min(5vw, 50px) 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  main#home #outline .title {
    width: 100%;
    padding: min(5vw, 50px) 0 min(1vw, 10px) 0;
  }
}
main#home #outline .title h3 {
  font-size: min(12.727vw, 140px);
  position: absolute;
  top: max(-4.4vw, -44px);
  right: 0px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main#home #outline .title h3 {
    font-size: max(11.702vw, 44px);
  }
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
main#home #outline #outlineDetail dl {
  margin-bottom: min(2vw, 20px);
  display: flex;
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl {
    display: inline-block;
    margin-bottom: max(5.319vw, 20px);
  }
}
main#home #outline #outlineDetail dl dt {
  width: min(8vw, 80px);
  border-right: solid 4px #e60012;
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl dt {
    width: auto;
    padding-left: max(2.66vw, 10px);
    margin-bottom: max(1.064vw, 4px);
    display: inline-block;
    border-left: solid max(1.064vw, 4px) #e60012;
    border-right: none;
  }
}
main#home #outline #outlineDetail dl dd {
  margin-left: min(2vw, 20px);
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl dd {
    margin-left: 0;
  }
}
main#home #outline #outlineDetail dl dd ul.licence {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, min(14vw, 140px)) auto;
  column-gap: 20px;
  row-gap: 10px;
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl dd ul.licence {
    grid-template-columns: repeat(2, max(45.213vw, 170px));
    column-gap: 0px;
    row-gap: max(1.33vw, 5px);
  }
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl dd ul.licence li:nth-of-type(7),
  main#home #outline #outlineDetail dl dd ul.licence li:nth-of-type(8) {
    grid-column: 1/3;
  }
}
main#home #outline #outlineDetail dl dd ul.bank {
  display: grid;
  grid-template-columns: repeat(3, min(14vw, 140px)) auto;
  column-gap: 20px;
}
@media screen and (max-width: 767px) {
  main#home #outline #outlineDetail dl dd ul.bank {
    grid-template-columns: repeat(2, max(45.213vw, 170px));
    column-gap: 0px;
    row-gap: max(1.33vw, 5px);
  }
}
main#home #outline #outlineDetail dl:nth-last-of-type(1) {
  margin-bottom: 0;
}/*# sourceMappingURL=home.css.map */