@media (max-width: 1400px) {
  .openbtn-menu {
    display: none;
  }
  .sp-menu {
    display: block;
  }
  .u-fv-title::before {
    font-size: 6rem;
  }
}
@media (max-width: 1200px) {
  .fv-title {
    font-size: 3.5rem;
  }
  .fv-title-en {
    font-size: 13rem;
  }
  .u-fv {
    width: 200px;
  }
  .u-main-wrap {
    width: calc(100% - 200px);
  }
  section.u-section {
    padding: 2rem 0;
  }
  .entry-btn {
    font-size: 0.9rem;
    padding: 1rem 0.5rem;
  }
  .u-job-entryform {
    width: calc(100% - 250px);
  }
  .u-job-entryform.active {
    transform: translateX(-25px);
  }
}
@media (max-width: 1024px) {
  .form-box > .wpcf7 {
    width: 90%;
  }
}
@media (max-width: 992px) {
  .feature-titlewrap {
    width: 200px;
  }
  .feature-contents {
    width: calc(100% - 200px);
  }

  /*news*/
  .news-titlewrap {
    width: 250px;
  }
  .news-contents {
    width: calc(100% - 250px);
  }
  .top-news-wrap {
    flex-direction: column;
  }
  .keyword-ranking {
    margin-top: 0.5rem;
  }
  .sidebar-search-item select,
  .sidebar-search-box input[type="text"] {
    padding: 0.5rem;
  }
  .u-news-item h3 {
    font-size: 1rem;
  }
  .news-single-title {
    font-size: 1.2rem;
  }
  .u-resume-text h2,
  .useful-single-textwrap h2,
  .news-single-textwrap h2 {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .u-job-details-inner {
    position: static;
    height: auto;
    width: 100%;
    border-left: none;
  }
  .u-job-details {
    flex-direction: column;
  }
  .u-job-info-des {
    border-left: none;
  }
  .single-job-scroll {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .section-title {
    font-size: 1.5rem;
  }
  .section-title:before {
    font-size: 6rem;
  }
  .section-titlewrap.vertical {
    writing-mode: initial;
  }

  /*feature*/
  .feature-titlewrap {
    position: static;
    top: initial;
    width: 100%;
    text-align: center;
  }
  .feature-section-wrap {
    flex-direction: column;
  }
  .feature-contents {
    width: 100%;
    margin-top: 2rem;
  }
  /*map-search*/
  .mapsearch-wrap {
    flex-direction: column;
  }
  .mapsearch-titlewrap {
    width: 100%;
  }
  .mapsearch-contents {
    width: 100%;
    margin-top: 2rem;
  }
  .mapsearch-japan-img {
    margin: 1rem auto 0;
    width: 300px;
  }
  .mapsearch .section-title {
    text-align: center;
  } /*news*/
  .news-titlewrap {
    width: 100%;
    text-align: center;
    position: relative;
    top: initial;
  }
  .top-news-more {
    display: none;
  }
  .news-contents {
    width: 100%;
  }
  .news-item:nth-child(n + 6) {
    display: none;
  }
  .sp-news-more {
    display: block;
  }
  /*pickup*/
  .top-pickup-item {
    min-width: 400px;
  }
  .job-item-inner {
    flex-direction: column;
  }
  .job-item-img {
    width: 100%;
  }
  .pickup-deswrap {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  /*fv*/
  .fv-title {
    font-size: 2.5rem;
  }
  .fv-title-en {
    font-size: 10rem;
  }
  /*footer*/
  .footer-inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .sp-menu-item-img img {
    width: 30px;
  }
  .searchbox {
    flex-direction: column;
  }
  .searchbox select,
  .search-field,
  .search-field::placeholder {
    font-size: 0.9rem;
    padding: 0.5rem;
  }
  .serch-closebtn {
    top: 0.1rem;
    right: 1rem;
  }
  .sidebar-search-inner #searchsubmit {
    margin-left: 0.5rem;
    font-size: 1rem;
    width: 170px;
  }
  .sidebar-search-box.search-occ,
  .sidebar-search-box.search-salary-type {
    width: 100%;
  }
  .search-occ .sidebar-search-inner select,
  .search-salary-type .sidebar-search-inner select:first-of-type {
    border: 1px solid #000;
  }
  .detailedsearch {
    padding: 2.5rem 0 1rem;
  }
  .detailedsearch-contents {
    padding: 0 1rem 1rem;
  }
  #salary-pref {
    border-top: none;
  }
  #occ-des {
    border-left: none;
  }
  #pref {
    border-left: none;
    border-top: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .free-word {
    margin-top: 0.5rem;
  }
  .search-field {
    border: 1px solid #000;
  }
  .tag-ranking li,
  .keyword-ranking li {
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    font-size: 0.9rem;
  }
  .search-formwrap h3 {
    font-size: 1rem;
  }
  .u-main {
    flex-direction: column;
  }
  .u-fv {
    width: 100%;
    height: auto;
    position: static;
  }
  .u-fv-title {
    writing-mode: initial;
    width: 100%;
    text-align: center;
  }
  .u-fv-bottom,
  .u-fv-copyright {
    display: none;
  }
  .u-main-wrap {
    width: 100%;
  }
  .entry-btn {
    margin-top: 2rem;
    font-size: 1rem;
    padding: 1rem 2rem;
  }
  .sp-entry-btn {
    display: block;
  }
  .u-job-entryform {
    width: 100%;
  }
  .u-job-entryform .form-box {
    width: 90%;
    margin-top: 1rem;
  }
  .u-job-entryform.active {
    transform: translateX(0);
  }
  .job-entryform-closebtn {
    margin-left: 1rem;
  }
  .u-sp-bottom {
    display: block;
    padding: 2rem 0 6rem;
  }
  .u-sp-bottom .u-fv-copyright {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 576px) {
  /*fv*/
  .fv-textwrap {
    left: 15%;
    width: 90%;
    top: 20%;
  }
  .fv-title {
    font-size: 3rem;
  }
  .fv-title-en {
    position: static;
    left: 0;
    top: 0;
  }

  .pc-none {
    display: block;
  }
  .trigger-ready01 {
    transform: translate(0, 10px);
  }
  .trigger-ready01.fadein {
    transform: translate(0);
  }
  /*feature*/
  .feature-lists li {
    margin: 1rem 0.5rem;
    width: calc((100% - 2rem) / 2);
  }
  .news-item-img img {
    width: 140px;
  }
  .news-item-text {
    width: calc(100% - 160px);
  }
  .feature-lists h3 {
    font-size: 1rem;
  }
  .fv-title-en {
    font-size: 8rem;
  }
  /*footer*/
  .footer-inner {
    padding-right: 0;
  }
  .sp-nav ul li {
    width: 100%;
    padding: 1rem 0;
  }
  .sp-nav ul {
    margin-top: 1rem;
  }
  .u-fv-title {
    font-size: 1.3rem;
  }
  .u-fv-title::before {
    font-size: 4rem;
  }
  .form-box {
    padding: 3rem 1rem 1rem;
  }
  .form-box > .wpcf7 {
    width: 100%;
  }
  .u-news-item {
    width: 100%;
    margin: 0;
  }
  .u-news-item + .u-news-item {
    margin-top: 2rem;
  }
  .news-single-textwrap {
    margin-top: 1rem;
  }
  .u-resume-text h2,
  .useful-single-textwrap h2,
  .news-single-textwrap h2 {
    font-size: 1.05rem;
  }
  .news-single-textwrap {
    padding: 1rem;
  }
  .u-resume-text p,
  .useful-single-textwrap p,
  .news-single-textwrap p {
    font-size: 0.95rem;
  }
  .u-section .pickup-item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  /*news*/
  .news-item a {
    flex-direction: column;
  }
  .news-item-img img {
    width: 100%;
  }
  .news-item-text {
    width: 100%;
    margin-top: 1rem;
  }
  .news li {
    border-bottom: none;
  }
  .news li + li {
    margin-top: 2rem;
  }
  .news-contents {
    padding: 0;
  }
  /*feature*/
  .feature-lists li {
    width: 100%;
    margin: 0;
  }
  .feature-lists li + li {
    margin-top: 2rem;
  }
  /*footer*/
  footer {
    padding-bottom: 7rem;
  }
  .copyright {
    font-size: 0.7rem;
  }
  .feature-lists h3 {
    text-align: center;
  }
  /*mapsearch*/
  .mapsearch-municipality-scroll {
    width: 100%;
  }
  .municipality-closebtn {
    right: 0;
    top: 0;
    left: initial;
  }
  .municipality-form-lists {
    max-height: calc(100vh - 400px);
  }
  .map-accordion-title {
    padding: 0.25rem 2.5rem 0.25rem 1rem;
  }
  .map-accordion > li {
    margin: 0.5rem 0;
  }
  .map-accordion-prefectures > li {
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
  }
  .section-title {
    font-size: 1.35rem;
  }
  .section-title:before {
    font-size: 5rem;
  }
  .pickup-item {
    margin: 0.5rem;
  }
  .pickup-title {
    font-size: 1rem;
  }
  .job-info-tags {
    margin-top: 0.5rem;
  }
  .fv-slider {
    bottom: 10%;
  }
  .qa-tabwrap {
    flex-direction: column;
  }
  .qa-tabwrap .qa-tab {
    width: 90%;
  }
  .qa-item h3 {
    font-size: 0.95rem;
  }
  .qa-item p {
    font-size: 0.9rem;
  }
  .u-cancel-btnwrap {
    flex-direction: column;
  }
  .u-cancel-btnwrap a,
  .u-cancel-btnwrap div {
    width: 90%;
    max-width: 300px;
    text-align: center;
  }
  .cancel-btn-next {
    margin-left: 0;
    margin-top: 1rem;
  }
  .modaal-confirm-content {
    font-size: 1rem;
  }
  .modaal-confirm-content {
    font-size: 1.1rem;
  }
  .modaal-confirm-btn {
    margin-top: 1rem;
  }
	 /*fv*/
  .fv-textwrap {
    left: 7%;
    top: 10%;
    width: fit-content;
  }
}
@media (max-width: 400px) {
  .fv-title-en {
    font-size: 7rem;
  }
  .municipality-form-lists {
    max-height: calc(100vh - 370px);
  }
}