@charset "utf-8";
/* CSS Document */
/* CSS Document */
* {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0 auto;
  background-color: #f6f9fd;
}
a {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
  display: block;
  color: #333;
}
a,
canvas,
div,
h1,
h2,
html,
li,
ol,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
img {
  display: block;
}
a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input {
  outline: none;
  border: 0;
  -webkit-appearance: none;
  padding: 0;
  background-color: transparent;
}
input,
textarea {
  -webkit-appearance: none;
  appearance: none;
}
button {
  border: 0;
  background-color: transparent;
  outline: none;
}
::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 0;
}
@supports (bottom: env(safe-area-inset-bottom)) {
  body,
  .bottomBar-Box {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.PC-Box {
  display: none;
}
#headerM {
  position: sticky;
  z-index: 1;
  top: 0;
}
.Share-popup {
  padding: calc(100vw / 750 * 30);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: calc(100vw / 750 * 20);
  font-size: calc(100vw / 750 * 30);
  color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: none;
  text-align: center;
}
.copy-popup {
  padding: calc(100vw / 750 * 30);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: calc(100vw / 750 * 20);
  font-size: calc(100vw / 750 * 30);
  color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: none;
  text-align: center;
}
.notcopy-popup {
  padding: calc(100vw / 750 * 30);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: calc(100vw / 750 * 20);
  font-size: calc(100vw / 750 * 30);
  color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: none;
  text-align: center;
}
.disable {
  pointer-events: none;
}
.M-Box {
  width: 100%;
}
.M-Box .main-Box {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: calc(100vw / 750 * 12);
}
.M-Box .main-Box .toolNav {
  width: 100%;
  height: calc(100vw / 750 * 88);
  background-color: #f8f8f8;
  font-size: calc(100vw / 750 * 48);
  color: #3c3c3c;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.M-Box .main-Box .search-Box {
  display: flex;
  flex-direction: column;
  padding: calc(100vw / 750 * 50) calc(100vw / 750 * 30);
  box-sizing: border-box;
  background-color: #fff;
}
.M-Box .main-Box .search-Box .Text-Box {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(100vw / 750 * 58);
}
.M-Box .main-Box .search-Box .Text-Box .textTitle {
  font-size: calc(100vw / 750 * 36);
  line-height: calc(100vw / 750 * 36);
  color: #3c3c3c;
  font-weight: bold;
  margin-bottom: calc(100vw / 750 * 22);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box textarea {
  resize: none;
  outline: none;
  width: 100%;
  height: calc(100vw / 750 * 200);
  padding: calc(100vw / 750 * 28) calc(100vw / 750 * 28);
  box-sizing: border-box;
  border: calc(100vw / 750 * 3) solid #3c3c3c;
  border-radius: calc(100vw / 750 * 20);
  font-size: calc(100vw / 750 * 28);
  color: #3c3c3c;
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box {
  display: flex;
  margin-top: calc(100vw / 750 * 20);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .cleanCnt {
  width: calc(100vw / 750 * 150);
  height: calc(100vw / 750 * 68);
  border-radius: calc(100vw / 750 * 16);
  background-color: #F5F6FA;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(100vw / 750 * 30);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .cleanCnt .cleanIcon {
  width: calc(100vw / 750 * 28);
  height: calc(100vw / 750 * 28);
  margin-right: calc(100vw / 750 * 10);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .cleanCnt span {
  font-size: calc(100vw / 750 * 28);
  color: #9B9EAC;
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .copyCnt {
  width: calc(100vw / 750 * 150);
  height: calc(100vw / 750 * 68);
  border-radius: calc(100vw / 750 * 16);
  background-color: #539EFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(100vw / 750 * 30);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .copyCnt .copyIcon {
  width: calc(100vw / 750 * 28);
  height: calc(100vw / 750 * 28);
  margin-right: calc(100vw / 750 * 10);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .copyCnt span {
  font-size: calc(100vw / 750 * 28);
  color: #fff;
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .submitCnt {
  width: calc(100vw / 750 * 150);
  height: calc(100vw / 750 * 68);
  border-radius: calc(100vw / 750 * 16);
  background-color: #539EFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .submitCnt .submitIcon {
  width: calc(100vw / 750 * 28);
  height: calc(100vw / 750 * 28);
  margin-right: calc(100vw / 750 * 10);
}
.M-Box .main-Box .search-Box .Text-Box .textarea-Box .op-Box .submitCnt span {
  font-size: calc(100vw / 750 * 28);
  color: #fff;
}