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

body {
  font: 400 1rem/1.5 "M PLUS Rounded 1c", sans-serif;
  color: #332b30;
  background: #fafaf7;
}

main {
  margin: auto;
  max-width: 1200px;
}

section {
  padding: 1rem;
}

span,
a {
  display: inline-block;
}

img {
  display: inline-block;
  max-width: 100%;
}

dt {
  font: 400 1rem "M PLUS Rounded 1c", sans-serif;
}

table {
  width: fit-content;
}
table th,
table td {
  font: 400 1rem "M PLUS Rounded 1c", sans-serif;
  text-align: end;
  white-space: nowrap;
  padding: 0.5rem 1rem;
}

label {
  white-space: nowrap;
}

input,
textarea,
select {
  background: #fafaf7;
  width: 100%;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
}

textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 6rem;
  border-radius: 0.75rem;
}

select {
  cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
  display: block;
  background: #fafaf7;
  padding: 0.25rem 1rem;
}
input[type=radio] + label:hover,
input[type=checkbox] + label:hover {
  background: #a59aca;
}

input[type=radio]:checked + label,
input[type=checkbox]:checked + label,
input[type=radio]:focus + label,
input[type=checkbox]:focus + label,
select:hover,
select:focus {
  background: #a59aca;
}

button[type=submit],
input[type=submit] {
  text-align: center;
  width: 100%;
  color: #fafaf7;
  background: #6f6889;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
}
button[type=submit]:hover,
input[type=submit]:hover {
  background: #a59aca;
}

button:disabled {
  opacity: 0.5;
}

input[type=file] {
  padding: 0;
}
input[type=file]::file-selector-button, input[type=file]::-webkit-file-upload-button {
  color: #332b30;
  background: #a59aca;
  border: none;
  padding: 0.25rem 1rem;
}
input[type=file]::file-selector-button:hover, input[type=file]::file-selector-button:focus, input[type=file]::-webkit-file-upload-button:hover, input[type=file]::-webkit-file-upload-button:focus {
  color: #fafaf7;
}

small {
  font: 400 0.75rem "M PLUS Rounded 1c", sans-serif;
}
small span.jp {
  margin: auto 1rem auto auto;
}

.invisible {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.dotList {
  list-style: disc outside;
  margin: 0 1rem;
}

.small {
  font: 400 0.75rem "M PLUS Rounded 1c", sans-serif;
}

.margin {
  margin: auto 0.5rem;
}

.marginRight {
  margin: auto 0.5rem auto 0;
}

.marginTopBottom {
  margin: 1rem 0;
}

.tableWrapper {
  width: 100%;
  overflow: scroll;
  scrollbar-color: #fafaf7 #e0e0de;
  scrollbar-width: thin;
}
.tableWrapper figcaption {
  font: 400 0.75rem "M PLUS Rounded 1c", sans-serif;
  padding: 0.5rem;
}

.disabled {
  position: relative;
}
.disabled::after {
  content: "coming soon";
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.75rem;
  color: #332b30;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  backdrop-filter: blur(3px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@keyframes jump {
  0%, 50%, 80%, 100% {
    bottom: 0;
  }
  25% {
    bottom: 2rem;
  }
  65% {
    bottom: 0.5rem;
  }
  90% {
    bottom: 0.25rem;
  }
}
@keyframes downSlide {
  0% {
    bottom: 4rem;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    bottom: 2rem;
    opacity: 0;
  }
}
.header {
  width: 100vw;
  height: 100svh;
  position: relative;
  z-index: 0;
}
.header_title {
  display: flex;
  justify-content: center;
  background: #fafaf7;
  position: absolute;
  top: calc(50% - 3rem);
  left: 0;
  right: 0;
  z-index: 9;
}
.header_siteTitle {
  padding: 0.25rem 1rem;
  margin: auto;
}
.header_siteTitle .siteTitle_img {
  width: auto;
  max-width: calc(100vw - 2rem);
  height: 2rem;
  opacity: 1;
  position: relative;
}
.header_siteTitle:hover .siteTitle_img {
  animation: jump 0.5s 1;
}
.header .fade {
  width: 100%;
  height: 100%;
}
.header .fade .slick-list, .header .fade .slick-track {
  width: 100%;
  height: 100%;
}
.header .fade_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header::before {
  content: "";
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(0deg, transparent 0, transparent 2px, #fafaf7 2px, #fafaf7 3px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
}
.header::after {
  content: "";
  background: #332b30;
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 1rem;
  left: calc(50% - 1rem);
  z-index: 8;
  mask: url(img/caret-down.svg) 0 0/2rem 2rem;
  -webkit-mask: url(img/caret-down.svg) 0 0/2rem 2rem;
  animation: downSlide 1s ease 3 forwards;
}

.pageLink {
  padding: 0.5rem 0;
  margin: auto 0 auto auto;
  width: fit-content;
  position: sticky;
  top: 0;
  left: auto;
  right: 0;
  z-index: 9;
}
.pageLink ul {
  display: flex;
  justify-content: end;
  border-radius: 1.5rem 0 0 1.5rem;
}
.pageLink ul li:not(:last-child) {
  margin: auto -1.5rem auto auto;
}
.pageLink ul li:not(:last-child) .pageLinkBtn {
  padding: 0.25rem 2rem 0.25rem 1.5rem;
}

.pageLinkBtn {
  font: 400 1.25rem "M PLUS Rounded 1c", sans-serif;
  border: #6f6889 solid 1px;
  border-radius: 1.5rem 0 0 1.5rem;
  padding: 0.25rem 1rem;
  transition: all 0.3s ease;
  color: #fafaf7;
  background: #6f6889;
}
.pageLinkBtn:hover {
  border: #a59aca solid 1px;
}
.pageLinkBtn.toHome {
  color: #6f6889;
  background: transparent;
}
.pageLinkBtn.toHome:hover {
  color: #a59aca;
  background: #fafaf7;
}
.pageLinkBtn:hover {
  background: #a59aca;
}

.siteTitle {
  background: #6f6889;
  height: 1.25rem;
  vertical-align: middle;
  mask: url(img/siteLogo.svg) center bottom/auto 1.25rem no-repeat;
  -webkit-mask: url(img/siteLogo.svg) center bottom/auto 1.25rem no-repeat;
}
.siteTitle_img {
  height: 1.25rem;
  opacity: 0;
  vertical-align: middle;
}

.toHome:hover .siteTitle {
  background: #a59aca;
}

.profile {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 1rem;
}
.profile_avatar_img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.ownerName {
  font: 700 1.25rem "M PLUS Rounded 1c", sans-serif;
}
.ownerName_ja {
  margin: 0 1rem 0 0;
}
.ownerName_alp {
  font: 700 1rem "M PLUS Rounded 1c", sans-serif;
}

.introduction {
  margin: 0.5rem 0;
}

.snsLinks {
  padding: 0.5rem 0;
}

.snsLinks_item {
  display: inline-block;
  margin: 0 1rem 0 0;
}
.snsLinks_item .linkBtn {
  position: relative;
}
.snsLinks_item .linkBtn_img {
  max-width: 2rem;
  max-height: 2rem;
}

.linkBtn:hover::after {
  content: "";
  color: #fafaf7;
  background: #332b30;
  padding: 0 1rem;
  border-radius: 1rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 2rem);
}

.mailto {
  font-size: 2rem;
  line-height: 1rem;
  color: #6f6889;
  vertical-align: sub;
}
.mailto:hover {
  color: #a59aca;
}
.mailto:hover::after {
  font-size: 1rem;
  line-height: 1.5;
}

/*
.home:hover::after {
    content: "home";
}*/
.mailto:hover::after {
  content: "mail";
}

.fediverse:hover::after {
  content: "fediverse";
}

.suzuri:hover::after {
  content: "suzuri";
}

.coconala:hover::after {
  content: "coconala";
}

.content_refined {
  padding: 1rem 0;
}

.content_refined_category {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  border-radius: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.content_refined_category a {
  text-align: center;
  width: 100%;
  color: #fafaf7;
  background: #6f6889;
  padding: 0.25rem 1rem;
}
.content_refined_category a:hover {
  background: #a59aca;
}
.content_refined_category a.active {
  background: #a59aca;
}
.content_refined_category a:first-child {
  flex: 3 1 auto;
}
.content_refined_category a:not(:first-child) {
  flex: 1 3 0;
}
@media (min-width: 760px) {
  .content_refined_category {
    flex-wrap: nowrap;
    border-radius: 1rem;
  }
  .content_refined_category a:first-child,
  .content_refined_category a:not(:first-child) {
    flex: 1 1 100%;
  }
}

.content_refined_tag {
  margin: 1rem 0;
}
.content_refined_tag .ph-tag-simple {
  font-size: 1.25rem;
  vertical-align: middle;
  margin: 0 0.5rem;
}
.content_refined_tag_name {
  padding: 0 1rem;
  border: #332b30 solid 1px;
  border-radius: 1rem;
}

.posts {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
  width: 100%;
}

.archivePost {
  border-radius: 0.75rem;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
.archivePost .showText {
  font-size: 1.5rem;
  color: #fafaf7;
  background: #6f6889;
  padding: 0.25rem 2rem 1.5rem 0.75rem;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  transition: all 0.3s ease;
}
.archivePost .showText:hover {
  background: #a59aca;
}
.archivePost .showNextImg {
  font-size: 2rem;
  color: #e0e0de;
  position: absolute;
  top: calc(50% - 1rem);
  right: 1rem;
  z-index: 2;
  transition: all 0.3s ease;
  animation: swipe 1s ease infinite forwards;
  animation-play-state: paused;
  mix-blend-mode: multiply;
}
@media (min-width: 760px) {
  .archivePost {
    width: calc((100% - 1rem) / 2);
  }
}
@media (min-width: 1200px) {
  .archivePost {
    width: calc((100% - 2rem) / 3);
  }
}
@keyframes swipe {
  0% {
    right: 1rem;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    right: 0rem;
    opacity: 0;
  }
}

.post_img {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-color: #fafaf7 #e0e0de;
  scrollbar-width: thin;
}
.post_text {
  background: #e0e0de;
  padding: 1.5rem 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transform: scale(0);
  transform-origin: top left;
  transition: all 0.3s ease;
}
.post_text.show {
  transform: scale(1);
}

.img_box {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: center;
}
.img_box img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: auto;
}

.post_title {
  font: 400 1.5rem "M PLUS Rounded 1c", sans-serif;
  text-indent: 1rem;
}
.post_title::after {
  content: "";
  background: #332b30;
  border-radius: 1px;
  margin: 0.25rem auto auto;
  display: block;
  width: 100%;
  height: 1px;
}

.post_sentence {
  margin: 1rem 0;
  position: relative;
}
.post_sentence a {
  font-weight: 700;
  color: #6f6889;
}
.post_sentence a:hover {
  color: #a59aca;
}
.post_sentence.abbreviated::after {
  content: "…";
  text-align: end;
  display: block;
  background: linear-gradient(-90deg, #e0e0de 0, #e0e0de 50%, transparent 100%);
  width: 3rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.post_date {
  font: 400 0.75rem "M PLUS Rounded 1c", sans-serif;
  position: absolute;
  top: 1rem;
  right: 2rem;
}

.post_category,
.post_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}

.post_category a {
  color: #fafaf7;
  background: #6f6889;
  border-radius: 1rem;
  padding: 0 1rem;
}
.post_category a:hover {
  background: #a59aca;
}

.post_tags a {
  color: #6f6889;
  background: #fafaf7;
  border: #6f6889 1px solid;
  border-radius: 1rem;
  padding: 0 1rem;
}
.post_tags a:hover {
  color: #a59aca;
  border: #a59aca 1px solid;
}

.viewMore {
  border-radius: 0 1rem 1rem 0;
  padding: 0 1rem 0 2rem;
  position: absolute;
  bottom: 2rem;
  left: 0;
  color: #fafaf7;
  background: #6f6889;
}
.viewMore .ph-caret-right {
  vertical-align: middle;
  padding: 0 0.25rem 0.25rem 0;
}
.viewMore:hover {
  background: #a59aca;
}

.toTop {
  font-size: 2rem;
  color: #6f6889;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 8;
}
.toTop:hover {
  color: #a59aca;
}

.copyRight {
  background: #e0e0de;
  padding: 1rem;
  margin: auto;
  width: 100%;
}
.copyRight.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pageNation {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 1rem 0;
}
.pageNation a {
  color: #6f6889;
  white-space: nowrap;
}
.pageNation a i {
  font-size: 1.5rem;
  vertical-align: middle;
}
.pageNation a:hover {
  color: #a59aca;
}
.pageNation .current {
  color: #a59aca;
}
.pageNation_number {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.singlePost {
  padding: 0 1rem;
}
.singlePost .post_date {
  margin: 1rem 0;
  position: relative;
  top: 0;
  right: 0;
}

.single_content {
  margin: 1rem 0;
}

.customData {
  border-radius: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.customData tbody {
  display: flex;
  gap: 1px;
}
.customData tr,
.customData th,
.customData td {
  text-align: center;
  display: block;
  width: 100%;
}
.customData tr {
  background: #e0e0de;
}
.customData th {
  color: #fafaf7;
  background: #332b30;
}

.single_pageNation {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.single_pageNation a {
  color: #6f6889;
}
.single_pageNation a:hover {
  color: #a59aca;
}
.single_pageNation i {
  font-size: 1.5rem;
  vertical-align: middle;
}

.pagePost {
  padding: 0 1rem;
}

.pageTitle {
  font: 400 1.5rem "M PLUS Rounded 1c", sans-serif;
  text-indent: 1rem;
}
.pageTitle::after {
  content: "";
  background: #332b30;
  border-radius: 1px;
  margin: 0.5rem auto auto;
  display: block;
  width: 100%;
  height: 1px;
}

.page_content {
  margin: 1rem 0;
}

.section_title {
  font: 700 1rem "M PLUS Rounded 1c", sans-serif;
  margin: 0 0 1rem;
}
.section_title::after {
  content: "";
  font: 300 0.75rem "M PLUS Rounded 1c", sans-serif;
  display: inline-block;
  margin: auto 0.5rem;
}
.section_title.priceSetting::after {
  content: "price setting";
}
.section_title.basic::after {
  content: "basic";
}
.section_title.options::after {
  content: "options";
}
.section_title.attentions::after {
  content: "attentions";
}
.section_title.methodOfPayment::after {
  content: "method of payment";
}
.section_title.flowOfRequest::after {
  content: "flow of request";
}

.priceSetting_itemize {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.priceSetting_itemize_item {
  background: #e0e0de;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}
.priceSetting_itemize_item dt {
  white-space: nowrap;
  color: #fafaf7;
  background: #332b30;
  padding: 0.5rem 1rem;
}
.priceSetting_itemize_item dd {
  padding: 0.5rem 1.5rem;
}
.priceSetting_itemize .plus {
  font: 700 2rem "M PLUS Rounded 1c", sans-serif;
  margin: auto;
}
@media (min-width: 760px) {
  .priceSetting_itemize {
    flex-direction: row;
    gap: 1rem;
  }
}

.commissionBasic_table,
.commissionOption_table {
  background: #e0e0de;
  border-radius: 1rem;
  overflow: hidden;
}
.commissionBasic_table tr:not(:last-child),
.commissionOption_table tr:not(:last-child) {
  border-bottom: #e0e0de solid 1px;
}
.commissionBasic_table tr:not(:last-child) td,
.commissionOption_table tr:not(:last-child) td {
  border-bottom: #332b30 solid 1px;
}
.commissionBasic_table th,
.commissionOption_table th {
  color: #fafaf7;
  background: #332b30;
}

.deliveryFormat {
  background: #e0e0de;
  border-radius: 1rem;
  width: fit-content;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
}
.deliveryFormat dt::after {
  content: "";
  display: block;
  background: #332b30;
  border-radius: 1px;
  width: 100%;
  height: 1px;
}
.deliveryFormat dd {
  margin: 0.5rem;
}
.deliveryFormat dd ul {
  display: flex;
  gap: 2rem;
}

.discount {
  border: #a59aca solid 1px;
  border-radius: 1rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.discount_icon {
  text-align: center;
  color: #fafaf7;
  background: #a59aca;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
}
.discount_text {
  padding: 0.5rem 1rem;
}
@media (min-width: 760px) {
  .discount {
    flex-wrap: nowrap;
  }
  .discount_icon {
    width: fit-content;
  }
}

.commissionOption_table th {
  text-align: start;
}
@media (max-width: 760px) {
  .commissionOption_table {
    width: 100%;
  }
  .commissionOption_table tr:not(:last-child) td {
    border-bottom: none;
  }
  .commissionOption_table th,
  .commissionOption_table td {
    display: block;
  }
}

.attention_list {
  position: relative;
}
.attention_list li:not(:last-child) {
  margin: 0 0 0.5rem;
}
.attention_list li .copyRightOption {
  list-style: circle outside;
  border: #e0e0de solid 1px;
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
  margin: 0.5rem 0;
}

.payment_choice {
  background: #e0e0de;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
}
.payment_list {
  display: flex;
  gap: 2rem;
}

.flow_list {
  position: relative;
}
.flow_list li {
  margin: 0 auto 1rem;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 2;
}
.flow_list .client {
  background: #e0e0de;
}
.flow_list .receiver {
  border: #e0e0de solid 1px;
  background: #fafaf7;
}
.flow_list .toRequestForm {
  color: #fafaf7;
  background: #6f6889;
  border-radius: 1rem;
  padding: 0 1rem;
}
.flow_list .toRequestForm:hover {
  background: #a59aca;
}
.flow_list::after {
  content: "";
  background: #e0e0de;
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}

.lastUpdate {
  font: 400 0.75rem "M PLUS Rounded 1c", sans-serif;
}

.btnArea {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.btnArea_btn {
  font: 400 1.25rem "M PLUS Rounded 1c", sans-serif;
  color: #fafaf7;
  background: #6f6889;
  padding: 0.25rem 1.5rem;
  width: 100%;
  transition: all 0.3s ease;
}
.btnArea_btn:hover {
  background: #a59aca;
}

.requestForm,
.confirm {
  background: #e0e0de;
  border-radius: 0.75rem;
}
.requestForm_section:not(:last-child),
.confirm_section:not(:last-child) {
  border-bottom: #fafaf7 2px dotted;
}
.requestForm_input,
.confirm_input {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 1rem 0;
  position: relative;
}

.confirmed {
  display: flex;
  gap: 1rem;
}

.requestForm_input_head {
  color: #fafaf7;
  background: #332b30;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  width: fit-content;
}

.required {
  position: relative;
}
.required::after {
  content: "*";
  color: #332b30;
  margin: auto 0.5rem;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -1rem;
}

.choice {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  border-radius: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.choice_item {
  width: 100%;
}
@media (min-width: 760px) {
  .choice {
    text-align: center;
    flex-wrap: nowrap;
    border-radius: 1rem;
  }
}

.selection {
  width: 100%;
  position: relative;
}
.selection::after {
  content: "";
  display: block;
  background: #332b30;
  width: 1.5rem;
  height: 1.5rem;
  mask: url(img/caret-down.svg) 0 0/1.5rem 1.5rem;
  -webkit-mask: url(img/caret-down.svg) 0 0/1.5rem 1.5rem;
  position: absolute;
  top: 0.25rem;
  right: 1rem;
  pointer-events: none;
}

.size {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
@media (min-width: 760px) {
  .size {
    flex-direction: row;
  }
}
.size .figure {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.size .figure_input {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #a59aca;
  border-radius: 1rem;
  padding: 0 0 0 1rem;
  width: 100%;
}
.size .figure input {
  border-radius: 0 1rem 1rem 0;
}
.size .unit {
  flex: 1 3 100%;
}

/*
.size {
    flex-direction: column;
    @include radius_brock();
    @include pc() {
        flex-direction: row;
        @include radius_inline();
    }
}
.selectSize {
    @include radius_brock();
    width: 100%;
    overflow: hidden;
    tr:not(:last-child) {
        border-bottom: $base2 solid 1px;
    }
    &_item {
        text-align: start;
        padding: 0;
        width: 50%;
        span {
            display: block;
            @include tab() {
                display: inline-block;
                margin: 0 .5rem;
            }
        }
        &:not(:last-child) {
            border-right: $base2 solid 1px;
        }
    }
    .otherText {
        display: none;
        transform: scaleY(0);
        transform-origin: top center;
        textarea {
            border-radius: 0;
            min-height: 3rem;
        }
    }
    input[value="other"]:checked ~ .otherText {
        display: block;
        transform: scaleY(1);
    }
}
.difference {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
    li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    label {
        margin: auto 1rem;
    }
    textarea {
        min-height: 3rem;
    }
    @include tab() {
        li {
            flex-wrap: nowrap;
            width: 100%;
        }
        label {
            margin: .25rem 1rem;
        }
        textarea {
            min-width: 72%;
        }
    }
}
.add_difference {
    background: $base;
    @include radius_inline();
    padding: 0 .5rem 0 0;
    margin: 1rem 0 auto auto;
    &:hover {
        background: $main;
    }
    i {
        font-size: 1.5rem;
        vertical-align: bottom;
    }
}*/
.control_privacy {
  text-align: center;
  white-space: nowrap;
}
.control_privacy .toPrivacyPolicy {
  color: #6f6889;
  border: #6f6889 solid 1px;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
}
.control_privacy .toPrivacyPolicy:hover {
  color: #a59aca;
  background: #fafaf7;
  border: #a59aca solid 1px;
}
.control_privacy input[type=checkbox] + label {
  display: inline-block;
  background: #fafaf7;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
}
.control_privacy input[type=checkbox] + label:hover,
.control_privacy input[type=checkbox] + label:focus,
.control_privacy input[type=checkbox]:checked + label {
  background: #a59aca;
}

.confirm_table {
  border-radius: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.confirm_table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 1rem 0;
}
.confirm_table th,
.confirm_table td {
  text-align: start;
  padding: 0.25rem 1rem;
  height: fit-content;
}
.confirm_table th {
  color: #fafaf7;
  background: #332b30;
  border-radius: 1rem;
}
.confirm_table td {
  width: 100%;
}
.confirm_table .confirm_specificRequest_text {
  white-space: pre-wrap;
  width: 100%;
}
@media (min-width: 760px) {
  .confirm_table tr {
    display: table-row;
  }
  .confirm_table tr:not(:last-child) th {
    border-bottom: #fafaf7 solid 1px;
  }
  .confirm_table tr:not(:last-child) td {
    border-bottom: #332b30 solid 1px;
  }
  .confirm_table th,
  .confirm_table td {
    border-radius: 0;
    padding: 0.5rem 1rem;
  }
  .confirm_table th ul,
  .confirm_table td ul {
    display: flex;
    gap: 2rem;
  }
  .confirm_table .confirm_difference ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .confirm_table .confirm_difference ol li {
    display: flex;
    gap: 1rem;
  }
}

.submit_btn {
  margin: 1rem 0;
}

.return_btn {
  text-align: center;
  color: #6f6889;
  border: #6f6889 solid 1px;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  margin: 1rem 0;
  width: 100%;
}
.return_btn:hover {
  color: #a59aca;
  background: #fafaf7;
  border: #a59aca solid 1px;
}

.thanks {
  font: 700 2rem "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  text-transform: capitalize;
  color: #fafaf7;
  background: #a59aca;
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem auto;
}
.thanks_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0 0 1rem;
}
.thanks_text::before, .thanks_text::after {
  content: "";
  display: block;
  background: #fafaf7;
  width: 100%;
  height: 1px;
  border-radius: 1px;
}
@media (min-width: 760px) {
  .thanks_text p {
    white-space: nowrap;
  }
}
.thanks i {
  display: block;
  margin: 0.5rem auto 1rem;
  position: relative;
  animation: vibration 0.3s infinite;
}

@keyframes vibration {
  0%, 100% {
    top: 0;
    left: 0;
  }
  25% {
    top: -3px;
    left: 2px;
  }
  50% {
    top: 0;
    left: 1px;
  }
  75% {
    top: 2px;
    left: -3px;
  }
}
.reRequest_btn {
  color: #fafaf7;
  background: #6f6889;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  text-align: center;
  width: 100%;
}
.reRequest_btn:hover {
  background: #a59aca;
}

.close_btn {
  color: #6f6889;
  border: #6f6889 solid 1px;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  text-align: center;
  width: 100%;
}
.close_btn:hover {
  color: #a59aca;
  background: #fafaf7;
  border: #a59aca solid 1px;
}

.minHead {
  margin: auto 0 0.5rem 0;
}
.minHead::after {
  content: "";
  display: block;
  background: #332b30;
  border-radius: 1px;
  width: 100%;
  height: 1px;
}

.contactForm {
  background: #e0e0de;
  border-radius: 0.75rem;
  padding: 1rem;
}
.contactForm_input {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.contactForm_input_head {
  color: #fafaf7;
  background: #332b30;
  border-radius: 1rem;
  padding: 0 1rem;
  width: fit-content;
}
.contactForm_input input {
  background: #fafaf7;
  border-radius: 1rem;
  padding: 0 1rem;
}

.error {
  padding: 1rem;
}
.error i {
  font-size: 1.5rem;
  color: #fafaf7;
  background: #332b30;
  border-radius: 50%;
  padding: 0.25rem;
  margin: auto 0.5rem auto 0;
  aspect-ratio: 1/1;
  vertical-align: middle;
}