.note {
  display: block;
}

.note__mark {
  position: relative;
  float: left;
}

.note__mark::before {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 0.52083vw;
  border-radius: 14px;
  content: "";
  background: #333;
}

@media (max-width: 768px) {
  .note__mark::before {
    top: 1.33333vw;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 5.33333vw;
  }
}

.note__mark__txt {
  display: inline-block;
  overflow: hidden;
  padding-left: 0.78125vw;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .note__mark__txt {
    margin-top: -0.10417vw;
    padding-left: 0.9375vw;
  }
}

@media (max-width: 768px) {
  .note__mark__txt {
    padding-left: 4.26667vw;
  }
}

.note__asrk {
  position: relative;
  float: left;
  margin-right: 3px;
  font-size: 1.15rem;
}

@media (max-width: 768px) {
  .note__asrk {
    font-size: 3.46667vw;
  }
}

.note__asrk__txt {
  display: block;
  overflow: hidden;
  font-size: 1.15rem;
}

@media (max-width: 768px) {
  .note__asrk__txt {
    font-size: 3.46667vw;
  }
}

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

.br-sp {
  display: none;
}

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

.clearfix::after, .note::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.homeVis {
  position: relative;
  z-index: 1;
  width: 1920px;
  height: 1880px;
  margin: 0 auto;
  background: #eee;
  background: url(../image/pic_homevis01.jpg) top no-repeat;
  background-size: 100% auto;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis {
    width: 100vw;
    height: 87.08333vw;
  }
}

@media (max-width: 768px) {
  .homeVis {
    width: 100%;
    height: 100%;
    padding-bottom: 24vw;
    background-image: url(../image/pic_sp_homevis01.jpg);
  }
}

.homeVis::before {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 949px;
  left: -100px;
  width: 2120px;
  height: 620px;
  background: #fff;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotate(4.9deg);
      -ms-transform: rotate(4.9deg);
          transform: rotate(4.9deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis::before {
    top: 49.42708vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 32.29167vw;
  }
}

@media (max-width: 768px) {
  .homeVis::before {
    top: 253.06667vw;
    left: -15vw;
    width: 130vw;
    height: 165.33333vw;
  }
}

@media (max-width: 768px) {
  .homeVis::before {
    top: 82.66667vw;
    height: 37.33333vw;
    -webkit-transform: rotate(4.5deg);
        -ms-transform: rotate(4.5deg);
            transform: rotate(4.5deg);
  }
}

.homeVis::after {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  top: 1755px;
  left: -100px;
  width: 2120px;
  height: 250px;
  background: #effaff;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
          transform: rotate(-7deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis::after {
    top: 80.57292vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 13.02083vw;
  }
}

@media (max-width: 768px) {
  .homeVis::after {
    top: 361.33333vw;
    left: -15vw;
    width: 130vw;
    height: 66.66667vw;
  }
}

@media (max-width: 768px) {
  .homeVis::after {
    top: 93%;
    background: #effaff;
  }
}

.homeVis__cont {
  position: absolute;
  z-index: 3;
  top: 595px;
  left: 69px;
  width: 1192px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont {
    top: 30.98958vw;
    left: 3.59375vw;
    width: 62.29167vw;
  }
}

@media (max-width: 768px) {
  .homeVis__cont {
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 57.73333vw 4vw 0;
  }
}

.homeVis__cont__copy img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .homeVis__cont__copy img {
    display: block;
    margin: 0 auto;
  }
}

.homeVis__cont__txt {
  line-height: 1.72;
  margin: 40px 0 0 0;
  text-align: center;
  letter-spacing: .04em;
}

.homeVis__cont__txt br.br-sp {
  display: none;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont__txt {
    margin: 2.08333vw 0 0 0;
  }
}

@media (max-width: 768px) {
  .homeVis__cont__txt {
    font-size: 1rem;
    margin-top: 5.33333vw;
  }
  .homeVis__cont__txt br.br-sp {
    display: inline;
  }
}

.homeVis__cont__btn {
  width: 642px;
  margin: 50px auto 0;
  padding-right: 20px;
  display: block;
  position: relative;
  height: 86px;
  box-sizing: border-box;
  background: #004097;
  border: 2px solid #004097;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
  transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
  padding-top: 24px;
}

.homeVis__cont__btn:focus {
  outline: none;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont__btn {
    height: 4.47917vw;
    line-height: 1.77083vw;
  }
}

@media (max-width: 768px) {
  .homeVis__cont__btn {
    height: 11.73333vw;
    font-size: 1.07692rem;
    line-height: 4.53333vw;
  }
}

.homeVis__cont__btn:hover {
  color: #004097;
  background: #fff;
}

@media (max-width: 768px) {
  .homeVis__cont__btn:hover {
    color: #fff;
    background: #004097;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont__btn {
    padding-top: 1.25vw;
  }
}

@media (max-width: 768px) {
  .homeVis__cont__btn {
    padding-top: 3.2vw;
  }
}

.homeVis__cont__btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  right: 60px;
  width: 18px;
  height: 18px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color 150ms ease-in 0ms;
  transition: border-color 150ms ease-in 0ms;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont__btn::before {
    top: 1.5625vw;
    right: 3.125vw;
    width: 0.9375vw;
    height: 0.9375vw;
  }
}

@media (max-width: 768px) {
  .homeVis__cont__btn::before {
    top: 2.66667vw;
    right: 5.33333vw;
    width: 3.2vw;
    height: 3.2vw;
    border-width: 1px;
  }
}

.homeVis__cont__btn:hover::before {
  border-color: #004097;
}

@media (max-width: 768px) {
  .homeVis__cont__btn:hover::before {
    border-color: #fff;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .homeVis__cont__btn {
    width: 33.4375vw;
    margin: 2.60417vw auto 0;
    padding-right: 1.04167vw;
  }
}

@media (max-width: 768px) {
  .homeVis__cont__btn {
    width: 100%;
    margin-top: 5.33333vw;
  }
}

.NewsArea {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 1920px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea {
    width: 100vw;
  }
}

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

.NewsArea::before {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  bottom: -110px;
  left: -100px;
  width: 2120px;
  height: 220px;
  background: #effaff;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotate(6.3deg);
      -ms-transform: rotate(6.3deg);
          transform: rotate(6.3deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea::before {
    bottom: -5.72917vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 11.45833vw;
  }
}

@media (max-width: 768px) {
  .NewsArea::before {
    bottom: -29.33333vw;
    left: -15vw;
    width: 130vw;
    height: 58.66667vw;
  }
}

@media (max-width: 768px) {
  .NewsArea::before {
    bottom: -16vw;
    background: #effaff;
  }
}

.NewsArea__in {
  position: relative;
  z-index: 2;
  height: 230px;
  padding: 0 30px 33px;
  background: #effaff;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in {
    height: 11.97917vw;
    padding: 0 1.5625vw 1.71875vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in {
    height: 61.33333vw;
    padding: 2.66667vw 4vw 0;
    background: #effaff;
  }
}

.NewsArea__in .sectionTitle {
  bottom: 25px;
  padding: 0 0 20px;
  color: #55acee;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in .sectionTitle {
    bottom: 1.30208vw;
    padding: 0 0 1.04167vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in .sectionTitle {
    bottom: 0;
    padding-bottom: 6.66667vw;
  }
}

.NewsArea__in .sectionTitle img {
  width: 67px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in .sectionTitle img {
    width: 3.48958vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in .sectionTitle img {
    width: 8.8vw;
  }
}

.NewsArea__in .sectionTitle span {
  color: #333;
}

.NewsArea__in > img {
  display: block;
  margin: 0 auto;
}

.NewsArea__in #snsMasonry {
  width: 100%;
  margin: 0;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  opacity: 0;
}

.NewsArea__in #snsMasonry .masonryItems {
  box-sizing: border-box;
  width: 25%;
  padding: 12px;
  border: none;
  background: none;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in #snsMasonry .masonryItems {
    padding: 0.625vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in #snsMasonry .masonryItems {
    width: 100%;
    padding: 0;
  }
  .NewsArea__in #snsMasonry .masonryItems + .masonryItems {
    margin-top: 4vw;
  }
}

.NewsArea__in #snsMasonry .masonryItems .postInner {
  font-size: .9rem;
  border: 1px solid #d0d0cd;
  background: #fff;
}

@media (max-width: 768px) {
  .NewsArea__in #snsMasonry .masonryItems .postInner {
    padding: 2.66667vw;
  }
}

.NewsArea__in button {
  width: 562px;
  margin: 60px auto 0;
  opacity: 0;
  border-radius: 0;
  display: block;
  position: relative;
  height: 86px;
  box-sizing: border-box;
  background: #004097;
  border: 2px solid #004097;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
  transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
}

.NewsArea__in button:focus {
  outline: none;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in button {
    height: 4.47917vw;
    line-height: 1.77083vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in button {
    height: 11.73333vw;
    font-size: 1.07692rem;
    line-height: 4.53333vw;
  }
}

.NewsArea__in button:hover {
  color: #004097;
  background: #fff;
}

@media (max-width: 768px) {
  .NewsArea__in button:hover {
    color: #fff;
    background: #004097;
  }
}

.NewsArea__in button::before, .NewsArea__in button::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 60px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  -webkit-transition: border-color 150ms ease-in 0ms;
  transition: border-color 150ms ease-in 0ms;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in button::before, .NewsArea__in button::after {
    right: 3.125vw;
  }
}

@media (max-width: 768px) {
  .NewsArea__in button::before, .NewsArea__in button::after {
    right: 8vw;
  }
}

.NewsArea__in button::before {
  border-right: 2px solid #fff;
  margin-top: -10px;
}

.NewsArea__in button::after {
  border-bottom: 2px solid #fff;
  margin: -19px -9px 0 0;
}

.NewsArea__in button:hover::before, .NewsArea__in button:hover::after {
  border-color: #004097;
}

@media (max-width: 768px) {
  .NewsArea__in button:hover::before, .NewsArea__in button:hover::after {
    border-color: #fff;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .NewsArea__in button {
    width: 29.27083vw;
    margin: 3.125vw auto 0;
  }
}

@media (max-width: 768px) {
  .NewsArea__in button {
    width: 100%;
    margin-top: 8vw;
  }
}

.shopArea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 1920px;
  margin: 0 auto;
  padding: 215px 0;
  text-align: center;
  background: url(../image/pic_shop01.jpg) top no-repeat #fff;
  background-size: cover;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea {
    width: 100vw;
    padding: 10.41667vw 0 11.45833vw;
  }
}

@media (max-width: 768px) {
  .shopArea {
    width: 100%;
    padding: 28.8vw 0 26.13333vw;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
}

.shopArea::before {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  bottom: -150px;
  left: -100px;
  width: 2120px;
  height: 200px;
  background: #fff;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotate(-2.2deg);
      -ms-transform: rotate(-2.2deg);
          transform: rotate(-2.2deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea::before {
    bottom: -7.8125vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 10.41667vw;
  }
}

@media (max-width: 768px) {
  .shopArea::before {
    bottom: -40vw;
    left: -15vw;
    width: 130vw;
    height: 53.33333vw;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea::before {
    content: none;
  }
}

@media (max-width: 768px) {
  .shopArea::before {
    content: none;
  }
}

.shopArea .sectionTitle {
  padding-bottom: 54px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea .sectionTitle {
    padding-bottom: 2.8125vw;
  }
}

@media (max-width: 768px) {
  .shopArea .sectionTitle {
    padding-bottom: 5.33333vw;
  }
}

.shopArea .sectionTitle img {
  width: 73px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea .sectionTitle img {
    width: 3.80208vw;
  }
}

@media (max-width: 768px) {
  .shopArea .sectionTitle img {
    width: 9.33333vw;
  }
}

.shopArea__list {
  display: inline-block;
  overflow: hidden;
}

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

.shopArea__list li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 420px;
  margin: 0 25px;
  border-radius: 50%;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .shopArea__list li {
    width: 21.875vw;
    margin: 0 1.30208vw;
  }
}

@media (max-width: 768px) {
  .shopArea__list li {
    width: 44.6%;
    margin: 2.7%;
  }
}

.shopArea__list li::before {
  display: block;
  padding-top: 100%;
  content: '';
}

.shopArea__list li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #004097;
  -webkit-transition: background-color 150ms ease-in 0ms;
  transition: background-color 150ms ease-in 0ms;
}

.shopArea__list li a .bg {
  z-index: 1;
  top: 6%;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  opacity: .3;
  background-repeat: no-repeat;
  background-position: 60% 50%;
  background-size: 100%;
}

.shopArea__list li a .bg_asuto {
  background-image: url(../image/pic_shoplist_asuto.jpg);
}

.shopArea__list li a .bg_chohu {
  background-image: url(../image/pic_shoplist_chohu.jpg);
}

.shopArea__list li a .bg_kagoshima {
  background-image: url(../image/pic_shoplist_kagoshima.jpg);
}

.shopArea__list li a .bg_uruma {
  background-image: url(../image/pic_shoplist_uruma.jpg);
}

.shopArea__list li a .bg_tsukuba {
  background-image: url(../image/pic_shoplist_tsukuba.jpg);
}

.shopArea__list li a:hover {
  background-color: #9e000f;
}

.shopArea__list li a > span {
  font-size: 1.4rem;
  line-height: 1;
  position: absolute;
  z-index: 2;
  top: 50%;
  display: block;
  width: 100%;
  margin-top: -1.3rem;
  letter-spacing: .06em;
}

.shopArea__list li a > span > span {
  font-size: 2.5rem;
  display: block;
  margin-bottom: .2rem;
  letter-spacing: .04em;
  font-family: 'Josefin Sans', sans-serif;
}

@media (max-width: 768px) {
  .shopArea__list li a > span {
    font-size: 1.23077rem;
    margin-top: -1rem;
  }
  .shopArea__list li a > span > span {
    font-size: 1.53846rem;
  }
}

.inquiryArea {
  position: relative;
  z-index: 1;
  padding: 50px 0 190px;
  text-align: center;
}

.inquiryArea > div {
  position: relative;
  z-index: 2;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea {
    padding: 2.60417vw 0 9.89583vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea {
    padding: 0 4vw 26.66667vw;
  }
}

.inquiryArea::before {
  z-index: 1;
  background-size: 17px auto !important;
  content: '';
  display: block;
  position: absolute;
  top: -50px;
  left: -100px;
  width: 2120px;
  height: 1000px;
  background: url(../common/image/bg_pattern01.png);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotate(-2.2deg);
      -ms-transform: rotate(-2.2deg);
          transform: rotate(-2.2deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea::before {
    top: -2.60417vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 52.08333vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea::before {
    top: -13.33333vw;
    left: -15vw;
    width: 130vw;
    height: 266.66667vw;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea::before {
    background-size: 0.88542vw auto !important;
  }
}

@media (max-width: 768px) {
  .inquiryArea::before {
    height: 120vw;
    background-size: 2.13333vw auto !important;
  }
}

.inquiryArea .sectionTitle img {
  width: 63px;
  margin-bottom: 5px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea .sectionTitle img {
    width: 3.28125vw;
    margin-bottom: 0.26042vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea .sectionTitle img {
    width: 8.53333vw;
    margin-bottom: 1.33333vw;
  }
}

.inquiryArea__txt {
  margin: 45px 0 0;
  letter-spacing: .02em;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__txt {
    margin: 2.34375vw 0 0;
  }
}

@media (max-width: 768px) {
  .inquiryArea__txt {
    font-size: 1rem;
    margin-top: 5.33333vw;
  }
}

.inquiryArea__txt br {
  display: none;
}

@media (max-width: 768px) {
  .inquiryArea__txt br {
    display: inline;
  }
}

.inquiryArea__bluetxt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 18px 0 37px;
  letter-spacing: .04em;
  color: #9e000f;
}

@media (max-width: 768px) {
  .inquiryArea__bluetxt {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 2.66667vw 0 4.8vw;
  }
}

.inquiryArea__bluetxt span.pc-txt {
  font-size: 2rem;
}

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

.inquiryArea__bluetxt a {
  display: none;
}

@media (max-width: 768px) {
  .inquiryArea__bluetxt a {
    font-size: 1.7rem;
    display: inline;
    color: #9e000f;
  }
  .inquiryArea__bluetxt a span {
    display: inline-block;
    border-bottom: 1px solid #9e000f;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__bluetxt {
    margin: 0.9375vw 0 1.92708vw;
  }
}

.inquiryArea__btn {
  width: 480px;
  margin: 0 auto;
  display: block;
  position: relative;
  height: 86px;
  box-sizing: border-box;
  background: #9e000f;
  border: 2px solid #9e000f;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
  transition: background-color 150ms ease-in 0ms, color 150ms ease-in 0ms;
  padding-top: 24px;
}

.inquiryArea__btn:focus {
  outline: none;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__btn {
    height: 4.47917vw;
    line-height: 1.77083vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea__btn {
    height: 11.73333vw;
    font-size: 1.07692rem;
    line-height: 4.53333vw;
  }
}

.inquiryArea__btn:hover {
  color: #9e000f;
  background: #fff;
}

@media (max-width: 768px) {
  .inquiryArea__btn:hover {
    color: #fff;
    background: #9e000f;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__btn {
    padding-top: 1.25vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea__btn {
    padding-top: 3.2vw;
  }
}

.inquiryArea__btn::before, .inquiryArea__btn::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 44%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .inquiryArea__btn::before, .inquiryArea__btn::after {
    bottom: 42%;
  }
}

.inquiryArea__btn::before {
  right: 62px;
  width: 16px;
  height: 11px;
  background: #fff;
  -webkit-transition: background-color 150ms ease-in 0ms;
  transition: background-color 150ms ease-in 0ms;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__btn::before {
    right: 3.22917vw;
    width: 0.83333vw;
    height: 0.57292vw;
  }
}

@media (max-width: 768px) {
  .inquiryArea__btn::before {
    right: 9.06667vw;
  }
}

.inquiryArea__btn::after {
  right: 62px;
  width: 12px;
  height: 8px;
  margin-bottom: -3px;
  margin-right: -3px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transition: border-color 150ms ease-in 0ms;
  transition: border-color 150ms ease-in 0ms;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__btn::after {
    right: 3.22917vw;
    width: 0.625vw;
    height: 0.41667vw;
    margin-bottom: -2px;
    margin-right: -2px;
  }
}

@media (max-width: 768px) {
  .inquiryArea__btn::after {
    right: 9.06667vw;
  }
}

.inquiryArea__btn:hover::before {
  background-color: #9e000f;
}

@media (max-width: 768px) {
  .inquiryArea__btn:hover::before {
    background-color: #fff;
  }
}

.inquiryArea__btn:hover::after {
  border-color: #9e000f;
}

@media (max-width: 768px) {
  .inquiryArea__btn:hover::after {
    border-color: #fff;
  }
}

@media (max-width: 1935px) and (min-width: 769px) {
  .inquiryArea__btn {
    width: 25vw;
  }
}

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

.inquiryArea #modal-inquiry {
  display: none;
}