:root {
  --white: #fff;
  --black: #262626;
  --Light-Gray: #f4f4f4;
  --Gray: #c4c4c4;
  --Dark-Gray: #5e5e5e;
  --Light-Grayish-Blue: #eff6fa;
  --Grayish-Blue: #c2dae6;
  --Pail-Blue: #e6f7ff;
  --Light-Blue: #ceefff;
  --Bright-Blue: #0073a8;
  --Blue: #2774e8;
  --corporate-Blue: #008ccf;
  --orange: #f37d00;
  --orange2: #ffd2a2;
  --lightgreen: #6cd100;
  --lightgreen2: #e1edc6;
  --green: #009744;
  --green2: #a0dfbf;
  --purple: #bf31d5;
  --purple2: #f8e0fc;
  --red: #ff5558;
  --red2: #ffcbcc;
  --width: 100svw;
  --scrollTopPc: calc(10px + 60px + 24px);
  --scrollBarLine: #fff;
  --scrollBarThumb: #fff;
}

.cAnkerLinkList {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cAnkerLinkList__item {
  width: calc(50% - 2px);
}
.cAnkerLinkList__item:nth-of-type(1) .cAnkerLink,
.cAnkerLinkList__item:nth-of-type(2) .cAnkerLink {
  border-top: solid 1px var(--Grayish-Blue);
}
.cAnkerLinkList-noflex {
  display: block;
}
.cAnkerLinkList-noflex .cAnkerLinkList__item:nth-of-type(2) .cAnkerLink {
  border-top: initial;
}
.cAnkerLink {
  align-items: center;
  border-bottom: solid 1px var(--Grayish-Blue);
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  height: 100%;
  padding: 14px 0px 14px 20px;
  width: 100%;
}
.cAnkerLink .cAnkerLink__text {
  transition: 0.1s ease color;
}
.cAnkerLink__icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  pointer-events: none;
  user-select: none;
}
.cAnkerLink__text {
  -webkit-user-select: none;
  -moz-user-select: none;
  font-feature-settings: "pwid" on, "palt" on;
  font-family: var(--ja-d);
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.2;
  pointer-events: none;
  user-select: none;
}
.cTitlePage {
  display: block;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
  padding-bottom: 5px;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  z-index: 0;
}
.cTitlePage__text {
  font-family: var(--ja-d);
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 160%;
}
.cTitlePage__underline {
  bottom: 0;
  height: 5px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: -moz-max-content;
  width: max-content;
  z-index: 0;
}
.cTitlePage__underline img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
  width: auto;
}
.cTitlePageEn {
  align-items: center;
  display: flex;
  gap: 0;
  min-height: 88.8px;
  width: -moz-max-content;
  width: max-content;
}
.cTitlePageEn .t {
  display: block;
  height: -moz-max-content;
  height: max-content;
  transform: translate(-50%, 0);
  width: -moz-max-content;
  width: max-content;
}
.cTitlePageEn .t:nth-of-type(1) {
  transition-delay: 0s !important;
}
.cTitlePageEn .t:nth-of-type(1) .t__inner {
  transition-delay: 0s !important;
}
.cTitlePageEn .t:nth-of-type(2) {
  transition-delay: 0.075s !important;
}
.cTitlePageEn .t:nth-of-type(2) .t__inner {
  transition-delay: 0.075s !important;
}
.cTitlePageEn .t:nth-of-type(3) {
  transition-delay: 0.15s !important;
}
.cTitlePageEn .t:nth-of-type(3) .t__inner {
  transition-delay: 0.15s !important;
}
.cTitlePageEn .t:nth-of-type(4) {
  transition-delay: 0.225s !important;
}
.cTitlePageEn .t:nth-of-type(4) .t__inner {
  transition-delay: 0.225s !important;
}
.cTitlePageEn .t:nth-of-type(5) {
  transition-delay: 0.3s !important;
}
.cTitlePageEn .t:nth-of-type(5) .t__inner {
  transition-delay: 0.3s !important;
}
.cTitlePageEn .t:nth-of-type(6) {
  transition-delay: 0.375s !important;
}
.cTitlePageEn .t:nth-of-type(6) .t__inner {
  transition-delay: 0.375s !important;
}
.cTitlePageEn .t:nth-of-type(7) {
  transition-delay: 0.45s !important;
}
.cTitlePageEn .t:nth-of-type(7) .t__inner {
  transition-delay: 0.45s !important;
}
.cTitlePageEn .t:nth-of-type(8) {
  transition-delay: 0.525s !important;
}
.cTitlePageEn .t:nth-of-type(8) .t__inner {
  transition-delay: 0.525s !important;
}
.cTitlePageEn .t:nth-of-type(9) {
  transition-delay: 0.6s !important;
}
.cTitlePageEn .t:nth-of-type(9) .t__inner {
  transition-delay: 0.6s !important;
}
.cTitlePageEn .t:nth-of-type(10) {
  transition-delay: 0.675s !important;
}
.cTitlePageEn .t:nth-of-type(10) .t__inner {
  transition-delay: 0.675s !important;
}
.cTitlePageEn .t:nth-of-type(11) {
  transition-delay: 0.75s !important;
}
.cTitlePageEn .t:nth-of-type(11) .t__inner {
  transition-delay: 0.75s !important;
}
.cTitlePageEn .t:nth-of-type(12) {
  transition-delay: 0.825s !important;
}
.cTitlePageEn .t:nth-of-type(12) .t__inner {
  transition-delay: 0.825s !important;
}
.cTitlePageEn .t:nth-of-type(13) {
  transition-delay: 0.9s !important;
}
.cTitlePageEn .t:nth-of-type(13) .t__inner {
  transition-delay: 0.9s !important;
}
.cTitlePageEn .t:nth-of-type(14) {
  transition-delay: 0.975s !important;
}
.cTitlePageEn .t:nth-of-type(14) .t__inner {
  transition-delay: 0.975s !important;
}
.cTitlePageEn .t:nth-of-type(15) {
  transition-delay: 1.05s !important;
}
.cTitlePageEn .t:nth-of-type(15) .t__inner {
  transition-delay: 1.05s !important;
}
.cTitlePageEn .t:nth-of-type(16) {
  transition-delay: 1.125s !important;
}
.cTitlePageEn .t:nth-of-type(16) .t__inner {
  transition-delay: 1.125s !important;
}
.cTitlePageEn .t:nth-of-type(17) {
  transition-delay: 1.2s !important;
}
.cTitlePageEn .t:nth-of-type(17) .t__inner {
  transition-delay: 1.2s !important;
}
.cTitlePageEn .t:nth-of-type(18) {
  transition-delay: 1.275s !important;
}
.cTitlePageEn .t:nth-of-type(18) .t__inner {
  transition-delay: 1.275s !important;
}
.cTitlePageEn .t:nth-of-type(19) {
  transition-delay: 1.35s !important;
}
.cTitlePageEn .t:nth-of-type(19) .t__inner {
  transition-delay: 1.35s !important;
}
.cTitlePageEn .t:nth-of-type(20) {
  transition-delay: 1.425s !important;
}
.cTitlePageEn .t:nth-of-type(20) .t__inner {
  transition-delay: 1.425s !important;
}
.cTitlePageEn .t:nth-of-type(21) {
  transition-delay: 1.5s !important;
}
.cTitlePageEn .t:nth-of-type(21) .t__inner {
  transition-delay: 1.5s !important;
}
.cTitlePageEn .t:nth-of-type(22) {
  transition-delay: 1.575s !important;
}
.cTitlePageEn .t:nth-of-type(22) .t__inner {
  transition-delay: 1.575s !important;
}
.cTitlePageEn .t:nth-of-type(23) {
  transition-delay: 1.65s !important;
}
.cTitlePageEn .t:nth-of-type(23) .t__inner {
  transition-delay: 1.65s !important;
}
.cTitlePageEn .t:nth-of-type(24) {
  transition-delay: 1.725s !important;
}
.cTitlePageEn .t:nth-of-type(24) .t__inner {
  transition-delay: 1.725s !important;
}
.cTitlePageEn .t:nth-of-type(25) {
  transition-delay: 1.8s !important;
}
.cTitlePageEn .t:nth-of-type(25) .t__inner {
  transition-delay: 1.8s !important;
}
.cTitlePageEn .t:nth-of-type(26) {
  transition-delay: 1.875s !important;
}
.cTitlePageEn .t:nth-of-type(26) .t__inner {
  transition-delay: 1.875s !important;
}
.cTitlePageEn .t:nth-of-type(27) {
  transition-delay: 1.95s !important;
}
.cTitlePageEn .t:nth-of-type(27) .t__inner {
  transition-delay: 1.95s !important;
}
.cTitlePageEn .t:nth-of-type(28) {
  transition-delay: 2.025s !important;
}
.cTitlePageEn .t:nth-of-type(28) .t__inner {
  transition-delay: 2.025s !important;
}
.cTitlePageEn .t:nth-of-type(29) {
  transition-delay: 2.1s !important;
}
.cTitlePageEn .t:nth-of-type(29) .t__inner {
  transition-delay: 2.1s !important;
}
.cTitlePageEn .t:nth-of-type(30) {
  transition-delay: 2.175s !important;
}
.cTitlePageEn .t:nth-of-type(30) .t__inner {
  transition-delay: 2.175s !important;
}
.cTitlePageEn .t__inner {
  color: var(--Bright-Blue);
  display: block;
  font-family: var(--en);
  font-size: 74px;
  font-weight: 500;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2;
  perspective: 1000px;
  transform: rotateY(-90deg);
  transform-style: preserve-3d;
  width: -moz-max-content;
  width: max-content;
}
.cTitlePageEn.isCue .t {
  transform: translate(0, 0);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1) transform;
}
.cTitlePageEn.isCue .t__inner {
  transform: rotateY(0deg);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1) transform;
}
.cTitlePageEn-s {
  min-height: 48px;
}
.cTitlePageEn-s .t__inner {
  font-family: var(--ja-d);
  font-size: 40px;
  line-height: 1.2;
}
.cFvChild {
  background: var(--white);
  position: relative;
  width: 100%;
  z-index: 0;
}
.cFvChild__inner {
  margin: auto;
  max-width: 1170px;
  position: relative;
  width: calc(100% - 40px);
  z-index: 0;
}
.cFvChild__text {
  width: 460px;
}
.cFvChild__titleEn {
  min-height: 88.8px;
}
.cFvChild__detail {
  margin-top: 31px;
}
.cFvChild__content {
  margin-top: 14px;
  width: 460px;
}
.cFvChild__content__head {
  color: var(--Bright-Blue);
  font-family: var(--en);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
}
.cFvChild__content__content {
  margin-top: 7px;
}
.cFvChild__middle {
  height: auto;
}
.cFvChild__img {
  -webkit-aspect-ratio: 595/333;
  aspect-ratio: 595/333;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.cFvChild__img .img {
  height: 100%;
  width: 100%;
}
.cFvChild__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.cFvChild__breadcrumbs {
  display: flex;
  justify-content: flex-end;
  margin-top: 9px;
}
.cBreadcrumbs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
div.cBreadcrumb,
p.cBreadcrumb {
  color: var(--Blue);
  font-family: var(--ja-d);
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1.2;
}
a.cBreadcrumb {
  font-family: var(--ja-d);
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1.2;
  transition: 0.1s ease color;
}
.cBreadcrumb__arrowTip {
  -webkit-user-select: none;
  -moz-user-select: none;
  height: 7px;
  pointer-events: none;
  position: relative;
  user-select: none;
  width: 3px;
  z-index: 0;
}
.cBreadcrumb__arrowTip::before,
.cBreadcrumb__arrowTip::after {
  background: var(--Blue);
  bottom: 0;
  content: "";
  height: 1px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: right;
  width: 6px;
  z-index: 0;
}
.cBreadcrumb__arrowTip::before {
  transform: rotateZ(-50deg);
}
.cBreadcrumb__arrowTip::after {
  transform: rotateZ(50deg);
}
.cFvChild-noThum .cFvChild__middle {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.cTitleSectionEn {
  color: var(--Dark-Gray);
  color: #25b7c0;
  display: flex;
  font-family: var(--en);
  font-size: 16px;
  font-weight: 500;
  gap: 0 6px;
  letter-spacing: 1.6px;
  line-height: 150%;
  position: relative;
  z-index: 0;
  font-family: "Montserrat", "M PLUS 1", sans-serif;
}
/*
.cTitleSectionEn::before {
  border: solid 2px var(--Bright-Blue);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 8px;
  min-width: 8px;
  position: relative;
  top: 8px;
  width: 8px;
  z-index: 0;
}
  */
.cTitleSection {
  align-items: center;
  display: flex;
  gap: 0;
  min-height: 51.2px;
  width: -moz-max-content;
  width: max-content;
  font-size: 3.3rem;
}
.cTitleSection .t {
  display: block;
  height: -moz-max-content;
  height: max-content;
  transform: translate(-50%, 0);
  width: -moz-max-content;
  width: max-content;
}
.cTitleSection .t:nth-of-type(1) {
  transition-delay: 0s !important;
}
.cTitleSection .t:nth-of-type(1) .t__inner {
  transition-delay: 0s !important;
}
.cTitleSection .t:nth-of-type(2) {
  transition-delay: 0.075s !important;
}
.cTitleSection .t:nth-of-type(2) .t__inner {
  transition-delay: 0.075s !important;
}
.cTitleSection .t:nth-of-type(3) {
  transition-delay: 0.15s !important;
}
.cTitleSection .t:nth-of-type(3) .t__inner {
  transition-delay: 0.15s !important;
}
.cTitleSection .t:nth-of-type(4) {
  transition-delay: 0.225s !important;
}
.cTitleSection .t:nth-of-type(4) .t__inner {
  transition-delay: 0.225s !important;
}
.cTitleSection .t:nth-of-type(5) {
  transition-delay: 0.3s !important;
}
.cTitleSection .t:nth-of-type(5) .t__inner {
  transition-delay: 0.3s !important;
}
.cTitleSection .t:nth-of-type(6) {
  transition-delay: 0.375s !important;
}
.cTitleSection .t:nth-of-type(6) .t__inner {
  transition-delay: 0.375s !important;
}
.cTitleSection .t:nth-of-type(7) {
  transition-delay: 0.45s !important;
}
.cTitleSection .t:nth-of-type(7) .t__inner {
  transition-delay: 0.45s !important;
}
.cTitleSection .t:nth-of-type(8) {
  transition-delay: 0.525s !important;
}
.cTitleSection .t:nth-of-type(8) .t__inner {
  transition-delay: 0.525s !important;
}
.cTitleSection .t:nth-of-type(9) {
  transition-delay: 0.6s !important;
}
.cTitleSection .t:nth-of-type(9) .t__inner {
  transition-delay: 0.6s !important;
}
.cTitleSection .t:nth-of-type(10) {
  transition-delay: 0.675s !important;
}
.cTitleSection .t:nth-of-type(10) .t__inner {
  transition-delay: 0.675s !important;
}
.cTitleSection .t:nth-of-type(11) {
  transition-delay: 0.75s !important;
}
.cTitleSection .t:nth-of-type(11) .t__inner {
  transition-delay: 0.75s !important;
}
.cTitleSection .t:nth-of-type(12) {
  transition-delay: 0.825s !important;
}
.cTitleSection .t:nth-of-type(12) .t__inner {
  transition-delay: 0.825s !important;
}
.cTitleSection .t:nth-of-type(13) {
  transition-delay: 0.9s !important;
}
.cTitleSection .t:nth-of-type(13) .t__inner {
  transition-delay: 0.9s !important;
}
.cTitleSection .t:nth-of-type(14) {
  transition-delay: 0.975s !important;
}
.cTitleSection .t:nth-of-type(14) .t__inner {
  transition-delay: 0.975s !important;
}
.cTitleSection .t:nth-of-type(15) {
  transition-delay: 1.05s !important;
}
.cTitleSection .t:nth-of-type(15) .t__inner {
  transition-delay: 1.05s !important;
}
.cTitleSection .t:nth-of-type(16) {
  transition-delay: 1.125s !important;
}
.cTitleSection .t:nth-of-type(16) .t__inner {
  transition-delay: 1.125s !important;
}
.cTitleSection .t:nth-of-type(17) {
  transition-delay: 1.2s !important;
}
.cTitleSection .t:nth-of-type(17) .t__inner {
  transition-delay: 1.2s !important;
}
.cTitleSection .t:nth-of-type(18) {
  transition-delay: 1.275s !important;
}
.cTitleSection .t:nth-of-type(18) .t__inner {
  transition-delay: 1.275s !important;
}
.cTitleSection .t:nth-of-type(19) {
  transition-delay: 1.35s !important;
}
.cTitleSection .t:nth-of-type(19) .t__inner {
  transition-delay: 1.35s !important;
}
.cTitleSection .t:nth-of-type(20) {
  transition-delay: 1.425s !important;
}
.cTitleSection .t:nth-of-type(20) .t__inner {
  transition-delay: 1.425s !important;
}
.cTitleSection .t:nth-of-type(21) {
  transition-delay: 1.5s !important;
}
.cTitleSection .t:nth-of-type(21) .t__inner {
  transition-delay: 1.5s !important;
}
.cTitleSection .t:nth-of-type(22) {
  transition-delay: 1.575s !important;
}
.cTitleSection .t:nth-of-type(22) .t__inner {
  transition-delay: 1.575s !important;
}
.cTitleSection .t:nth-of-type(23) {
  transition-delay: 1.65s !important;
}
.cTitleSection .t:nth-of-type(23) .t__inner {
  transition-delay: 1.65s !important;
}
.cTitleSection .t:nth-of-type(24) {
  transition-delay: 1.725s !important;
}
.cTitleSection .t:nth-of-type(24) .t__inner {
  transition-delay: 1.725s !important;
}
.cTitleSection .t:nth-of-type(25) {
  transition-delay: 1.8s !important;
}
.cTitleSection .t:nth-of-type(25) .t__inner {
  transition-delay: 1.8s !important;
}
.cTitleSection .t:nth-of-type(26) {
  transition-delay: 1.875s !important;
}
.cTitleSection .t:nth-of-type(26) .t__inner {
  transition-delay: 1.875s !important;
}
.cTitleSection .t:nth-of-type(27) {
  transition-delay: 1.95s !important;
}
.cTitleSection .t:nth-of-type(27) .t__inner {
  transition-delay: 1.95s !important;
}
.cTitleSection .t:nth-of-type(28) {
  transition-delay: 2.025s !important;
}
.cTitleSection .t:nth-of-type(28) .t__inner {
  transition-delay: 2.025s !important;
}
.cTitleSection .t:nth-of-type(29) {
  transition-delay: 2.1s !important;
}
.cTitleSection .t:nth-of-type(29) .t__inner {
  transition-delay: 2.1s !important;
}
.cTitleSection .t:nth-of-type(30) {
  transition-delay: 2.175s !important;
}
.cTitleSection .t:nth-of-type(30) .t__inner {
  transition-delay: 2.175s !important;
}
.cTitleSection .t__inner {
  color: var(--corporate-Blue);
  display: block;
  font-family: var(--ja-d);
  font-size: 32px;
  height: -moz-max-content;
  height: max-content;
  letter-spacing: 1.6px;
  line-height: 160%;
  perspective: 1000px;
  transform: rotateY(-90deg);
  transform-style: preserve-3d;
  width: -moz-max-content;
  width: max-content;
}
.cTitleSection.isCue .t {
  transform: translate(0, 0);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1) transform;
}
.cTitleSection.isCue .t__inner {
  transform: rotateY(0deg);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1) transform;
}
.cPickUpSection {
  border-top: solid 1px #c2dae6;
  margin: auto;
  max-width: 1170px;
  padding: 60px 0 80px;
  width: calc(100% - 40px);
}
body[data-page-id="environment"] .cPickUpSection {
  border-top: initial;
}
body[data-page-id="business-single"] .cPickUpSection {
  border-top: initial;
  padding: 100px 0 114px;
}
.cPickUpSection__title {
  display: flex;
  justify-content: center;
}
.cPickUpSection__titleEn {
  display: flex;
  justify-content: center;
  margin-top: 3px;
}
.cPickUpSection__list {
  margin-top: 30px;
}
.cPickUpSection__list__item {
  width: calc(33.3333333333% - min(17px, 17rem) * 2 / 3);
}
.pInfo {
  overflow-x: clip;
  position: relative;
  width: 100%;
  width: var(--width);
  z-index: 0;
}
.pInfoPersonality {
  background: var(--Light-Grayish-Blue);
  padding: 84px 0 0;
  width: 100%;
}
.pInfoPersonality__inner {
  margin: auto;
  max-width: 1170px;
  position: relative;
  width: calc(100% - 40px);
  z-index: 0;
}
.pInfoPersonality__head {
  height: -moz-max-content;
  height: max-content;
  z-index: 0;
}
.pInfoPersonality__detail {
  margin-top: 10px;
}
.pInfoPersonality__content {
  width: calc(100% - 345px - 20px);
}
.pInfoPersonality__content__msg {
  margin-top: 55px;
}
.cPersonality {
  background: var(--white);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 24px min(27px, 27rem) 30px;
  width: calc(33.3333333333% - min(10px, 10rem) * 2 / 3);
}
.cPersonality__num {
  align-items: center;
  background: var(--Bright-Blue);
  border-radius: 50%;
  color: var(--white);
  display: flex;
  font-family: var(--ja-b);
  font-size: 12px;
  height: 27px;
  justify-content: center;
  line-height: 1;
  margin: auto;
  text-align: center;
  width: 27px;
}
.cPersonality__title {
  align-items: center;
  color: var(--Bright-Blue);
  display: flex;
  font-family: var(--ja-d);
  font-size: 20px;
  justify-content: center;
  letter-spacing: 1px;
  line-height: 140%;
  margin-top: 16px;
  text-align: center;
}
.cPersonality__underLine {
  height: 7px;
  margin-top: 12px;
  overflow: hidden;
  width: 100%;
}
.cPersonality__underLine img {
  -o-object-fit: cover;
  height: 7px;
  left: 50%;
  object-fit: cover;
  position: relative;
  transform: translate(-50%, 0);
  width: 210px;
  z-index: 0;
}
.cPersonality__detail {
  font-family: var(--ja-d);
  font-size: 14px;
  line-height: 160%;
  margin-top: 12px;
}
.cPersonality__img {
  display: flex;
  height: 160px;
  width: 160px;
}
.cPersonality__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.pInfoPersonalityMsg {
  margin-top: 55px;
}
.pInfoPersonalityMsg__title {
  font-family: var(--ja-b);
  font-size: 24px;
  letter-spacing: 1.2px;
  line-height: 170%;
  text-align: center;
}
.pInfoPersonalityMsg__underLine {
  height: 9px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.pInfoPersonalityMsg__underLine img {
  height: 9px;
  left: 50%;
  position: relative;
  transform: translate(-50%, 0);
  width: 805px;
  z-index: 0;
}
.pInfoPersonalityMsg__lead {
  color: var(--Bright-Blue);
  font-family: var(--ja-d);
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 160%;
  margin-top: 30px;
}
.pInfoPersonalityMsg__detail {
  font-family: var(--ja-d);
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 180%;
  margin-top: 10px;
  text-align: justify;
}
.pInfoPersonalityMsg__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 5px min(16px, 16rem);
  margin-top: 20px;
}
.pInfoMsgCard {
  background: var(--white);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px 24px;
}
.pInfoMsgCard__title {
  color: var(--Bright-Blue);
  font-family: var(--ja-d);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.pInfoMsgCard__txt {
  color: var(--black);
  font-family: var(--ja-d);
  font-size: 14px;
  line-height: 160%;
  margin-top: 10px;
  text-align: center;
}
.pInfoFlow {
  background: var(--Light-Grayish-Blue);
  padding-bottom: 94px;
  padding-top: 68px;
  width: 100%;
}
.pInfoFlow__inner {
  margin: auto;
  max-width: 1170px;
  position: relative;
  width: calc(100% - 40px);
  z-index: 0;
}
.cFlow {
  background: var(--white);
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
}
.cFlow:nth-of-type(1) {
  margin-top: 0;
}
.cFlow__step {
  background: var(--Bright-Blue);
  border-radius: 50%;
  height: 70px;
  width: 70px;
}
.cFlow__step .text {
  color: var(--white);
  font-family: var(--en);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 12px;
  text-align: center;
}
.cFlow__step .num {
  color: var(--white);
  font-family: var(--en);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 1;
  text-align: center;
}
.cFlow__content {
  width: calc(100% - 70px - min(32px, 32rem));
}
.cFlow__content .note {
  align-items: center;
  display: flex;
  gap: 0 1px;
  height: -moz-max-content;
  height: max-content;
  margin-top: 10px;
  margin-top: 10px;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  z-index: 0;
}
.cFlow__content .note::before {
  background: var(--Gray);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
}
.cFlow__content .note__img {
  height: 23px;
  width: 65px;
}
.cFlow__content .note__img img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.cFlow__content .note__icon {
  display: flex;
  height: 15px;
  width: 15px;
}
.cFlow__content .note__icon img {
  height: 100%;
  width: 100%;
}
.cFlow__title {
  color: var(--Bright-Blue);
  font-family: var(--ja-b);
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 150%;
}
.cFlow__detail {
  font-family: var(--ja-d);
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 160%;
}
.cFlow__detail a {
  text-decoration: underline;
  transition: 0.1s ease color;
}
.realSearch {
  padding: 104px 0 120px;
  width: 100%;
}
.realSearch__inner {
  margin: auto;
  max-width: 1170px;
  width: calc(100% - 40px);
}
.realSearch__form {
  margin-top: 32px;
}
.realSearch__result {
  border-top: solid 1px var(--Grayish-Blue);
  margin-top: 60px;
  padding-top: 50px;
  width: 100%;
}
.realSearch__result__none {
  color: var(--Dark-Gray);
  font-family: var(--ja-b);
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 160%;
  text-align: center;
}
.crealEForm {
  margin: auto;
  max-width: 938px;
  max-width: 100%;
  width: 100%;
}
.realEForm__inputs {
  background: #eff6fa;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 50px min(60px, 60rem);
  width: 100%;
}
.rForm__row {
  border-bottom: solid 1px var(--Grayish-Blue);
  padding: 19px 0;
}
.rForm__row:nth-of-type(1) {
  padding-top: 0;
}
.rForm__row:nth-last-of-type(1) {
  border-bottom: initial;
  padding-bottom: 0;
}
.rForm__label {
  font-family: var(--ja-b);
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 160%;
  width: 110px;
  width: 145px;
  font-weight: bold;
}
.rForm__field {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: calc(100% - 110px);
  width: calc(100% - 145px);
}
.cTag {
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}
.cTag input {
  display: none;
}
.cTag label {
  background: var(--white);
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-family: var(--ja-d);
  font-size: 14px;
  height: -moz-max-content;
  height: max-content;
  line-height: 160%;
  padding: 2px 20px;
  transition: 0.1s ease color, 0.1s ease background, 0.1s ease opacity;
  width: -moz-max-content;
  width: max-content;
}
.cTag input:checked + label {
  background: var(--Blue);
  color: var(--white);
}
.cBtnSearch {
  align-items: center;
  background: var(--Blue);
  border-radius: 50px;
  display: flex;
  height: 50px;
  justify-content: space-between;
  opacity: 1;
  transition: 0.1s ease opacity;
  width: 240px;
}
.cBtnSearch[data-disable="1"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.cBtnSearch__text {
  -webkit-user-select: none;
  -moz-user-select: none;
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--ja-b);
  font-size: 16px;
  gap: 0 5px;
  letter-spacing: 1.6px;
  margin-left: 30px;
  pointer-events: none;
  user-select: none;
  font-family: "Montserrat", "M PLUS 1", sans-serif;
}
.cBtnSearch__text span {
  color: var(--white);
  font-family: var(--en);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1.4px;
}
.cBtnSearch__icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  align-items: center;
  background: var(--white);
  border-radius: 40px;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 15px;
  pointer-events: none;
  user-select: none;
  width: 28px;
}
.cBtnSearch__icon img {
  -o-object-fit: contain;
  height: 14px;
  object-fit: contain;
  width: 14px;
}
.cBtnSearch {
  transition: 0.2s ease background;
}
.cBtnSearch .cBtnSearch__icon {
  transition: 0.2s ease transform;
}
.cBtnClear {
  align-items: center;
  background: var(--white);
  border: solid 1px var(--Blue);
  border-radius: 50px;
  box-sizing: border-box;
  display: flex;
  height: 50px;
  justify-content: space-between;
  width: 240px;
}
.cBtnClear__text {
  color: var(--Blue);
  font-family: var(--ja-b);
  font-size: 16px;
  letter-spacing: 1.6px;
  padding-left: 30px;
}
.cBtnClear__icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  align-items: center;
  background: var(--Blue);
  border-radius: 40px;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 15px;
  pointer-events: none;
  position: relative;
  user-select: none;
  width: 28px;
  z-index: 0;
}
.cBtnClear__icon::before,
.cBtnClear__icon::after {
  background: var(--white);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  z-index: 0;
}
.cBtnClear__icon::before {
  transform: rotateZ(45deg);
}
.cBtnClear__icon::after {
  transform: rotateZ(-45deg);
}
.cBtnClear {
  transition: 0.2s ease background, 0.2s ease border;
}
.cBtnClear .cBtnClear__text {
  transition: 0.2s ease color;
}
.cBtnClear .cBtnClear__icon {
  transition: 0.2s ease transform;
}
.realSearchResult__head {
  align-items: flex-end;
  color: var(--Blue);
  display: flex;
  font-family: var(--ja-b);
  font-size: 24px;
  height: -moz-max-content;
  height: max-content;
  letter-spacing: 2.4px;
  line-height: 1.4;
  position: relative;
  width: 150px;
  z-index: 0;
}
.realSearchResult__head span {
  color: var(--Blue);
  font-family: var(--en);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 4.8px;
  line-height: 1;
}
.realSearchResult__content {
  width: calc(100% - 150px);
}
.cInfoCards__item {
  animation: FadeIn 0.8s ease forwards;
  margin-top: 10px;
  width: 100%;
}
.cInfoCards__item:nth-of-type(1) {
  margin-top: 0;
}
.cInfoCard {
  background: var(--Light-Gray);
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  padding: 19px min(34px, 34rem);
  position: relative;
  width: 100%;
  width: 100%;
  z-index: 0;
}
.cInfoCard__title {
  align-items: center;
  color: var(--Bright-Blue);
  display: flex;
  font-family: var(--ja-b);
  font-size: 20px;
  gap: 0 10px;
  letter-spacing: 1px;
  line-height: 150%;
}
.cInfoCard__title::before {
  border: solid 2px var(--Bright-Blue);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 7px;
  min-width: 8px;
  width: 8px;
}
.cInfoCard__lower {
  margin-top: 12px;
}
.cInfoCard__group {
  display: flex;
  gap: 5px;
  gap: 10px;
}
.cInfoCard__group.isTowMore {
  width: 100%;
}
.cInfoCard__label {
  font-family: var(--ja-d);
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 150%;
}
.cInfoCard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.cInfoCard__tag {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--Gray);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  font-family: var(--ja-d);
  font-size: 12px;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  letter-spacing: 0.6px;
  line-height: 150%;
  padding: 2px 20px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}
.cInfoCard__icon {
  bottom: 0;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  width: -moz-max-content;
  width: max-content;
  z-index: 0;
}
.jsAcHarf__content {
  overflow: hidden;
}
.cAcHarf__content {
  position: relative;
  z-index: 0;
}
.cAcHarf__content::before {
  background: linear-gradient(0deg, #eff6fa 0%, rgba(239, 246, 250, 0) 100%);
  bottom: 0;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.3s ease opacity;
  width: 100%;
  z-index: 1;
}
.cAcHarf__summary {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.cAcHarf[data-open="1"] .cBtn-toggle .cBtn-toggle__icon::before {
  transform: rotateZ(0deg);
}
.cAcHarf[data-open="1"] .cBtn-toggle .cBtn-toggle__icon::after {
  transform: rotateZ(180deg);
}
.cAcHarf[data-open="1"] .cAcHarf__content::before {
  opacity: 0;
}
.cBtn-toggle .cBtn__text {
  text-align: left;
}
.cBtn-toggle .cBtn-toggle__icon {
  background: var(--white);
  border-radius: 28px;
  height: 20px;
  position: relative;
  right: -15px;
  width: 28px;
  z-index: 0;
}
.cBtn-toggle .cBtn-toggle__icon::before,
.cBtn-toggle .cBtn-toggle__icon::after {
  background: var(--Blue);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s ease transform;
  width: 8px;
  z-index: 0;
}
.cBtn-toggle .cBtn-toggle__icon::before {
  transform: rotateZ(0deg);
}
.cBtn-toggle .cBtn-toggle__icon::after {
  transform: rotateZ(90deg);
}
@media (max-width: 1084px) and (max-width: 768px) {
  .pInfoMsgCard {
    padding: 15px min(24px, 24rem);
  }
}
@media (max-width: 1084px) {
  .cPersonality {
    margin-top: 10px;
    width: 100%;
  }
  .cPersonality:nth-of-type(1) {
    margin-top: 0;
  }
  .pInfoPersonalityMsg__cards .pInfoMsgCard {
    width: calc(100% - min(16px, 16rem) * 0 / 1);
  }
  .pInfoMsgCard {
    padding: 15px 24px;
  }
  .pInfoMsgCard__txt {
    margin-top: 5px;
  }
}
@media (max-width: 960px) {
  .cFvChild__text {
    width: 100%;
  }
  .cFvChild__content {
    margin-top: 3px;
    width: 100%;
  }
  .cFvChild__middle {
    margin-top: 29px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .cAnkerLink {
    padding: 12px 0px 12px 10px;
  }
  .cAnkerLink__text {
    line-height: 1.4;
  }
  .cTitlePageEn {
    min-height: 67.2px;
  }
  .cTitlePageEn .t__inner {
    font-size: 56px;
  }
  .cTitlePageEn-s {
    min-height: 31.2px;
  }
  .cTitlePageEn-s .t__inner {
    font-size: 26px;
  }
  .cFvChild__inner {
    padding: 100px 0 49px;
  }
  .cFvChild__titleEn {
    min-height: 67.2px;
  }
  .cFvChild__detail {
    margin-top: 10px;
    text-align: justify;
  }
  .cFvChild__detail .cText {
    line-height: 1.6;
  }
  .cFvChild__content__content {
    margin-top: 2px;
  }
  .cFvChild-noThum .cFvChild__inner {
    padding-bottom: 50px;
  }
  .cFvChild-noThum .cFvChild__middle {
    margin-top: 25px;
    padding-top: 0;
  }
  .cTitleSectionEn {
    font-size: 14px;
    letter-spacing: 1.4px;
  }
  .cTitleSectionEn::before {
    top: 7px;
  }
  .cTitleSection {
    min-height: 35.2px;
  }
  .cTitleSection .t__inner {
    font-size: 22px;
    letter-spacing: 1.1px;
  }
  .cPickUpSection {
    padding: 35px 0 60px;
  }
  body[data-page-id="business-single"] .cPickUpSection {
    padding: 55px 0 60px;
  }
  .cPickUpSection__titleEn {
    margin-top: 10px;
  }
  .cPickUpSection__list__item {
    margin-top: 10px;
    width: 100%;
  }
  .cPickUpSection__list__item:nth-of-type(1) {
    margin-top: 0;
  }
  .pInfoPersonality {
    padding: 68px 0 61px;
  }
  .pInfoPersonality__head {
    width: 100%;
  }
  .pInfoPersonality__title {
    margin-top: 4px;
  }
  .pInfoPersonality__detail {
    margin-top: 16px;
  }
  .pInfoPersonality__content {
    margin-top: 32px;
    width: 100%;
  }
  .pInfoPersonality__content__msg {
    margin-top: 44px;
  }
  .cPersonality {
    align-items: center;
    display: flex;
    gap: 0 19px;
    justify-content: center;
    margin-top: 8px;
    padding: 16px min(35px, 35rem);
  }
  .cPersonality:nth-of-type(1) {
    margin-top: 0;
  }
  .cPersonality__txts {
    max-width: 142px;
    width: calc(100% - 120px - 19px);
  }
  .cPersonality__title {
    font-size: 20px;
    height: -moz-max-content;
    height: max-content;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 10px;
  }
  .cPersonality__underLine {
    margin-top: 10px;
  }
  .cPersonality__detail {
    margin-top: 10px;
  }
  .cPersonality__img {
    height: 120px;
    min-width: 120px;
    width: 120px;
  }
  .pInfoPersonalityMsg {
    margin-top: 44px;
  }
  .pInfoPersonalityMsg__title {
    font-size: 18px;
    letter-spacing: 0.9px;
  }
  .pInfoPersonalityMsg__underLine {
    margin-top: 5px;
  }
  .pInfoPersonalityMsg__lead {
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 150%;
    margin-top: 18px;
  }
  .pInfoPersonalityMsg__detail {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 160%;
    margin-top: 0;
    padding-top: 10px;
  }
  .pInfoFlow {
    padding-bottom: 50px;
    padding-top: 0px;
  }
  .pInfoFlow__head {
    width: 100%;
  }
  .pInfoFlow__content {
    margin-top: 28px;
    width: 100%;
  }
  .cFlow {
    gap: 0 11px;
    margin-top: 5px;
    padding: 20px 10px;
  }
  .cFlow:nth-last-of-type(1) {
    align-items: center;
  }
  .cFlow:nth-last-of-type(1) .cFlow__title {
    margin-top: 0;
  }
  .cFlow__step {
    height: 60px;
    width: 60px;
  }
  .cFlow__step .text {
    font-size: 10px;
    line-height: 1.25;
  }
  .cFlow__step .num {
    font-size: 20px;
    letter-spacing: 1px;
  }
  .cFlow__content {
    width: calc(100% - 60px - 11px);
  }
  .cFlow__title {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 160%;
    margin-top: 10px;
  }
  .cFlow__detail {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 160%;
  }
  .realSearch {
    padding: 50px 0 80px;
  }
  .realSearch__form {
    margin-top: 20px;
  }
  .realSearch__result {
    margin-top: 50px;
    padding-top: 30px;
  }
  .realSearch__result__none {
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 170%;
    text-align: center;
  }
  .crealEForm {
    width: 100%;
  }
  .realEForm__inputs {
    padding: 20px min(20px, 20rem) 30px;
  }
  .rForm__row {
    padding: 20px 0;
  }
  .rForm__label {
    width: 100%;
  }
  .rForm__field {
    gap: 10px;
    margin-top: 10px;
    width: 100%;
  }
  .rForm__btn {
    margin: auto;
    margin-top: 60px;
    width: -moz-max-content;
    width: max-content;
  }
  .rForm__btn .cBtnClear {
    margin-top: 10px;
  }
  .realSearchResult__head {
    font-size: 18px;
    letter-spacing: 1.8px;
    width: 100%;
  }
  .realSearchResult__head span {
    font-size: 36px;
    letter-spacing: 3.6px;
  }
  .realSearchResult__content {
    margin-top: 12px;
    width: 100%;
  }
  .cInfoCards__item {
    margin-top: 5px;
  }
  .cInfoCard {
    padding: 20px calc(min(20px, 20rem) + 33.6px) 20px min(20px, 20rem);
  }
  .cInfoCard__title {
    font-size: 18px;
    gap: 0 8px;
    letter-spacing: 0.9px;
    line-height: 160%;
  }
  .cInfoCard__title::before {
    height: 8px;
    min-width: 8px;
    width: 8px;
  }
  .cInfoCard__lower {
    margin-top: 4px;
  }
  .cInfoCard__group {
    margin-top: 4px;
  }
  .cInfoCard__group:nth-of-type(1) {
    margin-top: 0;
  }
  .cInfoCard__label {
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative;
    top: 3px;
    width: -moz-max-content;
    width: max-content;
    z-index: 0;
  }
  .cInfoCard__icon {
    right: min(20px, 20rem);
  }
}
@media (min-width: 769px) {
  .cFvChild__inner {
    min-height: 389px;
    padding: 155px 0 74px;
  }
  .cFvChild__img {
    min-height: 333px;
  }
  .cFvChild-noDetail .cFvChild__middle {
    top: 190px;
  }
  .cFvChild-noDetail .cFvChild__text {
    padding-top: 49px;
  }
  .cFvChild-noDetail .cFvChild__content {
    margin-top: 37px;
  }
  .cFvChild-noThum .cFvChild__inner {
    min-height: -moz-max-content;
    min-height: max-content;
    padding-bottom: 54px;
  }
  .cPickUpSection__list {
    display: flex;
    gap: min(17px, 17rem);
  }
  .pInfoPersonality__inner {
    display: flex;
    gap: 20px;
  }
  .pInfoPersonality__head {
    position: sticky;
    top: var(--scrollTopPc);
    width: 345px;
  }
  .pInfoPersonality__content {
    padding-top: 95px;
  }
  .cPersonality__title {
    height: 56px;
  }
  .cPersonality__detail {
    text-align: center;
    white-space: nowrap;
  }
  .cPersonality__img {
    margin: auto;
    margin-top: 10px;
  }
  .pInfoFlow__inner {
    display: flex;
    gap: 20px;
  }
  .pInfoFlow__head {
    height: -moz-max-content;
    height: max-content;
    position: sticky;
    top: var(--scrollTopPc);
    width: 345px;
  }
  .pInfoFlow__content {
    padding-top: 24px;
    width: calc(100% - 345px - 20px);
  }
  .cFlow {
    align-items: center;
    gap: 0 min(32px, 32rem);
    margin-top: 10px;
    padding: 18px 30px;
  }
  .rForm__row {
    display: flex;
    gap: 0;
  }
  .rForm__btn {
    align-items: center;
    display: flex;
    gap: 0 20px;
    justify-content: center;
    margin-top: 40px;
  }
  .realSearchResult {
    display: flex;
  }
  .realSearchResult__head {
    top: -6px;
  }
  .cInfoCard__lower {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
  }
  .cInfoCard__group {
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 961px) {
  .cFvChild__middle {
    position: absolute;
    right: 0;
    top: 220px;
    width: calc(100% - 460px - min(114px, 114rem));
    z-index: 0;
  }
}
@media (min-width: 1085px) {
  .cPersonalityList {
    align-items: stretch;
    display: flex;
    gap: min(10px, 10rem);
  }
}
@media (hover: hover) {
  .cAnkerLink:hover .cAnkerLink__text {
    color: var(--Bright-Blue);
  }
  a.cBreadcrumb:hover {
    color: var(--Bright-Blue);
  }
  .cFlow__detail a:hover {
    color: var(--Bright-Blue);
  }
  .cTag label:hover {
    opacity: 0.5;
  }
  .cBtnSearch:hover {
    background: var(--Bright-Blue);
  }
  .cBtnSearch:hover .cBtnSearch__icon {
    transform: scale(1.2);
  }
  .cBtnClear:hover {
    background: var(--Bright-Blue);
    border: solid 1px var(--Bright-Blue);
  }
  .cBtnClear:hover .cBtnClear__text {
    color: var(--white);
  }
  .cBtnClear:hover .cBtnClear__icon {
    transform: scale(1.2);
  }
}

/* ==================================================
   検索フォーム：日付検索エリアのレイアウト
   ================================================== */

/* Flexboxの親コンテナ */
.date-search-field {
  display: flex;
  flex-wrap: wrap; /* スマホ表示などで折り返すように */
  gap: 20px 30px; /* 縦横の隙間 */
  align-items: flex-start; /* 上揃え */
  width: calc(100% - 110px); /* 親の幅に合わせて調整 */
}

/* 左側のカレンダーのコンテナ */
.calendar-wrapper {
  flex: 1 1 300px; /* 基本幅300px、スペースがあれば伸びる、狭ければ縮む */
  min-width: 280px; /* 最小幅 */
}

/* 右側の期間指定フォームのコンテナ */
.date-range-wrapper {
  flex: 1 1 250px;
  padding-top: 10px; /* カレンダーとの高さを微調整 */
}

.date-range-label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.date-range-inputs {
  display: flex;
  align-items: center;
  gap: 10px;
}
.date-range-inputs input[type="date"] {
  padding: 8px;
  border: 1px solid var(--Gray, #ccc);
  border-radius: 4px;
  flex-grow: 1; /* 入力欄がスペースに合わせて伸びる */
}

/* 既に定義済みのカレンダーのスタイルに、幅の調整を追加 */
#wp-calendar {
  width: 100%; /* 親要素(calendar-wrapper)の幅に追従させる */
  max-width: 400px; /* カレンダーが広がりすぎないように最大幅を指定 */
}

/* ==================================================
 レスポンシブ対応 (スマホ表示)
 ================================================== */
@media (max-width: 768px) {
  .rForm__row {
    /* スマホではFlexboxを解除して縦積みに */
    display: block;
  }

  .date-search-field {
    /* 親の幅いっぱいに広がるように */
    width: 100%;
  }

  /* カレンダーと期間指定を縦に並べる */
  .date-search-field {
    flex-direction: column;
    align-items: stretch; /* 幅を揃える */
    gap: 20px;
  }

  #wp-calendar {
    max-width: none; /* スマホでは最大幅の制限を解除 */
  }
}

/* ==================================================
   検索結果カード (.cInfoCard) のレイアウト
   ================================================== */

.cInfoCard {
  display: flex; /* ★ 子要素を横並びにする */
  align-items: center; /* 上下中央揃え */
  gap: 20px; /* 各要素の間の隙間 */
  padding: 20px; /* 内側の余白 */
}

/* 1. 左側のサムネイル画像 */
.cInfoCard__thumbnail {
  flex: 0 0 150px; /* ★ 幅を150pxで固定（伸び縮みしない）*/
  width: 150px;
  height: 100px; /* 高さを指定 */
}
.cInfoCard__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像の比率を保ったままトリミング */
  border-radius: 6px;
}

/* 2. 中央のテキスト情報エリア */
.cInfoCard__content {
  flex: 1 1 auto; /* ★ 残りの幅を全て使う */
  min-width: 0; /* flexアイテムの幅が縮小できるように */
}

/* 3. 右端のアイコン */
.cInfoCard__icon {
  flex: 0 0 auto; /* ★ 幅をコンテンツに合わせて固定 */
  font-size: 24px; /* Font Awesomeアイコンのサイズ */
  color: var(--Bright-Blue); /* アイコンの色 */
  margin-left: auto; /* 右端に寄せる */
  padding-left: 20px;
}

/* --- レスポンシブ対応 (スマホ表示) --- */
@media (max-width: 768px) {
  .cInfoCard {
    flex-direction: column; /* 縦積みに変更 */
    align-items: flex-start; /* 左揃えに変更 */
    gap: 15px;
  }
  .cInfoCard__thumbnail {
    width: 100%;
    height: 180px; /* スマホでは高さを大きく */
    flex-basis: auto;
  }
  .cInfoCard__icon {
    position: absolute; /* アイコンを右上に配置 */
    top: 20px;
    right: 20px;
    margin-left: 0;
    padding-left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}