@charset "UTF-8";
/*header
-----------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  header .nav_wrap .h_nav_wrap .h_content_area {
    width: 14.3089430894%;
  }
  header .nav_wrap .h_nav_wrap .h_content_area li {
    width: 50%;
  }
  header .nav_wrap .h_nav_wrap .h_content_area li:last-child {
    width: 50%;
  }
  header .shahan_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26.6666666667rem;
  }
}
@media only screen and (max-width: 767px) {
  header .shahan_logo {
    position: absolute;
    top: 50%;
    right: 5.3333333333vw;
    transform: translate(0, -50%);
    width: 53.3333333333vw;
  }
}

/*footer
-----------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  footer {
    padding-top: 0;
  }
}

/*.h_content_area02
-----------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .h_content_area02 li {
    width: 50%;
  }
  .h_content_area02 li:last-child {
    width: 50%;
  }
  .h_content_area02 li:nth-child(1) a img {
    width: 4.2666666667vw;
    margin-bottom: 1.0666666667vw;
  }
  .h_content_area02 li:nth-child(2) a img {
    width: 6.8vw;
    margin-bottom: 1.0666666667vw;
    margin-right: 1.3333333333vw;
  }
}

/*..order-list__item 
-----------------------------------------------------------*/
.order-list__item {
  display: block;
  text-indent: -2em;
  padding-left: 2em;
  /*--PC--*/
  /*--SP-*/
}
.order-list__item span {
  color: #be022c;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  .order-list__item small {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .order-list__item small {
    font-size: 1rem;
  }
}

/*regulation_box
-----------------------------------------------------------*/
#regulation_box .page-content__title span {
  color: #e2041b;
  font-weight: 500;
}
#regulation_box .page-content__text {
  letter-spacing: 0.05em;
}
#regulation_box .page-content__list .order-list {
  letter-spacing: 0.05em;
}
#regulation_box .section-privacy__main {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  #regulation_box {
    padding-top: 100px;
    margin-top: -100px;
  }
  #regulation_box .page-content, #regulation_box .page-content--signature {
    width: 85.4545454545%;
  }
}
@media only screen and (max-width: 767px) {
  #regulation_box {
    padding-top: 6.6666666667vw;
    margin-top: -6.6666666667vw;
  }
}

/*2021 0104 add
-----------------------------------------------------------*/
/*list_btn02
-----------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .list_btn02 span::before {
    background-color: #0071be;
  }
}

/*regulation_btn_wrap
-----------------------------------------------------------*/
.regulation_btn_wrap .regulation_btn {
  background-color: #0071be;
  border-color: #0071be;
}

/*products_area_wrap
-----------------------------------------------------------*/
#products_area_wrap .products_list_area .img_txt_box .txt_box dt {
  color: #0071be;
}
#products_area_wrap .products_list_area .img_txt_box figure.mt2 {
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  #products_area_wrap .products_list_area .img_txt_box figure.mt2 {
    margin-top: 1rem;
  }
}
#products_area_wrap .products_list_area .img_txt_box figure.mt3 {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  #products_area_wrap .products_list_area .img_txt_box figure.mt3 {
    margin-top: 2rem;
  }
}
#products_area_wrap .products_list_area .list a {
  position: relative;
}
#products_area_wrap .products_list_area .list a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/shahan/shahan_icon.svg");
  position: absolute;
  z-index: 50;
}
@media print, screen and (min-width: 768px) {
  #products_area_wrap .products_list_area .list a::before {
    width: 6.4666666667rem;
    height: 6.4666666667rem;
    top: -1rem;
    left: -0.8rem;
  }
  #products_area_wrap .products_list_area .list a:hover .tit_box {
    color: #0071be;
  }
  #products_area_wrap .products_list_area .list a:hover .sb_tit {
    color: #0071be;
  }
  #products_area_wrap .products_list_area .list a:hover .sb_tit::before, #products_area_wrap .products_list_area .list a:hover .sb_tit::after {
    background-color: #0071be;
  }
  #products_area_wrap .products_list_area .list a:hover .list_btn02 span {
    color: #0071be;
  }
  #products_area_wrap .products_list_area .list a:hover .list_btn02::before {
    background-image: url("../img/shahan/arrow_r_shahan.svg");
  }
}
@media only screen and (max-width: 767px) {
  #products_area_wrap .products_list_area .list a::before {
    width: 20.6666666667vw;
    height: 20.6666666667vw;
    top: -6.6666666667vw;
    left: 2.9333333333vw;
  }
}

/*content__title02
-----------------------------------------------------------*/
.page-content__title02 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.page-content__title02 strong {
  background-image: url("../img/shahan/regulation_tit.svg");
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
}
.page-content__title02 span {
  color: #be022c;
}
@media print, screen and (min-width: 768px) {
  .page-content__title02 {
    margin-left: -8.5106382979%;
    font-size: 1.4666666667rem;
  }
  .page-content__title02 strong {
    width: 24.9333333333rem;
    padding: 1rem 0 1.0666666667rem;
    margin-right: 1.1333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .page-content__title02 {
    font-size: 1.5rem;
  }
  .page-content__title02 strong {
    width: 80vw;
    padding: 3.0666666667vw 0 3.3333333333vw;
    margin-bottom: 2.9333333333vw;
    margin-left: -5.3333333333vw;
  }
  .page-content__title02 span {
    margin: 0 -0.5em 0 -1em;
  }
}

/*page-hero--small_box
-----------------------------------------------------------*/
.page-hero--small .page-hero--small_box {
  background: #0071be;
  height: 100%;
}
.page-hero--small .page-hero--small_box .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-hero--small .page-hero--small_box .page-hero__image {
  margin: auto;
  width: auto;
}
@media print, screen and (min-width: 768px) {
  .page-hero--small .page-hero--small_box .page-hero__image {
    height: 43.6390425532%;
  }
}
@media only screen and (max-width: 767px) {
  .page-hero--small {
    height: 72vw;
  }
  .page-hero--small .page-hero--small_box .page-hero__image {
    height: 37.3801%;
  }
}

header .nav_wrap .h_nav_wrap .h_content_area li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .nav_wrap .h_nav_wrap .h_content_area li a .mv_tit {
  margin: 0 auto;
}
/*# sourceMappingURL=shahan.css.map */