@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap");
@keyframes fadeInAnime {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes fadeOutAnime {
  0% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 0;
  }
}
@keyframes menuSlideInAnime {
  0% {
    right: -50%;
  }
  100% {
    right: 0;
  }
}
@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0.25;
    transform: scale(0.75);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
body {
  font-family: "Noto Sans JP", serif;
}

main {
  max-width: 600px;
  margin: 0 auto;
}

.page {
  padding: 1em;
}

.documentBase.document--none {
  min-height: 60%;
  padding: 2em 1em;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.globalHeader {
  background: #1A1A1A;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 1.2em 2.5em 1.2em 4em;
  position: relative;
  box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
}
.globalHeader h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalHeader_back {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  border: 2px solid #d1d1d1;
  background: none;
  padding: 0.6em 0.9em;
  border-radius: 0.3em;
}
.globalHeader_back::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%23ACACAC" d="M1.8,5.3l4,4c0.3,0.3,0.3,0.8,0,1.1c0,0,0,0,0,0c-0.3,0.3-0.8,0.3-1.1,0L0.2,5.8c-0.3-0.3-0.3-0.7,0-1l4.5-4.5 c0.3-0.3,0.8-0.3,1.1,0c0.3,0.3,0.3,0.8,0,1.1c0,0,0,0,0,0L1.8,5.3z" /></svg>') no-repeat left top;
}
.globalHeader_logo {
  width: 80px;
  height: 80px;
}
.globalHeader_menu {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateX(-50%);
  border: none;
  width: 16px;
  height: 4px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 4"><path fill="%23ACACAC" d="M2,0c1.1,0,2,0.9,2,2S3.1,4,2,4S0,3.1,0,2S0.9,0,2,0z M8,0c1.1,0,2,0.9,2,2S9.1,4,8,4S6,3.1,6,2S6.9,0,8,0z M14,0c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S12.9,0,14,0z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.globalHeader_userName {
  text-align: right;
  padding: 0 2em 0 0;
}
.globalHeader_adminLogo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.globalHeader_adminLogo img {
  width: 40px;
  height: auto;
}
.globalHeader_adminText {
  margin-top: 0.5em;
  color: #CA3434;
  font-weight: 700;
}

input,
textarea {
  padding: 0.8em 1em;
  border: none;
  background: none;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  font-family: "Noto Sans JP", serif;
  border: 1px solid #1A1A1A;
  border-radius: 0.3em;
  background: #ffffff;
  width: 100%;
}

input[type=file] {
  padding: 0;
}

.inputFileWrap {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 0.3em;
  padding: 0.5em 1.5em;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.inputFileWrap input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.inputFileWrap::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 15px;
  transform: translateY(2px);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.1 14.8"><path fill="%23ACACAC" d="M11.9,4.9L7.2,0.2c0,0,0,0,0,0C7.1,0.1,6.9,0,6.7,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0s0,0,0,0H2C0.9,0,0,0.9,0,2v10.7 c0,0,0,0,0,0c0,1.1,0.9,2,2,2h8.1c1.1,0,2-0.9,2-2V5.4C12.1,5.2,12,5,11.9,4.9z M7.4,2.3l2.4,2.4H7.4V2.3z M10.1,13.4H2 c-0.4,0-0.7-0.3-0.7-0.7V2c0-0.4,0.3-0.7,0.7-0.7h4v4C6,5.7,6.3,6,6.7,6h4v6.7C10.7,13.1,10.4,13.4,10.1,13.4z" /></svg>') no-repeat left top;
}
.inputFileWrap::after {
  content: "ファイルの追加";
  font-size: 14px;
}

input[type=radio] {
  display: none;
}

label {
  cursor: pointer;
}

.buttonGroup {
  margin: 0 1em;
}

.buttonWrap {
  position: relative;
  margin: 0 0 0.5em 0;
}
.buttonWrap--alert {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buttonWrap::after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}
.buttonWrap--submit::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%23ffffff" d="M4.2,5.2l-4-4c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0c0.3-0.3,0.8-0.3,1.1,0l4.5,4.5c0.3,0.3,0.3,0.7,0,1l-4.5,4.5 c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0L4.2,5.2z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.buttonWrap--normal::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%231A1A1A" d="M4.2,5.2l-4-4c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0c0.3-0.3,0.8-0.3,1.1,0l4.5,4.5c0.3,0.3,0.3,0.7,0,1l-4.5,4.5 c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0L4.2,5.2z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.buttonWrap--logout::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%231A1A1A" d="M4.2,5.2l-4-4c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0c0.3-0.3,0.8-0.3,1.1,0l4.5,4.5c0.3,0.3,0.3,0.7,0,1l-4.5,4.5 c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0L4.2,5.2z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
input[type=button] {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  background: #CA3434;
  color: #ffffff;
  border-radius: 25px;
  width: 100%;
  cursor: pointer;
  padding: 0.9em 1em;
}
input[type=button]::after {
  content: "";
  width: 6px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%23ffffff" d="M4.2,5.2l-4-4c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0c0.3-0.3,0.8-0.3,1.1,0l4.5,4.5c0.3,0.3,0.3,0.7,0,1l-4.5,4.5 c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0L4.2,5.2z" /></svg>');
}

.button--basic {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  padding: 0.9em 1em;
  border: 1px solid #1A1A1A;
  background: #ffffff;
  border-radius: 25px;
  width: 100%;
  cursor: pointer;
  color: #1A1A1A;
}

.button--logout {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  padding: 0.9em 1em;
  border: 1px solid #cccccc;
  background: #cccccc;
  border-radius: 25px;
  width: 100%;
  cursor: pointer;
  color: #1A1A1A;
}

.button--alert {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  padding: 0.9em 1em;
  border: 1px solid #CA3434;
  background: #ffffff;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  color: #CA3434;
  margin-top: 0.5em;
}
.button--alert:disabled {
  border: 1px solid #ACACAC;
  color: #ACACAC;
  cursor: not-allowed;
}

.form_item {
  padding: 0 0 1em 0;
}
.form_item_password {
  position: relative;
}
.form_item_password .icon--password {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.1 13.6"><path fill="%231A1A1A" d="M10.1,0C5.6,0,1.7,2.7,0,6.8c2.2,5.6,8.6,8.2,14.1,6c2.7-1.1,4.9-3.3,6-6C18.5,2.7,14.5,0,10.1,0z M10.1,11.3c-2.5,0-4.5-2.1-4.5-4.6s2.1-4.5,4.6-4.5c2.5,0,4.5,2,4.5,4.5C14.6,9.3,12.6,11.3,10.1,11.3L10.1,11.3z M10.1,4.1 c-1.5,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7c1.5,0,2.7-1.2,2.7-2.7C12.8,5.3,11.6,4.1,10.1,4.1L10.1,4.1z" /></svg>');
}
.form_item_password .icon--password.status--visible {
  height: 17px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.1 17.2"><path fill="%231A1A1A" d="M10.1,3.6c2.5,0,4.6,2,4.6,4.5c0,0.6-0.1,1.1-0.3,1.7l2.7,2.6c1.4-1.1,2.5-2.6,3.1-4.3 C17.9,2.8,11.9,0,6.4,2l2,2C8.9,3.7,9.5,3.6,10.1,3.6z M0.9,1.2L3,3.2l0.4,0.4C1.9,4.8,0.7,6.4,0,8.2c2.2,5.5,8.5,8.2,14.1,6 l0.4,0.4l2.7,2.6l1.2-1.2L2.1,0L0.9,1.2z M6,6.2l1.4,1.4c0,0.2-0.1,0.4-0.1,0.6c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0 c0.2,0,0.4,0,0.6-0.1l1.4,1.4c-2.2,1.1-5,0.2-6.1-2c-0.3-0.6-0.5-1.3-0.5-2C5.5,7.5,5.7,6.8,6,6.2z M9.9,5.5l2.9,2.9l0-0.1 c0-1.5-1.2-2.7-2.7-2.7c0,0,0,0,0,0L9.9,5.5z" /></svg>');
}

.form_item dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0.4em 0;
}

input[type=text].status--error,
input[type=email].status--error,
input[type=password].status--error {
  background: #FFEEEE;
  border: 1px solid #CA3434;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal_window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0 0 0;
  background: #ffffff;
}
.modal_back {
  display: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.modal_header {
  text-align: center;
  font-size: 16px;
  padding: 1.2em;
  position: relative;
  box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
  color: #1A1A1A;
  background: #F9F9F9;
}
.modal_closeButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23ACACAC" d="M16,1.6L14.4,0L8,6.4L1.6,0L0,1.6L6.4,8L0,14.4L1.6,16L8,9.6l6.4,6.4l1.6-1.6L9.6,8L16,1.6z" /></svg>') no-repeat left top;
  cursor: pointer;
}
.modal_content {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.modal_content.content--forget {
  margin: 1em 0 0 0;
}
.modal_content.content--forget dl {
  border: none;
}
.modal_content.content--forget dl dt {
  margin-bottom: 0.4em;
  color: #1A1A1A;
}
.modal_content .listWrap {
  margin: 0 0 1em 0;
}
.modal_content dl {
  border-bottom: 1px solid #cccccc;
  padding: 1.2em;
  position: relative;
  text-align: left;
}
.modal_content dl dt {
  font-size: 14px;
  font-weight: 500;
  color: #ACACAC;
}
.modal_content dl dd {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
  color: #1A1A1A;
}
.modal_content dl dd a {
  color: #1A1A1A;
}
.modal_content p {
  margin: 0 1em;
}
.modal.status--close {
  display: none;
}
.modal.status--open {
  display: block;
}

.page--login {
  padding: 2em 1em;
}

.form--login {
  width: 100%;
  margin: 0 0 1em 0;
}

.manualLink {
  text-align: center;
  margin-top: 1em;
  font-size: 16px;
  background: #F9F9F9;
}
.manualLink a {
  text-decoration: underline;
  color: #1A1A1A;
  display: block;
  padding: 0.8em 0 1.2em 0;
}
.manualLink a:hover {
  text-decoration: none;
}
.manualLink a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 0.2em;
  width: 20px;
  height: 21.8px;
  transform: translateY(3px);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 518.6 570"><path fill="%23CA3434" d="M391.1,0.1L391.1,0.1L115.5,0c-16.5,0-30,13.5-30,30v133.6h40V40h225.5v127.5h127.5V530h-353V406.3h-40V540 c0,16.5,13.5,30,30,30h373c16.5,0,30-13.5,30-30l0-412.5l0.1-0.1L391.1,0.1z M391.1,127.5V56.7l70.8,70.8H391.1z M182.8,285 c0,18.1-9.3,28.5-25.5,28.5h-11.9v-57.1h11.7C173.7,256.5,182.8,266.6,182.8,285z M317.5,193.7H10c-5.5,0-10,4.5-10,10v162.5 c0,5.5,4.5,10,10,10h307.5c5.5,0,10-4.5,10-10V203.7C327.5,198.2,323,193.7,317.5,193.7z M75.1,299.8H60.8v34.8H38.5v-99.8h36.9 c19.4,0,31.7,13.6,31.7,32.3C107.2,287.3,95.1,299.8,75.1,299.8z M194,321.8c-8.5,8.8-20.3,13.5-34.2,13.5h-39.5V234.7h39.2 c28.5,0,47.6,20.2,47.6,50.3C207.2,300.1,202.6,312.8,194,321.8z M289,254.2h-41.6v23.3h36.1v19h-36.1v38.2h-25.2v-100H289V254.2z M84.9,267.3c0,9.3-6.4,12.4-14.3,12.4H60.4v-24.8h10C78.5,254.9,84.9,257.9,84.9,267.3z" /></svg>') no-repeat left top;
  background-size: 100% auto;
}

.page--list {
  padding: 0 0 5em 0;
  position: relative;
}

.documentList a {
  color: #1A1A1A;
}
.documentList a:nth-child(2n) dl {
  background: #F9F9F9;
}
.documentList dl {
  border-bottom: 1px solid #cccccc;
  padding: 1.2em;
  position: relative;
}
.documentList dl::after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10.5"><path fill="%23ACACAC" d="M4.2,5.2l-4-4c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0c0.3-0.3,0.8-0.3,1.1,0l4.5,4.5c0.3,0.3,0.3,0.7,0,1l-4.5,4.5 c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.8,0-1.1c0,0,0,0,0,0L4.2,5.2z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.documentList dl dt {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
}
.documentList dl dt a {
  color: #1A1A1A;
}
.documentList dl dd {
  font-size: 14px;
  font-weight: 500;
  color: #ACACAC;
}

.toggleButton--list {
  position: fixed;
  bottom: 0.8em;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1em);
  max-width: 600px;
  border: 2px solid #d1d1d1;
  border-radius: 0.3em;
  box-sizing: border-box;
  display: flex;
  margin: 0;
  box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.2);
}
.toggleButton--admin {
  width: 100%;
  border: 2px solid #d1d1d1;
  border-radius: 0.3em;
  box-sizing: border-box;
  display: flex;
  margin: 0;
  box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.2);
}
.toggleButton button {
  width: 50%;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Noto Sans JP", serif;
  color: #1A1A1A;
  font-size: 14px;
  font-weight: 500;
  padding: 1em 1em;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.toggleButton button:first-child {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}
.toggleButton button:last-child {
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}
.toggleButton--active {
  background-color: #ffffff;
}
.toggleButton--active::before {
  content: "";
  display: block;
  margin: 0 0.2em 0 0;
  width: 16px;
  height: 19px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.5 19.1"><path fill="%231A1A1A" d="M11.5,2.2l1.9,1.9h-1.9V2.2z M1.4,17.7V1.4h8.6v4.1h4v12.1L1.4,17.7z M0,0v19.1h14h1.4V4.2 L11.4,0H0z" /></svg>') no-repeat left top;
}
.toggleButton--active.toggle--active {
  background-color: #1A1A1A;
  color: #ffffff;
}
.toggleButton--active.toggle--active::before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.5 19.1"><path fill="%23ffffff" d="M11.5,2.2l1.9,1.9h-1.9V2.2z M1.4,17.7V1.4h8.6v4.1h4v12.1L1.4,17.7z M0,0v19.1h14h1.4V4.2 L11.4,0H0z" /></svg>') no-repeat left top;
}
.toggleButton--inactive {
  background-color: #ffffff;
}
.toggleButton--inactive::before {
  content: "";
  display: block;
  margin: 0 0.2em 0 0;
  width: 20px;
  height: 21px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21.4"><path fill="%231A1A1A" d="M8.7,17.7H1.4V1.4h8.6v4.1h4v4.3c0.5-0.1,1-0.1,1.4,0V4.2L11.4,0H0v19.1h9.3 C9,18.6,8.9,18.2,8.7,17.7 M11.5,2.2l1.9,1.9h-1.9V2.2z M14.8,10.9c-2.9,0-5.3,2.4-5.3,5.3c0,2.9,2.4,5.3,5.3,5.3 c2.9,0,5.3-2.4,5.3-5.3c0,0,0,0,0,0C20,13.2,17.7,10.9,14.8,10.9 M13.8,18.8l-2.5-2.5l1-1l1.5,1.5l3.4-3.4l1,1L13.8,18.8z" /></svg>') no-repeat left top;
}
.toggleButton--inactive.toggle--active {
  background-color: #1A1A1A;
  color: #ffffff;
}
.toggleButton--inactive.toggle--active::before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21.4"><path fill="%23ffffff" d="M8.7,17.7H1.4V1.4h8.6v4.1h4v4.3c0.5-0.1,1-0.1,1.4,0V4.2L11.4,0H0v19.1h9.3 C9,18.6,8.9,18.2,8.7,17.7 M11.5,2.2l1.9,1.9h-1.9V2.2z M14.8,10.9c-2.9,0-5.3,2.4-5.3,5.3c0,2.9,2.4,5.3,5.3,5.3 c2.9,0,5.3-2.4,5.3-5.3c0,0,0,0,0,0C20,13.2,17.7,10.9,14.8,10.9 M13.8,18.8l-2.5-2.5l1-1l1.5,1.5l3.4-3.4l1,1L13.8,18.8z" /></svg>') no-repeat left top;
}
.toggleButton--member {
  background-color: #ffffff;
}
.toggleButton--member.toggle--active {
  background-color: #1A1A1A;
  color: #ffffff;
}
.toggleButton--office {
  background-color: #ffffff;
}
.toggleButton--office.toggle--active {
  background-color: #1A1A1A;
  color: #ffffff;
}

.listPagenation {
  display: flex;
  justify-content: space-between;
  padding: 0.8em 1.2em;
  font-size: 14px;
}
.listPagenation ul {
  display: flex;
}
.listPagenation ul li {
  padding: 0 0 0 0.5em;
}

.listParts--refine {
  display: inline-flex;
}
.listParts--refine dt {
  font-weight: 700;
  padding: 0.5em;
}
.listParts--refine dd {
  position: relative;
  background: #ffffff;
  border-radius: 0.2em;
  box-shadow: 0px 0 12px -6px rgba(0, 0, 0, 0.4);
}
.listParts--refine dd select {
  border: none;
  background: none;
  padding: 0.5em 2em 0.5em 1em;
  font-family: "Noto Sans JP", serif;
  font-size: 14px;
  cursor: pointer;
}
.listParts--refine dd::after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><path fill="%23ACACAC" d="M0,0l5,5l5-5H0z" /></svg>') no-repeat left top;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  pointer-events: none;
}

main.page--view {
  padding: 0;
  max-width: 100%;
}

.view_submit {
  background: #F9F9F9;
  border-top: 1px solid #d1d1d1;
}
.view_submit_button {
  background: none;
  width: 50%;
  display: flex;
  box-sizing: border-box;
}
.view_submit_button.viewButton--submit {
  background: #92DDA1;
  color: #24482B;
}
.view_submit_button.viewButton--submit button {
  color: #24482B;
}
.view_submit_button.viewButton--submit button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.7 16.7"><path fill="%2324482B" d="M8.4,0C3.7,0,0,3.7,0,8.4s3.7,8.4,8.4,8.4s8.4-3.7,8.4-8.4l0,0C16.7,3.7,13,0,8.4,0 M6.9,12.7l-4-4l1.6-1.6 l2.4,2.4l5.4-5.4l1.6,1.6L6.9,12.7z" /></svg>') no-repeat left top;
  background-size: 100% auto;
  margin: 0 3px 0 0;
}
.view_submit_button.viewButton--back {
  color: #1A1A1A;
}
.view_submit_button.viewButton--back button {
  color: #1A1A1A;
  border-right: 2px solid #ffffff;
}
.view_submit_button.viewButton--back button::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  transform: translateY(1px);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.9 13.4"><path fill="%231A1A1A" d="M12.3,4c-1-1-2.4-1.6-3.9-1.6H6V0L0.2,6h8.2c1.1,0,1.9,0.9,1.9,2c0,1-0.8,1.8-1.9,1.9H0v3.6h8.4c3,0,5.5-2.5,5.5-5.5 C13.9,6.4,13.3,5,12.3,4" /></svg>') no-repeat left top;
  background-size: 100% auto;
  margin: 0 3px 0 0;
}
.view_submit_button button {
  cursor: pointer;
  width: 100%;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", serif;
  box-sizing: border-box;
  padding: 1.5em;
}

.view_complete {
  background: #D3EAD7;
  border-top: 1px solid #d1d1d1;
  color: #24482B;
  text-align: center;
  padding: 1.5em;
}
.view_complete p::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.7 16.7"><path fill="%2324482B" d="M8.4,0C3.7,0,0,3.7,0,8.4s3.7,8.4,8.4,8.4s8.4-3.7,8.4-8.4l0,0C16.7,3.7,13,0,8.4,0 M6.9,12.7l-4-4l1.6-1.6 l2.4,2.4l5.4-5.4l1.6,1.6L6.9,12.7z" /></svg>') no-repeat left top;
  background-size: 100% auto;
  margin: 0 3px 0 0;
}/*# sourceMappingURL=style.css.map */