@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  margin: 0;
}
body img {
  width: 100%;
  height: auto;
}
body a {
  text-decoration: none;
  color: #000;
  transition: all 0.5s;
}
body a:hover {
  opacity: 0.6;
  transition: all 0.4s;
}

main *, header *, footer * {
  font-size: 1.6rem;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.56px;
  font-family: "Lato", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
main html, main body, main div, main span, main object, main iframe,
main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre,
main abbr, main address, main cite, main code,
main del, main dfn, main em, main img, main ins, main kbd, main q, main samp,
main small, main strong, main sub, main sup, main var,
main b, main i,
main dl, main dt, main dd, main ol, main ul, main li,
main fieldset, main form, main label, main legend,
main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td,
main article, main aside, main canvas, main details, main figcaption, main figure,
main footer, main header, main hgroup, main menu, main nav, main section, main summary,
main time, main mark, main audio, main video, header html, header body, header div, header span, header object, header iframe,
header h1, header h2, header h3, header h4, header h5, header h6, header p, header blockquote, header pre,
header abbr, header address, header cite, header code,
header del, header dfn, header em, header img, header ins, header kbd, header q, header samp,
header small, header strong, header sub, header sup, header var,
header b, header i,
header dl, header dt, header dd, header ol, header ul, header li,
header fieldset, header form, header label, header legend,
header table, header caption, header tbody, header tfoot, header thead, header tr, header th, header td,
header article, header aside, header canvas, header details, header figcaption, header figure,
header footer, header header, header hgroup, header menu, header nav, header section, header summary,
header time, header mark, header audio, header video, footer html, footer body, footer div, footer span, footer object, footer iframe,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre,
footer abbr, footer address, footer cite, footer code,
footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer samp,
footer small, footer strong, footer sub, footer sup, footer var,
footer b, footer i,
footer dl, footer dt, footer dd, footer ol, footer ul, footer li,
footer fieldset, footer form, footer label, footer legend,
footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td,
footer article, footer aside, footer canvas, footer details, footer figcaption, footer figure,
footer footer, footer header, footer hgroup, footer menu, footer nav, footer section, footer summary,
footer time, footer mark, footer audio, footer video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
main ul, main li, header ul, header li, footer ul, footer li {
  list-style: none;
}
main div, header div, footer div {
  line-height: 0;
}
main a, header a, footer a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

@media screen and (min-width: 768px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}
.view--sm {
  display: none;
}
@media screen and (max-width: 375px) {
  .view--sm {
    display: block;
  }
}

.view--smb {
  display: none;
}
@media screen and (max-width: 480px) {
  .view--smb {
    display: block;
  }
}

.page__inner {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: auto;
}
@media screen and (max-width: 767px) {
  .page__inner {
    width: calc(100% - 30px);
  }
}
.page .rtn {
  margin: 28px 0 48px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .page .rtn {
    margin: 27px 0 48px;
  }
}
.page .rtn__item {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  margin-right: 5px;
}
.page .rtn__item:not(:first-child) span {
  margin-right: 5px;
}
.page .rtn a {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  text-decoration: none;
  color: #1D50A2;
}
.page .kv {
  background-image: url("../img/common/kv-bg.png");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 767px) {
  .page .kv {
    background-image: url("../img/common/kv-bg-sp.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
  }
}
.page .kv__innr {
  width: 100%;
  height: 350px;
  padding-bottom: 49px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .page .kv__innr {
    height: 210px;
    padding-bottom: 19px;
  }
}
.page .kv__hdg {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 57.6px;
  letter-spacing: 10.8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page .kv__hdg {
    font-size: 1.8rem;
    line-height: 28.8px;
  }
}
.page .kv__hdg-sub {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page .kv__hdg-sub {
    font-size: 1.4rem;
  }
}
.page .kv__icon {
  max-width: 70px;
  width: 100%;
  margin: 9px;
}
@media screen and (max-width: 767px) {
  .page .kv__icon {
    max-width: 40px;
    margin-bottom: 7px;
  }
}
.page__rtrn-wrap {
  border-top: 1px solid #CCC;
  padding: 80px 0 50px;
}
.page__rtrn-wrap .arrw-up::before {
  background: url(../img/common/arrw-up.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 20px;
  width: 100%;
  height: 20px;
  content: "";
  display: inline-block;
  margin-left: 13px;
  vertical-align: middle;
}
.page__rtrn-btn {
  display: block;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.32px;
  text-align: center;
  max-width: 229px;
  width: 100%;
  margin: auto;
  padding: 20px 0;
  border-radius: 60px;
  border: 1px solid #CCC;
  cursor: pointer;
}
.page__bnr {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 28px;
}
.page__btn {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  width: 100%;
  margin: auto;
}
.page__btn a {
  text-decoration: none;
  text-align: center;
  border-radius: 60px;
}
.page__btn-in {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.32px;
  padding: 15px 0;
  width: 100%;
  background-color: #FCF041;
  margin-bottom: 21px;
  color: #000;
}
.page__btn-out {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.29px;
  padding: 15px 0;
  width: 100%;
  background-color: #133460;
  color: #fff;
  position: relative;
}
.page__btn-out::before {
  background: url(../img/common/redirect-icn.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 18px;
  width: 100%;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 15px;
  top: 31%;
}

@media screen and (max-width: 767px) {
  #fuku .page__inner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #fuku .rtn {
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  #fuku .page__bnr {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  #fuchu .page__inner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #fuchu .rtn {
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  #fuchu .page__bnr {
    max-width: 500px;
  }
}

header {
  width: 96%;
  height: 70px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  background: #FFF;
  border-radius: 50px;
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  header {
    height: 50px;
    top: 8px;
    width: calc(100% - 40px);
  }
}
header a {
  text-decoration: none;
  color: #000;
}

.header {
  padding-left: 20px;
  padding-right: 15px;
}
.header__logo {
  margin-top: 12px;
}
.header__logo-sp {
  max-width: 310px;
  width: 100%;
  margin: auto;
  margin-bottom: 28px;
}
.header__logo-sp .header__logo-img {
  max-width: 300px;
  margin: auto;
}
.header__logo-sp .header__logo-txt {
  font-size: 1.1rem;
}
.header__logo-txt {
  font-size: 1.1rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.55px;
  margin-bottom: 4.5px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .header__logo-txt {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 480px) {
  .header__logo-txt {
    font-size: 0.8rem;
  }
}
.header__logo-img {
  max-width: 234px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .header__logo-img {
    max-width: 171px;
  }
}
.header__nav {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .header__nav {
    display: none;
  }
}
.header__nav-item a {
  display: flex;
  align-items: center;
}
.header__nav-item:not(:last-child) {
  margin-right: 14px;
}
.header__nav-item .icn {
  max-width: 24px;
  width: 100%;
  margin-right: 6px;
}
.header__nav-item .tit {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.56px;
}
.header__sp {
  display: none;
}
@media screen and (max-width: 960px) {
  .header__sp {
    display: flex;
  }
}
.header__sp-wrap {
  display: flex;
  align-items: center;
}
.header__sp-wrap .srch-btn {
  height: auto;
  padding: 9px;
  background-color: #FCF041;
  border-radius: 25px;
  margin-right: 65px;
}
.header__sp-wrap .tit {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.56px;
}
.header__sp-menu {
  display: none;
}
@media screen and (max-width: 960px) {
  .header__sp-menu {
    background: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow-y: scroll;
    padding: 44px;
  }
}
.header__sp-menu .sp-nav {
  background-color: #fdf9be;
  padding: 25px;
  max-width: 750px;
  margin: auto;
  border-radius: 6px;
  padding-top: 120px;
  position: relative;
}
.header__sp-menu .sp-nav::before {
  background: url(../img/header/sp-nav-image.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 140px;
  width: 100%;
  height: 108px;
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -25px;
}
.header__sp-menu .sp-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 710px;
  margin: auto;
  margin-bottom: 50px;
}
.header__sp-menu .sp-nav-item {
  width: 32.33%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  transition: all 0.6s;
  border: 4px solid #fff;
}
@media screen and (max-width: 860px) {
  .header__sp-menu .sp-nav-item {
    width: 48%;
    flex: 45%;
  }
}
.header__sp-menu .sp-nav-item:hover {
  border: 4px solid #133460;
}
.header__sp-menu .sp-nav-item a {
  padding: 34px 0;
  width: 100%;
}
@media screen and (max-width: 860px) {
  .header__sp-menu .sp-nav-item a {
    padding: 20px 0;
  }
}
.header__sp-menu .sp-nav-item .icn {
  max-width: 55px;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
}
.header__sp-menu .sp-nav-item .tit {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.header__sp-menu .sp-nav-ctc {
  padding: 15px;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 30px;
}
.header__sp-menu .sp-nav-ctc-item:not(:last-child) {
  margin-bottom: 15px;
}
.header__sp-menu .sp-nav-ctc-item .tit {
  font-size: 1.8rem;
  font-weight: 400;
}
.header__sp-menu .sp-nav-ctc-item .add {
  font-size: 1.4rem;
  font-weight: 400;
}
.header__sp-menu .sp-nav-ctc-item .tel {
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: underline;
}
.header__sp-menu .sp-nav-link {
  padding: 15px;
  border-radius: 6px;
  background-color: #fff;
}
.header__sp-menu .sp-nav-link-item {
  margin-bottom: 10px;
}
.header__sp-menu .sp-nav-link-item .tit {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 5px;
}
.header__sp-menu .sp-nav-link-item .link {
  font-size: 1.1rem;
  font-weight: 400;
}
.header .hmbrgr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #133460;
  z-index: 99;
  position: absolute;
  right: 15px;
  top: 15px;
}
@media screen and (max-width: 767px) {
  .header .hmbrgr {
    top: 5px;
  }
}
.header .hmbrgr__line {
  height: 20px;
  position: relative;
  width: 24px;
  z-index: 99;
  cursor: pointer;
}
.header .hmbrgr__item {
  right: 0;
  background: #fff;
  display: block;
  height: 2px;
  position: absolute;
  transition: transform 0.3s;
  width: 100%;
  opacity: 1;
}
.header .hmbrgr__item--top {
  width: 24px;
}
.header .hmbrgr__item--top.active {
  top: 10px;
  transform: rotate(45deg);
  background: #fff;
}
.header .hmbrgr__item--c {
  width: 24px;
  top: 9px;
}
.header .hmbrgr__item--c.active {
  transform: scaleX(0);
  background: #fff;
}
.header .hmbrgr__item--btm {
  width: 24px;
  bottom: 0;
}
.header .hmbrgr__item--btm.active {
  bottom: 9px;
  transform: rotate(135deg);
  background: #fff;
}

.ftr {
  width: 100%;
  margin-top: 100px;
}
.ftr a {
  color: #000;
}
.ftr a.line {
  text-decoration: underline;
}
.ftr__top {
  width: 96%;
  background-color: #FCF041;
  padding: 100px 84px 60px 84px;
  display: flex;
  border-radius: 13px;
  align-items: center;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .ftr__top {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .ftr__top {
    width: 100%;
    flex-direction: column;
    padding: 80px 20px 50px 20px;
  }
}
.ftr__ctc {
  min-width: 200px;
}
.ftr__ctc-tit {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 10.5px;
  letter-spacing: 1.2px;
}
.ftr__ctc-add {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 17px;
  letter-spacing: 1.4px;
}
.ftr__ctc-tel {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 1.6px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ftr__ctc-tel {
    text-decoration: none !important;
  }
}
@media screen and (max-width: 767px) {
  .ftr__ctc-tel {
    pointer-events: auto;
  }
}
.ftr__ctc-site {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 26.5px;
  margin-bottom: 14.8px;
  letter-spacing: 1.05px;
}
.ftr__ctc-link {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 1.05px;
}
.ftr__logo {
  max-width: 310px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ftr__logo {
    max-width: 350px;
  }
}
.ftr__logo-wrap {
  min-width: 310px;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .ftr__logo-wrap {
    margin-right: auto;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .ftr__logo-wrap {
    margin-right: unset;
    margin-bottom: 30px;
    max-width: 350px;
  }
}
.ftr__logo-txt {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.07px;
  text-align: center;
  margin-bottom: 8px;
}
.ftr__cont {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-evenly;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .ftr__cont {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .ftr__cont {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ftr__prmlink {
  display: flex;
  flex-direction: column;
  min-width: 260px;
}
.ftr__prmlink-item:not(:last-child) {
  margin-bottom: 33px;
}
.ftr__prmlink-tit {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 1.4px;
  margin-bottom: 9.8px;
}
.ftr__prmlink-url {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.7px;
}
.ftr__cpyrght {
  padding-top: 52px;
  padding-bottom: 79px;
}
.ftr__cpyrght-txt {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
}

.zoom-in {
  animation: fadezoom 10s;
  transform: rotate(0.001deg);
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.scroll-line {
  display: inline-block;
  position: absolute;
  right: 0px;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 25;
  padding: 10px 10px 110px;
  overflow: hidden;
  transform: translateY(-58px);
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .scroll-line {
    bottom: -7%;
  }
}

.scroll-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 88px;
  background: black;
  animation: scroll-line 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes scroll-line {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.top .fade {
  transition: all 1500ms;
  opacity: 0;
  visibility: hidden;
  transform: translate(0px, 30px);
}
.top .fadein {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
}
.top__slide {
  width: 90%;
  position: absolute;
  height: 860px;
  z-index: 20;
  pointer-events: none;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .top__slide {
    height: 950px;
  }
}
@media screen and (max-width: 767px) {
  .top__slide {
    height: 608px;
    width: 100%;
  }
}
.top__slide div {
  width: 100%;
  height: 100%;
}
.top__slide li {
  width: 100%;
  height: calc(100% - 96px);
  overflow: hidden;
  border-radius: 0 0 50px 0;
}
@media screen and (max-width: 767px) {
  .top__slide li {
    border-radius: 0;
  }
}
.top__slide-img {
  background-image: url(../img/top/bnr-img-01.png);
  background-size: cover;
  height: calc(100% - 96px);
  background-position: center;
  border-radius: 0 0 50px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__slide-img {
    border-radius: 0;
  }
}
.top__slide-img2 {
  background-image: url(../img/top/bnr-img-02.png);
  height: calc(100% - 96px);
  background-size: cover;
  background-position: center;
  border-radius: 0 0 50px 0;
  position: relative;
  z-index: 3;
  background-repeat: no-repeat;
}
.top__slide-img3 {
  background-image: url(../img/top/bnr-img-03.png);
  height: calc(100% - 96px);
  background-size: cover;
  background-position: center;
  border-radius: 0 0 50px 0;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
}
.top__wrap {
  background-color: #FCF041;
  width: 100%;
  padding-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__wrap {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .top__wrap {
    padding-bottom: 90px;
  }
}
.top__bnr {
  width: 90%;
  height: 804px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 80px;
  border-radius: 0 0 50px 0;
  position: relative;
  z-index: 30;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .top__bnr {
    height: 1000px;
  }
}
@media screen and (max-width: 767px) {
  .top__bnr {
    height: 608px;
    width: 100%;
    border-radius: 0;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) {
  .top__phrase {
    margin-left: 40px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .top__phrase {
    align-self: center;
  }
}
.top__phrase-img {
  max-width: 476.3px;
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .top__phrase-img {
    width: 75.5%;
    margin-bottom: 0;
  }
}
.top__phrase-txt {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: #FCF041;
  margin-left: 25px;
  letter-spacing: 6px;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .top__phrase-txt {
    margin-left: 19px;
    font-size: 1.2rem;
    letter-spacing: 3px;
  }
}
.top__btn {
  display: flex;
  position: absolute;
  right: 2%;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .top__btn {
    right: 0;
    bottom: 4%;
  }
}
@media screen and (max-width: 767px) {
  .top__btn {
    right: unset;
    justify-content: center;
    width: 100%;
    padding: 0 14px;
    bottom: -70px;
  }
}
@media screen and (max-width: 480px) {
  .top__btn {
    justify-content: space-between;
  }
}
@media screen and (max-width: 340px) {
  .top__btn {
    overflow: hidden;
    width: 320px;
  }
}
.top__btn-item {
  width: 250px;
  height: 250px;
  padding-top: 15px;
  border: 3px solid #000;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .top__btn-item {
    padding-top: 17px;
    width: 150px;
    height: 150px;
    justify-content: flex-start;
  }
}
.top__btn-item a {
  text-decoration: none;
  color: unset;
}
.top__btn-item a:hover {
  opacity: 1;
}
.top__btn-item:nth-child(1) {
  background-color: #133460;
  margin-right: 10px;
  transition: all 0.5s ease;
  padding-top: 12px;
}
@media screen and (max-width: 767px) {
  .top__btn-item:nth-child(1) {
    margin-right: 65px;
  }
}
@media screen and (max-width: 480px) {
  .top__btn-item:nth-child(1) {
    margin-right: unset;
  }
}
.top__btn-item:nth-child(1):hover {
  background-color: #FCF041;
}
.top__btn-item:nth-child(1):hover .top__btn-item-img {
  transform: rotate(30deg);
}
.top__btn-item:nth-child(1):hover .tit {
  color: #000;
}
.top__btn-item:nth-child(1):hover .tit-sub {
  color: #000;
}
.top__btn-item:nth-child(2) {
  background-color: #fff;
  transition: all 0.5s ease;
}
.top__btn-item:nth-child(2):hover {
  background-color: #133460;
}
.top__btn-item:nth-child(2):hover .search-btn {
  background-color: #FCF041;
  color: #133460;
}
.top__btn-item:nth-child(2):hover .date {
  color: #fff;
}
.top__btn-item:nth-child(2):hover .counter {
  color: #fff;
}
.top__btn-item:nth-child(2):hover .counter-lbl {
  color: #fff;
}
.top__btn-item-img {
  max-width: 135px;
  width: 100%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 767px) {
  .top__btn-item-img {
    max-width: 78.5px;
  }
}
.top__btn-item .tit {
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__btn-item .tit {
    font-size: 1.14rem;
  }
}
.top__btn-item .tit-sub {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .top__btn-item .tit-sub {
    font-size: 0.96rem;
    margin-bottom: 2px;
  }
}
.top__btn-item .search-btn {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 10px 16px 8px 16px;
  background-color: #133460;
  color: #fff;
  border-radius: 30px;
  margin-bottom: 10px;
  display: flex;
  width: 186px;
  align-items: center;
  line-height: 0;
  white-space: pre;
}
@media screen and (max-width: 767px) {
  .top__btn-item .search-btn {
    width: 100px;
    font-size: 1.2rem;
    padding: 9px 8px 8px 9.6px;
    margin: auto;
    margin-bottom: 7px;
  }
}
.top__btn-item .search-btn::before {
  background: url(../img/top/srch-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 25px;
  width: 100%;
  height: 25px;
  content: "";
  display: inline-block;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .top__btn-item .search-btn::before {
    max-width: 15px;
    height: 15px;
    margin-right: 4px;
  }
}
.top__btn-item .counter {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1;
  color: #133460;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__btn-item .counter {
    font-size: 3rem;
  }
}
.top__btn-item .counter-lbl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #133460;
}
@media screen and (max-width: 767px) {
  .top__btn-item .counter-lbl {
    font-size: 1.26rem;
  }
}
.top__btn-item .date {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__btn-item .date {
    font-size: 1.26rem;
    margin-bottom: 10px;
  }
}
.top__title {
  max-width: 450px;
  width: 100%;
  margin: 150px auto 80px;
}
@media screen and (max-width: 767px) {
  .top__title {
    max-width: 280px;
    margin: 113px auto 40px;
  }
}
.top__list {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .top__list {
    margin-bottom: 120px;
  }
}
.top__item:not(:last-child) {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .top__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.top__item-img {
  max-width: 1200px;
  width: 100%;
}
.top__link {
  margin: 80px auto 160px;
}
@media screen and (max-width: 767px) {
  .top__link {
    margin: 72px auto 85px;
  }
}
.top__link-tit {
  max-width: 330px;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
}
.top__link-url {
  max-width: 650px;
  width: 100%;
  margin: auto;
  display: block;
}
.top__slider {
  padding: 150px 0 204px;
  background-image: url("../img/top/slider-bg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__slider {
    padding: 65px 0 70px;
  }
}
.top__slider::before {
  background: url(../img/top/slider-title.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 850px;
  width: 100%;
  height: 164px;
  content: "";
  display: inline-block;
  position: absolute;
  top: -65px;
  margin: auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .top__slider::before {
    max-width: 360px;
    top: -30px;
  }
}
.top__slider-list {
  width: 100%;
  margin: 50px auto;
}
.top__slider-list-item {
  width: 100%;
  border-radius: 10px;
}
.top__slider img {
  width: 100%;
}
.top__slider .slick-slide {
  margin-right: 20px;
}

#feature .interview {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #feature .ftr {
    margin-top: 70px;
  }
}

.page .interview {
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .page .interview {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page .interview {
    flex-direction: column;
    align-items: center;
  }
}
.page .interview__desc {
  max-width: 325px;
  width: 100%;
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .page .interview__desc {
    margin: auto;
    margin-top: 0;
    position: sticky;
    top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .page .interview__desc {
    max-width: 100%;
    width: calc(100% - 40px);
    margin-bottom: 80px;
  }
}
.page .interview__desc-icon {
  max-width: 85px;
  width: 100%;
  margin: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .page .interview__desc-icon {
    max-width: 60px;
  }
}
.page .interview__desc-img {
  max-width: 325px;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .page .interview__desc-img {
    max-width: 200px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: -92px;
  }
}
@media screen and (max-width: 480px) {
  .page .interview__desc-para {
    width: -moz-max-content;
    width: max-content;
    max-width: 107%;
  }
}
@media screen and (max-width: 767px) {
  .page .interview__desc-para br {
    display: none;
  }
}
.page .interview__desc-para p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.8px;
}
.page .interview__desc-para p:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .page .interview__desc-para p:not(:last-child) {
    margin-bottom: 15px;
  }
}
.page .interview__desc-para p:nth-child(1) {
  font-size: 1.8rem;
}
.page .interview__desc-para p:nth-child(2) {
  font-size: 1.8rem;
}
.page .interview__desc-para p:nth-child(4) {
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .page .interview__desc-para p:nth-child(4) {
    margin-bottom: 30px;
  }
}
.page .interview__list {
  max-width: 792px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .page .interview__list {
    max-width: 100%;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .page .interview__list {
    max-width: 385px;
    margin: auto;
  }
}
.page .interview__item {
  max-width: 357px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page .interview__item {
    width: 78.3%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .page .interview__item:not(:last-child) {
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page .interview__item:not(:last-child) {
    margin-bottom: 50px;
  }
}
.page .interview__item a:hover img {
  transition-duration: 0.4s;
  transform: scale(1.05);
}
.page .interview__item-wrap {
  padding-left: 55px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .interview__item-wrap {
    padding-left: 25px;
  }
}
.page .interview__item-wrap::before {
  content: "";
  display: inline-block;
  width: 30px;
  border-bottom: 4px solid #FCF041;
  position: absolute;
  left: 0;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .page .interview__item-wrap::before {
    width: 15px;
  }
}
.page .interview__item-img {
  max-width: 357px;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page .interview__item-img {
    max-width: 100%;
  }
}
.page .interview__item-tit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 1.35px;
}
@media screen and (max-width: 767px) {
  .page .interview__item-tit {
    font-size: 1.6rem;
  }
}
.page .interview__item-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .page .interview__item-txt {
    font-size: 1.4rem;
  }
}

#company .page__inner {
  margin-top: -240px;
}
@media screen and (max-width: 767px) {
  #company .page__inner {
    margin-top: -82px;
  }
}
#company .page .rtn {
  margin-bottom: 36px;
}
#company .page .rtn a {
  color: #B2D33F;
}

.page .company {
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .company {
    display: flex;
    flex-direction: column;
  }
}
.page .company__bg {
  padding: 40px 20px 150px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .page .company__bg {
    padding: 46px 0 80px;
  }
}
.page .company a {
  text-decoration: none;
  text-align: center;
  border-radius: 60px;
  display: block;
}
.page .company__row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .page .company__row {
    display: contents;
  }
}
.page .company__col {
  max-width: 557px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page .company__col {
    max-width: 100%;
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  .page .company__col:nth-child(1) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .page .company__col:nth-child(1) {
    order: 1;
  }
}
.page .company__wrap-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .page .company__wrap-hidden {
    display: block;
    width: 100%;
    height: 736px;
    margin-bottom: 40px;
  }
}
.page .company__image {
  max-width: 556.8px;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .page .company__image {
    max-width: 100%;
  }
}
.page .company__title {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  padding: 10px;
  border-top: 4px solid #6CAC91;
  border-bottom: 4px solid #6CAC91;
  margin-bottom: 20px;
}
.page .company__title-sub {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  margin-bottom: 10px;
}
.page .company__desc {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .page .company__desc {
    margin-bottom: 70px;
  }
}
.page .company__info {
  margin-bottom: 56px;
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .page .company__info {
    margin-bottom: 57px;
    margin-top: 0;
  }
}
.page .company__info-tit {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}
.page .company__info-list {
  margin-bottom: 30px;
}
.page .company__info-item {
  display: flex;
}
.page .company__info-item p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
}
.page .company__info-item p:nth-child(1) {
  width: 100%;
  max-width: 130px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page .company__info-item p:nth-child(1) {
    max-width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .page .company__info-item p:nth-child(1) {
    max-width: 60px;
  }
}
.page .company__info-btn {
  background-color: #1D50A2;
  max-width: 400px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  margin: auto;
  position: relative;
}
.page .company__info-btn::before {
  background: url(../img/common/redirect-icn.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 18px;
  width: 100%;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 40px;
  top: 34%;
}
@media screen and (max-width: 767px) {
  .page .company__info-btn::before {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .page .company__info-btn {
    max-width: 280px;
    padding: 18px 0;
  }
}
@media screen and (max-width: 767px) {
  .page .company__inq {
    margin-bottom: 62px;
    order: 2;
  }
}
.page .company__inq-tit {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}
.page .company__inq-list {
  margin-bottom: 30px;
}
.page .company__inq-item {
  display: flex;
}
.page .company__inq-item p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
}
.page .company__inq-item p.e__mail {
  text-decoration: underline;
}
.page .company__inq-item p.tel {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .page .company__inq-item p.tel {
    text-decoration: underline;
    pointer-events: auto;
  }
}
.page .company__inq-item p:nth-child(1) {
  width: 100%;
  max-width: 130px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page .company__inq-item p:nth-child(1) {
    max-width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .page .company__inq-item p:nth-child(1) {
    max-width: 60px;
  }
}
.page .company__inq-btn {
  background-color: #4A8FC7;
  max-width: 400px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  margin: auto;
}
.page .company__cert {
  order: 3;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .page .company__cert {
    margin-bottom: 47px;
  }
}
.page .company__cert-tit {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}
.page .company__cert-list {
  display: flex;
}
.page .company__cert-item {
  max-width: 136.5px;
  width: 100%;
}
.page .company__cert-item:not(:last-child) {
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .page .company__sdg {
    order: 4;
    margin-bottom: 58px;
  }
}
.page .company__sdg-tit {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}
.page .company__sdg-list {
  display: flex;
}
.page .company__sdg-item {
  max-width: 136.5px;
  width: 100%;
}
.page .company__sdg-item:not(:last-child) {
  margin-right: 1rem;
}
.page .company__mag {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .page .company__mag {
    order: 5;
    margin-bottom: 0;
  }
}
.page .company__mag-img {
  max-width: 470px;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .page .company__mag-img {
    max-width: 100%;
  }
}
.page .company__mag-btn {
  background-color: #DF5D77;
  max-width: 400px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  margin: auto;
}

#search input[type=checkbox] {
  display: none;
}
#search input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}
#search input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: -30px;
  top: 50%;
  border: 1px solid;
  border-color: #dbdbdb;
  background-color: #FFF;
  cursor: pointer;
}
#search input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 22px;
  height: 12px;
  margin-top: -9px;
  top: 50%;
  left: -27px;
  transform: rotate(-45deg);
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color: red;
}
#search #company_list {
  display: none;
}
#search #company_list > div {
  display: none;
}
#search .page__inner {
  max-width: 1100px;
}
#search .page .search-btn {
  max-width: 325px;
  width: 100%;
  padding: 37px 0;
  background-color: #FF7610;
  color: #fff;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  margin: 28px auto;
  font-size: 1.8rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  #search .page .search-btn {
    max-width: 360px;
    padding: 20px 0;
  }
}
#search .page .search-btn:hover {
  opacity: 0.6;
  transition: all 0.4s;
}
#search .page .search-btn img {
  max-width: 24px;
  height: 24px;
}
#search .page .search-btn-res {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  line-height: 0;
  margin-left: 20px;
}
#search .page .search-btn-count {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 0;
}
#search .page .search-btn span {
  margin-right: 10px;
  font-size: 3rem;
  margin-left: 10px;
  font-weight: 400;
  line-height: 0;
}
#search .page .search-wrap {
  width: 100%;
}
#search .page .search-tit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 2.1px;
  margin-bottom: 5px;
  font-weight: 600;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 960px) {
  #search .page .search-tit {
    display: none;
  }
}
#search .page .search-tit-sp {
  display: none;
}
@media screen and (max-width: 960px) {
  #search .page .search-tit-sp {
    display: flex;
  }
}
#search .page .search-tit-sp > span {
  background: white;
  font-size: 2.1rem;
  align-items: flex-end;
  padding-left: 24px;
  box-sizing: border-box;
}
#search .page .search-tit-sp span {
  width: 50%;
  height: 48px;
  border-radius: 13px 13px 0 0;
  display: flex;
  font-weight: 600;
  letter-spacing: 0.1em;
}
#search .page .search-tit-sp a {
  width: 50%;
}
#search .page .search-tit-sp a > span {
  width: 100%;
  background: rgb(29, 80, 162);
  font-size: 1.6rem;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  color: #fff;
}
#search .page .search-tit-sp a > span::before {
  content: "";
  width: 15px;
  height: 15px;
  background: transparent;
  border: 1px solid white;
  border-radius: 50%;
  position: absolute;
  top: 48%;
  right: 11px;
  margin-top: -9px;
}
#search .page .search-tit-sp a > span::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -4px;
  transform: rotate(45deg);
}
#search .page .search-tit-sub-sp {
  display: none;
  background: white;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.56px;
  padding-left: 25px;
  color: #b3b3b3;
  padding: 7px 0 7px 27px;
}
@media screen and (max-width: 960px) {
  #search .page .search-tit-sub-sp {
    display: block;
  }
}
#search .page .search-tit span {
  font-size: 1.4rem;
  letter-spacing: 0.7px;
  font-weight: 300;
  color: #a6a6a6;
  margin-left: 12px;
}
#search .page .search-field {
  display: flex;
  flex-wrap: wrap;
}
#search .page .search-field li {
  font-family: "Noto Sans JP", sans-serif;
  list-style: none;
  font-size: 1.5rem;
  letter-spacing: 1.125px;
  line-height: 3.6rem;
}
#search .page #search-body {
  width: 100%;
}
#search .page #search-body > div {
  display: flex;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  #search .page #search-body > div {
    align-items: center;
    gap: 22px;
  }
}
#search .page #search-body .inner {
  border-radius: 12px;
  background: white;
  box-sizing: border-box;
  height: 100%;
  padding: 26px 0 23px 31px;
}
@media screen and (max-width: 960px) {
  #search .page #search-body .inner {
    border-radius: 0 0 12px 12px;
    padding: 0 0 25px 25px;
  }
}
#search .page #companyCategories {
  border-radius: 12px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin-right: 5px;
  background: #FCF041;
  padding: 18px;
  position: relative;
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories {
    max-width: 100%;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field {
    flex-direction: column;
  }
}
#search .page #companyCategories .search-field li:nth-child(n) {
  max-width: 267px;
  width: 100%;
  margin-right: 42px;
  margin-left: 32px;
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(2n-1) {
    width: 100%;
    margin-right: 0px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(2n) {
    width: 100%;
    margin-right: 0px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(2) {
    order: 8;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(3) {
    order: 2;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(4) {
    order: 9;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(5) {
    order: 3;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(6) {
    order: 10;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(7) {
    order: 4;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(8) {
    order: 11;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(9) {
    order: 5;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(10) {
    order: 12;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(11) {
    order: 6;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(12) {
    order: 13;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(13) {
    order: 7;
  }
}
@media screen and (max-width: 960px) {
  #search .page #companyCategories .search-field li:nth-child(14) {
    order: 14;
  }
}
#search .page #companyCategories .area_select {
  display: none;
}
#search .page #companyCategories .search-tit-sp a > span {
  background-color: #DF5D77;
}
#search .page #jobCategories {
  border-radius: 12px;
  /* max-width: 725px; */
  max-height: 400px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin-right: 5px;
  background: #DF5D77;
  padding: 18px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 28px;
}
#search .page #jobCategories ul li {
  width: 100px;
  padding-left: 33px;
}
#search .page #jobCategories .search-tit-sp a > span {
  background-color: #1D50A2;
}
#search .page #companyFeatures {
  width: 100%;
  height: auto;
  border: 19px solid #1D50A2;
  border-radius: 12px;
  box-sizing: border-box;
  background-color: #1D50A2;
  position: relative;
}
#search .page #companyFeatures ul li {
  margin-right: 33px;
  padding-left: 33px;
}
#search .page #companyFeatures .category_select {
  display: none;
}
#search .page #companyFeatures .search-tit-sp a > span {
  background-color: #FCF041;
  color: #000;
}
#search .page #companyFeatures .search-tit-sp a > span::before {
  border: 1px solid #000;
}
#search .page #companyFeatures .search-tit-sp a > span::after {
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}
#search .page #companyFeatures .inner {
  padding: 18.7px 0 30px 20px;
}
#search .page .rec__tit {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  margin-bottom: 50px;
  padding: 8px 10px;
  background-color: #FCF041;
}
@media screen and (max-width: 767px) {
  #search .page .rec__tit {
    font-size: 1.7rem;
    padding: 7.5px 10px;
    margin-bottom: 20px;
  }
}
#search .page .rec__list {
  margin-bottom: 40px;
}
#search .page .rec__item-wrap {
  padding: 21px;
}
#search .page .rec__item-btn {
  max-width: 280px;
  width: 100%;
  margin: 39px auto 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-btn {
    max-width: 244px;
  }
}
#search .page .rec__item-btn a {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.32px;
  padding: 15px 0;
  width: 100%;
  background-color: #DF5D77;
  color: #fff;
  text-align: center;
  border-radius: 60px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-btn a {
    padding: 18px 0;
  }
}
#search .page .rec__item .para {
  margin-left: 81px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item .para {
    margin-left: 0;
  }
}
#search .page .rec__item .para .order-list {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  color: #028D9A;
}
#search .page .rec__item .para .txt {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item .para .txt {
    margin-bottom: 0;
  }
}
#search .page .rec__item-txt {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  margin-bottom: 31px;
}
#search .page .rec__item:nth-child(1) {
  margin-bottom: 30px;
  border: 1px solid #DF5D77;
}
#search .page .rec__item:nth-child(1) .rec__item-tit {
  background-color: #DF5D77;
}
#search .page .rec__item:nth-child(2) {
  margin-bottom: 30px;
  border: 1px solid #028D9A;
}
#search .page .rec__item:nth-child(2) .rec__item-tit {
  background-color: #028D9A;
}
#search .page .rec__item:nth-child(2) .rec__item-hdg-tit {
  color: #028D9A;
  margin-bottom: 16px;
}
#search .page .rec__item:nth-child(3) {
  border: 1px solid #41A832;
}
#search .page .rec__item:nth-child(3) .rec__item-tit {
  background-color: #41A832;
}
#search .page .rec__item-tit {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  padding: 14px 0;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-tit {
    font-size: 2rem;
    padding: 7px 0;
  }
}
#search .page .rec__item-hdg {
  display: flex;
  align-items: center;
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-hdg {
    flex-direction: column;
  }
}
#search .page .rec__item-hdg .logo {
  max-width: 110px;
  width: 100%;
  margin-right: 31px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-hdg .logo {
    max-width: 100px;
    margin: auto;
    margin-bottom: 6.3px;
  }
}
#search .page .rec__item-hdg-tit {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-hdg-tit {
    font-size: 1.6rem;
    margin-bottom: 16px;
    text-align: center;
  }
}
#search .page .rec__item-hdg-txt {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.56px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__item-hdg-txt {
    font-size: 1.5rem;
  }
}
#search .page .rec__bullet {
  margin-left: 81px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet {
    margin-left: 0;
  }
}
#search .page .rec__bullet-side {
  position: absolute;
  left: -80px;
  max-width: 50px;
  width: 100%;
  height: 218px;
  border: 1px solid #DF5D77;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet-side {
    position: unset;
    max-width: 100%;
    height: auto;
    padding: 10px 0;
    margin-bottom: 15px;
  }
}
#search .page .rec__bullet-side.side--02 {
  border: 1px solid #028D9A;
  max-width: 48.56px;
  width: 100%;
  height: 134.38px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet-side.side--02 {
    position: unset;
    max-width: 100%;
    height: auto;
    padding: 10px 0;
  }
}
#search .page .rec__bullet-side.side--02 p {
  color: #028D9A;
}
#search .page .rec__bullet-side p {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 10.56px;
  line-height: 25.6px;
  margin: auto;
  margin-top: 15px;
  color: #DF5D77;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet-side p {
    writing-mode: unset;
    margin-left: 10px;
    margin-top: 0;
    letter-spacing: 0.56px;
  }
}
#search .page .rec__bullet .list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet .list {
    flex-direction: column;
  }
}
#search .page .rec__bullet .list > li {
  flex: 50%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet .list > li {
    flex: 100%;
    margin-bottom: 0;
  }
}
#search .page .rec__bullet .list > li .tit {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  color: #DF5D77;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet .list > li .tit {
    font-size: 1.5rem;
  }
}
#search .page .rec__bullet .list-sub li {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__bullet .list-sub li {
    margin-left: 13px;
    text-indent: -13px;
  }
}
#search .page .rec__bullet .list-sub li::before {
  background: url(../img/search/rec-dot.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 12px;
  width: 100%;
  height: 12px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
#search .page .rec__sub-list {
  display: flex;
  margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__sub-list {
    flex-direction: column;
    margin-bottom: 38px;
  }
}
#search .page .rec__sub-item {
  width: 100%;
}
#search .page .rec__sub-item:nth-child(1) {
  max-width: 322px;
}
@media screen and (min-width: 768px) {
  #search .page .rec__sub-item:nth-child(1) {
    margin-right: 20px;
  }
}
#search .page .rec__sub-item:nth-child(2) {
  max-width: 338px;
}
@media screen and (min-width: 768px) {
  #search .page .rec__sub-item:nth-child(2) {
    margin-right: 20px;
  }
}
#search .page .rec__sub-item:nth-child(3) {
  max-width: 251px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__sub-item:not(:last-child) {
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 767px) {
  #search .page .rec__sub-item {
    max-width: 100% !important;
    margin: auto;
  }
}
#search .page .rec__sub-item-tit {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  color: #fff;
  padding: 9.5px 0;
  padding-left: 20px;
  margin-bottom: 20px;
  background-color: #41A832;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__sub-item-tit {
    font-size: 1.5rem;
    padding: 10px 12px;
  }
}
#search .page .rec__sub-item-tit-s {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  color: #41A832;
}
#search .page .rec__sub-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
}
#search .page .rec__mark {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #search .page .rec__mark {
    flex-direction: column;
  }
}
#search .page .rec__mark-item {
  width: 33.333%;
  display: flex;
}
@media screen and (max-width: 767px) {
  #search .page .rec__mark-item {
    width: 100%;
  }
}
#search .page .rec__mark-item:not(:nth-child(7), :nth-child(8)) {
  border-bottom: 1px solid #1D50A2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #search .page .rec__mark-item:not(:nth-child(3), :nth-child(6), :nth-child(8)) .rec__mark-wrap {
    border-right: 1px solid #1D50A2;
  }
}
@media screen and (max-width: 767px) {
  #search .page .rec__mark-item:not(:last-child) {
    border-bottom: 1px solid #1D50A2;
    margin-bottom: 32px !important;
    padding-bottom: 32px !important;
  }
}
#search .page .rec__mark-item-icn {
  max-width: 340px;
  width: 100%;
  margin-bottom: 19.3px;
}
@media screen and (max-width: 767px) {
  #search .page .rec__mark-item-icn {
    max-width: 360px;
    margin: auto;
    margin-bottom: 19px;
  }
}
#search .page .rec__mark-item-tit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  color: #1D50A2;
  text-align: center;
  margin-bottom: 10px;
}
#search .page .rec__mark-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.56px;
}
@media screen and (min-width: 768px) {
  #search .page .rec__mark-wrap {
    padding: 0 18px;
  }
}
#search .page .rec__qr {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
#search .page #company_list {
  max-width: 1150px;
  margin: 73px auto 100px auto;
  display: none;
}
#search .page #company_list > div {
  display: none;
}
#search .page #company_list h2 {
  text-align: center;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  padding: 24px 0;
  font-size: 2.1rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.075em;
  margin-bottom: 64px;
  font-weight: 600;
}
#search .page #showCompany {
  list-style: none;
  display: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#search .page #showCompany li {
  width: 30%;
  max-width: 330px;
}
@media screen and (max-width: 960px) {
  #search .page #showCompany li {
    width: 48%;
    max-width: 450px;
  }
}
@media screen and (max-width: 480px) {
  #search .page #showCompany li {
    width: 100%;
    max-width: unset;
  }
}
#search .page #showCompany li div {
  padding-top: 66%;
}
#search .page #showCompany::after {
  content: "";
  width: 337px;
}
#search .page #showCompany .thumbnail_images {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#search .page #company_list ul li h3 {
  margin-top: 22px;
  margin-bottom: 87px;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.075em;
  font-family: "Noto Sans JP", sans-serif;
}
#search .page #company_list {
  padding: 0 25px;
  max-width: 1150px;
  box-sizing: border-box;
}
#search .page #pagination {
  display: flex;
  width: 70%;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 37px;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  #search .page #pagination {
    width: 75%;
  }
}
#search .page #pagination li {
  padding: 6px 12px;
}
#search .page .pagination_wrap {
  max-width: 1100px;
  margin: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#search .page .pageNumber {
  color: #1D50A2;
  box-shadow: rgba(19, 52, 96, 0.35) 0px 5px 9px;
}
#search .page .next {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  /* border: solid 1px #a0c912;
  color: #a0c912; */
  border: solid 1px #1D50A2;
  color: #1D50A2;
  border-radius: 3px;
  width: 110px;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 65px;
  cursor: pointer;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #search .page .next {
    bottom: 30px;
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  #search .page .next {
    bottom: 15px;
  }
}
#search .page .back {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  /* border: solid 1px #a0c912; */
  /* color: #a0c912; */
  border: solid 1px #1D50A2;
  color: #1D50A2;
  border-radius: 3px;
  width: 110px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 65px;
  cursor: pointer;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #search .page .back {
    bottom: 30px;
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  #search .page .back {
    bottom: 15px;
  }
}
#search .page #pagination span {
  padding: 2px 6px 0 6px;
}

#p-404 .p404-tit {
  text-align: center;
}/*# sourceMappingURL=style.css.map */