@charset "UTF-8";
body {
  margin: 0;
}

DIV#mainBg, DIV#contents {
  width: 100%;
}

DIV#contact-client {
  /* color */
  --clr-wh: #FFF;
  --clr-bk: #212121;
  --clr-gl: #E3E3E3;
  --clr-bl: #00A7C3;
  --clr-bl-back: #E4F3F7;
  --clr-nt: #808080;
  /* font size */
  --fs48: clamp(0vw, 48 / 1280 * 100vw, 48px);
  --fs26: clamp(0vw, 26 / 1280 * 100vw, 26px);
  --fs24: clamp(0vw, 24 / 1280 * 100vw, 24px);
  --fs22: clamp(0vw, 22 / 1280 * 100vw, 22px);
  --fs20: clamp(0vw, 20 / 1280 * 100vw, 20px);
  --fs18: clamp(0vw, 18 / 1280 * 100vw, 18px);
  --fs16: clamp(0vw, 16 / 1280 * 100vw, 16px);
  --fs15: clamp(0vw, 15 / 1280 * 100vw, 15px);
  --fs14: clamp(0vw, 14 / 1280 * 100vw, 14px);
  --fs13: clamp(0vw, 13 / 1280 * 100vw, 13px);
  --fs10: clamp(0vw, 10 / 1280 * 100vw, 10px);
  /* block size */
  --bs: clamp(0vw, 4 / 1280 * 100vw, 4px);
  --bs-sp: clamp(0vw, 4 / 750 * 100vw, 4px);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  position: relative;
}
DIV#contact-client p {
  color: var(--clr-bk);
  margin: 0;
  font-weight: normal;
  letter-spacing: 0.02em;
}
DIV#contact-client a {
  text-decoration: none;
  color: var(--clr-bk);
}
DIV#contact-client img {
  width: 100%;
  vertical-align: top;
}
@media (min-width: 768px) {
  DIV#contact-client .pconly {
    display: block;
  }
  DIV#contact-client .sponly {
    display: none;
  }
}
DIV#contact-client .mv {
  padding-top: calc(var(--bs) * 16);
  margin-bottom: calc(var(--bs) * 20);
}
DIV#contact-client .mv .page-title {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 36/24;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: calc(var(--bs) * 7);
}
DIV#contact-client .mv .mv-image {
  background: #F7F7F9;
  text-align: center;
}
DIV#contact-client .mv .mv-image img {
  max-width: 1280px;
}
DIV#contact-client .wedding {
  padding-bottom: calc(var(--bs) * 16.75);
}
DIV#contact-client .wedding .base-text {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  text-align: center;
  margin-top: calc(var(--bs) * 11);
  margin-bottom: calc(var(--bs) * 7);
}
DIV#contact-client .wedding .wedding-img {
  width: calc(var(--bs) * 240);
  margin: 0 auto;
}
DIV#contact-client .char {
  padding-top: calc(var(--bs) * 20);
  padding-bottom: calc(var(--bs) * 30);
  background-color: var(--clr-bl-back);
}
DIV#contact-client .char .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(var(--bs) * 240);
  margin: 0 auto;
  gap: calc(var(--bs) * 5);
  padding-top: calc(var(--bs) * 11.75);
}
DIV#contact-client .char .items .item {
  background-color: var(--clr-wh);
  width: calc(var(--bs) * 101.5);
  border-radius: calc(var(--bs) * 4);
  padding: calc(var(--bs) * 10.5) calc(var(--bs) * 8) calc(var(--bs) * 14);
  position: relative;
  overflow: hidden;
  box-shadow: calc(var(--bs) * 1.5) calc(var(--bs) * 1.5) calc(var(--bs) * 1) rgba(0, 0, 0, 0.05);
}
DIV#contact-client .char .items .item::before {
  content: "";
  display: block;
  width: calc(var(--bs) * 20);
  aspect-ratio: 1;
  transform: rotate(45deg);
  background-color: var(--clr-bl);
  position: absolute;
  top: calc(var(--bs) * -10);
  left: calc(var(--bs) * -10);
}
DIV#contact-client .char .items .item:nth-of-type(1) .item-deco {
  width: calc(var(--bs) * 54);
}
DIV#contact-client .char .items .item:nth-of-type(2) .item-deco {
  width: calc(var(--bs) * 63.5);
}
DIV#contact-client .char .items .item:nth-of-type(3) .item-deco {
  width: calc(var(--bs) * 54);
}
DIV#contact-client .char .items .item:nth-of-type(4) .item-deco {
  width: calc(var(--bs) * 37);
}
DIV#contact-client .char .items .item .item-idx {
  font-size: var(--fs48);
  font-family: "Outfit", sans-serif;
  line-height: 1.1041666667;
  letter-spacing: 0.06em;
  color: var(--clr-bl);
  text-align: center;
  margin-bottom: calc(var(--bs) * 1);
}
DIV#contact-client .char .items .item .item-title {
  font-size: var(--fs20);
  font-weight: 700;
  line-height: 2.35;
  text-align: center;
  margin-bottom: calc(var(--bs) * 0.75);
}
DIV#contact-client .char .items .item .item-deco {
  width: 15em;
  margin: 0 auto calc(var(--bs) * 6);
  border-bottom: calc(var(--bs) / 2) solid var(--clr-bl);
  position: relative;
}
DIV#contact-client .char .items .item .item-deco::before, DIV#contact-client .char .items .item .item-deco::after {
  content: "";
  display: block;
  width: calc(var(--bs) * 0.5);
  aspect-ratio: 1;
  background-color: var(--clr-bl);
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
DIV#contact-client .char .items .item .item-deco::before {
  left: calc(var(--bs) * -3);
}
DIV#contact-client .char .items .item .item-deco::after {
  right: calc(var(--bs) * -3);
}
DIV#contact-client .char .items .item .lead-text {
  font-size: var(--fs16);
  font-weight: 700;
  line-height: 1.75;
  color: var(--clr-bl);
  text-align: center;
  margin-bottom: calc(var(--bs) * 5);
}
DIV#contact-client .char .items .item .base-text {
  font-size: var(--fs15);
  line-height: 1.8666666667;
}
DIV#contact-client .char .items .item .keyword-title {
  font-size: var(--fs15);
  font-weight: 600;
  line-height: 1.8666666667;
  text-align: center;
  letter-spacing: 0.02em;
  margin-top: calc(var(--bs) * 7);
  margin-bottom: calc(var(--bs) * 4);
  position: relative;
}
DIV#contact-client .char .items .item .keyword-title::before, DIV#contact-client .char .items .item .keyword-title::after {
  content: "";
  border-bottom: calc(var(--bs) * 0.75) dotted var(--clr-bl);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--bs) * 32);
}
DIV#contact-client .char .items .item .keyword-title::before {
  left: 0;
}
DIV#contact-client .char .items .item .keyword-title::after {
  right: 0;
}
DIV#contact-client .char .items .item .keywords {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 0.75rem;
  margin-left: calc(var(--bs) * -2);
  margin-right: calc(var(--bs) * -2);
  margin-bottom: calc(var(--bs) * 3.5);
}
DIV#contact-client .char .items .item .keywords .keyword {
  font-size: var(--fs15);
  padding: 0 0.5rem;
  line-height: 1.5;
  border-radius: 50vh;
  border: calc(var(--bs) * 0.25) solid var(--clr-bl);
  letter-spacing: 0.02em;
}
DIV#contact-client .char .items .item .keywords .keyword-other {
  font-size: var(--fs15);
  line-height: 1.5;
  padding-left: 3rem;
  letter-spacing: 0.02em;
}
DIV#contact-client .char .items .item .item-note {
  font-size: var(--fs14);
  color: #4D4D4D;
  letter-spacing: 0.02em;
}
DIV#contact-client .char .items .item .item-image {
  width: calc(var(--bs) * 117.5);
  transform: translateX(calc(var(--bs) * -8));
}
DIV#contact-client .char .items .item .char3-margin {
  margin-top: calc(var(--bs) * 1.25);
  margin-bottom: calc(var(--bs) * 2.5);
}
DIV#contact-client .char .items .item .char4-margin {
  margin-top: calc(var(--bs) * 9);
}
DIV#contact-client .char .items .btm-item-padding {
  padding-bottom: calc(var(--bs) * 11);
}
DIV#contact-client .adver {
  text-align: center;
  width: calc(var(--bs) * 240);
  padding-top: calc(var(--bs) * 23);
  margin: 0 auto;
}
DIV#contact-client .adver .adver-section {
  margin-bottom: calc(var(--bs) * 14.5);
}
DIV#contact-client .adver .region {
  margin-bottom: calc(var(--bs) * 10.5);
}
DIV#contact-client .adver .region .region-title {
  font-size: var(--fs20);
  font-weight: 700;
  line-height: 2.35;
  color: var(--clr-bl);
  background-color: var(--clr-gl);
}
DIV#contact-client .adver .region .region-items {
  display: flex;
  justify-content: space-around;
}
DIV#contact-client .adver .region .region-items .region-item {
  width: calc(var(--bs) * 80);
}
DIV#contact-client .adver .region .region-items .region-item .region-icon {
  width: calc(var(--bs) * 15);
  margin: calc(var(--bs) * 6) auto calc(var(--bs) * -1);
}
DIV#contact-client .adver .region .region-items .region-item .region-item-title {
  font-size: var(--fs18);
  font-weight: 700;
  line-height: 2.6111111111;
  margin-bottom: calc(var(--bs) * 6);
}
DIV#contact-client .adver .region .region-items .region-item .region-item-title span {
  font-size: var(--fs14);
}
DIV#contact-client .adver .region .region-items .region-item .region-item-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
}
DIV#contact-client .adver .region .region-items .photo-region {
  width: calc(var(--bs) * 240);
}
DIV#contact-client .adver .adver-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
  border-top: 2px dotted var(--clr-bl);
  padding-top: calc(var(--bs) * 13);
  padding-bottom: calc(var(--bs) * 25.5);
  margin-top: calc(var(--bs) * 16);
}
DIV#contact-client .tandp, DIV#contact-client .sdmw, DIV#contact-client .ltwc {
  margin-bottom: calc(var(--bs) * 1);
}
DIV#contact-client .tandp .section-title, DIV#contact-client .sdmw .section-title, DIV#contact-client .ltwc .section-title {
  display: block;
  padding: calc(var(--bs) * 6) 0 calc(var(--bs) * 9);
  background-color: var(--clr-bl-back);
  position: relative;
}
DIV#contact-client .tandp .section-title .main-title, DIV#contact-client .sdmw .section-title .main-title, DIV#contact-client .ltwc .section-title .main-title {
  font-size: var(--fs22);
  font-weight: 600;
  letter-spacing: 0.02em;
}
DIV#contact-client .tandp .section-title .sub-title, DIV#contact-client .sdmw .section-title .sub-title, DIV#contact-client .ltwc .section-title .sub-title {
  font-size: var(--fs10);
  letter-spacing: 0.06em;
  color: var(--clr-bl);
}
DIV#contact-client .tandp .section-title .fa-circle-plus, DIV#contact-client .tandp .section-title .fa-circle-minus, DIV#contact-client .sdmw .section-title .fa-circle-plus, DIV#contact-client .sdmw .section-title .fa-circle-minus, DIV#contact-client .ltwc .section-title .fa-circle-plus, DIV#contact-client .ltwc .section-title .fa-circle-minus {
  font-size: var(--fs26);
  position: absolute;
  top: 50%;
  right: calc(50% - var(--bs) * 105);
  transform: translateY(-50%);
}
DIV#contact-client .tandp .section-title .fa-circle-plus, DIV#contact-client .sdmw .section-title .fa-circle-plus, DIV#contact-client .ltwc .section-title .fa-circle-plus {
  color: var(--clr-bl);
}
DIV#contact-client .tandp .section-title .fa-circle-minus, DIV#contact-client .sdmw .section-title .fa-circle-minus, DIV#contact-client .ltwc .section-title .fa-circle-minus {
  color: var(--clr-nt);
  display: none;
}
DIV#contact-client .tandp .section-title.close .fa-circle-plus, DIV#contact-client .sdmw .section-title.close .fa-circle-plus, DIV#contact-client .ltwc .section-title.close .fa-circle-plus {
  display: none;
}
DIV#contact-client .tandp .section-title.close .fa-circle-minus, DIV#contact-client .sdmw .section-title.close .fa-circle-minus, DIV#contact-client .ltwc .section-title.close .fa-circle-minus {
  display: block;
}
DIV#contact-client .tandp .radio-contents, DIV#contact-client .sdmw .radio-contents, DIV#contact-client .ltwc .radio-contents {
  display: none;
}
DIV#contact-client .tandp .radio-contents {
  margin-top: calc(var(--bs) * 11);
}
DIV#contact-client .tandp .radio-contents .tandp-content {
  display: flex;
  justify-content: space-between;
  width: calc(var(--bs) * 240);
  margin: 0 auto calc(var(--bs) * 24);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text {
  width: calc(var(--bs) * 152);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .content-title {
  display: flex;
  margin-bottom: calc(var(--bs) * 11);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .content-title .title-index {
  font-family: "Outfit", sans-serif;
  font-size: var(--fs48);
  color: var(--clr-bl);
  letter-spacing: 0.06em;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .content-title .title-text {
  font-size: var(--fs20);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.02em;
  padding-top: calc(var(--bs) * 3);
  padding-left: calc(var(--bs) * 10);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .content-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
  margin-bottom: calc(var(--bs) * 7);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .content-note {
  font-size: var(--fs13);
  line-height: 2.1538461538;
  letter-spacing: 0.02em;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: calc(var(--bs) * 8);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .link-button {
  margin: initial;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: calc(var(--bs) * 5);
       column-gap: calc(var(--bs) * 5);
  row-gap: calc(var(--bs) * 4);
  margin-top: calc(var(--bs) * 9.5);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item {
  display: flex;
  justify-content: space-between;
  padding: calc(var(--bs) * 5) calc(var(--bs) * 5) calc(var(--bs) * 6);
  border-radius: calc(var(--bs) * 2);
  box-shadow: calc(var(--bs) * 0.75) calc(var(--bs) * 0.75) calc(var(--bs) * 2) rgba(0, 0, 0, 0.2);
  width: calc(var(--bs) * 117.5);
  aspect-ratio: 2.8834355828;
  box-sizing: border-box;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item .prom-item-image {
  width: calc(var(--bs) * 21);
  padding-top: calc(var(--bs) * 4);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item .prom-item-text {
  width: calc(var(--bs) * 79);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item .prom-item-text .prom-item-title {
  font-size: var(--fs18);
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: calc(var(--bs) * 2);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item .prom-item-text .prom-item-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .prom-item .prom-item-text .prom-item-image3 {
  width: calc(var(--bs) * 48.75);
  margin-top: calc(var(--bs) * 6);
  margin-left: calc(var(--bs) * -1.5);
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-text .prom-items .box4 {
  grid-column-start: 2;
  grid-row-start: 2;
  grid-row-end: 4;
  aspect-ratio: 1.3742690058;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-no-image {
  width: 100%;
}
DIV#contact-client .tandp .radio-contents .tandp-content .content-image {
  width: calc(var(--bs) * 71.75);
}
DIV#contact-client .tandp .radio-contents .tandp-content .image-drop {
  box-shadow: calc(var(--bs) * 0.75) calc(var(--bs) * 0.75) calc(var(--bs) * 3) rgba(0, 0, 0, 0.2);
}
DIV#contact-client .sdmw .radio-contents {
  margin-bottom: calc(var(--bs) * 18.5);
}
DIV#contact-client .sdmw .radio-contents .sdmw-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
  text-align: center;
  margin: calc(var(--bs) * 11) 0;
}
DIV#contact-client .ltwc .radio-contents {
  width: calc(var(--bs) * 240);
  margin: 0 auto;
  padding-bottom: calc(var(--bs) * 25.5);
  border-bottom: calc(var(--bs) * 0.5) dotted var(--clr-bl);
}
DIV#contact-client .ltwc .radio-contents .ltwc-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
  text-align: center;
  margin: calc(var(--bs) * 11) 0;
}
DIV#contact-client .contact {
  padding: calc(var(--bs) * 20) 0 calc(var(--bs) * 40);
  max-width: 960px;
  margin: 0 auto;
}
DIV#contact-client .contact .contact-lead {
  font-size: var(--fs15);
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: calc(var(--bs) * 11);
  margin-bottom: calc(var(--bs) * 17.5);
}
DIV#contact-client .contact .contact-link {
  font-size: var(--fs20);
  font-weight: 600;
  color: var(--clr-wh);
  background-color: var(--clr-bl);
  border-radius: 50vh;
  width: calc(var(--bs) * 165.5);
  display: block;
  margin: 0 auto calc(var(--bs) * 6);
  text-align: center;
  letter-spacing: 0.02em;
  padding: calc(var(--bs) * 3.5) 0;
  border: 1px solid var(--clr-bl);
}
DIV#contact-client .contact .contact-link:hover {
  color: var(--clr-bl);
  background-color: var(--clr-wh);
  border: 1px solid var(--clr-bl);
}
DIV#contact-client .contact .contact-note {
  font-size: var(--fs15);
  letter-spacing: 0.02em;
  color: var(--clr-nt);
  text-align: center;
}
DIV#contact-client .section-title {
  margin-bottom: calc(var(--bs) * 1);
  text-align: center;
}
DIV#contact-client .section-title .main-title {
  font-size: var(--fs22);
  font-weight: 700;
  line-height: 2.1363636364;
}
DIV#contact-client .section-title .sub-title {
  font-family: "Outfit", sans-serif;
  font-size: var(--fs10);
  letter-spacing: 0.06em;
  color: var(--clr-bl);
}
DIV#contact-client .link-button {
  font-size: var(--fs15);
  font-weight: 600;
  color: var(--clr-bl);
  letter-spacing: 0.09em;
  border-bottom: 2px solid var(--clr-bl);
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  transform: translateX(calc(var(--bs) * -2.5));
  padding: 0 calc(var(--bs) * 2.5);
}
DIV#contact-client .link-button .fa-solid {
  font-size: var(--fs20);
}
DIV#contact-client .link-button:hover {
  opacity: 0.7;
}
DIV#contact-client .contact-form {
  background-color: var(--clr-bl);
  position: fixed;
  right: 0;
  top: calc(var(--bs) * 51.25);
  border-top-left-radius: calc(var(--bs) * 3.5);
  border-bottom-left-radius: calc(var(--bs) * 3.5);
}
DIV#contact-client .contact-form .contact-form-text {
  font-size: var(--fs20);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--clr-wh);
  writing-mode: vertical-rl;
  padding: calc(var(--bs) * 10) calc(var(--bs) * 3.75) calc(var(--bs) * 11.25) calc(var(--bs) * 4.5);
}
DIV#contact-client .contact-form:hover {
  opacity: 0.7;
}/*# sourceMappingURL=style_client_pc.css.map */