@charset "UTF-8";
body * {
  font-family: "m-plus-rounded-2c", sans-serif;
}
body, #link {
  background: #fffbf1;
}
body, .btn_box a {
  color: #4b79cd;
}
#aqua {
  background: #ecebf9;
}
#aqua .btn_box a {
  background: #cccbff;
}
#breeze {
  background: #e3f8eb;
}
#breeze .btn_box a {
  background: #b9ffd4;
}
#shine {
  background: #ffe3d9;
}
.item .btn_box a {
  font-weight: 700;
}
.item .btn_box a:hover {
  opacity: 1;
  background: #fbffbf !important;
}
.btn_box a, #link .btn_box a {
  border: 0.1em solid #4b79cd !important;
}
a img {
  border-radius: 4em 0 4em 0;
}
/*a img, .portlait img*/ .border_img {
  filter: drop-shadow(0 2px 0 #4b79cd) drop-shadow(-2px 0 0 #4b79cd) drop-shadow(0 -2px 0 #4b79cd) drop-shadow(2px 0 0 #4b79cd);
}
h3 .sub {
  diplay: block;
}
/*kv
----------------------------------------*/
section#kv {
  padding: 0;
}
/*cm
----------------------------------------*/
#cm {
  min-height: 100dvh;
  display: flex;
  align-items: center;
}
#cm .column_box {
  width: 100%;
  text-align: center;
}
#cm h2 {
  font-size: 2em;
  margin-bottom: 1.5em;
}
#cm .txt_box p {
  line-height: 2;
}
@media screen and (max-width:768px) {
  .column_box {
    display: flex;
    flex-direction: column-reverse;
  }
}
/*feat_box
----------------------------------------*/
#breeze, #aqua, #shine {
  position: relative;
  padding: 0;
  border-top: 0.1em solid #4b79cd;
}
#breeze h2, #aqua h2, #shine h2 {
  font-size: 5vw;
  /*font-weight: 700;*/
  line-height: 1.2;
  padding: 12dvh 5%;
  padding-bottom: 0;
}
#breeze h2 .char, #aqua h2 .char, #shine h2 .char {
  /*font-family: "Cabin Sketch", sans-serif !important;
  -webkit-text-stroke: 1px #4b79cd;
  paint-order: stroke;*/
}
.fuwari {
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(5%);
  }
}
.fuwari2 {
  animation: floating-x 2s linear infinite alternate-reverse;
}
@keyframes floating-x {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-10deg);
  }
}
.profile {
  padding-bottom: 8em;
  overflow: hidden;
}
.profile .area {
  text-align: center;
  padding: /*2em*/ 0 5%;
  max-width: 1200px;
  margin: 0 auto;
}
.feat_box {
  text-align: center;
}
.feat_box .item {
  position: sticky;
  width: 98%;
  background: #fffbf1;
  /*border: 0.1em solid #4b79cd;*/
  border-left: none;
  border-right: none;
  /*height: 100dvh;*/
  border-radius: 1em 1em 0 0;
  top: 90dvh;
  left: 1%;
  height: 10dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding: 0 5%;
  border: 0.1em solid #4b79cd;
  border-bottom: none;
}
.portlait {
  display: flex;
  flex-wrap: wrap;
  margin: 3em 0;
  position: relative;
}
.area {
  display: flex;
  gap: 5%;
}
.area img {
  max-height: 70dvh;
  max-width: 80%;
}
.area:nth-of-type(even) .portlait {
  justify-content: flex-end;
}
.message p {
  line-height: 2;
  margin-bottom: 2em;
}
h3.name {
  width: 100%;
  font-family: "Cabin Sketch", sans-serif !important;
  font-size: 1.5em;
  font-weight: 400;
  text-align: left;
  margin-top: 0.7em;
}
.area:nth-of-type(even) h3.name {
  text-align: right;
}
@media screen and (min-width:769px) {
  .area:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .area {
    align-items: center;
  }
  .message {
    flex: 1;
  }
}
@media screen and (max-width:768px) {
  #breeze h2, #aqua h2, #shine h2 {
    letter-spacing: 0.1em;
    font-size: 9vw;
  }
  .area {
    flex-direction: column-reverse;
  }
  #breeze .area {
    flex-direction: column;
  }
}
/*member
----------------------------------------*/
.message img.accent {
  max-width: 45%;
}
.portlait img.accent {
  width: 150px;
  max-width: 30%;
}
.portlait .accent {
  position: absolute;
  z-index: 1;
}
#carmen .accent {
  right: 0;
  bottom: 3dvh;
  width: 250px;
  max-width: 40%;
}
#juun .portlait {
  justify-content: center;
}
#ian .accent {
  bottom: 0;
  right: 10%;
}
#ian.area .border_img {
  max-width: 100%;
}
#ian .message {
  white-space: nowrap;
}
#yuha .portlait {
  justify-content: center;
}
#stella .portlait {
  justify-content: flex-start;
}
#stella .accent {
  top: 15dvh;
  right: 0;
  width: 200px;
  max-width: 35%;
}
#ye-on .portlait {
  justify-content: center;
}
#ye-on .portlait .accent {
  right: 0;
  top: 0;
  width: 135px;
  max-width: 25%;
}
#jiwoo .portlait {
  justify-content: center;
}
#jiwoo .accent {
  width: 120px;
  max-width: 25%;
}
#a-na .portlait {
  justify-content: center;
}
#breeze .pict {
  max-width: 1200px;
  margin: 1em auto;
  padding: 0 5%;
}
/*making
----------------------------------------*/
#making {
  background: #fbffbf;
  border: 0.1em solid #4b79cd;
  border-right: none;
  border-left: none;
  text-align: center;
}
#making p {
  width: 1000px;
  padding: 15dvh 5%;
  max-width: 90%;
  margin: 3em auto 0;
  background: #fff;
  border-radius: 1em;
  border: 0.1em solid #4b79cd;
}
/*other
----------------------------------------*/
.totop {
  margin-top: 5dvh;
}
#link a {
  background: none;
}
#link {
  text-align: center;
}
#link .pict {
  margin-bottom: 3em;
}
#link .pict img {
  width: 500px;
  max-width: 85%;
}
#link p {
  line-height: 2;
}
#link .btn_box a {
  box-shadow: none;
}
.footer {
  padding: 3em 0;
}