@charset "utf-8";
/*****************************************
共通
*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;&display=swap');

.wrapper {
   width: 100%;
   padding: 50px 0 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main {
	width: 100%;
	margin: 0 auto;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
#aoki_main a:hover,
#aoki_main a:focus {
	text-decoration: none;
}
#aoki_main a:hover img {
  opacity: 1;
}
h1,h2,h3,.anchor_link,.float_anchor,.cmn-btn,.service_title,.snapListItem__staff,[data-v-581fc3c6] .hacobune-card-slider-search-post-tag .hacobune-tag-list-item .hacobune-tag-item-label,.hacobune-tag-item-label {
   color: #3f3938;
   font-family: "Noto Sans JP", sans-serif !important;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-feature-settings: "palt";
   letter-spacing: 0.25rem;
}

/* mv */
#aoki_main .mv {
   width: 1200px;
   margin: 0 auto;
   padding: 0;
   box-sizing: border-box;
}
#aoki_main .mv .title {
   margin-bottom: 16px;
   text-align: center;
}
#aoki_main h1 {
   font-size: 14px;
   text-align: center;
}

/* float anchorLink */
#aoki_main .fix_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 8;
    transition: transform .3s;
}
#aoki_main .pagenav2 {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    border-top: 2px solid #284a78;
    border-bottom: 2px solid #284a78;
}
#aoki_main .pagenav2 li {
    display: flex;
    width: 245px;
}
#aoki_main .pagenav2 li a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
    padding: 8px 5px 2px;
    color: #284a78;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.14em;
    transition: .3s;
}
#aoki_main .pagenav2 li a::before {
    content: "";
    position: absolute;
    right: auto;
    top: auto;
    bottom: 32px;
    left: calc(100% - 3.5px);
    width: 10px;
    height: 10px;
    border-right: 1px solid #284a78;
    border-bottom: 1px solid #284a78;
    transform: rotate(45deg);
    transition: .3s;
}
#aoki_main .pagenav2 li img {
   margin-bottom: 9px;
}
#aoki_main .pagenav2 li:nth-of-type(1) img {
   width: 168px;
}
#aoki_main .pagenav2 li:nth-of-type(2) img {
   width: 76px;
}
#aoki_main .pagenav2 li:nth-of-type(3) img {
   width: 73px;
}
#aoki_main .fix_nav:not(.visible) {
    transform: translateY(calc(-100% - 54px));
}
#aoki_main .pagenav2 li a .hover {
   display: none;
}
#aoki_main .pagenav2  li a:hover .hover {
  display: block;
}
#aoki_main .pagenav2  li a:hover .hover_none {
   display: none;
}
#aoki_main .pagenav2 li a:hover {
  color: #4a4b4b;
  opacity: 0.8;
}
#aoki_main .pagenav2 li a:hover::before {
  border-right: 1px solid #4a4b4b;
  border-bottom: 1px solid #4a4b4b;
}
/* anchor_link */
#aoki_main .anchor_link {
   margin-top: 50px;
}
#aoki_main .anchor_link ul {
   display: flex;
   width: 1000px;
   margin: 0 auto;
   justify-content: space-between;
}
#aoki_main .anchor_link li {
   width: 220px;
   font-size: 13px;
   text-align: center;
}
#aoki_main .anchor_link a {
   position: relative;
   display: block;
   padding: 18px;
}
#aoki_main .anchor_link a:hover {
   color: #2d5387;
}
#aoki_main .anchor_link a .hover {
   display: none;
}
#aoki_main .anchor_link a:hover .hover_none {
   display: none;
}
#aoki_main .anchor_link a:hover .hover {
   display: block;
   opacity: 1;
}
#aoki_main .anchor_link a::after {
   content: "";
   border: 0;
   border-top: solid 1px #736968;
   border-right: solid 1px #736968;
   display: inline-block;
   width: 7px;
   height: 7px;
   position: absolute;
   top: 54%;
   right: 10px;
   transform: translateY(-135%) rotate(135deg);
}
#aoki_main .anchor_link a:hover::after {
   border-top: solid 1px #2d5387;
   border-right: solid 1px #2d5387;
}
#aoki_main .anchor_link img {
   display: block;
   width: 176px;
   height: auto;
   margin: 0 auto 7px;
}
#aoki_main .anchor_link li:nth-of-type(1) img {
   width: 176px;
}
#aoki_main .anchor_link li:nth-of-type(2) img {
   width: 76px;
}
#aoki_main .anchor_link li:nth-of-type(3) img {
   width: 71px;
}
#aoki_main .anchor_link li:nth-of-type(1) a::after {
  right: -26px;
}
/* contents */
#aoki_main .instalive_contents {
   padding-bottom: 90px;
   background-color: #f3f3f3;
   border-top: 2px solid #2d5387;
}
#aoki_main .cmn-inner {
   width: 1200px;
   margin: 0 auto;
}
#aoki_main .i-contents {
   padding: 50px 60px;
   background-color: #fff;
   border-radius: 24px;
}
#aoki_main h2 {
   line-height: 0.7;
   margin: -90px 0 20px;
   font-size: 16px;
   text-align: center;
}
#aoki_main h2 span {
   display: inline-block;
   margin-top: 25px;
}
#aoki_main .anchorLink-margin {
  margin-top: -66px;
  padding-top: 172px;
}

/*  btn-area */
#aoki_main .btn-area {
   margin-top: 40px;
   text-align: center;
}
#aoki_main .btn-area .cmn-btn + .cmn-btn {
   margin-top: 40px;
}
/* 1カラム（ボーダー ⇒ ベタ背景色） */
#aoki_main .cmn-btn.bd a {
   display: block;
   position: relative;
   width: 360px;
   height: auto;
   margin: 0 auto;
   padding: 15px;
   color: #bd7e72;
   border: 2px solid #bd7e72;
   border-radius: 100vw;
   font-size: 18px;
   box-sizing: border-box;
}
#aoki_main .cmn-btn.bd a::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 40px;
   width: 10px;
   height: 10px;
   margin-top: -1px;
   border-top: 1px solid #bd7e72;
   border-right: 1px solid #bd7e72;
   transform: translateY(-40%) rotate(45deg);
   -webkit-transform: translateY(-40%) rotate(45deg);
}
#aoki_main .cmn-btn.bd a:hover {
   background-color: #bd7e72;
   color: #fff;
   transition: 0.4s;
   -webkit-transition: 0.4s;
   text-decoration: none;
}
#aoki_main .cmn-btn.bd a:hover::after {
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}

/* service */
#aoki_main .service {
   margin-top: 60px;
}
#aoki_main .service_title {
   display: flex;
   margin-bottom: 40px;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   font-weight: 700;
   letter-spacing: 0.1rem;
}
#aoki_main .service ul {
   display: flex;
   width: 1200px;
   margin: 0 auto;
   justify-content: space-between;
}
#aoki_main .service a {
   display: block;
}

/* staffsnapモジュール調整 */
#aoki_main .topStaffsnapList {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 950px;
   margin: 0 auto;
}
#aoki_main .topStaffsnapList__item:nth-last-child(-n+2) {
   display: none;
}
#aoki_main .snapListItem__img a,
#aoki_main .snapListItem__staff a {
   display: block;
}
#aoki_main .snapListItem__staff {
   line-height: 1.8;
   margin: 6px auto 4px;
   letter-spacing: 0.1rem;
   font-size: 14px;
}
#aoki_main .snapListItem__img a:hover img {
   opacity: 1;
}
#aoki_main .snapListItem__link:hover {
   opacity: 0.7;
   transition: 0.4s;
   -webkit-transition: 0.4s;
}
#aoki_main .snapListItem__staffInfo__summary__tall,
#aoki_main .snapListItem__staffInfo__summary__shop {
   font-size: 12px;
}

/* visumo調整 */
#aoki_main .hacobune-tag-list {
   justify-content: center;
}
#aoki_main .hacobune-tag-list-item .hacobune-tag-item-label {
   padding: 11px 0;
   border: 1px solid #284a78;
   border-radius: 0;
   color: #284a78;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0.1em;
}
#aoki_main .hacobune-tag-list-item .hacobune-tag-item-input[type=radio]:checked+.hacobune-tag-item-label,
#aoki_main .hacobune-tag-list-item .hacobune-tag-item-label:hover {
   background-color: #284a78;
   border-color: #284a78;
   color: #fff;
   box-shadow: 0px 2px 4px 0px rgba(40, 74, 120, 1);
}
#aoki_main .hacobune-containers-card-slider[data-v-581fc3c6] .card-slider-hacobune-slider-next .hacobune-icon-button.icon-slider,
#aoki_main .hacobune-containers-card-slider[data-v-581fc3c6] .card-slider-hacobune-slider-prev .hacobune-icon-button.icon-slider {
   padding: 28px 8px;
}
.hacobune-containers-card-slider[data-v-4bbb19f5] .card-slider-hacobune-slider-next,
.hacobune-containers-card-slider[data-v-4bbb19f5] .card-slider-hacobune-slider-prev {
    z-index: 7!important;
}
.hacobune-video-item-root .hacobune-video-item-title,
.hacobune-video-item-side .hacobune-video-item-title {
   letter-spacing: 0.1rem;
}
.hacobune-app-container[data-v-3d9cd99b] {
   padding: 0 !important;
   letter-spacing: 3px !important;
}
.hacobune-containers-card-slider[data-v-4bbb19f5] .card-slider-hacobune-slider-next .hacobune-icon-button.icon-slider,
.hacobune-containers-card-slider[data-v-4bbb19f5] .card-slider-hacobune-slider-prev .hacobune-icon-button.icon-slider {
    padding: 20px 10px!important;
}
.hacobune-gallery {
    position: relative;
    z-index: 2;
  }
.hacobune-video-icon[data-v-0c9e5842] {
  position: absolute;
  top: 162px!important;
  right: 77px!important;
  width: 54px!important;
  height: 54px!important;
  z-index: 99!important;
}
.hacobune-video-icon[data-v-6d8ee44a] {
  position: absolute!important;
  top: 204px!important;
  right: 101px!important;
  z-index: 99!important;
  width: 54px!important;
  height: 54px!important;
}

/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }

   /* service */
   #aoki_main .service_title::before,
   #aoki_main .service_title::after {
      content: "";
      border-bottom: 2px solid #3f3938;
   }
   #aoki_main .service_title::before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_main .service_title::after {
      margin-left: 20px;
      padding-right: 120px;
   }
  .hacobune-app-container[data-v-06004ed0] {
     padding: 0 0 12px!important;
  }

}


/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
   .wrapper {
      padding: 6.66vw 0 0;
      margin: 0 0 50px;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }

   #aoki_main {
      max-width: 640px;
      width: 100%;
      margin: 0 auto;
   }

   /* mv */
   #aoki_main .mv {
      width: 100%;
      box-sizing: border-box;
   }
   #aoki_main .mv .title {
      width: 74vw;
      margin: 0 auto 2.8vw;
   }
   #aoki_main h1 {
      width: 100%;
      font-size: 2.93vw;
   }
   #aoki_main h2 {
      line-height: 0.9;
   }

   /* float_anchor */
   #aoki_main .float_anchor a {
      width: 8.26vw;
      padding: 2vw 2vw 2vw 1vw;
      border-radius: 2.5vw 0 0 2.5vw;
      font-size: 2.66vw;
   }
   #aoki_main .float_anchor span {
      width: 3.8vw;
      height: auto;
      margin-bottom: 1vw;
   }

   /* anchor_link */
   #aoki_main .anchor_link {
      margin: 6.66vw 0 6vw;
   }
   #aoki_main .anchor_link ul {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main .anchor_link li {
      width: 50%;
      margin-bottom: 2.66vw;
      font-size: 2.8vw;
   }
  #aoki_main .anchor_link li:nth-of-type(2) a {
     margin-left: 4vw;
  }
   #aoki_main .anchor_link a {
      padding: 2.8vw 2.4vw 2vw;
      border: 1px solid #3f3938;
   }
  #aoki_main .anchor_link a:hover {
      border: 1px solid #284a78;
  }
   #aoki_main .anchor_link li:nth-of-type(1) img {
      width: 32.6vw;
   }
   #aoki_main .anchor_link li:nth-of-type(2) img {
      width: 13.8vw;
   }
   #aoki_main .anchor_link li:nth-of-type(3) img {
      width: 13.3vw;
   }
   #aoki_main .anchor_link a::after {
      top: 58%;
      right: 8%;
      width: 1.7vw;
      height: 1.7vw;
      border-top: solid 1px #3f3938;
      border-right: solid 1px #3f3938;
   }
  #aoki_main .anchor_link li:nth-of-type(1) a::after {
    right: 8%;
  }
   #aoki_main .anchorLink-margin {
      padding-top: 35vw;
   }
  #aoki_main .fix_nav {
      top: 54px;
  }
  #aoki_main .pagenav2 li a {
      line-height: 1.4;
      padding: 3vw 2.33vw 4vw;
      font-size: 2.93vw;
      text-align: center;
      letter-spacing: 0.05em;
  }
  #aoki_main .pagenav2 li img {
    margin-bottom: 2vw;
  }
  #aoki_main .pagenav2 li:nth-of-type(1) img {
      width: 31.7vw;
  }
  #aoki_main .pagenav2 li:nth-of-type(2) img {
      width: 13.8vw;
  }
  #aoki_main .pagenav2 li:nth-of-type(3) img {
      width: 13.8vw;
  }
  #aoki_main .pagenav2 li a::before {
      bottom: 2vw;
      width: 1.6vw;
      height: 1.6vw;
      left: calc(50% - 3.5px);
    }

   /* contents */
   #aoki_main .instalive_contents {
      padding-bottom: 13.33vw;
   }
   #aoki_main .cmn-inner {
      width: 100%;
      padding: 0 15px;
      box-sizing: border-box;
   }
   #aoki_main .i-contents {
      padding: 14.66vw 3.33vw 9vw;
      border-radius: 3.2vw;
   }
   #aoki_main h2 {
      margin: -20vw auto 0;
      padding-bottom: 2.33vw;
      font-size: 3vw;
   }
   #aoki_main h2 span {
      margin-top: 3vw;
   }
   #aoki_main .anchorLink-margin:nth-of-type(1) h2 {
     width: 85.8vw;
   }
   #aoki_main .anchorLink-margin:nth-of-type(2) h2 {
     width: 35.1vw;
   }
   #aoki_main .anchorLink-margin:nth-of-type(3) h2 {
     width: 35vw;
   }
   /* btn-area */
   #aoki_main .btn-area {
      width: 100%;
      margin: 2vw auto 0;
   }
   /* 1カラム（ボーダー ⇒ ベタ背景色） */
   #aoki_main .cmn-btn.bd a {
      width: 100%;
      padding: 2.8vw;
      font-size: 3.73vw;
   }
   #aoki_main .cmn-btn.bd a::after {
      top: 50%;
      right: 6.66vw;
      width: 2vw;
      height: 2vw;
   }

   /* service */
   #aoki_main .service {
      margin-top: 10.66vw;
   }
   #aoki_main .service ul {
      width: 100%;
      flex-wrap: wrap;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main .service_title {
      margin-bottom: 4.33vw;
      font-size: 6vw;
   }
   #aoki_main .service li {
      width: 48.5%;
      margin-bottom: 3vw;
   }

   /* staffsnapモジュール調整 */
   #aoki_main .topStaffsnapList {
      width: 100%;
   }
   #aoki_main .topStaffsnapList__item {
      width: 48%;
      margin-bottom: 6vw;
   }
   #aoki_main .snapListItem__staff {
      font-size: 3.2vw;
   }
   #aoki_main .snapListItem__staffInfo__summary__tall,
   #aoki_main .snapListItem__staffInfo__summary__shop {
      font-size: 2.6vw;
   }

   /* Visumo調整 */
   #aoki_main .hacobune-tag-list-item {
      width: 50%;
      padding: 1.8vw;
      box-sizing: border-box;
   }
   #aoki_main .hacobune-tag-list-item .hacobune-tag-item-label {
      padding: 11px 0;
      border: 1px solid #284a78;
      border-radius: 2px;
      color: #284a78;
      font-size: 3vw;
   }
   .hacobune-tag-list-item {
      padding: 1.4vw;
   }
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-insta-item-next-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-material-item-next-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-media-post-item-next-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-article-item-next-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-instagram-item-next-icon[data-v-41513c9c], 
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-video-item-video-player-next-icon[data-v-41513c9c] {
      right: 8px!important;
  }
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-insta-item-prev-icon[data-v-41513c9c], 
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-material-item-prev-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobuce-media-post-item-prev-icon[data-v-41513c9c], 
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-article-item-prev-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-instagram-item-prev-icon[data-v-41513c9c],
  .hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-video-item-video-player-prev-icon[data-v-41513c9c] {
      left: 8px!important;
  }
  .hacobune-app-container[data-v-06004ed0] {
    padding: 0 0 10px!important;
  }
.hacobune-video-icon[data-v-6d8ee44a] {
    top: 100px!important;
    right: 45px!important;
    width: 40px!important;
    height: 40px!important;
  }
}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}


/*****************************************
Tablet only (max-width:719px)
*****************************************/
@media screen and (max-width: 719px) {
   .hacobune-app-container[data-v-3d9cd99b] {
      width: 100% !important;
   }
   .hacobune-app-container[data-v-3d9cd99b],.hacobune-tag-list[data-v-1ce12bee] {
      padding: 0 !important;
   }
}