/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */

*, ::before, ::after {
   background-repeat: no-repeat;
   box-sizing: border-box;
}

::before, ::after {
   text-decoration: inherit;
   vertical-align: inherit;
}

html {
   font-size: 62.5%;
   cursor: default;
   font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   line-height: 1;
   -moz-tab-size: 4;
   tab-size: 4;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
}

html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
}

* {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

h1 {
   font-size: 2em;
}

hr {
   height: 0;
   overflow: visible;
}

main {
   display: block;
}

code, kbd, samp, pre {
   font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono, monospace;
   font-size: 1em;
}

ol, ul {
   list-style: none;
}

img, video {
   max-width: 100%;
}

abbr[title] {
   text-decoration: underline dotted;
}

b, strong {
   font-weight: bolder;
}

small {
   font-size: 80%;
}

::-moz-selection {
   background-color: #b3d4fc;
   color: #000;
   text-shadow: none;
}

::selection {
   background-color: #b3d4fc;
   color: #000;
   text-shadow: none;
}

audio, canvas, iframe, img, svg, video {
   vertical-align: middle;
}

audio, canvas, video {
   display: inline-block;
}

audio:not([controls]) {
   display: none;
   height: 0;
}

img {
   border-style: none;
}

svg {
   fill: currentColor;
}

svg:not(:root) {
   overflow: hidden;
}

table {
   border-collapse: collapse;
}

button, input, select, textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

button {
   overflow: visible;
   text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
   -webkit-appearance: button;
}

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

button {
   background-color: transparent;
   border: none;
   cursor: pointer;
   outline: none;
   padding: 0;
   appearance: none;
}

button, input {
   overflow: visible;
}

legend {
   color: inherit;
   display: table;
   max-width: 100%;
   white-space: normal;
}

progress {
   display: inline-block;
   vertical-align: baseline;
}

button, select {
   text-transform: none;
}

textarea {
   margin: 0;
   overflow: auto;
   resize: vertical;
}

[type="checkbox"], [type="radio"] {
   padding: 0;
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
   height: auto;
}

::-webkit-input-placeholder {
   opacity: 0.54;
}

::-webkit-search-decoration {
   -webkit-appearance: none;
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
}

::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

:-moz-focusring {
   outline: 1px dotted ButtonText;
}

dialog {
   background-color: #fff;
   border: solid;
   color: #000;
   display: block;
   height: -moz-fit-content;
   height: -webkit-fit-content;
   height: fit-content;
   left: 0;
   margin: auto;
   padding: 1em;
   position: absolute;
   right: 0;
   width: -moz-fit-content;
   width: -webkit-fit-content;
   width: fit-content;
}

dialog:not([open]) {
   display: none;
}

summary {
   display: list-item;
}

a, area, button, input, label, select, summary, textarea, [tabindex] {
   -ms-touch-action: manipulation;
   touch-action: manipulation;
}

a {
   text-decoration: none;
   color: inherit;
}

template, [hidden] {
   display: none;
}

[aria-busy="true"] {
   cursor: progress;
}

[aria-controls] {
   cursor: pointer;
}

[aria-disabled="true"], [disabled] {
   cursor: not-allowed;
}

[aria-hidden="false"][hidden]:not(:focus) {
   clip: rect(0, 0, 0, 0);
   display: inherit;
   position: absolute;
}

.fa-eraser {
   color: #828FA3;
   transition: 0.3s;
}

.fa-eraser:hover {
   color: #384860;
   transition: 0.3s;
}

.fa-pen-square {
   color: #5B7CB2;
   transition: 0.3s;
}

.fa-pen-square:hover {
   color: #234783;
   transition: 0.3s;
}

.icon {
   display: inline-block;
   width: 11px;
}

.icon img {
   width: 100%;
   height: auto;
}

.icon_nogood {
   width: 8px;
}

.icon_yahoo {
   width: 24px;
}

@media screen and (max-width: 768px) {
   .icon_yahoo {
      width: 18px;
   }
}

.icon_google {
   width: 17px;
}

@media screen and (max-width: 768px) {
   .icon_google {
      width: 12px;
   }
}

.fa-caret-down {
   width: 9px;
   margin-left: 7px;
}

@media screen and (max-width: 768px) {
   .fa-caret-down {
      width: 7px;
   }
}

.rank {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.rank_s {
   color: #AE09E0;
}

.rank_a {
   color: #F21F98;
}

.rank_b {
   color: #E50303;
}

.rank_c {
   color: #F4BB00;
}

.rank_d {
   color: #00BA5D;
}

.rank_e {
   color: #00B3BA;
}

.rank_f {
   color: #828FA3;
}

* {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
}

body {
   height: 100vh;
}

main {
   background: #F2F2F2;
}

.flex-content {
   display: flex;
}

.main-content {
   background-color: #F2F2F2;
   min-height: calc(100vh - 62px);
}

.main-content__inner {
   width: calc(100% - 56px);
   /* max-width: 1100px; */
   margin: 0 auto;
}

@media screen and (max-width: 768px) {
   .main-content__inner {
      width: calc(100% - 40px);
      margin-top: 60px;
   }
}

.main__ttl {
   font-size: 24px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
   .main__ttl {
      margin-bottom: 30px;
   }
}

a, button {
   transition: 0.3s;
}

a:hover, button:hover {
   opacity: 0.7;
   transition: 0.3s;
}

.result__type li, .result__csv-btn-wrapper span {
   transition: 0.3s;
}

.result__type li:hover, .result__csv-btn-wrapper span:hover {
   background-color: #EBEBEB;
   transition: 0.3s;
}

.result__type .current:hover {
   background-color: #1F253A;
   opacity: 0.7;
   transition: 0.3s;
}

@media screen and (max-width: 768px) {
   .result__type .current:hover {
      opacity: 1;
   }
}

.icon-card {
   transition: 0.3s;
}

.icon-card:hover {
   transition: 0.3s;
   background-color: #F5F5F5;
}

.icon-select-open {
   transition: 0.3s;
}

.icon-select-open:hover {
   transition: 0.3s;
   background-color: #F5F5F5 !important;
}

.cell_selected {
   background-color: #F5F5F5 !important;
}

.ctrl {
   width: 340px;
   padding: 20px 20px;
   background-color: #1F253A;
   color: #fff;
   min-height: calc(100vh - 62px);
}

@media screen and (max-width: 768px) {
   .ctrl {
      width: 100%;
      padding: 20px;
   }
}

.ctrl__ttl {
   font-size: 24px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-bottom: 30px;
}

.ctrl__search-point {
   font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-bottom: 12px;
}

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

.ctrl input[type="radio"]:checked+label::before {
   opacity: 1;
   transition: 0.3s;
}

.ctrl__search-flex {
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
}

.ctrl__search-radio1, .ctrl__search-radio2 {
   background-color: #fff;
   padding: 16px;
   padding-left: 34px;
   padding-right: 0;
   border-radius: 5px;
   position: relative;
}

.ctrl__search-radio1::after, .ctrl__search-radio2::after {
   content: "";
   width: 18px;
   height: 18px;
   border: 1px solid #d3d3d3;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 10px;
   transform: translateY(-50%);
}

.ctrl__search-radio1::before, .ctrl__search-radio2::before {
   content: "";
   width: 9px;
   height: 9px;
   background-color: #347DF7;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 19px;
   transform: translate(-50%, -50%);
   opacity: 0;
   transition: 0.3s;
}

.ctrl__search-radio1 {
   width: 49%;
}

.ctrl__search-radio1 span {
   color: #1F253A;
   font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.ctrl__search-radio2 {
   width: 32%;
}

.ctrl__search-radio2 span {
   color: #1F253A;
   font-size: 12px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.ctrl .mt {
   margin-top: 4px;
}

.ctrl__search-textarea {
   width: 100%;
   height: 250px;
   overflow-y: scroll;
   border-radius: 5px;
   padding: 15px;
   line-height: 1.7;
}

.ctrl__search-textarea-op {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   text-align: center;
   margin: 15px 0;
}

.ctrl__search-btn {
   display: block;
   background-color: #347DF7;
   color: #fff;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   border-radius: 5px;
   width: 190px;
   height: 50px;
   margin: 15px auto 0;
}

@media screen and (max-width: 768px) {
   .ctrl__search-btn {
      width: 100%;
      max-width: 450px;
   }
}

.header {
   width: 100%;
   height: 60px;
   background-color: #1F253A;
   color: #fff;
   padding: 0 28px;
   border-bottom: 1px solid #404D60;
}

@media screen and (max-width: 768px) {
   .header {
      padding: 0 20px;
   }
}

@media screen and (max-width: 768px) {
   .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
   }
}

.header__inner {
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header__inner-l {
   height: 100%;
   display: flex;
   justify-self: start;
   align-items: center;
}

.header__inner-r {
   height: 100%;
   display: flex;
   justify-self: end;
   align-items: center;
}

.header__inner-r .fas {
   font-size: 16px;
}

.header__inner-r-icon {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.header__inner-r .fa-bars {
   font-size: 20px;
}

.header__inner-r .link-howto {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-right: 28px;
}

@media screen and (max-width: 768px) {
   .header__inner-r .link-howto {
      margin-right: 20px;
   }
}

.header__logo a {
   display: block;
   height: 30px;
   width: auto;
   margin-right: 60px;
}

.header__logo a img {
   height: 100%;
   width: auto;
}

.header__nav {
   display: flex;
   justify-self: start;
   align-items: center;
}

.header__nav-li {
   margin-right: 32px;
}

.header__user-name {
   font-size: 13px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-left: 10px;
   margin-right: 12px;
}

.nav-current {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.nav_sp {
   background-color: #1F253A;
}

.nav_sp__bg {
   width: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   height: calc(100vh - 62px);
   display: none;
   position: fixed;
   top: 60px;
   left: 0;
   z-index: 5;
}

.nav_sp-li {
   background-color: #1F253A;
   color: #fff;
   font-size: 18px;
   border-bottom: 1px solid #404D60;
}

.nav_sp-li a.current {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.nav_sp-li a {
   padding: 20px;
   display: block;
   width: 100%;
   height: 100%;
}

.nav_sp__user-name {
   padding: 40px 20px;
   pointer-events: none;
}

.nav_sp__user-name .fas {
   font-size: 20px;
   margin-right: 10px;
}

.nav-close {
   display: none;
   width: 20px;
   height: 100%;
   position: relative;
}

.nav-close::before {
   content: "";
   width: 3px;
   height: 28px;
   background-color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
}

.nav-close::after {
   content: "";
   width: 3px;
   height: 28px;
   background-color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(-45deg);
}

body.fixed {
   height: 100vh;
   overflow-y: hidden;
}

.modal_bg {
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.25);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 100;
   display: none;
}

.modal-content {
   width: 518px;
   padding: 20px;
   background-color: #fff;
   border-radius: 5px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 768px) {
   .modal-content {
      width: calc(100% - 40px);
   }
}

.modal-content textarea {
   width: 100%;
   height: 65px;
   border: 1px solid #C1C1C1;
   border-radius: 5px;
   margin-bottom: 15px;
   padding: 12px 14px;
}

.modal-content textarea::placeholder {
   color: #1F253A;
}

.modal-ttl {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 18px;
}

.modal-ttl p {
   font-size: 18px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.modal-ttl .icon_close {
   display: block;
   width: 24px;
}

.modal-btn-wrapper {
   display: inline-flex;
   float: right;
}

.modal-btn-wrapper button {
   width: 95px;
   height: 40px;
   border-radius: 5px;
   margin-left: 14px;
   color: #fff;
}

.modal-btn-wrapper .modal-btn-save {
   background-color: #347DF7;
}

.modal-btn-wrapper .modal-btn-del {
   background-color: #9D9D9D;
}

.modal-alert {
   margin-top: 27px;
   margin-bottom: 30px;
   color: #1F253A;
}

.modal_1, .modal_2 {
   display: none;
}

.icon-select {
   width: 224px;
   height: 64px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #C1C1C1;
   border-radius: 5px;
   background-color: #fff;
   position: absolute;
   top: 93px;
   left: 63px;
   z-index: 101;
   display: none;
}

@media screen and (max-width: 768px) {
   .icon-select {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
   }
}

.icon-select .icon-card {
   width: 45px;
   height: 45px;
   margin: 0 4px;
   border: 1px solid #EBEBEB;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.login-content {
   display: flex;
   justify-content: center;
   align-items: center;
}

.login-window {
   width: calc(100% - 40px);
   max-width: 440px;
   background-color: #fff;
   border-radius: 10px;
   padding: 40px 56px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;
}

@media screen and (max-width: 768px) {
   .login-window {
      padding: 40px 20px;
   }
}

.login-form {
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.login-form label {
   position: relative;
}

.login-ttl {
   margin-bottom: 20px;
}

.login-ttl img {
   width: 160px;
}

.login-ttl2 {
   font-size: 20px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-bottom: 40px;
}

.login-name, .login-pass {
   display: block;
   width: 100%;
   height: 70px;
   border: 1px solid #9d9d9d;
   border-radius: 5px;
   margin-bottom: 24px;
   padding: 11px;
   padding-top: 35px;
}

.login-form__p {
   color: #9d9d9d;
   font-size: 14px;
   position: absolute;
   top: 11px;
   left: 11px;
}

.login-btn {
   width: 100%;
   height: 50px;
   background-color: #347DF7;
   border-radius: 5px;
   color: #fff;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.price {
   color: #1F253A;
}

.price-content {
   padding-top: 20px;
   padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
   .price-content {
      padding-bottom: 30px;
   }
}

.price-content-op {
   color: #00BA5D;
   width: calc(100% - 56px);
   max-width: 1220px;
   text-align: right;
   margin: 0 auto;
   margin-bottom: 12px;
}

.price-content .main__ttl {
   margin-bottom: 48px;
}

.price .table {
   width: 100%;
   font-size: 13px;
   text-align: left;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   overflow-x: auto;
   overflow-y: hidden;
}

.price .table__ttl {
   font-size: 18px;
   margin-bottom: 11px;
   position: relative;
   padding-left: 10px;
}

.price .table__ttl::before {
   content: "";
   width: 4px;
   height: 1em;
   background-color: #1F253A;
   position: absolute;
   top: 0;
   left: 0;
}

.price .table__tr {
   display: flex;
}

@media screen and (max-width: 768px) {
   .price .table__tr {
      width: 1100px;
   }
}

.price .table__tr:first-child {
   border-top: 1px solid #EFEFEF;
}

.price .table__tr:not(:last-child) {
   border-bottom: 1px solid #EFEFEF;
}

.price .table__tr li:first-child {
   border-left: 1px solid #EBEBEB;
}

.price .table__tr li:not(:last-child) {
   border-right: 1px solid #EBEBEB;
}

.price .table__th {
   background-color: #F5F7FA;
   padding: 10px 9px;
   font-size: 13px;
}

.price .table__th:nth-of-type(1) {
   width: 60px;
   text-align: center;
}

.price .table__th:nth-of-type(2) {
   width: 80px;
}

.price .table__th:nth-of-type(3), .price .table__th:nth-of-type(4) {
   width: 90px;
   text-align: center;
   padding: 10px 0;
}

.price .table__th:nth-of-type(5), .price .table__th:nth-of-type(7), .price .table__th:nth-of-type(9) {
   width: 160px;
}

.price .table__th:nth-of-type(6), .price .table__th:nth-of-type(8), .price .table__th:nth-of-type(10) {
   width: 100px;
}

.price .table__td {
   background-color: #fff;
   padding: 10px 9px;
   font-size: 14px;
}

.price .table__td:nth-of-type(1) {
   width: 60px;
   text-align: center;
}

.price .table__td:nth-of-type(2) {
   width: 80px;
}

.price .table__td:nth-of-type(3), .price .table__td:nth-of-type(4) {
   width: 90px;
   text-align: center;
   padding: 10px 0;
}

.price .table__td:nth-of-type(5), .price .table__td:nth-of-type(7), .price .table__td:nth-of-type(9) {
   width: 160px;
}

.price .table__td:nth-of-type(6), .price .table__td:nth-of-type(8), .price .table__td:nth-of-type(10) {
   width: 100px;
}

.price .table-op {
   font-size: 12px;
   margin-top: 15px;
   font-weight: normal;
}

.price .table:nth-of-type(1) {
   margin-bottom: 40px;
}

.price .table .editable-input {
   border: none;
   overflow: hidden;
   width: 100%;
   padding-left: 9px;
   outline: none;
   font-weight: bold;
}

.price .table .editable-input:focus {
   border: none;
   outline: none;
}

.rank-content .main-content__inner {
   padding: 48px 0;
   padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
   .rank-content .main-content__inner {
      padding: 30px 0;
   }
}

.rank-content .main-content__inner .main__ttl {
   margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
   .rank-content .main-content__inner .main__ttl {
      margin-bottom: 30px;
   }
}

.rank__table {
   display: flex;
   justify-content: space-between;
   padding: 45px 0;
   width: calc(100% - 56px);
   max-width: 848px;
   margin: 0 auto;
}

@media screen and (max-width: 768px) {
   .rank__table {
      display: block;
      padding: 30px 0;
      width: calc(100% - 40px);
   }
}

.rank__table-wrapper {
   background-color: #fff;
}

.rank__table-img {
   margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
   .rank__table-img {
      margin-bottom: 26px;
   }
}

.rank__table dl dt {
   font-size: 13px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-bottom: 5px;
}

.rank__table dl dd {
   font-size: 13px;
   margin-bottom: 20px;
}

.rank-y, .rank-g {
   width: 46%;
}

@media screen and (max-width: 768px) {
   .rank-y, .rank-g {
      width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .rank-y {
      margin-bottom: 50px;
   }
}

.result-content {
   padding: 20px 0;
   flex-grow: 1;
   height: calc(100vh - 62px);
}

@media screen and (max-width: 768px) {
   .result-content {
      height: 100vh;
   }
}

.result__type {
   display: flex;
   flex-wrap: wrap;
   width: 560px;
}

.result__type .icon {
   margin-right: 8px;
}

@media screen and (max-width: 768px) {
   .result__type {
      justify-content: space-between;
      width: auto;
   }
}

.result__type li {
   width: 172px;
   max-width: 172px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 5px;
   background-color: #fff;
   border: 1px solid #1F253A;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin-right: 12px;
   margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
   .result__type li {
      width: 48%;
      margin: 0;
      margin-bottom: 10px;
   }
}

.result__type .current {
   color: #fff;
   background-color: #1F253A;
}

.result__type .dammy {
   background-color: transparent;
   border: none;
   pointer-events: none;
}

.result__flex-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.result__number-area, .result__number-area ul {
   display: flex;
   justify-content: start;
   align-items: center;
}

.result__number-area {
   flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
   .result__number-area {
      display: block;
   }
}

@media screen and (max-width: 768px) {
   .result__number-area ul {
      flex-wrap: wrap;
   }
}

.result__number-area ul li {
   margin-right: 21px;
}

@media screen and (max-width: 768px) {
   .result__number-area ul li {
      margin-bottom: 12px;
   }
}

.result__number-total {
   margin-right: 26px;
}

@media screen and (max-width: 768px) {
   .result__number-total {
      margin-bottom: 12px;
   }
}

.result__number-op {
   font-weight: normal;
}

.result__csv-btn-wrapper {
   display: flex;
   justify-content: end;
   align-items: center;
}

.result__csv-btn-wrapper span {
   width: 96px;
   display: inline-block;
   padding: 8px 20px;
   text-align: center;
   font-size: 13px;
   border-radius: 5px;
   background-color: #fff;
   border: 1px solid #1F253A;
   margin-left: 9px;
}

.result .table {
   width: 100%;
   height: calc(100vh - 280px);
   min-width: 600px;
   max-height: 900px;
   margin-top: 15px;
   font-size: 13px;
   text-align: left;
   position: relative;
   overflow: scroll;
}

@media screen and (min-width: 769px) {
   .result-content.main-content{
      overflow: hidden;
   }
}

@media screen and (max-width: 768px) {
   .result .table {
      height: calc(100vh - 220px);
      margin-top: 0px;
      min-width: 200px;
   }
}

@media screen and (max-width: 480px) {
   .result .table {
      height: calc(100vh - 320px);
   }
}

.result .table__tr {
   display: flex;
}

.result .table__tr:first-child {
   border-top: 1px solid #EFEFEF;
}

.result .table__tr:not(:last-child) {
   border-bottom: 1px solid #EFEFEF;
}

.result .table__tr li:first-child {
   border-left: 1px solid #EBEBEB;
}

.result .table__tr li:not(:last-child) {
   border-right: 1px solid #EBEBEB;
}

.result .table__th {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   background-color: #F5F7FA;
   padding: 10px 9px;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.result .table__th.btn {
   cursor: pointer;
}

.result .table__th .sort-img {
   width: 16px;
   height: 16px;
   margin: 0;
   background-image: url(../img/sort/btn.png);
   background-size: cover;
}


.result .table__th .word-sort-img {
   width: 16px;
   height: 16px;
   margin: 0;
   background-image: url(../img/add/ico.png);
   background-size: cover;
}

.result .active .word-sort-img {
   background-image: url(../img/add/ico.png);
}

.result .active .sort-img {
   background-image: url(../img/sort/btn2.png);
}

@media screen and (max-width: 768px) {
   .result .table__th {
      font-size: 11px;
   }
}

.result .table__th:nth-of-type(1) {
   width: 56px;
   text-align: center;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(1) {
      width: 43px;
   }
}

.result .table__th:nth-of-type(2) {
   width: 52px;
   text-align: center;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(2) {
      width: 40px;
   }
}

.result .table__th:nth-of-type(3) {
   width: 57px;
   text-align: center;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(3) {
      width: 43px;
   }
}

.result .table__th:nth-of-type(4) {
   width: calc(50% - 255px);
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(4) {
      width: calc(100% - 126px);
   }
}

.result .table__th:nth-of-type(5) {
   width: calc(50% - 172px);
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(5) {
      display: none;
   }
}

.result .table__th:nth-of-type(6) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(6) {
      display: none;
   }
}

.result .table__th:nth-of-type(7) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(7) {
      display: none;
   }
}

.result .table__th:nth-of-type(8) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__th:nth-of-type(8) {
      display: none;
   }
}

.result .table__td {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   padding: 10px 9px;
   font-size: 14px;
   background-color: #fff;
   display: flex;
   align-items: center;
}

@media screen and (max-width: 768px) {
   .result .table__td {
      font-size: 15px;
   }
}

.result .table__td:nth-of-type(1) {
   display: inline-flex;
   justify-content: center;
   width: 56px;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(1) {
      width: 43px;
   }
}

.result .table__td:nth-of-type(2) {
   display: inline-flex;
   width: 52px;
   text-align: center;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(2) {
      width: 40px;
   }
}

.result .table__td:nth-of-type(3) {
   display: inline-flex;
   justify-content: center;
   width: 57px;
   padding: 10px 0;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(3) {
      width: 43px;
   }
}

.result .table__td:nth-of-type(4) {
   width: calc(50% - 255px);
   display: inline-flex;
   justify-content: space-between;
}

.result .table__td:nth-of-type(4) .icon_eraser {
   width: 20px;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(4) .icon_eraser i {
      font-size: 19px;
   }
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(4) {
      width: calc(100% - 126px);
   }
}

.result .table__td:nth-of-type(5) {
   width: calc(50% - 172px);
   display: flex;
   align-items: center;
}

.result .table__td:nth-of-type(5) .fa-pen-square {
   margin-right: 11px;
   font-size: 19px;
}

.result .table__td:nth-of-type(5) p {
   line-height: 1.6;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(5) {
      width: 100%;
      border-top: 1px solid #EFEFEF;
      border-bottom: 1px solid #EFEFEF;
      border-left: 1px solid #EBEBEB;
      border-right: 1px solid #EBEBEB;
   }
   .result .table__td:nth-of-type(5) .fa-pen-square {
      font-size: 17px;
   }
}

.result .table__td:nth-of-type(6) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(6) {
      width: 50%;
      font-size: 12px;
      border-right: none !important;
      border-left: 1px solid #EBEBEB;
      border-bottom: 1px solid #EFEFEF;
   }
}

.result .table__td:nth-of-type(7) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(7) {
      width: 50%;
      font-size: 15px;
      border-right: none !important;
      border-left: 1px solid #EBEBEB;
      border-bottom: 1px solid #EFEFEF;
   }
}

.result .table__td:nth-of-type(8) {
   width: 128px;
}

@media screen and (max-width: 768px) {
   .result .table__td:nth-of-type(8) {
      width: 50%;
      font-size: 15px;
      border-right: 1px solid #EBEBEB;
      border-bottom: 1px solid #EFEFEF;
   }
}

.result .table__td .table__th_sp {
   display: none;
}

@media screen and (max-width: 768px) {
   .result .table__td .table__th_sp {
      display: inline-block;
      margin-right: 8px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 12px;
   }
}

.result .table .th-row:not(:first-child) {
   display: none;
}

@media screen and (max-width: 768px) {
   .result .table .th-row:not(:first-child) {
      display: flex;
      margin-top: 10px;
   }
}

@media screen and (max-width: 768px) {
   .result .table .td-row {
      flex-wrap: wrap;
   }
}

@media screen and (min-width: 769px) {
   .sp {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
}

/* 0630追加スタイル */

.bellWrap {
   position: relative;
}

.bellWrap-icon {
   width: 30px;
   margin-right: 28px;
   height: auto;
}

.service-list {
   position: relative;
}

.service-list__button {
   width: 30px;
   margin-right: 16px;
   height: auto;
}

.service-list__icon {
   width: 100%;
}

.service-list__wrap {
   position: absolute;
   top: 45px;
   left: 0;
   width: 296px;
   padding: 16px 20px;
   background: white;
   display: inline-flex;
   border: 1px solid #DBDBDB;
   justify-content: space-around;
   flex-wrap: wrap;
   z-index: 100;
}

.service-list__wrap a{
   display: inline-block;
   width: 50%;
   height: fit-content;
}

.bellWrap__contentWrap {
   position: absolute;
   top: 45px;
   right: 30px;
   width: 200px;
   padding: 0px 15px;
   background: white;
   overflow-y: scroll;
   display: none;
   border: 1px solid #DBDBDB;
   /* transform: scale(1,0); */
   transform-origin: top;
   height: 213px;
}

.bellWrap__contentWrap.active {
   /* transform: scale(1,1); */
   opacity: 1;
   padding: 15px;
}

.bellWrap__contentWrap__content-title {
   font: normal normal 600 12px/18px Montserrat;
   color: #333333;
}

.bellWrap__contentWrap__content-time {
   font: normal normal normal 8px/10px Montserrat;
   margin-top: 6px;
   color: #707070;
}

.bellWrap__contentWrap__content {
   padding: 10px 0;
   border-bottom: solid 1px #DBDBDB;
}

.bellWrap__contentWrap-moreBtn {
   font: normal normal bold 10px/18px Montserrat;
   letter-spacing: 0px;
   color: #357CF7;
   width: 100%;
   display: block;
   text-align: end;
   text-align: end;
   margin-top: 13px;
}

.bellWrap__contentWrap-moreBtn img {
   width: 6px;
   height: 8px;
   object-fit: cover;
   margin-bottom: 1px;
   margin-left: 6px;
}

.report {
   padding: 56px 0 110px;
}

.report h1 {
   font: normal normal bold 20px/30px Montserrat;
   letter-spacing: 1px;
   color: #1F2639;
   text-align: center;
   margin-bottom: 32px;
}

.report__contentWrap {
   max-width: 1000px;
   width: 89.33vw;
   background: white;
   margin: 0 auto;
   padding: 40px;
}

.report__contentWrap-content {
   border-bottom: 1px solid #DBDBDB;
   padding-top: 24px;
   position: relative;
}

.report__contentWrap-content h2 {
   font: normal normal bold 16px/30px Montserrat;
   letter-spacing: 0.8px;
   color: #3D3C3D;
}

.report__contentWrap-content h2 span {
   font: normal normal bold 16px/30px Montserrat;
   letter-spacing: 0.8px;
   color: #AC1D1D;
   margin-bottom: 6px;
}

.report__contentWrap-content__date {
   font: normal normal normal 14px/32px Roboto;
   letter-spacing: 0.7px;
   color: #707070;
}

.report__contentWrap-content__textWrap p {
   font: normal normal normal 14px/24px Montserrat;
   letter-spacing: 0.7px;
   color: #3D3C3D;
}

.report__contentWrap-content__textWrap {
   margin-top: 16px;
   height: 0px;
   overflow-y: hidden;
   transition: all .3s ease;
}

.report__contentWrap-content__textWrap.active {
   height: auto;
   padding-bottom: 24px;
}

.report__contentWrap-content::after {
   content: "";
   display: block;
   width: 12px;
   height: 8px;
   background-image: url(../img/add/arrow-down.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   position: absolute;
   bottom: unset;
   right: 0px;
   top: 48px;
   bottom: 0px;
   transition: all .3s ease;
}

.report__contentWrap-content.active::after {
   transform: rotate(180deg);
}

.pageNation {
   margin-top: 40px;
}

.page_wrap {
   width: fit-content;
   margin: 0 auto;
   display: flex;
}

.page_wrap li {
   width: 32px;
   height: 32px;
   border-radius: 4px;
   border: 1px solid #202638;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 4px;
   font: normal normal 600 16px/32px Montserrat;
}

.page_wrap .arrow {
   width: 7px;
}

.page_wrap li.active {
   background: #202638;
   color: white;
   font: normal normal 600 16px/32px Montserrat;
}

.pageInfo {
   text-align: center;
   font: normal normal medium 12px/30px Montserrat;
   letter-spacing: 0.6px;
   color: #707070;
   margin-top: 24px;
}

@media(max-width:768px) {
   .report {
      padding: 80px 0 45px;
   }
   .report h1 {
      margin-bottom: 24px;
   }
   .report__contentWrap {
      padding: 0px 20px 24px 20px;
   }
   .report__contentWrap-content h2 {
      padding-right: 20px;
   }
   .report__contentWrap-content {
      padding-top: 21px;
   }
   .bellWrap-icon {
      margin-right: 6px;
   }
   .service-list__button {
     margin-right: 8px;
   }
   .service-list {
     position: unset;
   }
   .service-list__wrap {
     left: unset;
     right: 0px;
     top: 60px;
   }
   .bellWrap__contentWrap {
      width: 316px;
      right: -102px;
   }
   .bellWrap__contentWrap.active {
      height: 250px;
   }
   .bellWrap__contentWrap__content-title {
      font-size: 14px;
   }
   .bellWrap__contentWrap-moreBtn {
      font-size: 14px;
   }
}

/* 検収日ソート */
.table__th.btn {
   position: relative;
}

.pull_height {
   position: absolute;
   top: 73%;
   right: 0;
   width: 120px;
   /* height: 105px; */
   display: grid;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #DBDBDB;
   padding: 0px 10px;
   height: 0px;
   overflow-y: hidden;
   opacity: 0;
   transition: all .3s ease;

}
.pull_height.active {
   opacity: 1;
   padding: 10px;
   height: auto;
}

.sort_pull_wrap {
   row-gap: 8px;
   display: grid;
}

.sort_pull {
   font: normal normal bold 12px/12px Montserrat;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.sort_pull input {
   margin: 0 4px 0 0;
   width: 14px;
   height: 14px;
   background: #E0E0E0 0% 0% no-repeat padding-box;
   border-radius: 1px;
   display: none;
}

.sort_pull .check_style {
   width: 14px;
   height: 14px;
   background: #E0E0E0 0% 0% no-repeat padding-box;
   border-radius: 1px;
   margin: 0 4px 0 0;
}

.sort_pull input:checked+.check_style {
   background: #078FFA 0% 0% no-repeat padding-box;
   background-image: url(../img/check.svg);
   background-size: 7px 6px;
   background-position: center;
}

.sort_pull_submit {
   background: #078FFA 0% 0% no-repeat padding-box;
   border-radius: 2px;
   width: 80px;
   height: 18px;
   font: normal normal bold 10px/13px Roboto;
   letter-spacing: 0px;
   color: #FFFFFF;
   margin: 0 auto;
}

.sp_sort_btn {
   text-align: center;
   font: normal normal bold 14px/19px Roboto;
   letter-spacing: 0px;
   color: #FFFFFF;
   background: #078FFA 0% 0% no-repeat padding-box;
   border-radius: 4px;
   width: 100%;
   height: 38px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 16px auto;
   display: none;
}


@media(max-width: 768px) {
   .sp_sort_btn {
      display: flex;
   }
}

.sp_sort_modal {
   width: 100vw;
   height: 120vh;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10000;
   display: none;
}

.sp_sort_modal_bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 120vh;
   background: #000000 0% 0% no-repeat padding-box;
   opacity: 0.5;
}

.sp_sort_white {
   width: 295px;
   height: auto;
   max-height: 60vh;
   overflow-y: scroll;
   padding: 32px 20px 24px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #DBDBDB;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
}

.sp_sort_wrap {
   display: grid;
   grid-template-columns: 68px max-content;
   padding-bottom: 17px;
   margin-bottom: 17px;
   border-bottom: 1px solid #DBDBDB;
}

.sp_sort_wrap:nth-last-child(1) {
   border: none;
   padding-bottom: 20px;
   margin-bottom: 0px;
}

.sp_sort_right {
   display: grid;
   row-gap: 12px;
}

.sp_sort_submit {
   width: 255px;
   height: 44px;
   background: #078FFA 0% 0% no-repeat padding-box;
   border-radius: 4px;
   text-align: center;
font: normal normal bold 14px/19px Roboto;
letter-spacing: 0px;
color: #FFFFFF;
}


@media(min-width: 769px) {
   .sort-btn__wrap{
      display: none;
   }
}

/* 対策ワードソート */
.table__th.word_sort_btn {
   position: relative;
}

.word_pull_height {
   position: absolute;
   top: 73%;
   right: 0px;
   /* width: 100px; */
   /* height: 105px; */
   display: grid;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #DBDBDB;
   padding: 0px 10px;
   height: 0px;
   overflow-y: hidden;
   opacity: 0;
   transition: all .3s ease;
}

.word_pull_height.active {
   opacity: 1;
   padding: 10px;
   height: auto;
}

.result .table__th.word_sort_btn {
   cursor: pointer;
}