@media screen and (max-width: 800px) {
  .sp {
    display: inherit;
  }
  .pc {
    display: none;
  }
  #wrapper {
    min-width: inherit;
  }
  .inner {
    max-width: inherit;
  }
  #toplink {
    width: 50px;
    height: 50px;
  }
  #toplink.on {
    right: 0;
    bottom: 0;
  }
  #toplink a img {
    width: 20px;
  }
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 99;
    font-size: 0.8rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: rgba(4, 20, 25, 0.9);
  }
  header .logo {
    position: absolute;
    top: 20px;
    left: calc(50% - 55px);
    width: 110px;
    margin: auto;
  }
  header .desc {
    display: none;
  }
  header nav {
    display: none;
  }
  #PageTitle {
    height: 300px;
  }
  #PageTitle::before {
    left: 75%;
  }
  #PageTitle .inner .title {
    top: 55%;
    font-size: 2.5rem;
    letter-spacing: 0.25em;
  }
  #PageTitle .inner #topicpath {
    left: 30px;
    bottom: 15px;
  }
  article {
    padding-top: 45px;
  }
  article section {
    padding: 45px 0;
  }
  article h1, article h2 {
    min-width: 200px;
    margin-bottom: 30px;
  }
  article h1 span, article h2 span {
    min-width: inherit;
  }
  article h1 span:nth-of-type(1)::before, article h2 span:nth-of-type(1)::before {
    left: -15px;
  }
  article h1 span:nth-of-type(1)::after, article h2 span:nth-of-type(1)::after {
    right: -15px;
  }
  article h3 {
    min-width: 200px;
    margin-bottom: 30px;
  }
  article div {
    margin-bottom: 30px;
    padding: 0 30px;
  }
  article .center_sp {
    text-align: center;
  }
  article .left_sp {
    text-align: left;
  }
  article .right_sp {
    text-align: right;
  }
  article .subtxt_sp {
    font-size: 0.9em;
    line-height: 1.5em;
  }
  article .mb0_sp {
    margin-bottom: 0;
  }
  article .mb_sp {
    margin-bottom: 30px;
  }
  .flexbox {
    display: block;
  }
  #mv {
    height: 100vh;
    min-height: inherit;
    background: url(../img/mv_bg.jpg) center;
    background-size: cover;
  }
  #mv .mov {
    display: none;
  }
  #mv .mv_txt {
    width: auto;
    top: inherit;
    bottom: 30px;
    left: 0;
    padding: 0 30px;
    line-height: 1.5em;
  }
  #mv .mv_txt .mv_txt_1 {
    line-height: 1em;
    margin-bottom: 0.1em;
  }
  #bussiness .flexbox > div {
    width: auto;
  }
  #bussiness .flexbox .bizbox {
    padding: 30px 15px;
  }
  #bussiness .flexbox .bizbox p {
    text-align: left;
  }
  #bussiness .flexbox .bizbox:nth-of-type(even) {
    background-color: #065067;
  }
  #bussiness .flexbox .bizimg {
    display: none;
  }
  #logotopics .bottom {
    padding: 30px;
  }
  #logotopics .bottom .button {
    padding: 15px;
    font-size: 1.25rem;
  }
  article .flexbox .works_box {
    width: auto;
    margin: auto;
    margin-bottom: 45px;
  }
  article .flexbox .works_box:nth-last-of-type() {
    margin-bottom: 0;
  }
  article .flow .flow_box {
    margin-bottom: 30px;
    padding: 30px;
    padding-left: 80px;
  }
  article .PriceTable {
    margin-bottom: 15px;
    font-size: 0.9rem;
    line-height: 1.25em;
  }
  article .PriceTable thead tr th {
    padding: 0.75em 0.25em;
    background: #506D77;
  }
  article .PriceTable thead tr th:nth-of-type(2) {
    width: 40%;
  }
  article .PriceTable tbody tr th {
    line-height: 1.25em;
  }
  article .PriceTable tbody tr th strong {
    margin-bottom: 0.5em;
    font-size: 1rem;
  }
  article .mailform table {
    margin-bottom: 30px;
  }
  article .mailform table th, article .mailform table td {
    padding: 22.5px 7.5px;
  }
  article .mailform table td input, article .mailform table td textarea {
    padding: 0.9em 0.5em;
  }
  article .mailform table td select {
    min-width: inherit;
  }
  article .ArchControls {
    padding: 30px;
  }
  article .ArchControls div {
    margin-bottom: 0;
  }
  article .ArchControls .SearchForm {
    margin-bottom: 30px;
  }
  article .ArchControls .SearchForm p {
    margin-bottom: 15px;
    text-align: center;
  }
  article .ArchControls .SearchForm input[type=text] {
    width: 90%;
  }
  article .ArchControls .SearchForm input[type=date] {
    width: auto;
  }
  article .ArchControls .SearchForm input[type=submit] {
    width: 90%;
  }
  article .ArchControls .SearchForm label {
    display: block;
    margin: 0;
    margin-bottom: 0.5em;
  }
  article .ArchControls .SearchForm select {
    width: 90%;
  }
  article .ArchControls .switcher {
    justify-content: center;
  }
  article .ArchControls .switcher p {
    width: 40px;
    height: 40px;
    margin: 0 7.5px;
  }
  article .ArchControls .switcher p::after {
    width: 40px;
    height: 40px;
  }
  article .ArchControls .switcher p img {
    width: 40px;
    height: 40px;
  }
  article #LogoArchive .inner .logobox {
    margin-bottom: 15px;
  }
  article #LogoArchive .inner .logobox .logobox_thmb {
    width: 30%;
    margin-right: 30px;
  }
  article #LogoArchive .inner .logobox .logobox_inf {
    width: 60%;
    padding: 0;
  }
  article #LogoArchive .inner .logobox .logobox_inf .logobox_name {
    min-width: inherit;
    margin-bottom: 7.5px;
    font-size: 1rem;
  }
  article #LogoArchive .inner .logobox .logobox_inf .logobox_desc {
    margin-bottom: 7.5px;
    font-size: 0.9rem;
  }
  article #LogoArchive .inner .logobox .logobox_inf .logobox_desc p {
    line-height: 1.25em;
  }
  article #LogoArchive.block .inner .logobox {
    width: 48%;
  }
  article #LogoArchive.block .inner .logobox .logobox_thmb {
    width: 100%;
    max-width: inherit;
  }
  article .pagenavi {
    font-size: 1.25rem;
  }
  article .singleHeader {
    padding: 30px;
  }
  article .singleHeader .singleHeader_title {
    width: calc(100% - 80px);
    text-align: left;
    line-height: 1.35em;
  }
  article .singleHeader .singleHeader_title::before {
    left: -40px;
  }
  article .singleHeader .singleHeader_title::after {
    right: -40px;
  }
  article .singleHeader .singleHeader_title span {
    text-align: center;
  }
  article .returnBtn {
    padding: 7.5px;
  }
}/*# sourceMappingURL=sp.css.map */