@charset "UTF-8";
@media screen and (min-width: 768px) {
  .hr-main_lead01 + .hr-where_link01 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .hr-main_lead01 + .hr-where_link01 {
    margin-top: 30px;
  }
}

.hr-where_head01 {
  position: relative;
}
.hr-where_head01 > figure {
  line-height: 0;
}
.hr-where_head01 > figure img {
  width: 100%;
}
.hr-where_head01 > div {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-family: "Jost", sans-serif;
  color: #d60077;
}
@media screen and (min-width: 768px) {
  .hr-where_head01 > div {
    max-width: 1200px;
    padding: 0 5.556%;
    line-height: 1.715em;
    font-size: 35px;
  }
  .hr-where_head01 > div > h3 {
    line-height: inherit !important;
    font: inherit !important;
  }
  .hr-where_head01 > div > h3:first-of-type {
    margin-top: -0.357em;
  }
  .hr-where_head01 > div > h3:last-of-type {
    margin-bottom: -0.357em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_head01 > div {
    line-height: 1.75em;
    font-size: 16px;
    padding: 0 6.667%;
  }
  .hr-where_head01 > div > h3 {
    line-height: inherit !important;
    font: inherit !important;
  }
  .hr-where_head01 > div > h3:first-of-type {
    margin-top: -0.375em;
  }
  .hr-where_head01 > div > h3:last-of-type {
    margin-bottom: -0.375em;
  }
}
.hr-where_row01 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .hr-where_row01 {
    max-width: 1240px;
    padding: 0 20px;
  }
}
.hr-where_row01 > li {
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (min-width: 768px) {
  .hr-where_row01 > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 181px;
  }
  .hr-where_row01 > li .hr-where_desc01 {
    max-width: 800px;
    padding-right: 20px;
  }
  .hr-where_row01 > li .hr-where_btn01 {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .hr-where_row01 > li .hr-where_btn01 {
    width: 32.968%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_row01 > li {
    display: block;
    padding: 30px 8%;
  }
  .hr-where_row01 > li:last-child {
    border-bottom: none;
    padding-bottom: 20px;
  }
  .hr-where_row01 > li .hr-where_desc01 > dd {
    min-height: 6.096em;
  }
}
.hr-where_row02 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .hr-where_row02 {
    max-width: 1240px;
    padding: 0 20px;
  }
}
.hr-where_row02 > li {
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (min-width: 768px) {
  .hr-where_row02 > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 161px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_row02 > li {
    display: block;
    padding: 30px 8%;
  }
  .hr-where_row02 > li .hr-where_desc01 > dd {
    min-height: 3.048em;
  }
}
.hr-where_row03 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .hr-where_row03 {
    max-width: 1240px;
    padding: 0 20px;
  }
}
.hr-where_row03 > li {
  display: block;
  border-bottom: 1px solid #d7d7d7;
}
.hr-where_row03 > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.1em;
  line-height: 1;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .hr-where_row03 > li > a {
    padding: 21px 40px 21px 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_row03 > li > a {
    padding: 15px 8%;
    font-size: 12px;
  }
}
.hr-where_row03 > li > a::after {
  content: "＋";
  display: block;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .hr-where_row03 > li > a::after {
    font-size: 20px;
  }
}
.hr-where_row03 > li > a.isActive::after {
  content: "－";
}
.hr-where_row03 > li > a:hover {
  opacity: 0.5;
}
.hr-where_row03 > li > div {
  display: none;
  background: #f5f5f5;
  border-top: 1px solid #d7d7d7;
}
@media screen and (min-width: 768px) {
  .hr-where_row03 > li > div {
    padding: 39px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_row03 > li > div {
    padding: 8%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_row03 + .hr-main_lead02 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_row03 + .hr-main_lead02 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_desc01 {
    padding: 38px 0;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_desc01 > dt {
    line-height: 1.612em;
    font-size: 18px;
  }
  .hr-where_desc01 > dt > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .hr-where_desc01 > dt > p:first-of-type {
    margin-top: -0.305em;
  }
  .hr-where_desc01 > dt > p:last-of-type {
    margin-bottom: -0.305em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_desc01 > dt {
    line-height: 1.692em;
    font-size: 12px;
  }
  .hr-where_desc01 > dt > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .hr-where_desc01 > dt > p:first-of-type {
    margin-top: -0.345em;
  }
  .hr-where_desc01 > dt > p:last-of-type {
    margin-bottom: -0.345em;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_desc01 > dt + dd {
    padding-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_desc01 > dt + dd {
    padding-top: 11px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_desc01 > dd {
    line-height: 1.524em;
    font-size: 10.5px;
  }
  .hr-where_desc01 > dd > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .hr-where_desc01 > dd > p:first-of-type {
    margin-top: -0.261em;
  }
  .hr-where_desc01 > dd > p:last-of-type {
    margin-bottom: -0.261em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_desc01 + .hr-where_btn01 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_link01 {
    font-size: 10.5px;
  }
}
.hr-where_link01 > a {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .hr-where_link01 + .hr-where_row03 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_link01 + .hr-where_row03 {
    padding-top: 20px;
  }
}
.hr-where_link01 + .hr-where_row03 > li:first-child {
  border-top: 1px solid #d7d7d7;
}
.hr-where_btn01 {
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .hr-where_btn01 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_btn01 {
    justify-content: center;
  }
}
.hr-where_btn01 > a {
  display: block;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .hr-where_btn01 > a {
    width: 10em;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .hr-where_btn01 > a {
    width: 50%;
    margin-left: 0 !important;
  }
  .hr-where_btn01 > a:nth-child(n+3) {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_btn01 > a {
    width: 10.667em;
    font-size: 9px;
  }
}
.hr-where_btn01 > a::before {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.834em;
  height: 2.167em;
}
@media screen and (min-width: 768px) {
  .hr-where_btn01 > a::before {
    margin: 0 auto 1em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_btn01 > a::before {
    margin: 0 auto 0.667em;
  }
}
.hr-where_btn01 > a:hover {
  opacity: 0.5;
}
.hr-where_btn01 > a:not([href]) {
  opacity: 0.3;
  pointer-events: none;
}
.hr-where_btn01 > a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url(/theme-images/main/blank01.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.917em;
  height: 1em;
  margin-left: 0.25em;
  vertical-align: top;
}
.hr-where_btn01 > a.site::before {
  background-image: url(/theme-images/wheretobuy/site.png);
}
.hr-where_btn01 > a.mail::before {
  background-image: url(/theme-images/wheretobuy/mail.png);
}
.hr-where_btn01 > a.cart {
  color: #d60077;
}
.hr-where_btn01 > a.cart::before {
  background-image: url(/theme-images/wheretobuy/cart.png);
}
.hr-where_btn01 > a.cart[target=_blank]::after {
  background-image: url(/theme-images/main/blank02.png);
}
.hr-where_btn01 > a.map::before {
  background-image: url(/theme-images/wheretobuy/map.png);
}
@media screen and (min-width: 768px) {
  .hr-where_btn01 > a + a {
    margin-left: 0.834em;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_btn01 > a + a {
    margin-left: 1.112em;
  }
}
.hr-where_map01 {
  position: relative;
  background: #e2e2e2;
}
.hr-where_map01 > figure {
  line-height: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > figure {
    height: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .hr-where_map01 > figure {
    height: auto;
  }
}
.hr-where_map01 > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div {
    max-width: 800px;
    font-size: 15px;
  }
}
.hr-where_map01 > div > div {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div {
    width: 16.875%;
    height: 5%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div {
    width: 20.4%;
    height: 5.152%;
    font-size: 8.5px;
  }
}
.hr-where_map01 > div > div::before {
  content: "";
  position: absolute;
  background: #4d4d4d;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div::before {
    width: 4px;
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div::before {
    width: 2.615%;
    min-width: 2px;
    max-width: 4px;
    height: 11.765%;
    min-height: 2px;
    max-height: 4px;
  }
}
.hr-where_map01 > div > div::after {
  content: "";
  position: absolute;
  background: #4d4d4d;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk01 {
    left: 43%;
    top: 18%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk01 {
    left: 47.334%;
    top: 17.879%;
  }
}
.hr-where_map01 > div > div.lnk01::before {
  left: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk01::before {
    top: 546.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk01::before {
    top: 541.177%;
  }
}
.hr-where_map01 > div > div.lnk01::after {
  width: 1px;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk01::after {
    height: 446.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk01::after {
    height: 441.177%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk02 {
    left: 63.75%;
    top: 18%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk02 {
    left: 72%;
    top: 17.879%;
  }
}
.hr-where_map01 > div > div.lnk02::before {
  left: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk02::before {
    top: 500%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk02::before {
    top: 494.118%;
  }
}
.hr-where_map01 > div > div.lnk02::after {
  width: 1px;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk02::after {
    height: 400%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk02::after {
    height: 394.118%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk03 {
    left: 4.625%;
    top: 22.334%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk03 {
    left: 2.134%;
    top: 22.425%;
  }
}
.hr-where_map01 > div > div.lnk03::before {
  left: 22.223%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk03::before {
    top: 286.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk03::before {
    top: 276.471%;
  }
}
.hr-where_map01 > div > div.lnk03::after {
  width: 1px;
  left: 22.223%;
  top: 100%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk03::after {
    height: 186.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk03::after {
    height: 176.471%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk04 {
    left: 33%;
    top: 31.834%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk04 {
    left: 35.334%;
    top: 31.819%;
  }
}
.hr-where_map01 > div > div.lnk04::before {
  left: 88.889%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk04::before {
    top: 273.334%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk04::before {
    top: 270.589%;
  }
}
.hr-where_map01 > div > div.lnk04::after {
  width: 1px;
  left: 88.889%;
  top: 100%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk04::after {
    height: 173.334%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk04::after {
    height: 170.589%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk05 {
    left: 22.625%;
    top: 46.834%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk05 {
    left: 23.467%;
    top: 46.97%;
  }
}
.hr-where_map01 > div > div.lnk05::before {
  top: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk05::before {
    left: 131.852%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk05::before {
    left: 129.412%;
  }
}
.hr-where_map01 > div > div.lnk05::after {
  height: 1px;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk05::after {
    width: 31.852%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk05::after {
    width: 29.412%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk06 {
    left: 50.375%;
    top: 48.834%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk06 {
    left: 56.134%;
    top: 49.091%;
  }
}
.hr-where_map01 > div > div.lnk06::before {
  top: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk06::before {
    left: -20%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk06::before {
    left: -18.954%;
  }
}
.hr-where_map01 > div > div.lnk06::after {
  height: 1px;
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk06::after {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk06::after {
    width: 18.955%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk07 {
    left: 18.75%;
    top: 59.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk07 {
    left: 18.667%;
    top: 59.849%;
  }
}
.hr-where_map01 > div > div.lnk07::before {
  top: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk07::before {
    left: 131.112%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk07::before {
    left: 129.412%;
  }
}
.hr-where_map01 > div > div.lnk07::after {
  height: 1px;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk07::after {
    width: 31.112%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk07::after {
    width: 29.412%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk08 {
    left: 54.125%;
    top: 79.334%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk08 {
    left: 60.267%;
    top: 80%;
  }
}
.hr-where_map01 > div > div.lnk08::before {
  top: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk08::before {
    left: -20%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk08::before {
    left: -18.954%;
  }
}
.hr-where_map01 > div > div.lnk08::after {
  height: 1px;
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk08::after {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk08::after {
    width: 18.955%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk09 {
    left: 60%;
    top: 57%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk09 {
    left: 67.2%;
    top: 56.97%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk09::before {
    top: -100%;
    left: 108.075%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk09::before {
    top: -103.03%;
    left: 106.547%;
  }
}
.hr-where_map01 > div > div.lnk09::after {
  right: 0;
  transform: translate(100%, 0);
  background-color: transparent;
  border-bottom: solid 1px #4d4d4d;
  border-right: solid 1px #4d4d4d;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk09::after {
    top: -100%;
    width: 8.149%;
    height: 150%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk09::after {
    top: -103.03%;
    width: 7.334%;
    height: 154.546%;
  }
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk10 {
    left: 60%;
    top: 65.667%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk10 {
    left: 67.2%;
    top: 65.91%;
  }
}
.hr-where_map01 > div > div.lnk10::before {
  top: 50%;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk10::before {
    right: -31.481%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk10::before {
    right: -30.666%;
  }
}
.hr-where_map01 > div > div.lnk10::after {
  height: 1px;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > div > div.lnk10::after {
    width: 29.63%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > div > div.lnk10::after {
    width: 30%;
  }
}
.hr-where_map01 > div > div > a {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.hr-where_map01 > div > div > a::after {
  right: 0.5em !important;
  top: 0.1em !important;
}
.hr-where_map01 > p {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hr-where_map01 > p {
    top: 2.167%;
  }
}
@media screen and (max-width: 767px) {
  .hr-where_map01 > p {
    top: 3.031%;
  }
}

@media screen and (min-width: 768px) {
  .company {
    width: 37.917%;
    max-width: 455px;
  }
}

.company_cont {
  display: flex;
}
@media screen and (min-width: 768px) {
  .company_cont {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .company_cont {
    flex-direction: column;
    align-items: center;
    gap: 6.667vw;
    margin-top: 6.667vw;
  }
}
.company_cont + .company_cont {
  border-top: #E2E2E2 1px dashed;
}

@media screen and (min-width: 768px) {
  .company_name {
    flex-shrink: 0;
    width: 36.264%;
    line-height: 1.625em;
    font-size: 16px;
  }
  .company_name > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .company_name > p:first-of-type {
    margin-top: -0.312em;
  }
  .company_name > p:last-of-type {
    margin-bottom: -0.312em;
  }
}
@media screen and (max-width: 767px) {
  .company_name {
    line-height: 1.524em;
    font-size: 10.5px;
  }
  .company_name > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .company_name > p:first-of-type {
    margin-top: -0.261em;
  }
  .company_name > p:last-of-type {
    margin-bottom: -0.261em;
  }
}

@media screen and (min-width: 768px) {
  .area {
    width: 63.297%;
  }
}
@media screen and (max-width: 767px) {
  .area {
    display: flex;
  }
}

.area_cont {
  display: flex;
}
@media screen and (min-width: 768px) {
  .area_cont {
    justify-content: space-between;
    align-items: center;
    padding: 5.5% 0;
  }
}
@media screen and (max-width: 767px) {
  .area_cont {
    flex-direction: column;
    align-items: center;
    gap: 4vw;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .area_cont + .area_cont {
    border-top: #E2E2E2 1px dashed;
  }
}

@media screen and (min-width: 768px) {
  .area_name {
    line-height: 1.625em;
    font-size: 16px;
  }
  .area_name > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .area_name > p:first-of-type {
    margin-top: -0.312em;
  }
  .area_name > p:last-of-type {
    margin-bottom: -0.312em;
  }
}
@media screen and (max-width: 767px) {
  .area_name {
    line-height: 1.524em;
    font-size: 10.5px;
  }
  .area_name > p {
    line-height: inherit !important;
    font: inherit !important;
  }
  .area_name > p:first-of-type {
    margin-top: -0.261em;
  }
  .area_name > p:last-of-type {
    margin-bottom: -0.261em;
  }
}