@media (max-width: 1400px) {
  .u-fv-title::before {
    font-size: 6rem;
  }
}
@media (max-width: 1280px) {
  .u-blog-top-card {
    width: 480px;
  }
  .u-keyword-title {
    font-size: 36px;
  }
}
@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;
  }
}
@media (max-width: 1100px) {
  .u-blog-fv-img {
    width: 350px;
  }
  .u-blog-fv {
    height: 350px;
  }
  .u-blog-fv-logo img {
    width: 250px;
  }
  .u-blog-fv-logo p {
    font-size: 1.5rem;
  }
  .u-blog-fv-box p {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
 
  .u-blog-top-card {
    width: 400px;
  }
}
@media (max-width: 992px) {
  /*news*/
  .news-titlewrap {
    width: 250px;
  }
  .news-contents {
    width: calc(100% - 250px);
  }

  .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;
  }

  .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%;
  }

  .u-blog-fv-img {
    width: 300px;
    position: relative;
    bottom: -50px;
  }

  .u-blog-fv-logo img {
    width: 250px;
  }
  .u-blog-fv-logo p {
    font-size: 1.5rem;
  }
  .u-blog-fv-box p {
    font-size: 1.25rem;
  }
  .u-blog-tag-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .u-blog-fv {
    position: relative;
  }
  .u-blog-fv-img {
    z-index: 1;
    position: absolute;
  }
  .u-blog-fv-img:nth-of-type(1) {
    left: -2rem;
    bottom: 0;
  }
  .u-blog-fv-img:nth-of-type(2) {
    right: -2rem;
    bottom: 0;
  }
  .u-blog-fv-logo img {
    width: 200px;
    position: relative;
    z-index: 2;
  }
  .u-blog-fv-logo p {
    font-size: 1.35rem;
  }
  .u-blog-fv-box p {
    font-size: 1.2rem;
  }
}
@media (max-width: 800px) {
  .section-title {
    font-size: 1.5rem;
  }
  .section-title:before {
    font-size: 6rem;
  }
  .section-titlewrap.vertical {
    writing-mode: initial;
  }

  /*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;
  }
}
@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;
  }
  .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;
  }
  #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;
    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%;
  }


  .u-sp-bottom {
    display: block;
    padding: 2rem 0 6rem;
  }
  .u-sp-bottom .u-fv-copyright {
    display: block;
    text-align: center;
    width: 100%;
  }
  .sns-share-sp {
    display: block;
  }
  .sns-share-pc {
    display: none;
  }
  .news-single::after {
    display: none;
  }
  .sns-share-sp {
    width: 100%;
    position: static;
    display: flex;
    align-items: center;
    margin: 2rem 0 0 1rem;
  }
  .sns-share-sp ul {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-left: 1rem;
  }
  .sns-share-sp li + li {
    margin-top: 0;
    margin-left: 1rem;
  }
  .news-signle-inner {
    width: 95%;
    margin: 0 auto;
  }
  .news-single-bottom {
    margin-top: 2rem;
  }
  .u-blog-fv {
    height: 250px;
  }
  .u-blog-fv-img {
    width: 200px;
  }
  .u-blog-fv-img:nth-of-type(1) {
    left: -2rem;
    bottom: 0;
  }
  .u-blog-fv-img:nth-of-type(2) {
    right: -2rem;
    bottom: 0;
  }
  .u-blog-fv-logo {
    margin-top: 1.5rem;
  }
  .u-blog-fv-logo img {
    width: 180px;
  }
  .u-blog-fv-logo p {
    font-size: 1.2rem;
  }
  .u-blog-fv-box p {
    font-size: 1.1rem;
  }
  .u-blog-top-card {
    width: 350px;
  }
  .u-blog-top-slider .u-blog-top-arrow {
    width: 44px;
    height: 44px;
  }
  .u-blog-top-slider .u-blog-top-arrow img {
    width: 16px;
    height: 16px;
  }
  .u-cat-grid .u-blog-top-arrow {
    width: 44px;
    height: 44px;
  }
  .u-cat-grid .u-blog-top-arrow img {
    width: 16px;
    height: 16px;
  }
  .u-keyword-title {
    font-size: 28px;
  }
  .u-keyword-list li a {
    font-size: 14px;
    padding: 6px 16px;
  }
  .u-mixed-list {
    grid-template-columns: 1fr;
  }
  .u-cat-title {
    font-size: 1.15rem;
  }
  .u-cat-title span {
    font-size: 3rem;
  }
  .news-single-textwrap p {
    margin-bottom: 18px;
  }
  .news-single-title {
    margin-bottom: 28px;
    font-size: clamp(22px, 3.2vw, 30px);
  }

  .news-single-textwrap h2 {
    margin: 28px 0 16px 0;
  }
  .news-single-textwrap h3 {
    margin: 24px 0 12px 0;
  }
  .news-single-textwrap h4 {
    margin: 22px 0 10px 0;
  }
  .news-single-textwrap h5 {
    margin: 16px 0 8px 0;
  }
  .news-single-textwrap img {
    margin: 22px 0;
  }
}
@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);
  }
  /*footer*/
  .footer-inner {
    padding-right: 0;
  }
  .tablet-nav ul li {
    width: 100%;
    padding: 1rem 0;
  }
  .tablet-nav ul {
    margin-top: 1rem;
  }
  .u-fv-title {
    font-size: 1.3rem;
  }
  .u-fv-title::before {
    font-size: 4rem;
  }
 
  .u-news-item {
    width: 100%;
    margin: 0;
  }
  .u-news-item + .u-news-item {
    margin-top: 2rem;
  }

  .news-single-textwrap {
    padding: 1rem;
  }
  .u-resume-text p,
  .useful-single-textwrap p,
  .news-single-textwrap p {
    font-size: 0.95rem;
  }
  .relateds-item {
    width: calc((100% - 1rem) / 2);
  }
  .u-keyword-list {
    gap: 8px;
  }
}
@media (max-width: 480px) {
  /*footer*/
  footer {
    padding-bottom: 7rem;
  }
  .copyright {
    font-size: 0.7rem;
  }
  /*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;
  }
  .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;
  }
  .job-info-tags a {
    margin: 0.25rem 0.1rem;
    padding: 0.2rem 0.5rem;
    font-size: 0.65rem;
  }
  .job-item-img {
    width: 35%;
  }

  .news-item h4 {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .news-item-text {
    margin-top: 0.5rem;
  }
  .news-item {
    max-width: 260px;
    margin: 0;
  }
  .category-block ul {
    gap: 4px;
  }
  .category-block h3 span {
    font-size: 3rem;
  }
  .category-block h3 {
    font-size: 1rem;
  }
  .news-item-text {
    padding: 0.75rem;
  }

  .news-single-bottom {
    margin-top: 2rem;
  }
  .news-single-bottom h2 {
    font-size: 1.3rem;
  }

  .news-single-bottom-item {
    padding: 2rem 1rem;
  }
  .single-post-tags {
    gap: 0.75rem 0.5rem;
  }
  .single-post-tags a {
    font-size: 0.9rem;
    padding: 0.25rem 0.75rem;
  }
  .relateds-item {
    width: 100%;
  }
  .u-blog-fv {
    height: 270px;
  }
  .u-blog-fv-img {
    width: 150px;
  }
  .u-blog-fv-img:nth-of-type(1) {
    left: -1.75rem;
    bottom: 0;
  }
  .u-blog-fv-img:nth-of-type(2) {
    right: -1.75rem;
    bottom: 0;
  }
  .u-blog-fv-logo {
    margin-top: 1rem;
  }
  .u-blog-fv-logo img {
    width: 160px;
  }
  .u-blog-fv-box p {
    font-size: 1.1rem;
  }
  .u-blog-fv-box {
    position: relative;
    top: -2rem;
  }
  .u-blog-top-card {
    width: 300px;
  }
  .u-blog-top-slide {
    padding: 0 8px;
  }
  .u-blog-top-slider .u-blog-top-arrow.is-next {
    right: 10px;
  }
  .u-blog-top-slider .u-blog-top-arrow.is-prev {
    left: 10px;
  }
  .u-bts-title {
    font-size: 1rem;
  }
  .u-blog-top-slider .u-blog-top-arrow {
    width: 38px;
    height: 38px;
  }
  .u-cat-grid .u-blog-top-arrow {
    width: 38px;
    height: 38px;
  }
  .u-blog-top {
    padding: 2rem 0 3rem;
  }
  .u-keyword-list li a {
    font-size: 13px;
    padding: 4px 8px;
  }
  .u-cat-head {
    flex-direction: column;
  }
  .u-cat-more {
    margin-left: auto;
    margin-top: 0.25rem;
    padding: 1.5px 10px;
    top: 1px;
  }
  .news-single-textwrap {
    padding: 1rem 0.5rem;
  }
  .modaal-confirm-content {
    font-size: 0.9rem;
  }
  .modaal-content-container {
    padding: 1rem;
  }

}

@media (max-width: 400px) {
  /*fv*/
  .fv-textwrap {
    left: 7%;
    top: 10%;
    width: fit-content;
  }
  .fv-title-en {
    font-size: 7rem;
  }
  .municipality-form-lists {
    max-height: calc(100vh - 370px);
  }
  .u-cat-item {
    max-width: none;
  }
  .sp-br {
    display: block;
  }
  .view-all-btn{
    padding: 12px 20px;
  }
}