@charset "UTF-8";
/* base */
html {
  font-size: 62.5%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  color: #333;
}

body.is-open {
  overflow: hidden;
}

figure {
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
  opacity: .7;
}

input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

.pc-only {
  display: block;
}

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

.sp-only {
  display: none;
}

@media (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.en {
  font-family: 'Roboto', sans-serif;
}

/* base end */
.l-wrapper {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .l-wrapper {
    width: 100%;
  }
}

.l-header {
  position: relative;
  overflow: hidden;
}

.l-main {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.l-footer {
  padding: 0;
}

.body {
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .1rem;
}

@media (max-width: 768px) {
  .body {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1000px) {
  .inner {
    width: 90%;
  }
}

.header {
   background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 510;
  width: 100%;
}
@media (max-width: 768px) {
  .header {
    position: fixed;
  
    padding-bottom: 1rem;
  }
}
@media (max-width: 428px) {
  .header {
    padding-bottom: 0;
  }
}

.header.is-scroll {
  background: rgba(244,155,117,.8);
}
.driver .header.is-scroll {
  background: rgba(164,213,190,.8);
}
.factory .header.is-scroll {
  background: rgba(187,226,241,.8);
}
.food .header.is-scroll {
  background: rgba(255,204,153,.8);
}
.service .header.is-scroll {
  background:rgba(255,224,118,.8);
}

.security .header.is-scroll {
  background: rgba(221, 189, 230, .8);
}
.medical .header.is-scroll {
  background: rgba(160, 220, 207, .8);
}
.sales .header.is-scroll {
  background: rgba(172, 215, 243, .8);
}
.office .header.is-scroll {
  background: rgba(254, 192, 179, .8);
}
.stay .header.is-scroll {
  background: #B9EEB4;
}


.header__under {
  background: #F49B75;
  position: -webkit-sticky; /* Safari */  
  position: sticky;
  padding-bottom: 1rem;
  top: 0;
  left: 0;
  z-index: 510;
}
.driver .header__under {
  background: #A4D5BD;
}
.factory  .header__under {
  background: #BBE2F1;
}
.food .header__under {
  background: #FFCC99;
}
.service  .header__under {
  background: #FFE076;
}
.security .header__under {
  background:#d3bde6;
}
.medical .header__under {
  background: #A0DCCF;
}
.sales .header__under {
  background:#ACD7F3;
}
.office .header__under {
  background:#FEC0B3;
}
.stay .header__under {
  background:#B9EEB4;
}

.header__wrap {
  position: relative;
  padding: 0 0 2rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .header__wrap {
    padding: 0 0 0;
  }
}

.is-scroll .header__wrap {
  padding-bottom: 0;
}

.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .header__right {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}

.header__right--date {
  font-size: 1.6rem;
  padding: 0 1.5rem 0 0;
}
@media (max-width: 768px) {
  .header__right--date {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding: .5rem .5rem .5rem 0;
  }
}


.header__logo {
  position: relative;
  left: 4rem;
  top : 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  .header__logo {
    left: 2rem;
    width: 55%;
    justify-content: flex-start;
    top : 0;
  }
  .header__logo a {
    display: flex;
    justify-content: flex-start;
    width: 40%;
  }
}
@media (max-width: 428px) {
  .header__logo {
    display: flex;
    justify-content: flex-start;

  }
  .header__logo span {
    position: relative;
    top : -.3rem;
  }
  .driver .header__logo span,
  .factory .header__logo span,
  .food .header__logo span,
  .service .header__logo span {
    left: -1rem;
  }
}


.header__logo img {
  margin-right: 1rem;
  max-width: 129px;
}
@media (max-width: 768px) {
  .header__logo img {
    margin-bottom: .5rem;
    max-width: 80%;
    vertical-align: middle;
  }
}
.driver .header__logo img {
  max-width: 56px;
}
.factory  .header__logo img {
  max-width: 56px;
}
.food .header__logo img {
  max-width: 56px;
}
.service  .header__logo img {
  max-width: 56px;
}
.security .header__logo img {
  max-width: 56px;
}
.medical .header__logo img {
  max-width: 56px;
}
.sales .header__logo img {
  max-width: 56px;
}
.office .header__logo img {
  max-width: 56px;
}
.stay .header__logo img {
  max-width: 56px;
}

.header__menu {

  background: #FFFFF0;
  z-index: 50;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 0px 0px 0px 6px;
}
@media (max-width: 768px) {
  .header__menu {
    padding: .4rem 1rem;
  }
}

.header__history {
  text-align: center;
}

.header__history span {
  display: block;
  font-size: 1.2rem;
  color: #DF7C21;
}
.driver .header__history span {
  color: #00885a;
}
.factory  .header__history span {
  color: #202f55;
}
.food .header__history span {
  color: #cc3333;
}
.service  .header__history span {
  color: #ff8c00;
}

.security .header__history span {
  color: #7058A3;
}
.medical .header__history span {
  color: #00A695;
}
.sales .header__history span {
  color: #2ca9e1;
}
.office .header__history span {
  color: #ED637D;
}
.stay .header__history span {
  color: #6DD103;
}

.header__toggle {
  cursor: pointer;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  position: relative;
  right: 0;
  top: 10px;
  z-index: 60;
  position: relative;
  box-sizing: border-box;
  margin-left: 2rem;
}

.header__toggle span {
  border-bottom: solid 2px #346AD0;
  display: block;
  -moz-transition: .35s ease-in-out;
  position: absolute;
  transition: .35s ease-in-out;
  -webkit-transition: .35s ease-in-out;
  width: 100%;
}

.header__toggle span:nth-child(1) {
  top: 0;
}

.header__toggle span:nth-child(2) {
  top: 12px;
}

.header__toggle span:nth-child(3) {
  top: 24px;
}

.header__toggle.is-active span:nth-of-type(1) {
  transform: translateY(8px) rotate(-45deg);
  -webkit-transform: translateY(8px) rotate(-45deg);
  border-bottom: solid 1px #346AD0;
}

.header__toggle.is-active span:nth-of-type(2) {
  opacity: 0;
}

.header__toggle.is-active span:nth-of-type(3) {
  transform: translateY(-8px) rotate(45deg);
  -webkit-transform: translateY(-8px) rotate(45deg);
  border-bottom: solid 1px #346AD0;
}

.side {
  background: #FFFFF0;
  position: fixed;
  right: -20vw;
  top : 0;
  width: 0;
  height: 100vh;
  z-index: 9999;
  padding: 1.5rem 3rem 3rem 3rem;
  box-sizing: border-box;
  transition:.3s all;
}

body.is-open .side {
  right: -0;
  width: 30vw;
}
@media (max-width: 1000px) {
  body.is-open .side {
    width: 50vw;
  }
}
@media (max-width: 768px) {
  body.is-open .side {
    width: 70vw;
  }
}

.side__item {
  padding: 1.5rem 0;
  border-bottom: 1px solid #D7D7D0;
}
.side__item.side__item-close img {
  width: 36px;
}
.side__item a {
  font-size: 1.8rem;
  color: #346AD0;
  font-weight: bold;
}

.overlay {
  position: fixed;
  left: 0;
  top : 0;
  z-index: 9998;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100vh;
  opacity: 0;
  display: none;
  transition:.3s all;
}
body.is-open .overlay {
   opacity: 1;
   display: block;
}

.title {
  font-size: 2.6rem;
  font-weight: bold;
  border-left: 4px solid #DF7C21;
  padding-left: 2rem;
  box-sizing: border-box;
  line-height: 1;
  margin-bottom: 4rem;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .title {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}

.title.title_border {
  border: none;
  border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  padding: 1.5rem 0 1.5rem 1.5rem;
  box-sizing: border-box;
}

.driver .title {
  border-color: #00885A;;
}
.factory  .title {
  border-color: #1D3A8F;
}
.food .title {
  border-color:  #CC3333;
}
.service .title {
  border-color: #EE870A;
}

.security .title {
  border-color: #7058A3;
}
.medical .title {
  border-color: #00A695;
}
.sales .title {
  border-color: #2ca9e1;
}
.office .title {
  border-color: #ED637D;
}
.stay .title {
  border-color: #6DD103;
}


.btn a {
  display: block;
  border: 1px solid #DF7C21;
  width: 320px;
  margin: 0 auto;
  border-radius: 4px;
  color: #DF7C21;
  text-align: center;
  padding: 1.2rem 0;
  font-weight: bold;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
@media (max-width: 768px) {
  .btn a {
    width: 100%;
  }
}

.driver .btn a {
  border-color: #00885a;
  color: #00885a;
  background: #fff;
}
.factory  .btn a {
  border-color: #202f55;
  color: #202f55;
  background: #fff;
}
.food .btn a {
  border-color: #cc3333;
  color: #cc3333;
  background: #fff;
}
.service .btn a {
  border-color: #ff8c00;
  color: #ff8c00;
  background: #fff;
}

.security .btn a {
  border-color: #7058A3;
  color: #7058A3;
  background: #fff;
}
.medical .btn a {
  border-color: #00A695;
  color: #00A695;
  background: #fff;
}
.sales .btn a {
  border-color: #2ca9e1;
  color: #2ca9e1;
  background: #fff;
}
.office .btn a {
  border-color: #ED637D;
  color: #ED637D;
  background: #fff;
}
.stay .btn a {
  border-color: #6DD103;
  color: #6DD103;
  background: #fff;
}

.btn a::after {
  width: 6px;
  height: 6px;
  border-top: 1px solid #DF7C21;
  border-right: 1px solid #DF7C21;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  content: "";
  position: absolute;
  right: 10px;
  top: 43%;
}

.driver .btn a::after {
  border-color: #00885a;
}
.factory .btn a::after {
  border-color: #202f55;
}
.food .btn a::after {
  border-color: #cc3333;
}
.service .btn a::after {
  border-color: #FEF263;
}
.security .btn a::after {
  border-color: #7058A3;
}
.medical .btn a::after {
  border-color: #00A695;
}
.sales .btn a::after {
  border-color: #2ca9e1;
}
.office .btn a::after {
  border-color: #ED637D;
}
.stay .btn a::after {
  border-color: #6DD103;
}

.bg {
  background: #F8F8F8;
}

.top-mv {
  background: linear-gradient(180deg, rgba(242, 137, 92, 0.85) 0%, rgba(243, 138, 92, 0.8245) 48.96%, rgba(255, 173, 128, 0.689027) 99.99%);
  position: relative;
  min-height: 360px;
}
@media (max-width: 768px) {
  .top-mv {
    min-height: auto;
    background: linear-gradient(180deg, rgba(242, 137, 92, 0.85) 0%, rgba(255, 173, 128, 0.689027) 80.99%, rgba(255, 255, 255, 01) 81%);
    padding-top: 25vw;
  }
}

.driver .top-mv {
  background: #A4D5BD;
}
.factory .top-mv {
  background: #BBE2F1;
}
.food .top-mv {
  background: #FFCC99;
}
.service .top-mv {
  background: #FFE076;
}

.security .top-mv {
  background: #d3bde6;
}
.medical .top-mv {
  background: #A0DCCF;
}
.sales .top-mv {
  background: #ACD7F3;
}
.office .top-mv {
  background: #FEC0B3;
}
.stay .top-mv {
  background: #B9EEB4;
}

.top-mv .inner img {
  width: 88%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .top-mv .inner img {
    width: 100%;
  }
}

.factory .top-mv .inner img {
  width: 93%;
}
@media (max-width: 768px) {
  .factory .top-mv .inner img {
    width: 100%;
  }
}

.top-mv .inner {
  padding-top: 2rem;
  min-height: 35rem;
}
@media (max-width: 768px) {
  .top-mv .inner {
    padding-top: 0;
    min-height: auto;
  }
}

.top-mv__logo {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
@media (max-width: 768px) {
  .top-mv__logo {
    bottom: 0;
  }
}

.top-mv__search {
  position: absolute;
  bottom: -8rem;
  left: 50%;
  transform: translateX(-50%);
  background: #FFE3D7;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  z-index: 50;
  width: 100%;
  padding: 2rem 2rem ;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .top-mv__search {
    position: relative;
    padding-top: 2rem;
    bottom: 0;
  }
}

.driver .top-mv__search {
  background: #D6F2E5;;
}
.factory .top-mv__search {
  background: #D0EAF4;;
}
.food .top-mv__search {
  background: #FFE7CF;;
}
.service .top-mv__search {
  background: #FCEDBA;
}

.security .top-mv__search {
  background: #EFE1F8;
}
.medical .top-mv__search {
  background: #DAF6F1;
}
.sales .top-mv__search {
  background: #D4EFFD;
}
.office .top-mv__search {
  background: #FFE6E0;
}
.stay .top-mv__search {
  background: #DBFDD8;
}

.top-mv__search--wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .top-mv__search--wrap {
    display: block;
  }
}

.top-mv__search--select {
  width: 100%;
  border: none;
  color: #474747;
  padding: 1.7rem 1rem;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  width: 100%;
  height: 100%;
  font-size: 16px;
}

.top-mv__search--select-wrap {
  width: 100%;
  max-width: 220px;
  background: #fff;
  border-radius: 4px;
  position: relative;
  margin-right: 15px;
}

.top-mv__search--select-spwrap {
    display: flex;
    max-width: 470px;
    width: 100%;
    gap : 15px;
  }
@media (max-width: 1000px) {
  .top-mv__search--select-spwrap {
    gap : 5px;
    margin-right: 2vw;
  }
  .top-mv__search--select-spwrap .top-mv__search--select-wrap,
  .top-mv__search--select-spwrap .top-mv__search--input-wrap {
    width: 49%; 
  }
  .top-mv__search--select-wrap {
    max-width: 22vw;
    margin-right: 2vw;
  }
}
@media (max-width: 768px) {
  .top-mv__search--select-wrap {
    max-width: 100%;
    margin-bottom: 1rem;
  }
  .top-mv__search--select-spwrap {
    max-width: 100%;
  }
  .top-mv__search--select-spwrap .top-mv__search--select-wrap,
  .top-mv__search--select-spwrap .top-mv__search--input-wrap {
    width: 49%; 
  }
}

  .top-mv__search--select-spwrap .top-mv__search--select-wrap {
    max-width: 180px;
    margin-right: 0;
  }

.top-mv__search--select-wrap::after {
  position: absolute;
  content: '';
  right: 10px;
  top: 45%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #C4C4C4 transparent transparent transparent;
  z-index: 78;
}

.top-mv__search--input {
  background: #fff;
  border-radius: 4px;
  width: 100%;
  max-width: 265px;
  border: none;
  padding: 1.7rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .top-mv__search--input {
    max-width: 20vw;
  }
}
@media (max-width: 768px) {
  .top-mv__search--input {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 375px) {
  .top-mv__search--input {
    padding: 2.2rem 1rem;
    line-height: 1;
  }
}

.top-mv__search--input::placeholder {
  font-size: 16px;
}

.top-mv__search--input-wrap {
  background: #fff;
  border-radius: 4px;
  width: 100%;
  max-width: 230px;
}
@media (max-width: 1000px) {
  .top-mv__search--input-wrap {
    max-width: 20vw;
  }
}
@media (max-width: 768px) {
  .top-mv__search--input-wrap {
    margin-bottom: 1rem;
    max-width: 100%;
    padding:  0;
  }
  .top-mv__search--input-wrap .top-mv__search--input {
    padding: 2.2rem 1rem;
    margin-bottom: 0;
  }
}
.top-mv__search--input-area {
  background-image: url("../img/icon_pin2.svg");
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: 23px;
  background-color: transparent;
}
@media (max-width: 768px) {
  .top-mv__search--input-area {
    background-position: 98% center;
  }
}


.top-mv__search--submit {
  display: block;
  background-image: url("../img/icon_search.svg");
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 1.6rem;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding: 1.3rem 0;
}
@media (max-width: 768px) {
  .top-mv__search--submit {
    padding: 2rem 0;
    max-width: 100%;
  }
}

.top-mv__search--submit-wrap {
  background: linear-gradient(180deg, #EC790F 0%, #ED7B12 52.6%, rgba(236, 121, 15, 0.82) 100%, #F8851B 100%);
  width: 100%;
  max-width: 320px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  text-align: center;
  margin: 2rem auto 0;
}
@media (max-width: 1000px) {
  .top-mv__search--submit-wrap {
    max-width: 20vw;
  }
}

.driver .top-mv__search--submit-wrap {
  background: #00885a;
}
.factory .top-mv__search--submit-wrap {
  background: #202f55;
}
.food .top-mv__search--submit-wrap {
  background: #cc3333;
}
.service .top-mv__search--submit-wrap {
  background: #ff8c00;
}

.security .top-mv__search--submit-wrap {
  background: linear-gradient(0deg, #7058A3, #7058A3);
}
.medical .top-mv__search--submit-wrap {
  background: linear-gradient(0deg, #00A695, #00A695);
}
.sales .top-mv__search--submit-wrap {
  background: #2ca9e1;
}
.office .top-mv__search--submit-wrap {
  background: #ED637D;
}

.stay .top-mv__search--submit-wrap {
  background: #6DD103;
}

@media (max-width: 768px) {
  .top-mv__search--submit-wrap {
    max-width: 100%;
  }
}


.top-mv__search--submit:hover {
  cursor: pointer;
  opacity: .8;
}

.top-mv__search--text {
  font-size: 1.4rem;
  text-align: center;
}

.top-mv__search--text span {
  color: #346AD0;
  font-size: 2.4rem;
  font-weight: bold;
}

.top-area {
  padding: 14rem 0 3rem;
}
@media (max-width: 768px) {
  .top-area {
    padding: 5rem 0;
  }
}

.top-area__wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .top-area__wrap {
    display: block;
  }
}

.top-area__left {
  width: 50%;
}

@media (max-width: 768px) {
  .top-area__left {
    width: 100%;
  }
}

.top-area__right {
  width: 50%;
}

@media (max-width: 768px) {
  .top-area__right {
    width: 100%;
  }
}

.top-area__box {
  margin-bottom: 2rem;
}

.top-area__box--title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .top-area__box--title {
    font-size: 1.6rem;
  }
}

.top-area__box--list a {
  color: #346AD0;
  margin-right: .5rem;
  display: inline-block;
}

.top-type {
  padding: 6rem 0 5rem;
}
@media (max-width: 768px) {
  .top-type {
    padding: 3rem 0;
  }
}

.top-type__tag {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .top-type__tag {
    margin-bottom: 3rem;
  }
}

.top-type__tag--item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}

.top-type__tag--item a {
  background: #346AD0;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  font-weight: bold;
}

.top-type__tag2 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.top-type__tag2--item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 25px;
}

.top-type__tag2--item a {
  background: #fff;
  border: 1px solid #DF7C21;
  border-radius: 4px;
  color: #DF7C21;
  padding: 10px;
  font-weight: bold;
}
.driver .top-type__tag2--item a {
  border-color: #00885a;
  color: #00885a;
}
.factory  .top-type__tag2--item a {
  border-color: #202f55;
  color: #202f55;
}
.food .top-type__tag2--item a {
  border-color: #cc3333;
  color: #cc3333;
}
.service  .top-type__tag2--item a {
  border-color: #ff8c00;
  color: #ff8c00;
}

.security .top-type__tag2--item a {
  border-color: #7058A3;
  color: #7058A3;
}
.medical .top-type__tag2--item a {
  border-color: #00A695;
  color: #00A695;
}
.sales .top-type__tag2--item a {
  border-color: #2ca9e1;
  color: #2ca9e1;
}
.office .top-type__tag2--item a {
  border-color: #ED637D;
  color: #ED637D;
}
.stay .top-type__tag2--item a {
  border-color: #6DD103;
  color: #6DD103;
}

.top-pickup {
  padding: 4rem 0;
}

.top-pickup__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .top-pickup__list {
    display: block;
  }
}

.top-pickup__item {
  width: 24%;
}

@media (max-width: 768px) {
  .top-pickup__item {
    width: 100%;
    margin-bottom: 3rem;
  }
}

.top-pickup__item--image {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.14));
  margin-bottom: 1.5rem;
  
}
@media (max-width: 768px) {
  .top-pickup__item--image {
    text-align: center;
  }
}

.top-pickup__item--image img {
  border-radius: 6px;
  overflow: hidden;
}

.top-pickup__item--title {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #346AD0;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .top-pickup__item--title {
    margin-bottom: 1rem;
  }
}

.top-other {
  padding: 5rem 0;
}

.top-other__menu {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .top-other__menu {
    display: block;
  }
}

.top-other__menu--item {
  width: 48%;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .top-other__menu--item {
    width: 100%;
  }
}

.top-other__menu--item a {
  display: block;
  border-radius: 6px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
}

.top-other__menu--item:nth-child(1) a {
  background: #DF7C21;
}

.top-other__menu--item:nth-child(2) a {
  background: #346AD0;
}

.top-other__menu--item:nth-child(3) a {
  background: #40B7B9;
}

.top-other__menu--item:nth-child(4) a {
  background: #F0B92A;
}

.top-other__menu--wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.top-other__menu--wrap img {
  max-width: 140px;
}

.top-other__menu--text {
  padding-left: 2rem;
  box-sizing: border-box;
}

.top-other__bottom {
  background: #FDF1EC;
  border-radius: 6px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  padding: 3.5rem 4rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .top-other__bottom {
    padding: 2rem;
  }
}

.driver .top-other__bottom {
  background: #DFF6EB;
}
.factory .top-other__bottom {
  background: #DDF1F9;
}
.food .top-other__bottom {
  background:  #FBECDC;
}
.service .top-other__bottom {
  background:#FEF4D4;
}

.security .top-other__bottom {
  background: #F3E7FA;
}
.medical .top-other__bottom {
  background: #DEF1EE;
}
.sales .top-other__bottom {
  background: #DBECF4;
}
.office .top-other__bottom {
  background: #F9E5E0;
}
.stay .top-other__bottom {
  background: #E0F8DE;
}


.top-other__bottom--small {
  font-size: 1.4rem;
  padding: .5rem 0 0;
}

.top-other__bottom--title {
  text-align: center;
  color: #346AD0;
  font-size: 2.4rem;
  position: relative;
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .top-other__bottom--title {
    font-size: 1.8rem;
  }
}

.top-other__bottom--title::after {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  background: #DF7C21;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.driver .top-other__bottom--title::after {
  background: #00885A;
}
.factory  .top-other__bottom--title::after {
  background: #1D3A8F;
}
.food .top-other__bottom--title::after {
  background: #CC3333;
}
.service .top-other__bottom--title::after {
  background:#EE870A;
}

.security .top-other__bottom--title::after {
  background: #7058A3;
}
.medical .top-other__bottom--title::after {
  background: #00A695;
}
.sales .top-other__bottom--title::after {
  background: #2ca9e1;
}
.office .top-other__bottom--title::after {
  background: #ED637D;
}
.stay .top-other__bottom--title::after {
  background: #6DD103;
}


.top-other__nav {
  margin-bottom: 6rem;
}

.search {
  background: #FFE3D7;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 4rem 0;
}

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

.search.is-fixed {
  position: fixed;
  top : 74px;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 1.2rem 0;
}
@media (max-width: 768px) {
  .search.is-fixed {
    display: none;
  }
}

.search-sp {
  display: none;
}
@media (max-width: 768px) {
  .is-scroll .search-sp {
    display: block;
    position: fixed;
    top : 100px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: #fff;
    border-radius: 4px;
    z-index: 500;
    width: 90%;
    font-size: 1.6rem;
    padding: .5rem 1rem;
    box-shadow: 0 0 10px #ccc;
    font-weight: bold;
    background-image: url("../img/icon_search2.svg");
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 23px;
  }
  .is-scroll .search-sp::before {
      content: "";
      width: 8px;
      height: 8px;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg) ;
      position: absolute;
      right: 20px;
      top :30%;
  }
}


.search-close {
  display: none;
}
@media (max-width: 768px) {
  .is-scroll .search-close {
    display: block;
    width: 30%;
    margin: 0 auto;
    padding: .5rem 1rem;
    background: #fff;
    font-size: 1.6rem;
    padding: .5rem 1rem;
    text-align: center;
    border-radius: 4px;
    margin: 2rem auto 0;
    box-shadow: 0 0 10px #ccc;
  }
}


.driver .search {
  background: #A4D5BD;
}
.factory .search {
  background: #BBE2F1;
}
.food .search {
  background: #FFCC99;
}
.service .search {
  background: #FFE076;
}

.security .search {
  background: #d3bde6;
}
.medical .search {
  background: #A0DCCF;
}
.sales .search {
  background: #ACD7F3;
}
.office .search {
  background: #FEC0B3;
}
.stay .search {
  background: #B9EEB4;
}

.search__select {
  width: 100%;
  border: none;
  color: #474747;
  padding: 1.3rem 1rem;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  width: 100%;
  height: 100%;
  font-size: 16px;
}

.search__select--wrap {
  width: 100%;
  max-width: 170px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.search__select--spwrap {
  display: flex;
  justify-content: space-between;
  max-width: 413px;
  width: 100%;
}
@media (max-width: 1000px) {
  .search__select--spwrap {
    gap : 5px;
    margin-right: 1vw;
  }
  .search__select--spwrap .search__select--wrap,
  .search__select--spwrap .search__select--wrap {
    width: 49%; 
  }
  .search__select--wrap {
    max-width: 15vw;
    margin-right: 1vw;
  }
  .search__input--wrap {
    max-width: 15vw;
    margin-right: 1vw;
  }
}
@media (max-width: 768px) {
  .search__select--wrap {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .search__select--spwrap {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
  }
  .search__select--spwrap .search__select--wrap,
  .search__select--spwrap .search__input--wrap {
    width: 49%;
  }
}

.search__select--wrap::after {
  position: absolute;
  content: '';
  right: 10px;
  top: 45%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #474747 transparent transparent transparent;
  z-index: 78;
}

.search__wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .search__wrap {
    display: block;
  }
}

.search__input--area {
  background-image: url("../img/icon_pin2.svg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-color: transparent;
}

.search__input--search {
  background-image: url("../img/icon_search2.svg");
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: 23px;
  background-color: transparent;
}
@media (max-width: 768px) {
  .search__input--search {
    background-position: 98% center;
  }
}


.search__input--btn {
  border: none;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .search__input--btn {
    padding: 2rem 1rem;
  }
}
@media (max-width: 375px) {
  .search__input--btn {
    line-height: 1;
  }
}

.search__input--btn::placeholder {
  font-size: 16px;
}

.search__input--wrap {
  width: 100%;
  max-width: 230px;
  background: #FFFFFF;
  border-radius: 4px;
}
@media (max-width: 1000px) {
  .search__input--wrap {
    max-width: 25vw;
  }
}
@media (max-width: 880px) {
  .search__input--wrap {
    max-width: 20vw;
  }
}
@media (max-width: 768px) {
  .search__input--wrap {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

.search__submit {
  background: linear-gradient(180deg, #EC790F 0%, #ED7B12 52.6%, rgba(236, 121, 15, 0.82) 100%, #F8851B 100%);
  border: none;
  color: #fff;
  background: linear-gradient(180deg, #EC790F 0%, #ED7B12 52.59%, #ED7B12 52.6%, rgba(236, 121, 15, 0.82) 100%, #F8851B 100%);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 100%;
  max-width: 126px;
  padding: 1.3rem 0;
  font-size: 1.6rem;
  letter-spacing: .2rem;
}

@media (max-width: 768px) {
  .search__submit {
    max-width: 100%;
  }
}

.driver .search__submit {
  background: #00885a;
}
.factory .search__submit {
  background: #202f55;
}
.food .search__submit {
  background: #cc3333;
}
.service .search__submit {
  background: #ff8c00;
}

.security .search__submit {
  background: linear-gradient(0deg, #7058A3, #7058A3);
}
.medical .search__submit {
  background: linear-gradient(0deg, #00A695, #00A695);
}
.sales .search__submit {
  background: #2ca9e1;
}
.office .search__submit {
  background: #ED637D;
}
.stay .search__submit {
  background: #6DD103;
}

.search__submit:hover {
  cursor: pointer;
  opacity: .8;
}

.breadlist {
  font-size: 1.2rem;
  padding: 1.5rem 0;
}

.breadlist__detail {
  padding-bottom: 4rem;
}

.breadlist__list {
  display: flex;
  justify-content: flex-start;
}

.breadlist__item {
  position: relative;
}

.breadlist__item::after {
  content: ">";
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.breadlist__item:last-child:after {
  display: none;
}

.pager__list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 0 0;
  flex-wrap: wrap;
  gap : 10px 5px;
}

.pager__list--list {
  margin-bottom: 6rem;
}

.pager__list a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #DF7C21;
  border-radius: 4px;
  font-size: 2rem;
  color: #DF7C21;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .pager__list a {
    width: 40px;
    height: 40px;
    margin: 0 .5rem;
  }
}

.driver .pager__list a {
  color: #00885a;
  border-color: #00885a;
}
.factory .pager__list a {
  color: #202f55;
  border-color: #202f55;
}
.food .pager__list a {
  color: #cc3333;
  border-color: #cc3333;
}
.service .pager__list a {
  color: #ff8c00;
  border-color: #ff8c00;
}

.security .pager__list a {
  color: #7058A3;
   border-color: #7058A3;
}
.medical .pager__list a {
  color: #00A695;
   border-color: #00A695;
}
.sales .pager__list a {
  color: #2ca9e1;
   border-color: #2ca9e1;
}
.office .pager__list a {
  color: #ED637D;
   border-color: #ED637D;
}
.stay .pager__list a {
  color: #6DD103;
   border-color: #6DD103;
}


.pager__list img {
  max-width: 20px;
}

.pager__item--current {
  display: inline-block;
  background: #DF7C21;
  border: 1px solid #DF7C21;
  border-radius: 4px;
  font-size: 2rem;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .pager__item--current {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 .5rem;
  }
}

.driver .pager__item--current {
   background: #00885a;
   border-color: #00885a;
} 
.factory .pager__item--current {
   background: #202f55;
   border-color: #202f55;
}
.food .pager__item--current {
   background: #cc3333;
   border-color: #cc3333;
}
.service .pager__item--current {
   background: #ff8c00;
   border-color: #ff8c00;
}

.security .pager__item--current {
  background: #7058A3;
   border-color: #7058A3;
}
.medical .pager__item--current {
  background: #00A695;
   border-color: #00A695;
}
.sales .pager__item--current {
  background: #2ca9e1;
   border-color: #2ca9e1;
}
.sales .pager__item img {
  stroke : red;
}
.office .pager__item--current {
  background: #ED637D;
   border-color: #ED637D;
}
.stay .pager__item--current {
  background: #6DD103;
   border-color: #6DD103;
}

.bottom-fixed {
  background: rgba(190,190,190,.8);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.bottom-fixed .detail__nav {
  border: none;
  margin: 0; 
}

.list {
  padding: 5rem 0 5rem;
}

.list__title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .list__title {
    font-size: 2rem;
  }
}

.list__title span {
  font-size: 4.2rem;
  color: #346AD0;
  position: relative;
  top: .5rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .list__title span {
    font-size: 3.6rem;
  }
}


.list__box {
  background: #FFFFFF;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 2rem;
  padding: 2rem;
  box-sizing: border-box;
}

.list__box--title {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .list__box--title {
    font-size: 1.8rem;
  }
}

.list__box--wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .list__box--wrap {
    display: block;
  }
}

.list__box--image {
  width: 100%;
  max-width: 160px;
  margin-right: 2rem;
}

@media (max-width: 768px) {
  .list__box--image {
    max-width: 100%;
    margin: 0 0 2rem;
  }
}

.list__box--set {
  width: 100%;
  max-width: 840px;
}

.list__box--icon {
  background: #FFE6DB;
  border-radius: 4px;
  color: #DF7C21;
  display: inline-block;
  font-weight: bold;
  padding: 7px 10px;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
.driver .list__box--icon {
  background: #e8e03c;
  color: #333;
}
.factory .list__box--icon {
  background: #e8e03c;
  color: #333;
}
.food .list__box--icon {
  background: #e8e03c;
  color: #333;
}
.service .list__box--icon {
  background: #ff870a;
  color: #fff;
}

.security .list__box--icon {
  background: #EFE1F8;
  color: #333;
}
.medical .list__box--icon {
  background: #DAF6F1;
  color: #333;
}
.sales .list__box--icon {
  background: #b4d2e0;
  color: #333;
}
.office .list__box--icon {
  background: #e8e03c;
  color: #333;
}
.stay .list__box--icon {
  background: #6DD103;
  color: #333;
}

.list__box--lead {
  color: #346AD0;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: underline;
}

.list__box--type {
  padding: .5rem 0 0;
  font-size: 1.8rem;
  margin-bottom: .5rem;
}

.list__box--detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
}

.list__box--detail img {
  margin-right: .5rem;
}

.list__box--detail .list__box--detail-icon01 {
  background: #DFD721;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  box-sizing: border-box;
  padding: .3rem;
  margin-right: .7rem;
}
.list__box--detail .list__box--detail-icon02 {
  width: 20px;
  height: auto;
  margin-left: -.2rem;
}

.detail-top {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 50;
  position: relative;
}

.detail-top__box {
  background: #FFFFFF;
  padding: 2rem;
  box-sizing: border-box;
  margin-top: 10px;
}


.detail-top__box--title {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .detail-top__box--title {
    font-size: 1.8rem;
  }
}

.detail-top__box--wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .detail-top__box--wrap {
    display: block;
  }
}

.detail-top__box--slider {
  width: 100%;
  max-width: 280px;
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .detail-top__box--slider {
    max-width: 100%;
    margin: 0 0 2rem;
  }
}


.detail-top__box--slider .slick-arrow {
  cursor: pointer;
}

.detail-top__box--image {
  width: 100%;
  max-width: 254px;
  position: relative;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .detail-top__box--image {
    max-width: 100%;
  }
  .detail-top__box--image .slick-list img {
    width: 100%;
  }
}

.detail-top__box--image .next {
  position: absolute;
  right: -2rem;
  top : 50%;
  transform: translateY(-50%);
}

.detail-top__box--image .prev {
  position: absolute;
  left: -2rem;
  top : 50%;
  transform: translateY(-50%);
}

.detail-top__box--thum {
  max-width: 258px;
}
@media (max-width: 768px) {
  .detail-top__box--thum {
    max-width: 100%;
  }
}


.detail-top__box--set {
  width: 100%;
  max-width: 840px;
}

.detail-top__box--thum img {
  width: 90%;
}

.detail-top__box--thum img:hover {
  cursor: pointer;
  opacity: .8;
}

.detail-top__box--icon {
  background: #FFE6DB;
  border-radius: 4px;
  color: #DF7C21;
  display: inline-block;
  font-weight: bold;
  padding: 7px 10px;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
.driver .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.factory .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.food .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.service .detail-top__box--icon {
  background: #ff870a;
  color: #fff;
}

.security .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.medical .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.sales .detail-top__box--icon {
  background: #e8e03c;
  color: #333;
}
.office .detail-top__box--icon {
  background: #e8e03c;
color: #333;
}
.stay .detail-top__box--icon {
  background: #6DD103;
color: #fff;
}

.detail-top__box--lead a {
  color: #346AD0;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: underline;
  display: block;
  margin-bottom: 1.5rem;
}

.detail-top__box--tag {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.detail-top__box--tag a {
  color: #4D4D4D;
  border: 1px solid #CAC7C7;
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 7px 10px;
  box-sizing: border-box;
  margin-right: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.detail-top__box--type {
  padding: .5rem 0 0;
  font-size: 1.8rem;
  margin-bottom: .5rem;
}

.detail-top__box--detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
}
@media (max-width: 768px) {
  .detail-top__box--detail {
    display: block;
    width: 100%;
  }
}

.detail-top__box--detail img {
  margin-right: .5rem;
}

.detail-top__box--detail a {
  color: #DF7C21;
  border: 1px solid #DF7C21;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  margin-left: 2rem;
}
.driver .detail-top__box--detail a {
  color: #00885a;
  border-color: #00885a;
}
.factory .detail-top__box--detail a {
  color: #202f55;
  border-color: #202f55;
}
.food .detail-top__box--detail a {
  color: #cc3333;
  border-color: #cc3333;
}
.service .detail-top__box--detail a {
  color: #ff8c00;
  border-color: #ff8c00;
}


.security .detail-top__box--detail a {
  color: #7058A3;
  border-color: #7058A3;
}
.medical .detail-top__box--detail a {
  color: #00A695;
  border-color: #00A695;
}
.sales .detail-top__box--detail a {
  color: #2ca9e1;
  border-color: #2ca9e1;
}
.office .detail-top__box--detail a {
  color: #ED637D;
  border-color: #ED637D;
}
.stay .detail-top__box--detail a {
  color: #6DD103;
  border-color: #6DD103;
}

.detail-top__box--detail-en img {
    background: #DFD721;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 0.3rem;
    margin-right: 0.7rem;
}
.detail-top__box--detail-pin img {
  width: 20px;
  margin-left: -.2rem;
}
@media (max-width: 768px) {
  .detail-top__box--detail a {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2rem 0 0;
  }
  .detail-top__box--detail-pin img {
    margin-left: -.2rem;
  }
}


.detail__box {
  background: #FFFFFF;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 2rem;
  padding: 2rem;
  box-sizing: border-box;
}
.detail__box--nobg {
  background: transparent;
  box-shadow: none;
}
@media (max-width: 768px) {
  .detail__box--nobg {
    padding: 1rem 0;
  }
}
.detail__box-nopadding {
  padding: 0;
}
.detail__box-youtube {
  position: relative;
  text-align: center;
}
.detail__box-youtube iframe {
    aspect-ratio: 16 / 9;
    width: 70%;
    height: auto;
}
@media (max-width: 768px) {
  .detail__box-youtube iframe {
    width: 100%;
  }
}


.detail__box--lead {
  color: #346AD0;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .detail__box--lead {
    font-size: 1.6rem;
  }
}

.detail__box--text {
  margin-bottom: 1.5rem;
}

.detail__box--text-bottom {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .detail__box--text-bottom {
    margin-bottom: 2rem;
  }
}


.detail__box--text-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.detail__box--text-icon img {
  margin-right: .5rem;
  width: 20px;
}

.detail__icon-01 {
  width: 40px;
  background: #DF7C21;
  border-radius: 100px;
  padding: .6em 1.0rem;
  box-sizing: border-box;
}
.driver .detail__icon-01 {
  background: #00885a;
}
.factory .detail__icon-01 {
  background: #202f55;
}
.food .detail__icon-01 {
  background: #cc3333;
}
.service  .detail__icon-01 {
  background: #ff8c00;
}

.security .detail__icon-01 {
  background: #7058A3;
}
.medical .detail__icon-01 {
  background: #00A695;
}
.sales .detail__icon-01 {
  background: #2ca9e1;
}
.office .detail__icon-01 {
  background: #ED637D;
}
.stay .detail__icon-01 {
  background: #6DD103;
}


.detail__icon-02 {
  width: 40px;
  background: #DF7C21;
  border-radius: 100px;
  padding: .8rem;
  box-sizing: border-box;
}
.driver .detail__icon-02 {
  background: #00885a;
}
.factory .detail__icon-02 {
  background: #202f55;

}
.food .detail__icon-02 {
  background: #cc3333;

}
.service .detail__icon-02 {
  background: #ff8c00;
}

.security .detail__icon-02 {
  background: #7058A3;
}
.medical .detail__icon-02 {
  background: #00A695;
}
.sales .detail__icon-02 {
  background: #2ca9e1;
}
.office .detail__icon-02 {
  background: #ED637D;
}
.stay .detail__icon-02 {
  background: #6DD103;
}

.detail__icon-03 {
  width: 40px;
  background: #DF7C21;
  border-radius: 100px;
  padding: .8rem;
  box-sizing: border-box;
}
.driver .detail__icon-03 {
  background: #00885a;
}
.factory .detail__icon-03 {
  background: #202f55;

}
.food .detail__icon-03 {
  background: #cc3333;

}
.service .detail__icon-03 {
  background: #ff8c00;
}

.security .detail__icon-03 {
  background: #7058A3;
}
.medical .detail__icon-03 {
  background: #00A695;
}
.sales .detail__icon-03 {
  background: #2ca9e1;
}
.office .detail__icon-03 {
  background: #ED637D;
}
.stay .detail__icon-03 {
  background: #6DD103;
}

.detail__icon-04 {
  width: 40px;
  background: #DF7C21;
  border-radius: 100px;
  padding: .8rem;
  box-sizing: border-box;
}
.driver .detail__icon-04 {
  background: #00885a;
}
.factory .detail__icon-04 {
  background: #202f55;
}
.food .detail__icon-04 {
  background: #cc3333;
}
.service .detail__icon-04 {
  background: #ff8c00;
}

.security .detail__icon-04 {
  background: #7058A3;
}
.medical .detail__icon-04 {
  background: #00A695;
}
.sales .detail__icon-04 {
  background: #2ca9e1;
}
.office .detail__icon-04 {
  background: #ED637D;
}
.stay .detail__icon-04 {
  background: #6DD103;
}

.detail__icon-05 {
  width: 40px;
  background: #DF7C21;
  border-radius: 100px;
  padding: .8rem;
  box-sizing: border-box;
}
.driver .detail__icon-05 {
  background: #00885a;
}
.factory .detail__icon-05 {
  background: #202f55;
}
.food .detail__icon-05 {
  background: #cc3333;
}
.service .detail__icon-05 {
  background: #ff8c00;
}

.security .detail__icon-05 {
  background: #7058A3;
}
.medical .detail__icon-05 {
  background: #00A695;
}
.sales .detail__icon-05 {
  background: #2ca9e1;
}
.office .detail__icon-05 {
  background: #ED637D;
}
.stay .detail__icon-05 {
  background: #6DD103;
}


@media (max-width: 768px) {
  .detail__icon-01 {
  width: 30px;
}
.detail__icon-02 {
  width: 30px;
}
.detail__icon-03 {
  width: 30px;
}
.detail__icon-04 {
  width: 30px;
}
.detail__icon-04 {
  width: 30px;
}
.detail__icon-05 {
  width: 30px;
}
}


.detail__list {
  border-bottom: 1px solid #D7D7D0;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}

.detail__list:last-child {
  border: none;
}

.detail__label {
  font-size: 1.4rem;
  color: #DF7C21;
  text-align: center;
  font-weight: bold;
  margin-right: 3.5rem;
  width: 64px;
  padding-top: 1rem;
}
.driver .detail__label {
  color: #00885a;
}
.factory .detail__label {
  color: #202f55;
}
.food .detail__label {
  color: #cc3333;
}
.service  .detail__label {
  color: #ff8c00;
}

.security .detail__label {
  color: #7058A3;
}
.medical .detail__label {
  color: #00A695;
}
.sales .detail__label {
  color: #2ca9e1;
}
.office .detail__label {
  color: #ED637D;
}
.stay .detail__label {
  color: #6DD103;
}

.detail__text {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .detail__label {
    width: 20%;
    text-align: center;
    margin-right: 1rem;
  }
  .detail__text {
    width: 75%;
  }
}

.detail__label span {
  display: block;
  padding-top: .5rem;
}

.detail__info--title {
  background: #DF7C21;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 6px 6px 0 0;
  padding: 1.2rem 2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .detail__info--title {
    font-size: 1.6rem;
  }
}
.driver .detail__info--title {
  background: #00885a;
}
.factory  .detail__info--title {
  background: #202f55;
}
.food .detail__info--title {
  background: #cc3333;
}
.service .detail__info--title {
  background: #ff8c00;
}

.security .detail__info--title {
  background: #7058A3;
}
.medical .detail__info--title {
  background: #00A695;
}
.sales .detail__info--title {
  background: #2ca9e1;
}
.office .detail__info--title {
  background: #ED637D;
}
.stay .detail__info--title {
  background: #6DD103;
}


.detail__info--list {
  border-bottom: 1px solid #D7D7D0;
  padding: 2rem 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.detail__info--list:last-child {
  border: none;
}

.detail__info--label {
  color: #DF7C21;
  font-weight: bold;
  width: 100%;
  max-width: 100px;
}
.driver .detail__info--label {
  color: #00885a;
}
.factory .detail__info--label {
  color: #202f55;
}
.food .detail__info--label {
  color: #cc3333;
}
.service .detail__info--label {
  color: #ff8c00;
}

.security .detail__info--label {
  color: #7058A3;
}
.medical .detail__info--label {
  color: #00A695;
}
.sales .detail__info--label {
  color: #2ca9e1;
}
.office .detail__info--label {
  color: #ED637D;
}
.stay .detail__info--label {
  color: #6DD103;
}

.detail__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 3rem;
  
}
.driver .detail__nav {
  border-color: #A4D5BD;
}
.factory .detail__nav {
  border-color: #BBE2F1;
}
.food .detail__nav {
  border-color: #FFCC99;
}
.service .detail__nav {
  border-color: #FEF263;
}

.detail__link {
  text-align: center;
  margin-bottom: 6rem;
}
.detail__link a {
  color: #000000;
  padding: 8px 20px 8px 45px;
  box-sizing: border-box;
  box-shadow: 4px 4px 10px #ccc;
  display: block;
  background: #fff  url("https://shop.a-unjob.com/assets/img/icon_search2.svg") 10px center no-repeat;
  background-size: 24px;
  display: inline-block;
  border-radius: 10px;
  margin: 0 auto;
  font-weight: bold;
}



.detail__nav-bottom {
  padding: 1rem 0;
}
@media (max-width: 768px) {
  .detail__nav-bottom {
    padding: 1rem;
  }
}

.detail__nav--btn {
  width: 100%;
  max-width: 320px;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-weight: bold;
}

.detail__nav--btn a {
  color: #fff;
  display: block;
  padding: 1.5rem 0;
}
@media (max-width: 768px) {
  .detail__nav--btn a {
    text-indent: 1rem;
  }
}


.detail__nav--btn:hover {
  opacity: .8;
  cursor: pointer;
}

.detail__nav--tel {
  background: linear-gradient(180deg, #336BD6 0%, #4077DE 51.04%, #4C80E1 100%);
  margin-right: 2rem;
}

.detail__nav--tel a {
  background-image: url("../img/icon_tel.svg");
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 23px auto;
  background-color: transparent;
}
@media (max-width: 768px) {
 .detail__nav--tel a {
    padding: 2.3rem 0;
  }
}

.detail__nav--form {
  background: linear-gradient(180deg, #EC790F 0%, #ED7B12 52.6%, rgba(236, 121, 15, 0.82) 100%, #F8851B 100%);
  text-indent: 3rem;
}
.detail__nav--form-min {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
 .detail__nav--form-min {
    display: block;
    letter-spacing: 0;
  }
}

.detail__nav--form a {
  background-image: url("../img/icon_form.svg");
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 23px auto;
  background-color: transparent;
}

.detail__sec {
  padding-bottom: 2rem;
}

.detail__sec-bottom {
  padding-bottom: 6rem;
}

.detail__icon--item {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 20px;
}

.detail__icon--item a {
  background: #fff;
  border: 1px solid #DF7C21;
  border-radius: 4px;
  color: #DF7C21;
  padding: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}
.driver .detail__icon--item a {
  color: #00885a;
  border-color: #00885a;
}
.factory .detail__icon--item a {
  color: #202f55;
  border-color: #202f55;
}
.food .detail__icon--item a {
  color: #cc3333;
  border-color: #cc3333;
}
.service .detail__icon--item a {
  color: #ff8c00;
  border-color: #ff8c00;
}

.security .detail__icon--item a {
  border-color: #7058A3;
  color: #7058A3;
}
.medical .detail__icon--item a {
  border-color: #00A695;
  color: #00A695;
}
.sales .detail__icon--item a {
  border-color: #2ca9e1;
  color: #2ca9e1;
}
.office .detail__icon--item a {
  border-color: #ED637D;
  color: #ED637D;
}
.stay .detail__icon--item a {
  border-color: #6DD103;
  color: #6DD103;
}

.detail__wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media (max-width: 428px) {
  .detail__wrap {
    display: block;
  }
}

.detail__set {
  width: 24%;
  margin-right: 1.3rem;
  margin-bottom: 4rem;
}
@media (max-width: 1000px) {
  .detail__set {
    margin-right: .5rem;
  }
}
@media (max-width: 768px) {
  .detail__set {
    width: 49%;
    margin: 0 0 3rem;
  }
  .detail__set:nth-child(odd){ 
    margin-right: 1vw;
  }
}
@media (max-width: 428px) {
  .detail__set {
    width: 100%;
    margin: 0 0 3rem;
  }
}

.detail__set a {
  display: block;
}

.detail__set:nth-child(4n) {
  margin-right: 0;
}

.detail__set--image {
  margin-bottom: 2rem;
  width: 100%;
  height: 164px;
  text-align: center;
}
@media (max-width: 1000px) {
  .detail__set--image {
   height: 15vw;
  }
}
@media (max-width: 768px) {
  .detail__set--image {
   height: auto;
   overflow: visible;
  }
}

.detail__set--image img {

  width:auto;
  height: auto;
  max-height: 164px;
}
@media (max-width: 768px) {
  .detail__set--image img {
    object-fit: unset;
  }
}

.detail__set--name {
  font-size: 1.4rem;
  margin-bottom: .5rem;
}

.detail__set--icon {
  background: #FFE6DB;
  border-radius: 4px;
  color: #DF7C21;
  display: inline-block;
  font-weight: bold;
  padding: 7px 10px;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
.driver .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.factory .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.food .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.service .detail__set--icon {
  background: #ff8c00;
  color: #fff;
}

.security .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.medical .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.sales .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.office .detail__set--icon {
  background: #e8e03c;
  color: #333;
}
.stay .detail__set--icon {
  background: #e8e03c;
  color: #333;
}

.detail__set--lead {
  font-size: 1.4rem;
  color: #346AD0;
  font-weight: bold;
  margin-bottom: .5rem;
}

.detail__set--type {
  font-size: 1.4rem;
  margin-bottom: .5rem;
}

.detail__set--detail {
  font-size: 1.4rem;
  margin-bottom: .5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail__set--detail-en img {
  background: #DFD721;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 0.3rem;
  margin-right: 0.7rem;
  margin-left: -.2rem;
}
.detail__set--detail-pin img {
  margin-right: .5rem;
  width: 20px;
  margin-left: -.3rem;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.detail-top__box--thum .slick-slide img {
  width: 95%;
}

.pagetop {
  position: fixed;
  bottom: 1rem;
  right: 2rem;
  width: 56px;
  height: 56px;
  z-index: 500;
}

@media (max-width: 768px) {
  .pagetop {
   bottom: 9rem;
  }
}

.pagetop a {
  display: block;
  width: 56px;
  height: 56px;
  background: #646059;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.pagetop a img {
  width: 25px;
  margin-bottom: -.1rem;
  margin-top: .5rem;
}

.pagetop a span {
  display: block;
  font-size: 1.2rem;
}

.footer {
  background: #DF7C21;
  color: #fff;
  padding: 4rem 0;
}

.driver .footer {
  background: #A4D5BD;
  color: #333333;
}
.factory .footer {
  background: #BBE2F1;
  color: #333333;
}
.food .footer {
  background: #FFCC99;
  color: #333333;
}
.service .footer {
  background: #FFE076;
  color: #333333;
}

.detail .footer {
  padding-bottom: 10rem;
}

.security .footer {
  background: #d3bde6;
  color: #333;
}
.medical .footer {
  background: #A0DCCF;
  color: #333;
}
.sales .footer {
  background: #ACD7F3;
  color: #333;
}
.office .footer {
  background: #FEC0B3;
  color: #333;
}
.stay .footer {
  background: #B9EEB4;
  color: #333;
}



.footer a {
  color: #fff;
}

.driver .footer a {
  color: #333333;
}
.factory .footer a {
  color: #333333;
}
.food .footer a {
  color: #333333;
}
.service .footer a {
  color: #333333;
}

.security .footer a {
  color: #333333;
}
.medical .footer a {
  color: #333333;
}
.sales .footer a {
  color: #333333;
}
.office .footer a {
  color: #333333;
}
.stay .footer a {
  color: #333333;
}

.footer__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 768px) {
  .footer__wrap {
    display: block;
  }
}

.footer__left {
  text-align: center;
}

.footer__logo {
  margin-bottom: 1rem;
}
.footer__logo-flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .footer__logo-flex {
    justify-content: center;
  }
}


.footer__logo img {
  max-width: 129px;
}
.footer__logo-flex img {
  max-width: 56px;
  margin-right: 1rem;
} 

.footer__text {
  font-size: 1.4rem;
}

.footer__right {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .footer__right {
    display: block;
  }
}

.footer__menu {
  margin-left: 4rem;
  font-size: 1.4rem;
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .footer__menu {
    margin: 0;
  }
  .footer__menu--set {
    margin-bottom: 3rem;
  }
}

.footer__menu--title {
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.footer__menu--item {
  margin-bottom: 1.3rem;
}

.footer__copy {
  text-align: center;
  font-size: 1.2rem;
}





.apply-head {
  padding: 4rem 0;
  background: #F8F8F8;
}
.apply-head-thanks {
  padding-top: 10rem;
}
@media (max-width: 768px) {
  .apply-head-thanks {
    padding-top: 5rem;
  }
}

.apply-head__title {
  font-size: 2.6rem;
  font-weight: bold;
  border-left: 4px solid transparent;
  padding-left: 2rem;
  box-sizing: border-box;
  line-height: 1;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
 .apply-head__title {
    font-size: 2rem;
  }
}

.apply-head__list {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  border: 2px solid transparent;
  background: #fff;
  height: 49px;
}
@media (max-width: 768px) {
  .apply-head__list {
    height: 48px;
  }
}


.apply-head__item {
  width: 33.333%;
  text-align: center;
  font-size: 1.8rem;
  padding: 1rem 0;
  color: #fff;
  font-weight: bold;
  position: relative;
}
@media (max-width: 768px) {
  .apply-head__item {
    min-height: 28px;
    font-size: 1.5rem;
  }
}

.apply-head__item:last-child::after {
  display: none;
}
.apply-head__item--current {
  color: #fff !important;
}

.apply-head__list--first .apply-head__item::after {
  content: "";
  width: 35px;
  height: 35px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top : 6px;
}

.apply-head__list--first .apply-head__item--current::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 25px 25px;
  border-color: #fff #fff #fff #007bff;
  position: absolute;
  right: 0;
  top : 0;
  transform:none;
}
@media (max-width: 768px) {
  .apply-head__list--first .apply-head__item--current::after {
    border-width: 24px 0 24px 24px;
    right: -2rem;
  }
}

.apply-head__list--confirm .apply-head__item--current::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 25px 25px;
  border-color: #007bff #007bff #007bff #fff;
  position: absolute;
  left: 0;
  top : 0;
  transform:none;
}
@media (max-width: 768px) {
  .apply-head__list--confirm .apply-head__item--current::before {
    border-width: 24px 0 24px 24px;
    left: -2rem;
  }
}

.apply-head__list--confirm .apply-head__item--current::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 25px 25px;
  border-color: #007bff #007bff #007bff #fff;
  position: absolute;
  right: -24px;
  top : 0;
  transform:none;
}
@media (max-width: 768px) {
  .apply-head__list--confirm .apply-head__item--current::after {
    border-width: 24px 0 24px 24px;
  }
}

.apply-head__list--thanks .apply-head__item--current {
  border-right: 1px solid transparent; 
}

.apply-head__list--thanks .apply-head__item--current::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 25px 25px;
  border-color: #007bff #007bff #007bff #fff;
  position: absolute;
  left: 0;
  top : 0;
  transform:none;
}
@media (max-width: 768px) {
  .apply-head__list--thanks .apply-head__item--current::before {
    border-width: 24px 0 24px 24px;
    left: -2rem;
  }
}

.apply-head__list--thanks .apply-head__item:first-child::after {
  content: "";
  width: 35px;
  height: 35px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top : 6px;
}

.apply-contents {
  padding-bottom: 9rem;
  background: #F8F8F8;
}
.apply-set {
  width: 90%;
  margin: 0 auto;
}
.apply-set__title {
  padding-bottom: .5rem;
  border-bottom: 2px solid #D9D9D9;
  margin-bottom: 4rem;
  position: relative;
}
@media (max-width: 768px) {
  .apply-set__title {
    padding-bottom: 2rem;
  }
}

.apply-set__title a {
  font-size: 2.2rem;
  color: #346AD0;
  font-weight: bold;
}
@media (max-width: 768px) {
  .apply-set__title a {
    font-size: 1.8rem;
  }
}

.apply-set__title--sub {
  position: absolute;
  right: 0;
  top : 5px;
}
@media (max-width: 768px) {
  .apply-set__title--sub {
    position: relative;
    display: block;
    width: 100%;
  }
}

.apply-set__title--sub a {
  font-size: 1.6rem;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .apply-set__title--sub a {
    display: inline-block;
    position: relative;
    left: 2rem;
  }
}

.apply-set__title--sub a::before {
  content: "";
  position: absolute;
  left: -2rem;
  top : 9px;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #346AD0;
  border-left: 1px solid #346AD0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
}

.apply-inner {
  width: 90%;
  margin: 0 auto;
}
.apply-set__wrap {
  display: flex;
}
@media (max-width: 768px) {
  .apply-set__wrap {
    display: block;
  }
}

.apply-set__detail {
  width: 49%;
  margin-right: 1rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .apply-set__detail {
    width: 100%;
  }
}

.apply-set__detail--30 {
  width: 33%;
}
@media (max-width: 768px) {
  .apply-set__detail--30 {
    width: 100%;
  }
}

.apply-set__detail--long {
  width: 100%;
}
.apply-set__detail--70 {
  width: 70%;
}
@media (max-width: 768px) {
  .apply-set__detail--70 {
    width: 100%;
  }
}

.apply-set__detail:last-child {
  margin-right: 0;
}
.apply-set__detail--label {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .8rem;
}
.apply-set__detail--icon {
  background: #A81D2C;
  margin: 0 0 0 1rem;
  color: #fff;
  font-size: 1.4rem;
  padding: .3rem .4rem;
  font-weight: normal;
}
.apply-set__detail--icon-nini {
  background: #A8A8A8;
}
.apply-set__detail--input {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: .5rem;
}
.apply-set__detail--long .apply-set__detail--input {
  width: 49%;
}
@media (max-width: 768px) {
  .apply-set__detail--long .apply-set__detail--input {
    width: 100%;
  }
}

.apply-set__detail--70 .apply-set__detail--select-wrap {
  width: 44%;
}
@media (max-width: 768px) {
  .apply-set__detail--70 .apply-set__detail--select-wrap {
    width: 100%;
  }
}

.apply-set__detail--70 .apply-set__detail--input {
  width: 44%;
}
@media (max-width: 768px) {
  .apply-set__detail--70 .apply-set__detail--input {
    width: 100%;
  }
}

.apply-set__detail--min {
  font-size: 1.4rem;
  color: #333;
}
.apply-set__detail--textarea {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: .5rem;
  height: 160px;
}
.apply-set__detail--flex {
  display: flex;
}
@media (max-width: 768px) {
  .apply-set__detail--flex {
    display: block;
  }
  .apply-set__detail--spflex {
    display: flex;
  }
}

.apply-set__detail--select-wrap {
  position: relative;
  width: 31%;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .apply-set__detail--select-wrap {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.apply-set__detail--select-wrap-100 {
    width: 100%; 
 }
.apply-set__detail--select {
  -webkit-appearance:none;
    appearance:none;
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  color: #474747;
  font-size: 1.6rem;
  width: 100%;
  background: #fff;
}
.apply-set__detail--select-wrap::before {
  content: "";
  position: absolute;
  right: 15px;
  top : 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #BFBFBF transparent transparent transparent;
}
.apply-set__detail--radio {
  width: 1px;
  height: 1px;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}

.apply-set__detail--radiolabel {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  width: 22%;
  text-align: center;
  background: #fff;
  display: block;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .apply-set__detail--radiolabel {
    width: 48%;
  }
}

.apply-set__detail--radiolabel:hover {
  cursor: pointer;
}
.apply-set__detail--radiolabel:last-child {
  margin: 0;
}
.apply-set__detail--radio:checked + .apply-set__detail--radiolabel {
  background: #6F6F6F;
  color: #fff;
}
.apply-set__detail--min a {
  font-size: 1.6rem;
  color: #346AD0;
  text-decoration: underline;
}
.apply-set__detail--confirm {
  padding-left: 2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .apply-set__detail--confirm {
    font-size: 1.5rem;
  }
}

.apply-set__detail--box {
  position: relative;
}
.apply-set__detail--confirmcheck {
  display: block;
  position: absolute;
  top: .5em;
  left: .4em;
  width: 18px;
  height: 8px;
  border-left: 3px solid #333;
  border-bottom: 3px solid #333;
  transform: rotate(-45deg);
  z-index: 50;
}
.apply-set__detail--confirmcheck + .apply-set__detail--min {
  position: relative;
  left: 4.5rem;
}
.apply-set__detail--checkwrap {
  display: flex;
}
.apply-set__detail--check {
  display: none;
  width: 1px;
  height: 1px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}
.apply-set__detail--check:hover {
  cursor: pointer;
}
.apply-set__detail--checklabel {
  position: relative;
}
.apply-set__detail--check + .apply-set__detail--checklabel::before {
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  display: block;

  background: #fff;
  margin-right: 1rem;
}
.apply-set__detail--check:checked + .apply-set__detail--checklabel::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: .4em;
  width: 18px;
  height: 8px;
  border-left: 3px solid #333;
  border-bottom: 3px solid #333;
  transform: rotate(-45deg);
  z-index: 50;
}
.apply-set__detail--btnbox {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  width: 90%;
  margin: 2rem auto 0;
  max-width: 370px;
  position: relative;
 
}
@media (max-width: 768px) {
  .apply-set__detail--confirm {
    font-size: 1.5rem;
  }
}

.apply-set__detail--btnbox-back {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  width: 90%;
  margin: 2rem auto 0;
  max-width: 370px;
  position: relative;
}
@media (max-width: 1000px) {
  .apply-set__detail--btnbox,
  .apply-set__detail--btnbox-back {
    width: 45%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .apply-set__detail--btnbox,
  .apply-set__detail--btnbox-back {
    width: 100%;
  }
}

.apply-set__detail--btnbox-confirm {
  display: flex;
  max-width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .apply-set__detail--btnbox-confirm {
    display: block;
    padding-top: 2rem;
  }
}

.apply-set__detail--btnbox::before {
  content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top : 24px;
    display: block;
}
.apply-set__detail--btnbox-back::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid red;
    border-right: 1px solid red;
    -webkit-transform: rotate(230deg);
    transform: rotate(230deg);
    position: absolute;
    left: 10px;
    top : 24px;
    display: block;
}
.apply-set__detail--btn {
  background: transparent;
  color: #fff;
  padding: 1.5rem 0;
  border-radius: 4px;
  display: block;
  width: 100%;
  border: none;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
   border: 1px solid transparent;
}
.apply-set__detail--back {
  background: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 1.5rem 0;
  border-radius: 4px;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  margin-right: 1rem;
}

.apply-set__thanks {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.apply-set__thanks--text {
  text-align: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .apply-set__thanks--text {
    font-size: 1.5rem;
  }
}

.apply-reccomend {
  padding: 6rem 0 9rem;
}
.apply-reccomend__title {
  font-size: 2.6rem;
  font-weight: bold;
  border-top : 4px solid transparent;
  border-bottom : 4px solid transparent;
  padding: 1.5rem 0 1.5rem 1.5rem;
  box-sizing: border-box;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .apply-reccomend__title {
    font-size: 2rem;
  }
}


.not-set {
  padding: 6rem 0 4rem;
  width: 100%;
  margin: 0 auto;
}
.not-set__title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 3rem;
  text-align: center;
}
@media (max-width: 768px) {
  .not-set__title {
    font-size: 2rem;
  }
}

.not-set__text {
  margin-bottom: 5rem;
  text-align: center;
}
@media (max-width: 768px) {
 .not-set__text {
    font-size: 1.5rem;
  }
}

.not-serach__title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
 .not-serach__title {
    font-size: 1.5rem;
  }
}

.not-serach {
  width: 100;
  margin: 0 auto;
}
@media (max-width: 768px) {
 .not-serach {
    width: 100%;
  }
}

.not-serach .search__input--wrap {
 border: 1px solid #BFBFBF;
 margin-right: 1rem;
 max-width: 280px;
}
@media (max-width: 768px) {
 .not-serach .search__input--wrap {
    max-width: 100%;
  }
}

.not-serach .search__select--wrap {
  border: 1px solid #BFBFBF;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .not-serach .search__select--wrap {
    margin: 0 0 2rem;
  }
}

.search__wrap--end {
  justify-content: center;
   margin-bottom: 4rem;
}
.not-set__nav {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 768px) {
 .not-set__nav {
    width: 90%;
    text-align: right;
    font-size: 1.5rem;
  }
}

.not-set__nav a {
  color: #346AD0;
  font-weight: bold;
  position: relative;
}

.not-set__nav a::before {
  content: "";
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #346AD0;
    border-left: 1px solid #346AD0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

.driver .apply-head__title,
.driver .apply-head__list,
.driver .apply-head__item::after,
.driver .apply-set__detail--input:focus,
.driver .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.driver .apply-set__detail--confirmcheck,
.driver .apply-set__detail--back,
.driver .apply-set__detail--btnbox-back::before,
.driver .apply-head__list--thanks .apply-head__item:first-child::after,
.driver .apply-reccomend__title,
.driver .apply-set__detail--btn,
.driver .apply-head__list--thanks .apply-head__item--current {
  border-color: #00885a;
}
.factory .apply-head__title,
.factory .apply-head__list,
.factory .apply-head__item::after,
.factory .apply-set__detail--input:focus,
.factory .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.factory .apply-set__detail--confirmcheck,
.factory .apply-set__detail--back,
.factory .apply-set__detail--btnbox-back::before,
.factory .apply-head__list--thanks .apply-head__item:first-child::after,
.factory .apply-reccomend__title,
.factory .apply-set__detail--btn,
.factory apply-head__list--thanks .apply-head__item--current  {
  border-color: #202f55;
}
.food .apply-head__title,
.food .apply-head__list,
.food .apply-head__item::after,
.food .apply-set__detail--input:focus,
.food .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.food .apply-set__detail--confirmcheck,
.food .apply-set__detail--back,
.food .apply-set__detail--btnbox-back::before,
.food .apply-head__list--thanks .apply-head__item:first-child::after,
.food .apply-reccomend__title,
.food .apply-set__detail--btn,
.food .apply-head__list--thanks .apply-head__item--current  {
  border-color: #cc3333;
}
.service .apply-head__title,
.service .apply-head__list,
.service .apply-head__item::after,
.service .apply-set__detail--input:focus,
.service .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.service .apply-set__detail--confirmcheck,
.service .apply-set__detail--back,
.service .apply-set__detail--btnbox-back::before,
.service .apply-head__list--thanks .apply-head__item:first-child::after,
.service .apply-reccomend__title,
.service .apply-set__detail--btn,
.service .apply-head__list--thanks .apply-head__item--current  {
  border-color: #ff8c00;
}

.security .apply-head__title,
.security .apply-head__list,
.security .apply-head__item::after,
.security .apply-set__detail--input:focus,
.security .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.security .apply-set__detail--confirmcheck,
.security .apply-set__detail--back,
.security .apply-set__detail--btnbox-back::before,
.security .apply-head__list--thanks .apply-head__item:first-child::after,
.security .apply-reccomend__title,
.security .apply-set__detail--btn,
.security .apply-head__list--thanks .apply-head__item--current  {
  border-color: #7058A3;;
}

.medical .apply-head__title,
.medical .apply-head__list,
.medical .apply-head__item::after,
.medical .apply-set__detail--input:focus,
.medical .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.medical .apply-set__detail--confirmcheck,
.medical .apply-set__detail--back,
.medical .apply-set__detail--btnbox-back::before,
.medical .apply-head__list--thanks .apply-head__item:first-child::after,
.medical .apply-reccomend__title,
.medical .apply-set__detail--btn,
.medical .apply-head__list--thanks .apply-head__item--current  {
  border-color: #00A695;;
}

.sales .apply-head__title,
.sales .apply-head__list,
.sales .apply-head__item::after,
.sales .apply-set__detail--input:focus,
.sales .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.sales .apply-set__detail--confirmcheck,
.sales .apply-set__detail--back,
.sales .apply-set__detail--btnbox-back::before,
.sales .apply-head__list--thanks .apply-head__item:first-child::after,
.sales .apply-reccomend__title,
.sales .apply-set__detail--btn,
.sales .apply-head__list--thanks .apply-head__item--current  {
  border-color: #2CA9E1;;
}

.office .apply-head__title,
.office .apply-head__list,
.office .apply-head__item::after,
.office .apply-set__detail--input:focus,
.office .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.office .apply-set__detail--confirmcheck,
.office .apply-set__detail--back,
.office .apply-set__detail--btnbox-back::before,
.office .apply-head__list--thanks .apply-head__item:first-child::after,
.office .apply-reccomend__title,
.office .apply-set__detail--btn,
.office .apply-head__list--thanks .apply-head__item--current  {
  border-color: #ED637D;;
}

.stay .apply-head__title,
.stay .apply-head__list,
.stay .apply-head__item::after,
.stay .apply-set__detail--input:focus,
.stay .apply-set__detail--check:checked + .apply-set__detail--checklabel::after,
.stay .apply-set__detail--confirmcheck,
.stay .apply-set__detail--back,
.stay .apply-set__detail--btnbox-back::before,
.stay .apply-head__list--thanks .apply-head__item:first-child::after,
.stay .apply-reccomend__title,
.stay .apply-set__detail--btn,
.stay .apply-head__list--thanks .apply-head__item--current  {
  border-color: #6DD103;;
}


.driver .apply-head__item,
.driver .apply-set__detail--back,
.driver .not-serach__title {
  color: #00885a;
}
.factory .apply-head__item,
.factory .apply-set__detail--back,
.factory .not-serach__title {
  color: #202f55;
}
.food .apply-head__item,
.food .apply-set__detail--back,
.food .not-serach__title {
  color: #cc3333;
}
.service .apply-head__item,
.service .apply-set__detail--back,
.service .not-serach__title {
  color: #ff8c00;
}

.security .apply-head__item,
.security .apply-set__detail--back,
.security .not-serach__title {
  color: #7058A3;
}
.medical .apply-head__item,
.medical .apply-set__detail--back,
.medical .not-serach__title {
  color: #00A695;
}
.sales .apply-head__item,
.sales .apply-set__detail--back,
.sales .not-serach__title {
  color: #2CA9E1;
}
.office .apply-head__item,
.office .apply-set__detail--back,
.office .not-serach__title {
  color: #ED637D;
}
.stay .apply-head__item,
.stay .apply-set__detail--back,
.stay .not-serach__title {
  color: #6DD103;
}



.driver .apply-head__item--current,
.driver .apply-set__detail--btn {
  background: #00885a;
}
.factory .apply-head__item--current,
.factory .apply-set__detail--btn {
  background: #202f55;
}
.food .apply-head__item--current,
.food .apply-set__detail--btn {
  background: #cc3333;
}
.service .apply-head__item--current,
.service .apply-set__detail--btn {
  background: #ff8c00;
}

.security .apply-head__item--current,
.security .apply-set__detail--btn {
  background: #7058A3;
}
.medical .apply-head__item--current,
.medical .apply-set__detail--btn {
  background: #00A695;
}
.sales .apply-head__item--current,
.sales .apply-set__detail--btn {
  background: #2CA9E1;
}
.office .apply-head__item--current,
.office .apply-set__detail--btn {
  background: #ED637D;
}
.stay .apply-head__item--current,
.stay .apply-set__detail--btn {
  background: #6DD103;
}

.driver .apply-head__item--current::after,
.driver .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #00885a;
}
.factory .apply-head__item--current::after,
.factory .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #202f55;
}
.food .apply-head__item--current::after,
.food .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #cc3333;
}
.service .apply-head__item--current::after,
.service .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #ff8c00;
}

.security .apply-head__item--current::after,
.security .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #7058A3;
}
.medical .apply-head__item--current::after,
.medical .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #00A695;
}
.sales .apply-head__item--current::after,
.sales .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #2CA9E1;
}
.office .apply-head__item--current::after,
.office .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #ED637D;
}
.stay .apply-head__item--current::after,
.stay .apply-head__list--confirm .apply-head__item--current::after {
  border-color: #fff #fff #fff #6DD103;
}


.driver .apply-head__list--confirm .apply-head__item--current::before,
.driver .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #00885a #00885a #00885a #fff;
}
.factory .apply-head__list--confirm .apply-head__item--current::before,
.factory .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #202f55 #202f55 #202f55 #fff;
}
.food .apply-head__list--confirm .apply-head__item--current::before,
.food .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #cc3333 #cc3333 #cc3333 #fff;
}
.service .apply-head__list--confirm .apply-head__item--current::before,
.service .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #ff8c00 #ff8c00 #ff8c00 #fff;
}

.security .apply-head__list--confirm .apply-head__item--current::before,
.security .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #7058A3 #7058A3 #7058A3 #fff;
}
.medical .apply-head__list--confirm .apply-head__item--current::before,
.medical .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #00A695 #00A695 #00A695 #fff;
}
.sales .apply-head__list--confirm .apply-head__item--current::before,
.sales .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #2CA9E1 #2CA9E1 #2CA9E1 #fff;
}
.office .apply-head__list--confirm .apply-head__item--current::before,
.office .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #ED637D #ED637D #ED637D #fff;
}
.stay .apply-head__list--confirm .apply-head__item--current::before,
.stay .apply-head__list--thanks .apply-head__item--current::before {
  border-color: #6DD103 #6DD103 #6DD103 #fff;
}

/* add 404 */
.err-404 .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.err-404 .header__under {
  position: fixed;
}

@media (max-width: 768px) {
  .err-404 .footer {
    position: relative;
  }
}

.err-404 .not-set {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0;
}

@media (max-width: 768px) {
  .err-404 .not-set {
    height:auto;
    padding: 15rem 0 ;
  }
}

@media (max-width: 768px) {
  .err-404 .header .header__logo {
    display: flex;
  }
}


/*   api    */
.list-api {
  display: flex;
  flex-direction: column;
  gap : 2rem;
  margin-bottom: 5rem;
  position: relative;
}

.list-api:last-child {
  margin-bottom: 0;
}

.list-api__item {
  border : 1px solid #A8A8A8;
  border-radius: 6px;
  box-shadow: 4px 4px 10px rgba(0,0,0,.1);
  position: relative;
}

.list-api__item::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../img/icon_link.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px;
  background-color: transparent;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}

.list-api__item a {
  display: block;
  padding: 4rem 2rem 2rem;
}

.list-api__pr {
  width: 70px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 1.8rem4;
  background: #CC3333;
  position: absolute;
  right: 0;
  top : 0;
  border-radius: 0 6px 0 0;
  padding: 3px 0;
}
.service .list-api__pr {
  background: #ff8c00;
}
.food .list-api__pr {
  background: #cc3333;
}
.security .list-api__pr {
  background: #7058A3;
}
.driver .list-api__pr {
  background: #00885A;
}
.factory .list-api__pr {
  background: #1D3A8F;
}
.medical .list-api__pr {
  background: #00A695;
}
.sales .list-api__pr {
  background: #2CA9E1;
}
.office .list-api__pr {
  background: #ED637D;
}
.stay .list-api__pr {
  background: #6DD103;
}

.list-api__title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.list-api__lead {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.list-api__detail {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.list-api__detail .list__box--detail-icon01 {
  background: #DFD721;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 0.3rem;
  margin-right: 0.7rem;
  }
.list-api__detail .list__box--detail-icon02 {
  width: 20px;
  height: auto;
  margin-left: -.2rem;
  margin-right: 0.5rem;
  }
.list-api__detail .list__box--detail-icon03 {
  width: 16px;
  height: auto;
  margin-left: 0rem;
  margin-right: 0.7rem;
}
.list-api__text {
  font-size: 14px;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .list-api__text {
    display: none;
  }
}
.list-api__after {
  font-weight: 500;
  color : #A7A7A7;
}