.eng_tit {
  color: black;
  transition: opacity 1s ease-in-out;
}

.eng_tit span {
  display: inline-block;
  transition: color 0.5s ease-in-out;
  font-weight: 700;
  font-family: Arial, Helvetica, "sans-serif";
}

a.link_motion {
  color: #4d4d4d;
  font-size: 16px;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  margin-top: 52px;
}
@media screen and (max-width: 750px) {
  a.link_motion {
    font-size: 3.73vw;
    line-height: 11.73vw;
    border-radius: 5.87vw;
    margin-top: 10.67vw;
    margin-left: 0vw;
    padding: 0 4em 0 2em;
    position: relative;
    border: 1px solid #969696;
  }
  a.link_motion::after {
    content: "";
    display: block;
    width: 3.33vw;
    height: 4.67vw;
    background: url("../../images/top/link_arrow_sp.png") no-repeat center/100%;
    position: absolute;
    right: 6.13vw;
    top: 50%;
    transform: translate(0%, -50%);
  }
}
a.link_motion:hover {
  opacity: 1;
  color: #f08723;
}
a.link_motion:hover .bar::after {
  width: 16px;
  height: 16px;
  background: #f08723;
  left: 50px;
}
@media screen and (max-width: 1400px) {
  a.link_motion:hover .bar::after {
    width: 1.14vw;
    height: 1.14vw;
  }
}
@media screen and (max-width: 1100px) {
  a.link_motion:hover .bar::after {
    width: 1.45vw;
    height: 1.45vw;
  }
}
a.link_motion .bar {
  background-color: #ccc;
  position: absolute;
  right: -106px;
  top: 50%;
  transform: translate(0%, -50%);
  width: 70px;
  height: 4px;
  border-radius: 2px;
}
@media screen and (max-width: 1400px) {
  a.link_motion .bar {
    right: -7.57vw;
    width: 5vw;
    height: 0.29vw;
    border-radius: 0.14vw;
  }
}
@media screen and (max-width: 1100px) {
  a.link_motion .bar {
    right: -9.64vw;
    width: 6.36vw;
    height: 0.36vw;
    border-radius: 0.18vw;
  }
}
@media screen and (max-width: 750px) {
  a.link_motion .bar {
    display: none;
  }
}
a.link_motion .bar::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #1a1a1a;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translate(0%, -50%);
  border-radius: 100%;
  pointer-events: none;
  transition: left 0.3s;
}
@media screen and (max-width: 1400px) {
  a.link_motion .bar::after {
    width: 0.71vw;
    height: 0.71vw;
    left: 0.29vw;
  }
}
@media screen and (max-width: 1100px) {
  a.link_motion .bar::after {
    width: 0.91vw;
    height: 0.91vw;
    left: 0.36vw;
  }
}

.top_area {
  background: url("../../images/business/uniform/top_bg.png") no-repeat top center;
  background-size: 1800px 750px;
  height: 750px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 0;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .top_area {
    background-size: 163.64vw 68.18vw;
    height: 68.18vw;
  }
}
@media screen and (max-width: 750px) {
  .top_area {
    background: url("../../images/business/uniform/top_bg_sp.png") no-repeat top center;
    background-size: 100vw 99.2vw;
    height: 99.2vw;
  }
}
.top_area h1 {
  color: #000;
  text-align: center;
  font-size: 40px;
  letter-spacing: 0.2em;
  padding-top: 553px;
}
@media screen and (max-width: 1100px) {
  .top_area h1 {
    font-size: 3.64vw;
    padding-top: 50.27vw;
  }
}
@media screen and (max-width: 750px) {
  .top_area h1 {
    font-size: 6.13vw;
    line-height: 9.6vw;
    padding-top: 68.93vw;
  }
}

/* top_area */
.second_area {
  padding-top: 731px;
}
@media screen and (max-width: 1100px) {
  .second_area {
    padding-top: 66.45vw;
  }
}
@media screen and (max-width: 750px) {
  .second_area {
    padding-top: 97.33vw;
  }
}
.second_area .inner {
  width: 1100px;
}
@media screen and (max-width: 1200px) {
  .second_area .inner {
    width: 1000px;
  }
}
@media screen and (max-width: 1100px) {
  .second_area .inner {
    width: 100vw;
  }
}
@media screen and (max-width: 750px) {
  .second_area .inner {
    width: 84vw;
  }
}
.second_area .second_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  .second_area .second_wrap {
    display: block;
  }
}
.second_area .second_wrap h2 {
  font-weight: 300;
  font-size: 34px;
  line-height: 70px;
  letter-spacing: 0.3em;
  white-space: nowrap;
  margin-top: -10px;
}
@media screen and (max-width: 1100px) {
  .second_area .second_wrap h2 {
    width: 600px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .second_area .second_wrap h2 {
    width: 78.67vw;
    font-size: 5.6vw;
    line-height: 12.13vw;
  }
}
.second_area .second_box {
  width: 600px;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 1100px) {
  .second_area .second_box {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 750px) {
  .second_area .second_box {
    margin-top: 13.33vw;
    width: 78.67vw;
    padding-bottom: 4vw;
  }
}
.second_area .second_box::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dbdbdb;
  position: absolute;
  left: -79px;
  top: 50%;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 1200px) {
  .second_area .second_box::after {
    left: -39px;
  }
}
@media screen and (max-width: 1100px) {
  .second_area .second_box::after {
    top: -27px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 1px;
    width: 670px;
  }
}
@media screen and (max-width: 750px) {
  .second_area .second_box::after {
    top: -13.87vw;
    margin-top: 6.67vw;
    width: 89.33vw;
  }
}
.second_area .second_box .txt {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  .second_area .second_box .txt {
    font-size: 3.73vw;
    line-height: 7.47vw;
    width: 78.67vw;
  }
}
.second_area .second_box .txt_02 {
  margin-top: 32px;
}
@media screen and (max-width: 750px) {
  .second_area .second_box .txt_02 {
    margin-top: 7.33vw;
  }
}

/* second_area */
.contents_area {
  margin-top: 131px;
  padding-bottom: 220px;
}
@media screen and (max-width: 1100px) {
  .contents_area {
    margin-top: 11.91vw;
    padding-bottom: 20vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area {
    margin-top: 20.53vw;
    padding-bottom: 23.47vw;
  }
}
.contents_area .contents_list > li {
  background: url("../../images/business/uniform/uniform_01_bg.png") no-repeat center center;
  background-size: 1800px 800px;
  min-height: 800px;
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_list > li {
    background-size: 163.64vw 72.73vw;
    min-height: 72.73vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li {
    background: url("../../images/business/uniform/uniform_01_bg_sp.png") no-repeat top center;
    background-size: 100vw 88.93vw;
  }
}
.contents_area .contents_list > li:nth-of-type(odd) .contents_box {
  margin-left: 820px;
}
@media screen and (max-width: 1580px) {
  .contents_area .contents_list > li:nth-of-type(odd) .contents_box {
    margin-left: 53.16vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li:nth-of-type(odd) .contents_box {
    margin-left: auto;
  }
}
.contents_area .contents_list > li:nth-of-type(2) {
  background: url("../../images/business/uniform/uniform_02_bg.png") no-repeat center center;
  background-size: 1800px 580px;
  margin-top: 140px;
  min-height: 580px;
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_list > li:nth-of-type(2) {
    background-size: 163.64vw 52.73vw;
    margin-top: 12.73vw;
    min-height: 52.73vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li:nth-of-type(2) {
    background: url("../../images/business/uniform/uniform_02_bg_sp.png") no-repeat top center;
    background-size: 100vw 64vw;
    margin-top: 27.07vw;
    padding-top: 26.67vw;
    min-height: 0;
  }
}
.contents_area .contents_list > li:nth-of-type(2) .contents_box {
  min-height: 580px;
}
@media screen and (max-width: 1500px) {
  .contents_area .contents_list > li:nth-of-type(2) .contents_box {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_list > li:nth-of-type(2) .contents_box {
    min-height: 52.73vw;
    margin-left: 1.82vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li:nth-of-type(2) .contents_box {
    padding-top: 45.33vw;
  }
}
.contents_area .contents_list > li:nth-of-type(3) {
  background: url("../../images/business/uniform/uniform_03_bg.png") no-repeat center center;
  background-size: 1800px 580px;
  margin-top: 120px;
  min-height: 580px;
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_list > li:nth-of-type(3) {
    background-size: 163.64vw 52.73vw;
    margin-top: 10.91vw;
    min-height: 52.73vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li:nth-of-type(3) {
    background: url("../../images/business/uniform/uniform_03_bg_sp.png") no-repeat top center;
    background-size: 100vw 64vw;
    margin-top: 20.4vw;
    min-height: 0;
  }
}
.contents_area .contents_list > li:nth-of-type(3) .contents_box {
  min-height: 580px;
}
@media screen and (max-width: 1580px) {
  .contents_area .contents_list > li:nth-of-type(3) .contents_box {
    margin-left: 50.63vw;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_list > li:nth-of-type(3) .contents_box {
    min-height: 52.73vw;
    margin-left: 49.09vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_list > li:nth-of-type(3) .contents_box {
    padding-top: 72vw;
    margin-left: auto;
  }
}
.contents_area .contents_wrap {
  width: 1420px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .contents_area .contents_wrap {
    width: 100vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_wrap {
    width: 100vw;
  }
}
.contents_area .contents_box {
  width: 600px;
  box-sizing: border-box;
  padding-top: 45px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: 800px;
}
@media screen and (max-width: 1400px) {
  .contents_area .contents_box {
    width: 42.86vw;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_box {
    width: 54.55vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_box {
    padding-top: 100vw;
    width: 78.67vw;
    margin: 0 auto;
  }
}
.contents_area .contents_box h2 {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.2em;
  color: #000;
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_box h2 {
    font-size: 2.55vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_box h2 {
    font-size: 5.87vw;
    line-height: 9.33vw;
  }
}
.contents_area .contents_box .contents_tit_img {
  width: 550px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1400px) {
  .contents_area .contents_box .contents_tit_img {
    width: 39.29vw;
    margin-bottom: 1.79vw;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_box .contents_tit_img {
    width: 40.91vw;
    margin-bottom: 2.27vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_box .contents_tit_img {
    width: 100%;
  }
}
.contents_area .contents_box .txt {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.04em;
  color: #4d4d4d;
  margin-top: 35px;
  width: 600px;
}
@media screen and (max-width: 1400px) {
  .contents_area .contents_box .txt {
    margin-top: 2.5vw;
    width: 42.86vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_box .txt {
    font-size: 3.73vw;
    line-height: 7.47vw;
    margin: 7.33vw auto 0;
    width: 80vw;
  }
}
.contents_area .contents_box .txt_02 {
  margin-top: 36px;
}
@media screen and (max-width: 1100px) {
  .contents_area .contents_box .txt_02 {
    margin-top: 3.27vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .contents_box .txt_02 {
    margin-top: 7.33vw;
  }
}
.contents_area .site_link {
  display: flex;
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  .contents_area .site_link {
    margin-top: 10.67vw;
    display: block;
  }
}
.contents_area .site_link_item {
  background-color: #333;
  color: #fff;
  width: 200px;
  height: 50px;
  display: block;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0.06em;
  text-align: center;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .contents_area .site_link_item {
    width: 14.29vw;
    height: 3.57vw;
    font-size: 1vw;
    line-height: 3.57vw;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .site_link_item {
    width: 18.18vw;
    height: 4.55vw;
    font-size: 1.27vw;
    line-height: 4.55vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .site_link_item {
    width: 66.67vw;
    height: 11.73vw;
    font-size: 3.15vw;
    line-height: 11.73vw;
    margin: 0 auto;
  }
}
.contents_area .site_link_item:hover {
  opacity: 1;
  background: #f08723;
}
.contents_area .site_link_item::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("../../images/top/brands_arrow.png") no-repeat center/100%;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 1400px) {
  .contents_area .site_link_item::after {
    width: 0.71vw;
    height: 0.71vw;
    right: 1.21vw;
  }
}
@media screen and (max-width: 1100px) {
  .contents_area .site_link_item::after {
    width: 0.91vw;
    height: 0.91vw;
    right: 1.55vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_area .site_link_item::after {
    background: url("../../images/top/brands_arrow_sp.png") no-repeat center/100%;
    width: 1.73vw;
    height: 1.73vw;
    right: 3.47vw;
  }
}
.contents_area .site_link_item + .site_link_item {
  margin-left: 40px;
}
@media screen and (max-width: 750px) {
  .contents_area .site_link_item + .site_link_item {
    margin-top: 4vw;
    margin-left: auto;
  }
}

/* contents_area *//*# sourceMappingURL=uniform.css.map */