@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(157,213,193,.8);
}


.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: #FEF263;
}

.header__wrap {
  position: relative;
  padding: 2rem 0;
}
@media (max-width: 768px) {
  .header__wrap {
    padding: 2rem 0 0;
  }
}

.header__logo {
  position: relative;
  left: 4rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  .header__logo {
    left: 2rem;
    width: 100%;
    justify-content: flex-start;
    display: none;
  }
  .header__logo a {
    display: flex;
    justify-content: flex-start;
    width: 13%;
  }
  .header.is-scroll .header__logo {
    display: flex;
  }
}
@media (max-width: 520px) {
  .header__logo a {
    width: 20%;
  }
}

@media (max-width: 428px) {
  .header__logo span {
    position: relative;
    top : -.3rem;
  }
  .driver .header__logo span,
  .factory .header__logo span,
  .food .header__logo span,
  .service .header__logo span {
 
  }
}


.header__logo img {
  margin-right: 1rem;
  max-width: 56px;
}
@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;
}

.header__menu {
  position: absolute;
  right: 0;
  top: 0;
  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;
}

.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 #3F8579;
  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;
  }
}

.driver .title {
  border-color: #A4D5BD;
}
.factory  .title {
  border-color: #BBE2F1;
}
.food .title {
  border-color: #FFCC99;
}
.service .title {
  border-color: #FEF263;
}

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

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

.bg {
  background: #F8F8F8;
}

.top-mv {
  background: transparent url("/aun_legacy/img_mv_top2.png") no-repeat center center;
  background-size: cover;
  position: relative;
  min-height: 360px;
}
@media (max-width: 768px) {
  .top-mv {
    min-height: auto;
    background: none;
   
  }
}
@media (max-width: 520px) {
  .top-mv {
 
  }
}

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

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

.top-mv__logo {
  position: absolute;
  left: 50%;
  top : 55%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  max-width: 320px;
}
@media (max-width: 768px) {
  .top-mv__logo {
    max-width: 100%;
    position: relative;
    top : auto;
    left: auto;
    transform: none;
  }
}

.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: 4rem 2rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .top-mv__search {
    position: relative;
    padding-top: 2rem;
    bottom: 0;
  }
}

.driver .top-mv__search {
  background: #00cc88;
}
.factory .top-mv__search {
  background: #00aef2;
}
.food .top-mv__search {
  background: #ff9933;
}
.service .top-mv__search {
  background: #ffea00
}

.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;
}
@media (max-width: 1000px) {
  .top-mv__search--select-wrap {
    max-width: 20vw;
  }
}

@media (max-width: 768px) {
  .top-mv__search--select-wrap {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}

.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: 340px;
  border: none;
  padding: 1.7rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .top-mv__search--input {
    max-width: 30vw;
  }
}
@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--submit {
  display: block;
  background-image: url("/aun_legacy/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%;
}
@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: 360px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  text-align: center;
}
@media (max-width: 1000px) {
  .top-mv__search--submit-wrap {
    max-width: 30vw;
  }
}

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

@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: 13rem 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 0;
}
@media (max-width: 768px) {
  .top-type {
    padding: 3rem 0 0;
  }
}

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

.top-type__tag--keyword {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
 .top-type__tag--keyword {
    margin-bottom: 3rem;
  }
}

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

.top-type__tag--item a {
  background: #fff;
  border-radius: 4px;
  color: #3F8579;
  padding: 10px;
  border: 1px solid #3F8579;
  font-weight: bold;
}

.top-type__tag--keyword a {
  background: rgba(52, 106, 208, 1);
  color: #fff;
  border-color: rgba(52, 106, 208, 1);
}

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

.top-type__tag2--keyword {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .top-type__tag2--keyword {
    margin-bottom: 3rem;
  }
}


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

.top-type__tag2--keyword a {
  color: rgba(63, 133, 121, 1);
  border : 1px solid rgba(63, 133, 121, 1);
  font-weight: bold;
}

:root {
  --key: rgba(63, 133, 121, 1);
}

.keyword-title {
    padding: 2rem 0;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    position: relative;;
}
@media (max-width: 768px) {
  .keyword-title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
}
.keyword-title::after {
  content: "";
  display: block;
  background: var(--key);
  width: 26px;
  height: 4px;
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
}
.keyword-lead {
  text-align: center;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .keyword-lead {
    text-align: left;
    font-size: 1.4rem;
  }
}

.keyword-job-list {
  display: flex;
  gap : 4rem;
  flex-direction: column;
}

.keyword-job-list__item {
  display: flex;
  gap : 3rem;
  align-items: center;
}

@media (max-width: 768px) {
  .keyword-job-list__item {
    flex-direction: column;
    gap : 2rem;
  }
}

.keyword-job-list__logo {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.24);
  display : flex;
  width: 310px;
  height: 74px;
}

.keyword-job-list__logo a {
  flex : 1;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 2rem;;
}

.keyword-job-list__logo--shop a img {
  width: 166px;
}
.keyword-job-list__logo--food a img {
  width: 113px;
}
.keyword-job-list__logo--driver a img {
  width: 144px;
}
.keyword-job-list__logo--sales a img {
  width: 128px;
}
.keyword-job-list__logo--factory a img {
  width: 159px;
}
.keyword-job-list__logo--security a img {
  width: 146px;
}
.keyword-job-list__logo--medical a img {
  width: 130px;
}
.keyword-job-list__logo--office a img {
  width: 119px;
}
.keyword-job-list__logo--stay a img {
  width: 119px;
}

.keyword-job-list__item .top-main__icon {
  width: 74px;
  height: 74px;
}

.keyword-job-list__tags {
  display: flex;
  gap :  1rem 4rem;
  flex-wrap: wrap;
  flex : 1;
}

.keyword-job-list__tags a {
  color: rgba(52, 106, 208, 1);
  font-size: 16px;
}
@media (max-width: 768px) {
  .keyword-job-list__tags a {
   font-size: 14px;
  }
}

.under.keyword {
  background: #fff;
}
.keyword-job {
  background: rgba(248, 248, 248, 1);
  padding: 4rem 0 9rem;
}

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

.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-main {
  background: #f8f8f8;
  padding: 6rem 0 5rem;
}

.top-main__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap : 18px;
}

.top-main__item {
  max-width: 314px;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.24);
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .top-main__item {
    max-width: 48%;
  }
}
@media (max-width: 768px) {
  .top-main__item {
    max-width: 100%;
  }
}


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

.top-main__logo {
  width: calc(100% - 74px);
  padding: 1.5rem;
  box-sizing: border-box;
}

.top-main__logo img {
  max-width: 166px;
  margin-top: 5px;
}
.top-main__logo--food img {
  max-width: 113px; 
}
.top-main__logo--driver img {
  max-width: 144px; 
}
.top-main__logo--sales img {
  max-width: 128px; 
}
.top-main__logo--factory img {
  max-width: 159px; 
}
.top-main__logo--security img {
  max-width: 159px; 
}
.top-main__logo--medical img {
  max-width: 130px; 
}
.top-main__logo--office img {
  max-width: 119px; 
}
.top-main__logo--stay img {
  max-width: 119px; 
}
.top-main__icon {
  width: 74px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF8C00;
}

.top-main__icon--food {
  background: #CC3333;
}
.top-main__icon--driver {
  background: #00885A;
}
.top-main__icon--sales {
  background: #2CA9E1;
}
.top-main__icon--factory {
  background: #202F55;
}
.top-main__icon--security {
  background: #7058A3;
}
.top-main__icon--medical {
  background: #00A695;
}
.top-main__icon--office {
  background: #ED637D;
}
.top-main__icon--stay {
  background: #6DD103;
}
.top-main__nav {
  padding: 0 1.5rem;
}
.top-main__nav-item a {
  display: block;
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-bottom: 1px dashed #ccc;
  position: relative;
}
.top-main__nav-item:last-child a {
  border-bottom: none;
}
.top-main__nav-item a::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top : 25px;
}

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

.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-text {
  margin: 1rem 0;
}

.top-other__menu--item a {
  display: block;
  border-radius: 6px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  padding: 3rem 0;
  font-weight: bold;
}

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

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

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

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

.top-other__menu--item:nth-child(5) a {
  background: #7058A3;
}

.top-other__menu--item:nth-child(6) a {
  background: #00A695;
}

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

.top-other__menu--wrap {

}

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

.top-other__menu--text {

  box-sizing: border-box;
}

.top-other__bottom {
  background: #DCEFE8;
  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: #A4D5BD;
}
.factory .top-other__bottom {
  background: #BBE2F1;
}
.food .top-other__bottom {
  background: #FFCC99;
}
.service .top-other__bottom {
  background: #FEF263;
}

.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: #3F8579;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.driver .top-other__bottom--title::after {
  background: #fff;
}
.factory  .top-other__bottom--title::after {
  background: #fff;
}
.food .top-other__bottom--title::after {
  background: #fff;
}
.service .top-other__bottom--title::after {
  background: #fff;
}

.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;
}
.driver .search {
  background: #A4D5BD;
}
.factory .search {
  background: #BBE2F1;
}
.food .search {
  background: #FFCC99;
}
.service .search {
  background: #FEF263;
}

.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: 210px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 768px) {
  .search__select--wrap {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

.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("/aun_legacy/icon_pin2.svg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-color: transparent;
}

.search__input--search {
  background-image: url("/aun_legacy/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: 310px;
  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;
}

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

.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;
  margin: 0 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .pager__list a {
    width: 30px;
    height: 30px;
    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;
}

.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: 30px;
    height: 30px;
    line-height: 30px;
    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;
}

.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: 0 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: #00885a;
  color: #fff;
}
.factory .list__box--icon {
  background: #202f55;
  color: #fff;
}
.food .list__box--icon {
  background: #cc3333;
  color: #fff;
}
.service .list__box--icon {
  background: #ff8c00;
  color: #fff;
}

.list__box--lead a {
  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;
}


.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: #00885a;
  color: #fff;
}
.factory .detail-top__box--icon {
  background: #202f55;
  color: #fff;
}
.food .detail-top__box--icon {
  background: #cc3333;
  color: #fff;
}
.service .detail-top__box--icon {
  background: #ff8c00;
  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;
}

.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-nopadding {
  padding: 0;
}

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

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

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

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

@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__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;
}

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

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

.detail__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 6rem;
  margin-bottom: 6rem;
  border-bottom: 4px solid #DF7C21;
}
.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__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("/aun_legacy/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("/aun_legacy/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;
}

.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:nth-child(4n) {
  margin-right: 0;
}

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

.detail__set--image img {
  object-fit: cover;
  width: 100%;
}
@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: #00885a;
  color: #fff;
}
.factory .detail__set--icon {
  background: #202f55;
  color: #fff;
}
.food .detail__set--icon {
  background: #cc3333;
  color: #fff;
}
.service .detail__set--icon {
  background: #ff8c00;
  color: #fff;
}

.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: absolute;
  bottom: 1rem;
  right: 2rem;
  width: 56px;
  height: 56px;
}

.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: #9DD5C1;
  padding: 4rem 0;
}

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

.footer a {

}

.driver .footer a {
  color: #333333;
}
.factory .footer a {
  color: #333333;
}
.food .footer a {
  color: #333333;
}
.service .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: flex-start;
    margin-bottom: 2.5rem;
  }
}

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

/** top ** */
.top-link {
  padding: 10rem 0;
}
.top-link__title {
  text-align: center;
  font-size: 2rem;
}

/** under ** */
.under {
  padding-top: 9rem;
  background: #F8F8F8;
}
.header-under {
  background: #A4D5BD;
}
.under-wrap {
  padding: 2rem 0 5rem;
}
.under-set {
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .under-set {
    padding-bottom: 4vw;
  }
}
.under-set .title {
  margin-bottom: 0;
}
.under-set .title.title-mb {
  margin-bottom: 4rem;
}
.under-set:last-child {
  padding-bottom: 0;
}
.under-box {
  background: #fff;
  border-radius: 6px;
  padding: 3.5rem 3.5rem;
  box-sizing: border-box;
  box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);
}
@media (max-width: 768px) {
  .under-box {
    padding: 6vw;
  }
}
.title-sub {
  color: #346AD0;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .title-sub {
    font-size: 1.6rem;
  }
}
.under-text {
  margin-bottom: 1.5rem;
}
.under-text-bold {
  font-weight: bold;
}
.under-text a {
  text-decoration: underline;
}

.under-table-wrap {
  border-radius: 6px;
  overflow: hidden;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);
    margin-bottom: 6rem;
}
.under-table-table {
  background: #fff;

  font-size: 1.8rem;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  border-bottom: 2px solid #D7D7D0;
  
}
.under-table-wrap table {
  background: #fff;
  width: 100%;

}
.under-table-wrap table th {
  text-align: left;
  border-bottom: 1px solid #D7D7D0;
  padding: 2rem;
  box-sizing: border-box;
  width: 20%;
}
@media (max-width: 768px) {
  .under-table-wrap table th {
    display: block;
    width: 100%;
    border: none;
    padding-bottom: 0;
  }
}
.under-table-wrap table td {
  padding: 2rem;
  box-sizing: border-box;
  border-bottom: 1px solid #D7D7D0;
  width: 80%;
}
@media (max-width: 768px) {
  .under-table-wrap table td {
    display: block;
    width: 100%;
    padding-top: .5rem;
  }
}



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

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


.err-404 .header {
  background: rgba(157,213,193,.8);
}

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

.not-set {
  padding: 6rem 0 4rem;
  width: 100%;
  margin: 0 auto;
}

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

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

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

.under2-box {
  padding: 1rem 0;
}
.under2-set {
  text-align: center;
}
.under2-set .title {
  border: none;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
.under2-set .title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.under2-set .title::before {
  content: "";
  width: 26px;
  height: 4px;
  background : #3F8579;
  display: block;
  position: absolute;
  left : 50%;
  transform: translateX(-50%);
  bottom: -10px;
}
.under2-set .under-text {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
.under2-set .under-text {
    margin-bottom: 2rem;
  }
}
.purpose-menu {
  border: 2px dashed 
  #9F9F9F;
  padding: 3rem 6rem 5rem;
  box-sizing: border-box;
  max-width: 560px;
  margin: 0 auto 7rem;
}
@media (max-width: 768px) {
.purpose-menu {
    padding: 2rem;
    margin-bottom: 4rem;
  }
}
.purpose-menu__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
  color: 
  #3F8579;
}
@media (max-width: 768px) {
.purpose-menu__title {
   font-size: 1.8rem;
   margin-bottom: 0;
  }
}
.purpose-menu__item  {
  border-bottom: 2px dashed 
  #9F9F9F;
  padding: .5rem 0 .5rem 2rem;
}
.purpose-menu__item--num {
  color: 
  #3F8579;
  font-size: 2rem;
  font-weight: 700;
  padding-right: 2rem;
}
@media (max-width: 768px) {
.purpose-menu__item--num {
   font-size: 1.8rem;
  }
}
.purpose-menu__item:last-child {
  border: none;
}

.purpose-set {
  display: flex;
  gap : 27rem;
  padding-bottom: 5rem;
}
@media (max-width: 1000px) {
 .purpose-set {
    gap : 10vw;
  }
}
@media (max-width: 768px) {
 .purpose-set {
    flex-direction: column;
    gap : 4rem;
    padding-bottom: 3rem;
  }
}

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

.purpose-detail__label {
  border-top : 3px solid #3F8579;
  border-bottom : 3px solid #3F8579;
  font-size: 2.6rem;
  font-weight: 700;
  padding: .5rem 0;
  text-align: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
 .purpose-detail__label {
    font-size: 1.6rem;
  }
}
.purpose-detail__list {
  display: flex;
  flex-direction: column;
  gap : 1rem;
  padding: 0 0 0 1rem;
  box-sizing: border-box;
}
.purpose-detail__item a {
  color: #346AD0;
}

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