@charset "UTF-8";
/* common */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}

::-ms-expand {
  display: none;
}

html, body {
  width: 100%;
  min-height: 100%;
  height: auto;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

/* PC */
body {
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 1px;
  color: #2C2C2C;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

img {
  display: block;
  max-width: 100%;
  width: auto;
}

a {
  color: #2C2C2C;
  text-decoration: none;
  -webkit-transition: opacity ease 0.3s, color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: opacity ease 0.3s, color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
}
a img {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
a svg {
  -webkit-transition: fill ease 0.3s;
  transition: fill ease 0.3s;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
  a:hover img {
    opacity: 0.7;
  }
  a[href*="tel:"] {
    pointer-events: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  img {
    width: 100%;
    height: auto;
  }
  input, textarea, select {
    font-size: 1.6rem !important;
  }
  .pc {
    display: none !important;
  }
}
/* base */
input, button, textarea, select {
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #2C2C2C;
}

/* loading */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff url(../img/loading-logo.svg) center center no-repeat;
  background-size: 48rem;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
#loading::before {
  content: "";
  -webkit-animation: loading 1s 1s linear forwards;
          animation: loading 1s 1s linear forwards;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #loading {
    background-size: 28rem;
  }
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 7rem;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}
header .siteName {
  width: 20.4rem;
  padding-left: 3rem;
}
header .globalNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 7rem;
}
header .globalNav__listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
header .globalNav__list:not(:last-of-type) {
  margin-right: 2.5rem;
}
@media screen and (min-width: 768px) {
  header .globalNav__list.trigger:hover .globalNav__mega {
    visibility: visible;
    opacity: 1;
  }
  header .globalNav__list.trigger:hover .globalNav__cateLink {
    color: #DA291C;
  }
  header .globalNav__list.trigger:hover .globalNav__cateLink::after {
    width: 100%;
  }
}
header .globalNav__cateLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 7rem;
  position: relative;
}
header .globalNav__cateLink::after {
  content: "";
  display: block;
  width: 0;
  height: 4px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  background-color: #DA291C;
  -webkit-transition: width ease 0.3s;
  transition: width ease 0.3s;
}
@media screen and (min-width: 768px) {
  header .globalNav__cateLink:hover {
    color: #DA291C;
  }
  header .globalNav__cateLink:hover::after {
    width: 100%;
  }
}
header .globalNav__mega {
  position: absolute;
  width: 100%;
  left: 0;
  top: 7rem;
  background-color: rgba(112, 115, 114, 0.85);
  color: #ffffff;
  padding: 0 3rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (min-width: 768px) {
  header .globalNav__mega {
    display: block !important;
  }
}
header .globalNav__megaInner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8rem 0;
}
header .globalNav__megaTitle {
  width: 20rem;
}
header .globalNav__megaTitle a {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 4.4rem;
  color: #ffffff;
  position: relative;
  padding-right: 3.6rem;
}
header .globalNav__megaTitle a::after {
  position: absolute;
  right: 1rem;
  bottom: 1.2rem;
  content: "";
  display: block;
  background-image: url("../img/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  -webkit-transition: background-image ease 0.3s, right ease 0.3s;
  transition: background-image ease 0.3s, right ease 0.3s;
}
@media screen and (min-width: 768px) {
  header .globalNav__megaTitle a:hover {
    color: #DA291C;
  }
  header .globalNav__megaTitle a:hover::after {
    background-image: url(../img/arrow_right_red.svg);
    right: 0;
  }
}
header .globalNav__megaMain {
  width: calc(100% - 20rem);
  max-width: 75rem;
}
header .globalNav__megaMain .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  header .globalNav__megaMain .flex.topFlex {
    margin: 0 0 3.7rem;
  }
  header .globalNav__megaMain .flex.topFlex02 {
    margin: 3rem 0 0;
  }
}
header .globalNav__megaMain .flex__box {
  width: 50%;
}
header .globalNav__megaMain .flex p {
  margin: 0 0 0 0;
}
header .globalNav__megaMain .flex p:not(:last-of-type) {
  margin-right: 3rem;
}
header .globalNav__megaTitle--sub {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  position: relative;
  letter-spacing: 2px;
  margin: 20px 0 17px;
}
header .globalNav__megaTitle--sub:first-of-type {
  margin-top: 0;
}
header .globalNav__megaTitle--sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #ffffff;
  border-radius: 100%;
  margin: 0 0.7rem 0.2rem 0.3rem;
}
header .globalNav__megaTitle--sub.link::before {
  content: none;
}
header .globalNav__megaTitle--sub.link a {
  color: #ffffff;
  position: relative;
  padding-right: 3.2rem;
}
header .globalNav__megaTitle--sub.link a::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #ffffff;
  border-radius: 100%;
  margin: 0 0.7rem 0.2rem 0.3rem;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
header .globalNav__megaTitle--sub.link a::after {
  position: absolute;
  right: 1rem;
  bottom: 0.8rem;
  content: "";
  display: block;
  background-image: url("../img/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  -webkit-transition: background-image ease 0.3s, right ease 0.3s;
  transition: background-image ease 0.3s, right ease 0.3s;
}
@media screen and (min-width: 768px) {
  header .globalNav__megaTitle--sub.link a:hover {
    color: #DA291C;
  }
  header .globalNav__megaTitle--sub.link a:hover::before {
    background-color: #DA291C;
  }
  header .globalNav__megaTitle--sub.link a:hover::after {
    background-image: url(../img/arrow_right_red.svg);
    right: 0;
  }
}
header .globalNav__megaTitle--sub.blankLink::before {
  content: none;
}
header .globalNav__megaTitle--sub.blankLink a {
  color: #ffffff;
  position: relative;
  padding-right: 3.2rem;
}
header .globalNav__megaTitle--sub.blankLink a::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #ffffff;
  border-radius: 100%;
  margin: 0 0.7rem 0.2rem 0.3rem;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
header .globalNav__megaTitle--sub.blankLink a::after {
  background-size: 1.5rem auto;
  width: 1.5rem;
  height: 1.3rem;
  margin-left: 0.4rem;
}
@media screen and (min-width: 768px) {
  header .globalNav__megaTitle--sub.blankLink a:hover {
    color: #DA291C;
  }
  header .globalNav__megaTitle--sub.blankLink a:hover::before {
    background-color: #DA291C;
  }
  header .globalNav__megaTitle--sub.blankLink a:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}
header .globalNav__megaTitle--newconcept {
  position: relative;
  margin: 1.6rem 0 2.3rem;
}
header .globalNav__megaTitle--newconcept::before {
  content: "";
  display: block;
  width: calc(100% - 16.3rem);
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  header .globalNav ul.cell05 li {
    width: calc((100% - 4rem) / 5);
  }
  header .globalNav ul.cell05 li:not(:nth-child(5n)) {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  header .globalNav ul.cell04 li {
    width: calc((100% - 3rem) / 4);
  }
  _:-ms-lang(x)::-ms-backdrop, header .globalNav ul.cell04 li {
    width: calc((100% - 3.1rem) / 4);
  }
  header .globalNav ul.cell04 li:not(:nth-child(4n)) {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 951px) {
  header .globalNav ul.cell03 li {
    width: calc((100% - 2.4rem) / 3);
  }
  _:-ms-lang(x)::-ms-backdrop, header .globalNav ul.cell03 li {
    width: calc((100% - 2.5rem) / 3);
  }
  header .globalNav ul.cell03 li:not(:nth-child(3n)) {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  header .globalNav ul.cell03 li {
    width: calc((100% - 1rem) / 2);
  }
  _:-ms-lang(x)::-ms-backdrop, header .globalNav ul.cell03 li {
    width: calc((100% - 1.1rem) / 2);
  }
  header .globalNav ul.cell03 li:not(:nth-child(even)) {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 951px) {
  header .globalNav ul.cell02 li {
    width: calc((100% - 1.2rem) / 2);
  }
  header .globalNav ul.cell02 li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  header .globalNav ul.cell02 li:not(:nth-child(even)) {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  header .globalNav ul.cell02 li {
    width: calc((100% - 1.2rem) / 2);
    margin-bottom: 4rem;
  }
  header .globalNav ul.cell02 li:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  header .globalNav ul.cell02 li:not(:nth-child(even)) {
    margin-right: 1.2rem;
  }
}
header .globalNav__megaListBox--logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
header .globalNav__megaListBox--logo li {
  margin-bottom: 1rem;
}
header .globalNav__megaListBox--logo li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 9rem;
  padding: 1rem 1rem 1rem 32%;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 4px;
  line-height: 2rem;
  color: #151515;
  position: relative;
  letter-spacing: 0.5px;
}
header .globalNav__megaListBox--logo li a.logo {
  padding-left: calc(4% + 8rem);
}
header .globalNav__megaListBox--logo li a.logo img {
  width: 8rem;
  left: 2%;
}
header .globalNav__megaListBox--logo li a.logo p {
  text-align: center;
}
@media screen and (min-width: 951px) {
  header .globalNav__megaListBox--logo li a.logo01 {
    padding-left: 47%;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  header .globalNav__megaListBox--logo li a.logo01 {
    padding-left: 40%;
  }
}
header .globalNav__megaListBox--logo li a.logo01 img {
  width: 8.634rem;
  left: 11.5%;
}
header .globalNav__megaListBox--logo li a.logo02 img {
  width: 5.508rem;
  left: 10%;
}
header .globalNav__megaListBox--logo li a.logo03 img {
  width: 5.2rem;
  left: 11%;
}
header .globalNav__megaListBox--logo li a img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  header .globalNav__megaListBox--logo li a:hover {
    color: #DA291C;
  }
  header .globalNav__megaListBox--logo li a:hover img {
    opacity: 1;
  }
}
header .globalNav__megaListBox--normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
header .globalNav__megaListBox--normal li {
  margin-bottom: 1rem;
}
header .globalNav__megaListBox--normal li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  text-align: center;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 4px;
  line-height: 2rem;
  padding: 1rem 0.3rem;
}
@media screen and (min-width: 768px) {
  header .globalNav__megaListBox--normal li a:hover {
    color: #DA291C;
  }
  header .globalNav__megaListBox--normal li a:hover img {
    opacity: 1;
  }
}
header .globalNav__megaSearchForm {
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
header .globalNav__megaSearchInput--text {
  width: calc(100% - 5rem);
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0 2rem;
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4rem;
}
header .globalNav__megaSearchInput--text::-webkit-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--text::-moz-placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--text:-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--text::placeholder {
  color: #D6D6D6;
}
header .globalNav__megaSearchInput--submit {
  width: 4rem;
  height: 4rem;
  background: #DA291C url(../img/icon_search_white.svg) no-repeat center;
  background-size: 1.587rem auto;
  border-radius: 100%;
  border: 1px solid #DA291C;
  -webkit-transition: background-image ease 0.3s, background-color ease 0.3s;
  transition: background-image ease 0.3s, background-color ease 0.3s;
  cursor: pointer;
}
header .globalNav__search {
  margin-left: 1.5rem;
}
header .globalNav__searchBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 7rem;
  width: 7rem;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
header .globalNav__searchBtn svg {
  fill: #DA291C;
  -webkit-transition: fill ease 0.3s;
  transition: fill ease 0.3s;
}
header .globalNav__searchBtn:hover {
  background-color: #DA291C;
}
header .globalNav__searchBtn:hover svg {
  fill: #fff;
}
header .globalNav__searchBtn.open {
  background-color: #DA291C;
  position: relative;
}
header .globalNav__searchBtn.open svg {
  display: none;
}
header .globalNav__searchBtn.open::after {
  content: "✕";
  color: #ffffff;
  line-height: 1;
}
header .globalNav__searchBody {
  position: absolute;
  top: 7rem;
  left: 0;
  width: 100%;
  background-color: #DA291C;
  border-top: 1px solid #fff;
  display: none;
  padding: 0 3rem;
}
header .globalNav__searchInner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
header .globalNav__searchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 10rem;
}
header .globalNav__searchInput--text {
  width: calc(100% - 6rem);
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0 2rem;
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4rem;
  height: 5rem;
  font-size: 1.6rem;
  padding: 0 4rem;
}
header .globalNav__searchInput--text::-webkit-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--text::-moz-placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--text:-ms-input-placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--text::placeholder {
  color: #D6D6D6;
}
header .globalNav__searchInput--submit {
  width: 5rem;
  height: 5rem;
  background: #fff url(../img/icon_search_red.svg) no-repeat center;
  background-size: 2.023rem auto;
  border-radius: 100%;
  border: 1px solid #DA291C;
  -webkit-transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
  transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 1070px) and (min-width: 768px) {
  header .siteName {
    width: 14rem;
    padding-left: 1rem;
  }
  header .globalNav__list:not(:last-of-type) {
    margin-right: 0.7rem;
  }
  header .globalNav__cateLink {
    font-size: 12px;
  }
  header .globalNav__search {
    margin-left: 0.5rem;
  }
  header .globalNav__searchBtn {
    width: 4rem;
  }
}
header.ipadver .globalNav__list:not(:last-of-type) {
  margin-right: 1rem;
}

@media screen and (min-width: 768px) {
  footer a:hover {
    text-decoration: underline;
  }
}
footer .pageTop {
  position: fixed;
  z-index: 1;
  bottom: 3rem;
  right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #513529;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  border: 2px solid #fff;
  opacity: 0;
  -webkit-transition: border-color ease 0.3s, background-color ease 0.3s, opacity ease 0.3s;
  transition: border-color ease 0.3s, background-color ease 0.3s, opacity ease 0.3s;
}
@media screen and (min-width: 768px) {
  footer .pageTop {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
footer .pageTop svg {
  stroke: #fff;
  -webkit-transition: stroke ease 0.3s;
  transition: stroke ease 0.3s;
}
@media screen and (min-width: 768px) {
  footer .pageTop:hover {
    background-color: #fff;
    border-color: #513529;
  }
  footer .pageTop:hover svg {
    stroke: #513529;
  }
}
footer .pageTop.show {
  opacity: 1;
}
footer .footer__main {
  background-color: #DA291C;
  padding: 0 3rem;
}
footer .footer__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 15rem;
  height: 5rem;
  position: absolute;
  bottom: 6rem;
  right: 0;
  background-color: #ffffff;
}
footer .footer__banner img {
  width: 8rem;
}
footer .globalNav {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  color: #ffffff;
  padding: 4.8rem 0 6rem;
}
footer .globalNav a {
  color: #ffffff;
}
footer .globalNav__listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 0 5% 0 5.6%;
}
footer .globalNav__cateLink {
  font-size: 1.3rem;
  line-height: 2.2rem;
}
footer .globalNav__megaListBox li, footer .globalNav__megaTitle--sub {
  font-size: 1.1rem;
  line-height: 1.4rem;
}

footer .globalNav__mega {
  margin-top: 1.8rem;
}
@media screen and (min-width: 768px) {
  footer .globalNav__mega {
    display: block !important;
  }
}
footer .globalNav__megaTitle {
  display: none;
}
footer .globalNav__megaMain {
  margin-top: 1.4rem;
}
footer .globalNav__megaTitle--sub {
  margin-bottom: 1.2rem;
  margin-top: 2.5rem;
}
footer .globalNav__megaListBox li {
  font-weight: 300;
}
footer .globalNav__megaListBox li:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
footer .globalNav__megaListBox li a {
  text-decoration: underline;
}
footer .globalNav__megaListBox li a.blank::after {
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  footer .globalNav__megaListBox li a:hover {
    text-decoration: none;
  }
}
footer .footer__sub {
  padding: 0 3rem;
  background-color: #ffffff;
}
footer .footer__sub .subNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
footer .footer__sub .subNav li {
  font-size: 1.1rem;
  line-height: 1.7rem;
  letter-spacing: 2px;
}
footer .footer__sub .subNav li:not(:last-of-type) {
  margin-right: 2.5rem;
}
footer .footer__sub .subNav li a {
  color: #868686;
}
footer .footer__sub small {
  font-size: 1.1rem;
  line-height: 1.7rem;
  color: #868686;
  letter-spacing: 1.6px;
}
footer .footer__subInner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 2.2rem 0;
}

@media screen and (max-width: 950px) and (min-width: 768px) {
  footer .globalNav__listBox {
    padding: 0;
  }
}
.contentWrap.topPage main {
  padding-bottom: 0;
}
.contentWrap.topPage .bottomNav {
  padding: 16rem 3rem 6rem;
  margin-top: -4rem;
}

.contentWrap {
  padding-top: 7rem;
}
.contentWrap main {
  padding-bottom: 8rem;
}
.contentWrap .bottomNav {
  padding: 8rem 3rem 6rem;
  background-color: #F5F5F5;
}
.contentWrap .bottomNav ul {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.contentWrap .bottomNav .column__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}
.contentWrap .bottomNav .column__single a {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
  height: 100%;
  width: 100%;
}
.contentWrap .bottomNav .column__photo {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
  min-height: 0%;
  width: 100%;
}
.contentWrap .bottomNav .column__photo img {
  border-radius: 4px 4px 0 0;
}
.contentWrap .bottomNav .column__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.2rem 1rem 2.5rem;
  border-radius: 0 0 4px 4px;
  min-height: 0%;
  width: 100%;
}
.contentWrap .bottomNav .column__details p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: 1.7px;
  text-align: center;
}
.contentWrap .bottomNav .column__details p.title {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 1.3rem;
  letter-spacing: 1.5px;
}
.contentWrap .bottomNav .column__details p.title::after {
  content: "";
  display: block;
  background-image: url("../img/icon_blank.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 11px;
  width: 13px;
  height: 11px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.8rem;
}
.contentWrap .appliNav {
  padding: 1.5rem 3rem;
}
.contentWrap .appliNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contentWrap .appliNav ul li {
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 3.8rem;
}
.contentWrap .appliNav ul li.information img {
  width: 3.258rem;
  margin-right: 1rem;
}
.contentWrap .appliNav ul li.appli img {
  margin-left: 0.3rem;
}
.contentWrap .appliNav ul li.appli span {
  margin-right: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 5rem;
  height: 5rem;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0px 5px rgba(0, 0, 0, 0.13);
  border-radius: 9px;
}
.contentWrap .appliNav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #151515;
}

.blank::after {
  content: "";
  display: block;
  background-image: url("../img/icon_blank_white.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 9px 7.6153846154px;
  width: 9px;
  height: 7.6153846154px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.5rem;
}

.pdf::after {
  content: "";
  display: block;
  background-image: url("../img/icon_pdf.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 18.14px 20.7318571192px;
  width: 18.14px;
  height: 20.7318571192px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: text-bottom;
}

.colorTextLink {
  color: #DA291C;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .colorTextLink:hover {
    text-decoration: none;
  }
}

.title--obi {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.title--obi::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .title--obi::after {
    left: -2rem !important;
  }
}
.title--obi .text {
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  letter-spacing: 5px;
}
.title--obi .text span {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.1rem;
  margin-left: 1.2rem;
  letter-spacing: 1.5px;
}

@media screen and (min-width: 768px) {
  .column a.column__single:hover .column__photo {
    opacity: 1;
  }
}
.column--item4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (min-width: 951px) {
  .column--item4 .column__single {
    width: 23.3%;
  }
  .column--item4 .column__single:not(:nth-child(4n)) {
    margin-right: 2.2%;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .column--item4 .column__single {
    width: 48%;
  }
  .column--item4 .column__single:not(:nth-child(even)) {
    margin-right: 4%;
  }
}
.column--item3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .column--item3 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 951px) {
  .column--item3 .column__single {
    width: 31%;
  }
  .column--item3 .column__single:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .column--item3 .column__single {
    width: 48%;
  }
  .column--item3 .column__single:not(:nth-child(even)) {
    margin-right: 4%;
  }
}
@media screen and (min-width: 951px) {
  .column--item3 .column__single.long {
    width: 48%;
  }
  .column--item3 .column__single.long:not(:nth-child(odd)) {
    margin-right: 4%;
  }
  .column--item3 .column__single.long:not(:nth-child(even)) {
    margin-right: 0;
  }
}
@media screen and (min-width: 951px) {
  .column--item3.narrow .column__single {
    width: 32%;
    margin-bottom: 2rem;
  }
  .column--item3.narrow .column__single:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
.column__single {
  display: block;
  margin-bottom: 5rem;
}
.column__photo {
  margin-bottom: 1.6rem;
  background-color: #fff;
  border-radius: 4px;
}
.column__photo img {
  border-radius: 4px;
}
.column__details p {
  font-size: 1.2rem;
  line-height: 2rem;
}
.column__details p.title {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #DA291C;
  margin-bottom: 1rem;
  letter-spacing: 1.9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tab__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.tab__choice li {
  width: 40%;
  max-width: 40rem;
  height: 6rem;
  border-radius: 4px 4px 0 0;
  background-color: #F5F5F5;
  color: #868686;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0.25rem;
  padding-bottom: 1.7rem;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
.tab__choice li span {
  font-size: 2.4rem;
  margin-right: 0.2rem;
}
.tab__choice li.select {
  background-color: #DA291C;
  color: #ffffff;
}
.tab__content {
  border-radius: 4px;
  background-color: #ffffff;
  border: 8px solid #E6E6E6;
  padding: 5rem 5rem 3rem;
}

.slider--item4, .slider--item3, .slider--pick, .slider--thumbnail--nav, .slider--shop {
  display: none;
  margin: 0 !important;
  padding: 0 4rem;
}
.slider--item4.slick-initialized, .slider--item3.slick-initialized, .slider--pick.slick-initialized, .slider--thumbnail--nav.slick-initialized, .slider--shop.slick-initialized {
  display: block;
}
.slider--item4 .slick-list, .slider--item3 .slick-list, .slider--pick .slick-list, .slider--thumbnail--nav .slick-list, .slider--shop .slick-list {
  max-width: 102rem;
  width: 100%;
  margin: 0 auto;
}
.slider--item4 li, .slider--item3 li, .slider--pick li, .slider--thumbnail--nav li, .slider--shop li {
  padding: 0 1rem;
}
.slider--item4 li a, .slider--item3 li a, .slider--pick li a, .slider--thumbnail--nav li a, .slider--shop li a {
  border-radius: 4px;
  background-color: #ffffff;
  display: block;
}
.slider--item4 li a img, .slider--item3 li a img, .slider--pick li a img, .slider--thumbnail--nav li a img, .slider--shop li a img {
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .slider--item4 li a:hover, .slider--item3 li a:hover, .slider--pick li a:hover, .slider--thumbnail--nav li a:hover, .slider--shop li a:hover {
    opacity: 1;
  }
}
.slider--thumbnail--nav li {
  cursor: pointer;
}

.slick-arrow {
  display: block;
  background-color: #DA291C;
  width: 4rem;
  height: 4rem;
  border-radius: 4px;
  color: #DA291C;
  font-size: 1rem;
  position: absolute;
  top: 4.5rem;
  z-index: 1;
}
.slick-arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-arrow.slickPrev {
  left: 0;
}
.slick-arrow.slickPrev::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 6.13px 10.5080587753px;
  width: 6.13px;
  height: 10.5080587753px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.slick-arrow.slickNext {
  right: 0;
}
.slick-arrow.slickNext::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 6.13px 10.5080587753px;
  width: 6.13px;
  height: 10.5080587753px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.slick-arrow.white {
  background-color: #fff;
  color: #fff;
}
.slick-arrow.white.slickPrev {
  left: 0;
}
.slick-arrow.white.slickPrev::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_left_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 6.13px 10.5080587753px;
  width: 6.13px;
  height: 10.5080587753px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.slick-arrow.white.slickNext {
  right: 0;
}
.slick-arrow.white.slickNext::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 6.13px 10.5080587753px;
  width: 6.13px;
  height: 10.5080587753px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}

.dotsNav {
  margin-top: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dotsNav li {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dotsNav li:not(:last-of-type) {
  margin-right: 1.7rem;
}
.dotsNav li button {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #DA291C;
  border-radius: 100%;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, border-color ease 0.3s;
  transition: background-color ease 0.3s, border-color ease 0.3s;
}
.dotsNav li.slick-active button {
  width: 1.2rem;
  height: 1.2rem;
  background-color: transparent;
  border: 2px solid #DA291C;
}

.news__single {
  display: block;
  line-height: 2rem;
  letter-spacing: 0.5px;
  width: 100%;
}
.news__single:not(:last-child) {
  margin-bottom: 1.3rem;
}
@media screen and (min-width: 768px) {
  a.news__single:hover dd::after {
    opacity: 1;
    right: 0;
  }
}

.news__single dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.news__single dl.new dd {
  padding-left: 50px;
}
.news__single dl.new dd::before {
  content: "NEW";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 19px;
  margin: auto;
  padding: 5px;
  background: #DA291C;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
}
.news__single dt {
  width: 11.5rem;
}
.news__single dd {
  letter-spacing: 1.8px;
  max-width: calc(100% - 11.5rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 2.2rem;
  position: relative;
}
.news__single dd::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  opacity: 0;
  -webkit-transition: right ease 0.3s, opacity ease 0.3s;
  transition: right ease 0.3s, opacity ease 0.3s;
}
.news__single dd img.iconPDF {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 1rem;
  margin-right: 0.5em;
}

.link--arrow--white {
  position: relative;
  padding-right: 3.2rem;
}
.link--arrow--white::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .link--arrow--white:hover::after {
    right: 0;
  }
}
.link--arrow--red {
  position: relative;
  padding-right: 3.2rem;
}
.link--arrow--red::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .link--arrow--red:hover::after {
    right: 0;
  }
}
.link--arrow--gray {
  position: relative;
  padding-right: 3.2rem;
}
.link--arrow--gray::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_gray.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .link--arrow--gray:hover::after {
    right: 0;
  }
}

.topPage .fadein {
  opacity: 0;
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, transform 0.7s;
  transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
}
.topPage .fadein {
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
}
.topPage .fadein.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
  .topPage .fadein.title--obi {
    opacity: 0;
    -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
    transition: opacity 0.7s, -webkit-transform 0.7s;
    transition: opacity 0.7s, transform 0.7s;
    transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  .topPage .fadein.title--obi .text {
    opacity: 0;
    -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
    transition: opacity 0.7s, -webkit-transform 0.7s;
    transition: opacity 0.7s, transform 0.7s;
    transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .topPage .fadein.title--obi.active,
  .topPage .fadein.title--obi.active .text {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .topPage .fadein.fade-1 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .topPage .fadein.fade-2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .topPage .fadein.fade-3 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
}

.pageInner {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
}

.headArea {
  padding: 7.6rem 3rem 0;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.headArea__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.4rem;
  color: #151515;
  letter-spacing: 3px;
  margin-bottom: 2rem;
}
.headArea__tab {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 2.4rem;
  width: 10rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 4px;
  margin: 0 0 2.6rem;
  background-color: #DA291C;
}
.headArea__pnkz ul {
  line-height: 2.5rem;
}
.headArea__pnkz ul li {
  color: #151515;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  display: inline;
}
.headArea__pnkz ul li:not(:last-of-type)::after {
  content: "＞";
  color: #868686;
  margin: 0 0.2rem 0 0.8rem;
}
.headArea__pnkz ul li a {
  color: #868686;
  text-decoration: underline;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .headArea__pnkz ul li a:hover {
    text-decoration: none;
  }
}
.headArea__entryBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 30rem;
  height: 6rem;
  border-radius: 4px;
  color: #DA291C;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  background-color: #fff;
  background-image: url(../img/icon_house02.png);
  background-repeat: no-repeat;
  background-position: 7.8rem 2rem;
  background-size: 2.376rem auto;
  position: absolute;
  top: 7.5rem;
  right: 3rem;
  border: 1px solid #DA291C;
}
.headArea__entryBtn span {
  margin-left: 3.5rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .headArea__entryBtn:hover {
    background-color: #DA291C;
    background-image: url(../img/icon_house02_white.png);
    background-size: 2.376rem auto;
    color: #fff;
  }
}
.headArea__entryBtn.remove {
  color: #2C2C2C;
  border-color: #D6D6D6;
}
@media screen and (min-width: 768px) {
  .headArea__entryBtn.remove:hover {
    background-color: #D6D6D6;
    color: #fff;
  }
}
.headArea.big {
  padding: 0;
  max-width: none;
}
.headArea.big .headArea__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0;
  padding: 0 3rem;
}
.headArea.big .headArea__titleText {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 40rem;
  padding-bottom: 3rem;
  margin: 0;
}
.headArea.big .headArea__titleSub {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #DA291C;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1px;
}
.headArea.big .headArea__pnkz {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 27rem;
}
.contentWrap.newsPage.newsFront .headArea.big .headArea__title {
  background: url(../img/headPhoto_news.png) no-repeat center;
  background-size: cover;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .contentWrap.newsPage.newsFront .headArea.big .headArea__title {
    background-position: right 32% center;
  }
}

.contentWrap.shopsPage.shopsFront .headArea.big .headArea__title {
  background: url(../img/headPhoto_shops.png) no-repeat center;
  background-size: cover;
}

.contentWrap.itemsPage.itemsFront .headArea.big .headArea__title {
  background: url(../img/headPhoto_items.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .contentWrap.itemsPage.itemsFront .headArea.big .headArea__title {
    background: url(../img/headPhoto_itemsSP.jpg) no-repeat center;
    background-size: cover;
  }
}

.contentWrap.contactPage .headArea.big .headArea__title {
  background: url(../img/headPhoto_contact.png) no-repeat center;
  background-size: cover;
}

.contentWrap.dealsPage.dealsFront .headArea.big .headArea__title {
  background: url(../img/headPhoto_deals.png) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .contentWrap.dealsPage.dealsFront .headArea.big .headArea__title {
    background: url(../img/headPhoto_dealsSP.png) no-repeat center;
    background-size: cover;
  }
}

.contentWrap.companyPage.companyFront .headArea.big .headArea__title {
  background: url(../img/headPhoto_company.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .contentWrap.companyPage.companyFront .headArea.big .headArea__title {
    background: url(../img/headPhoto_companySP.jpg) no-repeat center;
    background-size: cover;
  }
}

.headArea.big .headArea__pnkz {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
}

.pageSearch {
  padding: 0 3rem;
}
.pageSearch__inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 13rem;
  background-color: #F5F5F5;
  border-radius: 4px;
  padding: 0 3rem;
}
.pageSearch__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  font-weight: 700;
  color: #151515;
  line-height: 1;
  background: url(../img/icon_key_red.svg) no-repeat left bottom;
  background-size: 1.914rem auto;
  padding-left: 2.6rem;
  letter-spacing: 1.5px;
  width: 24rem;
  margin-right: 2.5rem;
}
.pageSearch__text span {
  font-size: 2.6rem;
  color: #DA291C;
  margin-right: 0.3rem;
}
.pageSearch__text span.smallText {
  font-size: 1.3rem;
  color: #151515;
  font-weight: 50;
  margin-right: 0;
  display: block;
  letter-spacing: 0.8px;
  margin-top: 1.3rem;
  line-height: 1;
}
.pageSearch__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 56rem;
  max-width: calc(100% - 26.5rem);
}
.pageSearch__input--text {
  width: calc(100% - 6rem);
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0 2rem;
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4rem;
  height: 5rem;
  border: 1px solid #DBDBDB;
}
.pageSearch__input--text::-webkit-input-placeholder {
  color: #D6D6D6;
}
.pageSearch__input--text::-ms-input-placeholder {
  color: #D6D6D6;
}
.pageSearch__input--text::-ms-input-placeholder {
  color: #D6D6D6;
}
.pageSearch__input--text::-moz-placeholder {
  color: #D6D6D6;
}
.pageSearch__input--text:-ms-input-placeholder {
  color: #D6D6D6;
}
.pageSearch__input--text::placeholder {
  color: #D6D6D6;
}
.pageSearch__input--submit {
  width: 4rem;
  height: 4rem;
  background: #DA291C url(../img/icon_search_white.svg) no-repeat center;
  background-size: 1.587rem auto;
  border-radius: 100%;
  border: 1px solid #DA291C;
  -webkit-transition: background-image ease 0.3s, background-color ease 0.3s;
  transition: background-image ease 0.3s, background-color ease 0.3s;
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  background-size: 1.587rem auto;
}

.pageing {
  margin-top: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageing ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageing ul li:not(:last-of-type) {
  margin-right: 0.5rem;
}
.pageing ul li a:not(.prev):not(.next),
.pageing ul li span {
  width: 4.2rem;
  height: 4.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
  color: #151515;
  background-color: #F5F5F5;
  border-radius: 100%;
  padding-left: 0.1rem;
}
.pageing ul li span.current {
  color: #fff;
  background-color: #DA291C;
}
.pageing ul li span.dots {
  background: none;
  width: auto;
  font-size: 1rem;
  margin: 0 0.3rem;
}
@media screen and (min-width: 768px) {
  .pageing ul li a:not(.prev):not(.next):hover {
    color: #fff;
    background-color: #DA291C;
  }
}
.pageing ul li a.prev, .pageing ul li a.next {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4.2rem;
  width: auto;
  font-size: 1.4rem;
  font-weight: 700;
  color: #151515;
  line-height: 1;
}
.pageing ul li a.prev::before, .pageing ul li a.next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  -webkit-transition: background-color ease 0.3s, background-image ease 0.3s;
  transition: background-color ease 0.3s, background-image ease 0.3s;
}
.pageing ul li a.prev {
  padding-left: 5rem;
  margin-right: 6.5rem;
}
.pageing ul li a.prev::before {
  background-image: url(../img/shortArrow_left.svg);
  background-size: 0.613rem auto;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
}
@media screen and (min-width: 768px) {
  .pageing ul li a.prev:hover::before {
    background-color: #fff;
    background-image: url(../img/shortArrow_left_red.svg);
    background-size: 0.613rem auto;
  }
}
.pageing ul li a.next {
  padding-right: 5rem;
  margin-left: 7rem;
}
.pageing ul li a.next::before {
  background-image: url(../img/shortArrow_right.svg);
  background-size: 0.613rem auto;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
}
@media screen and (min-width: 768px) {
  .pageing ul li a.next:hover::before {
    background-color: #fff;
    background-image: url(../img/shortArrow_right_red.svg);
    background-size: 0.613rem auto;
  }
}
.pageing--detailsPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 8rem;
}
.pageing--detailsPage .pageing__return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin: 0 6%;
}
@media screen and (min-width: 768px) {
  .pageing--detailsPage .pageing__return:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.pageing--detailsPage .pageing__prev,
.pageing--detailsPage .pageing__next {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 5rem;
  font-weight: 700;
  color: #151515;
}
.pageing--detailsPage .pageing__prev::before,
.pageing--detailsPage .pageing__next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  -webkit-transition: background-color ease 0.3s, background-image ease 0.3s;
  transition: background-color ease 0.3s, background-image ease 0.3s;
}
.pageing--detailsPage .pageing__prev {
  padding-left: 7rem;
}
.pageing--detailsPage .pageing__prev::before {
  background-image: url(../img/shortArrow_left.svg);
  background-size: 0.613rem auto;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
}
@media screen and (min-width: 768px) {
  .pageing--detailsPage .pageing__prev:hover::before {
    background-color: #fff;
    background-image: url(../img/shortArrow_left_red.svg);
    background-size: 0.613rem auto;
  }
}
.pageing--detailsPage .pageing__next {
  padding-right: 7rem;
}
.pageing--detailsPage .pageing__next::before {
  background-image: url(../img/shortArrow_right.svg);
  background-size: 0.613rem auto;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
}
@media screen and (min-width: 768px) {
  .pageing--detailsPage .pageing__next:hover::before {
    background-color: #fff;
    background-image: url(../img/shortArrow_right_red.svg);
    background-size: 0.613rem auto;
  }
}

.selectBtn {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
}
.selectBtn__title {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  letter-spacing: 0.7px;
  background-image: url(../img/shortArrow_bottom_red.png);
  background-size: 1.65rem 1rem;
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
}
@media screen and (min-width: 768px) {
  .selectBtn__title:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .selectBtn__title:hover {
    background-image: url(../img/shortArrow_bottom.png);
  }
}
@media screen and (max-width: 767px) {
  .selectBtn__title {
    background-position: right 1.9rem center;
  }
}
.selectBtn__title.open {
  color: #ffffff;
  background-color: #DA291C;
  background-image: url(../img/shortArrow_top.png);
  background-size: 1.65rem 1rem;
  border-radius: 4px 4px 0 0;
}
.selectBtn__list {
  display: none;
  border: 1px solid #D6D6D6;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.selectBtn__list li {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.selectBtn__list li:not(:last-of-type) {
  border-bottom: 1px solid #D6D6D6;
}
.selectBtn__list li a {
  display: block;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .selectBtn__list li a:hover {
    opacity: 0.7;
  }
}

.detailsPage .headArea {
  margin-bottom: 7rem;
}
.detailsPage .headArea__title {
  letter-spacing: 1.5px;
  margin-bottom: 1.2rem;
}
.detailsPage .detailsDay {
  font-weight: 700;
  color: #868686;
  letter-spacing: 1.5px;
  margin-bottom: 2.5rem;
  display: block;
}
.detailsPage.newsPage .detailsDay {
  margin-bottom: 0;
}
.detailsPage .detailsDay.new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.detailsPage .detailsDay.new::after {
  content: "NEW";
  display: block;
  width: 3.6rem;
  height: 1.9rem;
  margin: 0 0 0 0.8rem;
  padding: 0.5rem;
  background: #DA291C;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1;
}
.detailsPage .wp_cnt_block * {
  word-break: break-all;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure, .itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .detailsPage .wp_cnt_block .wp-block-media-text figure, .detailsPage .wp_cnt_block .wp-block-image figcaption {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}

.detailsPage .wp_cnt_block h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
  margin: 0 0 4rem;
}
.detailsPage .wp_cnt_block h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #DA291C;
  letter-spacing: 1.3px;
  margin: 7rem 0 3rem;
}
.detailsPage .wp_cnt_block h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  margin: 7rem 0 3rem;
}
.detailsPage .wp_cnt_block p {
  letter-spacing: 1.4px;
}
.detailsPage .wp_cnt_block p:not(:last-of-type) {
  margin-bottom: 2rem;
}
.detailsPage .wp_cnt_block a {
  text-decoration: underline;
  color: #DA291C;
}
@media screen and (min-width: 768px) {
  .detailsPage .wp_cnt_block a:hover {
    text-decoration: none;
  }
}
.detailsPage .wp_cnt_block a[target*=_blank]::after {
  content: "";
  display: block;
  background-image: url("../img/icon_blank_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 11px;
  width: 13px;
  height: 11px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.3rem;
}
.detailsPage .wp_cnt_block a.no_icon::after {
  content: none;
}
.detailsPage .wp_cnt_block a.download {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  background-image: url(../img/icon_download_red.svg);
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  background-size: 2.3403rem auto;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .detailsPage .wp_cnt_block a.download:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .detailsPage .wp_cnt_block a.download:hover {
    background-image: url(../img/icon_download_white.svg);
  }
}
@media screen and (max-width: 767px) {
  .detailsPage .wp_cnt_block a.download {
    font-size: 1.5rem;
    padding: 0 4rem 0 1rem;
    letter-spacing: 0;
    background-position: right 1.6rem center;
  }
}
.detailsPage .wp_cnt_block strong {
  font-weight: 700;
}
.detailsPage .wp_cnt_block em {
  font-weight: 700;
  font-style: italic;
}
.detailsPage .wp_cnt_block blockquote {
  color: #868686;
  position: relative;
  padding: 0 1.4rem;
  display: inline-block;
  margin-bottom: 2rem;
}
.detailsPage .wp_cnt_block blockquote::before, .detailsPage .wp_cnt_block blockquote::after {
  position: absolute;
  top: 0.4rem;
  color: #868686;
  font-size: 2.4rem;
}
.detailsPage .wp_cnt_block blockquote::before {
  content: "“";
  left: 0;
}
.detailsPage .wp_cnt_block blockquote::after {
  content: "“";
  right: 0;
}
.detailsPage .wp_cnt_block blockquote p {
  color: #868686;
}
.detailsPage .wp_cnt_block ul {
  font-weight: 700;
  color: #151515;
  margin-bottom: 2rem;
}
.detailsPage .wp_cnt_block ul li {
  position: relative;
  padding-left: 1.5rem;
}
.detailsPage .wp_cnt_block ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.detailsPage .wp_cnt_block ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.detailsPage .wp_cnt_block ol {
  counter-reset: olNum;
  font-weight: 700;
  color: #151515;
  margin-bottom: 2rem;
}
.detailsPage .wp_cnt_block ol li {
  position: relative;
  padding-left: 3rem;
}
.detailsPage .wp_cnt_block ol li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.detailsPage .wp_cnt_block ol li::before {
  counter-increment: olNum;
  content: counter(olNum);
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  background-color: #DA291C;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.5rem;
  padding: 0 0 0.2rem 0.2rem;
}
@media screen and (max-width: 767px) {
  .detailsPage .wp_cnt_block ol li::before {
    padding-left: 0.1rem;
  }
}
.detailsPage .wp_cnt_block .wp-block-image {
  margin: 5rem auto;
}
.detailsPage .wp_cnt_block .wp-block-image figcaption {
  margin-top: 2rem;
}
.detailsPage .wp_cnt_block .has-text-align-center {
  text-align: center;
}
.detailsPage .wp_cnt_block .wp-block-media-text {
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.detailsPage .wp_cnt_block .wp-block-media-text figure {
  width: 31rem;
  color: #151515;
  padding-top: 0.5rem;
}
.detailsPage .wp_cnt_block .wp-block-media-text figure img {
  margin-bottom: 2rem;
}
.detailsPage .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
  width: calc(100% - 34.5rem);
}
.detailsPage .wp_cnt_block .wp-block-media-text.has-media-on-the-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.detailsPage .wp_cnt_block .wp-block-gallery {
  margin: 5rem auto 7rem;
}
.detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  text-align: center;
  padding: 0;
}
.detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item::before {
  content: none;
}
.detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
  width: 100%;
  max-width: 31rem;
  color: #151515;
}
.detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .detailsPage .wp_cnt_block .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
    width: 31%;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item:not(:nth-child(2n)) {
    margin-right: 4%;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item {
    width: 31%;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-2 .gallery-item {
    width: 31% !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-2 .gallery-item:not(:nth-child(2n)) {
    margin-right: 4%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-3 .gallery-item {
    width: 31% !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-3 .gallery-item:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-item {
    padding: 0;
    float: none !important;
    margin-top: 2rem !important;
    text-align: center;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-icon + .gallery-caption {
    margin-top: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-caption {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail img {
    border: none !important;
  }
  .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .wp_cnt_block .wp-caption {
    max-width: 100%;
    text-align: center;
  }
}
.detailsPage .wp_cnt_block table {
  margin: 5rem auto;
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.detailsPage .wp_cnt_block table tr th, .detailsPage .wp_cnt_block table tr td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  color: #151515;
  padding: 0.9rem 1.3rem 1rem;
  vertical-align: middle;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.detailsPage .wp_cnt_block table tr th {
  text-align: center;
  font-weight: 700;
  background-color: #F5F5F5;
  letter-spacing: 1.5px;
}
.detailsPage .wp_cnt_block table tr td {
  background-color: #ffffff;
}
.detailsPage .wp_cnt_block table tr th, .detailsPage .wp_cnt_block table tr td {
  padding: 1.5rem 1rem 1.4rem;
  letter-spacing: 1px;
}
.detailsPage .wp_cnt_block table tr td {
  line-height: 2.4rem;
}
.detailsPage .presentInfo p.presentInfo__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  margin: 77px auto 7rem;
  letter-spacing: 2px;
}
.detailsPage .presentInfo p.presentInfo__title span {
  font-size: 2rem;
  padding: 0 34px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  position: relative;
}
.detailsPage .presentInfo p.presentInfo__title span::before, .detailsPage .presentInfo p.presentInfo__title span::after {
  position: absolute;
  top: 0;
}
.detailsPage .presentInfo p.presentInfo__title span::before {
  content: "";
  display: block;
  background-image: url("../img/head_line_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: 0;
}
.detailsPage .presentInfo p.presentInfo__title span::after {
  content: "";
  display: block;
  background-image: url("../img/head_line_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  right: 0;
}
.detailsPage .presentInfo p.presentInfo__title span::before, .detailsPage .presentInfo p.presentInfo__title span::after {
  top: 0.3rem;
}
.detailsPage .presentInfo h3 {
  margin: 55px 0 1rem;
}
.detailsPage .presentInfo ul {
  font-weight: 400;
}
.detailsPage .presentInfo ul.attention li {
  padding-left: 24px;
  line-height: 2.8rem;
  letter-spacing: 1.4px;
  font-weight: 500;
}
.detailsPage .presentInfo ul.attention li:not(:last-of-type) {
  margin-bottom: 1.7rem;
}
.detailsPage .presentInfo ul.attention li::before {
  content: "※";
  color: #DA291C;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  top: 1px;
}
.detailsPage .presentInfo a.download:last-child {
  margin-top: 4rem;
}
.detailsPage .otherFeature {
  margin-top: 8rem;
  margin-bottom: -3rem;
}
.detailsPage.style01 .headArea__tab {
  background-color: #FF4D00;
}
.detailsPage.style01 .wp_cnt_block h2 {
  text-align: center;
  border-color: #FF4D00;
  width: 88%;
  margin: 0 auto 4rem;
  display: block;
}
.detailsPage.style01 .wp_cnt_block h3 {
  text-align: center;
  color: #FF4D00;
}
.detailsPage.style01 .wp_cnt_block h4 {
  text-align: center;
}
.detailsPage.style01 .wp_cnt_block a {
  color: #FF4D00;
}
.detailsPage.style01 .wp_cnt_block a[target*=_blank]::after {
  background-image: url(../img/icon_blank_orange.svg);
}
.detailsPage.style01 .wp_cnt_block .wp-block-image.size-full {
  margin: 6rem auto 7.7rem;
}
.detailsPage.style01 .wp_cnt_block ul li::before {
  background-color: #FF4D00;
}
.detailsPage.style01 .wp_cnt_block ol li::before {
  background-color: #FF4D00;
}
.detailsPage.style02 .wp_cnt_block h2 {
  border-bottom: none;
  padding: 0;
}
.detailsPage.style02 .wp_cnt_block .wp-block-image {
  margin: 4rem auto;
}

.otherFeature__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  letter-spacing: 2.5px;
  margin-bottom: 3rem;
}
.otherFeature__list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.otherFeature__list .column__single {
  margin-bottom: 3rem;
}
.otherFeature__list .column__single a {
  display: block;
}
.otherFeature__list .column__single a p {
  color: #151515;
  line-height: 2rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .otherFeature__list .column__single {
    margin-bottom: 2rem;
  }
  .otherFeature__list .column__single a p {
    margin-top: 1.2rem;
  }
}

.designBox {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}
.designBox__head {
  background-color: #DA291C;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.8rem 1rem 1rem 2rem;
}
.designBox__head a {
  font-weight: 700;
  color: #ffffff;
}
.designBox__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 2px;
}
.designBox__main {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  padding: 2.5rem 4rem 3.4rem;
}

.designBox--list {
  margin-bottom: -4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.designBox--list .designBox {
  width: calc(50% - 2rem);
  margin-bottom: 4rem;
}
_:-ms-lang(x)::-ms-backdrop, .designBox--list .designBox {
  width: calc(50% - 2.1rem);
}

@media screen and (min-width: 768px) {
  .designBox--list .designBox:not(:nth-child(even)) {
    margin-right: 4rem;
  }
}
.designBox--list .designBox a {
  display: block;
}
@media screen and (min-width: 768px) {
  .designBox--list .designBox a:hover .designBox__main .more::after {
    right: 0;
  }
}
.designBox--list .designBox__head {
  padding-top: 1rem;
}
.designBox--list .designBox__title {
  line-height: 2.4rem;
}
.designBox--list .designBox__main {
  padding: 1.5rem 0.8rem 1.5rem 2rem;
}
.designBox--list .designBox__main ul {
  font-weight: 700;
  color: #151515;
  font-weight: 500;
}
.designBox--list .designBox__main ul li {
  position: relative;
  padding-left: 1.5rem;
}
.designBox--list .designBox__main ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.designBox--list .designBox__main ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.designBox--list .designBox__main ul li {
  letter-spacing: 1.5px;
}
.designBox--list .designBox__main .more {
  text-align: right;
  color: #868686;
  padding-right: 3rem;
  letter-spacing: 0.8px;
  margin-top: 0.6rem;
}
@media screen and (min-width: 768px) {
  .designBox--list .designBox__main .more:hover::after {
    right: 1rem;
  }
}

.foldBox {
  border: 4px solid #D6D6D6;
  border-radius: 4px;
  background-color: #ffffff;
  position: relative;
  padding: 4rem 1.6rem 2.2rem;
}
.foldBox.color01 .foldBox__title {
  background-color: #8CB613;
  padding: 0.3rem 2.5rem 0.5rem 2.7rem;
  letter-spacing: 1px;
}
.foldBox.color01 .foldBox__title::after {
  border-color: transparent #5B7905 transparent transparent;
}
.foldBox.color01 .foldBox__main ul li::before {
  background-color: #8CB613;
}
.foldBox.color02 .foldBox__title {
  background-color: #717271;
  padding: 0.3rem 2.4rem 0.5rem 2.4rem;
  letter-spacing: 0;
}
.foldBox.color02 .foldBox__title::after {
  border-color: transparent #454545 transparent transparent;
}
.foldBox.color02 .foldBox__main ul li::before {
  background-color: #717271;
}
.foldBox__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0 0 4px 4px;
  display: inline-block;
  position: absolute;
  top: -1.4rem;
  left: 0.6rem;
}
.foldBox__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #2C2C2C transparent transparent;
  position: absolute;
  top: 0;
  right: -0.6rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.foldBox__main {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.9px;
}
.foldBox__main ul {
  font-weight: 700;
  color: #151515;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 1.5px;
  padding-left: 1.8rem;
}
.foldBox__main ul li {
  position: relative;
  padding-left: 1.5rem;
}
.foldBox__main ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.foldBox__main ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.foldBox__main ul li:not(:last-of-type) {
  margin-bottom: 0;
}
.foldBox__main ul li::before {
  top: 1.6rem;
}

.faqArea__single:not(:last-of-type) {
  margin-bottom: 3rem;
}
.faqArea__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  letter-spacing: 0.7px;
  background-image: url(../img/shortArrow_bottom.png);
  background-size: 1.65rem 1rem;
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  max-width: none;
  height: auto;
  font-size: 1.6rem;
  padding: 0.5rem 4rem 0.9rem 3.6rem;
  letter-spacing: 0.5px;
  line-height: 2.4rem;
  background-position: right 1.8rem center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faqArea__title:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .faqArea__title:hover {
    background-image: url(../img/shortArrow_bottom_red.png);
  }
}
@media screen and (max-width: 767px) {
  .faqArea__title {
    background-position: right 1.9rem center;
  }
}
.faqArea__title::before {
  content: "Q.";
  position: absolute;
  top: 0.5rem;
  left: 1.6rem;
}
.faqArea__title.open {
  color: #ffffff;
  background-color: #DA291C;
  background-image: url(../img/shortArrow_top.png);
  background-size: 1.65rem 1rem;
}
.faqArea__details {
  line-height: 2.8rem;
  position: relative;
  padding: 1.7rem 0 0 4rem;
  display: none;
}
.faqArea__details::before {
  content: "A";
  font-size: 1.6rem;
  font-weight: 700;
  color: #DA291C;
  position: absolute;
  top: 1.7rem;
  left: 1.7rem;
}
.adobeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.adobeBox a {
  display: block;
  width: 14.8rem;
  margin-right: 2.5rem;
}
.adobeBox p {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
}
.adobeBox p a {
  color: #151515;
  text-decoration: underline;
  display: inline;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .adobeBox p a:hover {
    text-decoration: none;
  }
}

.linkBox__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #ffffff;
  background: url(../img/shortArrow_right_red.svg) no-repeat right 2rem center;
  background-size: 0.8541rem auto;
  padding: 2.8rem 4rem 2.8rem 3rem;
  min-height: 12rem;
  -webkit-transition: -webkit-box-shadow ease 0.3s;
  transition: -webkit-box-shadow ease 0.3s;
  transition: box-shadow ease 0.3s;
  transition: box-shadow ease 0.3s, -webkit-box-shadow ease 0.3s;
}
@media screen and (min-width: 768px) {
  .linkBox__single:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  }
  .linkBox__single:hover img {
    opacity: 1;
  }
}
.linkBox__photo {
  margin-right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 0.3rem;
}
.linkBox__details .title {
  font-size: 1.8rem !important;
  font-weight: 700;
  color: #151515 !important;
  margin: 0 !important;
  letter-spacing: 1.2px !important;
}
.linkBox__details .colorText {
  font-size: 1.6rem;
  font-weight: 700;
  color: #DA291C;
  margin-top: -0.3rem;
  letter-spacing: 1px;
}

.telBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.telBox__num {
  margin: 0 2rem 0 1rem;
}
.telBox__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.9px;
}

.anchorLink {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.anchorLink__list {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  border-radius: 10rem;
  padding: 2.2rem 6rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0px;
  color: #151515;
  text-align: center;
  min-width: 60rem;
}
.anchorLink__list li {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .anchorLink__list li:not(:last-of-type) {
    margin-right: 2.5rem;
  }
}
.anchorLink__list li a {
  display: block;
  color: #151515;
  background: url(../img/shortArrow_bottom_red.svg) no-repeat right center;
  padding-right: 2.3rem;
}
.anchorLink__list li a:hover {
  color: #DA291C;
}

.anchorLinkTarger {
  padding-top: 7rem;
  margin-top: -7rem;
}

.colorBackArea {
  background-color: #F5F5F5;
  padding: 0 3rem;
}
.colorBackArea__inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.colorBackArea .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 4rem;
}
.colorBackArea .flex.adjustment .myStore {
  padding-top: 4.7rem;
}
.colorBackArea .news {
  margin-bottom: 4rem;
}
.colorBackArea .advertising {
  width: 65.5%;
  background-color: #DA291C;
  border-radius: 4px;
  padding: 3.5rem 3rem 4rem 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 0;
}
.colorBackArea .advertising__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 1;
  border-radius: 4px;
}
.colorBackArea .advertising__img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 45%;
  left: 1.6rem;
  max-width: 27.8rem;
  width: calc(100% - 36rem);
}
.colorBackArea .advertising__main {
  color: #ffffff;
  width: 30rem;
}
.colorBackArea .advertising__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.6rem;
  text-align: center;
  letter-spacing: 5px;
  margin-bottom: 1.2rem;
}
.colorBackArea .advertising__title span {
  min-height: 0%;
  position: relative;
  font-size: 1.3rem;
  line-height: 1.9rem;
  padding: 0 1rem;
  letter-spacing: 1.7px;
  font-weight: 500;
  margin-bottom: 0.7rem;
}
.colorBackArea .advertising__title span::before, .colorBackArea .advertising__title span::after {
  content: "";
  display: block;
  width: 2px;
  height: 2rem;
  background-color: #ffffff;
  position: absolute;
  top: 3px;
}
.colorBackArea .advertising__title span::before {
  left: 0;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.colorBackArea .advertising__title span::after {
  right: 0;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}
.colorBackArea .advertising__search {
  z-index: 2;
  position: relative;
}
.colorBackArea .advertising__searchText {
  font-weight: 700;
  line-height: 2rem;
  background: url(../img/icon_key.svg) no-repeat left top 2px;
  background-size: 1.466rem auto;
  padding-left: 2rem;
  letter-spacing: 1.5px;
  margin-bottom: 0.5rem;
}
.colorBackArea .advertising__searchForm {
  position: relative;
}
.colorBackArea .advertising__searchInput--text {
  max-width: 29rem;
  width: 100%;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0 2rem;
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4rem;
  padding: 0 4.5rem 0 1.2rem;
  border-radius: 2px;
  height: 5rem;
  letter-spacing: 0.5px;
}
.colorBackArea .advertising__searchInput--text::-webkit-input-placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--text::-ms-input-placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--text::-moz-placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--text:-ms-input-placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--text::placeholder {
  color: #D6D6D6;
}
.colorBackArea .advertising__searchInput--submit {
  width: 4rem;
  height: 4rem;
  background: #DA291C url(../img/icon_search_white.svg) no-repeat center;
  background-size: 1.587rem auto;
  border-radius: 100%;
  border: 1px solid #DA291C;
  -webkit-transition: background-image ease 0.3s, background-color ease 0.3s;
  transition: background-image ease 0.3s, background-color ease 0.3s;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  background-size: 1.347rem auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2rem;
  background-color: #DA291C;
  border-color: #DA291C;
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .colorBackArea .advertising {
    padding: 2rem 1rem 3rem;
    display: block;
  }
  .colorBackArea .advertising__img {
    position: static;
    margin: 0 auto 1.7rem;
    max-width: 16rem;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .colorBackArea .advertising__main {
    width: 100%;
  }
  .colorBackArea .advertising__title {
    font-size: 3rem;
    letter-spacing: 4px;
  }
  .colorBackArea .advertising__search {
    max-width: 27rem;
    margin: 0 auto;
  }
  .colorBackArea .advertising__searchInput--submit {
    right: 1rem;
  }
}
.colorBackArea .registeredStore {
  width: 65.5%;
  padding-bottom: 3.5rem;
}
.colorBackArea .registeredStore__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #151515;
  margin-bottom: 1.8rem;
}
.colorBackArea .registeredStore__headTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  letter-spacing: 2.5px;
}
.colorBackArea .registeredStore__headData {
  line-height: 2rem;
  margin-left: 1.3rem;
}
.colorBackArea .registeredStore__headData span {
  color: #DA291C;
}
.colorBackArea .registeredStore .slider--registeredStore {
  background-color: #DA291C;
  border-radius: 4px;
  padding: 0 6rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .colorBackArea .registeredStore .slider--registeredStore:hover .slick-arrow {
    opacity: 1;
  }
}
.colorBackArea .registeredStore .dotsNav {
  margin: 0;
  position: absolute;
  bottom: -3.3rem;
  left: 0;
  width: 100%;
}
.colorBackArea .registeredStore .dotsNav li button {
  background-color: #DA291C;
}
.colorBackArea .registeredStore .dotsNav li.slick-active button {
  background-color: transparent;
  border-color: #DA291C;
}
.colorBackArea .registeredStore .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.colorBackArea .registeredStore .slick-arrow.slickPrev {
  left: 2rem;
}
.colorBackArea .registeredStore .slick-arrow.slickNext {
  right: 2rem;
}
.colorBackArea .registeredStore__singleInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 4rem 0 3rem;
}
.colorBackArea .registeredStore__photo {
  display: block;
  position: relative;
  padding: 0 1rem 1rem 0;
  width: 23rem;
  margin-right: 2rem;
}
.colorBackArea .registeredStore__photo .flyer {
  width: 22rem;
  background-color: #ffffff;
}
.colorBackArea .registeredStore__photo .flyerLook {
  width: 14.6rem;
  height: 3.7rem;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #DA291C;
  background-color: #ffffff;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 3.8rem;
}
.colorBackArea .registeredStore__photo .flyerLook::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.5rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .colorBackArea .registeredStore__photo:hover .flyerLook::after {
    right: 0.5rem;
  }
}
.colorBackArea .registeredStore__details {
  width: calc(100% - 25rem);
  padding: 0 2rem 1rem 0;
}
.colorBackArea .registeredStore__details p {
  color: #ffffff;
  text-align: center;
}
.colorBackArea .registeredStore__details p.name {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 4rem;
  letter-spacing: 2.5px;
  margin-bottom: 0.5rem;
}
.colorBackArea .registeredStore__details p.num {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.colorBackArea .registeredStore__details p.change {
  margin-top: 1rem;
}
.colorBackArea .registeredStore__details p.change a {
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.3rem;
  -webkit-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
@media screen and (min-width: 768px) {
  .colorBackArea .registeredStore__details p.change a:hover {
    border-color: #DA291C;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .colorBackArea .registeredStore__singleInner {
    padding: 3rem 0;
    display: block;
  }
  .colorBackArea .registeredStore__photo {
    margin: 0 auto 2rem;
  }
  .colorBackArea .registeredStore__details {
    width: 100%;
    padding: 0;
  }
}
.colorBackArea .registeredStore02 {
  width: 100%;
  color: #151515;
}
.colorBackArea .registeredStore02__head {
  margin-bottom: 1.8rem;
}
.colorBackArea .registeredStore02__headTitle {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  letter-spacing: 3px;
}
.colorBackArea .registeredStore02 .slider--registeredStore02 {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  padding: 0;
  margin: 0;
}
.colorBackArea .registeredStore02 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  top: 40%;
}
.colorBackArea .registeredStore02 .slick-arrow.slickPrev {
  left: -2.5rem;
}
.colorBackArea .registeredStore02 .slick-arrow.slickNext {
  right: -2.5rem;
}
.colorBackArea .registeredStore02__singleInner {
  padding: 2rem 2.2rem 3rem;
}
.colorBackArea .registeredStore02__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 2rem;
}
.colorBackArea .registeredStore02__photo .flyer {
  width: 49.9%;
}
.colorBackArea .registeredStore02__details .num {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 2px;
}
.colorBackArea .designBoxSlide {
  width: 65.5%;
  color: #151515;
}
.colorBackArea .designBoxSlide__head {
  margin-bottom: 1.8rem;
}
.colorBackArea .designBoxSlide__headTitle {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  letter-spacing: 3px;
}
.colorBackArea .designBoxSlide .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 62%;
}
.colorBackArea .designBoxSlide .slick-arrow.slickPrev {
  left: 2rem;
}
.colorBackArea .designBoxSlide .slick-arrow.slickNext {
  right: 2rem;
}
.colorBackArea .designBoxSlide .dotsNav {
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  width: 100%;
  margin: 0;
}
.colorBackArea .designBoxSlide .designBox--list {
  margin-bottom: 0;
  display: block;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}
.colorBackArea .designBoxSlide .designBox--list .designBox {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
_:-ms-lang(x)::-ms-backdrop, .colorBackArea .designBoxSlide .designBox--list .designBox {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .colorBackArea .designBoxSlide .designBox--list .designBox:not(:nth-child(even)) {
    margin-right: 0;
  }
}
.colorBackArea .designBoxSlide .designBox--list .designBox__head {
  padding: 1.4rem 2rem;
}
.colorBackArea .designBoxSlide .designBox--list .designBox__main {
  padding: 2.3rem 8.5rem 3rem 8.5rem;
}
.colorBackArea .designBoxSlide__link {
  text-align: right;
  margin-right: -1rem;
  margin-top: 1.5rem;
}
.colorBackArea .myStore {
  width: 31%;
}
.colorBackArea .myStore__link {
  border-radius: 4px;
  display: block;
  background-color: #ffffff;
  border: 4px solid #DA291C;
  padding: 3.1rem 3.6rem 3rem;
}
@media screen and (min-width: 768px) {
  .colorBackArea .myStore__link:hover .myStore__text--link span::after {
    right: 0;
  }
}
.colorBackArea .myStore__title {
  font-size: 2rem;
  font-weight: 700;
  color: #DA291C;
  background: url(../img/icon_house.svg) no-repeat left top 2px;
  background-size: 2.595rem auto;
  padding-left: 3.7rem;
  margin-bottom: 1.2rem;
  letter-spacing: 3px;
}
.colorBackArea .myStore__text {
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
.colorBackArea .myStore__text--link {
  text-align: right;
  margin-right: -1rem;
}
.colorBackArea .myStore__text--link span {
  font-weight: 700;
  color: #DA291C;
}
.colorBackArea .topics {
  width: 100%;
}
.colorBackArea .topics__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 4rem;
  letter-spacing: 3px;
}
.colorBackArea .topics__main .news__single {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 2rem;
}
.colorBackArea .topics__main .news__single:not(:last-child) {
  margin-bottom: 1.8rem;
}
.colorBackArea .topics__main .news__single::after {
  top: 30%;
}
.colorBackArea .topics__link {
  text-align: right;
  margin-right: -1rem;
  margin-top: 1.5rem;
}
.colorBackArea .topics__link a {
  color: #868686;
}
.colorBackArea .event {
  display: none;
}
.colorBackArea .event__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  letter-spacing: 3px;
}
.colorBackArea .event__main {
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 3rem 2rem 5rem;
  min-height: calc(100% - 96px);
}
.colorBackArea .event__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 100%;
  background-color: #DA291C;
  color: #ffffff;
  position: absolute;
  top: -1rem;
  left: -1rem;
  font-weight: 700;
  text-align: center;
}
.colorBackArea .event__date {
  text-align: center;
  margin-bottom: 2.7rem;
}
.colorBackArea .event__date span {
  display: block;
}
.colorBackArea .event__date .day {
  font-size: 10rem;
  line-height: 10rem;
}
.colorBackArea .event__date .week {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.colorBackArea .event__list li {
  line-height: 2rem;
  text-indent: -1.8rem;
  padding-left: 1.8rem;
}
.colorBackArea .event__list li:not(:last-of-type) {
  margin-bottom: 1rem;
}
.colorBackArea .event__list li::before {
  content: "";
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 100%;
  margin-right: 7px;
}
.colorBackArea .event__list li.type01::before {
  background-color: #8FAD15;
}
.colorBackArea .event__list li.type02::before {
  background-color: #513529;
}
.colorBackArea .event__list li.type03::before {
  background-color: #DA291C;
}
.colorBackArea .event__list li.type04::before {
  background-color: #F94D01;
}

.twoColumn__single:not(:last-of-type) {
  margin-bottom: 10rem;
}
.twoColumn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.twoColumn__inner:not(:first-of-type) {
  margin-top: 10rem;
}
.twoColumn__titleBox {
  width: 34rem;
  padding-right: 2rem;
}
.twoColumn__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
}
.twoColumn__title .small {
  display: block;
  font-size: 2rem;
}
.twoColumn__titleSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  letter-spacing: 1.3px;
  margin-top: 3.6rem;
}
.twoColumn__titleSub img {
  margin-right: 2.2rem;
}
.twoColumn__detailsBox {
  width: calc(100% - 34rem);
}
.twoColumn__detailsBox .img--full {
  padding-top: 0.8rem;
  margin-bottom: 2rem;
}
.twoColumn__detailsBox .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #DA291C;
  letter-spacing: 1.3px;
  margin: 3.8rem 0 2rem;
}
.twoColumn__detailsBox p {
  letter-spacing: 1.45px;
}
.twoColumn__detailsBox .attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #868686;
  letter-spacing: 0.8px;
  margin-top: 1rem;
}
.twoColumn__detailsBox .foldBox {
  margin: 3.5rem 0 0;
}
.twoColumn__detailsBox .foldBox .foldBox__title {
  padding: 0.3rem 1rem 0.5rem 1.7rem;
}
.twoColumn__detailsBox .twoColumnAcdBtn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin-top: 6rem;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .twoColumnAcdBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
.twoColumn__detailsBox .twoColumnAcdBtn::before, .twoColumn__detailsBox .twoColumnAcdBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  background-color: #DA291C;
  border-radius: 3px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
.twoColumn__detailsBox .twoColumnAcdBtn::before {
  width: 1.5rem;
  height: 3px;
  right: 2.4rem;
}
.twoColumn__detailsBox .twoColumnAcdBtn::after {
  width: 3px;
  height: 1.5rem;
  right: 3rem;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .twoColumnAcdBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
  .twoColumn__detailsBox .twoColumnAcdBtn:hover::before, .twoColumn__detailsBox .twoColumnAcdBtn:hover::after {
    background-color: #fff;
  }
}
.twoColumn__detailsBox .twoColumnAcdBtn.open::after {
  content: none;
}
.twoColumn__detailsBox .twoColumnAcdMain {
  display: none;
}
.twoColumn__detailsBox .twoColumnAcdMain ul {
  font-weight: 700;
  color: #151515;
  line-height: 2.8rem;
  letter-spacing: 1.5px;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li {
  position: relative;
  padding-left: 1.5rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ul.nowrap li {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li:not(:last-of-type) {
  margin-bottom: 2rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li img {
  margin-left: 4rem;
  width: 26rem;
  margin-top: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.twoColumn__detailsBox .twoColumnAcdMain ul li p {
  font-weight: 500;
  width: 100%;
  line-height: 2.5rem;
  margin-top: 1.8em;
}
.twoColumn__detailsBox .twoColumnAcdMain ol {
  counter-reset: olNum;
  font-weight: 700;
  color: #151515;
  margin: 17px 0 0;
  letter-spacing: 1.4px;
  font-weight: 500;
  line-height: 2.8rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ol li {
  position: relative;
  padding-left: 3rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ol li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ol li::before {
  counter-increment: olNum;
  content: counter(olNum);
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  background-color: #DA291C;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.5rem;
  padding: 0 0 0.2rem 0.2rem;
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .twoColumnAcdMain ol li::before {
    padding-left: 0.1rem;
  }
}
.twoColumn__detailsBox .twoColumnAcdMain ol li:not(:last-of-type) {
  margin-bottom: 2.2rem;
}
.twoColumn__detailsBox .twoColumnAcdMain ol li strong {
  font-weight: 700;
  letter-spacing: 0.65px;
  display: inline-block;
  padding-bottom: 0.4rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox {
  margin-top: 5.5rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl {
  counter-reset: olNum;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 3rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl:not(:last-of-type) {
  margin-bottom: 3rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dt {
  width: 24rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dt .num {
  counter-increment: olNum;
  content: counter(olNum);
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  background-color: #DA291C;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  padding: 0 0 0.2rem 0.2rem;
  margin-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dt .num {
    padding-left: 0.1rem;
  }
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd {
  width: calc(100% - 24rem);
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd p {
  padding-right: 1rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd ol {
  margin-top: 0;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl a:not(.blankBtn) {
  color: #DA291C;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl a:not(.blankBtn):hover {
    text-decoration: none;
  }
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl a:not(.blankBtn)::after {
  width: 1.3rem;
  height: 1.1rem;
  background-image: url(../img/icon_blank_red.svg);
  background-size: 1.3rem auto;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl a.blankBtn {
  margin-bottom: 1rem;
}
.twoColumn__detailsBox .twoColumnAcdMain--dlBox dl .attention {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0.5rem;
  letter-spacing: 0.6px;
}
.twoColumn__detailsBox .faqArea {
  margin-top: 2.7rem;
}
.twoColumn__detailsBox .blankBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 30rem;
  height: 6rem;
  font-size: 1.6rem;
  margin: 3rem auto;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .blankBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.twoColumn__detailsBox .blankBtn::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .blankBtn::after {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .blankBtn:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}
.twoColumn__detailsBox .downloadBtn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  background-image: url(../img/icon_download_red.svg);
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  background-size: 2.3403rem auto;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  margin: 3rem auto;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .downloadBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .downloadBtn:hover {
    background-image: url(../img/icon_download_white.svg);
  }
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .downloadBtn {
    font-size: 1.5rem;
    padding: 0 4rem 0 1rem;
    letter-spacing: 0;
    background-position: right 1.6rem center;
  }
}
.twoColumn__detailsBox .mailBtn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  background-image: url(../img/icon_mail_red.png);
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  background-size: 2.5199rem auto;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  margin: 3rem auto;
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .mailBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .twoColumn__detailsBox .mailBtn:hover {
    background-image: url(../img/icon_mail_white.png);
  }
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .mailBtn {
    font-size: 1.5rem;
    padding: 0 4.5rem 0 0.5rem;
    letter-spacing: 0;
    background-position: right 1.3rem center;
  }
}
.twoColumn__detailsBox .numOl {
  counter-reset: olNum;
  font-weight: 700;
  color: #151515;
}
.twoColumn__detailsBox .numOl li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 5rem;
  position: relative;
  padding: 0 0 0 5.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  _:-ms-lang(x)::-ms-backdrop, .twoColumn__detailsBox .numOl li {
    height: 5rem;
  }
}
.twoColumn__detailsBox .numOl li:not(:last-of-type) {
  margin-bottom: 1.1rem;
}
@media screen and (max-width: 767px) {
  .twoColumn__detailsBox .numOl li:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.twoColumn__detailsBox .numOl li span.color {
  color: #DA291C;
}
.twoColumn__detailsBox .numOl li span.smale {
  font-size: 1.2rem;
  color: #868686;
  font-weight: 500;
}
.twoColumn__detailsBox .numOl li::before {
  counter-increment: olNum;
  content: counter(olNum);
  display: block;
  width: 4rem;
  height: 4rem;
  background: url(../img/deals/listBack.png) no-repeat;
  background-size: 4rem auto;
  color: #ffffff;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.5rem;
  font-size: 2.5rem;
  line-height: 1;
  padding: 0 0 0.3rem;
}

.shingleColumn__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.shingleColumn__single:not(:last-of-type) {
  margin-bottom: 6rem;
}
.shingleColumn__photo {
  width: 31rem;
}
.shingleColumn__details {
  width: calc(100% - 34.5rem);
}
.shingleColumn__details .title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
  margin-bottom: 2.2rem;
}
.shingleColumn__details p {
  letter-spacing: 1.4px;
}
.shingleColumn__details .blankBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 30rem;
  height: 6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .shingleColumn__details .blankBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.shingleColumn__details .blankBtn::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .shingleColumn__details .blankBtn::after {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 768px) {
  .shingleColumn__details .blankBtn:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}

.modalACT {
  height: 100%;
  overflow: hidden;
}

.modal_box {
  position: fixed;
  z-index: 7777;
  display: none;
  width: 80%;
  max-width: 100rem;
  max-height: 80vh;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal_main {
  padding: 4.5rem 7% 5rem;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.modal_close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 5rem;
  height: 5rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  background: #151515;
  border-radius: 100%;
}
.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 767px) {
  header {
    height: 7rem;
  }
  header .siteName {
    width: 18.8rem;
    padding-left: 2.1rem;
    max-width: calc(100% - 18.5rem);
  }
  header .globalNav {
    display: block;
    height: calc(100vh - 7rem);
    position: absolute;
    left: 0;
    top: 7rem;
    width: 100%;
    z-index: 2;
    background-color: #DA291C;
    color: #ffffff;
    padding: 5rem 0 0;
    overflow: scroll;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
  }
  header .globalNav a {
    color: #ffffff;
  }
  header .globalNav__listBox {
    display: block;
    width: 84%;
    margin: 0 auto;
  }
  header .globalNav__list {
    border-bottom: 1px solid #fff;
  }
  header .globalNav__list:not(:last-of-type) {
    margin-right: 0;
  }
  header .globalNav__list.trigger .globalNav__cateLink::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 0.2rem;
    position: absolute;
    right: 0.2rem;
    left: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    background-color: #fff;
  }
  header .globalNav__list.trigger .globalNav__cateLink::before {
    content: "";
    display: block;
    width: 0.2rem;
    height: 1.8rem;
    position: absolute;
    right: 1rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    background-color: #fff;
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  }
  header .globalNav__list.open .globalNav__cateLink::before {
    -webkit-transform: rotate(90deg) translate(-440%, 0%);
            transform: rotate(90deg) translate(-440%, 0%);
  }
  header .globalNav__cateLink {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 6.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 3px;
  }
  header .globalNav__mega {
    position: static;
    background: none;
    visibility: visible;
    opacity: 1;
    padding: 0.8rem 0 2rem;
    display: none;
  }
  header .globalNav__megaInner {
    display: block;
    padding: 0;
  }
  header .globalNav__megaListBox--normal li a, header .globalNav__megaListBox--logo li a, header .globalNav__megaTitle--sub, header .globalNav__megaTitle a {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: underline;
  }
  header .globalNav__megaTitle {
    width: 100%;
    margin-bottom: 2.7rem;
  }
  header .globalNav__megaTitle a {
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  header .globalNav__megaTitle a::after {
    content: none;
  }
  header .globalNav__megaMain {
    width: 100%;
  }
  header .globalNav__megaMain .flex {
    display: block;
    margin-top: 0;
  }
  header .globalNav__megaMain .flex__box {
    width: 100%;
  }
  header .globalNav__megaMain .flex .globalNav__megaTitle--sub {
    margin-bottom: 3.5rem;
  }
  header .globalNav__megaTitle--sub {
    letter-spacing: 2px;
    margin-bottom: 2.7rem;
    font-weight: 700;
    text-decoration: none;
  }
  header .globalNav__megaTitle--newconcept {
    margin: 2rem 0 2.7rem;
  }
  header .globalNav__megaTitle--newconcept img {
    height: 1.4rem;
    width: auto;
    margin: 0;
  }
  header .globalNav__megaTitle--newconcept::before {
    content: "";
    display: block;
    width: calc(100% - 16.3rem);
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    z-index: 0;
  }
  header .globalNav__megaListBox--normal, header .globalNav__megaListBox--logo {
    display: block;
    margin-bottom: 2.7rem;
  }
  header .globalNav__megaListBox--normal li, header .globalNav__megaListBox--logo li {
    width: 100%;
    margin-bottom: 1.7rem;
  }
  header .globalNav__megaListBox--normal li:not(:nth-child(4n)), header .globalNav__megaListBox--logo li:not(:nth-child(4n)) {
    margin: 0 0 1.7rem;
  }
  header .globalNav__megaListBox--normal li a, header .globalNav__megaListBox--logo li a {
    display: inline-block;
    text-align: left;
    font-weight: 500;
    background: none;
    padding: 0;
  }
  header .globalNav__megaListBox--logo li a {
    height: auto;
    color: #ffffff;
  }
  header .globalNav__megaListBox--logo li a img {
    display: none;
  }
  header .globalNav__megaListBox--logo li a.logo {
    padding: 0;
  }
  header .globalNav__megaListBox--logo li a.logo p {
    text-align: left;
  }
  header .globalNav__megaSearchInput--submit {
    width: 5rem;
    height: 5rem;
    background: #fff url(../img/icon_search_red.svg) no-repeat center;
    background-size: 2.023rem auto;
    border-radius: 100%;
    border: 1px solid #DA291C;
    -webkit-transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
    transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    background-size: 1.587rem auto;
  }
  header .globalNav__search {
    margin: 5rem 0 0;
    padding: 0 0 10rem;
  }
  header .globalNav__searchBtn {
    display: none;
  }
  header .globalNav__searchBody {
    position: static;
    border-top: none;
    display: block;
    padding: 0;
    background: none;
  }
  header .globalNav__searchInner {
    width: 84%;
    margin: 0 auto;
  }
  header .globalNav__searchForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 4rem;
  }
  header .globalNav__searchInput--text {
    width: calc(100% - 5rem);
    height: 4rem;
    padding: 0 2rem;
  }
  header .globalNav__searchInput--submit {
    width: 5rem;
    height: 5rem;
    background: #fff url(../img/icon_search_red.svg) no-repeat center;
    background-size: 2.023rem auto;
    border-radius: 100%;
    border: 1px solid #DA291C;
    -webkit-transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
    transition: background-image ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    background-size: 1.587rem auto;
    border-color: #DA291C;
  }
  header .sp.spNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  _:-ms-lang(x)::-ms-backdrop, header .sp.spNav {
    position: absolute;
    top: 0;
    right: 0;
  }
  header .sp .appliNav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 7rem;
  }
  header .sp .appliNav ul li {
    height: 100%;
  }
  header .sp .appliNav ul li:not(:last-of-type) {
    margin-right: 0.6rem;
  }
  header .sp .appliNav ul li.information img {
    width: 2.123rem;
    margin-bottom: 0.2rem;
  }
  header .sp .appliNav ul li.appli {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 5rem;
  }
  header .sp .appliNav ul li.appli a {
    width: 5rem;
    height: 5rem;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.13);
            box-shadow: 0 0px 5px rgba(0, 0, 0, 0.13);
    border-radius: 9px;
    padding-bottom: 0.8rem;
  }
  header .sp .appliNav ul li.appli img {
    width: 3.33rem;
    margin-bottom: 0.5rem;
  }
  header .sp .appliNav ul li a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    padding-bottom: 1.8rem;
  }
  header .sp .appliNav ul li a::after {
    content: none;
  }
  header .sp .appliNav ul li img {
    margin: 0 auto 0;
  }
  header .sp .appliNav ul li span {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #DA291C;
    line-height: 1;
    letter-spacing: 0;
  }
  header .sp .globalNav__hamburger {
    height: 7rem;
    width: 6.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: -0.5rem;
    padding-bottom: 1.8rem;
  }
  header .sp .globalNav__hamburgerLine {
    margin-bottom: 0.5rem;
    width: 2.4rem;
    height: 1.6rem;
    position: relative;
  }
  header .sp .globalNav__hamburgerLine span {
    display: block;
    width: 100%;
    height: 2px;
    background: #DA291C;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  header .sp .globalNav__hamburgerLine--01 {
    top: 0;
  }
  header .sp .globalNav__hamburgerLine--02 {
    top: calc(50% - 1px);
  }
  header .sp .globalNav__hamburgerLine--03 {
    bottom: 0;
  }
  header .sp .globalNav__hamburgerText {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #DA291C;
    line-height: 1;
    letter-spacing: 0;
  }
  header .sp.subNav {
    position: absolute;
    left: 0;
    top: 7rem;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: #DA291C;
  }
  header .sp.subNav.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  header .sp.subNav li {
    width: calc((100% - 2px) / 3);
  }
  header .sp.subNav li:not(:last-of-type) {
    border-right: 1px solid #fff;
  }
  header .sp.subNav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: 7rem;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
  }
  body.menuActive {
    height: 100%;
    overflow: hidden;
  }
  body.menuActive header .globalNav {
    visibility: visible;
    opacity: 1;
  }
  body.menuActive header .sp .globalNav__hamburgerLine--01 {
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
  }
  body.menuActive header .sp .globalNav__hamburgerLine--02 {
    opacity: 0;
  }
  body.menuActive header .sp .globalNav__hamburgerLine--03 {
    bottom: auto;
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
  }
  footer {
    position: relative;
  }
  footer .pageTop {
    bottom: 4rem;
    width: 5rem;
    height: 5rem;
    right: 1rem;
  }
  footer .footer__main {
    padding: 0 0 2rem;
  }
  footer .footer__banner {
    position: static;
    margin: 2.2rem auto 0;
  }
  footer .globalNav {
    padding: 0;
  }
  footer .globalNav__listBox {
    display: block;
    width: 100%;
    padding: 0;
  }
  footer .globalNav__list {
    border-bottom: 1px solid #fff;
  }
  footer .globalNav__list.trigger .globalNav__cateLink::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 0.2rem;
    position: absolute;
    right: calc(7.5% + 0.2rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    background-color: #fff;
  }
  footer .globalNav__list.trigger .globalNav__cateLink::before {
    content: "";
    display: block;
    width: 0.2rem;
    height: 1.8rem;
    position: absolute;
    right: calc(7.5% + 1rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    background-color: #fff;
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  }
  footer .globalNav__list.open .globalNav__cateLink::before {
    -webkit-transform: rotate(90deg) translate(-440%, 0%);
            transform: rotate(90deg) translate(-440%, 0%);
  }
  footer .globalNav__cateLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    height: 6.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 0 7.5%;
  }
  footer .globalNav__megaListBox li, footer .globalNav__megaTitle--sub, footer .globalNav__megaTitle {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: 0.5px;
    font-weight: 500;
  }
  footer .globalNav__mega {
    margin-top: 0;
    padding: 1.6rem 0 0.5rem;
    width: 84%;
    margin: 0 auto;
    display: none;
  }
  footer .globalNav__megaTitle {
    display: block;
    margin-bottom: 3.7rem;
    text-decoration: underline;
  }
  footer .globalNav__megaMain {
    margin-top: 1.4rem;
  }
  footer .globalNav__megaTitle--sub {
    letter-spacing: 2px;
    margin-bottom: 3.7rem;
    font-weight: 700;
  }
  footer .globalNav__megaTitle--sub::before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0 0.7rem 0 0.3rem;
  }
  footer .globalNav__megaListBox li {
    margin-bottom: 3.5rem;
  }
  footer .globalNav__megaListBox li:not(:nth-child(4n)) {
    margin: 0 0 3.5rem;
  }
  footer .globalNav__megaListBox li:not(:last-of-type) {
    margin: 0 0 3.5rem;
  }
  footer .footer__sub {
    padding: 0;
    background-color: #ffffff;
  }
  footer .footer__sub .subNav {
    margin-bottom: 0.3rem;
  }
  footer .footer__sub .subNav li {
    margin-bottom: 1rem;
  }
  footer .footer__sub .subNav li:not(:last-of-type) {
    margin-right: 1.4rem;
  }
  footer .footer__sub .subNav li a {
    color: #868686;
  }
  footer .footer__sub small {
    letter-spacing: 1px;
    text-align: center;
  }
  footer .footer__subInner {
    display: block;
    width: 84%;
    margin: 0 auto;
    padding: 3rem 0;
  }
  .contentWrap.topPage main {
    padding-bottom: 0;
  }
  .contentWrap.topPage .bottomNav {
    padding: 4rem 0 3rem;
    margin-top: 0;
  }
  .contentWrap {
    padding-top: 7rem;
  }
  .contentWrap main {
    padding-bottom: 5rem;
  }
  .contentWrap .bottomNav {
    padding: 4rem 0 3rem;
  }
  .contentWrap .bottomNav ul {
    width: 84%;
    margin: 0 auto;
  }
  .contentWrap .bottomNav .column__single {
    display: block;
    margin-bottom: 1rem;
  }
  .contentWrap .bottomNav .column__single a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 10rem;
  }
  .contentWrap .bottomNav .column__photo {
    border-radius: 4px 0 0 4px;
    width: 10rem;
    height: 10rem;
    position: relative;
    overflow: hidden;
  }
  .contentWrap .bottomNav .column__photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-width: none;
    border-radius: 4px 0 0 4px;
  }
  .contentWrap .bottomNav .column__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem 1.6rem;
    border-radius: 4px 4px 0 0;
    width: calc(100% - 10rem);
    height: 10rem;
  }
  .contentWrap .bottomNav .column__details p {
    line-height: 1.6rem;
    letter-spacing: 1px;
    text-align: left;
    max-width: 100%;
  }
  .contentWrap .bottomNav .column__details p.title {
    margin-bottom: 0.7rem;
    letter-spacing: 1.5px;
  }
  .contentWrap .bottomNav .column__details p.title::after {
    margin-left: 0.6rem;
  }
  .contentWrap .appliNav {
    padding: 3rem 0 2.5rem;
  }
  .contentWrap .appliNav ul {
    width: 84%;
    margin: 0 auto;
    display: block;
  }
  .contentWrap .appliNav ul li {
    margin: 0;
  }
  .contentWrap .appliNav ul li.information {
    letter-spacing: 1px;
    margin-bottom: 2.2rem;
  }
  .contentWrap .appliNav ul li.information img {
    width: 2.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    margin: 0;
  }
  .contentWrap .appliNav ul li.appli {
    letter-spacing: 1.5px;
  }
  .contentWrap .appliNav ul li.appli img {
    width: 2.5rem;
    margin: 0;
  }
  .contentWrap .appliNav ul li.appli span {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -0.2rem;
    margin: 0;
    border-radius: 7px;
  }
  .contentWrap .appliNav ul li a {
    position: relative;
    padding: 0 2rem 0 4rem;
    min-height: 3rem;
  }
  .contentWrap .appliNav ul li a::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_red.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 12.16px 6.0237037037px;
    width: 12.16px;
    height: 6.0237037037px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0.5em;
  }
  .title--obi {
    max-width: 100rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .title--obi::after {
    background-position: center top !important;
    background-size: 90% auto !important;
    width: 100% !important;
    height: 100px !important;
    left: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .title--obi .text {
    display: block;
    font-weight: 700;
    text-align: center;
  }
  .title--obi .text span {
    display: block;
    margin: 1rem auto 0;
  }
  .column--item3, .column--item4 {
    display: block;
  }
  .column__single {
    display: block;
    margin-bottom: 3rem;
  }
  .column__photo {
    margin-bottom: 1rem;
  }
  .tab__choice li {
    width: 45.4%;
    max-width: 14.3rem;
    display: block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 0.45rem;
    padding: 0.8rem 0 0;
  }
  .tab__choice li span {
    font-size: 1.8rem;
    display: block;
    line-height: 2.6rem;
    margin-right: 0;
  }
  .tab__content {
    padding: 2.4rem 2.4rem 1rem;
    border-width: 6px;
  }
  .slider--item4, .slider--thumbnail--nav, .slider--shop {
    padding: 0;
  }
  .slider--item4 .slick-list, .slider--thumbnail--nav .slick-list, .slider--shop .slick-list {
    width: 100%;
  }
  .slider--item4 li, .slider--thumbnail--nav li, .slider--shop li {
    padding: 0 0.75rem;
  }
  .slider--thumbnail {
    display: none !important;
  }
  .slider--thumbnail--nav .slick-arrow, .slider--shop .slick-arrow {
    top: 50%;
  }
  .slider--pick, .slider--item3 {
    padding: 0;
  }
  .slider--pick .slick-list, .slider--item3 .slick-list {
    width: 86.7%;
    margin: 0 auto;
  }
  .slider--pick li, .slider--item3 li {
    padding: 0 0.5rem;
  }
  .slick-arrow {
    top: 36%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .slick-arrow.slickPrev {
    left: 1rem;
  }
  .slick-arrow.slickNext {
    right: 1rem;
  }
  .dotsNav {
    margin-top: 0;
    background: #fff;
    padding: 2.7rem 0 3rem;
  }
  .dotsNav li {
    padding: 0;
  }
  .dotsNav li:not(:last-of-type) {
    margin-right: 1.4rem;
  }
  .dotsNav li button {
    width: 0.6rem;
    height: 0.6rem;
  }
  .dotsNav li.slick-active button {
    width: 1rem;
    height: 1rem;
  }
  .news__single:not(:last-child) {
    margin-bottom: 1.7rem !important;
  }
  .news__single dl {
    display: block;
  }
  .news__single dl.new dd {
    padding-left: 0;
  }
  .news__single dl.new dd::before {
    content: none;
  }
  .news__single dl.new dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .news__single dl.new dt::after {
    content: "NEW";
    display: block;
    width: 36px;
    height: 19px;
    margin: 0 0 0 8px;
    padding: 5px;
    background: #DA291C;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    line-height: 1;
  }
  .news__single dt {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .news__single dd {
    padding-right: 0;
    max-width: none;
    width: 100%;
    text-overflow: initial;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .news__single dd img.iconPDF {
    vertical-align: baseline;
    margin-left: 0.3rem;
    margin-right: 0;
    width: 1.312rem;
  }
  .link--arrow--white {
    position: relative;
    padding-right: 3.2rem;
  }
  .link--arrow--white::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1rem;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .link--arrow--white:hover::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .link--arrow--red {
    position: relative;
    padding-right: 3.2rem;
  }
  .link--arrow--red::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_red.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1rem;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .link--arrow--red:hover::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .link--arrow--gray {
    position: relative;
    padding-right: 3.2rem;
  }
  .link--arrow--gray::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_gray.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1rem;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .link--arrow--gray:hover::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .pageInner {
    padding: 0;
    width: 84%;
    margin: 0 auto;
  }
  .headArea {
    width: 84%;
    margin: 0 auto;
    margin-top: 7rem;
    padding: 4.5rem 0 0;
  }
  .headArea__title {
    font-weight: 500;
  }
  .headArea__tab {
    margin: 0 0 1.6rem;
  }
  .headArea__pnkz {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: scroll;
    padding-bottom: 1rem;
  }
  .headArea__entryBtn {
    background-position: 2.8rem 1.5rem;
    position: relative;
    top: auto;
    right: auto;
    max-width: 22.2rem;
    width: 100%;
    height: 5rem;
    margin-top: 1.5rem;
  }
  .headArea__entryBtn::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .headArea__entryBtn::after {
    background-image: url(../img/arrow_right_red.svg);
  }
  .headArea__entryBtn span {
    margin-left: 4.2rem;
  }
  .headArea.big {
    width: 100%;
  }
  .headArea.big .headArea__title {
    padding: 0;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 3px;
  }
  .headArea.big .headArea__titleText {
    width: 84%;
    margin: 0 auto;
    height: 21rem;
    padding-bottom: 0;
  }
  .headArea.big .headArea__titleSub {
    line-height: 2.6rem;
    padding-left: 0.3rem;
  }
  .headArea.big .headArea__pnkz {
    padding: 0;
    width: 84%;
    margin: 0 auto;
    top: 17rem;
  }
  .pageSearch {
    padding: 0;
    background-color: #F5F5F5;
    border-radius: 0;
  }
  .pageSearch__inner {
    width: 84%;
    margin: 0 auto;
    display: block;
    height: auto;
    background: none;
    padding: 3rem 0;
    text-align: center;
  }
  .pageSearch__text {
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 0;
    font-weight: 500;
  }
  .pageSearch__text span.smallText {
    margin-left: -2.3rem;
  }
  .pageSearch__form {
    width: 100%;
    max-width: none;
    margin-top: 1.3rem;
  }
  .pageing {
    margin-top: 5rem;
  }
  .pageing ul {
    position: relative;
    padding: 0 10vw;
  }
  .pageing ul li a:not(.prev):not(.next),
  .pageing ul li span {
    width: 3rem;
    height: 3rem;
  }
  .pageing ul li a.prev, .pageing ul li a.next {
    height: 3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pageing ul li a.prev::before, .pageing ul li a.next::before {
    width: 3rem;
    height: 3rem;
  }
  .pageing ul li a.prev {
    padding-left: 3rem;
    margin-right: 0;
    left: 0;
  }
  .pageing ul li a.next {
    padding-right: 3rem;
    margin-left: 0;
    right: 0;
  }
  .pageing--detailsPage {
    margin-top: 5rem;
  }
  .pageing--detailsPage .pageing__return {
    margin: 0 3.2%;
    max-width: 19.5rem;
  }
  .pageing--detailsPage .pageing__return::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .pageing--detailsPage .pageing__return::after {
    margin-left: 0.3rem;
  }
  .pageing--detailsPage .pageing__prev,
  .pageing--detailsPage .pageing__next {
    max-width: 5rem;
    width: 15.9%;
  }
  .pageing--detailsPage .pageing__prev span,
  .pageing--detailsPage .pageing__next span {
    display: none;
  }
  .pageing--detailsPage .pageing__prev::before,
  .pageing--detailsPage .pageing__next::before {
    width: 100%;
  }
  .pageing--detailsPage .pageing__prev {
    padding-left: 0;
  }
  .pageing--detailsPage .pageing__next {
    padding-right: 0;
  }
  .detailsPage .headArea {
    margin-bottom: 3rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure, .itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .detailsPage .wp_cnt_block .wp-block-media-text figure, .detailsPage .wp_cnt_block .wp-block-image figcaption {
    max-width: 75%;
    margin: 0 auto;
    line-height: 1.8rem;
  }
  .detailsPage .wp_cnt_block h2 {
    margin: 0 0 2.5rem;
    font-weight: 500;
  }
  .detailsPage .wp_cnt_block h3 {
    line-height: 3.2rem;
    margin: 4.5rem 0;
  }
  .detailsPage .wp_cnt_block h4 {
    line-height: 3rem;
    margin: 4rem 0;
  }
  .detailsPage .wp_cnt_block .wp-block-image {
    margin: 3.5rem auto 2rem;
  }
  .detailsPage .wp_cnt_block .wp-block-image figcaption {
    margin-top: 2rem;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text {
    margin: 3.5rem auto 2rem;
    display: block;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text:after {
    content: "";
    display: block;
    clear: both;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text figure {
    max-width: none;
    margin-right: 3.5rem;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text figure img {
    margin-bottom: 1rem;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
    width: auto;
  }
  .detailsPage .wp_cnt_block .wp-block-media-text.has-media-on-the-right figure {
    margin-right: 0;
    margin-left: 3.5rem;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery {
    margin: 3.5rem auto 2rem;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
    width: calc(50% - 1.75rem);
    margin-bottom: 2rem;
  }
  .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
    margin-top: 1rem;
    font-weight: 500;
    max-width: none;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-item {
    padding: 0;
    float: none !important;
    margin-top: 1rem !important;
    text-align: center;
    width: calc(50% - 1.75rem) !important;
    margin-bottom: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-icon + .gallery-caption {
    margin-top: 1rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-caption {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail img {
    border: none !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail > br {
    display: none;
  }
  .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .wp_cnt_block .wp-caption {
    max-width: 100%;
    text-align: center;
  }
  .detailsPage .wp_cnt_block table {
    margin: 3.5rem auto 2rem;
  }
  .detailsPage .presentInfo p.presentInfo__title {
    font-size: 2.4rem;
    margin: 4.7rem auto 5rem;
    text-align: center;
    letter-spacing: 1.5px;
  }
  .detailsPage .presentInfo p.presentInfo__title span {
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
  }
  .detailsPage .presentInfo h3 {
    margin: 4.5rem 0 1rem;
  }
  .detailsPage .presentInfo a.download:last-child {
    margin-top: 4.5rem;
  }
  .detailsPage .otherFeature {
    margin-top: 5rem;
    margin-bottom: 0;
  }
  .detailsPage.style01 .wp_cnt_block h2 {
    text-align: left;
    width: 100%;
    margin: 0 auto 2.5rem;
  }
  .detailsPage.style01 .wp_cnt_block h3 {
    text-align: left;
  }
  .detailsPage.style01 .wp_cnt_block h4 {
    text-align: left;
  }
  .detailsPage.style01 .wp_cnt_block .wp-block-image.size-full {
    margin: 3.5rem auto 2rem;
  }
  .detailsPage.style01 .pageing--detailsPage .pageing__return {
    max-width: none;
    margin: 0;
    width: 100%;
  }
  .detailsPage.style02 .wp_cnt_block .wp-block-image {
    margin: 0 auto 3rem;
  }
  .detailsPage.style02 .pageing--detailsPage .pageing__return {
    max-width: none;
    margin: 0;
    width: 100%;
  }
  .designBox__main {
    padding: 1.8rem 2rem 2rem !important;
  }
  .designBox--list {
    margin-bottom: -2rem;
    display: block;
  }
  .designBox--list .designBox {
    width: 100%;
    margin-bottom: 2rem;
  }
  .designBox--list .designBox__head {
    padding: 1.5rem 1rem 1.5rem 2rem;
  }
  .designBox--list .designBox__title {
    line-height: 2rem;
  }
  .designBox--list .designBox__main {
    padding: 2rem 1.1rem 1.4rem 2rem !important;
  }
  .designBox--list .designBox__main ul li {
    line-height: 2rem;
  }
  .designBox--list .designBox__main ul li::before {
    top: 0.8rem;
  }
  .designBox--list .designBox__main ul li:not(:last-of-type) {
    margin-bottom: 1.6rem;
  }
  .designBox--list .designBox__main .more {
    margin-top: 0.2rem;
  }
  .foldBox {
    padding: 50px 1.6rem 3.5rem;
  }
  .foldBox__main {
    line-height: 2rem;
  }
  .foldBox__main ul {
    line-height: 2rem;
  }
  .foldBox__main ul li:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .foldBox__main ul li::before {
    top: 0.7rem;
  }
  .faqArea__single:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .faqArea__title {
    letter-spacing: 1.5px;
  }
  .adobeBox {
    display: block;
  }
  .adobeBox a {
    margin: 0;
  }
  .adobeBox p {
    margin-top: 1rem;
  }
  .linkBox__single {
    background-position: right 1.3rem center;
    padding: 2rem 2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 7rem;
  }
  .linkBox__photo {
    margin-right: 1.5rem;
  }
  .linkBox__details {
    padding-top: 0.5rem;
  }
  .linkBox__details .title {
    letter-spacing: 1px !important;
    line-height: 2.4rem !important;
  }
  .linkBox__details .colorText {
    margin-top: 0;
  }
  .telBox {
    margin-bottom: -0.5rem;
  }
  .telBox__icon {
    width: 2.4rem;
    margin-bottom: 0.5rem;
  }
  .telBox__num {
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .telBox__num img {
    width: 14.77rem;
  }
  .telBox__text {
    letter-spacing: 0;
    margin-bottom: 0.5rem;
  }
  .anchorLink {
    display: block;
  }
  .anchorLink__list {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    min-width: auto;
    width: 100%;
  }
  .anchorLink__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: calc(50% - 1rem);
    margin-bottom: 2rem;
    border-bottom: 2px solid #DA291C;
    padding-bottom: 1rem;
  }
  .anchorLink__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: 100%;
    color: #151515;
    background: url(../img/shortArrow_bottom_red.svg) no-repeat right center;
    padding-right: 1.8rem;
  }
  .anchorLink__list li a:hover {
    color: #DA291C;
  }
  .colorBackArea {
    padding: 0;
  }
  .colorBackArea__inner {
    width: 84%;
    margin: 0 auto;
  }
  .colorBackArea .flex {
    display: block;
    margin-bottom: 0;
  }
  .colorBackArea .flex:not(:last-of-type) {
    margin-bottom: 4.5rem;
  }
  .colorBackArea .flex.adjustment .myStore {
    padding-top: 0;
  }
  .colorBackArea .news {
    margin-bottom: 2.2rem;
  }
  .colorBackArea .advertising {
    width: 100%;
    margin-bottom: 2rem;
    padding: 2rem 1rem 3rem;
    display: block;
  }
  .colorBackArea .advertising__img {
    position: static;
    margin: 0 auto 1.7rem;
    max-width: 20.2rem;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .colorBackArea .advertising__main {
    width: 100%;
  }
  .colorBackArea .advertising__title {
    font-size: 2.8rem;
    line-height: 4rem;
    letter-spacing: 4px;
  }
  .colorBackArea .advertising__title span {
    letter-spacing: 1.3px;
    margin-bottom: 0.2rem;
  }
  .colorBackArea .advertising__title span::before, .colorBackArea .advertising__title span::after {
    height: 1.5rem;
  }
  .colorBackArea .advertising__search {
    max-width: 25.5rem;
    margin: 0 auto;
  }
  .colorBackArea .advertising__searchText {
    background-size: 1.258rem auto;
    background-position: left top 5px;
  }
  .colorBackArea .advertising__searchInput--text {
    max-width: none;
  }
  .colorBackArea .advertising__searchInput--submit {
    right: 1rem;
  }
  .colorBackArea .registeredStore {
    width: 100%;
    margin-bottom: 2rem;
    padding-bottom: 6.7rem;
  }
  .colorBackArea .registeredStore .slider--registeredStore {
    padding: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
  }
  .colorBackArea .registeredStore .dotsNav {
    bottom: -6.7rem;
    border-radius: 0 0 4px 4px;
  }
  .colorBackArea .registeredStore .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
  }
  .colorBackArea .registeredStore .slick-arrow.slickPrev {
    left: -1.5rem;
  }
  .colorBackArea .registeredStore .slick-arrow.slickNext {
    right: -1.5rem;
  }
  .colorBackArea .registeredStore__singleInner {
    display: block;
    padding: 2rem 3rem 3rem;
  }
  .colorBackArea .registeredStore__photo {
    margin: 0 auto 2rem;
  }
  .colorBackArea .registeredStore__details {
    width: 100%;
    padding: 0;
  }
  .colorBackArea .registeredStore02 {
    width: 100%;
  }
  .colorBackArea .registeredStore02 .slick-arrow {
    top: 43%;
  }
  .colorBackArea .registeredStore02 .slick-arrow.slickPrev {
    left: -2rem;
  }
  .colorBackArea .registeredStore02 .slick-arrow.slickNext {
    right: -2rem;
  }
  .colorBackArea .registeredStore02__singleInner {
    padding-bottom: 2rem;
  }
  .colorBackArea .registeredStore02__photo {
    display: block;
    margin-bottom: 1.5rem;
  }
  .colorBackArea .registeredStore02__photo .flyer {
    width: 100%;
  }
  .colorBackArea .registeredStore02__photo .flyer.flyer02 {
    display: none;
  }
  .colorBackArea .designBoxSlide {
    margin-bottom: 3rem;
    width: 100%;
  }
  .colorBackArea .designBoxSlide .slick-arrow {
    top: 50%;
  }
  .colorBackArea .designBoxSlide .slick-arrow.slickPrev {
    left: -2rem;
  }
  .colorBackArea .designBoxSlide .slick-arrow.slickNext {
    right: -2rem;
  }
  .colorBackArea .designBoxSlide .dotsNav {
    background: none;
    margin: 0;
    padding: 0;
  }
  .colorBackArea .designBoxSlide .designBox--list .designBox__main {
    padding: 2rem 3rem 1.4rem 30px !important;
  }
  .colorBackArea .designBoxSlide__link {
    text-align: center;
    margin: 5rem 0 0 1.6rem;
  }
  .colorBackArea .myStore {
    width: 100%;
  }
  .colorBackArea .myStore__link {
    padding: 2rem 2.8rem 2.2rem;
  }
  .colorBackArea .myStore__title {
    letter-spacing: 2.5px;
  }
  .colorBackArea .myStore__text {
    margin-bottom: 0;
  }
  .colorBackArea .myStore__text--link {
    line-height: 1;
    letter-spacing: 2px;
    margin-top: 1rem;
  }
  .colorBackArea .topics {
    width: 100%;
    margin-bottom: 2rem;
  }
  .colorBackArea .topics__title {
    margin-bottom: 3rem;
  }
  .colorBackArea .event {
    width: 100%;
  }
  .colorBackArea .event__title {
    margin-bottom: 3rem;
  }
  .colorBackArea .event__main {
    padding: 4rem 1rem 6rem;
  }
  .colorBackArea .event__date {
    text-align: center;
    margin-bottom: 2.7rem;
  }
  .colorBackArea .event__list {
    padding-right: 2rem;
  }
  .twoColumn__single:not(:last-of-type) {
    margin-bottom: 4.5rem;
  }
  .twoColumn__inner {
    display: block;
  }
  .twoColumn__inner:not(:first-of-type) {
    margin-top: 5rem;
  }
  .twoColumn__titleBox {
    width: 100%;
    padding: 0;
    margin-bottom: 3rem;
  }
  .twoColumn__titleSub {
    margin-top: 5rem;
  }
  .twoColumn__titleSub img {
    margin-right: 2.2rem;
    width: auto;
  }
  .twoColumn__detailsBox {
    width: 100%;
  }
  .twoColumn__detailsBox .img--full {
    padding-top: 0;
    margin-bottom: 3rem;
  }
  .twoColumn__detailsBox .title {
    letter-spacing: 1px;
    margin: 3rem 0 2.4rem;
    line-height: 3rem;
  }
  .twoColumn__detailsBox .title:not(:first-of-type) {
    margin-top: 4.5rem;
  }
  .twoColumn__detailsBox .attention {
    margin-top: 1.5rem;
  }
  .twoColumn__detailsBox .foldBox {
    margin: 3rem 0 0;
  }
  .twoColumn__detailsBox .twoColumnAcdBtn {
    margin-top: 3rem;
    letter-spacing: -1px;
    padding-right: 12px;
  }
  .twoColumn__detailsBox .twoColumnAcdBtn::before {
    right: 2rem;
  }
  .twoColumn__detailsBox .twoColumnAcdBtn::after {
    right: 2.6rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain .title {
    margin-top: 4.5rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ul li {
    display: block;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ul li img {
    margin: 1.3rem auto 0;
    width: 100%;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ul li p {
    line-height: 2.2rem;
    margin-top: 0.5rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ol {
    margin-top: 2.5rem;
    line-height: 2.8rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ol li::before {
    top: 0;
  }
  .twoColumn__detailsBox .twoColumnAcdMain ol li strong {
    line-height: 2.2rem;
    padding-bottom: 1.7rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox {
    margin-top: 2rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl {
    display: block;
    padding-bottom: 1.7rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dt {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd {
    width: 100%;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd p {
    padding-right: 0;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd a:not(.blankBtn) {
    margin-bottom: 0.5rem;
    display: inline-block;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd a.blankBtn {
    background-color: #fff;
    color: #DA291C;
    max-width: 27.5rem;
    height: 5rem;
    letter-spacing: 1px;
    line-height: 2.1rem;
    position: relative;
    padding-left: 0.5rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd a.blankBtn::after {
    background-image: url(../img/icon_blank_red.svg);
    margin-left: 0.5rem;
  }
  .twoColumn__detailsBox .twoColumnAcdMain--dlBox dl dd ol li::before {
    top: 4px;
  }
  .twoColumn__detailsBox .faqArea {
    margin-top: 3rem;
  }
  .twoColumn__detailsBox .blankBtn {
    max-width: 37.5rem;
  }
  .shingleColumn__single {
    display: block;
  }
  .shingleColumn__single:not(:last-of-type) {
    margin-bottom: 5rem;
  }
  .shingleColumn__photo {
    width: 100%;
    margin-bottom: 3rem;
  }
  .shingleColumn__details {
    width: 100%;
  }
  .shingleColumn__details .title {
    margin-bottom: 1.2rem;
  }
  .shingleColumn__details .blankBtn {
    max-width: 37.5rem;
    margin: 1.5rem auto 0;
  }
  .modal_main {
    padding: 4.5rem 5% 5rem;
    background: #fff;
    border-radius: 4px;
    position: relative;
  }
  .modal_close {
    top: -2rem;
    right: -2rem;
    width: 4rem;
    height: 4rem;
  }
}
/* 各スタイル PC */
.topPage {
  overflow: hidden;
}
.topPage .mv {
  height: calc(100vh - 21rem);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.topPage .mv video {
  display: block;
  position: static;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  height: calc(100vh - 21rem);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.topPage .mv.noCover video {
  -o-object-fit: contain;
  object-fit: contain;
}
.topPage .mv.min video {
  height: calc(100vh - 31rem);
}
.topPage .mv .loader {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.topPage .mv .loader img {
  width: 34.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 45%;
}
.topPage .colorBackArea__inner {
  padding: 17rem 0 1.5rem;
}
.topPage .banner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -6.5rem;
  width: calc(100% + 10rem);
}
@media (max-width: 1200px) and (min-width: 768px) {
  .topPage .banner {
    width: calc(100% + 4rem);
  }
}
.topPage .pick {
  padding: 10rem 3rem 0;
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 8.5rem;
}
.topPage .pick__title {
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  color: #151515;
  letter-spacing: 3px;
  margin-bottom: 4rem;
}
.topPage .pick__title span {
  position: relative;
  padding: 0 4.5rem;
  display: inline-block;
}
.topPage .pick__title span::before, .topPage .pick__title span::after {
  position: absolute;
  top: 0;
}
.topPage .pick__title span::before {
  content: "";
  display: block;
  background-image: url("../img/head_line_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: 0;
}
.topPage .pick__title span::after {
  content: "";
  display: block;
  background-image: url("../img/head_line_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  right: 0;
}
.topPage .pick__sliderBox {
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
}
.topPage .pick .slick-arrow {
  top: 9.5rem;
}
.topPage .service {
  padding: 0 3rem;
  margin-bottom: 10rem;
}
.topPage .service .title--obi {
  margin-bottom: 6.3rem;
}
.topPage .service .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/index/service_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 489.083px 94.474px;
  width: 489.083px;
  height: 94.474px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -10rem;
  top: 10%;
}
.topPage .service__main {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 951px) {
  .topPage .service__main .column__photo img.tabPhoto {
    display: none;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .topPage .service__main .column__photo img.pcPhoto {
    display: none;
  }
}
.topPage .brand {
  padding: 0 3rem;
  margin-bottom: 14rem;
}
.topPage .brand .title--obi {
  margin-bottom: 6.7rem;
}
.topPage .brand .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/index/brand_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 930.601px 129.068px;
  width: 930.601px;
  height: 129.068px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -10rem;
  top: 70%;
}
.topPage .brand__main {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.topPage .brand .tab__content .subTitle {
  text-align: center;
  position: relative;
  margin: 3rem 0;
}
.topPage .brand .tab__content .subTitle::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #E6E6E6;
  position: absolute;
  top: 1.3rem;
  left: 0;
}
.topPage .brand .tab__content .subTitle__box {
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 3rem;
  margin-bottom: 0.7rem;
}
.topPage .brand .tab__content .subTitle__box img {
  width: 26.235rem;
}
.topPage .brand .tab__content .subTitle__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
}
.topPage .brand .tab__content .column--item3 .column__single {
  margin-bottom: 2rem;
}
@media screen and (min-width: 951px) {
  .topPage .brand .tab__content .column--item3 .column__single {
    width: 31.7%;
  }
  .topPage .brand .tab__content .column--item3 .column__single:not(:nth-child(3n)) {
    margin-right: 2.4%;
  }
}
.topPage .brand .tab__content .column--item4 .column__single {
  margin-bottom: 2rem;
}
.topPage .brand .tab__content .column--item4 .column__single a,
.topPage .brand .tab__content .column--item4 .column__single .column__main {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  border-radius: 4px;
  height: 9rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1rem 1rem 1rem 20%;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  color: #151515;
}
@media screen and (min-width: 951px) {
  .topPage .brand .tab__content .column--item4 .column__single a,
  .topPage .brand .tab__content .column--item4 .column__single .column__main {
    padding-left: 36%;
  }
}
.topPage .brand .tab__content .column--item4 .column__single a img,
.topPage .brand .tab__content .column--item4 .column__single .column__main img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 15%;
}
@media screen and (min-width: 768px) {
  .topPage .brand .tab__content .column--item4 .column__single a:hover {
    color: #DA291C;
  }
  .topPage .brand .tab__content .column--item4 .column__single a:hover img {
    opacity: 1;
  }
}
@media screen and (min-width: 951px) {
  .topPage .brand .tab__content .column--item4 .column__single a img.cate01 {
    left: 9%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate02 {
    left: 11%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate03 {
    left: 13%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate04 {
    left: 16%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate05 {
    left: 8%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate06 {
    left: 9%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate07 {
    left: 14%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img.cate08 {
    left: 16%;
  }
}
.topPage .recipe {
  margin-bottom: 14rem;
}
.topPage .recipe .title--obi {
  margin-bottom: 2.5rem;
  padding: 0 3rem;
  max-width: 106rem;
}
.topPage .recipe .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/index/recipe_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 754.815px 129.069px;
  width: 754.815px;
  height: 129.069px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -7rem;
  top: 60%;
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .topPage .recipe .title--obi::after {
    left: 1rem !important;
  }
}
.topPage .recipe__main {
  position: relative;
  height: 38.8rem;
}
.topPage .recipe__main #particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
}
.topPage .recipe__main .slider--recipe {
  position: relative;
  z-index: 1;
}
.topPage .recipe__main .slider--recipe li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 38.8rem;
}
.topPage .recipe__main .slider--recipe .recipeSingle {
  display: block;
  border-radius: 100%;
  position: relative;
}
.topPage .recipe__main .slider--recipe .recipeSingle.size01 {
  width: 19.4rem;
  height: 19.4rem;
}
.topPage .recipe__main .slider--recipe .recipeSingle.size02 {
  width: 22.2rem;
  height: 22.2rem;
}
.topPage .recipe__main .slider--recipe .recipeSingle.size03 {
  width: 27.2rem;
  height: 27.2rem;
}
.topPage .recipe__main .slider--recipe .recipeSingle .inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
  z-index: 2;
}
.topPage .recipe__main .slider--recipe .recipeSingle .inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 77, 0, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.topPage .recipe__main .slider--recipe .recipeSingle .inner img {
  width: 100%;
  height: auto;
}
.topPage .recipe__main .slider--recipe .recipeSingle p {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  padding: 0 1rem;
}
.topPage .recipe__main .slider--recipe .recipeSingle .new {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 768px) {
  .topPage .recipe__main .slider--recipe .recipeSingle:hover .inner::after {
    opacity: 1;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle:hover img {
    opacity: 1;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle:hover p {
    opacity: 1;
  }
}
.topPage .recruit {
  margin-bottom: 10rem;
  padding: 0 3rem;
}
.topPage .recruit .title--obi {
  margin-bottom: 6.3rem;
}
.topPage .recruit .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/index/recruit_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 517.029px 98.821px;
  width: 517.029px;
  height: 98.821px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -10rem;
  top: 10%;
}
.topPage .recruit__listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.topPage .recruit__listBox li {
  width: 31%;
}
.topPage .recruit__listBox li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #DA291C;
  color: #ffffff;
  height: 17.5rem;
  width: 100%;
  border: 4px solid #DA291C;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1rem 1rem 0;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
}
.topPage .recruit__listBox li a img {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .topPage .recruit__listBox li a:hover {
    background-color: #fff;
    color: #DA291C;
  }
  .topPage .recruit__listBox li a:hover img {
    opacity: 1;
  }
}
.topPage .company {
  position: relative;
  padding: 4rem 3rem 14rem;
  overflow: hidden;
}
.topPage .company::before {
  content: "";
  display: block;
  position: absolute;
  top: 6.5rem;
  right: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 475px solid #DA291C;
  border-right: 310px solid #DA291C;
}
.topPage .company .title--obi {
  margin-bottom: 8.5rem;
}
.topPage .company .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/index/company_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 667.848px 129.596px;
  width: 667.848px;
  height: 129.596px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -10rem;
  top: 60%;
}
.topPage .company__body {
  position: relative;
  z-index: 2;
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.topPage .company__listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.topPage .company__listBox li {
  width: 48.3%;
}
.topPage .company__listBox li.company__list--02 a p {
  width: 11.6rem;
}
.topPage .company__listBox li a {
  border-radius: 4px;
  position: relative;
  display: block;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .topPage .company__listBox li a:hover p span::after {
    right: 1rem;
  }
}
.topPage .company__listBox li a img {
  border-radius: 4px;
}
.topPage .company__listBox li a p {
  width: 14.4rem;
  height: 0;
  border-bottom: 4.3rem solid #fff;
  border-left: 1.2rem solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 0 0 4px 0;
}
.topPage .company__listBox li a p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 4.3rem;
  font-size: 1.6rem;
  font-weight: 700;
  padding-right: 4rem;
  letter-spacing: 1px;
}
.topPage .company__listBox li a p span::after {
  right: 1.8rem;
}

.itemsPage .headArea {
  margin-bottom: 6.5rem;
}
.itemsPage .title--obi .text {
  font-size: 2rem;
  line-height: 2.9rem;
  letter-spacing: 2.5px;
  height: 5rem;
}
.itemsPage .pick .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/items/pickup_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 311.363px 82.209px;
  width: 311.363px;
  height: 82.209px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -2rem;
  top: 63%;
}
.itemsPage .brand .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/items/privatebrand_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 608.123px 62.939px;
  width: 608.123px;
  height: 62.939px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -2rem;
  top: 47%;
}
.itemsPage .category .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/items/category_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 419.108px 81.068px;
  width: 419.108px;
  height: 81.068px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -2rem;
  top: 65%;
}
.itemsPage .lineup .title--obi::after {
  content: "";
  display: block;
  background-image: url("../img/items/lineup_title.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 301.654px 83.209px;
  width: 301.654px;
  height: 83.209px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: -2rem;
  top: 65%;
}
.itemsPage .pick {
  padding: 0 3rem;
  margin-bottom: 1.2rem;
  margin-top: 10rem;
}
.itemsPage .pick .title--obi {
  margin-bottom: 3rem;
}
.itemsPage .pick__sliderBox {
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
}
.itemsPage .pick .slick-arrow {
  top: 9.5rem;
}
.itemsPage .pick__sliderBoxBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin: 0 auto 6.2rem;
}
@media screen and (min-width: 768px) {
  .itemsPage .pick__sliderBoxBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.itemsPage .brand {
  margin-bottom: 4rem;
}
.itemsPage .brand .title--obi {
  margin-bottom: 4rem;
}
.itemsPage .brand__content .subTitle {
  text-align: center;
  position: relative;
  margin: 3rem 0;
}
.itemsPage .brand__content .subTitle::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #E6E6E6;
  position: absolute;
  top: 1.3rem;
  left: 0;
}
.itemsPage .brand__content .subTitle__box {
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 3rem;
  margin-bottom: 0.7rem;
}
.itemsPage .brand__content .subTitle__box img {
  width: 26.235rem;
}
.itemsPage .brand__content .subTitle__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
}
.itemsPage .category .title--obi {
  margin-bottom: 3rem;
}
.itemsPage .category__content .column__single {
  margin-bottom: 2rem;
}
.itemsPage .category__content .column__single a,
.itemsPage .category__content .column__single .column__main {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  border-radius: 4px;
  height: 9rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1rem 1rem 1rem 20%;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  color: #151515;
}
@media screen and (min-width: 951px) {
  .itemsPage .category__content .column__single a,
  .itemsPage .category__content .column__single .column__main {
    padding-left: 36%;
  }
}
.itemsPage .category__content .column__single a img,
.itemsPage .category__content .column__single .column__main img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 15%;
}
@media screen and (min-width: 768px) {
  .itemsPage .category__content .column__single a:hover {
    color: #DA291C;
  }
  .itemsPage .category__content .column__single a:hover img {
    opacity: 1;
  }
}
@media screen and (min-width: 951px) {
  .itemsPage .category__content .column__single a img.cate01 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate02 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate03 {
    left: 15%;
  }
  .itemsPage .category__content .column__single a img.cate04 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate05 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate06 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate07 {
    left: 14%;
  }
  .itemsPage .category__content .column__single a img.cate08 {
    left: 15%;
  }
}
.itemsPage .moreBtn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .itemsPage .moreBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
.itemsPage .moreBtn::before, .itemsPage .moreBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  background-color: #DA291C;
  border-radius: 3px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
.itemsPage .moreBtn::before {
  width: 1.5rem;
  height: 3px;
  right: 2.4rem;
}
.itemsPage .moreBtn::after {
  width: 3px;
  height: 1.5rem;
  right: 3rem;
}
@media screen and (min-width: 768px) {
  .itemsPage .moreBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
  .itemsPage .moreBtn:hover::before, .itemsPage .moreBtn:hover::after {
    background-color: #fff;
  }
}
.itemsPage .itemsListHead + section {
  margin-top: 10rem !important;
}

.itemsPage.itemsFront .pageInner {
  margin-bottom: 6rem;
}
.itemsPage.itemsFront #categorySearch {
  padding-top: 9rem;
  margin-top: -9rem;
}

.itemsPage.itemsList .itemsListHead {
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 3rem 0;
  position: relative;
  margin-bottom: 0.5rem;
}
.itemsPage.itemsList .itemsListHead__read {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 1;
  max-width: 80rem;
  width: calc(100% - 6rem);
  margin: 0 auto;
  padding: 2.8rem 3rem;
  position: relative;
  top: -6rem;
  margin-bottom: -6rem;
}
.itemsPage.itemsList .itemsListHead__read p {
  text-align: center;
  letter-spacing: 1.5px;
}
.itemsPage.itemsList .lineup {
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  margin-bottom: 8rem;
}
.itemsPage.itemsList .lineup .title--obi {
  margin-bottom: 3rem;
}
.itemsPage.itemsList .lineup .column__single {
  margin-bottom: 4rem;
}
.itemsPage.itemsList .lineup .moreBtn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsList .lineup .moreBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
.itemsPage.itemsList .lineup .moreBtn::before, .itemsPage.itemsList .lineup .moreBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  background-color: #DA291C;
  border-radius: 3px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
.itemsPage.itemsList .lineup .moreBtn::before {
  width: 1.5rem;
  height: 3px;
  right: 2.4rem;
}
.itemsPage.itemsList .lineup .moreBtn::after {
  width: 3px;
  height: 1.5rem;
  right: 3rem;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsList .lineup .moreBtn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
  .itemsPage.itemsList .lineup .moreBtn:hover::before, .itemsPage.itemsList .lineup .moreBtn:hover::after {
    background-color: #fff;
  }
}

.itemsPage.itemsDetails .headArea {
  padding-top: 5.4rem;
  margin-bottom: 3.5rem;
}
.itemsPage.itemsDetails .headArea__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 4rem;
}
.itemsPage.itemsDetails .headArea__title img {
  margin-right: 2.5rem;
  width: 8.5rem;
  height: auto;
}
.itemsPage.itemsDetails .mainText {
  margin-bottom: 8rem;
}
.itemsPage.itemsDetails .mainText__single {
  margin-bottom: 6rem;
}
.itemsPage.itemsDetails .mainText__single--mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 6rem;
}
.itemsPage.itemsDetails .mainText__single--mv .mainText__photo {
  width: 60%;
}
.itemsPage.itemsDetails .mainText__single--mv .mainText__photo p {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #868686;
  text-align: right;
  letter-spacing: 0.6px;
  margin-top: 1rem;
}
.itemsPage.itemsDetails .mainText__single--mv .mainText__text {
  width: 36%;
}
.itemsPage.itemsDetails .mainText__single--leftImg, .itemsPage.itemsDetails .mainText__single--rightImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 6rem;
}
.itemsPage.itemsDetails .mainText__single--leftImg .mainText__photo, .itemsPage.itemsDetails .mainText__single--rightImg .mainText__photo {
  width: 31rem;
}
.itemsPage.itemsDetails .mainText__single--leftImg .mainText__text, .itemsPage.itemsDetails .mainText__single--rightImg .mainText__text {
  width: calc(100% - 34.5rem);
}
.itemsPage.itemsDetails .mainText__single--rightImg {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.itemsPage.itemsDetails .mainText__text {
  letter-spacing: 1.4px;
}
.itemsPage.itemsDetails .mainText__textTitle {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
  margin-bottom: 2.2rem;
}
.itemsPage.itemsDetails .mainText aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 8.3rem;
}
.itemsPage.itemsDetails .mainText aside .foldBox {
  width: calc(50% - 2rem);
}
.itemsPage.itemsDetails .wpContent__block * {
  word-break: break-all;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure, .itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-media-text figure, .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}

.itemsPage.itemsDetails .wpContent__block h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
  margin: 0 0 4rem;
}
.itemsPage.itemsDetails .wpContent__block h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #DA291C;
  letter-spacing: 1.3px;
  margin: 7rem 0 3rem;
}
.itemsPage.itemsDetails .wpContent__block h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  margin: 7rem 0 3rem;
}
.itemsPage.itemsDetails .wpContent__block p {
  letter-spacing: 1.4px;
}
.itemsPage.itemsDetails .wpContent__block p:not(:last-of-type) {
  margin-bottom: 2rem;
}
.itemsPage.itemsDetails .wpContent__block a {
  text-decoration: underline;
  color: #DA291C;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsDetails .wpContent__block a:hover {
    text-decoration: none;
  }
}
.itemsPage.itemsDetails .wpContent__block a[target*=_blank]::after {
  content: "";
  display: block;
  background-image: url("../img/icon_blank_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 11px;
  width: 13px;
  height: 11px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.3rem;
}
.itemsPage.itemsDetails .wpContent__block a.no_icon::after {
  content: none;
}
.itemsPage.itemsDetails .wpContent__block a.download {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  background-image: url(../img/icon_download_red.svg);
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  background-size: 2.3403rem auto;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsDetails .wpContent__block a.download:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsDetails .wpContent__block a.download:hover {
    background-image: url(../img/icon_download_white.svg);
  }
}
@media screen and (max-width: 767px) {
  .itemsPage.itemsDetails .wpContent__block a.download {
    font-size: 1.5rem;
    padding: 0 4rem 0 1rem;
    letter-spacing: 0;
    background-position: right 1.6rem center;
  }
}
.itemsPage.itemsDetails .wpContent__block strong {
  font-weight: 700;
}
.itemsPage.itemsDetails .wpContent__block em {
  font-weight: 700;
  font-style: italic;
}
.itemsPage.itemsDetails .wpContent__block blockquote {
  color: #868686;
  position: relative;
  padding: 0 1.4rem;
  display: inline-block;
  margin-bottom: 2rem;
}
.itemsPage.itemsDetails .wpContent__block blockquote::before, .itemsPage.itemsDetails .wpContent__block blockquote::after {
  position: absolute;
  top: 0.4rem;
  color: #868686;
  font-size: 2.4rem;
}
.itemsPage.itemsDetails .wpContent__block blockquote::before {
  content: "“";
  left: 0;
}
.itemsPage.itemsDetails .wpContent__block blockquote::after {
  content: "“";
  right: 0;
}
.itemsPage.itemsDetails .wpContent__block blockquote p {
  color: #868686;
}
.itemsPage.itemsDetails .wpContent__block ul {
  font-weight: 700;
  color: #151515;
  margin-bottom: 2rem;
}
.itemsPage.itemsDetails .wpContent__block ul li {
  position: relative;
  padding-left: 1.5rem;
}
.itemsPage.itemsDetails .wpContent__block ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.itemsPage.itemsDetails .wpContent__block ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.itemsPage.itemsDetails .wpContent__block ol {
  counter-reset: olNum;
  font-weight: 700;
  color: #151515;
  margin-bottom: 2rem;
}
.itemsPage.itemsDetails .wpContent__block ol li {
  position: relative;
  padding-left: 3rem;
}
.itemsPage.itemsDetails .wpContent__block ol li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.itemsPage.itemsDetails .wpContent__block ol li::before {
  counter-increment: olNum;
  content: counter(olNum);
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  background-color: #DA291C;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.5rem;
  padding: 0 0 0.2rem 0.2rem;
}
@media screen and (max-width: 767px) {
  .itemsPage.itemsDetails .wpContent__block ol li::before {
    padding-left: 0.1rem;
  }
}
.itemsPage.itemsDetails .wpContent__block .wp-block-image {
  margin: 5rem auto;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption {
  margin-top: 2rem;
}
.itemsPage.itemsDetails .wpContent__block .has-text-align-center {
  text-align: center;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-media-text {
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure {
  width: 31rem;
  color: #151515;
  padding-top: 0.5rem;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure img {
  margin-bottom: 2rem;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-media-text .wp-block-media-text__content {
  width: calc(100% - 34.5rem);
}
.itemsPage.itemsDetails .wpContent__block .wp-block-media-text.has-media-on-the-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery {
  margin: 5rem auto 7rem;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  text-align: center;
  padding: 0;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item::before {
  content: none;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
  width: 100%;
  max-width: 31rem;
  color: #151515;
}
.itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
    width: 31%;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item:not(:nth-child(2n)) {
    margin-right: 4%;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item {
    width: 31%;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-2 .gallery-item {
    width: 31% !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-2 .gallery-item:not(:nth-child(2n)) {
    margin-right: 4%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-3 .gallery-item {
    width: 31% !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail.gallery-columns-3 .gallery-item:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-item {
    padding: 0;
    float: none !important;
    margin-top: 2rem !important;
    text-align: center;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-icon + .gallery-caption {
    margin-top: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-caption {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail img {
    border: none !important;
  }
  .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .wp_cnt_block .wp-caption {
    max-width: 100%;
    text-align: center;
  }
}
.itemsPage.itemsDetails .wpContent__block table {
  margin: 5rem auto;
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.itemsPage.itemsDetails .wpContent__block table tr th, .itemsPage.itemsDetails .wpContent__block table tr td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  color: #151515;
  padding: 0.9rem 1.3rem 1rem;
  vertical-align: middle;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.itemsPage.itemsDetails .wpContent__block table tr th {
  text-align: center;
  font-weight: 700;
  background-color: #F5F5F5;
  letter-spacing: 1.5px;
}
.itemsPage.itemsDetails .wpContent__block table tr td {
  background-color: #ffffff;
}
.itemsPage.itemsDetails .wpContent__block table tr th, .itemsPage.itemsDetails .wpContent__block table tr td {
  padding: 1.5rem 1rem 1.4rem;
  letter-spacing: 1px;
}
.itemsPage.itemsDetails .wpContent__block table tr td {
  line-height: 2.4rem;
}
.itemsPage.itemsDetails .ingredient__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  letter-spacing: 1.7px;
  margin-bottom: 3rem;
  word-break: keep-all;
}
.itemsPage.itemsDetails .ingredient__title span {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-left: 1rem;
  letter-spacing: 0.5px;
}
.itemsPage.itemsDetails .ingredient table {
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.itemsPage.itemsDetails .ingredient table tr th, .itemsPage.itemsDetails .ingredient table tr td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  color: #151515;
  padding: 0.9rem 1.3rem 1rem;
  vertical-align: middle;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.itemsPage.itemsDetails .ingredient table tr th {
  text-align: center;
  font-weight: 700;
  background-color: #F5F5F5;
  letter-spacing: 1.5px;
}
.itemsPage.itemsDetails .ingredient table tr td {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .itemsPage.itemsDetails .ingredient table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage.itemsDetails .ingredient table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .itemsPage.itemsDetails .ingredient table th, .itemsPage.itemsDetails .ingredient table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}
.itemsPage.itemsDetails .ingredient table tr th, .itemsPage.itemsDetails .ingredient table tr td {
  padding: 1.5rem 1rem 1.4rem;
  letter-spacing: 1px;
}
.itemsPage.itemsDetails .lineup {
  margin-bottom: 2.5rem;
}
.itemsPage.itemsDetails .lineup .title--obi {
  margin-bottom: 3rem;
}
.itemsPage.itemsDetails .lineup .column__single {
  margin-bottom: 4rem;
}
.itemsPage.itemsDetails .pageInner.pageInner01 {
  margin-bottom: 8rem;
}
.itemsPage.itemsDetails .pageInner.pageInner02 {
  margin-bottom: 6rem;
}

.itemsPage.itemsSearch .pageSearch--head {
  margin-bottom: 6rem;
}
.itemsPage.itemsSearch .pageSearch--head .pageSearch__inner {
  height: 11rem;
}
.itemsPage.itemsSearch .pageInner {
  margin-bottom: 6rem;
}
.itemsPage.itemsSearch .lineup {
  margin-bottom: 9rem;
}
.itemsPage.itemsSearch .lineup .column__single {
  margin-bottom: 4rem;
}
.itemsPage.itemsSearch .lineup .column__details p.title {
  color: #151515;
}
.itemsPage.itemsSearch .lineup .column__details .hit {
  color: #FF4D00;
  display: contents;
}

.newsPage.newsFront .headArea {
  margin-bottom: 8rem;
}
.newsPage.newsFront .news__main .news__single {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 2rem;
}
.newsPage.newsFront .news__main .news__single:not(:last-child) {
  margin-bottom: 1.8rem;
}
.newsPage.newsFront .news__main .news__single::after {
  top: 30%;
}
.newsPage.newsFront .news__main .news__single {
  padding-bottom: 2.9rem;
}
.newsPage.newsFront .news__main .news__single:not(:last-child) {
  margin-bottom: 3rem;
}
.newsPage.newsFront .selectBtn {
  margin-bottom: 6rem;
}

.detailsPage .pageing--detailsPage .pageing__return {
  width: 60.3%;
}

.shopsPage.shopsFront .headArea,
.shopsPage.shopsSearch .headArea {
  margin-bottom: 7.5rem;
}
.shopsPage.shopsFront .pageSearch,
.shopsPage.shopsSearch .pageSearch {
  margin-bottom: 6rem;
}
.shopsPage.shopsFront .pageSearch__text,
.shopsPage.shopsSearch .pageSearch__text {
  background-position: left top 0.6rem;
}
.shopsPage.shopsFront .areaSearch--myStore,
.shopsPage.shopsSearch .areaSearch--myStore {
  margin-bottom: 6rem;
}
.shopsPage.shopsFront .areaSearch--myStore .areaSearch__title,
.shopsPage.shopsSearch .areaSearch--myStore .areaSearch__title {
  background: url(../img/icon_house02.png) no-repeat left top 1rem;
  background-size: auto 2.15rem;
  padding-left: 3rem;
}

.shopsPage.shopsSearch .areaSearch__title:first-child {
  background: none;
  padding-left: 0;
}
.shopsPage.shopsSearch .notText {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 1.2px;
  margin-bottom: 6rem;
}

.areaSearch__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #151515;
  background: url(../img/shops/title_icon.svg) no-repeat left top 1rem;
  padding-left: 2.6rem;
  margin-bottom: 3rem;
}
.areaSearch__title span {
  font-size: 2.6rem;
  line-height: 3.7rem;
  color: #DA291C;
  margin-right: 0.2rem;
}
.areaSearch__single:not(:last-of-type) {
  margin-bottom: 3rem;
}
.areaSearch__acdBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  max-width: none;
  height: 6rem;
  font-size: 1.8rem;
  padding: 0 5rem 0 2rem;
  letter-spacing: 0.7px;
  background-image: url(../img/shortArrow_bottom.png);
  background-size: 1.65rem 1rem;
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
}
@media screen and (min-width: 768px) {
  .areaSearch__acdBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .areaSearch__acdBtn:hover {
    background-image: url(../img/shortArrow_bottom_red.png);
  }
}
@media screen and (max-width: 767px) {
  .areaSearch__acdBtn {
    background-position: right 1.9rem center;
  }
}
.areaSearch__acdBtn.open {
  color: #ffffff;
  background-color: #DA291C;
  background-image: url(../img/shortArrow_top.png);
  background-size: 1.65rem 1rem;
}
.areaSearch__main {
  display: none;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .areaSearch__details {
    width: 100%;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    table-layout: fixed;
  }
  .areaSearch__details tr th, .areaSearch__details tr td {
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    color: #151515;
    padding: 0.9rem 1.3rem 1rem;
    vertical-align: middle;
    line-height: 2rem;
    letter-spacing: 0.5px;
  }
  .areaSearch__details tr th {
    text-align: center;
    font-weight: 700;
    background-color: #F5F5F5;
    letter-spacing: 1.5px;
  }
  .areaSearch__details tr td {
    background-color: #ffffff;
  }
  .areaSearch__details tr th:nth-child(1), .areaSearch__details tr td:nth-child(1) {
    width: 25rem;
  }
  .areaSearch__details tr th:nth-child(2), .areaSearch__details tr td:nth-child(2) {
    width: 27%;
  }
  .areaSearch__details tr th:nth-child(3), .areaSearch__details tr td:nth-child(3) {
    width: 14%;
  }
  .areaSearch__details tr th:nth-child(4), .areaSearch__details tr td:nth-child(4) {
    width: 14%;
  }
  .areaSearch__details tr th:nth-child(5), .areaSearch__details tr td:nth-child(5) {
    width: 20%;
  }
}
.areaSearch__details tbody tr td {
  color: #151515;
  line-height: 2rem;
  padding: 1.9rem 1.9rem 1.5rem;
}
.areaSearch__details tbody p.name {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.areaSearch__details tbody p.name a {
  position: relative;
  text-decoration: underline;
  padding-left: 3.4rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody p.name a:hover {
    text-decoration: none;
  }
}
.areaSearch__details tbody p.name a img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody p.name a:hover {
    opacity: 0.7;
  }
  .areaSearch__details tbody p.name a:hover img {
    opacity: 1;
  }
}
.areaSearch__details tbody p.name img {
  margin-right: 1rem;
}
.areaSearch__details tbody .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 2.2rem 0 0;
}
.areaSearch__details tbody .myStore--add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  border-color: #DA291C;
  color: #DA291C;
  max-width: 10rem;
  height: 3rem;
  font-size: 1.3rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .myStore--add:hover {
    background-color: #fff;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .myStore--add:hover {
    background-color: #DA291C;
    color: #fff;
  }
}
.areaSearch__details tbody .myStore--remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  border-color: #D6D6D6;
  color: #2C2C2C;
  max-width: 10rem;
  height: 3rem;
  font-size: 1.3rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .myStore--remove:hover {
    background-color: #fff;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .myStore--remove:hover {
    background-color: #D6D6D6;
    color: #fff;
  }
}
.areaSearch__details tbody .flyerBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 10rem;
  height: 3rem;
  font-size: 1.3rem;
  margin: 0.5rem 1rem 0 0;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .flyerBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.areaSearch__details tbody .mapBtn {
  font-size: 1.3rem;
  line-height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #D6D6D6;
  max-width: 23rem;
  width: 100%;
  border-radius: 3.2rem;
  padding: 0.4rem 1.2rem;
  letter-spacing: 0;
  margin: 1.3rem 0 0;
}
@media screen and (min-width: 768px) {
  .areaSearch__details tbody .mapBtn:hover {
    background-color: #D6D6D6;
    color: #ffffff;
  }
}
.areaSearch__details tbody dl dt {
  display: none;
}
.areaSearch__details tbody dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.areaSearch__details tbody dl dd ul li {
  width: 30px;
  margin: 0 2px 2px 0;
}
.areaSearch__iconlist {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 3rem;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: -0.5rem;
}
.areaSearch__iconlist li {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.5rem;
}
_:-ms-lang(x)::-ms-backdrop, .areaSearch__iconlist li:last-child {
  letter-spacing: -0.5px;
}

.areaSearch__iconlist li img {
  width: 2.5rem;
  height: auto;
  margin-right: 0.6rem;
}

.shopsPage.shopsDetails .headArea {
  padding-bottom: 7.6rem;
  padding-right: 34rem;
}
.shopsPage.shopsDetails .colorBackArea__inner {
  padding: 6rem 0 2rem;
}
.shopsPage.shopsDetails .colorBackArea .designBox__main {
  padding: 3rem 4rem 4rem;
}
.shopsPage.shopsDetails .colorBackArea .event__main {
  height: calc(100% - 5rem);
}
.shopsPage.shopsDetails .pageInner {
  margin-bottom: 7rem;
}
.shopsPage.shopsDetails .pageInner .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.shopsPage.shopsDetails .pageInner h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  letter-spacing: 3px;
}
.shopsPage.shopsDetails .pageInner .storeInformation {
  padding-top: 6rem;
  margin-bottom: 6rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.shopsPage.shopsDetails .pageInner .storeInformation__map {
  width: calc(100% - 34.5rem);
  height: 29.9rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details {
  width: 31rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table {
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table tr th, .shopsPage.shopsDetails .pageInner .storeInformation__details table tr td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  color: #151515;
  padding: 0.9rem 1.3rem 1rem;
  vertical-align: middle;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table tr th {
  text-align: center;
  font-weight: 700;
  background-color: #F5F5F5;
  letter-spacing: 1.5px;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table tr td {
  background-color: #ffffff;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table tr th {
  width: 12rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details table tr td.bigText {
  font-size: 1.8rem;
  letter-spacing: 1.3px;
  padding: 0 1rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details .mapBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 5rem;
  border-radius: 5rem;
  border: 1px solid #D6D6D6;
  margin-top: 3rem;
  letter-spacing: 0;
  padding-right: 1rem;
}
.shopsPage.shopsDetails .pageInner .storeInformation__details .mapBtn::after {
  right: 2.7rem;
}
@media screen and (min-width: 768px) {
  .shopsPage.shopsDetails .pageInner .storeInformation__details .mapBtn:hover::after {
    right: 1.7rem;
  }
}
.shopsPage.shopsDetails .pageInner .noticeFromTheStore {
  margin-bottom: 5.5rem;
}
.shopsPage.shopsDetails .pageInner .noticeFromTheStore h2 {
  margin-bottom: 1.5rem;
}
.shopsPage.shopsDetails .pageInner .noticeFromTheStore h3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 1.8rem;
  letter-spacing: 1.5px;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-bottom: 1.1rem;
  margin-bottom: 1.3rem;
  letter-spacing: 0.8px;
}
.shopsPage.shopsDetails .pageInner .noticeFromTheStore h3:not(:first-of-type) {
  margin-top: 3rem;
}
.shopsPage.shopsDetails .pageInner .noticeFromTheStore p {
  letter-spacing: 1.4px;
}
.shopsPage.shopsDetails .pageInner .recycle__list, .shopsPage.shopsDetails .pageInner .service__list {
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.shopsPage.shopsDetails .pageInner .recycle__list li, .shopsPage.shopsDetails .pageInner .service__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 5.9rem;
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  padding-left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .shopsPage.shopsDetails .pageInner .recycle__list li, .shopsPage.shopsDetails .pageInner .service__list li {
    width: 20%;
  }
  _:-ms-lang(x)::-ms-backdrop, .shopsPage.shopsDetails .pageInner .recycle__list li, .shopsPage.shopsDetails .pageInner .service__list li {
    width: calc((100% - 1px) / 5);
  }
}
.shopsPage.shopsDetails .pageInner .recycle__list li img, .shopsPage.shopsDetails .pageInner .service__list li img {
  margin: 0 auto;
}
.shopsPage.shopsDetails .pageInner .recycle__list li p, .shopsPage.shopsDetails .pageInner .service__list li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
  width: 155px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
_:-ms-lang(x)::-ms-backdrop, .shopsPage.shopsDetails .pageInner .recycle__list li p, .shopsPage.shopsDetails .pageInner .service__list li p {
  width: 150px;
}

.shopsPage.shopsDetails .pageInner .recycle__list li p span, .shopsPage.shopsDetails .pageInner .service__list li p span {
  font-size: 12px;
  letter-spacing: 0;
}

.shopsPage.shopsDetails .pageInner .service {
  margin-bottom: 5.8rem;
}
.shopsPage.shopsDetails .pageInner .service__list .textLeft p {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 10px;
}
@media (max-width: 1080px) and (min-width: 768px) {
  .shopsPage.shopsDetails .pageInner .service__list li {
    width: 33.3333333333%;
    padding-left: 0;
    padding-right: 2rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .shopsPage.shopsDetails .pageInner .service__list li {
    width: calc((100% - 1px) / 3);
  }
  .shopsPage.shopsDetails .pageInner .service__list li p {
    width: calc(100% - 5rem);
  }
  .shopsPage.shopsDetails .pageInner .service__list li.textLeft p {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
  }
}
.shopsPage.shopsDetails .pageInner .recycle {
  margin-bottom: 5.8rem;
}
.shopsPage.shopsDetails .pageInner .recycle__list li p {
  width: 145px;
  padding-right: 15px;
}
.shopsPage.shopsDetails .pageInner .recycle__list li.textSmall p {
  width: 160px;
  padding-right: 0;
}
@media (max-width: 1080px) and (min-width: 768px) {
  .shopsPage.shopsDetails .pageInner .recycle__list li {
    width: 33.3333333333%;
    padding-left: 0;
    padding-right: 2rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .shopsPage.shopsDetails .pageInner .recycle__list li {
    width: calc((100% - 1px) / 3);
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li p {
    width: calc(100% - 5rem);
    padding-right: 0;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li.textSmall p {
    width: calc(100% - 5rem);
  }
}
.shopsPage.shopsDetails .pageInner .card,
.shopsPage.shopsDetails .pageInner .qr {
  width: 50%;
}
.shopsPage.shopsDetails .pageInner .card h2,
.shopsPage.shopsDetails .pageInner .qr h2 {
  letter-spacing: 2.5px;
}
.shopsPage.shopsDetails .pageInner .card ul,
.shopsPage.shopsDetails .pageInner .qr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 27px;
}
.shopsPage.shopsDetails .pageInner .card ul li,
.shopsPage.shopsDetails .pageInner .qr ul li {
  height: 4rem;
  margin-bottom: 0.5rem;
}
.shopsPage.shopsDetails .pageInner .card ul li:not(:last-of-type),
.shopsPage.shopsDetails .pageInner .qr ul li:not(:last-of-type) {
  margin-right: 0.8rem;
}
.shopsPage.shopsDetails .thumbnailBanner {
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6rem;
}
.shopsPage.shopsDetails .topics {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
}
.shopsPage.shopsDetails .topics h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
  letter-spacing: 3px;
}
.shopsPage.shopsDetails .topics__main .news__single {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 2rem;
}
.shopsPage.shopsDetails .topics__main .news__single:not(:last-child) {
  margin-bottom: 1.8rem;
}
.shopsPage.shopsDetails .topics__main .news__single::after {
  top: 30%;
}
.shopsPage.shopsDetails .topics__link {
  text-align: right;
  margin-right: -1rem;
  margin-top: 1rem;
}
.shopsPage.shopsDetails .topics__link a {
  color: #868686;
}

.dealsPage.dealsFront .headArea {
  margin-bottom: 8rem;
}
.dealsPage.dealsFront .campaign {
  padding: 0 3rem;
  margin-bottom: 8rem;
}
.dealsPage.dealsFront .campaign .slider__photo {
  overflow: hidden;
  position: relative;
  padding-top: 56.4516129032%;
  border-radius: 4px;
}
.dealsPage.dealsFront .campaign .slider__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width ease 0.5s, opacity ease 0.3s;
  transition: width ease 0.5s, opacity ease 0.3s;
}
.dealsPage.dealsFront .campaign__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  letter-spacing: 3px;
  background: url(../img/icon_lamp.svg) no-repeat;
  padding: 0.4rem 0 0.5rem 5rem;
}
.dealsPage.dealsFront .campaign__read {
  letter-spacing: 1.4px;
}
.dealsPage.dealsFront .campaign__sliderBox {
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 3.8rem;
}
.dealsPage.dealsFront .campaign__sliderBoxBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin: 3.5rem auto 0;
}
@media screen and (min-width: 768px) {
  .dealsPage.dealsFront .campaign__sliderBoxBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.dealsPage.dealsFront .campaign .slider__details {
  margin-top: 1rem;
}
.dealsPage.dealsFront .campaign .slider__details .title {
  line-height: 2rem;
}
.dealsPage.dealsFront .campaign .slick-arrow {
  top: 6.5rem;
}
.dealsPage.dealsFront .colorBackArea {
  padding-top: 6rem;
  padding-bottom: 8rem;
  margin-bottom: 7.2rem;
}
.dealsPage.dealsFront .service__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
  letter-spacing: 3px;
  background: url(../img/icon_star.svg) no-repeat;
  padding: 0.8rem 0 0 4rem;
}
.dealsPage.dealsFront .service__main {
  margin-bottom: -5rem;
}
@media screen and (min-width: 951px) {
  .dealsPage.dealsFront .service__main .column__photo img.tabPhoto {
    display: none;
  }
}
@media screen and (max-width: 950px) and (min-width: 768px) {
  .dealsPage.dealsFront .service__main .column__photo img.pcPhoto {
    display: none;
  }
}

.dealsPage.detailsPage.style01 .headArea {
  margin-bottom: 11rem;
}
.dealsPage.detailsPage.style01 .headArea__title {
  margin-bottom: 2rem;
}

.dealsPage.dealsCampaign .headArea {
  margin-bottom: 7.7rem;
}
.dealsPage.dealsCampaign .campaignFront {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: -3rem;
}
.dealsPage.dealsCampaign .campaignFront__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3.7rem;
}
.dealsPage.dealsCampaign .campaignFront__titleText {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  letter-spacing: 1px;
  padding: 0 3.5rem;
}
.dealsPage.dealsCampaign .campaignFront__titleText::before, .dealsPage.dealsCampaign .campaignFront__titleText::after {
  position: absolute;
  top: 0;
}
.dealsPage.dealsCampaign .campaignFront__titleText::before {
  content: "";
  display: block;
  background-image: url("../img/head_line_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: 0;
}
.dealsPage.dealsCampaign .campaignFront__titleText::after {
  content: "";
  display: block;
  background-image: url("../img/head_line_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  right: 0;
}
.dealsPage.dealsCampaign .campaignFront__titleText::before, .dealsPage.dealsCampaign .campaignFront__titleText::after {
  top: 0.7rem;
}
.dealsPage.dealsCampaign .campaignFront__titleText span {
  font-size: 2.6rem;
  color: #DA291C;
  letter-spacing: 1.7px;
}
.dealsPage.dealsCampaign .campaignFront__list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dealsPage.dealsCampaign .campaignFront__list .column__single {
  margin-bottom: 3rem;
}
.dealsPage.dealsCampaign .campaignFront__list .column__single a {
  display: block;
}
.dealsPage.dealsCampaign .campaignFront__list .column__single a p {
  color: #151515;
  line-height: 2rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .dealsPage.dealsCampaign .campaignFront__list .column__single {
    margin-bottom: 2rem;
  }
  .dealsPage.dealsCampaign .campaignFront__list .column__single a p {
    margin-top: 1.2rem;
  }
}
.dealsPage.dealsCampaign .campaignFront__list .column__photo {
  overflow: hidden;
  position: relative;
  padding-top: 56.4516129032%;
}
.dealsPage.dealsCampaign .campaignFront__list .column__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width ease 0.5s, opacity ease 0.3s;
  transition: width ease 0.5s, opacity ease 0.3s;
}

.dealsPage.dealsPresent .headArea {
  margin-bottom: 7rem;
}
.dealsPage.dealsPresent .presentFront__read {
  letter-spacing: 1.4px;
  margin-bottom: 5.5rem;
}

.dealsPage.detailsPage.style02 .headArea {
  margin-bottom: 5.5rem;
}
.dealsPage.detailsPage.style02 .headArea__title {
  letter-spacing: 3px;
  margin-bottom: 2rem;
}

.dealsPage.dealsService .headArea {
  margin-bottom: 7.5rem;
}
.dealsPage.dealsService .serviceFront .anchorLink {
  margin-bottom: 9.2rem;
}
.dealsPage.dealsService .serviceFront .shadow {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
}

.dealsPage.dealsNetshop .headArea {
  margin-bottom: 7.5rem;
}

.dealsPage.dealsMedia .headArea {
  margin-bottom: 7.5rem;
}
.dealsPage.dealsMedia .mediaFront .anchorLink {
  margin-bottom: 9.2rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .downloadBtn {
  margin-bottom: 2.3rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .adobeBox {
  margin-bottom: 6rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .bannerBox {
  display: block;
  margin: 1.3rem auto 6rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .mailBtn {
  margin-bottom: 0;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .linkBox {
  margin-top: 2.2rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .linkBox__photo {
  height: 6.1rem;
  width: 6.1rem;
}
.dealsPage.dealsMedia .twoColumn__detailsBox .linkBox__details {
  width: calc(100% - 8.5rem);
}

.dealsPage.dealsApp .headArea {
  margin-bottom: 7.5rem;
}
.dealsPage.dealsApp .app__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 40rem;
  height: 6rem;
  font-size: 1.6rem;
  margin: 3.5rem auto 0;
  letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) {
  .dealsPage.dealsApp .app__btn:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}
@media screen and (min-width: 768px) {
  .dealsPage.dealsApp .app__btn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.dealsPage.dealsApp .app__btn::after {
  width: 1.3rem;
  height: 1.1rem;
  background-size: 1.3rem auto;
  margin-left: 1.4rem;
}
.dealsPage.dealsApp .downloadBox {
  border: 4px solid #DA291C;
  border-radius: 2rem;
  margin: 6rem auto 0;
  padding: 1.5rem 7.6% 3.8rem 5.3%;
}
.dealsPage.dealsApp .downloadBox__title {
  height: 5.6rem;
  padding-left: 1.5rem;
}
.dealsPage.dealsApp .downloadBox__title img {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.dealsPage.dealsApp .downloadBox__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dealsPage.dealsApp .downloadBox__flex--list01 {
  width: 33%;
}
.dealsPage.dealsApp .downloadBox__flex--list02, .dealsPage.dealsApp .downloadBox__flex--list03 {
  width: 22.6%;
  padding-bottom: 0.2rem;
}
.dealsPage.dealsApp .downloadBox__flex--list02 p, .dealsPage.dealsApp .downloadBox__flex--list03 p {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.2px;
}
.dealsPage.dealsMemberscard .headArea {
  margin-bottom: 7.5rem;
}
.dealsPage.dealsMemberscard .anchorLink__list {
  padding: 2.2rem 5.5rem 0.2rem;
}
.dealsPage.dealsMemberscard .memberscardFront .anchorLink {
  margin-bottom: 11rem;
}
.dealsPage.dealsMemberscard .numOl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dealsPage.dealsMemberscard .numOl li {
  width: 50%;
}
.dealsPage.dealsMemberscard .numOl li:nth-child(2) {
  letter-spacing: 0.1px;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul,
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul {
  font-weight: 700;
  color: #151515;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul li,
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul li {
  position: relative;
  padding-left: 1.5rem;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul li:not(:last-of-type),
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul li::before,
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul li,
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul li {
  letter-spacing: 1.5px;
}
.dealsPage.dealsMemberscard #serviceContents02 h3 + ul li:not(:last-of-type),
.dealsPage.dealsMemberscard #serviceContents03 h3 + ul li:not(:last-of-type) {
  margin-bottom: 1.3rem;
}
.dealsPage.dealsMemberscard .banner {
  margin-top: 2.5rem;
  display: block;
  margin-bottom: 1rem;
}
.dealsPage.dealsMemberscard #serviceContents03 p + p.attention {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 2rem;
  letter-spacing: 0.5px;
}

.contactForm .headArea {
  margin-bottom: 9rem;
}
.contactForm .form__flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 5.5rem;
}
.contactForm .form__flowStep {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #868686;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  position: relative;
  background-color: #F5F5F5;
}
.contactForm .form__flowStep:not(:last-of-type) {
  margin-right: 4rem;
}
.contactForm .form__flowStep:not(:last-of-type)::after {
  content: "";
  width: calc(100% + 3.5rem);
  height: 1px;
  background-color: #F5F5F5;
  position: absolute;
  right: -100%;
  bottom: 3.4rem;
  z-index: -1;
}
.contactForm .form__flowStep span {
  font-size: 2rem;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3rem;
}
.contactForm .form__flowStep.on {
  color: #ffffff;
  background-color: #FF4D00;
}
.contactForm .form__flowStep.on span {
  color: #FF4D00;
}
.contactForm .form__read {
  letter-spacing: 1.4px;
  margin-bottom: 5rem;
}
.contactForm .form__read p:not(:last-of-type) {
  margin-bottom: 3.2rem;
}
.contactForm .form__read p.title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  margin: 0 0 5.4rem;
  padding: 0.6rem 0 0;
}
.contactForm .form__read .topBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 30rem;
  height: 6rem;
  font-size: 1.6rem;
  letter-spacing: 1px;
  margin: 5.3rem auto 0;
}
@media screen and (min-width: 768px) {
  .contactForm .form__read .topBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.contactForm .form__banner {
  max-width: 88rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6rem;
}
.contactForm .form__box {
  background-color: #F5F5F5;
  padding: 6rem;
}
.contactForm .form__main dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactForm .form__main dl:not(:last-of-type) {
  margin-bottom: 3rem;
}
.contactForm .form__main dl dt {
  width: 22rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #151515;
  padding: 0.3rem 0 0;
  letter-spacing: 1.2px;
}
.contactForm .form__main dl dd {
  width: calc(100% - 22rem);
}
.contactForm .form__main dl .required {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 3.8rem;
  height: 2.1rem;
  border-radius: 4px;
  background-color: #DA291C;
  margin: 0.4rem 0 0 0.2rem;
}
.contactForm .form__main dl .error {
  color: #DA291C;
  font-size: 1.2rem;
  line-height: 1;
  margin: 1rem 0;
  display: none;
}
.contactForm .form__main input:not([type=file]),
.contactForm .form__main select,
.contactForm .form__main textarea {
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  border-radius: 4px;
  display: block;
  width: 100%;
  padding: 0.9rem 1.4rem;
  border: 1px solid #DBDBDB;
  letter-spacing: 0.5px;
}
.contactForm .form__main input:not([type=file])::-webkit-input-placeholder,
.contactForm .form__main select::-webkit-input-placeholder,
.contactForm .form__main textarea::-webkit-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::-ms-input-placeholder,
.contactForm .form__main select::-ms-input-placeholder,
.contactForm .form__main textarea::-ms-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::-ms-input-placeholder,
.contactForm .form__main select::-ms-input-placeholder,
.contactForm .form__main textarea::-ms-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::-webkit-input-placeholder, .contactForm .form__main select::-webkit-input-placeholder, .contactForm .form__main textarea::-webkit-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::-moz-placeholder, .contactForm .form__main select::-moz-placeholder, .contactForm .form__main textarea::-moz-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file]):-ms-input-placeholder, .contactForm .form__main select:-ms-input-placeholder, .contactForm .form__main textarea:-ms-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::-ms-input-placeholder, .contactForm .form__main select::-ms-input-placeholder, .contactForm .form__main textarea::-ms-input-placeholder {
  color: #D6D6D6;
}
.contactForm .form__main input:not([type=file])::placeholder,
.contactForm .form__main select::placeholder,
.contactForm .form__main textarea::placeholder {
  color: #D6D6D6;
}
.contactForm .form__main textarea {
  height: 12rem;
}
.contactForm .form__main .mwform-radio-field:not(:last-of-type) {
  margin-right: 3.4rem;
}
.contactForm .form__main .mwform-radio-field label {
  display: inline-block;
}
.contactForm .form__main .mwform-radio-field input {
  display: none;
}
.contactForm .form__main .mwform-radio-field input:checked + span::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  background: #868686;
  border-radius: 100%;
}
.contactForm .form__main .mwform-radio-field .mwform-radio-field-text {
  font-size: 1.3rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1;
  vertical-align: baseline;
  color: #2C2C2C;
  padding: 0.3rem 0 0 2.5rem;
  letter-spacing: 1.8px;
}
.contactForm .form__main .mwform-radio-field .mwform-radio-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #D6D6D6;
  border-radius: 100%;
  background: #fff;
}
.contactForm .form__main .mwform-checkbox-field {
  display: inline-block;
  margin-bottom: 0.3rem;
}
.contactForm .form__main .mwform-checkbox-field:not(:last-of-type) {
  margin-right: 0.7rem;
}
.contactForm .form__main .mwform-checkbox-field label {
  display: inline-block;
}
.contactForm .form__main .mwform-checkbox-field input {
  display: none;
}
.contactForm .form__main .mwform-checkbox-field input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  left: 0.6rem;
  width: 1rem;
  height: 2rem;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #DA291C;
  border-right: 3px solid #DA291C;
}
.contactForm .form__main .mwform-checkbox-field .mwform-checkbox-field-text {
  font-size: 1.4rem;
  line-height: 1;
  color: #2C2C2C;
  display: inline-block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  vertical-align: baseline;
  padding-top: 0.1rem;
}
.contactForm .form__main .mwform-checkbox-field .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #D1D1D1;
  background: #fff;
  border-radius: 2px;
}
.contactForm .form__main .mwform-checkbox-field:not(:last-of-type) {
  margin-right: 3.4rem;
}
.contactForm .form__main .privacy {
  margin-top: 3.5rem;
}
.contactForm .form__main .privacy__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  margin-top: 0.5rem;
  letter-spacing: 0.9px;
}
.contactForm .form__main .checkbox {
  padding-top: 1rem;
}
.contactForm .form__main .select {
  position: relative;
}
.contactForm .form__main .select::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_bottom_red.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 11.81px 6.8895027662px;
  width: 11.81px;
  height: 6.8895027662px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2rem;
}
.contactForm .form__main .text {
  letter-spacing: 0.7px;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.contactForm .form__main .birthday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactForm .form__main .birthday select {
  width: 6rem;
  margin: 0 1.1rem 0 0.9rem;
}
.contactForm .form__main .birthday select:nth-child(1) {
  width: 10rem;
  margin-left: 0;
}
.contactForm .form__main .postNum {
  margin-bottom: 1rem;
}
.contactForm .form__main .postNum span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactForm .form__main .postNum span input {
  width: 10rem;
  margin: 0 1rem;
}
.contactForm .form__main .age {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactForm .form__main .age input {
  width: 6rem;
  margin-right: 0.8rem;
}
.contactForm .form__main .presentNum {
  width: 10rem;
}
.contactForm .form__main .presentNum .presentNumSelect {
  position: relative;
}
.contactForm .form__main .presentNum .presentNumSelect::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_bottom_black.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 11.81px 6.8895027662px;
  width: 11.81px;
  height: 6.8895027662px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2rem;
}
.contactForm .form__main .shopName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 0.6rem;
  margin-bottom: 1rem;
}
.contactForm .form__main .shopName__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 3rem;
}
.contactForm .form__main .shopName__input span {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #151515;
}
.contactForm .form__main .shopName__input input {
  width: 15rem;
  margin: 0 1rem 0 1.5rem;
}
.contactForm .form__main .shopName__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.8px;
}
.contactForm .form__main .file .file__input:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.contactForm .form__btn {
  margin-top: 5.8rem;
}
.contactForm .form__btn button,
.contactForm .form__btn a {
  margin: 0 auto;
  display: block;
}
.contactForm .form__btn button.submit,
.contactForm .form__btn a.submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 30rem;
  height: 6rem;
  font-size: 1.6rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .contactForm .form__btn button.submit:hover,
  .contactForm .form__btn a.submit:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.contactForm .mw_wp_form_confirm .form__btn button.return,
.contactForm .mw_wp_form_confirm .form__btn a.return {
  background: url(../img/arrow_left_gray.svg) no-repeat left 1rem center;
  padding: 0 4rem;
  margin-top: 3rem;
  cursor: pointer;
  -webkit-transition: background-position ease 0.3s;
  transition: background-position ease 0.3s;
}
@media screen and (min-width: 768px) {
  .contactForm .mw_wp_form_confirm .form__btn button.return:hover,
  .contactForm .mw_wp_form_confirm .form__btn a.return:hover {
    background-position: left center;
  }
}
.contactForm .mw_wp_form_complete .form__read {
  text-align: center;
  margin-bottom: 0;
}
.contactForm .mw_wp_form_complete .form__read .customerAddress {
  font-weight: 700;
}

.contactPage .headArea {
  margin-bottom: 7.6rem;
}
.contactPage .contactFront .linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactPage .contactFront .linkList__single {
  display: block;
  -webkit-box-shadow: 0px 0px 0 0 #DA291C inset;
          box-shadow: 0px 0px 0 0 #DA291C inset;
  width: 33.3333333333%;
  border: 1px solid #D6D6D6;
  border-bottom: none;
  padding: 3rem 2.9%;
  -webkit-transition: border-color ease 0.3s, -webkit-box-shadow ease 0.3s;
  transition: border-color ease 0.3s, -webkit-box-shadow ease 0.3s;
  transition: box-shadow ease 0.3s, border-color ease 0.3s;
  transition: box-shadow ease 0.3s, border-color ease 0.3s, -webkit-box-shadow ease 0.3s;
}
_:-ms-lang(x)::-ms-backdrop, .contactPage .contactFront .linkList__single {
  width: calc((100% - 1px) / 3);
}

@media screen and (min-width: 768px) {
  .contactPage .contactFront .linkList__single:nth-last-child(-n+3) {
    border-bottom: 1px solid #D6D6D6;
  }
  .contactPage .contactFront .linkList__single:not(:nth-child(3n+1)) {
    border-left: none;
  }
}
@media screen and (min-width: 768px) {
  .contactPage .contactFront .linkList__single:hover {
    border-color: #DA291C;
    -webkit-box-shadow: 0px 0px 0 3px #DA291C inset;
            box-shadow: 0px 0px 0 3px #DA291C inset;
  }
  .contactPage .contactFront .linkList__single:hover .linkList__btn::after {
    margin-left: 5px;
    opacity: 1;
  }
  .contactPage .contactFront .linkList__single:hover .linkList__btn.blank::after {
    margin-left: 0.9rem;
  }
}
.contactPage .contactFront .linkList__inner {
  position: relative;
  min-height: 36.8rem;
  padding-bottom: 6rem;
}
.contactPage .contactFront .linkList__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  margin-bottom: 2rem;
}
.contactPage .contactFront .linkList__photo {
  margin-bottom: 1.8rem;
}
.contactPage .contactFront .linkList__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
}
.contactPage .contactFront .linkList__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin: 5.8rem auto 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .contactPage .contactFront .linkList__btn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.contactPage .contactFront .linkList__btn::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  margin-left: 0;
  opacity: 0;
  -webkit-transition: margin-left ease 0.3s, opacity ease 0.3s;
  transition: margin-left ease 0.3s, opacity ease 0.3s;
}
.contactPage .contactFront .linkList__btn.blank::after {
  content: "";
  display: block;
  background-image: url("../img/icon_blank_white.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 11px;
  width: 13px;
  height: 11px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  display: inline-block;
  margin-left: 0.9rem;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .contactPage .contactFront .linkList__btn:hover {
    background-color: #DA291C;
    color: #fff;
  }
}
.contactPage .contactFront .subBox {
  margin-top: 10rem;
}
.contactPage .contactFront .subBox__single {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 5.7rem;
}
.contactPage .contactFront .subBox__single:not(:last-of-type) {
  margin-bottom: 6rem;
}
.contactPage .contactFront .subBox__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  margin-bottom: 2rem;
}
.contactPage .contactFront .subBox__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.9px;
}
.contactPage .contactFront .subBox__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .contactPage .contactFront .subBox__btn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
.contactPage .contactFront .subBox .telBox {
  margin-top: 2.5rem;
}

.contactPage.contactFaq .headArea {
  margin-bottom: 6.4rem;
}
.contactPage.contactFaq .anchorLink02 {
  margin-bottom: 6.5rem;
}
.contactPage.contactFaq .anchorLink02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactPage.contactFaq .anchorLink02__list li {
  width: 23.5%;
  margin-bottom: 2rem;
}
.contactPage.contactFaq .anchorLink02__list li:not(:nth-child(4n)) {
  margin-right: 2%;
}
.contactPage.contactFaq .anchorLink02__list li a {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin: 0;
  max-width: none;
  height: 6rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 700;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 3rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .contactPage.contactFaq .anchorLink02__list li a:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
.contactPage.contactFaq .anchorLink02__list li a::after {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_bottom_red.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 16.5px 9.6254695718px;
  width: 16.5px;
  height: 9.6254695718px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .contactPage.contactFaq .anchorLink02__list li a:hover {
    color: #2C2C2C;
    background-color: #ffffff;
  }
}
.contactPage.contactFaq .anchorLink02__list li a.list01 {
  background: url(../img/contact/faq_icon01.svg) no-repeat left 20px center;
  background-size: 18.21px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list02 {
  background: url(../img/contact/faq_icon02.svg) no-repeat left 20px center;
  background-size: 21.16px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list03 {
  background: url(../img/contact/faq_icon03.svg) no-repeat left 14px center;
  background-size: 23.36px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list04 {
  background: url(../img/contact/faq_icon04.svg) no-repeat left 20px center;
  background-size: 18px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list05 {
  background: url(../img/contact/faq_icon05.svg) no-repeat left 20px center;
  background-size: 20px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list06 {
  background: url(../img/contact/faq_icon06.svg) no-repeat left 20px center;
  background-size: 18.04px auto;
}
.contactPage.contactFaq .anchorLink02__list li a.list07 {
  background: url(../img/contact/faq_icon07.svg) no-repeat left 16px center;
  background-size: 22.7px auto;
}
.contactPage.contactFaq .twoColumn__single:not(:last-of-type) {
  margin-bottom: 8rem;
}
.contactPage.contactFaq .twoColumn__title {
  padding: 0 0 1rem 3.2rem;
}
.contactPage.contactFaq .twoColumn__detailsBox p {
  letter-spacing: 1.45px;
  font-size: 1.4rem;
  line-height: 3.2rem;
  word-break: break-all;
}
.contactPage.contactFaq .twoColumn__detailsBox p:not(:last-child) {
  margin-bottom: 1rem;
}
.contactPage.contactFaq .twoColumn__detailsBox a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .contactPage.contactFaq .twoColumn__detailsBox a:hover {
    text-decoration: none;
  }
}
.contactPage.contactFaq .twoColumn__detailsBox a[href*="tel:"] {
  text-decoration: none;
}
.contactPage.contactFaq .faqArea {
  margin: 0;
}
.contactPage.contactFaq .faqArea__title {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.8rem 0 1.6rem 6rem;
  letter-spacing: 0.8px;
}
.contactPage.contactFaq .faqArea__title::before {
  top: 1.7rem;
  left: 2.5rem;
  font-size: 2.2rem;
  font-weight: 500;
}
.contactPage.contactFaq .faqArea__details {
  padding: 1.7rem 0 0 6rem;
}
.contactPage.contactFaq .faqArea__details::before {
  font-size: 2.2rem;
  font-weight: 500;
  left: 2.5rem;
}
.contactPage.contactFaq .faqArea .imgArea {
  margin-top: 3rem;
}
.contactPage.contactFaq .faqArea .imgArea p {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.1rem;
  line-height: 2rem;
  color: #868686;
  letter-spacing: 0;
  font-weight: 700;
}
.contactPage.contactFaq .faqArea .imgArea p span {
  font-size: 1rem;
  color: #151515;
  letter-spacing: -0.2px;
}
.contactPage.contactFaq #faq01 .twoColumn__title {
  background: url(../img/contact/faq_icon01.svg) no-repeat left top;
}
.contactPage.contactFaq #faq02 .twoColumn__title {
  background: url(../img/contact/faq_icon02.svg) no-repeat left top 0.5rem;
}
.contactPage.contactFaq #faq03 .twoColumn__title {
  background: url(../img/contact/faq_icon03.svg) no-repeat left top 0.8rem;
}
.contactPage.contactFaq #faq04 .twoColumn__title {
  background: url(../img/contact/faq_icon04.svg) no-repeat left top 0.4rem;
}
.contactPage.contactFaq #faq05 .twoColumn__title {
  background: url(../img/contact/faq_icon05.svg) no-repeat left top 1rem;
}
.contactPage.contactFaq #faq06 .twoColumn__title {
  background: url(../img/contact/faq_icon06.svg) no-repeat left top 0.4rem;
}
.contactPage.contactFaq #faq07 .twoColumn__title {
  padding-left: 3.7rem;
  background: url(../img/contact/faq_icon07.svg) no-repeat left top 0.3rem;
}

.recruitPage .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 30rem;
  height: 6rem;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  color: #DA291C;
  border: 4px solid #DA291C;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
.recruitPage .tel span {
  margin-right: 2rem;
  padding-left: 3rem;
  position: relative;
}
.recruitPage .tel span::before {
  content: "";
  display: block;
  background-image: url("../img/icon_tel02_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.recruitPage .web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 30rem;
  height: 6rem;
  width: 100%;
  border-radius: 4px;
  background-color: #DA291C;
  border: 4px solid #DA291C;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
.recruitPage .web::before {
  content: "";
  display: block;
  background-image: url("../img/icon_mail02_white.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 22px 15.6444444444px;
  width: 22px;
  height: 15.6444444444px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  margin-right: 1.3rem;
}
@media screen and (min-width: 768px) {
  .recruitPage .web:hover {
    background-color: #fff;
    color: #DA291C;
  }
  .recruitPage .web:hover::before {
    background-image: url(../img/icon_mail02_red.png);
  }
}
.recruitPage .icon {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 4px;
  background-color: #FF4D00;
  width: 6.5rem;
  height: 3rem;
  padding: 0.2rem 0 0 0.4rem;
  margin-right: 1.4rem;
  letter-spacing: 1px;
}
.recruitPage .jobArea__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage .jobArea__one.one01 {
  width: 66.9%;
}
.recruitPage .jobArea__one.one02 {
  width: 26.7%;
}
@media screen and (min-width: 768px) {
  .recruitPage .jobArea__one.one02 {
    padding-top: 1.7rem;
  }
  .recruitPage .jobArea__one.one02 .jobArea__name {
    font-size: 2.4rem;
    margin-bottom: 0.6rem;
    margin-bottom: 1.9rem;
  }
  .recruitPage .jobArea__one.one02 .jobArea__item {
    width: 100%;
    margin-right: 0;
  }
  .recruitPage .jobArea__one.one02 .jobArea__item .mwform-checkbox-field-text {
    width: 100%;
  }
}
.recruitPage .jobArea__box:not(:last-of-type) {
  margin-bottom: 5rem;
}
.recruitPage .jobArea__name {
  font-size: 2.8rem;
  font-weight: 700;
  color: #151515;
  line-height: 4rem;
  text-align: center;
  margin-bottom: 3.4rem;
}
.recruitPage .jobArea__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage .jobArea__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 8rem;
  width: 31.3%;
  margin-bottom: 1.7rem;
}
@media screen and (min-width: 768px) {
  .recruitPage .jobArea__item:not(:nth-child(3n+1)) {
    margin-right: 3%;
  }
}
.recruitPage .jobArea__item label {
  display: block;
  width: 100%;
  height: 100%;
}
.recruitPage .jobArea__item input {
  display: none;
}
.recruitPage .jobArea__item input:checked + span.mwform-checkbox-field-text {
  background-color: #DA291C;
  color: #fff;
}
.recruitPage .jobArea__item .mwform-checkbox-field-text {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #fff;
  border: 4px solid #DA291C;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #DA291C;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  letter-spacing: 0.3px;
}
.recruitPage .jobArea__item .mwform-checkbox-field-text .smallText {
  font-size: 1.2rem;
  margin-top: 1rem;
}
.recruitPage .jobArea__item.full {
  width: 100%;
  margin-right: 0;
  height: 9rem;
}
.recruitPage .jobArea__item.full .mwform-checkbox-field-text {
  width: 100%;
}

.recruitPage.recruitFront .titleArea {
  height: calc(100vh - 11rem);
  min-height: 80rem;
  padding: 2rem 3rem;
  background: url(../img/recruit/mvbg.jpg) no-repeat center;
  background-size: cover;
}
.recruitPage.recruitFront .titleArea__inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.recruitPage.recruitFront .titleArea__inner > * {
  min-height: 0%;
}
.recruitPage.recruitFront .titleArea__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 7rem;
  background-color: rgba(218, 41, 28, 0.9);
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.4rem;
  color: #fff;
  letter-spacing: 8.5px;
  margin-bottom: 2rem;
}
.recruitPage.recruitFront .titleArea__title.sub {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-size: 2.4rem;
  letter-spacing: 0.18em;
}
.recruitPage.recruitFront .titleArea__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.recruitPage.recruitFront .titleArea__list li a {
  background-color: #fff;
  border-radius: 4px;
  font-size: 2rem;
  font-weight: 700;
  color: #DA291C;
  line-height: 2.6rem;
  width: 100%;
}
.recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) {
  width: 31%;
}
.recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  min-height: 17.5rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) a:hover {
    color: rgba(218, 41, 28, 0.7);
  }
}
.recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon01 a img {
  margin-bottom: 3rem;
  margin-top: 1.4rem;
}
.recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon02 a img {
  margin-bottom: 2rem;
}
.recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon03 a img {
  margin-bottom: 1.5rem;
  margin-top: 0.7rem;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit {
  width: 48.5%;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  min-height: 10rem;
  height: 100%;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit a p span {
  font-size: 1.4rem;
  font-weight: 400;
  color: #2C2C2C;
  line-height: 3rem;
  margin-left: 1.2rem;
  letter-spacing: 1.5px;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit a img.rikunabi {
  max-width: 19.5rem;
}
.recruitPage.recruitFront .titleArea__list li.iconRecruit a img.mynavi {
  max-width: 19.5rem;
}
.recruitPage.recruitFront .headArea__pnkz {
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 6rem;
}
.recruitPage.recruitFront .topics h2 {
  text-align: center;
  margin-bottom: 7.2rem;
}
.recruitPage.recruitFront .topics h2 span {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #151515;
  padding: 0 4.5rem;
  letter-spacing: 2px;
}
.recruitPage.recruitFront .topics h2 span::before, .recruitPage.recruitFront .topics h2 span::after {
  position: absolute;
  top: 0;
}
.recruitPage.recruitFront .topics h2 span::before {
  content: "";
  display: block;
  background-image: url("../img/head_line_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: 0;
}
.recruitPage.recruitFront .topics h2 span::after {
  content: "";
  display: block;
  background-image: url("../img/head_line_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  right: 0;
}
.recruitPage.recruitFront .news__main .news__single {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 2rem;
}
.recruitPage.recruitFront .news__main .news__single:not(:last-child) {
  margin-bottom: 1.8rem;
}
.recruitPage.recruitFront .news__main .news__single::after {
  top: 30%;
}
.recruitPage.recruitFront .news__main .news__single {
  padding-bottom: 2.9rem;
}
.recruitPage.recruitFront .news__main .news__single:not(:last-child) {
  margin-bottom: 3rem;
}

.recruitPage.recruitPartner .titleArea {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 11rem);
  min-height: 70rem;
  padding: 0 3rem;
  background: url(../img/recruit/partner_mvbg.png) no-repeat center;
  background-size: cover;
}
.recruitPage.recruitPartner .titleArea::before {
  content: "";
  display: block;
  background: url(../img/recruit/partner_mvimg01.png) no-repeat center;
  background-size: 100% auto;
  max-width: 122rem;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  z-index: 0;
}
.recruitPage.recruitPartner .titleArea__inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 0 2vw;
}
.recruitPage.recruitPartner .titleArea__inner > * {
  min-height: 0%;
}
.recruitPage.recruitPartner .titleArea__title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 3.4rem;
  color: #DA291C;
  letter-spacing: 5px;
  margin-bottom: 4.4rem;
}
.recruitPage.recruitPartner .titleArea__text--title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}
.recruitPage.recruitPartner .titleArea__text--read {
  line-height: 2.9rem;
  color: #151515;
  letter-spacing: 1.5px;
}
.recruitPage.recruitPartner .titleArea__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 40rem;
  height: 7rem;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #DA291C;
  background-color: #fff;
  background-image: url(../img/icon_map_red.png);
  background-size: 19.69px auto;
  background-position: left 9.5rem center;
  background-repeat: no-repeat;
  letter-spacing: 0.3px;
  padding-left: 3rem;
  border: 4px solid #DA291C;
  cursor: pointer;
  margin: 4rem auto 0;
  -webkit-transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .titleArea__btn:hover {
    color: #fff;
    background-color: #DA291C;
    background-image: url(../img/icon_map_white.png);
  }
}
.recruitPage.recruitPartner .titleArea__img {
  margin: 0 auto;
  max-width: 23rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 1.5vw;
}
.recruitPage.recruitPartner .headArea__pnkz {
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 6.8rem;
}
.recruitPage.recruitPartner .search__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #151515;
}
.recruitPage.recruitPartner .search__title span {
  font-size: 2.6rem;
  line-height: 3.7rem;
  color: #DA291C;
  margin-right: 0.3rem;
}
.recruitPage.recruitPartner .areaSearch {
  margin-bottom: 7.7rem;
}
.recruitPage.recruitPartner .areaSearch .search__title {
  background: url(../img/icon_map_red.png) no-repeat left center;
  background-size: 19.69px auto;
  padding-left: 2.6rem;
  margin-bottom: 3rem;
}
.recruitPage.recruitPartner .areaSearch .jobArea__flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.recruitPage.recruitPartner .areaSearch .jobArea__box {
  background-color: #F5F5F5;
  padding: 3.7rem 6.1% 2.5rem;
}
.recruitPage.recruitPartner .areaSearch .jobArea__box:not(:last-of-type) {
  margin-bottom: 3rem;
}
.recruitPage.recruitPartner .areaSearch .jobArea__one.one01 {
  width: 65.5%;
}
.recruitPage.recruitPartner .areaSearch .jobArea__one.one02 {
  width: 31%;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 {
    padding-top: 0;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 .jobArea__box {
    padding: 2.3rem 12.9% 2.5rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 .jobArea__item {
    width: 100%;
    margin-right: 0;
  }
}
.recruitPage.recruitPartner .areaSearch .jobArea__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 8rem;
  width: 31.3%;
  border-radius: 4px;
  background-color: #DA291C;
  border: 4px solid #DA291C;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .areaSearch .jobArea__item:hover {
    opacity: 0.7;
  }
}
.recruitPage.recruitPartner .areaSearch .jobArea__item .smallText {
  font-size: 1.2rem;
  margin-top: 1rem;
}
.recruitPage.recruitPartner .areaSearch .jobArea__item.full {
  width: 100%;
  margin-right: 0;
  height: 9rem;
}
.recruitPage.recruitPartner .typeSearch {
  margin-bottom: 3.5rem;
}
.recruitPage.recruitPartner .typeSearch .search__title {
  background: url(../img/icon_note_red.svg) no-repeat left center;
  background-size: 19.14px auto;
  padding-left: 2.7rem;
  margin-bottom: 3rem;
}
.recruitPage.recruitPartner .typeSearch .column--item3 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.recruitPage.recruitPartner .typeSearch .column--item3 .column__single:nth-child(4) {
  display: none;
}
.recruitPage.recruitPartner .typeSearch .column--item3 .column__single a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 9rem;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  border: 4px solid #DA291C;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.3px;
  position: relative;
  padding-right: 0.5rem;
  margin-bottom: 1.6rem;
}
.recruitPage.recruitPartner .typeSearch .column--item3 .column__single a::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single a:hover {
    color: #DA291C;
  }
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single a:hover::after {
    right: 2rem;
  }
}
.recruitPage.recruitPartner .typeSearch .column--item3 .column__single p {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.8px;
}
.recruitPage.recruitPartner .typeSearch .column--item3 .column__single p span {
  margin-left: 1rem;
}
.recruitPage.recruitPartner .occupationSearch {
  margin-bottom: 4.8rem;
}
.recruitPage.recruitPartner .occupationSearch .search__title {
  background: url(../img/icon_human.svg) no-repeat left center;
  background-size: 20.58px auto;
  padding-left: 2.6rem;
  margin-bottom: 3.5rem;
}
.recruitPage.recruitPartner .occupationSearch .column--item3::before, .recruitPage.recruitPartner .occupationSearch .column--item3::after {
  content: "";
  display: inline-block;
  width: 31%;
  height: 0;
  -webkit-box-ordinal-group: 10001;
      -ms-flex-order: 10000;
          order: 10000;
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single {
  margin-bottom: 2rem;
  margin-bottom: 3.2rem;
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a,
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  border-radius: 4px;
  height: 9rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1rem 1rem 1rem 20%;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  color: #151515;
}
@media screen and (min-width: 951px) {
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main {
    padding-left: 36%;
  }
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img,
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 15%;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a:hover {
    color: #DA291C;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a:hover img {
    opacity: 1;
  }
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a,
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main {
  padding-left: 28%;
  margin-bottom: 1.6rem;
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a {
  text-align: center;
  line-height: 1.5;
}
.recruitPage.recruitPartner .occupationSearch .column--item3 .column__single p {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 0.8px;
}
.recruitPage.recruitPartner .wordSearch .search__title {
  background: url(../img/icon_key_red.svg) no-repeat left 3rem center;
  background-size: 21.86px auto;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0 3rem 0 5.7rem;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__inner {
  padding: 4rem 4% 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__inner:last-child {
  padding: 2rem 4% 3rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__inner:last-child .pageSearch__text {
  padding: 1rem 0 0;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__text {
  background: none;
  padding: 0;
  width: 17rem;
  margin: 0;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__form {
  width: 100%;
  max-width: calc(100% - 17rem);
}
.recruitPage.recruitPartner .wordSearch .pageSearch__input--text {
  padding: 0 3rem;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  width: 100%;
  max-width: calc(100% - 17rem);
}
.recruitPage.recruitPartner .wordSearch .pageSearch__keyword li {
  margin-bottom: 1rem;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__keyword li:not(:last-of-type) {
  margin-right: 0.7rem;
}
.recruitPage.recruitPartner .wordSearch .pageSearch__keyword li a {
  line-height: 1;
  color: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fff;
  height: 4rem;
  border-radius: 4rem;
  padding: 0 1.8rem;
  border: 1px solid #DBDBDB;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartner .wordSearch .pageSearch__keyword li a:hover {
    color: rgba(21, 21, 21, 0.7);
  }
}

.recruitPage.recruitPartnerJobs .headArea {
  margin-bottom: 7.5rem;
}
.recruitPage.recruitPartnerJobs .searchMore {
  margin-bottom: 5.7rem;
}
.recruitPage.recruitPartnerJobs .searchMore__head {
  background-color: #DA291C;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  min-height: 6rem;
  padding: 1rem 1rem 1rem 2rem;
}
.recruitPage.recruitPartnerJobs .searchMore__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #fff;
  background: url(../img/icon_search_white.svg) no-repeat left center;
  padding-left: 2.6rem;
  letter-spacing: 2px;
  width: calc(100% - 25rem);
}
.recruitPage.recruitPartnerJobs .searchMore__title span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  margin-left: 2rem;
  letter-spacing: 0.3px;
}
.recruitPage.recruitPartnerJobs .searchMore__positionBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 23rem;
  height: 4rem;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  color: #DA291C;
  background-color: #fff;
  background-image: url(../img/icon_map_red.png);
  background-size: 19.69px auto;
  background-position: left 2.2rem center;
  background-repeat: no-repeat;
  letter-spacing: 0.3px;
  padding-left: 3rem;
  border: 1px solid #DA291C;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s, border-color ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobs .searchMore__positionBtn:hover {
    color: #fff;
    background-color: #DA291C;
    background-image: url(../img/icon_map_white.png);
    border-color: #fff;
  }
}
.recruitPage.recruitPartnerJobs .searchMore__main {
  border: 4px solid #DA291C;
  padding: 4rem 3.6rem 3.6rem;
  border-top: none;
}
.recruitPage.recruitPartnerJobs .searchMore__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage.recruitPartnerJobs .searchMore__item:not(:last-of-type) {
  margin-bottom: 1.9rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemTitle {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #151515;
  width: 17rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #151515;
  width: calc(100% - 17rem);
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field {
  display: inline-block;
  margin-bottom: 0.3rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field:not(:last-of-type) {
  margin-right: 0.7rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field label {
  display: inline-block;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field input {
  display: none;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  left: 0.6rem;
  width: 1rem;
  height: 2rem;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #DA291C;
  border-right: 3px solid #DA291C;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field .mwform-checkbox-field-text {
  font-size: 1.4rem;
  line-height: 1;
  color: #2C2C2C;
  display: inline-block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  vertical-align: baseline;
  padding-top: 0.1rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #D1D1D1;
  background: #fff;
  border-radius: 2px;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field:not(:last-of-type) {
  margin-right: 2.6rem;
}
.recruitPage.recruitPartnerJobs .searchMore__itemDetails .pageSearch__input--text {
  margin: 0;
  width: 100%;
  padding: 0 3rem;
}
.recruitPage.recruitPartnerJobs .searchMore__areaBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 12rem;
  height: 4rem;
  line-height: 1;
  color: #151515;
  background-color: #fff;
  letter-spacing: 0.3px;
  border: 1px solid #DA291C;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobs .searchMore__areaBtn:hover {
    color: #fff;
    background-color: #DA291C;
  }
}
.recruitPage.recruitPartnerJobs .searchMore__areaResult {
  margin-left: 4rem;
  width: calc(100% - 16rem);
}
.recruitPage.recruitPartnerJobs .searchMore__submitBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 30rem;
  height: 6rem;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  background-color: #DA291C;
  letter-spacing: 0.3px;
  border: 2px solid #DA291C;
  cursor: pointer;
  margin: 3rem auto 0;
  padding-right: 1.5rem;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
.recruitPage.recruitPartnerJobs .searchMore__submitBtn::before {
  margin-right: 1.5rem;
  margin-top: 0.2rem;
  content: "";
  display: block;
  background-image: url("../img/icon_search_white.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16.51px 17.1009546646px;
  width: 16.51px;
  height: 17.1009546646px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobs .searchMore__submitBtn:hover {
    color: #DA291C;
    background-color: #fff;
  }
  .recruitPage.recruitPartnerJobs .searchMore__submitBtn:hover::before {
    background-image: url(../img/icon_search_red.svg);
  }
}
.recruitPage.recruitPartnerJobs .result__word {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  letter-spacing: 1.3px;
}
.recruitPage.recruitPartnerJobs .result__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 1;
  color: #151515;
}
.recruitPage.recruitPartnerJobs .result__number span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #DA291C;
  padding: 0 0.2rem;
}
.recruitPage.recruitPartnerJobs .result__box {
  margin-top: 3.2rem;
}
.recruitPage.recruitPartnerJobs .result__single {
  background-color: #F5F5F5;
  border-radius: 4px;
  padding: 4rem;
}
.recruitPage.recruitPartnerJobs .result__single:not(:last-of-type) {
  margin-bottom: 3rem;
}
.recruitPage.recruitPartnerJobs .result__head {
  position: relative;
  border-bottom: 1px solid #DBDBDB;
  padding: 0 15rem 2.7rem 0;
  margin-bottom: 1.7rem;
}
.recruitPage.recruitPartnerJobs .result__shopName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 1.7rem;
}
.recruitPage.recruitPartnerJobs .result__shopName a {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  color: #151515;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobs .result__shopName a:hover {
    text-decoration: none;
  }
}
.recruitPage.recruitPartnerJobs .result__read {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 1.3px;
}
.recruitPage.recruitPartnerJobs .result__moreBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 14rem;
  height: 4rem;
  border-radius: 4rem;
  background-color: #fff;
  border: 2px solid #DA291C;
  font-weight: 700;
  line-height: 1;
  color: #DA291C;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobs .result__moreBtn:hover {
    background-color: #DA291C;
    color: #fff;
  }
}
.recruitPage.recruitPartnerJobs .result__details dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 2rem;
  color: #151515;
}
.recruitPage.recruitPartnerJobs .result__details dl:not(:last-of-type) {
  margin-bottom: 1rem;
}
.recruitPage.recruitPartnerJobs .result__details dl dt {
  font-weight: 700;
  width: 10rem;
}
.recruitPage.recruitPartnerJobs .result__details dl dd {
  width: calc(100% - 10rem);
}
.recruitPage.recruitPartnerJobs .result__details .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2.8rem;
}
.recruitPage.recruitPartnerJobs .result__details .btn a {
  margin: 0 0.5rem;
}
.recruitPage.recruitPartnerJobs .result__details .btn .tel {
  border: none;
  max-width: calc(50% - 1rem);
  width: 30rem;
}
.recruitPage.recruitPartnerJobs .result__details .btn .web {
  max-width: calc(50% - 1rem);
  width: 30rem;
}
.recruitPage.recruitPartnerJobs #jobsModal .modal_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 2.4rem;
  background: url(../img/icon_map_white.png) no-repeat left bottom 6px;
  background-size: 19.69px auto;
  padding-left: 2.6rem;
  margin-bottom: 3rem;
}
.recruitPage.recruitPartnerJobs #jobsModal .modal_title span {
  font-size: 2.6rem;
  line-height: 3.7rem;
}
.recruitPage.recruitPartnerJobs #jobsModal .modal_main {
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .recruitPage.recruitPartnerJobs #jobsModal .modal_main {
    max-height: calc(80vh - 6.7rem);
  }
}

.recruitPage.recruitPartnerJobsDetails .headArea__pnkz {
  margin: 0 0 7rem;
  padding-top: 7rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__title--large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.4rem;
  color: #151515;
  margin-bottom: 1.7rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__title--middle {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  text-align: center;
  color: #DA291C;
  margin: 5rem 0 3rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__title--small {
  border-radius: 4px;
  background-color: #DA291C;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin: 3rem 0 2.7rem;
  padding: 1.2rem 2.3rem 1.4rem;
  letter-spacing: 2px;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__read {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #151515;
  letter-spacing: 1.4px;
  margin-bottom: 2.2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__keyword li {
  line-height: 1;
  color: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fff;
  height: 4rem;
  border-radius: 4rem;
  padding: 0 1.8rem;
  border: 1px solid #DBDBDB;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__keyword li:not(:last-of-type) {
  margin-right: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopPhoto {
  width: 50%;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText {
  width: calc(50% - 4rem);
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table {
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #151515;
  line-height: 2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table dl dt {
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 13rem;
  background-color: #F5F5F5;
  min-height: 5rem;
  padding: 1.4rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table dl dd {
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: calc(100% - 13rem);
  min-height: 5rem;
  padding: 1.4rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .btn {
  margin-top: 3rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .btn a {
  margin: 0 auto 0;
}
.recruitPage.recruitPartnerJobsDetails .detailArea__shopText .btn a:not(:last-of-type) {
  margin-bottom: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one {
  width: calc(50% - 2rem);
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one ul li {
  line-height: 2.8rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one ul li::before {
  content: "・";
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one p {
  line-height: 2.8rem;
  letter-spacing: 0.35px;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one p:not(:last-of-type) {
  margin-bottom: 3rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex__one.mapText {
  margin-top: -0.8rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex .map {
  width: 50%;
  height: 28.2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex .detailArea__title--small {
  margin: 1rem 0 1.5rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flex + .detailArea__title--small {
  margin: 4rem 0 1.5rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .item dl:not(:last-of-type) {
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 2.8rem;
  padding-bottom: 2.5rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .item dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #DA291C;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .item dl dd {
  line-height: 2.8rem;
  letter-spacing: 0.35px;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow {
  margin: 8rem 0 0;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step {
  margin: 3.6rem 0 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single {
  width: 33.3333333333%;
  margin-bottom: 2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .ipadver .step__single:not(:last-of-type) .step__belt::before {
  border-width: 30px 0px 30px 20px;
  right: -18px;
}

.recruitPage.recruitPartnerJobsDetails .detailArea .flow .ipadver .step__single:not(:last-of-type) .step__belt::after {
  border-width: 30px 0px 30px 20px;
  right: -20px;
}

.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single.on .step__belt {
  background-color: #FF4D00;
  color: #fff;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single.on .step__belt::before {
  border-color: transparent transparent transparent #FF4D00 !important;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:not(:last-of-type) .step__belt {
  border-right: none;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:not(:last-of-type) .step__belt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 20px;
  border-color: transparent transparent transparent #D6D6D6;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
  z-index: 1;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:not(:last-of-type) .step__belt::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 0 28px 18px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -1.8rem;
  z-index: 2;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:first-child .step__belt, .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:nth-child(3n+1) .step__belt {
  border-radius: 4px 0 0 4px;
  padding: 1rem 4rem 1rem 9rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:first-child .step__text--step, .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:nth-child(3n+1) .step__text--step {
  left: 2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:nth-child(3n) .step__belt {
  border-radius: 0 4px 4px 0;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__belt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 60px;
  border: 1px solid #D6D6D6;
  width: 100%;
  position: relative;
  background-color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #151515;
  line-height: 2rem;
  padding: 10px 3rem 10px 11rem;
}
@media screen and (min-width: 768px) {
  _:-ms-lang(x)::-ms-backdrop, .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__belt {
    height: 60px;
  }
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__text--step {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 4.5rem;
  font-weight: 700;
  padding-top: 0.2rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__remarks {
  text-align: center;
  line-height: 2.8rem;
  margin: 1.8rem 0 0;
  letter-spacing: 0.5px;
  word-break: break-all;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .remarks:not(:last-child) {
  margin-bottom: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .remarks dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #DA291C;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .remarks dl dd p {
  line-height: 2.8rem;
  letter-spacing: 0.35px;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 8rem 0 5rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .btn a {
  margin: 0 0.5rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .backLink {
  text-align: center;
  padding-right: 1rem;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .backLink a {
  position: relative;
  padding-left: 4.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #DA291C;
}
.recruitPage.recruitPartnerJobsDetails .detailArea .flow .backLink a::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
  left: 1rem;
  -webkit-transition: left ease 0.3s;
  transition: left ease 0.3s;
}
@media screen and (min-width: 768px) {
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .backLink a:hover::after {
    left: 0;
  }
}

.recruitMidCareer .titleArea {
  height: calc(100vh - 11rem);
  min-height: 70rem;
  padding: 0 3rem;
  background: url(../img/recruit/titleArea_bg.jpg) no-repeat center;
  background-size: cover;
}
.recruitMidCareer .titleArea__inner {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 6.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.recruitMidCareer .titleArea__inner > * {
  min-height: 0%;
}
.recruitMidCareer .titleArea__title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 5.8rem;
  color: #fff;
  letter-spacing: 16.5px;
  margin-bottom: 4.5rem;
}
.recruitMidCareer .titleArea__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.recruitMidCareer .titleArea__list li {
  max-width: 40rem;
  width: calc((100% - 4rem) / 2);
}
.recruitMidCareer .titleArea__list li:not(:last-child) {
  margin-right: 4rem;
}
.recruitMidCareer .titleArea__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 8rem;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #DA291C;
  letter-spacing: 0.3px;
  border: 1px solid #DA291C;
  -webkit-transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, background-image ease 0.3s, color ease 0.3s;
}
.recruitMidCareer .titleArea__list li.list01 a {
  background-image: url(../img/shortArrow_bottom.png);
  background-size: 1.65rem auto;
  background-position: right 4rem center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .recruitMidCareer .titleArea__list li.list01 a:hover {
    color: #DA291C;
    background-color: #fff;
    background-image: url(../img/shortArrow_bottom_red.png);
  }
}
.recruitMidCareer .titleArea__list li.list02 a {
  background-image: url(../img/arrow_right_white.svg);
  background-size: 1.593rem auto;
  background-position: right 3rem center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .recruitMidCareer .titleArea__list li.list02 a:hover {
    color: #DA291C;
    background-color: #fff;
    background-image: url(../img/arrow_right_red.svg);
  }
}
.recruitMidCareer .headArea__pnkz {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitMidCareer .performer {
  text-align: center;
  background: url(../img/recruit/performer_titlebg.svg) no-repeat center top 6rem;
  background-size: 98.8632rem auto;
  padding: 21.3rem 0 0;
}
.recruitMidCareer .performer__title {
  margin-bottom: 2.8rem;
}
.recruitMidCareer .performer__title img {
  margin: 0 auto;
}
.recruitMidCareer .performer__text {
  color: #151515;
  letter-spacing: 1.7px;
  line-height: 2.8rem;
}
.recruitMidCareer .midCareer__title {
  text-align: center;
}
.recruitMidCareer .midCareer__title span {
  font-size: 2rem;
  font-weight: 700;
  color: #DA291C;
  line-height: 2rem;
}
.recruitMidCareer .features {
  overflow-x: hidden;
  margin: 14.7rem 0 9.5rem;
}
.recruitMidCareer .features .midCareer__title {
  background: url(../img/recruit/features_title.svg) no-repeat left 42% top;
  padding: 8.6rem 0 1rem;
  margin-bottom: 7rem;
}
.recruitMidCareer .features .article__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitMidCareer .features .article__single.single01 .article__details .title::before {
  content: "";
  display: block;
  background-image: url("../img/recruit/features_num01.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 153.311px 106.066px;
  width: 153.311px;
  height: 106.066px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.recruitMidCareer .features .article__single.single02 {
  margin: 7rem 0 10rem;
}
.recruitMidCareer .features .article__single.single02 .article__details .title::before {
  content: "";
  display: block;
  background-image: url("../img/recruit/features_num02.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 145.986px 105.193px;
  width: 145.986px;
  height: 105.193px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.recruitMidCareer .features .article__single.single03 .article__details .title::before {
  content: "";
  display: block;
  background-image: url("../img/recruit/features_num03.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 159.026px 103.167px;
  width: 159.026px;
  height: 103.167px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
}
.recruitMidCareer .features .article__single:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.recruitMidCareer .features .article__photo {
  width: 48%;
  position: relative;
  z-index: 1;
}
.recruitMidCareer .features .article__details {
  width: 48%;
  position: relative;
  z-index: 2;
}
.recruitMidCareer .features .article__details .title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #151515;
  line-height: 3.6rem;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 2.5rem 0;
  margin-bottom: 2.4rem;
  position: relative;
  letter-spacing: 1.5px;
  display: inline-block;
}
.recruitMidCareer .features .article__details .title::before {
  position: absolute;
  top: -4rem;
  left: -7.5rem;
  z-index: -1;
}
.recruitMidCareer .features .article__details p {
  line-height: 3.2rem;
  letter-spacing: 1.4px;
}
.recruitMidCareer .features .article__details p:not(:last-child) {
  margin-bottom: 3.2rem;
}
.recruitMidCareer .number {
  margin-bottom: 11.5rem;
  background: url(../img/recruit/number_bg.jpg) no-repeat center;
  background-size: cover;
}
.recruitMidCareer .number .pageInner {
  padding-top: 7rem;
  padding-bottom: 6.5rem;
}
.recruitMidCareer .number .midCareer__title {
  background: url(../img/recruit/number_title.svg) no-repeat left 44% top;
  padding: 11.5rem 0 1rem;
  margin-bottom: 6.6rem;
}
.recruitMidCareer .number .midCareer__title span {
  color: #fff;
  padding-left: 6.5rem;
}
.recruitMidCareer .number .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitMidCareer .number .listBox li {
  width: 31%;
  min-height: 31rem;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 3.5rem;
  padding: 3.8rem 1rem 1rem;
}
.recruitMidCareer .number .listBox li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 5.2rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  color: #151515;
  letter-spacing: 1px;
}
.recruitMidCareer .number .listBox li p.small {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  display: block;
  height: auto;
}
.recruitMidCareer .number .listBox li p img {
  margin: 0 auto;
}
.recruitMidCareer .number .listBox li.list01 img {
  margin: 3.2rem auto 3rem;
}
.recruitMidCareer .number .listBox li.list02 img {
  margin: 2rem auto 2.5rem;
}
.recruitMidCareer .number .listBox li.list03 img {
  margin: 2.5rem auto 3.5rem;
}
.recruitMidCareer .number .listBox li.list04 img {
  margin: 0.2rem auto 0.4rem;
}
.recruitMidCareer .number .listBox li.list04 p.small {
  letter-spacing: 0;
  line-height: 1.7rem;
}
.recruitMidCareer .number .listBox li.list05 img {
  margin: 0.7rem auto 1.6rem;
}
.recruitMidCareer .number .listBox li.list06 img {
  margin: 1.3rem auto 3.7rem;
}
.recruitMidCareer .number .publicationDate {
  text-align: right;
  color: #fff;
  font-size: 1.2rem;
}
.recruitMidCareer .interview {
  margin-bottom: 10.5rem;
}
.recruitMidCareer .interview .midCareer__title {
  background: url(../img/recruit/interview_title.svg) no-repeat left 43% top;
  padding: 9rem 0 1rem;
  margin-bottom: 6.6rem;
}
.recruitMidCareer .interview .midCareer__title span {
  padding-left: 1rem;
}
.recruitMidCareer .interview .article:not(:last-child) {
  margin-bottom: 10.2rem;
}
@media screen and (min-width: 768px) {
  .recruitMidCareer .interview .article:nth-child(even) .article__single--main {
    padding-right: 45%;
  }
  .recruitMidCareer .interview .article:nth-child(even) .article__single--main .article__details {
    right: 0;
  }
  .recruitMidCareer .interview .article:nth-child(even) .article__details .textBox {
    padding: 3rem 0 3rem 3rem;
  }
  .recruitMidCareer .interview .article:nth-child(even) .article__single--sub {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .recruitMidCareer .interview .article:nth-child(odd) .article__single--main {
    padding-left: 45%;
  }
  .recruitMidCareer .interview .article:nth-child(odd) .article__single--main .article__details {
    left: 0;
  }
  .recruitMidCareer .interview .article:nth-child(odd) .article__details .textBox {
    padding: 3rem 3rem 0 0;
  }
  .recruitMidCareer .interview .article02 .article__single--main {
    padding-bottom: 11.5rem;
  }
  .recruitMidCareer .interview .article02 .article__details .title--band span.bandTitle--big {
    letter-spacing: 0;
  }
  .recruitMidCareer .interview .article02 .article__details .textBox .bgText {
    right: 7.5rem;
    top: -5rem;
  }
  .recruitMidCareer .interview .article02 .textFull {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 2.8rem;
    letter-spacing: 1.4px;
  }
  .recruitMidCareer .interview .article03 .article__single--main {
    margin-bottom: 13.5rem;
  }
  .recruitMidCareer .interview .article03 .article__details .title--band span.bandTitle--big {
    text-indent: -2.7rem;
    padding: 1rem 0 1.8rem 3.7rem;
    line-height: 3.6rem;
    width: 100%;
  }
}
@media (max-width: 1080px) and (min-width: 768px) {
  .recruitMidCareer .interview .article__single--main {
    padding: 0 !important;
  }
  .recruitMidCareer .interview .article__single--main .article__details {
    width: 100% !important;
    padding-top: 0 !important;
    position: static !important;
  }
  .recruitMidCareer .interview .article__details .title--band {
    position: relative;
    top: -3rem;
    z-index: 1;
    margin-bottom: -3rem;
  }
  .recruitMidCareer .interview .article__details .textBox {
    padding: 3rem 0 0 !important;
  }
  .recruitMidCareer .interview .article02 .textFull {
    position: static;
  }
  .recruitMidCareer .interview .article03 .article__single--main {
    margin-bottom: 6rem;
  }
}
.recruitMidCareer .interview .article__single--main {
  position: relative;
  margin-bottom: 6rem;
}
.recruitMidCareer .interview .article__single--main .article__photo {
  position: relative;
  z-index: 1;
}
.recruitMidCareer .interview .article__single--main .article__details {
  width: 50%;
  padding-top: 5rem;
  position: absolute;
  top: 0;
  z-index: 2;
}
.recruitMidCareer .interview .article__single--sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.recruitMidCareer .interview .article__single--sub .article__photo {
  width: 30%;
  padding-top: 0.5rem;
}
.recruitMidCareer .interview .article__single--sub .article__details {
  width: 66%;
}
.recruitMidCareer .interview .article__details .title--band {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.recruitMidCareer .interview .article__details .title--band span {
  min-height: 0%;
  display: inline-block;
  background-color: #DA291C;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  color: #fff;
}
.recruitMidCareer .interview .article__details .title--band span.bandTitle--big {
  font-size: 2.4rem;
  letter-spacing: 1.5px;
  padding: 1.8rem 1rem;
  margin-bottom: 0.5rem;
}
.recruitMidCareer .interview .article__details .title--band span.bandTitle--small {
  font-size: 2rem;
  letter-spacing: 1px;
  padding: 1.5rem 3rem;
}
.recruitMidCareer .interview .article__details .textBox {
  background-color: #fff;
  position: relative;
  margin-top: 2rem;
}
.recruitMidCareer .interview .article__details .textBox .bgText {
  position: absolute;
  right: 0;
  top: -5.3rem;
  z-index: 0;
}
.recruitMidCareer .interview .article__details .textBox .title {
  position: relative;
  z-index: 1;
}
.recruitMidCareer .interview .article__details .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #DA291C;
  line-height: 2.6rem;
  margin-bottom: 0.7rem;
  position: relative;
  padding-left: 4rem;
}
.recruitMidCareer .interview .article__details .title:not(:first-child) {
  margin-top: 4rem;
}
.recruitMidCareer .interview .article__details .title span {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.recruitMidCareer .interview .article__details p {
  line-height: 2.8rem;
  letter-spacing: 1.4px;
}
.recruitMidCareer .interview .article__details .small {
  font-size: 1.2rem;
  color: #868686;
  line-height: 2rem;
  letter-spacing: 0.5px;
  margin-top: 3.7rem;
  text-indent: -1.2rem;
  padding-left: 1.2rem;
}
.recruitMidCareer #recruitmentArea {
  padding-top: 13rem;
  margin-top: -13rem;
}
.recruitMidCareer .recruitment .midCareer__title {
  background: url(../img/recruit/recruitment_title.svg) no-repeat left 47% top;
  padding: 9.7rem 0 1rem;
  margin-bottom: 4.7rem;
}
.recruitMidCareer .recruitment .midCareer__title span {
  padding-left: 15.5rem;
}
.recruitMidCareer .recruitment__table {
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
}
.recruitMidCareer .recruitment__table tr th, .recruitMidCareer .recruitment__table tr td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  color: #151515;
  padding: 0.9rem 1.3rem 1rem;
  vertical-align: middle;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.recruitMidCareer .recruitment__table tr th {
  text-align: center;
  font-weight: 700;
  background-color: #F5F5F5;
  letter-spacing: 1.5px;
}
.recruitMidCareer .recruitment__table tr td {
  background-color: #ffffff;
}
.recruitMidCareer .recruitment__table tr th, .recruitMidCareer .recruitment__table tr td {
  padding: 3.3rem 3rem 3.3rem 3.8rem;
  letter-spacing: 0.7px;
}
.recruitMidCareer .recruitment__table tr:nth-child(even) > th {
  background-color: #EBEBEB;
}
.recruitMidCareer .recruitment__table tr th {
  letter-spacing: 1.5px;
  width: 30rem;
}
.recruitMidCareer .recruitment__table tr td {
  background-color: #ffffff;
  color: #2C2C2C;
  width: calc(100% - 30rem);
}
.recruitMidCareer .recruitment__table tr td p {
  line-height: 2.8rem;
}
.recruitMidCareer .recruitment__table tr td p:not(:last-child) {
  margin-bottom: 2.8rem;
}
.recruitMidCareer .recruitment__table tr td p span {
  font-weight: 700;
}
.recruitMidCareer .recruitment__table tr td p a:not([href*="tel:"]) {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .recruitMidCareer .recruitment__table tr td p a:not([href*="tel:"]):hover {
    text-decoration: none;
  }
}
.recruitMidCareer .recruitment__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 40rem;
  height: 8rem;
  margin: 6rem auto 0;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .recruitMidCareer .recruitment__btn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}

.companyPage.companyFront .headArea.big {
  margin-bottom: 8.2rem;
}
.companyPage.companyFront .companyFront__pageTitle {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  text-align: center;
  position: relative;
  letter-spacing: 1.5px;
  padding-bottom: 2.8rem;
  margin-bottom: 2.7rem;
}
.companyPage.companyFront .companyFront__pageTitle::before {
  content: "";
  display: block;
  width: 10rem;
  height: 0.4rem;
  background-color: #DA291C;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.companyPage.companyFront .companyFront__read {
  text-align: center;
  line-height: 2.8rem;
  color: #151515;
  letter-spacing: 1.8px;
}
.companyPage.companyFront .mainArea {
  position: relative;
  padding: 12rem 0;
  overflow: hidden;
  margin: 5.5rem auto 15rem;
}
.companyPage.companyFront .mainArea::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 950px solid #DA291C;
  border-right: 260px solid #DA291C;
}
.companyPage.companyFront .mainArea::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 0 1rem 1rem 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 1;
  width: 91.4%;
  height: calc(100% - 8rem);
}
.companyPage.companyFront .mainArea__inner {
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.companyPage.companyFront .mainArea .company__listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyFront .mainArea .company__listBox li {
  width: 48.3%;
}
.companyPage.companyFront .mainArea .company__listBox li.company__list--02 a p {
  width: 11.6rem;
}
.companyPage.companyFront .mainArea .company__listBox li a {
  border-radius: 4px;
  position: relative;
  display: block;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .companyPage.companyFront .mainArea .company__listBox li a:hover p span::after {
    right: 1rem;
  }
}
.companyPage.companyFront .mainArea .company__listBox li a img {
  border-radius: 4px;
}
.companyPage.companyFront .mainArea .company__listBox li a p {
  width: 14.4rem;
  height: 0;
  border-bottom: 4.3rem solid #fff;
  border-left: 1.2rem solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 0 0 4px 0;
}
.companyPage.companyFront .mainArea .company__listBox li a p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 4.3rem;
  font-size: 1.6rem;
  font-weight: 700;
  padding-right: 4rem;
  letter-spacing: 1px;
}
.companyPage.companyFront .mainArea .company__listBox li a p span::after {
  right: 1.8rem;
}
.companyPage.companyFront .mainArea .report {
  margin-top: 5.5rem;
}
.companyPage.companyFront .mainArea .report__btn {
  font-size: 16px;
}
.companyPage.companyFront .axialArea {
  background-color: #F5F5F5;
  border-radius: 0.4rem;
  text-align: center;
  padding: 6.2rem 0 6rem;
}
.companyPage.companyFront .axialArea__logo {
  margin: 0 auto;
}
.companyPage.companyFront .axialArea__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  margin: 4rem auto 2.6rem;
  letter-spacing: 0;
}
.companyPage.companyFront .axialArea__txt {
  line-height: 2.8rem;
  color: #151515;
  letter-spacing: 1.8px;
}
.companyPage.companyFront .axialArea__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  max-width: 40rem;
  height: 6rem;
  font-size: 1.6rem;
  margin: 3.6rem auto 0;
}
@media screen and (min-width: 768px) {
  .companyPage.companyFront .axialArea__link:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .companyPage.companyFront .axialArea__link:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}
.companyPage.companyFront .axialArea__link::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .companyPage.companyFront .axialArea__link::after {
    margin-left: 0.4rem;
  }
}

.companyPage .report {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #ffffff;
  max-width: 88rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 3rem 3% 3rem 6%;
}
.companyPage .report__img {
  width: 35%;
}
.companyPage .report__details {
  width: 63%;
}
.companyPage .report__title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #DA291C;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.companyPage .report__text {
  letter-spacing: 1.4px;
}
.companyPage .report__btn {
  margin: 2.3rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  height: 6rem;
  max-width: 30rem;
}
@media screen and (min-width: 768px) {
  .companyPage .report__btn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .companyPage .report__btn:hover::after {
    background-image: url(../img/icon_blank_red.svg);
  }
}
.companyPage .report__btn::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .companyPage .report__btn::after {
    margin-left: 0.4rem;
  }
}

.companyPage.companyAbout .headArea {
  margin-bottom: 7.5rem;
}
.companyPage.companyAbout .anchorLink02 {
  margin-bottom: 8rem;
}
.companyPage.companyAbout .anchorLink02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAbout .anchorLink02__list li {
  width: 48%;
}
.companyPage.companyAbout .anchorLink02__list li a {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin: 0;
  max-width: none;
  height: 8rem;
  background-image: url(../img/shortArrow_bottom_red.png);
  background-size: 1.65rem 1rem;
  background-repeat: no-repeat;
  background-position: right 3.5rem center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .companyPage.companyAbout .anchorLink02__list li a:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .companyPage.companyAbout .anchorLink02__list li a:hover {
    color: #2C2C2C;
    background-color: #ffffff;
  }
}
.companyPage.companyAbout .anchorLink02__list li a img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 3rem;
}
.companyPage.companyAbout .anchorLink02__list li a.bnt01 {
  padding: 0 6rem 0 11.5rem;
}
.companyPage.companyAbout .anchorLink02__list li a.bnt02 {
  padding: 0 6rem 0 14.5rem;
}
.companyPage.companyAbout .anchorSingle:not(:last-of-type) {
  margin-bottom: 8rem;
}
.companyPage.companyAbout .anchorSingle h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  color: #151515;
}
.companyPage.companyAbout .anchorSingle h2:not(:first-of-type) {
  margin-top: 8.5rem;
}
.companyPage.companyAbout .anchorSingle h2 img {
  margin-right: 1.4rem;
}
.companyPage.companyAbout .anchorSingle .dlBox {
  margin-top: 3rem;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl {
  border: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl:not(:last-of-type) {
  border-bottom: none;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl:nth-child(even) > dt {
  background-color: #EBEBEB;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dt {
  width: 30rem;
  background-color: #F5F5F5;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  border-right: 1px solid #D6D6D6;
  padding: 2.3rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd {
  height: 100%;
  width: calc(100% - 30rem);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 2.3rem 4rem;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd dl dt {
  width: 18rem;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd dl dd {
  width: calc(100% - 18rem);
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd .map {
  height: 38rem;
  padding: 1.5rem 0;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd p {
  line-height: 2.8rem;
  letter-spacing: 0.7px;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd p:not(:last-of-type) {
  margin-bottom: 1rem;
}
.companyPage.companyAbout .anchorSingle .dlBox > dl > dd .mapBtn {
  display: inline-block;
  background-color: #DA291C;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  width: 8.7rem;
  padding: 0.5rem 0 0.7rem;
  letter-spacing: 0;
  vertical-align: middle;
  margin-left: 0.8rem;
  border: 1px solid #DA291C;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
}
@media screen and (min-width: 768px) {
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dd .mapBtn:hover {
    background-color: #fff;
    color: #DA291C;
  }
}

.companyPage.companySdgs .mv {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 11rem);
  min-height: 70rem;
  border-bottom: 4px solid #DA291C;
}
.companyPage.companySdgs .mv::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 5vh;
  width: 100%;
  height: 21.4vw;
  max-height: 33rem;
  z-index: -2;
  background: url(../img/company/sdgsRibbon.svg) no-repeat 0 0;
  background-size: auto 100%;
}
.companyPage.companySdgs .mv__inner {
  height: 100%;
  padding: 12vh 3rem 0;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.companyPage.companySdgs .mv__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  letter-spacing: 0px;
  color: #151515;
  padding-left: 0.4rem;
}
.companyPage.companySdgs .mv__txtImg {
  margin: 1.5rem 0 1.3rem;
}
.companyPage.companySdgs .mv__read {
  line-height: 2.8rem;
  letter-spacing: 1.8px;
  color: #151515;
}
.companyPage.companySdgs .mv__sliderBox {
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: -50%;
  right: 38.5%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.companyPage.companySdgs .ipadver .mv__sliderBox {
  right: 8%;
}

.companyPage.companySdgs .mv__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 15rem;
  height: 5666px;
  -webkit-animation: scroll 100s linear infinite;
          animation: scroll 100s linear infinite;
}
.companyPage.companySdgs .mv__slider:not(:last-of-type) {
  margin-right: 0.8rem;
}
.companyPage.companySdgs .mv__slider.down {
  -webkit-animation: scroll02 100s linear infinite;
          animation: scroll02 100s linear infinite;
}
.companyPage.companySdgs .mv__slider img {
  width: auto;
  height: 283rem;
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-2833px);
            transform: translateY(-2833px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-2833px);
            transform: translateY(-2833px);
  }
}
@-webkit-keyframes scroll02 {
  0% {
    -webkit-transform: translateY(-2833px);
            transform: translateY(-2833px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes scroll02 {
  0% {
    -webkit-transform: translateY(-2833px);
            transform: translateY(-2833px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.companyPage.companySdgs .headArea__pnkz {
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companySdgs .mainArea {
  margin-top: 6rem;
}
.companyPage.companySdgs .mainArea__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  text-align: center;
  position: relative;
  letter-spacing: 1.5px;
  padding-bottom: 2.8rem;
  margin-bottom: 2.7rem;
}
.companyPage.companySdgs .mainArea__title::before {
  content: "";
  display: block;
  width: 10rem;
  height: 0.4rem;
  background-color: #DA291C;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.companyPage.companySdgs .mainArea__read {
  text-align: center;
  line-height: 2.8rem;
  color: #151515;
  letter-spacing: 1.8px;
}
.companyPage.companySdgs .mainArea__img {
  width: 80rem;
  max-width: 100%;
  margin: 5rem auto 0;
}
.companyPage.companySdgs .mainArea .sdds {
  margin-top: 7.7rem;
}
.companyPage.companySdgs .mainArea .sdds__title {
  font-size: 2rem;
  font-weight: 700;
  color: #DA291C;
  margin-bottom: 3rem;
}
.companyPage.companySdgs .mainArea .sdds__categoryHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companySdgs .mainArea .sdds__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 5rem;
  line-height: 1;
  border-radius: 4px 4px 0 0;
  background-color: #DA291C;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6rem;
}
.companyPage.companySdgs .mainArea .sdds__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.companyPage.companySdgs .mainArea .sdds__single .sdds__category {
  display: none;
}
.companyPage.companySdgs .mainArea .sdds__single:not(:last-of-type)::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  background-image: linear-gradient(to right, #717372, #717372 2px, transparent 2px, transparent 4px);
  background-size: 6px 2px;
  background-position: top;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
.companyPage.companySdgs .mainArea .sdds__one {
  width: calc(50% - 0.5rem);
  background-color: #F5F5F5;
}
.companyPage.companySdgs .mainArea .sdds__details {
  padding: 2.8rem 4rem 4.3rem;
}
.companyPage.companySdgs .mainArea .sdds__taskTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #151515;
  min-height: 3rem;
  padding: 0.4rem 3.3rem 0 4rem;
  letter-spacing: 2px;
  margin-bottom: 2.5rem;
  display: inline-block;
  position: relative;
}
.companyPage.companySdgs .mainArea .sdds__taskTitle::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .companyPage.companySdgs .mainArea .sdds__taskTitle:hover::after {
    right: 0;
  }
}
.companyPage.companySdgs .mainArea .sdds__taskTitle.task01 {
  background: url(../img/company/otherInitiatives_img04.svg) no-repeat left bottom;
  background-size: 2.88rem auto;
}
.companyPage.companySdgs .mainArea .sdds__taskTitle.task02 {
  background: url(../img/company/otherInitiatives_img01.svg) no-repeat left bottom;
  background-size: 1.495rem auto;
}
.companyPage.companySdgs .mainArea .sdds__taskTitle.task03 {
  background: url(../img/company/otherInitiatives_img02.svg) no-repeat left bottom;
  background-size: 2.373rem auto;
}
.companyPage.companySdgs .mainArea .sdds__taskTitle.task04 {
  background: url(../img/company/otherInitiatives_img03.svg) no-repeat left bottom;
  background-size: 2.233rem auto;
}
.companyPage.companySdgs .mainArea .sdds__detailsTitle {
  font-size: 1.6rem;
  font-weight: 700;
  color: #DA291C;
  padding: 2.8rem 0 0.2rem;
}
.companyPage.companySdgs .mainArea .sdds__detailsTitle:first-of-type {
  padding-top: 0.4rem;
}
.companyPage.companySdgs .mainArea .sdds__taskList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companySdgs .mainArea .sdds__taskList li {
  width: 10rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .companyPage.companySdgs .mainArea .sdds__taskList li:not(:nth-child(4n)) {
    margin-right: 0.5rem;
  }
}
.companyPage.companySdgs .mainArea .sdds__taskList li img {
  width: 100%;
}
.companyPage.companySdgs .mainArea .sdds__initiativesList {
  padding-top: 1rem;
}
.companyPage.companySdgs .mainArea .sdds__initiativesList li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.companyPage.companySdgs .mainArea .sdds__initiativesList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  position: relative;
  padding: 2.2rem 2.4rem 1.8rem;
  letter-spacing: 0.7px;
}
.companyPage.companySdgs .mainArea .sdds__initiativesList li a::after {
  content: "";
  display: block;
  background-image: url("../img/arrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 15.93px 7.89125px;
  width: 15.93px;
  height: 7.89125px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3rem;
  -webkit-transition: right ease 0.3s;
  transition: right ease 0.3s;
}
@media screen and (min-width: 768px) {
  .companyPage.companySdgs .mainArea .sdds__initiativesList li a:hover::after {
    right: 2rem;
  }
}

.companyPage.sdgsDetails .headArea {
  margin-bottom: 8.2rem;
}
.companyPage.sdgsDetails .anchorLink02 {
  margin-bottom: 8rem;
}
.companyPage.sdgsDetails .anchorLink02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.sdgsDetails .anchorLink02__list li {
  width: 23.5%;
}
.companyPage.sdgsDetails .anchorLink02__list li a {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin: 0;
  max-width: none;
  height: 8rem;
  background-image: url(../img/shortArrow_bottom_red.png);
  background-size: 1.65rem 1rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .companyPage.sdgsDetails .anchorLink02__list li a:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .companyPage.sdgsDetails .anchorLink02__list li a:hover {
    color: #2C2C2C;
    background-color: #ffffff;
  }
}
.companyPage.sdgsDetails .anchorSingle {
  counter-reset: sdgsBoxBig;
}
.companyPage.sdgsDetails .anchorSingle:not(:last-of-type) {
  margin-bottom: 7.5rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid #D6D6D6;
}
.companyPage.sdgsDetails .anchorSingle .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #DA291C;
  border-bottom: 4px solid #DA291C;
  padding: 0 0 0.7rem;
  letter-spacing: 1.5px;
  display: inline-block;
  margin-bottom: 2.4rem;
}
.companyPage.sdgsDetails .anchorSingle .read {
  letter-spacing: 1.5px;
}
.companyPage.sdgsDetails .anchorSingle .sdgsBox {
  margin-top: 7rem;
}
.companyPage.sdgsDetails .anchorSingle .sdgsBox__details h2::before, .companyPage.sdgsDetails .anchorSingle .sdgsBox__details h3::before {
  counter-increment: sdgsBoxBig;
  content: counter(sdgsBoxBig, decimal-leading-zero);
}
.companyPage.sdgsDetails .sdgsBox {
  counter-reset: sdgsBox;
}
.companyPage.sdgsDetails .sdgsBox__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 8rem;
  margin-top: -8rem;
}
.companyPage.sdgsDetails .sdgsBox__single:not(:last-of-type) {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 6rem;
  margin-bottom: 6rem;
}
.companyPage.sdgsDetails .sdgsBox__single.slideSingle {
  padding-bottom: 5.2rem;
}
.companyPage.sdgsDetails .sdgsBox__single.slideSingle .sdgsBox__details .logo {
  bottom: 3.5rem;
}
.companyPage.sdgsDetails .sdgsBox__photo {
  width: 50%;
}
.companyPage.sdgsDetails .sdgsBox__details {
  width: 50%;
  padding-left: 4rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.companyPage.sdgsDetails .sdgsBox__details > * {
  min-height: 0%;
}
.companyPage.sdgsDetails .sdgsBox__details h2,
.companyPage.sdgsDetails .sdgsBox__details h3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  padding: 0 0 0 6.2rem;
  letter-spacing: 1.5px;
  margin-bottom: 3.3rem;
}
.companyPage.sdgsDetails .sdgsBox__details h2::before,
.companyPage.sdgsDetails .sdgsBox__details h3::before {
  counter-increment: sdgsBox;
  content: counter(sdgsBox, decimal-leading-zero);
  display: block;
  color: #DA291C;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  position: absolute;
  top: 0;
  left: 0;
}
.companyPage.sdgsDetails .sdgsBox__details p {
  letter-spacing: 1.4px;
  margin-bottom: 1.5rem;
}
.companyPage.sdgsDetails .sdgsBox__details .list {
  font-weight: 700;
  color: #151515;
  margin-bottom: 1.5rem;
}
.companyPage.sdgsDetails .sdgsBox__details .list li {
  position: relative;
  padding-left: 1.5rem;
}
.companyPage.sdgsDetails .sdgsBox__details .list li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.companyPage.sdgsDetails .sdgsBox__details .list li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.companyPage.sdgsDetails .sdgsBox__details .list li a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .companyPage.sdgsDetails .sdgsBox__details .list li a:hover {
    text-decoration: none;
  }
}
.companyPage.sdgsDetails .sdgsBox__details .list li a.blank::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .companyPage.sdgsDetails .sdgsBox__details .list li a.blank::after {
    margin-left: 0.4rem;
  }
}
.companyPage.sdgsDetails .sdgsBox__details .list li a.blank::after {
  background-image: url(../img/icon_blank_red.svg);
}
.companyPage.sdgsDetails .sdgsBox__details .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: auto;
}
.companyPage.sdgsDetails .sdgsBox__details .logo li {
  width: 15.2%;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}
.companyPage.sdgsDetails .sdgsBox__slide {
  position: relative;
}
.companyPage.sdgsDetails .sdgsBox__slide ul {
  margin: 0;
}
.companyPage.sdgsDetails .sdgsBox__slide p {
  padding-top: 0.4rem;
  letter-spacing: 0.7px;
}
.companyPage.sdgsDetails .sdgsBox__slide .textNone {
  padding-bottom: 4rem;
}
.companyPage.sdgsDetails .sdgsBox__slide .dotsNav {
  position: absolute;
  top: 92%;
  right: 0;
  margin: 0;
  background: #fff;
  height: 3.6rem;
}
.companyPage.sdgsDetails .sdgsBox__slide .dotsNav li:not(:last-of-type) {
  margin-right: 1.2rem;
}
.companyPage.sdgsDetails .sdgsBox__slide .slick-arrow {
  top: 40%;
  background-color: rgba(0, 0, 0, 0.35);
  color: transparent;
}
.companyPage.sdgsDetails .sdgsBox__slide .slick-arrow.slickPrev {
  left: 2rem;
}
.companyPage.sdgsDetails .sdgsBox__slide .slick-arrow.slickNext {
  right: 2rem;
}
.companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__single {
  display: block;
  padding-bottom: 0;
}
.companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__details {
  width: 100%;
  padding-left: 0;
  display: block;
}
.companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__details .textArea p:not(:last-child) {
  margin-bottom: 3.3rem;
}
.companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__details .textArea img {
  max-width: 65rem;
  margin: 7.5rem auto 0;
}
.companyPage.sdgsDetails .flowBox {
  width: 100%;
  margin: 6rem auto 0;
}
.companyPage.sdgsDetails .flowBox ul {
  width: 60rem;
  margin: 0 auto;
}
.companyPage.sdgsDetails .flowBox .dotsNav {
  display: none !important;
}
.companyPage.sdgsDetails .flowBox .slick-arrow {
  top: 40%;
}
.companyPage.sdgsDetails .flowBox .slick-arrow.slickPrev {
  left: -5rem;
}
.companyPage.sdgsDetails .flowBox .slick-arrow.slickNext {
  right: -5rem;
}
.companyPage.sdgsDetails .otherInitiatives {
  margin-top: 8rem;
}
.companyPage.sdgsDetails .otherInitiatives__title {
  text-align: center;
  margin-bottom: 3.5rem;
}
.companyPage.sdgsDetails .otherInitiatives__title span {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  color: #151515;
  padding: 0 3.5rem;
}
.companyPage.sdgsDetails .otherInitiatives__title span::before, .companyPage.sdgsDetails .otherInitiatives__title span::after {
  position: absolute;
  top: 0;
}
.companyPage.sdgsDetails .otherInitiatives__title span::before {
  content: "";
  display: block;
  background-image: url("../img/head_line_left.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  left: 0;
}
.companyPage.sdgsDetails .otherInitiatives__title span::after {
  content: "";
  display: block;
  background-image: url("../img/head_line_right.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28.214px 28.215px;
  width: 28.214px;
  height: 28.215px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  right: 0;
}
.companyPage.sdgsDetails .otherInitiatives__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.sdgsDetails .otherInitiatives__list li {
  width: 31%;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  -webkit-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.companyPage.sdgsDetails .otherInitiatives__list li.list01 a {
  background: url(../img/company/otherInitiatives_img01.svg) no-repeat center top 4.4rem;
}
.companyPage.sdgsDetails .otherInitiatives__list li.list02 a {
  background: url(../img/company/otherInitiatives_img02.svg) no-repeat center top 4.4rem;
}
.companyPage.sdgsDetails .otherInitiatives__list li.list03 a {
  background: url(../img/company/otherInitiatives_img03.svg) no-repeat center top 4.6rem;
}
.companyPage.sdgsDetails .otherInitiatives__list li.list04 a {
  background: url(../img/company/otherInitiatives_img04.svg) no-repeat center top 3.7rem;
  background-size: 4.932rem auto;
}
@media screen and (min-width: 768px) {
  .companyPage.sdgsDetails .otherInitiatives__list li:hover {
    border-color: #DA291C;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li:hover a {
    color: #DA291C;
    border-color: #DA291C;
  }
}
.companyPage.sdgsDetails .otherInitiatives__list li a {
  width: 100%;
  height: 17.5rem;
  border: 3px solid #fff;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #151515;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 1rem 3.8rem;
  padding-bottom: 12.5%;
  line-height: 2.2rem;
}

.companyPage.companyCsrPage .headArea {
  margin-bottom: 7rem;
}
.companyPage.companyCsrPage .companyCsr__read {
  letter-spacing: 1.75px;
  margin-bottom: 5.4rem;
}
.companyPage.companyCsrPage .companyCsr__title {
  background-color: #DA291C;
  border-radius: 4px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  padding: 1rem 2.2rem 1.4rem;
}
.companyPage.companyCsrPage .companyCsr__title--sub {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  color: #151515;
  background: url(../img/icon_download_red.svg) no-repeat 0 0;
  background-size: 2.3403rem auto;
  padding: 0 0 0 3.4rem;
  margin-bottom: 4.1rem;
  letter-spacing: 2px;
}
.companyPage.companyCsrPage .reportNew {
  margin-bottom: 7rem;
}
.companyPage.companyCsrPage .reportNew .companyCsr__title {
  margin-bottom: 4rem;
}
.companyPage.companyCsrPage .reportNew .reportBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 6%;
  margin-bottom: 8rem;
}
.companyPage.companyCsrPage .reportNew .reportBox__photo {
  width: 28.2%;
}
.companyPage.companyCsrPage .reportNew .reportBox__details {
  width: 61.7%;
  padding-top: 3.6rem;
}
.companyPage.companyCsrPage .reportNew .reportBox__details .text {
  text-align: center;
  letter-spacing: 1.3px;
  margin-bottom: 3.4rem;
}
.companyPage.companyCsrPage .reportNew .reportBox__details .adobeBox {
  margin-top: 4rem;
}
.companyPage.companyCsrPage .reportNew .reportBox__btn {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin: 0 auto;
  background-image: url(../img/arrow_right_red.svg);
  background-size: 15.93px auto;
  background-repeat: no-repeat;
  background-position: right 2.2rem center;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
}
@media screen and (min-width: 768px) {
  .companyPage.companyCsrPage .reportNew .reportBox__btn:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
.companyPage.companyCsrPage .reportNew .reportBox__btn:not(:last-child) {
  margin-bottom: 1rem;
}
.companyPage.companyCsrPage .reportNew .reportBox__btn span::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .companyPage.companyCsrPage .reportNew .reportBox__btn span::after {
    margin-left: 0.4rem;
  }
}
.companyPage.companyCsrPage .reportNew .reportBox__btn span::after {
  background-image: url(../img/icon_blank_red.svg);
}
@media screen and (min-width: 768px) {
  .companyPage.companyCsrPage .reportNew .reportBox__btn:hover {
    color: #ffffff;
    background-color: #DA291C;
    background-image: url(../img/arrow_right_white.svg);
  }
  .companyPage.companyCsrPage .reportNew .reportBox__btn:hover span::after {
    background-image: url(../img/icon_blank_white.svg);
  }
}
.companyPage.companyCsrPage .reportNew .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyCsrPage .reportNew .flex .listBox {
  width: calc(50% - 3rem);
}
.companyPage.companyCsrPage .reportNew .flex .listBox li:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.companyPage.companyCsrPage .reportNew .flex .listBox li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  line-height: 2.3rem;
  padding: 0;
  border-bottom: 2px solid transparent;
  position: relative;
  padding-left: 1.5rem;
  -webkit-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.companyPage.companyCsrPage .reportNew .flex .listBox li a::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1rem;
}
.companyPage.companyCsrPage .reportNew .flex .listBox li a span {
  font-size: 1.4rem;
  line-height: 3.2rem;
  color: #DA291C;
  letter-spacing: 0;
  position: relative;
  width: 7.2rem;
  padding-left: 2.3rem;
}
.companyPage.companyCsrPage .reportNew .flex .listBox li a span::before {
  content: "";
  display: block;
  background-image: url("../img/icon_pdf.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 18.14px 20.7318571192px;
  width: 18.14px;
  height: 20.7318571192px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 0.2rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  .companyPage.companyCsrPage .reportNew .flex .listBox li a:hover {
    border-color: #DA291C;
  }
}
.companyPage.companyCsrPage .reportOld .companyCsr__title {
  margin-bottom: 4rem;
}
.companyPage.companyCsrPage .reportOld .reportBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyCsrPage .reportOld .reportBox__single {
  width: calc(50% - 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #ffffff;
  padding: 2rem 3.5rem 2rem 2rem;
  min-height: 24.2rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__photo {
  width: 14.3rem;
  margin-right: 3.5rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details {
  width: calc(100% - 17.8rem);
  padding-bottom: 4rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  color: #151515;
  margin-bottom: 3rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details ul li:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details ul li a {
  display: block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  padding: 0;
  border-bottom: 2px solid transparent;
  position: relative;
  padding: 0 0 0.5rem 1.4rem;
  -webkit-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.companyPage.companyCsrPage .reportOld .reportBox__details ul li a::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details ul li a::after {
  content: "";
  display: block;
  background-image: url("../img/icon_arrow_round.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  right: 0;
  top: 0.2rem;
}
.companyPage.companyCsrPage .reportOld .reportBox__details ul li a.pdf::after {
  content: "";
  display: block;
  background-image: url("../img/icon_pdf.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 18.14px 20.7318571192px;
  width: 18.14px;
  height: 20.7318571192px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .companyPage.companyCsrPage .reportOld .reportBox__details ul li a:hover {
    border-color: #DA291C;
  }
}

.companyPage.companyAnnouncement .headArea {
  margin-bottom: 7.5rem;
}
.companyPage.companyAnnouncement .anchorSingle:not(:last-of-type) {
  margin-bottom: 6rem;
}
.companyPage.companyAnnouncement .anchorSingle h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  color: #151515;
}
.companyPage.companyAnnouncement .anchorSingle h2 img {
  margin-right: 1.4rem;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox {
  margin-top: 3rem;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl {
  border: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl:not(:last-of-type) {
  border-bottom: none;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl:nth-child(even) > dt {
  background-color: #EBEBEB;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dt {
  width: 50%;
  background-color: #F5F5F5;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.4px;
  border-right: 1px solid #D6D6D6;
  padding: 2.2rem 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd {
  height: 100%;
  width: 50%;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 2.2rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 2px solid transparent;
  position: relative;
  -webkit-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd a span {
  color: #DA291C;
  letter-spacing: 0;
  position: relative;
  padding-left: 2.3rem;
  margin-left: 0.7rem;
}
.companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd a span::before {
  content: "";
  display: block;
  background-image: url("../img/icon_pdf.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 18.14px 20.7318571192px;
  width: 18.14px;
  height: 20.7318571192px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd a:hover {
    border-color: #DA291C;
  }
}
.companyPage.companyAnnouncement .adobeBox {
  margin: 6rem auto 2rem;
}

.companyPage.companyHealth .mv {
  position: relative;
  overflow: hidden;
}
.companyPage.companyHealth .mv__inner {
  height: 100%;
  padding: 3.2rem 3rem 0;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3.6rem;
}
.companyPage.companyHealth .mv__title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #151515;
}
.companyPage.companyHealth .mv__imgBox {
  width: 100%;
  overflow: hidden;
}
.companyPage.companyHealth .mv__imgBox img {
  width: 100%;
  height: auto;
}
.companyPage.companyHealth .headArea {
  margin-bottom: 4rem;
  padding-top: 2rem;
}
.companyPage.companyHealth .pageContents {
  margin-bottom: 6rem;
}
.companyPage.companyHealth .pageContents__title {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.065em;
  color: #151515;
}
.companyPage.companyHealth .pageContents__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background-color: #DA291C;
  border-radius: 4px;
}
.companyPage.companyHealth .pageContents__othertitle {
  background-color: #DA291C;
  margin-bottom: 2rem;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}
.companyPage.companyHealth .pageContents a[target=_blank] {
  background: url(../img/icon_blank.svg) no-repeat right center/1.3rem;
  padding-right: 1.8rem;
  color: #DA291C;
}
.companyPage.companyHealth .pageContents a[target=_blank]:hover {
  text-decoration: underline;
}
.companyPage.companyHealth .pageContents > p {
  text-indent: 1em;
  line-height: 34/14;
}
.companyPage.companyHealth .pageContents p {
  letter-spacing: 0.1em;
}
.companyPage.companyHealth .pageContents p + p {
  margin-top: 2.6rem;
}
.companyPage.companyHealth .pageContents ol {
  counter-reset: count 0;
}
.companyPage.companyHealth .pageContents ol li {
  position: relative;
  padding-left: 4rem;
}
.companyPage.companyHealth .pageContents ol li::before {
  content: counter(count, decimal-leading-zero);
  counter-increment: count 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  margin: auto;
  padding-bottom: 0.2rem;
  background-color: #DA291C;
  color: #fff;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: gill-sans-nova, "Gill Sans", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: -0.05em;
  line-height: 1;
  border-radius: 30px;
}
.companyPage.companyHealth .pageContents ol li + li {
  margin-top: 3rem;
}
.companyPage.companyHealth .pageContents ol li .title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.companyPage.companyHealth .pageContents ol li .title span {
  color: #DA291C;
}
.companyPage.companyHealth .pageContents__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyHealth .pageContents__signItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.companyPage.companyHealth .pageContents__signItem:not(:first-of-type) {
  margin-left: 4.2rem;
}
.companyPage.companyHealth .pageContents__signItem p {
  line-height: 1.75;
}
.companyPage.companyHealth .pageContents__signItem.harashin img {
  max-width: 11.8rem;
  margin-left: 1.9rem;
}
.companyPage.companyHealth .pageContents__signItem.narus img {
  max-width: 10.8rem;
  margin-left: 0.7rem;
}
.companyPage.companyHealth .pageContents__imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 4.33rem 1rem;
  background-color: #F5F5F5;
}
.companyPage.companyHealth .pageContents__imgBox img {
  max-width: 65.3rem;
  width: 90%;
}
.companyPage.companyHealth .pageContents__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 5.2rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid #D6D6D6;
}
.companyPage.companyHealth .pageContents__item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.companyPage.companyHealth .pageContents__itemImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}
@media all and (-ms-high-contrast: none) {
  .companyPage.companyHealth .pageContents__itemImg img {
    height: 100%;
  }
}
.companyPage.companyHealth .pageContents__itemImg img + img {
  margin-top: 2rem;
}
.companyPage.companyHealth .pageContents__itemImg img.smartMeal {
  max-width: 22.5rem;
  margin-top: 2.8rem;
}
.companyPage.companyHealth .pageContents__itemImg img.deli {
  max-width: 14rem;
  margin-top: 3.8rem;
}
.companyPage.companyHealth .pageContents__itemImg img.walkingDay {
  max-width: 29.8rem;
  margin-top: 4.4rem;
}
.companyPage.companyHealth .pageContents__itemImg figure {
  overflow: hidden;
  max-width: 40rem;
  margin-bottom: 1rem;
}
.companyPage.companyHealth .pageContents__itemImg figure figcaption {
  text-align: center;
}
.companyPage.companyHealth .pageContents__itemImg .innerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  max-width: 38.4rem;
}
.companyPage.companyHealth .pageContents__itemImg .innerWrap img {
  margin: 0;
  width: 46.75%;
}
.companyPage.companyHealth .pageContents__itemTitle {
  position: relative;
  margin-top: -0.2rem;
  margin-bottom: 2.5rem;
  padding-left: 5.5rem;
  color: #151515;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: 0.065em;
}
.companyPage.companyHealth .pageContents__itemTitle span {
  display: inline-block;
  position: absolute;
  top: -0.2rem;
  bottom: auto;
  left: 0;
  margin: auto;
  color: #DA291C;
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: gill-sans-nova, "Gill Sans", sans-serif;
  font-size: 4rem;
}
.companyPage.companyHealth .pageContents__itemText {
  width: 46%;
}
.companyPage.companyHealth .pageContents__itemText ol li {
  max-width: 46rem;
  padding: 0;
}
.companyPage.companyHealth .pageContents__itemText ol li .title {
  margin-bottom: 1rem;
  padding-left: 4rem;
}
.companyPage.companyHealth .pageContents__item:nth-of-type(2n) .pageContents__itemImg {
  width: 46%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.companyPage.companyHealth .pageContents__item:nth-of-type(2n) .pageContents__itemText {
  width: 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.companyPage.companyHealth .pageContents.content02 ol {
  margin-bottom: 3rem;
}
.companyPage.companyHealth .pageContents.content04 .pageContents__title {
  margin-bottom: 4rem;
}
.companyPage.companyHealth .pageContents.content05 .pageContents__title {
  margin-bottom: 6rem;
}
.companyPage.companyHealth .pageContents.content05 .pageContents__item {
  margin-bottom: 0;
}
.companyPage.companyHealth .pageContents.content06 {
  margin-bottom: 0;
}
.companyPage.companyHealth .pageContents.content06 p {
  margin-bottom: 2.5rem;
}
.companyPage.companyHealth .pageContents.content06 a {
  border: 4px solid #DA291C;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #151515;
  text-align: center;
  width: 100%;
  max-width: 40rem;
  height: 6rem;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  background-image: url(../img/icon_download_red.svg);
  background-repeat: no-repeat;
  background-position: right 2.3rem center;
  background-size: 2.3403rem auto;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s, background-image ease 0.3s;
  text-decoration: none;
  max-width: 45rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .companyPage.companyHealth .pageContents.content06 a:hover {
    color: #ffffff;
    background-color: #DA291C;
  }
}
@media screen and (min-width: 768px) {
  .companyPage.companyHealth .pageContents.content06 a:hover {
    background-image: url(../img/icon_download_white.svg);
  }
}
@media screen and (max-width: 767px) {
  .companyPage.companyHealth .pageContents.content06 a {
    font-size: 1.5rem;
    padding: 0 4rem 0 1rem;
    letter-spacing: 0;
    background-position: right 1.6rem center;
  }
}

.sitemapPage .headArea {
  margin-bottom: 7rem;
}
.sitemapPage .pageInner dl {
  color: #151515;
}
.sitemapPage .pageInner dl:not(:last-of-type) {
  margin-bottom: 4.4rem;
}
.sitemapPage .pageInner dl a {
  color: #151515;
}
.sitemapPage .pageInner dl a.blank::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .sitemapPage .pageInner dl a.blank::after {
    margin-left: 0.4rem;
  }
}
.sitemapPage .pageInner dl a.blank::after {
  background-image: url(../img/icon_blank_red.svg);
  margin-left: 0.5rem;
}
.sitemapPage .pageInner dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 1.1rem;
}
.sitemapPage .pageInner dl dt a {
  position: relative;
  padding-left: 3rem;
}
.sitemapPage .pageInner dl dt a::before {
  background: url(../img/shortArrow_right.svg) no-repeat center;
  background-size: 6.13px auto;
  content: "";
  display: block;
  background-color: #DA291C;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .sitemapPage .pageInner dl dt a:hover {
    color: #DA291C;
  }
}
.sitemapPage .pageInner dl dd {
  padding-left: 3rem;
}
.sitemapPage .pageInner dl dd ul {
  font-size: 1.4rem;
  line-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sitemapPage .pageInner dl dd ul:not(:last-of-type) {
  margin-bottom: 0.9rem;
}
.sitemapPage .pageInner dl dd ul li:not(:last-of-type) {
  margin-right: 2.7rem;
}
.sitemapPage .pageInner dl dd ul li.title {
  font-weight: 700;
  margin: 0.5rem 0 0;
  width: 100%;
}
.sitemapPage .pageInner dl dd ul li a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .sitemapPage .pageInner dl dd ul li a:hover {
    text-decoration: none;
  }
}

.privacyPage .headArea {
  margin-bottom: 8rem;
}
.privacyPage .pageInner {
  counter-reset: privacyBoxNum;
}
.privacyPage .pageInner .mainTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #DA291C;
  letter-spacing: 1.5px;
  margin-bottom: 6rem;
}
.privacyPage .pageInner .textBox {
  color: #151515;
}
.privacyPage .pageInner .textBox:not(:last-of-type) {
  margin-bottom: 4.4rem;
}
.privacyPage .pageInner .textBox dt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.8px;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 3rem;
}
.privacyPage .pageInner .textBox dt::before {
  counter-increment: privacyBoxNum;
  content: counter(privacyBoxNum, decimal-leading-zero);
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  color: #DA291C;
  position: absolute;
  top: 0;
  left: 0;
}
.privacyPage .pageInner .textBox dd {
  padding-left: 3rem;
}
.privacyPage .pageInner .textBox dd ul {
  font-weight: 700;
  color: #151515;
  line-height: 3rem;
  letter-spacing: 1.2px;
  font-weight: 500;
}
.privacyPage .pageInner .textBox dd ul li {
  position: relative;
  padding-left: 1.5rem;
}
.privacyPage .pageInner .textBox dd ul li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.privacyPage .pageInner .textBox dd ul li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #DA291C;
  position: absolute;
  left: 0;
  top: 1.3rem;
}
.privacyPage .pageInner .textBox dd ul li:not(:last-of-type) {
  margin-bottom: 1rem;
}
.privacyPage .pageInner .textBox dd ul li::before {
  left: 3px;
}
.privacyPage .pageInner .textBox dd p.telText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.privacyPage .pageInner .textBox dd p.telText a {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  margin-left: 13px;
  padding-bottom: 2px;
}

.searchPage .headArea {
  margin-bottom: 7rem;
}
.searchPage__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #151515;
  padding: 0 3rem;
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3.5rem;
}
.searchPage__title span {
  font-size: 2.6rem;
  letter-spacing: 1.8px;
}
.searchPage .pageSearch .pageSearch__inner {
  height: 11rem;
}
.searchPage .pageInner {
  margin-top: 6rem;
}
.searchPage .searchResults__single {
  display: block;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 2.4rem;
}
.searchPage .searchResults__single:not(:last-of-type) {
  margin-bottom: 3rem;
}
.searchPage .searchResults__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #151515;
  letter-spacing: 1.6px;
  margin-bottom: 1rem;
}
.searchPage .searchResults__details p {
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.7px;
}
.searchPage .searchResults .hit {
  color: #FF4D00;
}

.notfoundPage .pageInner {
  padding-top: 1.6rem;
}
.notfoundPage .headArea__pnkz {
  margin-bottom: 4.7rem;
}
.notfoundPage__title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-weight: 700;
  color: #151515;
  margin-bottom: 1.2rem;
}
.notfoundPage__title span {
  font-size: 2.3rem;
  line-height: 4.9rem;
  color: #DA291C;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.notfoundPage__img {
  max-width: 16.2rem;
  margin: 0 auto 1.6rem;
}
.notfoundPage__text {
  text-align: center;
  line-height: 3.2rem;
  letter-spacing: 1.4px;
  margin-bottom: 3.3rem;
}
.notfoundPage__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.notfoundPage__btnBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #ffffff;
  border-radius: 4px;
  background-color: #DA291C;
  border: 1px solid #DA291C;
  width: 100%;
  text-align: center;
  font-weight: 700;
  max-width: 27.3rem;
  height: 5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color ease 0.3s, color ease 0.3s;
  transition: background-color ease 0.3s, color ease 0.3s;
  margin: 0 1rem;
}
@media screen and (min-width: 768px) {
  .notfoundPage__btnBox a:hover {
    background-color: #fff;
    color: #DA291C;
  }
}

.meatHistoryPage .headArea {
  margin-bottom: 7.8rem;
}
.meatHistoryPage .readArea {
  margin-bottom: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.meatHistoryPage .readArea__photo {
  width: 50%;
  padding-top: 0.5rem;
}
.meatHistoryPage .readArea__text {
  width: 46%;
}
.meatHistoryPage .readArea__text p {
  line-height: 2.8rem;
  letter-spacing: 1.4px;
}
.meatHistoryPage .readArea__text p:not(:last-child) {
  margin-bottom: 2.8rem;
}
.meatHistoryPage .meatHistory__title {
  background-color: #DA291C;
  border-radius: 4px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  padding: 1rem 2.2rem 1.4rem;
}
.meatHistoryPage .flow {
  margin-bottom: 7.6rem;
}
.meatHistoryPage .flow .meatHistory__title {
  margin-bottom: 3.8rem;
}
.meatHistoryPage .flow .flowBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.meatHistoryPage .flow .flowBox dl dt {
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  color: #151515;
  padding: 0 2rem 0 27.5%;
  text-align: center;
  margin-bottom: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 6rem;
}
.meatHistoryPage .flow .flowBox dl dt span {
  font-family: "Gill Sans", gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 4rem;
  top: 53%;
}
.meatHistoryPage .flow .flowBox dl dt::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 0 32px 20px;
  border-color: transparent transparent transparent #D6D6D6;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -20px;
  z-index: 1;
}
.meatHistoryPage .flow .flowBox dl dt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 0 32px 20px;
  border-color: transparent transparent transparent #FAFAFA;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -19px;
  z-index: 2;
}
.meatHistoryPage .flow .flowBox dl dd {
  line-height: 2.8rem;
  letter-spacing: 0.3px;
  padding-left: 1.7rem;
}
.meatHistoryPage .flow .flowBox dl.flow01 dt {
  background-color: #FAFAFA;
}
.meatHistoryPage .flow .flowBox dl.flow02 dt {
  background-color: #F5F5F5;
}
.meatHistoryPage .flow .flowBox dl.flow03 dt {
  background-color: #EFEFEF;
}
.meatHistoryPage .flow .flowBox dl.flow04 dt {
  background-color: #EBEBEB;
}
@media screen and (min-width: 768px) {
  .meatHistoryPage .flow .flowBox dl.flow01 {
    width: 23.5%;
  }
  .meatHistoryPage .flow .flowBox dl.flow01 dt {
    padding-left: 17%;
    border-left: 1px solid #D6D6D6;
  }
  .meatHistoryPage .flow .flowBox dl.flow01 dt span {
    left: 2rem;
  }
  .meatHistoryPage .flow .flowBox dl.flow01 dd {
    padding: 0;
  }
  .meatHistoryPage .flow .flowBox dl.flow02 {
    width: 25.5%;
  }
  .meatHistoryPage .flow .flowBox dl.flow02 dt::after {
    border-color: transparent transparent transparent #F5F5F5;
  }
  .meatHistoryPage .flow .flowBox dl.flow03 {
    width: 25.5%;
  }
  .meatHistoryPage .flow .flowBox dl.flow03 dt::after {
    border-color: transparent transparent transparent #EFEFEF;
  }
  .meatHistoryPage .flow .flowBox dl.flow04 {
    width: 25.5%;
  }
  .meatHistoryPage .flow .flowBox dl.flow04 dt {
    border-right: 1px solid #D6D6D6;
  }
  .meatHistoryPage .flow .flowBox dl.flow04 dt::before, .meatHistoryPage .flow .flowBox dl.flow04 dt::after {
    content: none;
  }
}
.meatHistoryPage .history .meatHistory__title {
  margin-bottom: 3.4rem;
}
.meatHistoryPage .history .read {
  letter-spacing: 1.75px;
  margin-bottom: 2.5rem;
}
.meatHistoryPage .history .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.meatHistoryPage .history .listBox li {
  max-width: 48rem;
  width: calc(50% - 2rem);
}
.meatHistoryPage .history .listBox li.list01 a {
  background: #fff url(../img/meatHistory/icon_meat.svg) no-repeat left 3rem center;
  background-size: 5.482rem auto;
}
.meatHistoryPage .history .listBox li.list01 a p.small {
  padding-left: 0.4rem;
}
.meatHistoryPage .history .listBox li.list02 a {
  background: #fff url(../img/meatHistory/icon_history.svg) no-repeat left 3rem center;
  background-size: 3.973rem auto;
}
.meatHistoryPage .history .listBox li.list02 a p.small {
  padding-left: 1.8rem;
}
.meatHistoryPage .history .listBox li a {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 2.3rem 4rem 2.3rem 32.3%;
  min-height: 10rem;
  -webkit-transition: -webkit-box-shadow ease 0.3s;
  transition: -webkit-box-shadow ease 0.3s;
  transition: box-shadow ease 0.3s;
  transition: box-shadow ease 0.3s, -webkit-box-shadow ease 0.3s;
}
@media screen and (min-width: 768px) {
  .meatHistoryPage .history .listBox li a:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  }
}
.meatHistoryPage .history .listBox li a::before {
  content: "";
  display: block;
  background-image: url("../img/shortArrow_right_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 8.541px 14.641px;
  width: 8.541px;
  height: 14.641px;
  -webkit-transition: background-image ease 0.3s;
  transition: background-image ease 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2rem;
}
.meatHistoryPage .history .listBox li a p {
  min-height: 0%;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  color: #151515;
  letter-spacing: 2.3px;
  margin-bottom: 0.5rem;
  width: 100%;
}
.meatHistoryPage .history .listBox li a p.blank::after {
  background-size: 1.3rem auto;
  width: 1.3rem;
  height: 1.1rem;
  margin-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  .meatHistoryPage .history .listBox li a p.blank::after {
    margin-left: 0.4rem;
  }
}
.meatHistoryPage .history .listBox li a p.blank::after {
  background-image: url(../img/icon_blank_red.svg);
  margin-left: 1.3rem;
}
.meatHistoryPage .history .listBox li a p.small {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  margin: 0;
  letter-spacing: 1px;
}
.meatHistoryPage .history .bottomText {
  color: #151515;
  margin-top: 2.2rem;
  letter-spacing: 1.75px;
}

/* 各スタイル SP */
@media screen and (max-width: 767px) {
  .topPage .mv {
    height: auto;
    min-height: 15rem;
    margin-top: 7rem;
    padding-top: calc(56.25% + 2.5rem);
  }
  .topPage .mv video {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .topPage .mv.min video {
    height: 100%;
  }
  .topPage .mv .loader img {
    width: 70vw;
    max-width: 34.5rem;
  }
  .topPage .colorBackArea {
    padding-top: 3rem;
  }
  .topPage .colorBackArea__inner {
    padding: 33vmax 0 6rem;
  }
  .topPage .colorBackArea .news {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .topPage .banner {
    top: 0;
    width: 100vw;
  }
  .topPage .pick {
    padding: 6rem 0 0;
    margin-bottom: 4rem;
  }
  .topPage .pick__title {
    font-size: 1.6rem;
    letter-spacing: 1.5px;
    margin-bottom: 2.5rem;
  }
  .topPage .pick__title span {
    padding: 0 3.5rem;
  }
  .topPage .pick .slick-arrow {
    top: 20vw;
  }
  .topPage .service {
    padding: 0;
    margin-bottom: 8rem;
  }
  .topPage .service .title--obi {
    margin: 0 0 5.2rem;
  }
  .topPage .service .title--obi::after {
    top: -20%;
  }
  .topPage .service__main {
    width: 84%;
    margin: 0 auto;
  }
  .topPage .service .column__photo {
    height: 26.6666666667vw;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .topPage .service .column__photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    top: 55%;
  }
  .topPage .service .column__details p.title {
    margin-bottom: 1rem;
    display: inline-block;
    position: relative;
    padding-right: 1.7rem;
  }
  .topPage .service .column__details p.title::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_red.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
  .topPage .service .long .column__photo img {
    top: 60%;
  }
  .topPage .brand {
    padding: 0;
    margin-bottom: 7rem;
  }
  .topPage .brand .title--obi {
    margin-bottom: 5.2rem;
  }
  .topPage .brand .title--obi::after {
    top: -5%;
  }
  .topPage .brand__main {
    width: 84%;
    margin: 0 auto;
  }
  .topPage .brand .tab__content .subTitle {
    margin: 4rem 0 3rem;
  }
  .topPage .brand .tab__content .subTitle::after {
    top: 0.7rem;
  }
  .topPage .brand .tab__content .subTitle__box {
    padding: 0 1.5rem;
  }
  .topPage .brand .tab__content .subTitle__box img {
    width: 16.801rem;
  }
  .topPage .brand .tab__content .column--item3 .column__single {
    margin-bottom: 1.5rem;
  }
  .topPage .brand .tab__content .column--item4 .column__single {
    margin-bottom: 1.5rem;
  }
  .topPage .brand .tab__content .column--item4 .column__single a,
  .topPage .brand .tab__content .column--item4 .column__single .column__main {
    padding-left: 30%;
  }
  .topPage .brand .tab__content .column--item4 .column__single a img,
  .topPage .brand .tab__content .column--item4 .column__single .column__main img {
    width: auto;
  }
  .topPage .recipe {
    margin-bottom: 7.5rem;
  }
  .topPage .recipe .title--obi {
    margin-bottom: 6rem;
    padding: 0 3rem;
  }
  .topPage .recipe .title--obi::after {
    top: -10%;
  }
  .topPage .recipe__main {
    height: auto;
  }
  .topPage .recipe__main .slider--recipe .slick-arrow {
    top: 35%;
  }
  .topPage .recipe__main .slider--recipe li {
    height: auto;
    padding-bottom: 10rem;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle {
    top: 0 !important;
    left: 0 !important;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle.size01, .topPage .recipe__main .slider--recipe .recipeSingle.size02, .topPage .recipe__main .slider--recipe .recipeSingle.size03 {
    width: 24rem;
    height: 24rem;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle .inner {
    overflow: visible;
    width: 24rem !important;
    height: 24rem !important;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle .inner::after {
    border-radius: 100%;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle .inner img {
    border-radius: 100%;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle p {
    color: #151515;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 1;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
    top: auto;
    bottom: -6.2rem;
    padding: 0;
  }
  .topPage .recipe__main .slider--recipe .recipeSingle p::after {
    background-image: url("../img/icon_blank.svg");
  }
  .topPage .recipe__main .slider--recipe .recipeSingle .new {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 8rem;
  }
  .topPage .recruit {
    margin-bottom: 6rem;
    padding: 0;
  }
  .topPage .recruit .title--obi {
    margin-bottom: 6rem;
  }
  .topPage .recruit .title--obi::after {
    top: -20%;
  }
  .topPage .recruit__listBox {
    display: block;
    width: 84%;
    margin: 0 auto;
  }
  .topPage .recruit__listBox li {
    width: 100%;
  }
  .topPage .recruit__listBox li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .topPage .recruit__listBox li.recruit__list--01 a img {
    width: 6.337rem;
    margin: 0 1rem 0 0;
  }
  .topPage .recruit__listBox li.recruit__list--02 a {
    padding-bottom: 0;
  }
  .topPage .recruit__listBox li.recruit__list--02 a img {
    width: 5.246rem;
    margin: 0 2rem 0 0;
  }
  .topPage .recruit__listBox li.recruit__list--03 a {
    padding-left: 3.7rem;
  }
  .topPage .recruit__listBox li.recruit__list--03 a img {
    width: 4.3rem;
    margin: 0 2.2rem 0 0;
  }
  .topPage .recruit__listBox li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 10rem;
    padding: 0 3rem;
    line-height: 2rem;
    position: relative;
  }
  .topPage .recruit__listBox li a::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_red.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.7rem;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
  .topPage .company {
    padding: 0 0 5rem;
  }
  .topPage .company::before {
    content: none;
  }
  .topPage .company .title--obi {
    margin-bottom: 6rem;
  }
  .topPage .company__body {
    padding: 0;
  }
  .topPage .company__listBox {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 3rem 0;
  }
  .topPage .company__listBox::before {
    content: "";
    display: block;
    width: 40%;
    height: 150%;
    background-color: #DA291C;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
    position: absolute;
    top: -30%;
    right: -9.5%;
    z-index: 0;
  }
  .topPage .company__listBox li {
    width: 84%;
    margin: 0 auto;
  }
  .topPage .company__listBox li:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .itemsPage .headArea {
    margin-bottom: 4rem;
  }
  .itemsPage .title--obi::after {
    background-position: left top !important;
    background-size: auto 100% !important;
    left: -2rem !important;
  }
  .itemsPage .title--obi .text {
    text-align: left;
  }
  .itemsPage .pick .title--obi::after {
    height: 5.3rem !important;
    top: 0;
  }
  .itemsPage .brand .title--obi::after {
    height: 3.4rem !important;
    top: 0;
  }
  .itemsPage .category .title--obi::after {
    height: 5.3rem !important;
    top: -0.5rem;
  }
  .itemsPage .lineup .title--obi::after {
    height: 5.3rem !important;
    top: -0.5rem;
  }
  .itemsPage .pick {
    padding: 0;
    margin-top: 5rem;
  }
  .itemsPage .pick .title--obi {
    width: 84%;
    margin: 0 auto;
    margin-bottom: 0.5rem;
  }
  .itemsPage .pick .slick-arrow {
    top: 20.5vw;
  }
  .itemsPage .pick__sliderBoxBtn {
    margin: 0 auto 3.2rem;
  }
  .itemsPage .brand .title--obi {
    margin-bottom: 0.5rem;
  }
  .itemsPage .brand__content .subTitle {
    margin: 5rem 0 1.6rem;
  }
  .itemsPage .brand__content .subTitle::after {
    top: 1rem;
  }
  .itemsPage .brand__content .subTitle__box {
    padding: 0 1.5rem;
  }
  .itemsPage .brand__content .subTitle__box img {
    width: 21.247rem;
  }
  .itemsPage .brand__content .column__single {
    margin-bottom: 2rem;
  }
  .itemsPage .category .title--obi {
    margin-bottom: 0.5rem;
  }
  .itemsPage .category__content .column--item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage .category__content .column__single {
    margin-bottom: 1rem !important;
    width: calc((100% - 1.1rem) / 2);
  }
  .itemsPage .category__content .column__single a,
  .itemsPage .category__content .column__single .column__main {
    padding-left: 40%;
    height: 7rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0;
  }
  .itemsPage .category__content .column__single a img,
  .itemsPage .category__content .column__single .column__main img {
    left: 14%;
  }
  .itemsPage .category__content .column__single a img.cate01,
  .itemsPage .category__content .column__single .column__main img.cate01 {
    width: 3.6rem;
  }
  .itemsPage .category__content .column__single a img.cate02,
  .itemsPage .category__content .column__single .column__main img.cate02 {
    width: 4.165rem;
  }
  .itemsPage .category__content .column__single a img.cate03,
  .itemsPage .category__content .column__single .column__main img.cate03 {
    width: 3.578rem;
  }
  .itemsPage .category__content .column__single a img.cate04,
  .itemsPage .category__content .column__single .column__main img.cate04 {
    width: 3.85rem;
  }
  .itemsPage .category__content .column__single a img.cate05,
  .itemsPage .category__content .column__single .column__main img.cate05 {
    width: 3.515rem;
    left: 12%;
  }
  .itemsPage .category__content .column__single a img.cate06,
  .itemsPage .category__content .column__single .column__main img.cate06 {
    width: 4.55rem;
    left: 12%;
  }
  .itemsPage .category__content .column__single a img.cate07,
  .itemsPage .category__content .column__single .column__main img.cate07 {
    width: 3.082rem;
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate08,
  .itemsPage .category__content .column__single .column__main img.cate08 {
    width: 3.013rem;
    left: 17%;
  }
  .itemsPage .category__content .column__single a img.cate09,
  .itemsPage .category__content .column__single .column__main img.cate09 {
    width: 2.867rem;
    left: 17%;
  }
  .itemsPage .category__content .column__single a img.cate10,
  .itemsPage .category__content .column__single .column__main img.cate10 {
    width: 3.187rem;
    left: 11%;
  }
  .itemsPage .category__content .column__single a img.cate11,
  .itemsPage .category__content .column__single .column__main img.cate11 {
    width: 3.088rem;
    left: 17%;
  }
}
@media screen and (max-width: 767px) and (min-width: 951px) {
  .itemsPage .category__content .column__single a img.cate01 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate02 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate03 {
    left: 15%;
  }
  .itemsPage .category__content .column__single a img.cate04 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate05 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate06 {
    left: 13%;
  }
  .itemsPage .category__content .column__single a img.cate07 {
    left: 14%;
  }
  .itemsPage .category__content .column__single a img.cate08 {
    left: 15%;
  }
}
@media screen and (max-width: 767px) {
  .itemsPage .moreBtn {
    margin-top: 3rem;
  }
  .itemsPage .itemsListHead + section {
    margin-top: 5rem !important;
  }
  .itemsPage.itemsFront .pageInner {
    margin-bottom: 4rem;
  }
  .itemsPage.itemsFront .column__single {
    margin-bottom: 2rem;
  }
  .itemsPage.itemsFront #categorySearch {
    padding-top: 16rem;
    margin-top: -16rem;
  }
  .itemsPage.itemsList .itemsListHead {
    width: 84%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 4rem;
  }
  .itemsPage.itemsList .itemsListHead__read {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    width: 100%;
    margin: 2.3rem auto 0;
    padding: 0;
    position: static;
  }
  .itemsPage.itemsList .itemsListHead__read p {
    text-align: left;
  }
  .itemsPage.itemsList .lineup {
    max-width: 106rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 3rem;
    margin-bottom: 5rem;
  }
  .itemsPage.itemsList .lineup .title--obi {
    margin-bottom: 0.5rem;
  }
  .itemsPage.itemsList .lineup .column--item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage.itemsList .lineup .column--item4 .column__single {
    width: calc((100% - 1.1rem) / 2);
    margin-bottom: 2rem;
  }
  .itemsPage.itemsList .lineup .moreBtn {
    margin-top: 3rem;
  }
  .itemsPage.itemsDetails .headArea {
    padding-top: 4.3rem;
  }
  .itemsPage.itemsDetails .headArea__title {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    letter-spacing: 1.7px;
    margin-bottom: 2rem;
  }
  .itemsPage.itemsDetails .headArea__title img {
    margin-right: 1rem;
    width: 7rem;
    height: auto;
  }
  .itemsPage.itemsDetails .mainText {
    margin-bottom: 5rem;
  }
  .itemsPage.itemsDetails .mainText__single {
    margin-bottom: 4rem;
  }
  .itemsPage.itemsDetails .mainText__single--mv {
    margin-bottom: 4rem;
    display: block;
  }
  .itemsPage.itemsDetails .mainText__single--mv .mainText__photo {
    width: 100%;
  }
  .itemsPage.itemsDetails .mainText__single--mv .mainText__photo p {
    line-height: 1.8rem;
  }
  .itemsPage.itemsDetails .mainText__single--mv .mainText__text {
    width: 100%;
  }
  .itemsPage.itemsDetails .mainText__single--leftImg, .itemsPage.itemsDetails .mainText__single--rightImg {
    display: block;
    margin-bottom: 4rem;
  }
  .itemsPage.itemsDetails .mainText__single--leftImg .mainText__photo, .itemsPage.itemsDetails .mainText__single--rightImg .mainText__photo {
    width: 100%;
  }
  .itemsPage.itemsDetails .mainText__single--leftImg .mainText__text, .itemsPage.itemsDetails .mainText__single--rightImg .mainText__text {
    width: 100%;
  }
  .itemsPage.itemsDetails .mainText__photo {
    margin-bottom: 3rem;
  }
  .itemsPage.itemsDetails .mainText aside {
    display: block;
    margin-top: 5.5rem;
  }
  .itemsPage.itemsDetails .mainText aside .foldBox {
    width: 100%;
  }
  .itemsPage.itemsDetails .mainText aside .foldBox:not(:last-of-type) {
    margin-bottom: 3rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption, .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure, .itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-image figcaption, .detailsPage .wp_cnt_block .wp-block-media-text figure, .detailsPage .wp_cnt_block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
    max-width: 75%;
    margin: 0 auto;
    line-height: 1.8rem;
  }
  .itemsPage.itemsDetails .wpContent__block h2 {
    margin: 0 0 2.5rem;
    font-weight: 500;
  }
  .itemsPage.itemsDetails .wpContent__block h3 {
    line-height: 3.2rem;
    margin: 4.5rem 0;
  }
  .itemsPage.itemsDetails .wpContent__block h4 {
    line-height: 3rem;
    margin: 4rem 0;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-image {
    margin: 3.5rem auto 2rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-image figcaption {
    margin-top: 2rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text {
    margin: 3.5rem auto 2rem;
    display: block;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text:after {
    content: "";
    display: block;
    clear: both;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure {
    max-width: none;
    margin-right: 3.5rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text figure img {
    margin-bottom: 1rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text .wp-block-media-text__content {
    width: auto;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-media-text.has-media-on-the-right figure {
    margin-right: 0;
    margin-left: 3.5rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery {
    margin: 3.5rem auto 2rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
    width: calc(50% - 1.75rem);
    margin-bottom: 2rem;
  }
  .itemsPage.itemsDetails .wpContent__block .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
    margin-top: 1rem;
    font-weight: 500;
    max-width: none;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-item {
    padding: 0;
    float: none !important;
    margin-top: 1rem !important;
    text-align: center;
    width: calc(50% - 1.75rem) !important;
    margin-bottom: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-icon + .gallery-caption {
    margin-top: 1rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail .gallery-caption {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail img {
    border: none !important;
  }
  .wp_cnt_block .gallery.gallery-size-thumbnail > br {
    display: none;
  }
  .wp_cnt_block .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .wp_cnt_block .wp-caption {
    max-width: 100%;
    text-align: center;
  }
  .itemsPage.itemsDetails .wpContent__block table {
    margin: 3.5rem auto 2rem;
  }
  .itemsPage.itemsDetails .ingredient table {
    width: 100%;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
  }
  .itemsPage.itemsDetails .ingredient table tr th, .itemsPage.itemsDetails .ingredient table tr td {
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    color: #151515;
    padding: 0.9rem 1.3rem 1rem;
    vertical-align: middle;
    line-height: 2rem;
    letter-spacing: 0.5px;
  }
  .itemsPage.itemsDetails .ingredient table tr th {
    text-align: center;
    font-weight: 700;
    background-color: #F5F5F5;
    letter-spacing: 1.5px;
  }
  .itemsPage.itemsDetails .ingredient table tr td {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .itemsPage.itemsDetails .ingredient table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage.itemsDetails .ingredient table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .itemsPage.itemsDetails .ingredient table th, .itemsPage.itemsDetails .ingredient table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .itemsPage.itemsDetails .ingredient table tr th, .itemsPage.itemsDetails .ingredient table tr td {
    width: 50%;
  }
  .itemsPage.itemsDetails .ingredient table tr td {
    padding: 1.4rem 2.5rem 1.4rem;
    letter-spacing: 1.5px;
  }
  .itemsPage.itemsDetails .lineup {
    margin-bottom: 2.5rem;
  }
  .itemsPage.itemsDetails .lineup .title--obi {
    margin-bottom: 0.5rem;
  }
  .itemsPage.itemsDetails .lineup .column--item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage.itemsDetails .lineup .column--item4 .column__single {
    width: calc((100% - 1.1rem) / 2);
    margin-bottom: 2rem;
  }
  .itemsPage.itemsDetails .pageInner.pageInner01 {
    margin-bottom: 4.5rem;
  }
  .itemsPage.itemsDetails .pageInner.pageInner02 {
    margin-bottom: 4rem;
  }
  .itemsPage.itemsSearch .pageSearch--head {
    margin-bottom: 2rem;
  }
  .itemsPage.itemsSearch .pageSearch--head .pageSearch__form {
    margin-top: 0;
  }
  .itemsPage.itemsSearch .pageInner {
    margin-bottom: 4.5rem;
  }
  .itemsPage.itemsSearch .lineup {
    margin-bottom: 4.5rem;
  }
  .itemsPage.itemsSearch .lineup .column--item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .itemsPage.itemsSearch .lineup .column--item4 .column__single {
    width: calc((100% - 1.1rem) / 2);
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .newsPage.newsFront .headArea {
    margin-bottom: 4.5rem;
  }
  .newsPage.newsFront .news__main .news__single {
    padding-bottom: 2.6rem;
  }
  .newsPage.newsFront .news__main .news__single:not(:last-child) {
    margin-bottom: 1.8rem;
  }
  .newsPage.newsFront .news__main .news__single dt {
    width: 100%;
  }
  .newsPage.newsFront .news__main .news__single dd {
    max-width: none;
  }
  .newsPage.newsFront .selectBtn {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .shopsPage.shopsFront .headArea,
  .shopsPage.shopsSearch .headArea {
    margin-bottom: 3.5rem;
  }
  .shopsPage.shopsFront .pageSearch,
  .shopsPage.shopsSearch .pageSearch {
    margin-bottom: 4rem;
  }
  .shopsPage.shopsFront .areaSearch--myStore,
  .shopsPage.shopsSearch .areaSearch--myStore {
    margin-bottom: 4rem;
  }
  .shopsPage.shopsSearch .notText {
    margin-bottom: 4.5rem;
    text-indent: -1.8rem;
    padding-left: 1.8rem;
  }
  .areaSearch__title {
    margin-bottom: 2.5rem;
    font-weight: 500;
  }
  .areaSearch__single:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .areaSearch__details {
    display: block;
    width: 100%;
    border: 1px solid #D6D6D6;
  }
  .areaSearch__details thead {
    display: none;
  }
  .areaSearch__details tbody {
    display: block;
  }
  .areaSearch__details tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #D6D6D6;
  }
  .areaSearch__details tbody tr, .areaSearch__details tbody td {
    display: block;
    width: 100%;
  }
  .areaSearch__details tbody tr {
    padding: 3rem 3rem 2rem;
  }
  .areaSearch__details tbody tr td {
    padding: 0;
  }
  .areaSearch__details tbody p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .areaSearch__details tbody p.name img {
    width: auto;
  }
  .areaSearch__details tbody .btn {
    margin: 2.2rem 0 1.3rem;
  }
  .areaSearch__details tbody .flyerBtn {
    margin-right: 0.5rem;
  }
  .areaSearch__details tbody .mapBtn {
    margin-bottom: 1.5rem;
  }
  .areaSearch__details tbody dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0.4rem;
  }
  .areaSearch__details tbody dl dt {
    display: block;
    width: 29%;
    font-weight: 700;
    letter-spacing: 1.3px;
  }
  .areaSearch__details tbody dl dd {
    letter-spacing: 0.7px;
    width: 71%;
  }
  .areaSearch__details tbody dl dd ul {
    padding-top: 0.8rem;
  }
  .areaSearch__iconlist {
    padding: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 2rem;
  }
  .areaSearch__iconlist li {
    width: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .shopsPage.shopsDetails .headArea {
    padding-bottom: 0;
    padding-right: 0;
    margin-bottom: 50px;
  }
  .shopsPage.shopsDetails .colorBackArea__inner {
    padding: 5rem 0 4.5rem;
  }
  .shopsPage.shopsDetails .colorBackArea .news {
    margin-bottom: 4rem;
  }
  .shopsPage.shopsDetails .colorBackArea .registeredStore02 {
    margin-bottom: 0;
  }
  .shopsPage.shopsDetails .pageInner {
    margin-bottom: 4rem;
  }
  .shopsPage.shopsDetails .pageInner .flex {
    display: block;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation {
    padding-top: 5rem;
    margin-bottom: 5rem;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation .flex {
    display: block;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation__map {
    width: 100%;
    height: 18rem;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation__details {
    width: 100%;
    margin-top: 20px;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation__details a[href*="tel:"] {
    text-decoration: underline;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation__details .mapBtn {
    margin-top: 2rem;
    padding-right: 1.7rem;
  }
  .shopsPage.shopsDetails .pageInner .storeInformation__details .mapBtn::after {
    right: 3rem;
  }
  .shopsPage.shopsDetails .pageInner .noticeFromTheStore {
    margin-bottom: 4.5rem;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li, .shopsPage.shopsDetails .pageInner .service__list li {
    width: 50%;
    padding-left: 2%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li img, .shopsPage.shopsDetails .pageInner .service__list li img {
    width: auto;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li p, .shopsPage.shopsDetails .pageInner .service__list li p {
    width: 80%;
    line-height: 1.4rem;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li p span, .shopsPage.shopsDetails .pageInner .service__list li p span {
    font-size: 1rem;
  }
  .shopsPage.shopsDetails .pageInner .service {
    margin-bottom: 5rem;
  }
  .shopsPage.shopsDetails .pageInner .service__list .textLeft p {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
  }
  .shopsPage.shopsDetails .pageInner .recycle {
    margin-bottom: 4.5rem;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li p {
    width: 75%;
    line-height: 2rem;
    padding-right: 0;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li.textSmall p {
    width: 75%;
    padding-right: 0;
  }
  .shopsPage.shopsDetails .pageInner .recycle__list li.textSmall p span {
    font-size: 1.4rem;
  }
  .shopsPage.shopsDetails .pageInner .card,
  .shopsPage.shopsDetails .pageInner .qr {
    width: 100%;
  }
  .shopsPage.shopsDetails .pageInner .card {
    margin-bottom: 4rem;
  }
  .shopsPage.shopsDetails .thumbnailBanner {
    padding: 0;
    margin-bottom: 5rem;
  }
  .shopsPage.shopsDetails .topics {
    padding: 0;
    width: 84%;
    margin: 0 auto;
  }
  .shopsPage.shopsDetails .topics__link {
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .dealsPage.dealsFront .headArea {
    margin-bottom: 4rem;
  }
  .dealsPage.dealsFront .campaign {
    padding: 0;
    margin-bottom: 6rem;
  }
  .dealsPage.dealsFront .campaign__title {
    padding-left: 4rem;
    margin-bottom: 0;
  }
  .dealsPage.dealsFront .campaign__read {
    letter-spacing: -0.3px;
  }
  .dealsPage.dealsFront .campaign__sliderBoxBtn {
    margin-top: 2.5rem;
  }
  .dealsPage.dealsFront .campaign__sliderBoxBtn::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .dealsPage.dealsFront .campaign .slick-arrow {
    top: 8.5rem;
  }
  .dealsPage.dealsFront .colorBackArea {
    padding-top: 4.7rem;
    padding-bottom: 3rem;
    margin-bottom: 4.5rem;
  }
  .dealsPage.dealsFront .service__title {
    padding-left: 4rem;
  }
  .dealsPage.dealsFront .service__main {
    margin-bottom: -3rem;
  }
  .dealsPage.dealsFront .service__main .column__photo {
    height: 26.6666666667vw;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .dealsPage.dealsFront .service__main .column__photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    top: 55%;
  }
  .dealsPage.dealsFront .service__main .column__details p.title {
    margin-bottom: 1rem;
    display: inline-block;
    position: relative;
    padding-right: 1.7rem;
  }
  .dealsPage.dealsFront .service__main .column__details p.title::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_red.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    -webkit-transition: right ease 0.3s;
    transition: right ease 0.3s;
  }
  .dealsPage.dealsFront .service__main .long .column__photo img {
    top: 60%;
  }
  .dealsPage.detailsPage.style01 .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.detailsPage.style01 .headArea__title {
    margin-bottom: 2rem;
  }
  .dealsPage.dealsCampaign .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsCampaign .campaignFront {
    padding: 0;
    width: 84%;
    margin: 0 auto;
    margin-bottom: -2rem;
  }
  .dealsPage.dealsCampaign .campaignFront__title {
    display: block;
    margin-bottom: 2.8rem;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText {
    font-size: 1.5rem;
    line-height: 2.6rem;
    padding: 0;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText::before, .dealsPage.dealsCampaign .campaignFront__titleText::after {
    content: none;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText span {
    font-size: 1.9rem;
    letter-spacing: 1.3px;
    position: relative;
    padding: 0 3.5rem;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText span::before, .dealsPage.dealsCampaign .campaignFront__titleText span::after {
    position: absolute;
    top: 0;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText span::before {
    content: "";
    display: block;
    background-image: url("../img/head_line_left.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 28.214px 28.215px;
    width: 28.214px;
    height: 28.215px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    left: 0;
  }
  .dealsPage.dealsCampaign .campaignFront__titleText span::after {
    content: "";
    display: block;
    background-image: url("../img/head_line_right.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 28.214px 28.215px;
    width: 28.214px;
    height: 28.215px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    right: 0;
  }
  .dealsPage.dealsCampaign .campaignFront__list .column__single {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsPresent .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsPresent .presentFront__read {
    letter-spacing: 0.8px;
    margin-bottom: 4rem;
  }
  .dealsPage.detailsPage.style02 .headArea {
    margin-bottom: 3.5rem;
  }
  .dealsPage.detailsPage.style02 .headArea__title {
    margin-bottom: 1.2rem;
  }
  .dealsPage.dealsService .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsService .serviceFront .anchorLink {
    margin-bottom: 5rem;
  }
  .dealsPage.dealsNetshop .headArea {
    margin-bottom: 3.5rem;
  }
  .dealsPage.dealsMedia .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsMedia .mediaFront .anchorLink {
    margin-bottom: 5rem;
  }
  .dealsPage.dealsMedia .twoColumn__detailsBox .downloadBtn {
    margin-bottom: 4.5rem;
  }
  .dealsPage.dealsMedia .twoColumn__detailsBox .adobeBox {
    margin-bottom: 4.5rem;
  }
  .dealsPage.dealsMedia .twoColumn__detailsBox .bannerBox {
    margin: 2.2rem auto 5rem;
  }
  .dealsPage.dealsMedia .twoColumn__detailsBox .linkBox__photo {
    height: 3.6rem;
    width: 3.6rem;
  }
  .dealsPage.dealsMedia .twoColumn__detailsBox .linkBox__details {
    width: calc(100% - 5.1rem);
  }
  .dealsPage.dealsApp .headArea {
    margin-bottom: 3.5rem;
  }
  .dealsPage.dealsApp .app__btn {
    background-color: #fff;
    color: #DA291C;
    max-width: 27.5rem;
    height: 6.5rem;
    margin: 1.5rem auto 0;
    letter-spacing: 1px;
    line-height: 2.1rem;
    position: relative;
    padding-right: 2rem;
  }
  .dealsPage.dealsApp .app__btn::after {
    background-image: url(../img/icon_blank_red.svg);
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.2rem;
  }
  .dealsPage.dealsApp .downloadBox {
    margin: 3rem auto 0;
    padding: 3rem 1.9rem 3.8rem;
  }
  .dealsPage.dealsApp .downloadBox__title {
    height: auto;
    padding-left: 0;
    margin-bottom: 1rem;
  }
  .dealsPage.dealsApp .downloadBox__title img {
    height: auto;
    width: 100%;
  }
  .dealsPage.dealsApp .downloadBox__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .dealsPage.dealsApp .downloadBox__flex--list01 {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .dealsPage.dealsApp .downloadBox__flex--list01 a {
    display: block;
    width: 20.8rem;
    margin: 0 auto;
  }
  .dealsPage.dealsApp .downloadBox__flex--list02, .dealsPage.dealsApp .downloadBox__flex--list03 {
    width: 46.3%;
    padding-bottom: 0;
  }
  .dealsPage.dealsApp .downloadBox__flex--list02 p, .dealsPage.dealsApp .downloadBox__flex--list03 p {
    font-size: 1.5rem;
  }
  .dealsPage.dealsApp .downloadBox__flex--list02 a, .dealsPage.dealsApp .downloadBox__flex--list03 a {
    display: block;
  }
  .dealsPage.dealsMemberscard .headArea {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsMemberscard .anchorLink__list {
    padding: 0;
  }
  .dealsPage.dealsMemberscard .memberscardFront .anchorLink {
    margin-bottom: 3rem;
  }
  .dealsPage.dealsMemberscard .numOl {
    display: block;
  }
  .dealsPage.dealsMemberscard .numOl li {
    width: 100%;
  }
  .dealsPage.dealsMemberscard .numOl li:nth-child(2) {
    letter-spacing: 0;
  }
  .dealsPage.dealsMemberscard .banner {
    margin-top: 1rem;
    margin-bottom: 0 !important;
  }
  .dealsPage.dealsMemberscard #serviceContents03 p + p.attention {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 2rem;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 767px) {
  .contactForm .headArea {
    margin-bottom: 6.5rem;
  }
  .contactForm .pageInner {
    width: 100%;
  }
  .contactForm .form__flow {
    width: 84%;
    margin: 0 auto;
    margin-bottom: 2.5rem;
  }
  .contactForm .form__flowStep {
    width: 6rem;
    height: 6rem;
  }
  .contactForm .form__flowStep:not(:last-of-type) {
    margin-right: 3rem;
  }
  .contactForm .form__flowStep:not(:last-of-type)::after {
    width: calc(100% + 3rem);
    bottom: 2.9rem;
  }
  .contactForm .form__read {
    width: 84%;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }
  .contactForm .form__read p {
    text-align: left;
  }
  .contactForm .form__read p.title {
    text-align: center;
    margin: 0 0 3.4rem;
    padding: 1.4rem 0 0;
  }
  .contactForm .form__read .topBtn {
    max-width: 31.5rem;
    margin: 2.5rem auto 0;
  }
  .contactForm .form__read .topBtn::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .contactForm .form__banner {
    width: 84%;
    margin: 0 auto;
    margin-bottom: 6rem;
  }
  .contactForm .form__box {
    padding: 4.8rem 0 5rem;
  }
  .contactForm .form__main {
    width: 84%;
    margin: 0 auto;
  }
  .contactForm .form__main dl {
    display: block;
  }
  .contactForm .form__main dl:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .contactForm .form__main dl dt {
    margin-bottom: 1.5rem;
    display: inline-block;
    position: relative;
    padding: 0 4.8rem 0 0;
    width: auto;
  }
  .contactForm .form__main dl dd {
    width: 100%;
  }
  .contactForm .form__main dl .required {
    margin: 0 0 0 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
  }
  .contactForm .form__main input:not([type=file]),
  .contactForm .form__main select,
  .contactForm .form__main textarea {
    padding: 1.4rem;
  }
  .contactForm .form__main textarea {
    margin-bottom: 3rem;
  }
  .contactForm .form__main .mwform-radio-field:not(:last-of-type) {
    margin: 0 0 0.7rem;
    display: block;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
  .contactForm .form__main .privacy {
    margin-top: 0;
  }
  .contactForm .form__main .privacy dt {
    margin-bottom: 0;
  }
  .contactForm .form__main .radio {
    margin-bottom: 2.5rem;
  }
  .contactForm .form__main .checkbox {
    padding-top: 0.7rem;
  }
  .contactForm .form__main .birthday select {
    width: 5rem;
    margin: 0 1rem;
  }
  .contactForm .form__main .birthday select:nth-child(1) {
    width: 7rem;
    margin-left: 0;
  }
  .contactForm .form__main .postNum span input {
    width: 8rem;
  }
  .contactForm .form__main .shopName {
    display: block;
    padding-top: 0;
    margin-bottom: 1.5rem;
  }
  .contactForm .form__main .shopName__input {
    margin: 0 0 1rem;
  }
  .contactForm .form__main .shopName__text {
    letter-spacing: 1px;
  }
  .contactForm .form__main .file .file__text {
    margin-bottom: 1rem;
  }
  .contactForm .form__main .file .file__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .contactForm .form__main .file .file__input input {
    font-size: 1.4rem !important;
  }
  .contactForm .form__main .file .file__input:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .contactForm .form__btn {
    margin-top: 3rem;
  }
  .contactForm .form__btn button.submit,
  .contactForm .form__btn a.submit {
    max-width: 31.5rem;
  }
  .contactForm .form__btn button.submit::after,
  .contactForm .form__btn a.submit::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .contactForm .mw_wp_form_confirm .form__main dl:not(:last-of-type) {
    margin-bottom: 2.5rem;
  }
  .contactForm .mw_wp_form_confirm .form__main dl dt {
    margin-bottom: 0.5rem;
  }
  .contactForm .mw_wp_form_confirm .form__main dl dd {
    line-height: 3rem;
  }
  .contactForm .mw_wp_form_confirm .form__btn {
    margin-top: 2rem;
  }
  .contactForm .mw_wp_form_confirm .form__btn button.submit,
  .contactForm .mw_wp_form_confirm .form__btn a.submit {
    margin-bottom: 2rem;
  }
  .contactPage .headArea {
    margin-bottom: 3.5rem;
  }
  .contactPage .headArea__title {
    letter-spacing: 0;
  }
  .contactPage .contactFront .linkList {
    display: block;
  }
  .contactPage .contactFront .linkList__single {
    width: 100%;
    border: 1px solid #D6D6D6;
    padding: 2rem 5.3% 1.7rem;
  }
  .contactPage .contactFront .linkList__single:not(:last-of-type) {
    border-bottom: none;
  }
  .contactPage .contactFront .linkList__inner {
    min-height: auto;
    padding-bottom: 0;
  }
  .contactPage .contactFront .linkList__photo {
    margin-bottom: 2rem;
  }
  .contactPage .contactFront .linkList__btn {
    margin-top: 2rem;
    position: static;
  }
  .contactPage .contactFront .linkList__btn::after {
    margin-left: 1rem;
    opacity: 1;
  }
  .contactPage .contactFront .linkList__btn.blank::after {
    margin-left: 0.4rem;
  }
  .contactPage .contactFront .subBox {
    margin-top: 5rem;
  }
  .contactPage .contactFront .subBox__single {
    padding-bottom: 2.7rem;
  }
  .contactPage .contactFront .subBox__single:not(:last-of-type) {
    margin-bottom: 3rem;
  }
  .contactPage .contactFront .subBox__title {
    margin-bottom: 1.5rem;
  }
  .contactPage .contactFront .subBox__btn {
    max-width: none;
    margin-top: 1.5rem;
  }
  .contactPage .contactFront .subBox__btn::after {
    content: "";
    display: block;
    background-image: url("../img/arrow_right_white.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.93px 7.89125px;
    width: 15.93px;
    height: 7.89125px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-left: 1rem;
  }
  .contactPage.contactFaq .headArea {
    margin-bottom: 4.4rem;
  }
  .contactPage.contactFaq .anchorLink02 {
    margin-bottom: 6rem;
  }
  .contactPage.contactFaq .anchorLink02__list {
    border-top: 2px solid #DA291C;
    border-left: 2px solid #DA291C;
  }
  .contactPage.contactFaq .anchorLink02__list li {
    width: 50%;
    margin-bottom: 0;
  }
  .contactPage.contactFaq .anchorLink02__list li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .contactPage.contactFaq .anchorLink02__list li a {
    border: none;
    border-bottom: 2px solid #DA291C;
    border-right: 2px solid #DA291C;
    border-radius: 0;
    height: 5.8rem;
    padding: 0 0.5rem 0 4rem;
    letter-spacing: 0px;
  }
  .contactPage.contactFaq .anchorLink02__list li a::after {
    content: none;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list01 {
    background-position: left 1.4rem center;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list02 {
    background-position: left 1.1rem center;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list03 {
    background-position: left 1.2rem center;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list04 {
    background-position: left 1.2rem center;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list05 {
    background-position: left 1.4rem center;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list06 {
    background-position: left 1.4rem center;
    background-size: 14.87px auto;
    padding: 0 0.5rem 0 3.3rem;
    letter-spacing: -0.5px;
  }
  .contactPage.contactFaq .anchorLink02__list li a.list07 {
    background-position: left 1.1rem center;
  }
  .contactPage.contactFaq .twoColumn__single:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  .contactPage.contactFaq .twoColumn__title {
    width: 100%;
  }
  .contactPage.contactFaq .twoColumn__detailsBox p {
    letter-spacing: 1.45px;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .contactPage.contactFaq .twoColumn__detailsBox p.dot {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
  }
  .contactPage.contactFaq .twoColumn__detailsBox a[href*="tel:"] {
    text-decoration: underline;
  }
  .contactPage.contactFaq .faqArea {
    margin: 0;
  }
  .contactPage.contactFaq .faqArea__title {
    font-size: 1.5rem;
    padding: 1.6rem 3rem 1.6rem 5rem;
    letter-spacing: 0.8px;
    line-height: 2.1rem;
    background-position: right 1.3rem center;
  }
  .contactPage.contactFaq .faqArea__title::before {
    left: 2rem;
  }
  .contactPage.contactFaq .faqArea__details {
    padding: 2rem 0 0 3.6rem;
  }
  .contactPage.contactFaq .faqArea__details::before {
    left: 0;
  }
  .contactPage.contactFaq .faqArea .imgArea {
    margin-top: 3rem;
  }
  .contactPage.contactFaq .faqArea .imgArea p {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #868686;
    letter-spacing: 0;
    font-weight: 700;
  }
  .contactPage.contactFaq .faqArea .imgArea p span {
    font-size: 1rem;
    color: #151515;
    letter-spacing: -0.2px;
  }
  .contactPage.contactFaq #faq01 .twoColumn__title {
    background: url(../img/contact/faq_icon01.svg) no-repeat left top;
  }
  .contactPage.contactFaq #faq02 .twoColumn__title {
    background: url(../img/contact/faq_icon02.svg) no-repeat left top 0.5rem;
  }
  .contactPage.contactFaq #faq03 .twoColumn__title {
    background: url(../img/contact/faq_icon03.svg) no-repeat left top 0.8rem;
  }
  .contactPage.contactFaq #faq04 .twoColumn__title {
    background: url(../img/contact/faq_icon04.svg) no-repeat left top 0.4rem;
  }
  .contactPage.contactFaq #faq05 .twoColumn__title {
    background: url(../img/contact/faq_icon05.svg) no-repeat left top 1rem;
  }
  .contactPage.contactFaq #faq06 .twoColumn__title {
    background: url(../img/contact/faq_icon06.svg) no-repeat left top 0.4rem;
  }
  .contactPage.contactFaq #faq07 .twoColumn__title {
    padding-left: 3.7rem;
    background: url(../img/contact/faq_icon07.svg) no-repeat left top 0.3rem;
  }
  .recruitPage .headArea {
    margin-top: 0;
  }
  .recruitPage .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 27.5rem;
    height: 5rem;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  .recruitPage .tel span {
    font-size: 1.6rem;
    margin-right: 0.7rem;
    padding-left: 2.3rem;
  }
  .recruitPage .tel span::before {
    content: "";
    display: block;
    background-image: url("../img/icon_tel02_red.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
    margin-top: 0.1rem;
  }
  .recruitPage .web {
    max-width: 27.5rem;
    height: 5rem;
    letter-spacing: 0.5px;
  }
  .recruitPage .web::before {
    content: "";
    display: block;
    background-image: url("../img/icon_mail02_white.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 17px 12.0888888889px;
    width: 17px;
    height: 12.0888888889px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
  }
  .recruitPage .icon {
    font-size: 1.4rem;
    width: 5.5rem;
    height: 2.6rem;
    padding: 0.2rem 0 0 0.4rem;
    margin-right: 1.4rem;
    letter-spacing: 1px;
  }
  .recruitPage .jobArea__flex {
    display: block;
  }
  .recruitPage .jobArea__one.one01 {
    width: 100%;
    margin-bottom: 2rem;
  }
  .recruitPage .jobArea__one.one02 {
    width: 100%;
  }
  .recruitPage .jobArea__one.one02 .jobArea__item {
    width: 100%;
  }
  .recruitPage .jobArea__box:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .recruitPage .jobArea__name {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .recruitPage .jobArea__item {
    height: 6rem;
    width: calc(50% - 0.5rem);
    margin-bottom: 1rem;
  }
  .recruitPage .jobArea__item:not(:nth-child(2n+1)) {
    margin-right: 1rem;
  }
  .recruitPage .jobArea__item .mwform-checkbox-field-text {
    font-size: 1.6rem;
  }
  .recruitPage .jobArea__item .mwform-checkbox-field-text .smallText {
    margin-top: 0.5rem;
  }
  .recruitPage .jobArea__item.full {
    height: 6rem;
  }
  .recruitPage.recruitFront .titleArea {
    height: auto;
    min-height: 37.5rem;
    padding: 0;
    background: none;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitFront .titleArea__inner {
    width: 84%;
    margin: 0 auto;
    display: block;
    height: 100%;
    position: relative;
    top: -2.7rem;
    margin-bottom: -2.7rem;
  }
  .recruitPage.recruitFront .titleArea__title {
    height: 5.4rem;
    font-size: 2rem;
    line-height: 2.9rem;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitFront .titleArea__title.sub {
    height: auto;
    margin-top: 3rem;
    margin-bottom: 1rem;
    background-color: transparent;
    color: rgba(218, 41, 28, 0.9);
    font-size: 1.8rem;
  }
  .recruitPage.recruitFront .titleArea__list {
    display: block;
  }
  .recruitPage.recruitFront .titleArea__list.internship {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .recruitPage.recruitFront .titleArea__list li {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  }
  .recruitPage.recruitFront .titleArea__list li:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
  .recruitPage.recruitFront .titleArea__list li a {
    font-size: 1.8rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) {
    width: 100%;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) a {
    min-height: 6rem;
    position: relative;
    padding-left: 3.3rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) a img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 2rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit) a span {
    display: inline;
    display: contents;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon01 a img {
    margin: 0;
    width: 3.331rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon02 a img {
    margin: 0;
    width: 3.035rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon03 a {
    letter-spacing: 0px;
    padding-left: 5rem;
  }
  .recruitPage.recruitFront .titleArea__list li:not(.iconRecruit).icon03 a img {
    margin: 0;
    width: 2.871rem;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit {
    margin-top: 0;
    margin-bottom: 0;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 6rem;
    letter-spacing: 0;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a p {
    font-size: 1.5rem;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a p span {
    font-size: 1.1rem;
    margin: 0;
    letter-spacing: 2.2px;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a img {
    width: 100%;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a img.rikunabi {
    max-width: 12rem;
  }
  .recruitPage.recruitFront .titleArea__list li.iconRecruit a img.mynavi {
    max-width: 11rem;
  }
  .recruitPage.recruitFront .headArea__pnkz {
    margin-bottom: 4.7rem;
    height: auto;
    display: block;
    margin-top: 1.6rem;
  }
  .recruitPage.recruitFront .topics h2 {
    margin-bottom: 3.3rem;
  }
  .recruitPage.recruitFront .topics h2 span {
    font-size: 2rem;
    padding: 0 3.5rem;
    letter-spacing: 1px;
  }
  .recruitPage.recruitPartner .titleArea {
    padding: 0;
    background: url(../img/recruit/partner_mvbgSP.png) no-repeat center;
    background-size: cover;
    height: auto;
    min-height: 37.5rem;
  }
  .recruitPage.recruitPartner .titleArea::before {
    background: url(../img/recruit/partner_img01SP.png) no-repeat right -13px top 2rem;
    background-size: 10.7rem auto;
  }
  .recruitPage.recruitPartner .titleArea__inner {
    width: 84%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
  }
  .recruitPage.recruitPartner .titleArea__title {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3rem;
    letter-spacing: 0;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartner .titleArea__text--title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0;
    margin-bottom: 1.3rem;
  }
  .recruitPage.recruitPartner .titleArea__text--read {
    -moz-text-align-last: left;
         text-align-last: left;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 1.5px;
  }
  .recruitPage.recruitPartner .titleArea__btn {
    width: 100%;
    max-width: 31.5rem;
    height: 6rem;
    font-size: 1.5rem;
    font-weight: 500;
    background-image: url(../img/icon_map_red.png);
    background-position: left 9.5rem center;
    background-position: left 6rem center;
    background-size: 17.09px auto;
    margin-top: 1.3rem;
  }
  .recruitPage.recruitPartner .headArea__pnkz {
    margin-bottom: 4.7rem;
    height: auto;
    display: block;
    margin-top: 1.6rem;
  }
  .recruitPage.recruitPartner .search__title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
  }
  .recruitPage.recruitPartner .search__title span {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9rem;
  }
  .recruitPage.recruitPartner .areaSearch {
    margin-bottom: 3rem;
  }
  .recruitPage.recruitPartner .areaSearch .search__title {
    background-size: 15.54px auto;
    padding-left: 2.2rem;
    margin-bottom: 1.5rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__flex {
    display: block;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__box {
    padding: 2rem 2rem 1rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__box:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one01 {
    width: 100%;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 {
    width: 100%;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 .jobArea__box {
    padding: 2rem 2rem 1rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__one.one02 .jobArea__item {
    width: 100%;
    margin-right: 0;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__details {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__item {
    height: 6rem;
    width: calc(50% - 0.5rem);
    font-size: 1.6rem;
  }
  .recruitPage.recruitPartner .areaSearch .jobArea__item.full {
    height: 5rem;
  }
  .recruitPage.recruitPartner .typeSearch {
    margin-bottom: 3.3rem;
  }
  .recruitPage.recruitPartner .typeSearch .search__title {
    background-size: 14.61px auto;
    padding-left: 2.2rem;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single {
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single a {
    height: 6rem;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.7rem;
  }
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single a::after {
    right: 2rem;
  }
  .recruitPage.recruitPartner .typeSearch .column--item3 .column__single p {
    line-height: 1.6rem;
    letter-spacing: 0.5px;
  }
  .recruitPage.recruitPartner .occupationSearch {
    margin-bottom: 0;
  }
  .recruitPage.recruitPartner .occupationSearch .search__title {
    background-size: 15.22px auto;
    padding-left: 2.3rem;
    margin-bottom: 1.5rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single {
    margin-bottom: 1rem !important;
    width: calc((100% - 1.1rem) / 2);
    margin-bottom: 2.5rem !important;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main {
    padding-left: 40%;
    height: 7rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img {
    left: 14%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate01,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate01 {
    width: 3.6rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate02,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate02 {
    width: 4.165rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate03,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate03 {
    width: 3.578rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate04,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate04 {
    width: 3.85rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate05,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate05 {
    width: 3.515rem;
    left: 12%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate06,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate06 {
    width: 4.55rem;
    left: 12%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate07,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate07 {
    width: 3.082rem;
    left: 13%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate08,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate08 {
    width: 3.013rem;
    left: 17%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate09,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate09 {
    width: 2.867rem;
    left: 17%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate10,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate10 {
    width: 3.187rem;
    left: 11%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate11,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate11 {
    width: 3.088rem;
    left: 17%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main {
    padding-left: 40%;
    margin-bottom: 0.7rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a.cate10Link,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main.cate10Link {
    padding-left: 35%;
    padding-right: 0.5rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate09,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate09 {
    left: 13%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a img.cate06,
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single .column__main img.cate06 {
    width: 4.529rem;
    left: 10%;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single a .small {
    font-size: 1.3rem;
  }
  .recruitPage.recruitPartner .occupationSearch .column--item3 .column__single p {
    line-height: 1.6rem;
    letter-spacing: 0.5px;
  }
  .recruitPage.recruitPartner .wordSearch .search__title {
    background-position: left center;
    background-size: 17.48px auto;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 1.7rem;
    padding: 0 0 0 2.3rem;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__inner {
    padding: 1.5rem 0 0;
    display: block;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__inner:last-child {
    padding: 1rem 0 1.5rem;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__text {
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__form {
    max-width: none;
    margin: 0.6rem 0 0;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__input--text {
    padding: 0 1.5rem;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__keyword {
    margin: 0.4rem 0 0;
    max-width: none;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__keyword li {
    margin-bottom: 0.5rem;
  }
  .recruitPage.recruitPartner .wordSearch .pageSearch__keyword li a {
    height: 3.1rem;
    padding: 0 1.1rem;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .recruitPage.recruitPartnerJobs .headArea {
    margin-bottom: 4.5rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore {
    margin-bottom: 4.7rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__head {
    display: block;
    padding: 1.7rem 2rem 2rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__title {
    background-size: 1.883rem auto;
    background-position: left top 3px;
    letter-spacing: 0.5px;
    margin: 0 0 0.9rem;
    width: 100%;
  }
  .recruitPage.recruitPartnerJobs .searchMore__title span {
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 1rem 0 0;
    display: block;
    text-indent: -2.6rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__positionBtn {
    width: 100%;
    max-width: 27.5rem;
    background-size: 16.81px auto;
    margin: 0 auto;
    letter-spacing: 0.7px;
    padding-left: 2.5rem;
    background-position: left 4.5rem center;
  }
  .recruitPage.recruitPartnerJobs .searchMore__main {
    padding: 1.3rem 1.6rem 1.4rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__item {
    display: block;
    margin: 0 auto;
  }
  .recruitPage.recruitPartnerJobs .searchMore__item:not(:last-of-type) {
    margin: 0 auto 2rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemTitle {
    width: 100%;
    margin-bottom: 1rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails {
    width: 100%;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .flex {
    display: block;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field {
    display: inline-block;
    margin-bottom: 0.3rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field:not(:last-of-type) {
    margin-right: 0.7rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field label {
    display: inline-block;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field input {
    display: none;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field input:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: -0.7rem;
    left: 0.6rem;
    width: 1rem;
    height: 2rem;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    border-bottom: 3px solid #DA291C;
    border-right: 3px solid #DA291C;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field .mwform-checkbox-field-text {
    font-size: 1.4rem;
    line-height: 1;
    color: #2C2C2C;
    display: inline-block;
    position: relative;
    padding-left: 2.5rem;
    cursor: pointer;
    vertical-align: baseline;
    padding-top: 0.1rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field .mwform-checkbox-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #D1D1D1;
    background: #fff;
    border-radius: 2px;
  }
  .recruitPage.recruitPartnerJobs .searchMore__itemDetails .mwform-checkbox-field:not(:last-of-type) {
    margin-right: 1.4rem;
    margin-bottom: 1rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__areaResult {
    margin: 1rem 0 0;
    width: 100%;
  }
  .recruitPage.recruitPartnerJobs .searchMore__submitBtn {
    max-width: 23.5rem;
    width: 100%;
    height: 5rem;
    margin: 2rem auto 0;
    padding-right: 1rem;
  }
  .recruitPage.recruitPartnerJobs .searchMore__submitBtn::before {
    margin-right: 1rem;
  }
  .recruitPage.recruitPartnerJobs .result__word {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 0.5rem;
    letter-spacing: 1px;
  }
  .recruitPage.recruitPartnerJobs .result__box {
    margin-top: 2.2rem;
  }
  .recruitPage.recruitPartnerJobs .result__single {
    padding: 2.2rem 2rem 2rem;
  }
  .recruitPage.recruitPartnerJobs .result__single:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartnerJobs .result__head {
    padding: 0 0 2rem;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartnerJobs .result__shopName a {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .recruitPage.recruitPartnerJobs .result__read {
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 1.6rem;
  }
  .recruitPage.recruitPartnerJobs .result__moreBtn {
    position: static;
    margin: 0 auto;
  }
  .recruitPage.recruitPartnerJobs .result__details dl dt {
    width: 8rem;
  }
  .recruitPage.recruitPartnerJobs .result__details dl dd {
    width: calc(100% - 8rem);
  }
  .recruitPage.recruitPartnerJobs .result__details .btn {
    display: block;
    margin-top: 2rem;
  }
  .recruitPage.recruitPartnerJobs .result__details .btn a {
    margin: 0 auto;
  }
  .recruitPage.recruitPartnerJobs .result__details .btn .tel {
    border: none;
    max-width: 25.5rem;
    width: 100%;
    margin-bottom: 1rem;
  }
  .recruitPage.recruitPartnerJobs .result__details .btn .web {
    max-width: 25.5rem;
    width: 100%;
  }
  .recruitPage.recruitPartnerJobs #jobsModal .modal_title {
    font-weight: 500;
    margin-bottom: 1rem;
  }
  .recruitPage.recruitPartnerJobs #jobsModal .modal_main {
    padding-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .recruitPage.recruitPartnerJobs #jobsModal .modal_main {
    max-height: calc(80vh - 4.7rem);
  }
}
@media screen and (max-width: 767px) {
  .recruitPage.recruitPartnerJobs #jobsModal .jobArea {
    height: calc(80vh - 12.7rem);
    overflow-y: scroll;
  }
  .recruitPage.recruitPartnerJobsDetails .headArea__pnkz {
    margin: 0 0 2.5rem;
    padding-top: 1.8rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__title--large {
    font-size: 2rem;
    line-height: 2.9rem;
    margin-bottom: 1.7rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__title--middle {
    font-size: 1.8rem;
    margin: 3.4rem 0 1.6rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__title--small {
    margin: 1.6rem 0 2.3rem;
    padding: 1.2rem 1.7rem 1.4rem;
    letter-spacing: 2px;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__read {
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.7px;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__keyword li {
    height: 3.1rem;
    padding: 0 1.2rem;
    margin-bottom: 0.6rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__keyword li:not(:last-of-type) {
    margin-right: 0.5rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__shopPhoto {
    width: 100%;
    margin-bottom: 2rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__shopText {
    width: 100%;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table dl dt {
    width: 8rem;
    padding: 1.4rem 0.5rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__shopText .table dl dd {
    width: calc(100% - 8rem);
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea__shopText .btn {
    margin-top: 2rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex {
    margin-top: 1.5rem;
    display: block;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex__one {
    width: 100%;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex__one.mapText {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex .map {
    width: 100%;
    height: 17.8rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex .detailArea__title--small {
    margin: 1.5rem 0;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flex + .detailArea__title--small {
    margin: 2rem 0 1.5rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .item {
    margin-bottom: 4rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .item dl:not(:last-of-type) {
    margin-bottom: 2rem;
    padding-bottom: 1.7rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .item dl dt {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .item dl dd {
    line-height: 2rem;
    letter-spacing: 0.7px;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow {
    margin: 3rem 0 0;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single {
    width: 34%;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:not(:last-of-type) .step__belt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #D6D6D6;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:not(:last-of-type) .step__belt::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 38px 0 38px 18px;
    border-color: transparent transparent transparent #fff;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:first-child, .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:nth-child(3n+1) {
    width: 32%;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:first-child .step__belt, .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__single:nth-child(3n+1) .step__belt {
    padding: 1rem 0 1rem 1rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__belt {
    min-height: 8rem;
    padding: 1rem 0.5rem 1rem 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__text--step {
    position: static;
    padding-top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .step__remarks {
    text-align: left;
    line-height: 1.8rem;
    margin: 1rem 0 0;
    padding: 0 0 0 1rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .btn {
    display: block;
    margin: 4rem 0 2.5rem;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .btn a {
    margin: 0 auto;
  }
  .recruitPage.recruitPartnerJobsDetails .detailArea .flow .btn a:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .recruitMidCareer .titleArea {
    height: auto;
    min-height: 37.5rem;
    padding: 0;
    background: url(../img/recruit/titleArea_bgSP.jpg) no-repeat center;
    background-size: cover;
  }
  .recruitMidCareer .titleArea__inner {
    width: 84%;
    margin: 0 auto;
    display: block;
    padding: 9.6rem 0 0;
  }
  .recruitMidCareer .titleArea__title {
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: center;
    letter-spacing: 9px;
    margin-bottom: 2.3rem;
  }
  .recruitMidCareer .titleArea__list {
    display: block;
  }
  .recruitMidCareer .titleArea__list li {
    max-width: 35rem;
    width: 100%;
  }
  .recruitMidCareer .titleArea__list li:not(:last-child) {
    margin: 0 0 0.5rem;
  }
  .recruitMidCareer .titleArea__list li a {
    height: 6rem;
    font-size: 1.8rem;
    color: #DA291C;
    background-color: #fff;
  }
  .recruitMidCareer .titleArea__list li.list01 a {
    background-image: url(../img/shortArrow_bottom_red.png);
    background-position: right 1.5rem center;
  }
  .recruitMidCareer .titleArea__list li.list02 a {
    background-image: url(../img/arrow_right_red.svg);
    background-position: right 1.5rem center;
  }
  .recruitMidCareer .headArea__pnkz {
    width: 84%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    display: block;
    margin-top: 1.6rem;
  }
  .recruitMidCareer .performer {
    background-position: center top 2rem;
    background-size: 30.582rem auto;
    width: 84%;
    margin: 0 auto;
    padding: 7.5rem 0 0;
    text-align: left;
  }
  .recruitMidCareer .performer__title {
    margin-bottom: 2rem;
  }
  .recruitMidCareer .performer__title img {
    max-width: 25rem;
  }
  .recruitMidCareer .performer__text {
    letter-spacing: 1.5px;
  }
  .recruitMidCareer .midCareer__title span {
    font-size: 1.6rem;
    line-height: 1.5rem;
  }
  .recruitMidCareer .features {
    margin: 6rem 0 5.5rem;
  }
  .recruitMidCareer .features .midCareer__title {
    background-size: 15.787rem auto;
    background-position: left 36% top;
    padding: 4rem 0 1rem;
    margin-bottom: 1.6rem;
  }
  .recruitMidCareer .features .midCareer__title span {
    padding-left: 7.3rem;
  }
  .recruitMidCareer .features .article__single {
    display: block;
  }
  .recruitMidCareer .features .article__single.single01 .article__details .title::before {
    content: "";
    display: block;
    background-image: url("../img/recruit/features_num01.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 53.65px 37.1169772554px;
    width: 53.65px;
    height: 37.1169772554px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
  }
  .recruitMidCareer .features .article__single.single02 {
    margin: 3.7rem 0 4rem;
  }
  .recruitMidCareer .features .article__single.single02 .article__details .title::before {
    content: "";
    display: block;
    background-image: url("../img/recruit/features_num02.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 57.84px 41.6777164934px;
    width: 57.84px;
    height: 41.6777164934px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
  }
  .recruitMidCareer .features .article__single.single03 .article__details .title::before {
    content: "";
    display: block;
    background-image: url("../img/recruit/features_num03.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 62.43px 40.5010237949px;
    width: 62.43px;
    height: 40.5010237949px;
    -webkit-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s;
  }
  .recruitMidCareer .features .article__photo {
    width: 100%;
    margin-bottom: 2.3rem;
  }
  .recruitMidCareer .features .article__details {
    width: 100%;
  }
  .recruitMidCareer .features .article__details .title {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0 0 1.8rem 0;
    margin-bottom: 1.6rem;
    letter-spacing: 1.2px;
    display: block;
  }
  .recruitMidCareer .features .article__details .title::before {
    top: -0.8rem;
    left: -1.4rem;
  }
  .recruitMidCareer .features .article__details p {
    line-height: 2.8rem;
    letter-spacing: 1.4px;
  }
  .recruitMidCareer .features .article__details p:not(:last-child) {
    margin-bottom: 2.8rem;
  }
  .recruitMidCareer .number {
    margin-bottom: 6rem;
    background: url(../img/recruit/number_bgSP.jpg) no-repeat center;
    background-size: cover;
  }
  .recruitMidCareer .number .pageInner {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
  .recruitMidCareer .number .midCareer__title {
    background-size: 19.998rem auto;
    background-position: left 30% top;
    padding: 6.5rem 0 1rem;
    margin-bottom: 1.6rem;
  }
  .recruitMidCareer .number .listBox {
    display: block;
  }
  .recruitMidCareer .number .listBox li {
    width: 100%;
    min-height: 31.5rem;
    margin: 0;
  }
  .recruitMidCareer .number .listBox li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .recruitMidCareer .number .listBox li.list01 img {
    max-width: 17.199rem;
  }
  .recruitMidCareer .number .listBox li.list02 img {
    max-width: 16.4rem;
  }
  .recruitMidCareer .number .listBox li.list03 img {
    max-width: 15.945rem;
  }
  .recruitMidCareer .number .listBox li.list04 p {
    height: auto;
  }
  .recruitMidCareer .number .listBox li.list04 img {
    max-width: 15.608rem;
    margin: 1.5rem auto 1rem;
  }
  .recruitMidCareer .number .listBox li.list05 img {
    max-width: 17.3rem;
  }
  .recruitMidCareer .number .listBox li.list06 img {
    max-width: 16.649rem;
  }
  .recruitMidCareer .interview {
    margin-bottom: 6rem;
  }
  .recruitMidCareer .interview .midCareer__title {
    background-size: 18.965rem auto;
    background-position: left 39% top;
    padding: 5rem 0 1rem;
    margin-bottom: 2rem;
  }
  .recruitMidCareer .interview .midCareer__title span {
    padding-left: 6.5rem;
  }
  .recruitMidCareer .interview .article:not(:last-child) {
    margin-bottom: 6rem;
  }
  .recruitMidCareer .interview .article__single--main {
    margin-bottom: 3rem;
  }
  .recruitMidCareer .interview .article__single--main .article__details {
    width: 100%;
    padding-top: 0;
    position: static;
  }
  .recruitMidCareer .interview .article__single--sub {
    display: block;
  }
  .recruitMidCareer .interview .article__single--sub .article__photo {
    display: none;
  }
  .recruitMidCareer .interview .article__single--sub .article__details {
    width: 100%;
  }
  .recruitMidCareer .interview .article__single--sub .article__details .flort:after {
    content: "";
    display: block;
    clear: both;
  }
  .recruitMidCareer .interview .article__single--sub .article__details .flort img {
    float: right;
    width: 14rem;
    margin: 0.7rem 0 0 1rem;
  }
  .recruitMidCareer .interview .article__single--sub .article__details .flort .title {
    margin-top: 2.8rem;
  }
  .recruitMidCareer .interview .article__details .title--band {
    position: relative;
    top: -3rem;
    z-index: 1;
    margin-bottom: -3rem;
  }
  .recruitMidCareer .interview .article__details .title--band span.bandTitle--big {
    font-size: 1.8rem;
    letter-spacing: 1.2px;
  }
  .recruitMidCareer .interview .article__details .title--band span.bandTitle--small {
    font-size: 1.6rem;
    padding: 1.1rem 3rem;
  }
  .recruitMidCareer .interview .article__details .textBox {
    margin-top: 3rem;
  }
  .recruitMidCareer .interview .article__details .textBox .bgText {
    right: -0.5rem;
    top: -3.7rem;
    width: 18.135rem;
  }
  .recruitMidCareer .interview .article__details .textBox .title {
    margin-bottom: 1.2rem;
  }
  .recruitMidCareer .interview .article__details .title {
    margin-bottom: 0.7rem;
  }
  .recruitMidCareer .interview .article__details .title:not(:first-child) {
    margin-top: 2.8rem;
  }
  .recruitMidCareer .interview .article__details .small {
    margin-top: 1.6rem;
  }
  .recruitMidCareer .interview .article .textFull {
    line-height: 2.8rem;
  }
  .recruitMidCareer #recruitmentArea {
    padding-top: 11rem;
    margin-top: -11rem;
  }
  .recruitMidCareer .recruitment .midCareer__title {
    background-size: 21.947rem auto;
    background-position: left 39% top;
    padding: 7rem 0 1rem;
    margin-bottom: 1.5rem;
  }
  .recruitMidCareer .recruitment .midCareer__title span {
    padding-left: 3rem;
  }
  .recruitMidCareer .recruitment__table {
    border: none;
  }
  .recruitMidCareer .recruitment__table tr {
    display: block;
    border: 1px solid #D6D6D6;
  }
  .recruitMidCareer .recruitment__table tr:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .recruitMidCareer .recruitment__table tr th, .recruitMidCareer .recruitment__table tr td {
    display: block;
    border: none;
  }
  .recruitMidCareer .recruitment__table tr th {
    width: 100%;
    text-align: left;
    line-height: 2rem;
    padding: 1.4rem 2rem 1.3rem;
    border-bottom: 1px solid #D6D6D6;
  }
  .recruitMidCareer .recruitment__table tr td {
    padding: 1.4rem 1.5rem 2.3rem 2rem;
    width: 100%;
  }
  .recruitMidCareer .recruitment__table tr td p {
    line-height: 2.2rem;
    letter-spacing: 1.3px;
  }
  .recruitMidCareer .recruitment__table tr td p:not(:last-child) {
    margin-bottom: 2rem;
  }
  .recruitMidCareer .recruitment__btn {
    max-width: 27.5rem;
    height: 5rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .companyPage.companyFront .headArea.big {
    margin-bottom: 4rem;
  }
  .companyPage.companyFront .companyFront__pageTitle {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9rem;
    padding-bottom: 2.1rem;
    margin-bottom: 1.8rem;
  }
  .companyPage.companyFront .companyFront__pageTitle::before {
    height: 0.2rem;
  }
  .companyPage.companyFront .companyFront__read {
    text-align: left;
    letter-spacing: 1.5px;
  }
  .companyPage.companyFront .mainArea {
    padding: 0;
    margin: 2.5rem auto 4rem;
  }
  .companyPage.companyFront .mainArea::before {
    content: none;
  }
  .companyPage.companyFront .mainArea::after {
    content: none;
  }
  .companyPage.companyFront .mainArea__inner {
    padding: 0;
    width: 84%;
    margin: 0 auto;
  }
  .companyPage.companyFront .mainArea .company__listBox {
    display: block;
  }
  .companyPage.companyFront .mainArea .company__listBox li {
    width: 100%;
  }
  .companyPage.companyFront .mainArea .company__listBox li.company__list--01 {
    margin-bottom: 2rem;
  }
  .companyPage.companyFront .mainArea .company__listBox li a p {
    width: 13.6rem;
    height: 0;
    border-bottom: 4.4rem solid #fff;
    border-left: 0.8rem solid transparent;
  }
  .companyPage.companyFront .mainArea .report {
    margin-top: 4rem;
  }
  .companyPage.companyFront .axialArea {
    padding: 3rem 6.3% 2rem;
  }
  .companyPage.companyFront .axialArea__logo {
    max-width: 25.787rem;
  }
  .companyPage.companyFront .axialArea__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin: 2rem auto 1.5rem;
    letter-spacing: 1px;
  }
  .companyPage.companyFront .axialArea__txt {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 1px;
    text-align: left;
  }
  .companyPage.companyFront .axialArea__link {
    margin: 1.8rem auto 0;
    height: 5rem;
    background-color: #fff;
    color: #DA291C;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0;
  }
  .companyPage.companyFront .axialArea__link::after {
    background-image: url(../img/icon_blank_red.svg);
  }
  .companyPage .report {
    margin-top: 4rem;
    padding: 3rem 0 0;
    display: block;
  }
  .companyPage .report__img {
    width: 100%;
  }
  .companyPage .report__img img {
    max-width: 14.1rem;
    margin: 0 auto;
  }
  .companyPage .report__details {
    width: 100%;
    padding: 12px 6% 25px;
  }
  .companyPage .report__title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
  }
  .companyPage .report__text {
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .companyPage .report__btn {
    height: 5rem;
    background-color: #fff;
    color: #DA291C;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
  }
  .companyPage .report__btn::after {
    background-image: url(../img/icon_blank_red.svg);
  }
  .companyPage.companyAbout .headArea {
    margin-bottom: 4.5rem;
  }
  .companyPage.companyAbout .anchorLink02 {
    margin-bottom: 4rem;
  }
  .companyPage.companyAbout .anchorLink02__list {
    display: block;
  }
  .companyPage.companyAbout .anchorLink02__list li {
    width: 100%;
  }
  .companyPage.companyAbout .anchorLink02__list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .companyPage.companyAbout .anchorLink02__list li a {
    border-width: 1px;
    height: 6rem;
    background-position: right 2rem center;
  }
  .companyPage.companyAbout .anchorLink02__list li a img {
    left: 2rem;
  }
  .companyPage.companyAbout .anchorLink02__list li a.bnt01 {
    padding: 0 4rem 0 7.5rem;
  }
  .companyPage.companyAbout .anchorLink02__list li a.bnt01 img {
    max-width: 6.1rem;
  }
  .companyPage.companyAbout .anchorLink02__list li a.bnt02 {
    padding: 0 4rem 0 9rem;
  }
  .companyPage.companyAbout .anchorLink02__list li a.bnt02 img {
    max-width: 8.5rem;
  }
  .companyPage.companyAbout .anchorSingle:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  .companyPage.companyAbout .anchorSingle#serviceContents01 h2 img {
    max-width: 8.56rem;
  }
  .companyPage.companyAbout .anchorSingle#serviceContents02 h2 img {
    max-width: 12.166rem;
  }
  .companyPage.companyAbout .anchorSingle h2:not(:first-of-type) {
    margin-top: 5.5rem;
  }
  .companyPage.companyAbout .anchorSingle .dlBox {
    margin-top: 2rem;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl {
    border: 1px solid #D6D6D6;
    display: block;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl:not(:last-of-type) {
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 0.5rem;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dt {
    width: 100%;
    border-right: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0.9rem 2rem;
    border-bottom: 1px solid #D6D6D6;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dd {
    width: 100%;
    padding: 0.9rem 2rem;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dd .map {
    height: 17.5rem;
    padding: 1rem 0;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dd p {
    letter-spacing: 0.5px;
  }
  .companyPage.companyAbout .anchorSingle .dlBox > dl > dd .mapBtn {
    margin-left: 0.5rem;
  }
  .companyPage.companySdgs .mv {
    height: calc(100vh - 29rem);
    min-height: 44.5rem;
  }
  .companyPage.companySdgs .mv::before {
    bottom: 4rem;
    height: 9.4rem;
    max-height: none;
  }
  .companyPage.companySdgs .mv__inner {
    padding: 11rem 0 0;
    width: 84%;
    margin: 0 auto;
  }
  .companyPage.companySdgs .mv__title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    background-size: 16.55rem auto;
    padding: 0;
  }
  .companyPage.companySdgs .mv__txtImg {
    max-width: 20.4rem;
    margin: 1.2rem 0 1.3rem;
  }
  .companyPage.companySdgs .mv__read {
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 1.2px;
  }
  .companyPage.companySdgs .mv__sliderBox {
    top: -50%;
    right: 5%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .companyPage.companySdgs .mv__slider {
    width: 4.5rem;
    height: 1700px;
    -webkit-animation: scrollSP 50s linear infinite;
            animation: scrollSP 50s linear infinite;
  }
  .companyPage.companySdgs .mv__slider:not(:last-of-type) {
    margin-right: 0.26rem;
  }
  .companyPage.companySdgs .mv__slider.down {
    -webkit-animation: scrollSP02 50s linear infinite;
            animation: scrollSP02 50s linear infinite;
  }
  .companyPage.companySdgs .mv__slider img {
    height: 85rem;
  }
  @-webkit-keyframes scrollSP {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-850px);
              transform: translateY(-850px);
    }
  }
  @keyframes scrollSP {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-850px);
              transform: translateY(-850px);
    }
  }
  @-webkit-keyframes scrollSP02 {
    0% {
      -webkit-transform: translateY(-850px);
              transform: translateY(-850px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes scrollSP02 {
    0% {
      -webkit-transform: translateY(-850px);
              transform: translateY(-850px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .companyPage.companySdgs .headArea__pnkz {
    height: auto;
    display: block;
    margin-top: 1.6rem;
  }
  .companyPage.companySdgs .mainArea {
    margin-top: 4.7rem;
  }
  .companyPage.companySdgs .mainArea__title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9rem;
    padding-bottom: 2.1rem;
    margin-bottom: 1.8rem;
  }
  .companyPage.companySdgs .mainArea__title::before {
    height: 0.2rem;
  }
  .companyPage.companySdgs .mainArea__read {
    text-align: left;
    letter-spacing: 1.5px;
  }
  .companyPage.companySdgs .mainArea__img {
    width: 100%;
    margin: 2.7rem auto 0;
  }
  .companyPage.companySdgs .mainArea .sdds {
    margin-top: 5.7rem;
  }
  .companyPage.companySdgs .mainArea .sdds__title {
    font-weight: 500;
    margin-bottom: 1.8rem;
  }
  .companyPage.companySdgs .mainArea .sdds__categoryHead {
    display: none;
  }
  .companyPage.companySdgs .mainArea .sdds__category {
    height: 4rem;
  }
  .companyPage.companySdgs .mainArea .sdds__single {
    display: block;
  }
  .companyPage.companySdgs .mainArea .sdds__single .sdds__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .companyPage.companySdgs .mainArea .sdds__single:not(:last-of-type) {
    margin-bottom: 3rem;
  }
  .companyPage.companySdgs .mainArea .sdds__single:not(:last-of-type)::after {
    content: none;
  }
  .companyPage.companySdgs .mainArea .sdds__one {
    width: 100%;
  }
  .companyPage.companySdgs .mainArea .sdds__details {
    padding: 1.8rem 6.3% 2rem;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 0 2.5rem 0 2.9rem;
    letter-spacing: 1.5px;
    margin-bottom: 0.9rem;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle::after {
    top: 30%;
    right: 0;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle.task01 {
    background-size: 1.996rem auto;
    background-position: left center;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle.task02 {
    background-size: 1.115rem auto;
    background-position: left center;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle.task03 {
    background-size: 1.647rem auto;
    background-position: left center;
  }
  .companyPage.companySdgs .mainArea .sdds__taskTitle.task04 {
    background-size: 1.832rem auto;
    background-position: left center;
  }
  .companyPage.companySdgs .mainArea .sdds__detailsTitle {
    font-size: 1.6rem;
    font-weight: 700;
    color: #DA291C;
    padding: 2rem 0 1.8rem;
    line-height: 2.2rem;
  }
  .companyPage.companySdgs .mainArea .sdds__taskList li {
    width: 8.9rem;
    margin-top: 0.4rem;
  }
  .companyPage.companySdgs .mainArea .sdds__taskList li:not(:nth-child(3n)) {
    margin-right: 0.4rem;
  }
  .companyPage.companySdgs .mainArea .sdds__initiativesList {
    padding-top: 0;
  }
  .companyPage.companySdgs .mainArea .sdds__initiativesList li a {
    padding: 2.2rem 4rem 1.8rem 2rem;
  }
  .companyPage.companySdgs .mainArea .sdds__initiativesList li a::after {
    right: 1.5rem;
  }
  .companyPage.sdgsDetails .headArea {
    margin-bottom: 5rem;
  }
  .companyPage.sdgsDetails .anchorLink02 {
    margin-bottom: 4rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list {
    display: block;
  }
  .companyPage.sdgsDetails .anchorLink02__list li {
    width: 100%;
  }
  .companyPage.sdgsDetails .anchorLink02__list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a {
    border-width: 1px;
    height: 6rem;
    background-position: right 2rem center;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a img {
    left: 2rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a.bnt01 {
    padding: 0 4rem 0 7.5rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a.bnt01 img {
    max-width: 6.1rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a.bnt02 {
    padding: 0 4rem 0 9rem;
  }
  .companyPage.sdgsDetails .anchorLink02__list li a.bnt02 img {
    max-width: 8.5rem;
  }
  .companyPage.sdgsDetails .anchorSingle {
    margin-bottom: 5rem;
  }
  .companyPage.sdgsDetails .anchorSingle:not(:last-of-type) {
    margin-bottom: 5rem;
    padding-bottom: 3rem;
  }
  .companyPage.sdgsDetails .anchorSingle .title {
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  .companyPage.sdgsDetails .anchorSingle .sdgsBox {
    margin-top: 2rem;
  }
  .companyPage.sdgsDetails .sdgsBox {
    counter-reset: sdgsBox;
  }
  .companyPage.sdgsDetails .sdgsBox__single {
    display: block;
    padding-top: 15rem;
    margin-top: -15rem;
  }
  .companyPage.sdgsDetails .sdgsBox__single:not(:last-of-type) {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .companyPage.sdgsDetails .sdgsBox__single.slideSingle {
    padding-bottom: 3rem;
  }
  .companyPage.sdgsDetails .sdgsBox__photo {
    width: 100%;
    margin-bottom: 1rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details {
    width: 100%;
    padding-left: 0;
    display: block;
  }
  .companyPage.sdgsDetails .sdgsBox__details h2,
  .companyPage.sdgsDetails .sdgsBox__details h3 {
    font-size: 2rem;
    font-weight: 500;
    padding: 0 0 0 4rem;
    letter-spacing: 1.2px;
    margin-bottom: 1.2rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details h2::before,
  .companyPage.sdgsDetails .sdgsBox__details h3::before {
    font-size: 3rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details p {
    line-height: 2rem;
    margin-bottom: 1rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details .list {
    margin-bottom: 1rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details .logo {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 2rem;
  }
  .companyPage.sdgsDetails .sdgsBox__details .logo li {
    width: 15.9%;
    margin-left: 0.3rem;
    margin-top: 0.3rem;
  }
  .companyPage.sdgsDetails .sdgsBox__slide {
    margin-bottom: 2rem;
    position: relative;
  }
  .companyPage.sdgsDetails .sdgsBox__slide ul {
    margin: 0;
  }
  .companyPage.sdgsDetails .sdgsBox__slide p {
    text-align: center;
  }
  .companyPage.sdgsDetails .sdgsBox__slide .textNone {
    padding-bottom: 0;
  }
  .companyPage.sdgsDetails .sdgsBox__slide .dotsNav {
    position: static;
    margin: 1.4rem 0 0;
    padding: 0;
    height: auto;
  }
  .companyPage.sdgsDetails .sdgsBox__slide .slick-arrow {
    top: 39%;
  }
  .companyPage.sdgsDetails .sdgsBox__slide .slick-arrow.slickPrev {
    left: -2rem;
  }
  .companyPage.sdgsDetails .sdgsBox__slide .slick-arrow.slickNext {
    right: -2rem;
  }
  .companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__details .textArea p:not(:last-child) {
    margin-bottom: 2rem;
  }
  .companyPage.sdgsDetails .sdgsBox.environmentSystem .sdgsBox__details .textArea img {
    margin: 4.5rem auto 0;
  }
  .companyPage.sdgsDetails .flowBox {
    margin-top: 3rem;
  }
  .companyPage.sdgsDetails .flowBox ul {
    width: 100%;
  }
  .companyPage.sdgsDetails .flowBox .slick-arrow {
    top: 48%;
  }
  .companyPage.sdgsDetails .flowBox .slick-arrow.slickPrev {
    left: -2rem;
  }
  .companyPage.sdgsDetails .flowBox .slick-arrow.slickNext {
    right: -2rem;
  }
  .companyPage.sdgsDetails .otherInitiatives {
    margin-top: 5.5rem;
  }
  .companyPage.sdgsDetails .otherInitiatives__title {
    margin-bottom: 2.5rem;
  }
  .companyPage.sdgsDetails .otherInitiatives__title span {
    font-weight: 500;
  }
  .companyPage.sdgsDetails .otherInitiatives__list {
    display: block;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li {
    width: 100%;
    border: none;
    border-radius: 0;
    background: url(../img/shortArrow_right_red.svg) no-repeat right 15px center;
    background-size: 0.9rem auto;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li.list01 a {
    background: url(../img/company/otherInitiatives_img01.svg) no-repeat left 27px center;
    background-size: 1.416rem auto;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li.list02 a {
    background: url(../img/company/otherInitiatives_img02.svg) no-repeat left 25px center;
    background-size: 2.152rem auto;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li.list03 a {
    background: url(../img/company/otherInitiatives_img03.svg) no-repeat left 24px center;
    background-size: 1.985rem auto;
    letter-spacing: -1px;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li.list04 a {
    background: url(../img/company/otherInitiatives_img04.svg) no-repeat left 24px center;
    background-size: 2.152rem auto;
  }
  .companyPage.sdgsDetails .otherInitiatives__list li a {
    height: 7rem;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 3rem 0 6rem;
    position: relative;
  }
  .companyPage.companyCsrPage .headArea {
    margin-bottom: 3.4rem;
  }
  .companyPage.companyCsrPage .companyCsr__read {
    line-height: 2.4rem;
    margin-bottom: 3.8rem;
  }
  .companyPage.companyCsrPage .companyCsr__title--sub {
    margin-bottom: 3rem;
  }
  .companyPage.companyCsrPage .reportNew {
    margin-bottom: 4rem;
  }
  .companyPage.companyCsrPage .reportNew .companyCsr__title {
    margin-bottom: 3rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox {
    display: block;
    padding: 0;
    margin-bottom: 3.8rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__photo {
    width: 100%;
    margin-bottom: 3rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__photo img {
    margin: 0 auto;
    max-width: 14rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__details {
    width: 100%;
    padding-top: 0;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__details .text {
    text-align: left;
    line-height: 2rem;
    margin-bottom: 2rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__details .adobeBox {
    margin-top: 2rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__btn {
    font-size: 1.5rem;
  }
  .companyPage.companyCsrPage .reportNew .reportBox__btn:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .companyPage.companyCsrPage .reportNew .flex {
    display: block;
  }
  .companyPage.companyCsrPage .reportNew .flex .listBox {
    width: 100%;
  }
  .companyPage.companyCsrPage .reportNew .flex .listBox:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .companyPage.companyCsrPage .reportNew .flex .listBox li:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .companyPage.companyCsrPage .reportNew .flex .listBox li a {
    padding-right: 7.5rem;
  }
  .companyPage.companyCsrPage .reportNew .flex .listBox li a span {
    position: absolute;
    right: 0;
    top: 0;
  }
  .companyPage.companyCsrPage .reportOld .companyCsr__title {
    margin-bottom: 2rem;
  }
  .companyPage.companyCsrPage .reportOld .reportBox {
    display: block;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__single {
    width: 100%;
    padding: 2.2rem 2rem 2rem 2rem;
    min-height: 13.6rem;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__single:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__photo {
    width: 6.7rem;
    margin-right: 1.5rem;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__details {
    width: calc(100% - 8.2rem);
    padding-bottom: 0;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__details .title {
    margin-bottom: 1rem;
  }
  .companyPage.companyCsrPage .reportOld .reportBox__details ul li:not(:last-of-type) {
    margin-bottom: 0.4rem;
  }
  .companyPage.companyAnnouncement .headArea {
    margin-bottom: 4.5rem;
  }
  .companyPage.companyAnnouncement .anchorSingle:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  .companyPage.companyAnnouncement .anchorSingle#announcementContents01 h2 img {
    max-width: 8.56rem;
  }
  .companyPage.companyAnnouncement .anchorSingle#announcementContents02 h2 img {
    max-width: 12.166rem;
  }
  .companyPage.companyAnnouncement .anchorSingle .dlBox {
    margin-top: 2rem;
  }
  .companyPage.companyAnnouncement .anchorSingle .dlBox > dl {
    display: block;
  }
  .companyPage.companyAnnouncement .anchorSingle .dlBox > dl:not(:last-of-type) {
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 0.5rem;
  }
  .companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dt {
    width: 100%;
    border-right: none;
    padding: 1.4rem 2rem;
    border-bottom: 1px solid #D6D6D6;
    line-height: 2rem;
  }
  .companyPage.companyAnnouncement .anchorSingle .dlBox > dl > dd {
    width: 100%;
    padding: 1.3rem 2rem;
    line-height: 2rem;
  }
  .companyPage.companyAnnouncement .adobeBox {
    margin: 6rem auto 2rem;
  }
  .companyPage.companyHealth .mv {
    position: relative;
    overflow: hidden;
  }
  .companyPage.companyHealth .mv__inner {
    width: 84%;
    margin: 0 auto;
    padding: 8.2rem 0 0;
    margin-bottom: 2.5rem;
  }
  .companyPage.companyHealth .mv__title {
    font-weight: 500;
  }
  .companyPage.companyHealth .mv__imgBox {
    width: 100%;
    overflow: hidden;
  }
  .companyPage.companyHealth .mv__imgBox img {
    width: 100%;
    height: auto;
  }
  .companyPage.companyHealth .headArea {
    margin-top: 1.6rem;
    margin-bottom: 1rem;
    padding-top: 0;
  }
  .companyPage.companyHealth .pageContents {
    margin-bottom: 4rem;
  }
  .companyPage.companyHealth .pageContents__title {
    margin-bottom: 2rem;
    font-weight: 500;
  }
  .companyPage.companyHealth .pageContents__othertitle {
    margin-bottom: 1.5rem;
    padding: 0.8rem 1rem;
    font-size: 1.6rem;
  }
  .companyPage.companyHealth .pageContents ol li .title {
    font-size: 1.8rem;
  }
  .companyPage.companyHealth .pageContents__sign {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .companyPage.companyHealth .pageContents__signItem:not(:first-of-type) {
    margin-left: 0;
    margin-top: 2rem;
  }
  .companyPage.companyHealth .pageContents__signItem.harashin img {
    max-width: 10.3rem;
  }
  .companyPage.companyHealth .pageContents__signItem.narus img {
    margin-left: 1.5rem;
  }
  .companyPage.companyHealth .pageContents__imgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 2rem 1rem 2.3rem;
  }
  .companyPage.companyHealth .pageContents__imgBox img {
    width: 100%;
  }
  .companyPage.companyHealth .pageContents__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .companyPage.companyHealth .pageContents__itemImg {
    width: 100%;
    margin-bottom: 2rem;
  }
  .companyPage.companyHealth .pageContents__itemImg img + img {
    margin-top: 2rem;
  }
  .companyPage.companyHealth .pageContents__itemImg img.smartMeal {
    max-width: 100%;
    width: 34.6625766871%;
    margin-top: 0;
    margin-left: -3.0674846626%;
  }
  .companyPage.companyHealth .pageContents__itemImg img.deli {
    max-width: 100%;
    width: 24.2331288344%;
    margin-top: 0;
    margin-right: 2.1472392638%;
  }
  .companyPage.companyHealth .pageContents__itemImg img.walkingDay {
    max-width: 100%;
    width: 30.0613496933%;
    margin-top: 0;
  }
  .companyPage.companyHealth .pageContents__itemImg.spRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .companyPage.companyHealth .pageContents__itemImg figure {
    width: 81.5873015873%;
    margin-bottom: 1rem;
  }
  .companyPage.companyHealth .pageContents__itemImg figure figcaption {
    font-size: 1.2rem;
  }
  .companyPage.companyHealth .pageContents__itemImg .innerWrap {
    width: 78.4126984127%;
    margin-bottom: 1rem;
  }
  .companyPage.companyHealth .pageContents__itemTitle {
    margin-bottom: 2rem;
    padding-left: 4rem;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .companyPage.companyHealth .pageContents__itemTitle span {
    font-size: 3rem;
    top: -0.9rem;
  }
  .companyPage.companyHealth .pageContents__itemText {
    width: 100%;
  }
  .companyPage.companyHealth .pageContents__itemText ol li {
    max-width: 100%;
  }
  .companyPage.companyHealth .pageContents__itemText ol li::before {
    top: -0.1rem;
  }
  .companyPage.companyHealth .pageContents__itemText ol li + li {
    margin-top: 2rem;
  }
  .companyPage.companyHealth .pageContents__itemText ol li .title {
    margin-bottom: 1rem;
    padding-left: 4rem;
    font-weight: 500;
    line-height: 1.3333333333;
  }
  .companyPage.companyHealth .pageContents__item:nth-of-type(2n) .pageContents__itemImg {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .companyPage.companyHealth .pageContents__item:nth-of-type(2n) .pageContents__itemText {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .companyPage.companyHealth .pageContents.content02 ol {
    margin-bottom: 3rem;
  }
  .companyPage.companyHealth .pageContents.content04 .pageContents__title {
    margin-bottom: 2.5rem;
  }
  .companyPage.companyHealth .pageContents.content05 .pageContents__title {
    margin-bottom: 2rem;
  }
  .companyPage.companyHealth .pageContents.content05 .pageContents__itemImg img {
    width: 50%;
    margin: 0;
  }
  .companyPage.companyHealth .pageContents.content06 {
    margin-bottom: 0;
  }
  .companyPage.companyHealth .pageContents.content06 p {
    margin-bottom: 2.5rem;
  }
  .companyPage.companyHealth .pageContents.content06 a {
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .sitemapPage .headArea {
    margin-bottom: 3.5rem;
  }
  .sitemapPage .pageInner dl:not(:last-of-type) {
    margin-bottom: 3.6rem;
  }
  .sitemapPage .pageInner dl dt {
    margin-bottom: 0.9rem;
  }
  .sitemapPage .pageInner dl dd ul:not(:last-of-type) {
    margin-bottom: 0;
  }
  .sitemapPage .pageInner dl dd ul li {
    margin-bottom: 1rem;
  }
  .sitemapPage .pageInner dl dd ul li:not(:last-of-type) {
    margin-right: 2.5rem;
  }
  .sitemapPage .pageInner dl dd ul li.title {
    margin: 1rem 0 0.5rem;
  }
  .privacyPage .headArea {
    margin-bottom: 3.5rem;
  }
  .privacyPage .pageInner .mainTitle {
    margin-bottom: 3rem;
  }
  .privacyPage .pageInner .textBox:not(:last-of-type) {
    margin-bottom: 2.4rem;
  }
  .privacyPage .pageInner .textBox dt {
    margin-bottom: 1.5rem;
  }
  .privacyPage .pageInner .textBox dt::before {
    top: 0.2rem;
  }
  .privacyPage .pageInner .textBox dd ul {
    line-height: 2.8rem;
  }
  .privacyPage .pageInner .textBox dd p.telText a {
    text-decoration: underline;
  }
  .searchPage .headArea {
    margin-bottom: 4rem;
  }
  .searchPage__title {
    font-size: 1.5rem;
  }
  .searchPage__title span {
    font-size: 2rem;
    letter-spacing: 1px;
  }
  .searchPage .pageSearch .pageSearch__form {
    margin-top: 0;
  }
  .searchPage .pageInner {
    margin-top: 3rem;
  }
  .searchPage .searchResults__single:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .searchPage .searchResults__title {
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: 0.8px;
    margin-bottom: 1.5rem;
  }
  .searchPage .searchResults__details p {
    line-height: 2rem;
    letter-spacing: 1.8px;
  }
  .notfoundPage__text {
    text-align: left;
  }
  .notfoundPage__btnBox {
    display: block;
  }
  .notfoundPage__btnBox a {
    margin: 0 auto;
  }
  .notfoundPage__btnBox a:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .meatHistoryPage .headArea {
    margin-bottom: 3.6rem;
  }
  .meatHistoryPage .readArea {
    margin-bottom: 3.8rem;
    display: block;
  }
  .meatHistoryPage .readArea__photo {
    width: 100%;
    padding-top: 0;
    margin-bottom: 1.8rem;
  }
  .meatHistoryPage .readArea__text {
    width: 100%;
  }
  .meatHistoryPage .readArea__text p {
    line-height: 2.4rem;
    letter-spacing: 1.7px;
  }
  .meatHistoryPage .readArea__text p:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .meatHistoryPage .flow {
    margin-bottom: 4rem;
  }
  .meatHistoryPage .flow .meatHistory__title {
    margin-bottom: 2.5rem;
  }
  .meatHistoryPage .flow .flowBox {
    display: block;
  }
  .meatHistoryPage .flow .flowBox dl:not(:last-child) {
    margin-bottom: 2.2rem;
  }
  .meatHistoryPage .flow .flowBox dl dt {
    border: none;
    border: 1px solid #D6D6D6;
    padding: 0 2rem 0 4.2rem;
    margin-bottom: 1.7rem;
    height: 5rem;
    letter-spacing: 2px;
  }
  .meatHistoryPage .flow .flowBox dl dt span {
    left: 2rem;
  }
  .meatHistoryPage .flow .flowBox dl dt::before {
    content: none;
  }
  .meatHistoryPage .flow .flowBox dl dt::after {
    content: none;
  }
  .meatHistoryPage .flow .flowBox dl dd {
    line-height: 2.4rem;
    letter-spacing: 1.5px;
    padding-left: 0;
  }
  .meatHistoryPage .flow .flowBox dl.flow01 dt {
    background-color: #FAFAFA;
  }
  .meatHistoryPage .flow .flowBox dl.flow02 dt {
    background-color: #F5F5F5;
  }
  .meatHistoryPage .flow .flowBox dl.flow03 dt {
    background-color: #EFEFEF;
  }
  .meatHistoryPage .flow .flowBox dl.flow04 dt {
    background-color: #EBEBEB;
  }
  .meatHistoryPage .history .meatHistory__title {
    margin-bottom: 1.9rem;
  }
  .meatHistoryPage .history .read {
    line-height: 2.4rem;
    margin-bottom: 1.8rem;
  }
  .meatHistoryPage .history .listBox {
    display: block;
  }
  .meatHistoryPage .history .listBox li {
    width: 100%;
  }
  .meatHistoryPage .history .listBox li.list01 {
    margin-bottom: 1rem;
  }
  .meatHistoryPage .history .listBox li.list01 a {
    background-size: 3.953rem auto;
    background-position: left 2rem center;
  }
  .meatHistoryPage .history .listBox li.list01 a p.small {
    padding-left: 0;
  }
  .meatHistoryPage .history .listBox li.list02 a {
    background-size: 2.681rem auto;
    background-position: left 2.5rem center;
  }
  .meatHistoryPage .history .listBox li.list02 a p.small {
    padding-left: 0;
  }
  .meatHistoryPage .history .listBox li a {
    padding: 0.3rem 2.5rem 0 7.9rem;
    min-height: 8rem;
  }
  .meatHistoryPage .history .listBox li a::before {
    right: 1.3rem;
  }
  .meatHistoryPage .history .listBox li a p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.7px;
    margin-bottom: 0;
  }
  .meatHistoryPage .history .listBox li a p.blank::after {
    margin-left: 1rem;
  }
  .meatHistoryPage .history .listBox li a p.small {
    font-size: 1rem;
    letter-spacing: 1px;
  }
  .meatHistoryPage .history .bottomText {
    margin-top: 1.3rem;
    letter-spacing: 1.4px;
  }
}/*# sourceMappingURL=common.css.map */