@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  background: url("https://content-cf.reality.app/b7c1c03107131fcd259939a76cf15e4b59992f47.png?t=1754013683");
}

wrapper {
  display: block;
  width: 1280px;
  margin: 0 auto;
  background-color: #fff;
}

header .Header_SP {
  display: none;
}
header .Header_PC {
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  width: 1240px;
  max-width: calc(100% - 40px);
  height: 74px;
  position: fixed;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 0 40px;
  margin: 20px auto 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(74, 76, 87, 0.1);
  border-radius: 8px;
}
header .Header_PC_Label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
header .Header_PC_Label img {
  position: relative;
  width: 180px;
  margin-right: 28px;
}
header .Header_PC_Label p {
  position: relative;
  font-family: "Noto Sans JP";
  font-weight: 350;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
header .Header_PC_Label p::before {
  position: absolute;
  top: 14px;
  left: -28px;
  content: "";
  width: 30px;
  height: 1px;
  border: #BDC3D6 solid 1px;
  transform: rotate(90deg);
}
header .Header_PC ul li a {
  position: relative;
  display: inline-block;
  color: #000;
}
header .Header_PC ul li a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1.2px;
  background-color: #000;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
header .Header_PC ul li a:hover {
  text-decoration: none;
  font-weight: bold;
}
header .Header_PC ul li a:hover::after {
  transform: scaleX(1);
}
header ul {
  margin: 0 30px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
header ul li {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #000000;
  margin-right: 20px;
  text-align: center;
}
header ul li:last-of-type {
  margin-right: 0;
}
header button {
  font-family: "Inter",sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  width: 140px;
  height: 54px;
  background: linear-gradient(128.39deg, #689EFF 16.73%, #9B8DFF 51.79%, #DEA0FF 81.38%);
  border-radius: 8px;
  text-align: center;
}
header button:hover {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.7;
  transition: 0.9s ease;
}
header button:active {
  transition: 0.6s ease;
  opacity: 0.7;
}
header button::after {
  content: none;
}

section {
  width: 1280px;
  margin: 0 auto;
}
section #About, section #MemberComment, section #Ideal, section #Company_Info, section #Work_Environment, section #FAQ {
  padding-top: 240px;
  margin-top: -240px;
}
section div.HeadLine {
  min-height: 71px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: center;
  margin: 0 0 41px 116px;
}
section div.HeadLine h2 {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0;
  color: #3B3C46;
  margin-right: 20px;
}
section div.HeadLine p {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
}

.Keyvisual {
  background: #fff;
}
.Keyvisual .null {
  height: 152px;
}
.Keyvisual .Catchphrase {
  display: block;
  min-width: 1204px;
  min-height: 263px;
  position: relative;
  margin: 0 38px 26px;
  word-wrap: break-word;
}
.Keyvisual .Catchphrase_JP {
  z-index: 101;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 165%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #3B3C46;
}
.Keyvisual .Catchphrase_JP br:first-child {
  display: none;
}
.Keyvisual .Catchphrase_EN {
  z-index: 100;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 120px;
  line-height: 106%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-text-stroke: 2px transparent;
  text-stroke: 2px transparent;
  background: linear-gradient(90deg, #689EFF 0%, #DEA0FF 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.Keyvisual .Catchphrase_EN br:first-child {
  display: none;
}
.Keyvisual video {
  width: 100%;
}

.About {
  width: 1280px;
  margin: 0 auto;
  /*&_Right, &_Left, &_Center {
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      overflow-y: visible;
  }*/
}
.About h3 {
  z-index: 101;
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 140%;
  letter-spacing: 0;
  color: #3B3C46;
  margin-bottom: 32px;
}
.About p {
  z-index: 101;
  position: relative;
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 20px;
  line-height: 200%;
  letter-spacing: 0.05em;
  color: #3B3C46;
}
.About_Right {
  justify-content: end;
  margin: 0 auto 123px;
  padding-top: 100px;
}
.About_Right_Text {
  z-index: 101;
  position: relative;
  padding: 0 520px 0 120px;
  overflow-x: clip;
}
.About_Right_Text::before {
  z-index: 100;
  position: absolute;
  right: -55.73px;
  top: -82px;
  content: "";
  width: 478.73px;
  height: 718px;
  background: url("https://content-cf.reality.app/81490f0e244ce51dbfacf0c7a7d16506d6a6e0bc.png?t=1753699774") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-before-y, 0px));
  opacity: var(--pseudo-before-opacity, 1);
  will-change: transform, opacity;
}
.About_Right_Text::after {
  z-index: 99;
  position: absolute;
  right: 44.5px;
  top: 1px;
  content: "";
  width: 466.62px;
  height: 417px;
  background: url("https://content-cf.reality.app/43d267507e1ebc250c49d2486cc233047a77dfb5.png?t=1753699772") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-after-y, 0px));
  opacity: var(--pseudo-after-opacity, 1);
  will-change: transform, opacity;
}
.About_Right div {
  max-height: 353px;
}
.About_Left {
  justify-content: start;
  margin-bottom: 131px;
}
.About_Left_Text {
  z-index: 101;
  position: relative;
  padding: 0 129px 0 511px;
  overflow-x: clip;
}
.About_Left_Text::before {
  z-index: 100;
  position: absolute;
  left: -66px;
  top: -123px;
  content: "";
  width: 593px;
  height: 593px;
  background: url("https://content-cf.reality.app/39e1e7d72f2c6d18226b46d8183c767e27d9df4a.png?t=1753699775") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-before-y, 0px));
  opacity: var(--pseudo-before-opacity, 1);
  will-change: transform, opacity;
}
.About_Left_Text::after {
  z-index: 99;
  position: absolute;
  left: -434px;
  top: -38px;
  content: "";
  width: 746px;
  height: 666px;
  background: url("https://content-cf.reality.app/b2ff31d2569d59ccf664f05610978c1f88b78006.png?t=1753699783") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-after-y, 0px));
  opacity: var(--pseudo-after-opacity, 1);
  will-change: transform, opacity;
}
.About_Left div {
  max-height: 246px;
}
.About_Center {
  justify-content: end;
  margin-bottom: 55px;
}
.About_Center_Text {
  z-index: 101;
  position: relative;
  padding: 0 360px 0 320px;
  overflow-x: clip;
}
.About_Center_Text::before {
  z-index: 100;
  position: absolute;
  right: -32.26px;
  top: -157px;
  content: "";
  width: 432.26px;
  height: 518px;
  background: url("https://content-cf.reality.app/83483965d03a378cdb097ee60ac40dbfa6877d25.png?t=1753699778") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-before-y, 0px));
  opacity: var(--pseudo-before-opacity, 1);
  will-change: transform, opacity;
}
.About_Center_Text::after {
  z-index: 99;
  position: absolute;
  right: -90.5px;
  top: 19px;
  content: "";
  width: 418.5px;
  height: 374px;
  background: url("https://content-cf.reality.app/33a411377fcbd75e744eb90958fa08a284507357.png?t=1753699777") no-repeat center/contain;
  overflow: clip;
  transform: translateY(var(--pseudo-after-y, 0px));
  opacity: var(--pseudo-after-opacity, 1);
  will-change: transform, opacity;
}
.About_Center div {
  max-height: 366px;
}
.About_Center img {
  z-index: 100;
  position: relative;
  top: -157px;
  height: 518px;
}

.Product {
  position: relative;
  max-height: 1508px;
  margin: 0 auto 116px;
}
.Product h2 {
  z-index: 100;
  position: relative;
  display: block;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 106%;
  letter-spacing: 0;
  color: #666CAA;
  padding: 48px 0 8px 120px;
}
.Product h2::before {
  position: absolute;
  content: "";
  top: 67px;
  left: 0;
  width: 100px;
  border: 1px solid #666CAA;
}
.Product .Female img {
  left: -10px;
}
.Product .Male img {
  top: -18px;
  left: -12px;
}
.Product img {
  max-width: 1280px;
  top: 2px;
  left: 0px;
  overflow-x: hidden;
  z-index: 101;
  position: relative;
}
.Product .Design {
  z-index: 100;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  overflow-x: clip;
  white-space: nowrap;
}
.Product .Design:nth-child(2) {
  z-index: 99;
  top: -70px;
}
.Product .Design div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  min-width: 1507px;
  margin-left: 15.2px;
}
.Product .Design div p {
  margin-right: 15.5px;
  word-break: keep-all;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 120px;
  line-height: 104%;
  letter-spacing: 0.008em;
  text-transform: uppercase;
}
.Product .Design_Female {
  position: absolute;
  flex-wrap: wrap !important;
  min-width: 1512px;
}
.Product .Design_Female p {
  margin-right: 14px;
  color: #f4e5fa;
  letter-spacing: 0 !important;
}
.Product .Design_Female p.Stroke {
  color: #ffffff;
  -webkit-text-stroke: 3px transparent;
  text-stroke: 3px transparent;
  mix-blend-mode: screen;
  background: #f4e5fa;
  -webkit-background-clip: text;
          background-clip: text;
}
.Product .Design_Male {
  position: absolute;
  flex-wrap: wrap !important;
}
.Product .Design_Male p {
  color: #dde8fb;
}
.Product .Design_Male p.Stroke {
  color: #ffffff;
  -webkit-text-stroke: 3px transparent;
  text-stroke: 3px transparent;
  mix-blend-mode: screen;
  background: #dde8fb;
  -webkit-background-clip: text;
          background-clip: text;
}

.MemberComment {
  position: relative;
  overflow-x: clip;
}
.MemberComment div.HeadLine {
  position: relative;
  top: 0;
}
.MemberComment::before {
  z-index: 100;
  position: absolute;
  bottom: -137px;
  right: -131px;
  content: "";
  width: 781px;
  height: 781px;
  background: url("https://content-cf.reality.app/c24f0266c416c7527fd3424b4c80cd49a5ed2fbb.png?t=1753699782") no-repeat center/contain;
}
.MemberComment::after {
  z-index: 99;
  position: absolute;
  bottom: 163px;
  right: -124px;
  content: "";
  width: 544px;
  height: 486px;
  background: url("https://content-cf.reality.app/57f3bb694211d583dc4323b0b934698851d53af9.png?t=1753699780") no-repeat center/contain;
}
.MemberComment .List {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 1040px;
  margin: 0 auto 62px;
  overflow-x: clip;
}
.MemberComment .List .Member {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-right: 39px;
  flex-basis: 319px;
  width: 319px;
}
.MemberComment .List .Member:nth-child(3) {
  margin-right: 0;
}
.MemberComment .List .Member div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 320px;
  margin-bottom: 60px;
}
.MemberComment .List .Member div:nth-child(4), .MemberComment .List .Member div:nth-child(5) {
  margin-bottom: 0;
}
.MemberComment .List .Member div img {
  max-width: 320px;
  max-height: 220px;
  margin-bottom: 20px;
}
.MemberComment .List .Member div div {
  position: relative;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 45px;
  margin-bottom: 12px;
  background: #f5f5f5;
  border-radius: 45px;
}
.MemberComment .List .Member div div p {
  text-align: center;
}
.MemberComment .List .Member div div p:nth-child(1) {
  display: block;
  padding: 8px 20px;
  margin-right: 12px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  color: #6991DF;
  background: #E8EFFA;
  border-radius: 45px;
}
.MemberComment .List .Member div div p:nth-child(2) {
  padding-right: 20px;
}
.MemberComment .List .Member div h3 {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0;
  color: #3B3C46;
  margin-bottom: 12px;
}
.MemberComment .List .Member div h3 + p {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  color: #3B3C46;
}

.Ideal {
  z-index: 91;
  position: relative;
  width: 1280px;
  padding: 80px 120px 79px;
  margin: 0 auto 81px;
  background: #E8EFFA;
}
.Ideal .HeadLine {
  position: static;
  margin-left: 0;
}
.Ideal_List {
  z-index: 100;
  position: sticky;
  margin: 0 auto;
  top: 192px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1040px;
}
.Ideal_List div {
  background: rgba(255, 255, 255, 0.6509803922) 65%;
  border-radius: 20px;
  max-height: 261px;
  padding: 32px 40px 40px 40px;
}
.Ideal_List div:nth-child(1) {
  min-width: 510px;
  flex-basis: 510px;
  margin-bottom: 19px;
}
.Ideal_List div:nth-child(2) {
  min-width: 510px;
  flex-basis: 510px;
  margin-bottom: 19px;
}
.Ideal_List div:nth-child(3) {
  min-width: 284px;
  flex-basis: 284px;
}
.Ideal_List div:nth-child(4) {
  min-width: 414px;
  flex-basis: 414px;
}
.Ideal_List div:nth-child(5) {
  min-width: 302px;
  flex-basis: 302px;
}
.Ideal_List div h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 106%;
  letter-spacing: 0;
  text-transform: capitalize;
  background: linear-gradient(90deg, #699EFF 0%, #DEA0FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}
.Ideal_List div p {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #3B3C46;
}
.Ideal_List div p b {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
.Ideal img {
  z-index: 90;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: darken;
  max-width: 1280px;
  max-height: 812px;
}
.Ideal::before {
  z-index: -1;
  position: absolute;
  left: 26px;
  bottom: 0;
  content: "";
  background: url("https://content-cf.reality.app/4a76abf8532fb1215510977eadf221572e137c1c.png?t=1753165821") no-repeat center;
  width: 766.7412006163px;
  height: 311.2923542081px;
}
.Ideal::after {
  z-index: -1;
  position: absolute;
  top: 38px;
  left: 803px;
  content: "";
  background: url("https://content-cf.reality.app/6fcc5ceb0ad877dea9a15cbeb9c982dbf147a090.png?t=1753165823") no-repeat center;
  width: 415.3164311769px;
  height: 311.2923542081px;
}

.Company_Info {
  position: relative;
  width: 1280px;
  margin: 0 auto 80px;
}
.Company_Info .Map {
  position: relative;
  width: 1040px;
  height: 585px;
  margin: 0 auto;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2509803922);
}

.Work_Environment {
  z-index: 91;
  position: relative;
  margin: 0 auto 80px;
  background: #E8EFFA;
  padding: 80px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.Work_Environment .Box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 1040px;
  margin: 0 120px;
  justify-content: space-between;
}
.Work_Environment .Box::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 1040px;
  border: 1px dashed #6991DF;
}
.Work_Environment .Box h3 {
  position: relative;
  font-family: "Inter";
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  color: #6991DF;
  margin-bottom: 32px;
}
.Work_Environment .Box h3::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 110px;
  content: "";
  width: 930px;
  border: 1px dashed #6991DF;
}
.Work_Environment .Box h3:nth-child(2) {
  display: block;
  width: 1040px;
}
.Work_Environment .Box_Compornent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-basis: 500px;
  min-width: 500px;
  margin-bottom: 32px;
}
.Work_Environment .Box_Compornent:first-child {
  flex-basis: 1040px;
  min-width: 1040px;
  margin-bottom: 42px;
}
.Work_Environment .Box_Compornent:first-child ul {
  flex-basis: 1040px;
  min-width: 1040px;
}
.Work_Environment .Box_Compornent h3 {
  max-height: 40px;
  font-family: "Noto Sans JP";
  line-height: 200%;
  border-width: 1px;
  border-radius: 8px;
  padding: 4px 20px;
  margin-bottom: 12px;
  background: #fff;
}
.Work_Environment .Box_Compornent h3::after {
  content: none;
}
.Work_Environment .Box_Compornent ul {
  display: table;
  flex-basis: 500px;
  margin-left: 8px;
}
.Work_Environment .Box_Compornent ul li {
  position: relative;
  display: table;
  min-width: 500px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.Work_Environment .Box_Compornent ul li:last-child {
  margin-bottom: 0;
}
.Work_Environment .Box_Compornent ul li::before {
  content: "・";
  width: 24px;
  font-weight: 800;
  vertical-align: top;
  display: table-cell;
}

.FAQ {
  position: relative;
  padding-bottom: 130px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.FAQ_List {
  width: 1040px;
  margin: 0 120px;
}
.FAQ_List_Icon {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0;
  color: #6991DF;
  margin-right: 8px;
}
.FAQ_List_Item {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 20px 28px;
  background: #E8EFFA;
  border-radius: 8px;
  margin-bottom: 20px;
  cursor: pointer;
}
.FAQ_List_Item_Toggle {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-basis: 992px;
  align-items: baseline;
  margin: 0 4px 12px;
}
.FAQ_List_Item_Toggle::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 14px;
  border: solid 1px #6991DF;
}
.FAQ_List_Item_Toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  width: 14px;
  border: solid 1px #6991DF;
}
.FAQ_List_Item_Toggle.active::after {
  transform: translateY(-1px) rotate(0deg);
  transition: transform 0.3s ease;
}
.FAQ_List_Item.open ul {
  display: table;
}
.FAQ_List_Item h3 {
  height: 32px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0;
}
.FAQ_List_Item ul {
  display: none;
  flex-basis: 1000px;
  margin-left: 12px;
}
.FAQ_List_Item ul li {
  position: relative;
  display: table;
  min-width: 500px;
  font-family: "Inter",sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.FAQ_List_Item ul li:last-child {
  margin-bottom: 0;
}
.FAQ_List_Item ul li::before {
  content: "・";
  width: 24px;
  font-weight: 800;
  vertical-align: top;
  display: table-cell;
}

@keyframes loop_text {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop_text2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
footer {
  z-index: 101;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #7D89B1;
  overflow-x: clip;
}
footer h3, footer p, footer li {
  color: #fff;
}
footer .Footer_Box {
  z-index: 100;
  position: relative;
  display: flex;
  width: 1280px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 88px 120px 40px;
}
footer .Footer_Box ul li a {
  color: #fff;
  position: relative;
  display: inline-block;
}
footer .Footer_Box ul li a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1.2px;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
footer .Footer_Box ul li a:hover {
  text-decoration: none;
  font-weight: bold;
}
footer .Footer_Box ul li a:hover::after {
  transform: scaleX(1);
}

footer .Footer_Box button{
  font-family: "Inter", sans-serif;
}
footer .Footer_Box button:hover {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.7;
  transition: 0.9s ease;
}
footer .Footer_Box button:active {
  transition: 0.6s ease;
  opacity: 0.7;

}
footer .Footer_Box button::after {
  content: none;
}
footer .Footer_Label {
  z-index: 99;
  position: relative;
  top: -51px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
}
footer .Footer_Label h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 106%;
  letter-spacing: 0;
  text-align: start;
  text-transform: uppercase;
  color: #7D89B1;
  word-break: keep-all;
  white-space: nowrap;
  padding-left: 11px;
}
footer .Footer_Label h3:nth-child(odd) {
  animation: loop_text 50s -25s linear infinite;
}
footer .Footer_Label h3:nth-child(even) {
  animation: loop_text2 50s linear infinite;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-text-stroke: 2px transparent;
  text-stroke: 2px transparent;
  background: #7D89B1;
  -webkit-background-clip: text;
          background-clip: text;
}
footer .Footer_Logo {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-basis: 1040px;
}
footer div {
  margin-bottom: 60px;
}
footer div img {
  width: 291px;
  margin-right: 32px;
}
footer div p {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
footer ul {
  display: flex;
  flex-wrap: wrap;
  width: 469px;
}
footer ul li {
  position: relative;
  display: table;
  flex-basis: 193px;
  min-width: 193px;
  margin: 0 35px 28px 0;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}
footer ul li::before {
  content: "・";
  width: 24px;
  font-weight: 800;
  vertical-align: top;
  display: table-cell;
  color: #699EFF;
}
footer button {
  font-family: "Inter";
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  width: 320px;
  height: 74px;
  right: 10px;
  top: calc(50% - 27px);
  background: linear-gradient(128.39deg, #689EFF 16.73%, #9B8DFF 51.79%, #DEA0FF 81.38%);
  border-radius: 8px;
  text-align: center;
}
@media (max-width: 768px) {
  .Catchphrase_JP wbr {
    display: block;
  }
}
@media print, screen and (min-width: 769px) {
  header nav {
    display: none !important;
  }
  .Ideal img:nth-of-type(2), .Ideal img:nth-of-type(3) {
    display: none;
  }
  section.SP_Entry {
    display: none;
  }
  footer:before {
    position: absolute;
    content: "";
    top: -43.22px;
    width: 100%;
    height: 43.22px;
    background: #E8EFFA;
  }
  footer .Footer_Label h3:nth-child(even) {
    color: #E8EFFA;
  }
}
@media print, screen and (max-width: 768px) {
  header ul {
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul {
    margin-bottom: 60px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul {
    margin-bottom: 16vw;
  }
}
@media print, screen and (max-width: 768px) {
  header ul li {
    position: relative;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-style: Medium;
    line-height: 100%;
    letter-spacing: 0;
    align-content: center;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li {
    font-size: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li {
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li {
    margin-bottom: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 17px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li {
    padding-top: 0vw;
    padding-right: 0vw;
    padding-left: 4.5333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  header ul li::before {
    position: absolute;
    content: "";
    top: 55%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #699EFF;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li::before {
    width: 5px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li::before {
    width: 1.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li::before {
    height: 5px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li::before {
    height: 1.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  header ul li:last-child {
    margin-bottom: 0;
  }
  header ul li a {
    position: relative;
    display: inline-block;
    color: #000;
  }
  header ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.2px;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-out;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header ul li a::after {
    bottom: -6px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header ul li a::after {
    bottom: -1.6vw;
  }
}
@media print, screen and (max-width: 768px) {
  header ul li a:active, header ul li a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;
  }
  header ul li a:active::after, header ul li a:hover::after {
    transform: scaleX(1);
  }
  header nav {
    display: block;
    transition: right 0.3s ease;
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    background: hsl(0, 0%, 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    overflow-y: auto;
    padding-left: min(10.6666666667vw, 40px) !important;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header nav {
    margin-top: 66px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header nav {
    margin-top: 17.6vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header nav {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 288px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header nav {
    padding-top: 10.6666666667vw;
    padding-right: 10.6666666667vw;
    padding-left: 10.6666666667vw;
    padding-bottom: 76.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header nav button {
    width: 295px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header nav button {
    width: 78.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header nav button {
    height: 54px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header nav button {
    height: 14.4vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_PC {
    display: none;
  }
  header .Header_SP {
    z-index: 1001;
    position: fixed;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP {
    height: 66px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP {
    height: 17.6vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP_Label {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label img {
    width: 150px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label img {
    width: 40vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label img {
    margin-right: 28px;
    margin-left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label img {
    margin-right: 7.4666666667vw;
    margin-left: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP_Label p {
    position: relative;
    font-family: "Noto Sans JP";
    font-weight: 350;
    line-height: 100%;
    letter-spacing: 0.01em;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label p {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label p {
    font-size: 3.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP_Label p::before {
    position: absolute;
    content: "";
    border: #BDC3D6 solid 1px;
    transform: rotate(90deg);
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label p::before {
    top: 11px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label p::before {
    top: 2.9333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label p::before {
    left: -24px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label p::before {
    left: -6.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label p::before {
    width: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label p::before {
    width: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP_Label p::before {
    height: 1px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP_Label p::before {
    height: 0.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP .Menu_Toggle {
    cursor: pointer;
    transition: transform 0.3s ease;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle {
    width: 36px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle {
    width: 9.6vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle {
    padding-top: 9px;
    padding-right: 4.5px;
    padding-left: 4.5px;
    padding-bottom: 9px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle {
    padding-top: 2.4vw;
    padding-right: 1.2vw;
    padding-left: 1.2vw;
    padding-bottom: 2.4vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP .Menu_Toggle span {
    display: block;
    border: #3B3C46 solid 1px;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle span {
    width: 27px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle span {
    width: 7.2vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle span {
    margin-bottom: 4px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle span {
    margin-bottom: 1.0666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP .Menu_Toggle span:last-child {
    margin-bottom: 0;
  }
  header .Header_SP .Menu_Toggle.open {
    transform: rotate(-90deg);
    transform-origin: center;
    bottom: 1.25vw;
  }
  header .Header_SP .Menu_Toggle.open span {
    position: relative;
  }
  header .Header_SP .Menu_Toggle.open span:nth-child(1) {
    transform-origin: center top;
    transform: rotate(45deg);
    top: 9px;
    left: 0;
    margin-bottom: 0;
    border: #3B3C46 solid 2px;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle.open span:nth-child(1) {
    width: 27px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle.open span:nth-child(1) {
    width: 7.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  header .Header_SP .Menu_Toggle.open span:nth-child(2) {
    border: none;
  }
  header .Header_SP .Menu_Toggle.open span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center bottom;
    top: 0;
    left: 0;
    border: #3B3C46 solid 2px;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  header .Header_SP .Menu_Toggle.open span:nth-child(3) {
    width: 27px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  header .Header_SP .Menu_Toggle.open span:nth-child(3) {
    width: 7.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  wrapper, section {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  wrapper, section {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  wrapper, section {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) {
  section #About, section #MemberComment, section #Ideal, section #Company_Info, section #Work_Environment, section #FAQ {
    padding-top: 37.3333333333vw;
    margin-top: -37.3333333333vw;
  }
  section div.HeadLine {
    max-width: 90%;
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section div.HeadLine {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section div.HeadLine {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section div.HeadLine {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 41px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section div.HeadLine {
    margin-top: 0vw;
    margin-right: 0vw;
    margin-left: 0vw;
    margin-bottom: 10.9333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  section div.HeadLine h2 {
    font-weight: 500;
    line-height: 100%;
    margin-right: 0;
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section div.HeadLine h2 {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section div.HeadLine h2 {
    font-size: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section div.HeadLine h2 {
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section div.HeadLine h2 {
    margin-bottom: 2.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  section div.HeadLine p {
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section div.HeadLine p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section div.HeadLine p {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual {
    margin-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual {
    margin-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual .null {
    height: 87px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual .null {
    height: 23.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Keyvisual .Catchphrase {
    min-width: auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual .Catchphrase {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual .Catchphrase {
    margin-top: 0vw;
    margin-right: 0vw;
    margin-left: 0vw;
    margin-bottom: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Keyvisual .Catchphrase_JP {
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 160%;
    letter-spacing: 0.05rem;
    margin: 0 auto;
    word-break: keep-all;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual .Catchphrase_JP {
    width: 268px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual .Catchphrase_JP {
    width: 71.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual .Catchphrase_JP {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual .Catchphrase_JP {
    font-size: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Keyvisual .Catchphrase_JP br:first-child {
    display: block;
  }
  .Keyvisual .Catchphrase_EN {
    line-height: 112%;
    letter-spacing: 0;
    opacity: 0.5;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Keyvisual .Catchphrase_EN {
    font-size: 50px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Keyvisual .Catchphrase_EN {
    font-size: 13.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Keyvisual .Catchphrase_EN br:first-child {
    display: block;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Right div, .About_Left div, .About_Center div {
    max-height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right h3, .About_Left h3, .About_Center h3 {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right h3, .About_Left h3, .About_Center h3 {
    margin-bottom: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Right_Text, .About_Left_Text, .About_Center_Text {
    position: relative;
    line-height: 140%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text, .About_Left_Text, .About_Center_Text {
    font-size: 28px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text, .About_Left_Text, .About_Center_Text {
    font-size: 7.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text, .About_Left_Text, .About_Center_Text {
    margin: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text, .About_Left_Text, .About_Center_Text {
    margin: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text h3, .About_Left_Text h3, .About_Center_Text h3 {
    font-size: 28px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text h3, .About_Left_Text h3, .About_Center_Text h3 {
    font-size: 7.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text p, .About_Left_Text p, .About_Center_Text p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text p, .About_Left_Text p, .About_Center_Text p {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Right_Text p br, .About_Left_Text p br, .About_Center_Text p br {
    display: none;
  }
  .About_Right {
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right {
    padding-top: 48px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right {
    padding-top: 12.8vw;
    padding-right: 0vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text {
    margin-bottom: 367px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text {
    margin-bottom: 97.8666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Right_Text::before {
    z-index: 100;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/2570e73615c0e3ac3a8044b304f883905cf58976.png?t=1753699766") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::before {
    top: 253px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::before {
    top: 67.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::before {
    right: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::before {
    right: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::before {
    left: 66px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::before {
    left: 17.6vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::before {
    width: 262px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::before {
    width: 69.8666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::before {
    height: 393px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::before {
    height: 104.8vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Right_Text::after {
    z-index: 99;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/224d81a2e19d1cfcb8f5b9cb269d27d641a5503e.png?t=1753699768") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::after {
    top: 291px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::after {
    top: 77.6vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::after {
    right: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::after {
    right: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::after {
    left: 14.16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::after {
    left: 3.776vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::after {
    width: 328.75px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::after {
    width: 87.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Right_Text::after {
    height: 295px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Right_Text::after {
    height: 78.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Left {
    flex-wrap: wrap-reverse;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text {
    margin-bottom: 310px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text {
    margin-bottom: 82.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Left_Text::before {
    z-index: 100;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/a36312d3442171c06cab21549b13ac715c1d7b3e.png?t=1753699769") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::before {
    top: 194px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::before {
    top: 51.7333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::before {
    left: 38px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::before {
    left: 10.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::before {
    width: 299px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::before {
    width: 79.7333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::before {
    height: 299px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::before {
    height: 79.7333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Left_Text::after {
    z-index: 99;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/9abcbd1e19e53f71e30867ab601fbe47c2f7add7.png?t=1753699767") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::after {
    top: 219px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::after {
    top: 58.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::after {
    left: -212px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::after {
    left: -56.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::after {
    width: 454.28px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::after {
    width: 121.1413333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Left_Text::after {
    height: 405px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Left_Text::after {
    height: 108vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Center {
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center {
    top: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center {
    top: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text {
    margin-bottom: 358.94px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text {
    margin-bottom: 95.7173333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Center_Text::before {
    z-index: 100;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/0cda7e3baee3b2c4c66012c730fee4e859f7a32b.png?t=1753699771") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::before {
    top: 331px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::before {
    top: 88.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::before {
    right: 79px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::before {
    right: 21.0666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::before {
    width: 242px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::before {
    width: 64.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::before {
    height: 290px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::before {
    height: 77.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .About_Center_Text::after {
    z-index: 99;
    position: absolute;
    content: "";
    background: url("https://content-cf.reality.app/a62ab5d773a40bd9749934e33ec9d146a32878b8.png?t=1753699770") no-repeat center/contain;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::after {
    top: 304px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::after {
    top: 81.0666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::after {
    right: -109px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::after {
    right: -29.0666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::after {
    width: 361.5px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::after {
    width: 96.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .About_Center_Text::after {
    height: 323.06px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .About_Center_Text::after {
    height: 86.1493333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2 {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2 {
    font-size: 4.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2 {
    top: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2 {
    top: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2 {
    left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2 {
    left: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2 {
    padding-top: 14px;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2 {
    padding-top: 3.7333333333vw;
    padding-right: 0vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2::before {
    width: 18px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2::before {
    width: 4.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product h2::before {
    top: 24px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product h2::before {
    top: 6.4vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product .Design:nth-child(2) {
    z-index: 99;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design:nth-child(2) {
    top: -8px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design:nth-child(2) {
    top: -2.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design div {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design div {
    margin-right: 0vw;
    margin-left: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design div {
    padding: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design div {
    padding: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product .Design div p {
    line-height: 100%;
    flex-basis: auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design div p {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design div p {
    font-size: 10.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design div p {
    margin-top: 0px;
    margin-right: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design div p {
    margin-top: 0vw;
    margin-right: 3.2vw;
    margin-left: 0vw;
    margin-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product .Design .Female img {
    display: block;
    max-height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Female img {
    top: 9px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Female img {
    top: 2.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Female img {
    left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Female img {
    left: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Female img {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Female img {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product .Design .Male img {
    display: block;
    max-height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Male img {
    top: -5px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Male img {
    top: -1.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Male img {
    left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Male img {
    left: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design .Male img {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design .Male img {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Product .Design_Female, .Product .Design_Male {
    margin-left: 0 !important;
    min-width: auto;
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design_Female, .Product .Design_Male {
    width: 503px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design_Female, .Product .Design_Male {
    width: 134.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Product .Design_Female div, .Product .Design_Male div {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Product .Design_Female div, .Product .Design_Male div {
    padding-top: 0vw;
    padding-right: 0vw;
    padding-left: 2.1333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .MemberComment {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .MemberComment {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .MemberComment {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .MemberComment {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .MemberComment::before, .MemberComment::after {
    content: none;
  }
  .MemberComment .List {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .MemberComment .List {
    width: 335px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .MemberComment .List {
    width: 89.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .MemberComment .List .Member {
    width: calc(100% - 40px);
    margin-right: 0;
    flex-basis: 100%;
  }
  .MemberComment .List .Member div {
    width: 100%;
  }
  .MemberComment .List .Member div img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .MemberComment .List .Member div div p:nth-child(1) {
    padding-top: 8px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 8px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .MemberComment .List .Member div div p:nth-child(1) {
    padding-top: 2.1333333333vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .MemberComment .List .Member div div p:nth-child(2) {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .MemberComment .List .Member div div p:nth-child(2) {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal {
    overflow: clip;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal {
    padding-top: 48px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 48px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal {
    padding-top: 12.8vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 12.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal {
    margin-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal {
    margin-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal_List {
    left: 0;
    align-content: space-around;
    align-items: center;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List {
    top: 163px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List {
    top: 43.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List div {
    width: 335px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List div {
    width: 121.8181818182vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal_List div:nth-child(1), .Ideal_List div:nth-child(2), .Ideal_List div:nth-child(3), .Ideal_List div:nth-child(4), .Ideal_List div:nth-child(5) {
    min-width: auto;
    max-height: 100%;
    flex-basis: 90%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List div:nth-child(1), .Ideal_List div:nth-child(2), .Ideal_List div:nth-child(3), .Ideal_List div:nth-child(4), .Ideal_List div:nth-child(5) {
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List div:nth-child(1), .Ideal_List div:nth-child(2), .Ideal_List div:nth-child(3), .Ideal_List div:nth-child(4), .Ideal_List div:nth-child(5) {
    margin-bottom: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal_List div h3 {
    font-family: "Oswald", sans-serif;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List div h3 {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List div h3 {
    font-size: 3.7333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List div p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List div p {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal_List div p b {
    font-weight: 700;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal_List div p b {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal_List div p b {
    font-size: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
  }
  .Ideal img:nth-of-type(1) {
    display: none;
  }
  .Ideal img:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal img:nth-of-type(2) {
    height: 777px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal img:nth-of-type(2) {
    height: 207.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal img:nth-of-type(3) {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal img:nth-of-type(3) {
    height: 611px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal img:nth-of-type(3) {
    height: 162.9333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal img:nth-of-type(3) {
    right: 35px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal img:nth-of-type(3) {
    right: 9.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Ideal::before {
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal::before {
    left: -108px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal::before {
    left: -28.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal::before {
    bottom: 55.74px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal::before {
    bottom: 14.864vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal::after {
    width: 415.32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal::after {
    width: 110.752vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal::after {
    height: 311.29px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal::after {
    height: 83.0106666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Ideal::after {
    left: -35px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Ideal::after {
    left: -9.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  section.SP_Entry {
    position: relative;
    margin: 0 auto;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry {
    margin-bottom: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry {
    padding-top: 32px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry {
    padding-top: 8.5333333333vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  section.SP_Entry p {
    font-family: "Noto Sans JP";
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry p {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry p {
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry p {
    margin-bottom: 8.5333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  section.SP_Entry button {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    width: 100%;
    background: linear-gradient(128.39deg, #689EFF 16.73%, #9B8DFF 51.79%, #DEA0FF 81.38%);
    border-radius: 8px;
    text-align: center;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry button {
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry button {
    padding-top: 4vw;
    padding-right: 0vw;
    padding-left: 0vw;
    padding-bottom: 4vw;
  }
}
@media print, screen and (max-width: 768px) {
  section.SP_Entry::after {
    position: absolute;
    left: 0;
    content: "";
    background: #E8EFFA;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry::after {
    bottom: -20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry::after {
    bottom: -5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry::after {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry::after {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  section.SP_Entry::after {
    height: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  section.SP_Entry::after {
    height: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
    section.SP_Entry {
    z-index: 2;
}
@media print, screen and (max-width: 768px) {
  .Company_Info {
    height: auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info {
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info {
    margin-bottom: 12.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info {
    padding-top: 48px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info {
    padding-top: 12.8vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info div.HeadLine {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info div.HeadLine {
    margin-bottom: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Company_Info .Map {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info .Map {
    width: 334.22px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info .Map {
    width: 89.1253333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Company_Info .Map {
    height: 188px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Company_Info .Map {
    height: 50.1333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment {
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment {
    margin-bottom: 12.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment {
    padding-top: 48px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 48px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment {
    padding-top: 12.8vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 12.8vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box {
    width: 335px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box {
    width: 89.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box {
    margin-right: 0vw;
    margin-left: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Work_Environment .Box_Compornent {
    min-width: 100%;
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box_Compornent {
    margin-bottom: 28px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box_Compornent {
    margin-bottom: 7.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Work_Environment .Box_Compornent:first-child {
    min-width: 100%;
    flex-basis: 100%;
  }
  .Work_Environment .Box_Compornent:first-child ul {
    min-width: 100%;
    flex-basis: 100%;
  }
  .Work_Environment .Box_Compornent:nth-of-type(even) {
    margin-right: 0;
  }
  .Work_Environment .Box_Compornent ul {
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box_Compornent ul {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box_Compornent ul {
    margin-right: 0vw;
    margin-left: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Work_Environment .Box_Compornent ul li {
    min-width: 100%;
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box_Compornent ul li {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box_Compornent ul li {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box::after {
    bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box::after {
    bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box::after {
    width: 335px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box::after {
    width: 89.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .Work_Environment .Box h3:nth-child(2) {
    width: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .Work_Environment .Box h3::after {
    width: 220px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .Work_Environment .Box h3::after {
    width: 58.6666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 88px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ {
    padding-top: 0vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 23.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ_List {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List {
    width: 335px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List {
    width: 89.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Item {
    padding-top: 20px;
    padding-right: 13px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Item {
    padding-top: 5.3333333333vw;
    padding-right: 3.4666666667vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ_List_Item h3 {
    display: inline-table;
    flex-basis: 80%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Item h3 {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Item h3 {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ_List_Item_Toggle {
    margin: 0;
  }
  .FAQ_List_Item ul {
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Item ul {
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Item ul {
    margin-top: 3.2vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ_List_Item ul li {
    min-width: 100%;
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Item ul li {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Item ul li {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .FAQ_List_Icon {
    flex-basis: 24px;
    line-height: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Icon {
    width: 24px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Icon {
    width: 6.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Icon {
    height: 24px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Icon {
    height: 6.4vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Icon {
    padding-top: 1px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 1px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Icon {
    padding-top: 0.2666666667vw;
    padding-right: 1.8666666667vw;
    padding-left: 1.8666666667vw;
    padding-bottom: 0.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  .FAQ_List_Icon {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  .FAQ_List_Icon {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer {
    height: auto;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer div {
    margin-bottom: 0;
  }
  footer .Footer_Logo {
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Logo {
    margin-bottom: 43px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Logo {
    margin-bottom: 11.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer .Footer_Logo img {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Logo img {
    width: 200px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Logo img {
    width: 53.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Logo img {
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Logo img {
    margin-bottom: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Logo p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Logo p {
    font-size: 4.2666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer .Footer_Box {
    justify-content: center;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Box {
    width: 375px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Box {
    width: 100vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Box {
    padding-top: 41px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 41px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Box {
    padding-top: 10.9333333333vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 10.9333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer .Footer_Label {
    left: 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Label {
    top: -41px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Label {
    top: -10.9333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer .Footer_Label h3 {
    font-size: 42px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer .Footer_Label h3 {
    font-size: 11.2vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer ul {
    width: 100%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer ul {
    margin-bottom: 43px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer ul {
    margin-bottom: 11.4666666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  footer ul li {
    min-width: auto;
    max-width: 50%;
    flex-basis: 50%;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer ul li {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer ul li {
    font-size: 3.7333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer ul li {
    margin-top: 0vw;
    margin-right: 0vw;
    margin-left: 0vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 768px) {
  footer ul li::before {
    width: 20px;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 767px) {
  footer ul li::before {
    width: 5.3333333333vw;
  }
}
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}/*# sourceMappingURL=art_recruit.css.map */