@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {

/* ========================================
  WORKS一覧
======================================== */
main.is-archive.ais-works #mainbox {
  position: relative;
  z-index: 1;
  border-radius: 100px 100px 0 0;
  background: linear-gradient(167.094deg, rgba(255, 255, 255, 0.4) 0.79008%, rgba(249, 245, 237, 0.4) 97.074%);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  overflow: hidden;
  margin-top: 120px;
}
main.is-archive.ais-works #mainbox .inner-Box {
  width: min(95%, 1726px);
  margin-inline: auto;
  padding-block: 160px 314px;
}

main.is-archive.ais-works #mainbox .system-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: center;
  gap: 158px 57px;
  margin-inline: auto;
  list-style: none;
  padding: 0;
}
main.is-archive.ais-works #mainbox .system-list li {
  position: relative;
  border: 2.251px solid #FFF;
  background: transparent;
  padding: 21.461px 2.251px 2.251px;
  box-sizing: border-box;
}
main.is-archive.ais-works #mainbox .system-list li a {
  display: block;
  padding: 9.605px;
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
main.is-archive.ais-works #mainbox .system-list li a:hover {
  opacity: 0.85;
  text-decoration: none;
}
main.is-archive.ais-works #mainbox .system-list li .postno {
  border-radius: 10px 10px 0 0;
  border: 1px solid #72C6C8;
  background: #FFF;
  color: #72C6C8;
  font-size: clamp(1.125rem, 0.75rem + 0.78vw, 1.688rem);
  font-weight: 500;
  line-height: 1.0002;
  letter-spacing: 0.0512em;
  display: block;
  width: 175px;
  height: 52px;
  padding: 11.03px 0 0 20.16px;
  position: absolute;
  top: -54.28px;
  left: -3.83px;
  z-index: 2;
  margin: 0;
  box-sizing: border-box;
}
main.is-archive.ais-works #mainbox .system-list li .system-ttl-01 {
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(1.125rem, 0.75rem + 0.78vw, 1.688rem);
  font-weight: 700;
  line-height: 1.77778;
  letter-spacing: 0.025em;
  padding-left: 15.36px;
  margin: 0;
  min-height: 48.025px;
  margin-bottom: 11px;
}
main.is-archive.ais-works #mainbox .system-list li .system-pic img {
  display: block;
  width: 100%;
  height: auto;
}
main.is-archive.ais-works #mainbox .system-list li .arr {
  display: block;
  line-height: 0;
  position: absolute;
  bottom: -3px;
  right: -5px;
  width: 45.023px;
  height: 45.023px;
  z-index: 2;
}
main.is-archive.ais-works #mainbox .system-list li .arr img {
  display: block;
  width: 100%;
  height: auto;
}

/* ========================================
  WORKS詳細
======================================== */
main.is-single.ais-works #system-contentsw {
  position: relative;
  z-index: 1;
  margin-top: 120px;
  border-radius: 100px 100px 0 0;
  background: linear-gradient(157.971deg, rgba(255, 255, 255, 0.4) 0.79008%, rgba(249, 245, 237, 0.4) 97.074%);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  overflow: hidden;
}
main.is-single.ais-works #system-contentsw .inner-Box {
  width: 100%;
  margin-inline: auto;
  padding-bottom: 251px;
}

main.is-single.ais-works #system-contentsw .main-bx {
  max-width: 1460px;
  width: min(95%, 1460px);
  min-width: 0;
  margin-inline: auto;
  padding: 144px 30px 170px;
}
main.is-single.ais-works #system-contentsw .main-bx h2.system-ttl {
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2777;
  letter-spacing: 0.01em;
  margin: 0;
}
main.is-single.ais-works #system-contentsw .main-bx .system-i-pic {
  margin: 29px 0 0;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-bx .system-i-pic img {
  display: block;
  width: 100%;
  height: auto;
}

main.is-single.ais-works #system-contentsw .main-site-bx {
  width: min(95%, 1100px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 45.72% 1fr;
  gap: 0 45px;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox {
  /* float: left; */
  /* width: 503px; */
  /* margin-right: 45px; */
}
main.is-single.ais-works #system-contentsw .main-site-bx .rightbox {
  /* float: left; */
  /* width: 550px; */
}
main.is-single.ais-works #system-contentsw .main-site-bx h3 {
  color: #3D3D3D;
  font-family: "Quicksand", sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.01343em;
  border-bottom: 1px solid #3D3D3D;
  padding-bottom: 15px;
  margin: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul {
  list-style: none;
  margin: 0;
  padding: 14px 0 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li + li {
  padding-top: 12px;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p {
  position: relative;
  margin: 0;
  padding-left: 100px;
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02442em;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p span {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p a {
  color: #3D3D3D;
  text-decoration: none;
}
main.is-single.ais-works #system-contentsw .main-site-bx .rightbox p {
  margin: 0;
  padding-top: 14px;
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.125;
  letter-spacing: 0.03047em;
}

main.is-single.ais-works #system-contentsw .main-site-bx2 {
  width: min(95%, 1200px);
  margin: 76px auto 90px;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li {
  margin: 0;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:nth-child(1) {
  /* width: 700px; */
  margin-right: 50px;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:nth-child(2) {
  /* width: 215px; */
  margin-right: 20px;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:nth-child(3) {
  /* width: 215px; */
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li img {
  display: block;
  width: 100%;
  height: 1000px;
  object-fit: cover;
}

main.is-single.ais-works #system-contentsw .main-site-bx3 {
  padding-top: 90px;
  background: transparent;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .inbox {
  width: min(95%, 1200px);
  margin-inline: auto;
  padding-bottom: 90px;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 104px;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li {
  width: 382px;
  margin-right: 26px;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li:nth-child(3n) {
  margin-right: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li img {
  display: block;
  width: 100%;
  height: 579px;
  object-fit: cover;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .spimages {
  margin: 0;
  line-height: 0;
  text-align: center;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .spimages img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

}

/* ========================================
 @media screen and (min-width:768px) and (max-width:1280px)
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
  main.is-single.ais-works #system-contentsw .main-site-bx2 {
  width: 93.75vw;
  margin: 5.94vw auto 7.03vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:nth-child(1) {
  margin-right: 3.906vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:nth-child(2) {
  margin-right: 1.563vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li img {
  display: block;
  width: 100%;
  height: 78.125vw;
  object-fit: cover;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 {
  padding-top: 7.031vw;
  background: transparent;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .inbox {
  width: 93.75vw;
  margin-inline: auto;
  padding-bottom: 7.031vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 8.125vw;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li {
  width: 29.844vw;
  margin-right: 2.031vw;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li img {
  display: block;
  width: 100%;
  height: 45.234vw;
  object-fit: cover;
}
}


/* ========================================
@media screen and (max-width:767px) 
======================================== */
@media screen and (max-width:767px) {

/* ========================================
  WORKS一覧
======================================== */
main.is-archive.ais-works #mainbox {
  position: relative;
  z-index: 1;
  margin-top: 0;
  border-radius: 4.831vw 4.831vw 0 0;
  background: linear-gradient(126.278deg, rgba(255, 255, 255, 0.4) 0.79008%, rgba(249, 245, 237, 0.4) 97.074%);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  overflow: hidden;
  margin-top: 3.8vw;
}
main.is-archive.ais-works #mainbox .inner-Box {
  width: min(100%, 82.126vw);
  margin-inline: auto;
  padding: 19.324vw 0 38.324vw;
}
main.is-archive.ais-works #mainbox .system-list {
  display: flex;
  flex-direction: column;
  gap: 13.29vw;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
}
main.is-archive.ais-works #mainbox .system-list li {
  position: relative;
  border: 0.344vw solid #FFF;
  background: transparent;
  padding: 3.28vw 0.344vw 0.344vw;
}
main.is-archive.ais-works #mainbox .system-list li a {
  display: block;
  padding: 1.468vw;
  position: relative;
  color: inherit;
  text-decoration: none;
}
main.is-archive.ais-works #mainbox .system-list li .postno {
  border-radius: 1.528vw 1.528vw 0 0;
  border: 0.153vw solid #72C6C8;
  background: #FFF;
  color: #72C6C8;
  font-family: "Quicksand", sans-serif;
  font-size: 4.128vw;
  font-weight: 500;
  line-height: 4.128vw;
  letter-spacing: 0.211vw;
  display: block;
  width: 26.75vw;
  height: 7.949vw;
  padding: 1.686vw 0 0 3.082vw;
  position: absolute;
  top: -7.838vw;
  left: -0.28vw;
  z-index: 2;
  margin: 0;
  box-sizing: border-box;
}
main.is-archive.ais-works #mainbox .system-list li .postno span {
  display: block;
}
main.is-archive.ais-works #mainbox .system-list li .system-ttl-01 {
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.128vw;
  font-weight: 700;
  line-height: 7.341vw;
  letter-spacing: 0.106vw;
  padding-left: 2.349vw;
  margin: 0;
  min-height: 7.341vw;
}
main.is-archive.ais-works #mainbox .system-list li .system-pic {
  margin-top: 1.762vw;
  height: auto;
  overflow: hidden;
  margin-bottom: 0;
}
main.is-archive.ais-works #mainbox .system-list li .system-pic img {
  display: block;
  width: 100%;
  height: 47.275vw;
  object-fit: cover;
}
main.is-archive.ais-works #mainbox .system-list li .arr {
  display: block;
  line-height: 0;
  position: absolute;
  right: -0.732vw;
  bottom: -0.5vw;
  width: 6.883vw;
  height: 6.883vw;
  z-index: 2;
}
main.is-archive.ais-works #mainbox .system-list li .arr img {
  display: block;
  width: 100%;
  height: auto;
}
main.is-archive.ais-works .page-list {
  margin-top: 13.333vw;
}

/* ========================================
  WORKS詳細
======================================== */
main.is-single.ais-works #system-contentsw {
  position: relative;
  z-index: 1;
  margin-top: 3.8vw;
  border-radius: 4.831vw 4.831vw 0 0;
  background: linear-gradient(108.97deg, rgba(255, 255, 255, 0.4) 0.79008%, rgba(249, 245, 237, 0.4) 97.074%);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  overflow: hidden;
  padding-top: 15.493vw;
}
main.is-single.ais-works #system-contentsw .inner-Box {
  width: 100%;
  margin-inline: auto;
  padding-bottom: 5vw;
}

main.is-single.ais-works #system-contentsw .main-bx {
  margin: 0 8.999vw;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-bx h2.system-ttl {
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.828vw;
  font-weight: 700;
  line-height: 7.728vw;
  letter-spacing: 0.191vw;
  margin: 0 0 0 -3.9vw;
}
main.is-single.ais-works #system-contentsw .main-bx .system-i-pic {
  margin: 6.298vw 0 0;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-bx .system-i-pic img {
  display: block;
  width: 100%;
  height: 39.242vw;
  object-fit: cover;
}

main.is-single.ais-works #system-contentsw .main-site-bx {
  margin: 10.2vw 8.999vw 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox {
  float: none;
  width: 100%;
  margin: 0 0 8.599vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx .rightbox {
  float: none;
  width: 100%;
}
main.is-single.ais-works #system-contentsw .main-site-bx h3 {
  color: #3D3D3D;
  font-family: "Quicksand", sans-serif;
  font-size: 4.34vw;
  font-weight: 700;
  line-height: 6.943vw;
  letter-spacing: -0.106vw;
  border-bottom: 0.362vw solid #3D3D3D;
  padding-bottom: 5.262vw;
  margin: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul {
  list-style: none;
  margin: 0;
  padding: 3.799vw 0 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li + li {
  padding-top: 0.7vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p {
  position: relative;
  margin: 0;
  padding-left: 12.4vw;
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 3.62vw;
  font-weight: 700;
  line-height: 7.241vw;
  letter-spacing: -0.056vw;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p span {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}
main.is-single.ais-works #system-contentsw .main-site-bx .leftbox ul li p a {
  color: #3D3D3D;
  text-decoration: none;
  word-break: break-all;
}
main.is-single.ais-works #system-contentsw .main-site-bx .rightbox p {
  margin: 0;
  padding-top: 3.799vw;
  color: #3D3D3D;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 3.38vw;
  font-weight: 500;
  line-height: 6.759vw;
  letter-spacing: 0.124vw;
}

main.is-single.ais-works #system-contentsw .main-site-bx2 {
  margin: 13.499vw 8.999vw 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li {
  width: 100%;
  margin: 0 0 7.3vw;
  line-height: 0;
  overflow: hidden;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li:last-child {
  margin-bottom: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx2 ul li img {
  display: block;
  width: 100%;
  height: auto;
}

main.is-single.ais-works #system-contentsw .main-site-bx3 {
  padding-top: 30.401vw;
  background: transparent;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .inbox {
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 8.9vw 32.121vw;
  padding: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li {
  width: 100%;
  margin: 0 0 7.4vw;
  line-height: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li:last-child {
  margin-bottom: 0;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 ul li img {
  display: block;
  width: 100%;
  height: auto;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .spimages {
  margin: -17vw -20vw 0;
  line-height: 0;
  text-align: center;
  overflow: hidden;
}
main.is-single.ais-works #system-contentsw .main-site-bx3 .spimages img {
  display: block;
  width: 100%;
  height: auto;
}

}