@charset "UTF-8";
.c-logoshone-logo {
  width: 22.2rem;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .c-logoshone-logo {
    width: 17.9rem;
  }
}

.c-housingcafe-logo {
  width: 21.9rem;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .c-housingcafe-logo {
    width: 17.7rem;
  }
}

.c-section-title-text {
  font-size: 3.8rem;
  line-height: calc(4.6rem / 3.8rem);
  letter-spacing: 0.14em;
  font-weight: 700;
  text-align: center;
}

.c-section-subtitle-text {
  font-size: 1.5rem;
  line-height: calc(3.6rem / 1.5rem);
  letter-spacing: 0.36em;
  text-align: center;
}

.c-required-plate {
  color: #fff;
  background: #81b01b;
  font-size: 12px;
  line-height: calc(26px / 12px);
  font-weight: 500;
  padding: 0 5px 2px 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

@keyframes floatingAnima {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.c-floating-item {
  animation: "floatingAnima" 3s ease 0s infinite;
}

.c-notice-box {
  padding: 1rem 0;
}

.p-footer {
  color: #fff;
  background: #7fad1b;
  padding: 2rem 0;
}

.p-footer_privacy-box {
  text-align: center;
  padding: 1rem 0;
}

.p-footer_privacy {
  color: #fff;
  font-size: 1.6rem;
  line-height: calc(2.4rem / 1.6rem);
  letter-spacing: 0.12em;
  font-weight: 500;
}

.p-copyright-box {
  padding: 1rem 0;
}

.p-copyright {
  font-size: 1.6rem;
  line-height: calc(2.4rem / 1.6rem);
  font-weight: 500;
  text-align: center;
}

.page-top {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 500;
}
@media screen and (max-width: 750px) {
  .page-top {
    bottom: 15rem;
  }
}

.page-top-btn {
  width: 6rem;
  height: 6rem;
  display: inline-block;
  border-radius: 50%;
}

.p-flyer {
  padding: 10rem 0;
  background-color: #fff;
}

.p-flyer_inner {
  width: 100%;
  max-width: 150rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-flyer_inner {
    padding: 0 2rem;
  }
}

.p-flyer_img img {
  width: 100%;
  height: auto;
}

.p-hearts {
  color: #fff;
  background: no-repeat bottom/100% url("https://www.logoshome.jp/guuus/assets/images/hearts/hearts_bg.jpg") fixed;
  min-height: 85rem;
}
@media screen and (max-width: 1200px) {
  .p-hearts {
    background: no-repeat bottom/100% url("https://www.logoshome.jp/guuus/assets/images/hearts/hearts_bg.jpg");
  }
}
@media screen and (max-width: 750px) {
  .p-hearts {
    background: no-repeat bottom/100% url("https://www.logoshome.jp/guuus/assets/images/hearts/hearts_bg_sp.jpg");
    min-height: 152.8rem;
  }
}

.p-hearts_outer {
  width: 100%;
  max-width: 115.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-hearts_outer {
    padding: 0 4rem;
  }
}

.p-hearts_inner {
  padding: 9rem 0 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .p-hearts_inner {
    flex-direction: column;
  }
}

.p-hearts_title-box {
  width: 33.3333%;
}
@media screen and (max-width: 750px) {
  .p-hearts_title-box {
    width: 100%;
    margin: 0 0 7rem;
  }
}

.p-hearts_title-text {
  font-size: 7.3rem;
  line-height: calc(8.6rem / 7.3rem);
  font-weight: 700;
  text-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 750px) {
  .p-hearts_title-text {
    text-align: center;
  }
}

.p-hearts_content-box {
  width: 66.6666%;
  padding: 0 0 0 8rem;
}
@media screen and (max-width: 750px) {
  .p-hearts_content-box {
    width: 100%;
    padding: 0;
  }
}

.p-hearts_content_text {
  font-size: 1.6rem;
  line-height: calc(2.9rem / 1.6rem);
}
@media screen and (max-width: 750px) {
  .p-hearts_content_text {
    font-size: 2.8rem;
    line-height: calc(4.7rem / 2.8rem);
  }
}

.p-works_inner {
  padding: 9rem 0 10rem;
}

.p-works_title-box {
  margin: 0 0 6rem;
}

.p-works_container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.clickable-message {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  transform: translate(100%, 0);
}
.clickable-message::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}
.clickable-message .message-box {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 200;
  opacity: 0;
}
.clickable-message .message-text {
  color: #fff;
  font-size: 3.2rem;
  line-height: calc(4rem / 3.2rem);
}

.clickable-img {
  width: 9.5rem;
  margin: 0 auto 2rem;
  transform: translate(0, -6rem);
}

@keyframes messageImgSlideInAnima {
  0% {
    transform: translate(0, -6rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes messageFadeInAnima {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes messageSlideInAnima {
  0% {
    opacity: 0;
    transform: translate(100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes messageSlideOutAnima {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
}
.p-works_container.is-clickable .clickable-message {
  animation: "messageSlideInAnima" 0.7s cubic-bezier(0.66, 1, 0.57, 0.99) 0s forwards, "messageSlideOutAnima" 1.1s cubic-bezier(0, 0.78, 0.46, 0.99) 2s forwards;
}
@media screen and (max-width: 750px) {
  .p-works_container.is-clickable .clickable-message {
    animation: "messageSlideInAnima" 0.5s cubic-bezier(0.66, 1, 0.57, 0.99) 0s forwards, "messageSlideOutAnima" 0.9s cubic-bezier(0, 0.78, 0.46, 0.99) 1.8s forwards;
  }
}
.p-works_container.is-clickable .clickable-message .message-box {
  animation: "messageFadeInAnima" 0.4s cubic-bezier(0, 1.03, 0, 1) 0.8s forwards;
}
@media screen and (max-width: 750px) {
  .p-works_container.is-clickable .clickable-message .message-box {
    animation: "messageFadeInAnima" 0.4s cubic-bezier(0, 1.03, 0, 1) 0.6s forwards;
  }
}
.p-works_container.is-clickable .clickable-img {
  animation: "messageImgSlideInAnima" 0.7s ease 1s forwards;
}

.p-works_box {
  width: 48rem;
  height: 58rem;
  max-width: 25%;
}
@media screen and (max-width: 750px) {
  .p-works_box {
    width: 37.4rem;
    height: 45.1rem;
    max-width: 50%;
  }
}

.p-works_item-bg {
  position: absolute;
  top: 0;
  left: 0;
}

.p-works_item {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-works_item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.p-works_item::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  transition: all 0.5s ease;
}
.p-works_item::after {
  content: "";
  width: 4.7rem;
  height: 4.7rem;
  display: inline-block;
  background: no-repeat center/100% url("../images/works/zoom-in_icon.png");
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 60;
}

.p-works_box:hover .p-works_item::before {
  opacity: 1;
}

.p-works_brand-logo {
  width: 10rem;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
}

.p-works_box_text-box {
  position: absolute;
  top: 6rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 100;
}
@media screen and (min-width: 751px) {
  .p-works_box_text-box {
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 750px) {
  .p-works_box_text-box {
    top: 4rem;
    display: none;
  }
}

.p-works_box-hikaria_text-box {
  top: 12rem;
}
@media screen and (max-width: 750px) {
  .p-works_box-hikaria_text-box {
    top: 6rem;
  }
}

.p-works_box:hover .p-works_box_text-box {
  opacity: 1;
}

.p-works_text {
  font-size: 1.8rem;
  line-height: calc(3.1rem / 1.8rem);
  letter-spacing: 0.12em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 500;
  background: none !important;
  padding: 0 !important;
}
@media screen and (max-width: 750px) {
  .p-works_text {
    font-size: 2.1rem;
    line-height: calc(4.6rem / 2.1rem);
    text-align: center;
  }
}
.p-works_text span {
  font-weight: 500;
  background: #fafafa;
  padding: 0.5rem 0.3rem;
}

.p-works_logo {
  display: inline-block;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-works_logo {
    bottom: 1rem;
  }
}

/*-------------------------------
*
* それぞれのロゴの大きさ指定
* sp時はpc時の65%の大きさ
*
-------------------------------*/
.p-works_logo-vesso {
  width: 16.3rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-vesso {
    width: 10.6rem;
  }
}

.p-works_logo-libra {
  width: 11.4rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-libra {
    width: 7.41rem;
  }
}

.p-works_logo-lifemates {
  width: 11.8rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-lifemates {
    width: 7.67rem;
  }
}

.p-works_logo-ridesun {
  width: 22.4rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-ridesun {
    width: 14.56rem;
  }
}

.p-works_logo-scandinavia {
  width: 26.2rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-scandinavia {
    width: 17.03rem;
  }
}

.p-works_logo-tokyobay {
  width: 24.2rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-tokyobay {
    width: 15.73rem;
  }
}

.p-works_logo-aec {
  width: 19.3rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-aec {
    width: 12.545rem;
  }
}

.p-works_logo-paris {
  width: 14.8rem;
}
@media screen and (max-width: 750px) {
  .p-works_logo-paris {
    width: 9.62rem;
  }
}

.p-contact-link {
  background: no-repeat center/100% url("../images/common/contact_link_bg.jpg");
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-contact-link {
    background: no-repeat center/100% url("../images/common/contact_link_bg_sp.jpg");
  }
}
.p-contact-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: radial-gradient(rgba(0, 0, 0, 0.2) 35%, transparent 36%), radial-gradient(rgba(0, 0, 0, 0.2) 35%, transparent 36%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.p-contact-link_inner {
  text-align: center;
  padding: 21rem 0 16rem;
}
@media screen and (max-width: 750px) {
  .p-contact-link_inner {
    padding: 30rem 2rem 18rem;
  }
}

.p-catalog-link {
  width: 115.2rem;
  border: 0.5rem solid #000;
  background: #f06543;
  border-radius: 1rem;
  display: inline-flex;
  padding: 0.5rem 4rem;
  position: relative;
  box-shadow: -0.4rem 0.7rem 1.5rem 1rem rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 750px) {
  .p-catalog-link {
    width: 100%;
    padding: 0.5rem 1.5rem;
    justify-content: space-between;
    box-shadow: -0.4rem 0.7rem 1.5rem 0.5rem rgba(0, 0, 0, 0.5);
  }
}
.p-catalog-link:hover .arrow {
  transform: translate(2rem, 0);
}

.p-catalog-link_hover-text {
  position: absolute;
  top: -12rem;
  left: 2rem;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_hover-text {
    top: -13rem;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.p-catalog-link_hover-text_img {
  width: 43.7rem;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_hover-text_img {
    width: 68.7rem;
  }
}

.p-catalog-link_books {
  width: 45rem;
  margin: 0 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_books {
    width: 22rem;
    margin: 0;
  }
}

.p-catalog-link_text-box {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_text-box {
    padding: 5rem 0 0;
  }
}
.p-catalog-link_text-box .p-catalog-link_main-text {
  font-size: 5.1rem;
  line-height: calc(6.1rem / 5.1rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_text-box .p-catalog-link_main-text {
    font-size: 4.4rem;
    line-height: calc(6rem / 4.4rem);
    margin: 0 0 3rem;
  }
}
.p-catalog-link_text-box .p-catalog-link_sub-text {
  font-size: 2.3rem;
  line-height: calc(3.1rem / 2.3rem);
  letter-spacing: 0.12em;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .p-catalog-link_text-box .p-catalog-link_sub-text {
    font-size: 2.3rem;
    line-height: calc(3.1rem / 2.3rem);
    transform: translate(-2.5rem, 0);
  }
}

.arrow {
  width: 4.2rem;
  transition: all 0.7s ease;
}

.p-catalog-link_arrow-box {
  position: absolute;
}
@media screen and (min-width: 751px) {
  .p-catalog-link_arrow-box {
    top: 50%;
    right: 0;
    transform: translate(200%, -60%);
  }
}
@media screen and (max-width: 750px) {
  .p-catalog-link_arrow-box {
    bottom: 3.7rem;
    right: 8rem;
    transform: rotate(90deg);
  }
}

.p-catalog-btn {
  position: relative;
}

.p-catalog-btn_inner {
  text-align: center;
  padding: 15rem 0 4rem;
}
@media screen and (max-width: 750px) {
  .p-catalog-btn_inner {
    padding: 14rem 2rem 2rem;
  }
}

.p-catalog-btn-link {
  width: 64rem;
  border: 0.5rem solid #fff;
  background: #f06543;
  border-radius: 15rem;
  padding: 0.5rem 4rem;
  position: relative;
  box-shadow: -0.4rem 0.7rem 1rem 0rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 750px) {
  .p-catalog-btn-link {
    width: 100%;
    padding: 0.5rem 1.5rem;
    justify-content: space-between;
  }
}
.p-catalog-btn-link:hover .arrow {
  transform: translate(2rem, 0);
}

.p-catalog-btn-link_hover-text {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  top: -7rem;
  left: 50%;
  font-size: 1.8rem;
  transform: translate(-50%, 0);
  white-space: nowrap;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-catalog-btn-link_hover-text {
    font-size: 2.4rem;
  }
}

.p-catalog-btn-link_hover-text::before,
.p-catalog-btn-link_hover-text::after {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background: #000;
  transform: rotate(45deg);
}
.p-catalog-btn-link_hover-text::after {
  transform: rotate(-45deg);
}

.p-catalog-btn-link_hover-text_img {
  width: 43.7rem;
}
@media screen and (max-width: 750px) {
  .p-catalog-btn-link_hover-text_img {
    width: 68.7rem;
  }
}

.p-catalog-btn-link_text-box {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 0;
  position: relative;
}
.p-catalog-btn-link_text-box .p-catalog-btn-link_main-text {
  font-size: 3rem;
  line-height: calc(4rem / 3rem);
  letter-spacing: 0.12em;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-catalog-btn-link_text-box .p-catalog-btn-link_main-text {
    font-size: 3.4rem;
    line-height: calc(5rem / 3.4rem);
  }
}

.arrow {
  width: 4.2rem;
  transition: all 0.7s ease;
}

.p-catalog-btn-link_arrow-box {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotate(90deg);
}
@media screen and (max-width: 750px) {
  .p-catalog-btn-link_arrow-box {
    right: 5rem;
  }
}

.p-chirami-btn {
  color: #fff;
  width: 40rem;
  padding: 2.5rem 0;
  display: inline-block;
  border: 0.3rem solid #fff;
  border-radius: 50vh;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .p-chirami-btn {
    width: 100%;
    padding: 3.7rem 0;
  }
}

.p-chirami-text {
  font-size: 2.8rem;
  line-height: calc(5rem / 2.8rem);
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-chirami-text {
    font-size: 3.5rem;
    line-height: calc(5rem / 3.5rem);
  }
}

.p-chirami-yubi {
  width: 9.5rem;
  height: 9.5rem;
  background: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  bottom: -2rem;
  right: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 750px) {
  .p-chirami-yubi {
    bottom: 10%;
    right: 6rem;
  }
}
.p-chirami-yubi::before {
  content: "";
  width: 5.3rem;
  height: 4.7rem;
  margin: 0 auto;
  display: inline-block;
  background: no-repeat center/100% url("../images/brand/yubi_icon.png");
}

.p-brand_inner {
  padding: 7rem 0;
  padding-bottom: 0 !important;
}

.p-brand-top_title-text {
  letter-spacing: 0.08em;
  position: relative;
}

.p-brand-top_icon {
  width: 5.3rem;
  display: inline-block;
  position: absolute;
  top: 0;
  transform: translate(-8rem, 5%);
}
@media screen and (max-width: 750px) {
  .p-brand-top_icon {
    position: relative;
    transform: translate(0, 20%);
    margin: 0 2rem 0 0;
  }
}

.p-brand_container {
  display: flex;
  flex-wrap: wrap;
}

.p-brand_box {
  width: 50%;
  height: 55rem;
}
@media screen and (max-width: 750px) {
  .p-brand_box {
    width: 100%;
    height: 85rem;
  }
}

.p-brand_index {
  width: 100%;
}

.p-brand_index_inner {
  height: 100%;
  padding: 5rem 7.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .p-brand_index_inner {
    padding: 4rem 8.5rem 6rem;
  }
}

.p-brand_index {
  width: 100%;
  height: 100%;
}

.p-brand_index_half-box {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-brand_index_half-box {
    width: 100%;
  }
}

.p-brand_index-box-01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .p-brand_index-box-01 {
    flex-direction: column;
  }
}

.p-brand_index_title {
  margin: 0 0 6rem;
}
@media screen and (max-width: 750px) {
  .p-brand_index_title {
    display: flex;
    justify-content: center;
    margin: 0 0 2rem;
  }
}

.p-brand_index_title-text {
  font-size: 3.8rem;
  line-height: calc(5rem / 3.8rem);
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-brand_index_title-text {
    display: inline-block;
  }
}

.brand-index-logo {
  margin: 0 auto;
}

.p-brand_index-box-02 {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  .p-brand_index-box-02 {
    flex-direction: column;
  }
}

.p-brand-index_point {
  width: 60%;
}
@media screen and (max-width: 750px) {
  .p-brand-index_point {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 750px) {
  .p-brand-index_point-list {
    display: inline-block;
  }
}

.p-brand-index_point-item {
  display: flex;
  margin: 0 0 2.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .p-brand-index_point-item {
    margin: 0 0 1.5rem;
  }
}
.p-brand-index_point-item::before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 0.7rem 0 0;
  display: inline-block;
  background: no-repeat center/100% url("../images/brand/checked_icon.png");
}
@media screen and (max-width: 750px) {
  .p-brand-index_point-item::before {
    width: 3.9rem;
    height: 3.9rem;
  }
}

.p-brand-index_point-text {
  color: #000;
  font-size: 2.2rem;
  line-height: calc(2.8rem / 2.2rem);
  letter-spacing: 0.12em;
  font-weight: 500;
  background: #fff;
  display: inline-block;
  padding: 0 0.4rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .p-brand-index_point-text {
    font-size: 2.9rem;
    line-height: calc(3.9rem / 2.9rem);
  }
}
.p-brand-index_point-text::before, .p-brand-index_point-text::after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.p-brand-index_point-text::after {
  transform: translate(-100%, 0);
  background: #fff;
}

.p-brand-index_house-box {
  position: relative;
  opacity: 0;
  transform: translate(0, 4rem);
}
@media screen and (max-width: 750px) {
  .p-brand-index_house-box {
    max-height: 20rem;
    margin: 0 0 2rem;
  }
}

.p-brand-index_house {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  .p-brand-index_house {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
}

.p-brand_index-box-03 {
  padding: 0 0 2rem;
  text-align: center;
}

.p-brand_index_house.p-duo_index_house {
  transform: none;
}

.p-brand_index_house-box .p-hilaria_index_pop {
  top: -9rem;
}
@media screen and (max-width: 750px) {
  .p-brand_index_house-box .p-hilaria_index_pop {
    top: 7rem;
    left: -5rem;
  }
}

.p-brand_index_house.p-hikaria_index_point_house {
  bottom: -9rem;
}
@media screen and (max-width: 750px) {
  .p-brand_index_house.p-hikaria_index_point_house {
    top: -3rem;
    width: 42rem;
  }
}

/*--------------------------------------
*
* スクロール時アニメーション
*
----------------------------------------*/
@keyframes brandFadeinAnima {
  0% {
    opacity: 0;
    transform: translate(0, 4rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes brandSlideRight-centerAnima {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes brandSlideRight-rightAnima {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
.p-brand_container .is-slidein .p-brand-index_house-box {
  animation: "brandFadeinAnima" 0.5s ease 0.7s forwards;
}
.p-brand_container .is-slidein .p-brand-index_point-text::before {
  -webkit-animation: "brandSlideRight-rightAnima" 0.3s ease 0.7s forwards;
  animation: "brandSlideRight-rightAnima" 0.3s ease 0.7s forwards;
}
.p-brand_container .is-slidein .p-brand-index_point-text::after {
  -webkit-animation: "brandSlideRight-centerAnima" 0.3s ease 0.2s forwards, "brandSlideRight-rightAnima" 0.3s ease 0.7s forwards;
  animation: "brandSlideRight-centerAnima" 0.3s ease 0.2s forwards, "brandSlideRight-rightAnima" 0.3s ease 0.7s forwards;
}

.p-hikaria_box {
  background: no-repeat center/100% url("../images/brand/hikaria/hikaria_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .p-hikaria_box {
    background: no-repeat center/100% url("../images/brand/hikaria/hikaria_index_bg_sp.jpg");
  }
}
.p-hikaria_box .brand-index-logo {
  width: 27.7rem;
  transform: translate(0, -1rem);
}
.p-hikaria_box .p-brand-index_point .p-brand-index_point-text {
  color: #009d85;
}
.p-hikaria_box .p-brand-index_point .p-brand-index_point-text::before {
  background: #009d85;
}
.p-hikaria_box .p-brand-index_house {
  width: 36.8rem;
}
@media screen and (min-width: 751px) {
  .p-hikaria_box .p-brand-index_house {
    transform: translate(3.5rem, 10.5rem);
  }
}
.p-hikaria_box .p-chirami-btn {
  background: #009d85;
}
.p-hikaria_box .p-chirami-yubi {
  border: 1rem solid #009d85;
}

.p-hilaria_index_pop {
  width: 26rem;
  position: absolute;
  top: -4rem;
  left: -6rem;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .p-hilaria_index_pop {
    width: 32.3rem;
    top: auto;
    bottom: 0;
  }
}

.p-duo_box {
  background: no-repeat center/100% url("../images/brand/duo/duo_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .p-duo_box {
    background: no-repeat center/100% url("../images/brand/duo/duo_index_bg_sp.jpg");
  }
}
.p-duo_box .brand-index-logo {
  width: 36.8rem;
}
.p-duo_box .p-brand-index_point .p-brand-index_point-text {
  color: #363637;
}
.p-duo_box .p-brand-index_point .p-brand-index_point-text::before {
  background: #363637;
}
.p-duo_box .p-brand-index_house {
  width: 36.8rem;
}
@media screen and (min-width: 751px) {
  .p-duo_box .p-brand-index_house {
    transform: translate(-5rem, 0);
  }
}
.p-duo_box .p-chirami-btn {
  background: #363637;
}
.p-duo_box .p-chirami-yubi {
  border: 1rem solid #363637;
}

.brand-ecoxia-box {
  background: no-repeat center/100% url("../images/brand/ecoxia/ecoxia_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .brand-ecoxia-box {
    background: no-repeat center/350% url("../images/brand/ecoxia/ecoxia_index_bg.jpg");
  }
}
.brand-ecoxia-box .brand-index-logo {
  width: 36.8rem;
  transform: translate(-1rem, 1rem);
}
.brand-ecoxia-box .p-brand-index_point .p-brand-index_point-text {
  color: #108fca;
}
.brand-ecoxia-box .p-brand-index_point .p-brand-index_point-text::before {
  background: #108fca;
}
.brand-ecoxia-box .p-brand-index_house {
  width: 51.4rem;
}
@media screen and (min-width: 751px) {
  .brand-ecoxia-box .p-brand-index_house {
    transform: translate(-12rem, 6rem);
  }
}
.brand-ecoxia-box .p-chirami-btn {
  background: #108fca;
}
.brand-ecoxia-box .p-chirami-yubi {
  border: 1rem solid #108fca;
}

.brand-zerocube-box {
  background: no-repeat center/100% url("../images/brand/zerocube/zerocube_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .brand-zerocube-box {
    background: no-repeat center/350% url("../images/brand/zerocube/zerocube_index_bg.jpg");
  }
}
.brand-zerocube-box .brand-index-logo {
  width: 39.2rem;
  transform: translate(0, 1rem);
}
.brand-zerocube-box .p-brand-index_point .p-brand-index_point-text::before {
  background: #e4424f;
}
.brand-zerocube-box .p-brand-index_point .p-brand-index_point-item::before {
  background-image: url("../images/brand/checked_icon_black.png");
}
.brand-zerocube-box .p-brand-index_house {
  width: 24.4rem;
}
@media screen and (min-width: 751px) {
  .brand-zerocube-box .p-brand-index_house {
    transform: translate(5rem, 6rem);
  }
}
.brand-zerocube-box .p-chirami-btn {
  background: #e4424f;
}
.brand-zerocube-box .p-chirami-yubi {
  border: 1rem solid #e4424f;
}

.p-guuus_box {
  background: no-repeat center/100% url("../images/brand/guuus/guuus_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .p-guuus_box {
    background: no-repeat center/100% url("../images/brand/guuus/guuus_index_bg_sp.jpg");
  }
}
.p-guuus_box .p-brand_index_title {
  margin: 0 0 1rem;
}
.p-guuus_box .p-guuus_index_logo {
  width: 33rem;
}
@media screen and (max-width: 750px) {
  .p-guuus_box .p-guuus_index_logo {
    width: 39rem;
  }
}
@media screen and (max-width: 750px) {
  .p-guuus_box .p-guuus_index_house {
    width: 48.8rem;
  }
}
.p-guuus_box .brand-index-logo {
  width: 36.8rem;
}
.p-guuus_box .p-brand-index_point .p-brand-index_point-text {
  color: #7da178;
}
.p-guuus_box .p-brand-index_point .p-brand-index_point-text::before {
  background: #7da178;
}
.p-guuus_box .p-brand-index_house {
  width: 36.8rem;
}
@media screen and (min-width: 751px) {
  .p-guuus_box .p-brand-index_house {
    transform: translate(-5rem, 0);
  }
}
.p-guuus_box .p-chirami-btn {
  background: #7da178;
}
.p-guuus_box .p-chirami-yubi {
  border: 1rem solid #7da178;
}

.p-stylyx_box {
  background: no-repeat center/100% url("../images/brand/stylyx/stylyx_index_bg.jpg");
}
@media screen and (max-width: 750px) {
  .p-stylyx_box {
    background: no-repeat center/100% url("../images/brand/stylyx/stylyx_index_bg_sp.jpg");
  }
}
.p-stylyx_box .p-brand_index_title {
  margin: 0 0 1rem;
}
@media screen and (max-width: 750px) {
  .p-stylyx_box .p-brand_index_title {
    margin: 0 0 4rem;
  }
}
.p-stylyx_box .p-stylyx_index_logo {
  margin: -1rem auto 0;
  width: 35rem;
}
@media screen and (max-width: 750px) {
  .p-stylyx_box .p-stylyx_index_logo {
    margin: 0 auto;
    width: 46rem;
  }
}
.p-stylyx_box .p-stylyx_index_point_house {
  position: static;
  margin: 0 auto;
  width: 62.8rem;
}
@media screen and (max-width: 750px) {
  .p-stylyx_box .p-stylyx_index_point_house {
    width: 100%;
  }
}
.p-stylyx_box .brand-index-logo {
  width: 36.8rem;
}
.p-stylyx_box .p-brand-index_point .p-brand-index_point-text {
  color: #c7c4bb;
}
.p-stylyx_box .p-brand-index_point .p-brand-index_point-text::before {
  background: #c7c4bb;
}
.p-stylyx_box .p-brand-index_house {
  width: 36.8rem;
}
@media screen and (min-width: 751px) {
  .p-stylyx_box .p-brand-index_house {
    transform: translate(-5rem, 0);
  }
}
.p-stylyx_box .p-chirami-btn {
  background: #c7c4bb;
}
.p-stylyx_box .p-chirami-yubi {
  border: 1rem solid #c7c4bb;
}

.p-brand-popup {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  overflow-y: scroll;
}

.p-brand-popup_bg {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}

.brand-popup_inner {
  padding: 20rem 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .brand-popup_inner {
    padding: 20rem 0.5rem;
  }
}

.p-brand-popup_close {
  width: 8.7rem;
  padding: 2rem;
  display: inline-block;
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_close {
    width: 11rem;
    padding: 1rem 1rem 3rem 3rem;
    top: 0;
    right: 0;
  }
}

.p-brand-popup_top {
  color: #fff;
  position: relative;
}

.p-brand-popup_top_title {
  margin: 0 0 4rem;
}

.p-brand-popup_top_title-text {
  font-size: 2.8rem;
  line-height: calc(3.9rem / 2.8rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  text-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
}

.p-brand-popup_top_content {
  width: 45.4rem;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_top_content {
    width: 56.3rem;
  }
}

.p-brand-popup_top_text {
  font-size: 1.5rem;
  line-height: calc(3rem / 1.5rem);
  letter-spacing: 0.12em;
  font-weight: 500;
  text-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 750px) {
  .p-brand-popup_top_text {
    font-size: 2.7rem;
    line-height: calc(3.9rem / 2.7rem);
  }
}

.slick-prev, .slick-next {
  width: 4rem;
  height: 4rem;
}

@media screen and (max-width: 750px) {
  .slick-prev {
    left: -2.5rem;
  }
}

@media screen and (max-width: 750px) {
  .slick-next {
    right: -2.5rem;
  }
}

.slick-prev:before, .slick-next:before {
  content: "";
  font-family: unset;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  transform: rotate(45deg);
}

.slick-prev:before {
  border-bottom: 2px solid #009d85;
  border-left: 2px solid #009d85;
}

.slick-next:before {
  border-top: 2px solid #009d85;
  border-right: 2px solid #009d85;
}

.p-brand-popup_container {
  background: #fff;
  width: 100%;
  max-width: 150rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.p-brand-popup_top_bg {
  width: 100%;
}

.p-brand-popup_top_logo {
  width: 27.2rem;
}

.p-brand-popup_top-box {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 8rem 16rem 4rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_top-box {
    padding: 7rem 5rem;
  }
}

.p-brand-popup_bottom {
  width: 100%;
  height: 70rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom {
    width: 70rem;
    height: auto;
    padding: 1rem;
    margin: 0 auto;
  }
}
.p-brand-popup_bottom::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: no-repeat center/100% url("https://www.logoshome.jp/guuus/assets/images/brand/hikaria/hikaria_slider-bg.jpg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.p-brand-popup_bottom_inner {
  width: 100%;
  height: 100%;
  display: inline-flex;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_inner {
    flex-direction: column;
  }
}

.p-brand-popup_bottom_title {
  color: #fff;
  width: 30.5rem;
  background: #83c9b9;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_title {
    width: 100%;
  }
}
.p-brand-popup_bottom_title::after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-top: 0.5rem solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 1rem solid #83c9b9;
  position: absolute;
}
@media screen and (min-width: 751px) {
  .p-brand-popup_bottom_title::after {
    top: 50%;
    right: -0.5rem;
  }
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_title::after {
    width: 2rem;
    height: 2rem;
    border-top: 2rem solid #83c9b9;
    border-right: 1rem solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 1rem solid transparent;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_title-inner {
    display: flex;
  }
}

.p-brand-popup_bottom_title-logo {
  width: 11.9rem;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_title-logo {
    width: 17.1rem;
    padding: 6rem 0;
    margin: 0 3rem 0 0;
  }
}

@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_subtitle {
    display: flex;
    align-items: center;
  }
}

.p-brand-popup_bottom_subtitle_text {
  font-size: 1.5rem;
  line-height: calc(2.9rem / 1.5rem);
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom_subtitle_text {
    font-size: 2.2rem;
    line-height: calc(4rem / 2.2rem);
    transform: translate(0, 1rem);
  }
}

.p-brand-popup_bottom-content {
  width: calc(100% - 30.5rem);
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .p-brand-popup_bottom-content {
    width: 100%;
    height: auto;
    padding: 2rem 0 4em;
  }
}

.p-brand-slider {
  width: 80rem;
  height: 50rem;
  max-width: 100%;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 8rem;
  transform: translate(0, -55%);
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 750px) {
  .p-brand-slider {
    width: 65rem;
    height: 65rem;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
}

.p-brand-slider_item {
  width: 100%;
  height: 50rem;
  background: #f8f4f1;
}
@media screen and (max-width: 750px) {
  .p-brand-slider_item {
    height: 65rem;
  }
}

.p-brand-slider_name {
  color: #fff;
  font-size: 1.4rem;
  line-height: calc(2.8rem / 1.4rem);
  letter-spacing: 0.12em;
  font-weight: 500;
  padding: 0 1rem;
  background: #83c9b9;
  display: inline-block;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media screen and (max-width: 750px) {
  .p-brand-slider_name {
    font-size: 2.1rem;
    line-height: calc(4rem / 2.1rem);
    padding: 0 2rem;
  }
}

@media screen and (max-width: 750px) {
  .p-brand-slider .slick-dots li, .p-brand-slider .slick-dots li button {
    width: 2rem;
    height: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .p-brand-slider .slick-dots {
    bottom: -2.5rem;
  }
}

.p-brand_catalog-link_box {
  padding: 11rem 0 10rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link_box {
    padding: 6rem 2rem 13rem;
  }
}

.p-brand_catalog-link {
  width: 100%;
  max-width: 100rem;
  box-shadow: 1rem 1rem 0 0 #83c9b9;
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link {
    padding: 4rem 1rem 3rem;
  }
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link .arrow-box {
    bottom: 4.2rem;
    right: -5rem;
    transform: rotate(0);
  }
}

.p-brand_catalog-link_books {
  width: 25.7rem;
  margin: 0 8rem 0 0;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link_books {
    width: 17.9rem;
    margin: 0 1rem 0 0;
    display: flex;
    align-items: center;
  }
}

.p-brand_catalog-link_logo {
  width: 11.9rem !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link_logo {
    width: 18.4rem !important;
    transform: none !important;
  }
}

.p-brand_catalog-link_text-box {
  padding: 5.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link_text-box {
    padding: 3rem 0 0;
  }
}

.p-brand_catalog-link_text-box .p-catalog-link_main-text {
  font-size: 4rem;
  line-height: calc(5rem / 4rem);
  margin: 0 0 1rem;
}

@media screen and (max-width: 750px) {
  .p-brand_catalog-link_arrow-box {
    bottom: -1rem;
    right: 6rem;
  }
}

.p-hikaria-popup_top .p-brand-popup_top_logo {
  width: 27.2rem;
  position: absolute;
  top: 5.5rem;
}
@media screen and (min-width: 751px) {
  .p-hikaria-popup_top .p-brand-popup_top_logo {
    left: 33%;
  }
}
@media screen and (max-width: 750px) {
  .p-hikaria-popup_top .p-brand-popup_top_logo {
    right: 10%;
  }
}

.hikaria-popup-middle .middle-item {
  padding: 0;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-item {
    overflow: hidden;
  }
}
.hikaria-popup-middle .middle-w70 {
  width: 109.4rem;
  padding: 1rem 0 2rem;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-w70 {
    width: 100%;
  }
}
.hikaria-popup-middle .middle-w30 {
  width: 40.5rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-w30 {
    width: 100%;
  }
}
.hikaria-popup-middle .hikaria-data-container {
  background: #dee4ef;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-title {
    padding: 4rem 0;
  }
}
.hikaria-popup-middle .hikaria-data-title-text {
  font-size: 1.8rem;
  line-height: calc(3.4rem / 1.8rem);
  letter-spacing: 0.12em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-title-text {
    font-size: 2.7rem;
    line-height: calc(4.6rem / 2.7rem);
  }
}
.hikaria-popup-middle .hikaria-data-subtitle-text {
  font-size: 1.7rem;
  line-height: calc(1.7rem / 1.7rem);
  letter-spacing: 0.12em;
  padding: 0 4rem;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-01 {
    width: 100%;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-01 img {
    width: 200rem;
  }
}
.hikaria-popup-middle .hikaria-data-02 {
  position: absolute;
  top: 0;
  transform: translate(0, -11.5%);
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .hikaria-data-02 {
    position: relative;
    transform: translate(0, 0);
  }
}
.hikaria-popup-middle .middle-box-02 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 {
    flex-direction: column-reverse;
    padding: 0 4.9rem;
  }
}
.hikaria-popup-middle .middle-box-02 .img-box {
  width: 47%;
  padding: 2rem 10rem;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 .img-box {
    width: 100%;
    padding: 2rem 6rem;
  }
}
.hikaria-popup-middle .middle-box-02 .content {
  width: 53%;
  padding: 0 16rem 0 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 .content {
    width: 100%;
    padding: 0;
  }
}
.hikaria-popup-middle .middle-box-02 .middle-title {
  font-size: 3.2rem;
  line-height: calc(6.8rem / 3.2rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  vertical-align: text-bottom;
  padding: 7rem 0 2rem;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 .middle-title {
    font-size: 4rem;
    line-height: calc(5.9rem / 4rem);
  }
}
.hikaria-popup-middle .middle-box-02 .middle-title span {
  font-size: 1.6rem;
  line-height: calc(1.6rem / 1.6rem);
  vertical-align: unset;
}
.hikaria-popup-middle .middle-box-02 .middle-text {
  font-size: 1.5rem;
  line-height: calc(2.4rem / 1.5rem);
  letter-spacing: 0.12em;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 .middle-text {
    font-size: 2.4rem;
    line-height: calc(3.5rem / 2.4rem);
  }
}
.hikaria-popup-middle .middle-box-02 .middle-text span {
  font-size: 1.2rem;
  line-height: calc(2.4rem / 1.2rem);
}
@media screen and (max-width: 750px) {
  .hikaria-popup-middle .middle-box-02 .middle-text span {
    font-size: 2.4rem;
    line-height: calc(3.5rem / 2.4rem);
    font-weight: 500;
  }
}

.hikaria-popup-bottom::before {
  background: no-repeat center/100% url("../images/brand/hikaria/hikaria_slider_bg.jpg");
}
@media screen and (max-width: 750px) {
  .hikaria-popup-bottom::before {
    background: no-repeat center/120% url("../images/brand/hikaria/hikaria_slider_bg_sp.jpg");
  }
}
.hikaria-popup-bottom .p-brand-popup_bottom_title {
  background: #83c9b9;
}
.hikaria-popup-bottom .slick-dots li.slick-active button:before {
  color: #a6d8c9;
}

.p-hikaria_box .p-brand_catalog-link_box .catalog-link {
  background: #4fc7ac;
  box-shadow: 1rem 1rem 0 0 #83c9b9;
}

@media screen and (max-width: 750px) {
  .duo-popup-top .top-box {
    padding: 9rem 4rem 4rem;
  }
}
.duo-popup-top .p-brand-popup_top_logo {
  width: 36.8rem;
  margin: 0 auto;
  transform: translate(-1.5rem, 0);
}
@media screen and (max-width: 750px) {
  .duo-popup-top .p-brand-popup_top_logo {
    transform: translate(0, 0);
    margin: 0 auto 4rem;
  }
}
.duo-popup-top .p-brand-popup_top_title {
  text-align: center;
  transform: translate(-1.5rem, 0);
}
@media screen and (max-width: 750px) {
  .duo-popup-top .p-brand-popup_top_title {
    transform: translate(0, 0);
    margin: 0 auto 8rem;
  }
}
.duo-popup-top .p-brand-popup_top_title-text {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .duo-popup-top .p-brand-popup_top_title-text {
    font-size: 3.4rem;
    line-height: calc(5.2rem / 3.4rem);
  }
}
.duo-popup-top .p-brand-popup_top_content {
  width: 42rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .duo-popup-top .p-brand-popup_top_content {
    width: 60rem;
  }
  .duo-popup-top .p-brand-popup_top_content .pc {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .duo-popup-top .p-brand-popup_top_content {
    width: 100%;
  }
}

.duo-popup-middle {
  color: #fff;
  display: flex;
}
.duo-popup-middle .middle-top-inner {
  display: flex;
  padding: 6rem;
}
.duo-popup-middle .middle-img {
  width: 19rem;
  padding: 0.5rem;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-img {
    width: 16.5rem;
    padding: 0;
  }
}
.duo-popup-middle .middle-content {
  padding: 6rem 2rem;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-content {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-content-box {
    display: flex;
  }
  .duo-popup-middle .middle-content-box:nth-last-child(1) {
    flex-direction: row-reverse;
  }
}
.duo-popup-middle .content-inner {
  display: none;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .content-inner {
    width: 50%;
    display: flex;
    justify-content: space-between;
  }
}
.duo-popup-middle .middle-title {
  padding: 7rem 0;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-title {
    width: 50%;
    padding: 0 0 0 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.duo-popup-middle .middle-title-text {
  font-size: 3.2rem;
  line-height: calc(6.8rem / 3.2rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-title-text {
    font-size: 4rem;
    line-height: calc(5.9rem / 4rem);
  }
}
.duo-popup-middle .middle-text {
  font-size: 1.5rem;
  line-height: calc(2.4rem / 1.5rem);
  letter-spacing: 0.12em;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .duo-popup-middle .middle-text {
    font-size: 2.4rem;
    line-height: calc(3.5rem / 2.4rem);
    width: 50%;
    padding: 0 4rem 0 1rem;
    display: flex;
    align-items: center;
  }
}

.p-duo_box .p-brand-popup_container {
  background: #434343;
}
.p-duo_box .p-brand-popup_bottom_title::after {
  border-left: 1rem solid #434343;
}
@media screen and (max-width: 750px) {
  .p-duo_box .p-brand-popup_bottom_title::after {
    border-left: 1rem solid transparent;
    border-top: 2rem solid #434343;
  }
}

.p-duo_box .p-brand_catalog-link_box .p-catalog-link {
  background: #e8c698;
  box-shadow: 1rem 1rem 0 0 #fff;
}
.p-duo_box .p-brand_catalog-link_box .p-brand_catalog-link_logo {
  width: 18.4rem;
  transform: translate(0, 2rem);
}
.p-duo_box .p-brand_catalog-link_box .p-catalog-link_text-box {
  color: #434343;
  padding: 6rem 0 0;
}

.duo-popup-bottom .p-brand-popup_bottom_title-logo {
  width: 20.3rem;
}
.duo-popup-bottom::before {
  background: no-repeat center/100% url("../images/brand/duo/duo_slider_bg.jpg");
}
@media screen and (max-width: 750px) {
  .duo-popup-bottom::before {
    background: no-repeat center/120% url("../images/brand/duo/duo_slider_bg_sp.jpg");
  }
}
.duo-popup-bottom .p-brand-popup_bottom_title {
  background: #434343;
}
.duo-popup-bottom .slick-prev::before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.duo-popup-bottom .slick-next:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.duo-popup-bottom .slick-dots li.slick-active button:before {
  color: #e7c393;
}

@media screen and (max-width: 750px) {
  .p-ecoxia-popup_container_outer {
    background: no-repeat top/cover url("../images/brand/ecoxia/ecoxia_popup_bg_sp.jpg");
    padding: 0 0 4rem;
  }
}

@media screen and (min-width: 751px) {
  .p-ecoxia-popup_container_inner {
    background: no-repeat top/cover url("../images/brand/ecoxia/ecoxia_popup_bg.jpg");
  }
}

.p-ecoxia-popup_top-box {
  display: flex;
  padding: 10rem 0 4rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_top-box {
    display: inline-block;
  }
}

.p-ecoxia-popup_top_half-box {
  width: 50%;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_top_half-box {
    width: 100%;
  }
}

.p-ecoxia-popup_top-01 {
  padding: 4rem 0 0 8rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_top-01 {
    padding: 0;
  }
}

.p-ecoia-popup_logo {
  width: 32.4rem;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 750px) {
  .p-ecoia-popup_logo {
    width: 35.4rem;
    margin: 0 auto 6rem;
  }
}

.p-ecoxia-popup_title {
  margin: 0 0 4rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_title {
    margin: 0 0 6rem;
  }
}

.p-ecoxia-popup_title_text {
  font-size: 2.8rem;
  line-height: calc(4.7rem / 2.8rem);
  letter-spacing: 0.12em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_title_text {
    font-size: 3.4rem;
    line-height: calc(4.7rem / 3.4rem);
  }
}

.p-ecoxia-popup_top-content {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_top-content {
    margin: 0 0 6rem;
  }
}

.p-ecoxia-popup_top-content_text {
  font-size: 1.5rem;
  line-height: calc(3rem / 1.5rem);
  letter-spacing: 0.12em;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_top-content_text {
    font-size: 2.7rem;
    line-height: calc(3.9rem / 2.7rem);
  }
}

.p-ecoxia-popup_middle {
  padding: 6rem 9rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_middle {
    padding: 6rem 4rem;
  }
}

.p-ecoxia-popup_top_content-img {
  width: 50rem;
  margin: 0 auto;
}

.p-ecoxia-popup_middle-box {
  display: flex;
  justify-content: space-between;
  margin: 0 0 6rem;
}
.p-ecoxia-popup_middle-box:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.p-ecoxia-popup_middle-box:nth-last-of-type(1) {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_middle-box {
    display: block;
  }
}

.p-ecoxia-popup_middle-box-half {
  width: 50%;
  width: calc(50% - 6rem);
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_middle-box-half {
    width: 100%;
    margin: 0 0 4rem;
  }
  .p-ecoxia-popup_middle-box-half:nth-last-of-type(1) {
    margin: 0;
  }
}

.p-ecoxia-popup_middle-content_title {
  color: #1768ac;
  font-size: 3.2rem;
  line-height: calc(5rem / 3.2rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  margin: 0 0 2rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_middle-content_title {
    font-size: 4rem;
    line-height: calc(5rem / 4rem);
  }
}

.p-ecoxia-popup_middle-content_text {
  font-size: 1.5rem;
  line-height: calc(2.4rem / 1.5rem);
  letter-spacing: 0.12em;
  width: 95%;
  margin: 0 0 2rem;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_middle-content_text {
    font-size: 2.4rem;
    line-height: calc(3.6rem / 2.4rem);
    width: 100%;
  }
}
.p-ecoxia-popup_middle-content_text:nth-last-of-type(1) {
  margin: 0;
}

.p-ecoxia-popup_middle-img-01 {
  width: 44.2rem;
}

.p-ecoxia-popup_middle-img-02 {
  width: 60rem;
}

.p-ecoxia-popup_middle-img-03 {
  width: 100%;
}

.p-ecoxia-popup_bottom {
  background: #efefef;
}

.p-ecoxia-popup_bottom_title {
  background: #6f9fc8;
}
.p-ecoxia-popup_bottom_title::after {
  border-left: 1rem solid #6f9fc8;
}
@media screen and (max-width: 750px) {
  .p-ecoxia-popup_bottom_title::after {
    border-left: 1rem solid transparent;
    border-top: 2rem solid #6f9fc8;
  }
}

.p-ecoxia-popup_bottom_logo {
  width: 22.2rem;
}

.p-ecoxia-popup_bottom .slick-dots li.slick-active button:before {
  color: #6f9fc8;
}

.p-ecoxia-popup_bottom .slick-next:before {
  border-top: 2px solid #6f9fc8;
  border-right: 2px solid #6f9fc8;
}

.p-ecoxia-popup_bottom .slick-prev::before {
  border-bottom: 2px solid #6f9fc8;
  border-left: 2px solid #6f9fc8;
}

.p-ecoxia_catalog-link_logo {
  width: 17.5rem;
  transform: translate(0, 1rem);
}
@media screen and (max-width: 750px) {
  .p-ecoxia_catalog-link_logo {
    transform: translate(0, -1.2rem);
  }
}

.p-ecoxia-popup_catalog-link {
  background: #1768ac;
  box-shadow: 1rem 1rem 0 0 #6f9fc8;
}

.p-zerocube-popup_container {
  background: #f6f5f0;
  padding: 0 10rem;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_container {
    padding: 0 2.5rem;
  }
}

.p-zerocube-popup_top-box {
  color: #000;
  width: 95%;
  max-width: 60rem;
  height: auto;
  padding: 9rem 8rem 10rem;
  margin: 0 auto;
  top: 50%;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_top-box {
    padding: 8rem 4rem 6rem;
    transform: translate(0, -40%);
  }
}

.p-zerocube-popup_logo {
  width: 32.1rem;
  margin: 0 auto 4rem;
}

.p-zerocube-popup_title {
  margin: 0 0 2rem;
}

.p-zerocube-popup_title_text {
  font-size: 2.8rem;
  line-height: calc(3.9rem / 2.8rem);
  letter-spacing: 0.12em;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_title_text {
    font-size: 3.2rem;
    line-height: calc(4.8rem / 3.2rem);
  }
}

.p-zerocube-popup_top-content_text {
  font-size: 1.5rem;
  line-height: calc(2.4rem / 1.5rem);
  letter-spacing: 0.12em;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_top-content_text {
    font-size: 2.8rem;
    line-height: calc(3.9rem / 2.8rem);
    font-weight: 700;
  }
}

.p-zerocube-popup_middle {
  padding: 6rem 0 0;
}

.p-zerocube-popup_middle_inner {
  display: flex;
  flex-wrap: wrap;
}

.p-zerocube-popup_middle_card {
  width: 50%;
  padding: 7rem 2.5rem 2rem;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_middle_card {
    width: 100%;
  }
}

.p-zerocube-popup_middle_card-head {
  color: #5d5d5d;
  position: relative;
  margin: 0 0 10rem;
}

.p-zerocube-popup_middle_card_point, .p-zerocube-popup_middle_card_point-yellow {
  font-size: 1.8rem;
  color: #b4dddc;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.p-zerocube-popup_middle_card_point::before, .p-zerocube-popup_middle_card_point-yellow::before {
  content: "";
  width: 0.1rem;
  height: 2rem;
  margin: 0 0 1rem;
  display: inline-block;
  background: #b4dddc;
  vertical-align: middle;
  transform: translate(-0.5rem, 0);
}

.p-zerocube-popup_middle_card_point-yellow {
  color: #fbeaba;
}
.p-zerocube-popup_middle_card_point-yellow::before {
  background: #fbeaba;
}

.p-zerocube-popup_middle_card_title {
  font-size: 2.8rem;
  line-height: calc(3.9rem / 2.8rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_middle_card_title {
    font-size: 3.4rem;
    line-height: calc(3.9rem / 3.4rem);
  }
}

.p-zerocube-popup_middle_card-head_text {
  font-size: 1.6rem;
  line-height: calc(2.8rem / 1.6rem);
  letter-spacing: 0.12em;
  font-weight: 700;
  width: 80%;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_middle_card-head_text {
    font-size: 2.8rem;
    line-height: calc(4.4rem / 2.8rem);
    width: 83%;
  }
}

.p-zerocube-popup_middle_card-bottom, .p-zerocube-popup_middle_card-bottom-yellow {
  width: 100%;
  height: 30rem;
  position: relative;
  background: #b4dddc;
}

.p-zerocube-popup_middle_card-bottom-yellow {
  background: #fbeaba;
}

.p-zerocube-popup_middle_card-bottom_img {
  width: 41.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5rem;
}

.p-zerocube-popup_middle_card-bottom_img-01 {
  width: 35rem;
  bottom: 1rem;
}

.p-zerocube-popup_middle_card-bottom_img-02 {
  width: 41.2rem;
}

.p-zerocube-popup_catalog-link {
  background: #fff;
  border-color: #bc2023;
  box-shadow: 1rem 1rem 0 0 #c9c9ca;
  padding: 2rem 1rem 1rem;
}

.p-zerocube-popup_link-books {
  width: 14.3rem;
}
@media screen and (min-width: 751px) {
  .p-zerocube-popup_link-books {
    margin: 0 10rem 0 6rem;
  }
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_link-books {
    width: 13rem;
    margin: 0 2rem 0 0;
  }
}

.p-zerocube-popup_catalog-link_text-box {
  color: #000;
  padding: 6.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .p-zerocube-popup_catalog-link_text-box {
    padding: 5rem 0 0;
  }
}

.p-zerocube_catalog-link_logo {
  width: 17.1rem;
  transform: translate(0, 1.5rem);
}
@media screen and (max-width: 750px) {
  .p-zerocube_catalog-link_logo {
    transform: translate(0, 0);
  }
}

@media screen and (max-width: 750px) {
  .p-zerocube-popup_catalog-link_arrow-box {
    bottom: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .guuus-popup-top .top-box {
    padding: 9rem 4rem 4rem;
  }
}
.guuus-popup-top .p-brand-popup_top_logo {
  width: 36.8rem;
  margin: 0 auto;
  transform: translate(-1.5rem, 0);
}
@media screen and (max-width: 750px) {
  .guuus-popup-top .p-brand-popup_top_logo {
    transform: translate(0, 0);
    margin: 0 auto 4rem;
  }
}
.guuus-popup-top .p-brand-popup_top_title {
  text-align: center;
  transform: translate(-1.5rem, 0);
}
@media screen and (max-width: 750px) {
  .guuus-popup-top .p-brand-popup_top_title {
    transform: translate(0, 0);
    margin: 0 auto 8rem;
  }
}
.guuus-popup-top .p-brand-popup_top_title-text {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .guuus-popup-top .p-brand-popup_top_title-text {
    font-size: 3.4rem;
    line-height: calc(5.2rem / 3.4rem);
  }
}
.guuus-popup-top .p-brand-popup_top_content {
  width: 42rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .guuus-popup-top .p-brand-popup_top_content {
    width: 60rem;
  }
  .guuus-popup-top .p-brand-popup_top_content .pc {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .guuus-popup-top .p-brand-popup_top_content {
    width: 100%;
  }
}

.p-guuus-popup {
  color: #fff;
  background: no-repeat center/cover url("../images/brand/guuus/guuus_popup_hearts.jpg") fixed;
  min-height: 85rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .p-guuus-popup {
    background: no-repeat bottom/cover url("https://www.logoshome.jp/guuus/assets/images/hearts/hearts_bg.jpg");
  }
}
@media screen and (max-width: 750px) {
  .p-guuus-popup {
    background: no-repeat bottom/cover url("../images/brand/guuus/guuus_popup_hearts_sp.jpg");
    min-height: 152.8rem;
    margin-bottom: 2rem;
  }
}
.p-guuus-popup::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(99, 172, 255, 0.1);
  opacity: 0.4;
}

.p-guuus-popup-outer {
  width: 100%;
  max-width: 115.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-outer {
    padding: 0 4rem 45rem;
  }
}

.p-guuus-popup-inner {
  padding: 9rem 0 0;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-inner {
    padding: 7rem 0 0;
    flex-direction: column;
  }
}

.p-guuus-popup-title-box {
  width: 41%;
  padding: 1rem 0 0;
  flex-shrink: 0;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-title-box {
    width: 100%;
    padding: 0;
    margin: 0 0 10rem;
  }
}

.p-guuus-popup-title-text {
  font-size: 7.3rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  margin: 0 0 2rem;
}

.p-guuus-popup-subtitle-text {
  font-size: 2.3rem;
  line-height: calc(3.7rem / 2.3rem);
  text-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-subtitle-text {
    font-size: 3rem;
    line-height: calc(4.8rem / 3rem);
    font-weight: 700;
  }
}
.p-guuus-popup-subtitle-text .small {
  font-size: 1.5rem;
  line-height: calc(2.8rem / 1.5rem);
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-subtitle-text .small {
    font-size: 2.4rem;
    line-height: calc(4.8rem / 2.4rem);
  }
}

.p-guuus-popup-content-box {
  width: 59%;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-content-box {
    width: 100%;
  }
}

.p-guuus-popup-content-text {
  font-size: 1.6rem;
  line-height: calc(2.9rem / 1.6rem);
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-content-text {
    font-size: 2.8rem;
    line-height: calc(4.1rem / 2.8rem);
    font-weight: 700;
  }
}

.p-guuus-popup-solar {
  width: 80.8rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup-solar {
    width: 72.2rem;
  }
}

.p-guuus_box .p-brand-popup_container {
  background: #7da178;
}
@media screen and (max-width: 750px) {
  .p-guuus_box .p-brand-popup_container {
    background: #fff;
  }
}
.p-guuus_box .p-brand-popup_bottom_title::after {
  border-left: 1rem solid #7da178;
}
@media screen and (max-width: 750px) {
  .p-guuus_box .p-brand-popup_bottom_title::after {
    border-left: 1rem solid transparent;
    border-top: 2rem solid #7da178;
  }
}

.p-guuus_box .p-brand_catalog-link_box {
  background: #fff;
}
.p-guuus_box .p-brand_catalog-link_box .p-catalog-link {
  background: #7da178;
  box-shadow: 1rem 1rem 0 0 #c4d5c2;
}
.p-guuus_box .p-brand_catalog-link_box .p-brand_catalog-link_logo {
  width: 18.4rem;
  transform: translate(0, 2rem);
}
.p-guuus_box .p-brand_catalog-link_box .p-catalog-link_text-box {
  color: #fff;
  padding: 6rem 0 0;
}

.guuus-popup-bottom .p-brand-popup_bottom_title-logo {
  width: 20.3rem;
}
.guuus-popup-bottom::before {
  background: no-repeat center/100% url("../images/brand/guuus/guuus_slider_bg.jpg") !important;
}
@media screen and (max-width: 750px) {
  .guuus-popup-bottom::before {
    background: no-repeat center/120% url("../images/brand/guuus/guuus_slider_bg_sp.jpg") !important;
  }
}
.guuus-popup-bottom .p-brand-popup_bottom_title {
  background: #7da178;
}
.guuus-popup-bottom .slick-prev::before {
  border-bottom: 2px solid #7da178 !important;
  border-left: 2px solid #7da178 !important;
}
.guuus-popup-bottom .slick-next:before {
  border-top: 2px solid #7da178 !important;
  border-right: 2px solid #7da178 !important;
}
.guuus-popup-bottom .slick-dots li.slick-active button:before {
  color: #abd9cd;
}

.p-brand_catalog-link.p-guuus-popup_catalog-link {
  padding: 0.5rem 6.8rem;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link.p-guuus-popup_catalog-link {
    gap: 2rem;
    padding: 4rem 3rem 3rem;
  }
}

.p-guuus-popup_conrainer .p-brand_catalog-link_books {
  width: 12.7rem;
}
@media screen and (max-width: 750px) {
  .p-guuus-popup_conrainer .p-brand_catalog-link_books {
    width: 12rem;
  }
}
@media screen and (max-width: 750px) {
  .p-guuus-popup_conrainer .p-brand_catalog-link_arrow-box {
    top: 50%;
    bottom: initial;
    right: -8rem;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 750px) {
  .p-stylyx-popup_top {
    margin-bottom: 2rem;
  }
}

.p-stylyx_box .p-brand-popup_container {
  background: #d4d3ce;
}
@media screen and (max-width: 750px) {
  .p-stylyx_box .p-brand-popup_container {
    background: #fff;
  }
}
.p-stylyx_box .p-brand-popup_bottom_title::after {
  border-left: 1rem solid #d4d3ce;
}
@media screen and (max-width: 750px) {
  .p-stylyx_box .p-brand-popup_bottom_title::after {
    border-left: 1rem solid transparent;
    border-top: 2rem solid #d4d3ce;
  }
}

.p-stylyx_box .p-brand_catalog-link_box .p-catalog-link {
  background: #827d69;
  box-shadow: 1rem 1rem 0 0 #c7c4bb;
}
.p-stylyx_box .p-brand_catalog-link_box .p-brand_catalog-link_logo {
  width: 18.4rem;
  transform: translate(0, 2rem);
}
.p-stylyx_box .p-brand_catalog-link_box .p-catalog-link_text-box {
  color: #fff;
  padding: 6rem 0 0;
}

.stylyx-popup-bottom .p-brand-popup_bottom_title-logo {
  width: 14.4rem;
}
.stylyx-popup-bottom::before {
  background: no-repeat center/100% #afac9f !important;
}
@media screen and (max-width: 750px) {
  .stylyx-popup-bottom::before {
    background: no-repeat center/120% #afac9f !important;
  }
}
.stylyx-popup-bottom .p-brand-popup_bottom_title {
  background: #d4d3ce;
  color: #595757;
}
.stylyx-popup-bottom .slick-prev::before {
  border-bottom: 2px solid #d4d3ce !important;
  border-left: 2px solid #d4d3ce !important;
}
.stylyx-popup-bottom .slick-next:before {
  border-top: 2px solid #d4d3ce !important;
  border-right: 2px solid #d4d3ce !important;
}
.stylyx-popup-bottom .slick-dots li button:before {
  color: #fff;
}
.stylyx-popup-bottom .slick-dots li.slick-active button:before {
  color: #887b5b;
}

.p-brand_catalog-link.p-stylyx-popup_catalog-link {
  padding: 0.5rem 6.8rem;
}
@media screen and (max-width: 750px) {
  .p-brand_catalog-link.p-stylyx-popup_catalog-link {
    gap: 2rem;
    padding: 4rem 3rem 3rem;
  }
}

.p-stylyx-popup_conrainer .p-brand_catalog-link_books {
  width: 12.7rem;
}
@media screen and (max-width: 750px) {
  .p-stylyx-popup_conrainer .p-brand_catalog-link_books {
    width: 12rem;
  }
}
@media screen and (max-width: 750px) {
  .p-stylyx-popup_conrainer .p-brand_catalog-link_arrow-box {
    top: 50%;
    bottom: initial;
    right: -8rem;
    transform: translateY(-50%);
  }
}

@keyframes js-orderin-item {
  0% {
    opacity: 0;
    transform: translate(0, 2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.js-orderin-item {
  opacity: 0;
  transform: translate(0, 2rem);
}

.is-orderin {
  animation: "js-orderin-item" 0.3s ease 0s forwards;
}

.details {
  color: #fff;
  background: linear-gradient(to right, #99c460, #70c89f);
}

.details-outer {
  width: 100%;
  max-width: 115.2rem;
  margin: 0 auto;
}

.details-inner {
  padding: 8rem 0 22rem;
}

.details-top {
  margin: 0 0 12rem;
}

.detail-top-box {
  text-align: center;
}

.details-catch01 {
  font-size: 4.2rem;
  line-height: calc(5.4rem / 4.2rem);
  font-weight: 700;
  display: inline-block;
  position: relative;
  margin: 0 0 6rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .details-catch01 {
    font-size: 5.1rem;
    line-height: calc(6.5rem / 5.1rem);
  }
}
.details-catch01::before, .details-catch01::after {
  content: "";
  width: 2.2rem;
  height: 4.5rem;
  display: inline-block;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 750px) {
  .details-catch01::before, .details-catch01::after {
    top: 48%;
  }
}
.details-catch01::before {
  background: no-repeat center/100% url("https://www.logoshome.jp/guuus/assets/images/details/details_catch01-left.png");
  left: -4rem;
}
@media screen and (max-width: 750px) {
  .details-catch01::before {
    left: -6rem;
  }
}
.details-catch01::after {
  background: no-repeat center/100% url("https://www.logoshome.jp/guuus/assets/images/details/details_catch01-right.png");
  right: -4rem;
}
@media screen and (max-width: 750px) {
  .details-catch01::after {
    right: -6rem;
  }
}

.details-catch-icon {
  width: 12.2rem;
  margin: 0 auto 6rem;
}

.details-catch02 {
  width: 39.1rem;
  margin: 0 auto 2rem;
}
@media screen and (max-width: 750px) {
  .details-catch02 {
    width: 48.8rem;
    margin: 0 auto 4rem;
  }
}

.details-catch-title {
  font-size: 3.5rem;
  line-height: calc(4.8rem / 3.5rem);
  letter-spacing: 0.12em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .details-catch-title {
    font-size: 4.4rem;
    line-height: calc(6rem / 4.4rem);
  }
}
.details-catch-title span {
  font-weight: 500;
  position: relative;
}
.details-catch-title span::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.details-middle {
  margin: 0 0 4rem;
}

.details-books {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 750px) {
  .details-books {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.details-book {
  width: 11.1rem;
  box-shadow: -0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 750px) {
  .details-book {
    margin: 0 4rem 4rem;
  }
}

.details-book:nth-of-type(2).is-orderin {
  animation: "js-orderin-item" 0.3s ease 0.2s forwards;
}

.details-book:nth-of-type(3).is-orderin {
  animation: "js-orderin-item" 0.3s ease 0.4s forwards;
}

.details-book:nth-of-type(4).is-orderin {
  animation: "js-orderin-item" 0.3s ease 0.6s forwards;
}

.details-book:nth-of-type(5).is-orderin {
  animation: "js-orderin-item" 0.3s ease 0.8s forwards;
}

.details-book:nth-of-type(6).is-orderin {
  animation: "js-orderin-item" 0.3s ease 1s forwards;
}

.details-bottom {
  padding: 10rem 0 0;
  margin: 0 0 13rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .details-bottom {
    width: 100%;
    max-width: 48rem;
    margin: 0 auto 13rem;
  }
}

.details-bottom-title {
  width: 19.4rem;
  position: absolute;
  top: 0;
  left: -9rem;
}

.details-container {
  position: relative;
  z-index: 100;
}

.details-list {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 750px) {
  .details-list {
    flex-direction: column;
    align-items: center;
  }
}

.details-list-item {
  width: 32.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .details-list-item {
    width: 100%;
    margin: 0 auto 8rem;
  }
  .details-list-item:nth-last-child(1) {
    margin: 0 auto;
  }
}

.details-list-img {
  box-shadow: -0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.2);
  margin: 0 auto 1.5rem;
}
@media screen and (max-width: 750px) {
  .details-list-img {
    width: 32.5rem;
  }
}

.details-list-bottom {
  min-height: 11.8rem;
}

.details-list-title {
  font-size: 1.8rem;
  line-height: calc(3rem / 1.8rem);
  letter-spacing: 0.06em;
  font-weight: 700;
  min-height: 6rem;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .details-list-title {
    font-size: 3.4rem;
    line-height: calc(4.2rem / 3.4rem);
  }
}
.details-list-title::before {
  content: "";
  width: 3.1rem;
  height: 2.6rem;
  margin: 0 1rem 0 0;
  display: inline-block;
  background: no-repeat center/100% url("https://www.logoshome.jp/guuus/assets/images/details/details_list_icon.png");
}
@media screen and (max-width: 750px) {
  .details-list-title::before {
    width: 4.3rem;
    height: 3.7rem;
    margin: 0 1.5rem 0 0;
  }
}

.details-list-text {
  font-size: 1.4rem;
  line-height: calc(2.5rem / 1.4rem);
  letter-spacing: 0.12em;
  font-weight: 300;
  padding: 0 0.5rem;
}
@media screen and (max-width: 750px) {
  .details-list-text {
    font-size: 2.6rem;
    line-height: calc(3.5rem / 2.6rem);
  }
}

@media screen and (max-width: 750px) {
  .details-link-box {
    padding: 0 2rem;
  }
}

.pickup {
  background: #fafafa;
}

.pickup-outer {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .pickup-outer {
    padding: 0 4rem;
  }
}

.pickup-inner {
  padding: 10rem 0;
}

.pickup-top {
  margin: 0 0 10rem;
}

.pickup-top-title {
  font-size: 3.1rem;
  line-height: calc(4.2rem / 3.1rem);
  letter-spacing: 0.19em;
  font-weight: 700;
  text-align: center;
}

.pickup-box {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20rem;
}
.pickup-box:nth-last-child(1) {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .pickup-box {
    margin: 0 0 8rem;
  }
}

.pickup-half-box {
  width: 50%;
}
@media screen and (max-width: 750px) {
  .pickup-half-box {
    width: 100%;
  }
}

.pickup-img-box {
  border: 1rem solid #fff;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .pickup-img-box {
    width: 24rem;
    height: 65rem;
  }
}

.pickup-img {
  width: 70rem;
}

.pickup-content-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .pickup-content-outer {
    display: flex;
    margin: 0 0 3rem;
  }
}

.pickup-content-inner {
  padding: 10rem 0 0;
}
@media screen and (max-width: 750px) {
  .pickup-content-inner {
    width: calc(100% - 24rem);
  }
}

.pickup-title-box {
  position: relative;
  margin: 0 0 4rem;
}
@media screen and (max-width: 750px) {
  .pickup-title-box {
    margin: 0 0 2rem;
  }
}

.pickup-title-balloon {
  width: 12.9rem;
  position: absolute;
  top: -14rem;
}

.pickup-title {
  font-size: 2.6rem;
  line-height: calc(4.5rem / 2.6rem);
  letter-spacing: 0.28em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .pickup-title {
    font-size: 3.4rem;
    line-height: calc(4.5rem / 3.4rem);
  }
}
.pickup-title span {
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .pickup-title span {
    font-size: 2.6rem;
    line-height: calc(4.5rem / 2.6rem);
  }
}

.pickup-text-box {
  padding: 0 3.5rem;
}
@media screen and (max-width: 750px) {
  .pickup-text-box {
    padding: 0 1rem;
  }
}

.pickup-text {
  font-size: 1.4rem;
  line-height: calc(2.9rem / 1.4rem);
  letter-spacing: 0.19em;
}
@media screen and (max-width: 750px) {
  .pickup-text {
    font-size: 2.8rem;
    line-height: calc(4rem / 2.8rem);
    letter-spacing: 0.08em;
  }
}

.pickup-btn-box {
  text-align: center;
}

.pickup-btn {
  color: #fff;
  font-size: 1.9rem;
  line-height: calc(2.9rem / 1.9rem);
  width: 65.8rem;
  padding: 4rem 0;
  margin: 0 0 3rem;
  display: inline-block;
  background: #7fad1b;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 750px) {
  .pickup-btn {
    font-size: 2.8rem;
    line-height: calc(2.9rem / 2.8rem);
  }
}
.pickup-btn:nth-last-child(1) {
  margin: 0;
}
.pickup-btn::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  background: no-repeat center/100% url("../images/common/arrow.png");
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translate(0, -50%);
  transition: all 0.7s ease;
}
@media screen and (max-width: 750px) {
  .pickup-btn::after {
    margin: 0;
  }
}
.pickup-btn:hover::after {
  transform: translate(1rem, -50%);
}

.pickup-box:nth-of-type(odd) .pickup-title-balloon {
  right: 6rem;
}
@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(odd) .pickup-title-balloon {
    right: 2rem;
  }
}

.pickup-box:nth-of-type(even) {
  flex-direction: row-reverse;
}
.pickup-box:nth-of-type(even) .pickup-title-balloon {
  left: 6rem;
}
@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(even) .pickup-title-balloon {
    left: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(even) .pickup-content-outer {
    flex-direction: row-reverse;
  }
}

.branch-top {
  width: 100%;
  padding: 80rem 0 0;
  margin: 0 0 6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .branch-top {
    padding: 82rem 0 0;
  }
}

.branch-top-box {
  width: 92.1rem;
  height: 70.6rem;
  background: rgba(127, 173, 27, 0.45);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3.5rem;
  left: 8.5rem;
  z-index: 100;
}
@media screen and (max-width: 750px) {
  .branch-top-box {
    width: 52.6rem;
    height: 60rem;
    top: 0;
    left: 0;
  }
}

.top-text-box {
  color: #fff;
}

.branch-top-title {
  font-size: 3.4rem;
  line-height: calc(5.4rem / 3.4rem);
  letter-spacing: 0.08em;
  font-weight: 700;
  margin: 0 0 2em;
}

.branch-top-text {
  font-size: 2.4rem;
  line-height: calc(5.5rem / 2.4rem);
  letter-spacing: 0.36em;
}

.branch-top-img {
  width: 118.4rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .branch-top-img {
    width: 64.8rem;
  }
}

.branch-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .branch-container {
    flex-direction: column;
    align-items: center;
  }
}

.branch-card {
  width: 62rem;
  padding: 8rem 0 0;
  margin: 0 0.5rem 7rem;
  position: relative;
}
.branch-card .card-half-box {
  width: 29.4rem;
}
.branch-card .card-quo-box {
  width: 14rem;
}
.branch-card .card-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.branch-card .card-top::after {
  content: "";
  width: 2px;
  height: 2.5rem;
  background: #7fad1b;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0, 125%);
}
.branch-card .card-top-title {
  font-size: 1.4rem;
  line-height: calc(2.9rem / 1.4rem);
  letter-spacing: 0.29em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .branch-card .card-top-title {
    font-size: 2.8rem;
    line-height: calc(2.9rem / 2.8rem);
  }
}
.branch-card .card-img-container {
  display: flex;
  justify-content: center;
  /* margin: 0 0 3rem; */
}
.branch-card .card-img-box {
  position: relative;
}
.branch-card .card-link-box {
  display: flex;
  justify-content: center;
  padding: 0 0 3rem;
}
.branch-card .flex-around {
  justify-content: space-around;
}

.branch-card-inner {
  padding: 0.6rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.1);
}

.branch-name {
  font-size: 1.4rem;
  line-height: calc(1.8rem / 1.4rem);
  font-weight: 700;
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .branch-name {
    font-size: 2rem;
    line-height: calc(3rem / 2rem);
  }
}
.branch-name span {
  font-weight: 700;
  padding: 0 0.7rem;
  background: #fff;
}

.branch-link {
  color: #fff;
  font-size: 1.6rem;
  line-height: calc(3rem / 1.6rem);
  width: 100%;
  max-width: 50rem;
  padding: 1.5rem 0;
  display: inline-block;
  background: #7fad1b;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 750px) {
  .branch-link {
    font-size: 2.4rem;
    line-height: calc(2.9rem / 2.4rem);
  }
}
.branch-link::after {
  content: "";
  width: 2.2rem;
  height: 1.1rem;
  display: inline-block;
  background: no-repeat center/100% url("https://www.logoshome.jp/guuus/assets/images/branch/branch_arrow.png");
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  .branch-link::after {
    width: 2.4rem;
    height: 1.3rem;
  }
}

.company-outer {
  width: 100%;
  max-width: 76.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .company-outer {
    padding: 0 4rem;
  }
}

.company-inner {
  padding: 10rem 0;
}

.company-title-box {
  margin: 0 0 10rem;
}

.company-item {
  font-size: 1.8rem;
  line-height: calc(3.8rem / 1.8rem);
  display: flex;
}
@media screen and (max-width: 750px) {
  .company-item {
    font-size: 2.6rem;
    line-height: calc(4.6rem / 2.6rem);
    padding: 1rem 0;
  }
}
.company-item dt {
  width: 25%;
  padding: 0 0 0 3rem;
}
@media screen and (max-width: 750px) {
  .company-item dt {
    padding: 0;
  }
}
.company-item dd {
  width: 75%;
  padding: 0 0 0 6rem;
}

.p-form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 0 250px;
  display: block;
}
@media screen and (max-width: 750px) {
  .p-form {
    padding: 8rem 0.5rem;
  }
}

.p-form-top {
  position: relative;
  padding: 70px;
}
@media screen and (max-width: 750px) {
  .p-form-top {
    padding: 4rem 0 0;
  }
}

.p-form-top_title {
  text-align: center;
  margin: 0 0 80px;
}
@media screen and (max-width: 750px) {
  .p-form-top_title {
    margin: 0 0 4rem;
  }
}

.p-form-top_title_text {
  color: #81b01b;
  font-size: 35px;
  line-height: calc(48px / 35px);
  letter-spacing: 0.12em;
  font-weight: 700;
  display: inline-block;
  transform: translate(60px, 0);
}
@media screen and (max-width: 1200px) {
  .p-form-top_title_text {
    font-size: 5.8rem;
    line-height: calc(7.8rem / 5.8rem);
    transform: translate(4rem, 0);
  }
}
@media screen and (max-width: 750px) {
  .p-form-top_title_text {
    font-size: 3.5rem;
    line-height: calc(4.8rem / 3.5rem);
    transform: translate(8rem, 0);
  }
}

.p-form-top_img {
  width: 200px;
  position: absolute;
  top: 0;
  left: 100px;
}
@media screen and (max-width: 1200px) {
  .p-form-top_img {
    width: 30rem;
    left: 10rem;
  }
}
@media screen and (max-width: 750px) {
  .p-form-top_img {
    width: 20rem;
    left: 0;
  }
}

.p-form-container {
  background: #eeeeee;
  padding: 80px 100px;
}
@media screen and (max-width: 750px) {
  .p-form-container {
    padding: 8rem 2rem;
  }
}

.p-form-body {
  padding: 50px;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .p-form-body {
    padding: 2rem 1rem;
  }
}

.p-form-label {
  font-size: 18px;
  line-height: calc(26px / 18px);
  padding: 5px;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .p-form-label {
    font-size: 2.6rem;
    line-height: calc(3.6rem / 2.6rem);
    padding: 0.5rem 1rem;
  }
}

.p-form_input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 700;
  border: none;
  box-shadow: 0 0 0 3px #c9c9c9 inset;
  border-radius: unset;
  font-size: 14px;
  line-height: calc(12px / 14px);
  width: 100%;
  height: 50px;
  padding: 10px;
}
@media screen and (max-width: 750px) {
  .p-form_input-text {
    box-shadow: 0 0 0 0.3rem #c9c9c9 inset;
    font-size: 2.8rem;
    line-height: calc(2.6rem / 2.8rem);
    height: 10rem;
    padding: 1rem;
  }
}
@media screen and (max-width: 550px) {
  .p-form_input-text {
    font-size: 16px;
    line-height: calc(20px / 16px);
  }
}
.p-form_input-text:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #b6c649 inset;
}
@media screen and (max-width: 750px) {
  .p-form_input-text:focus {
    box-shadow: 0 0 0 0.3rem #b6c649 inset;
  }
}
.p-form_input-text::placeholder {
  color: #c9c9c9;
}

.p-form_textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 700;
  border: none;
  box-shadow: 0 0 0 3px #c9c9c9 inset;
  border-radius: unset;
  font-size: 16px;
  line-height: calc(22px / 16px);
  resize: none;
  width: 98%;
  height: 14em;
  padding: 20px 30px;
}
@media screen and (max-width: 750px) {
  .p-form_textarea {
    box-shadow: 0 0 0 0.3rem #c9c9c9 inset;
    font-size: 2.8rem;
    line-height: calc(3.2rem / 2.8rem);
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 550px) {
  .p-form_textarea {
    font-size: 16px;
    line-height: calc(20px / 16px);
  }
}
.p-form_textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #b6c649 inset;
}
@media screen and (max-width: 750px) {
  .p-form_textarea:focus {
    box-shadow: 0 0 0 0.3rem #b6c649 inset;
  }
}
.p-form_textarea::placeholder {
  color: #c9c9c9;
}

.p-form_input-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  margin: 0 10px 0 0;
  display: inline-block;
  border: 1px solid #000;
  border-radius: unset;
  position: relative;
  transform: translate(0, 2px);
}
@media screen and (max-width: 750px) {
  .p-form_input-checkbox {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 1rem 0 0;
    transform: translate(0, 0.2rem);
  }
}
.p-form_input-checkbox::after {
  content: "";
  width: 10px;
  height: 5px;
  display: inline-block;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  position: absolute;
  top: 30%;
  left: 20%;
  transform: rotate(-45deg);
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .p-form_input-checkbox::after {
    width: 1.5rem;
    height: 0.7rem;
  }
}
.p-form_input-checkbox:checked::after {
  opacity: 1;
}

.p-form-group_head {
  border-bottom: 3px solid #000;
  padding: 10px 5px;
}
@media screen and (max-width: 750px) {
  .p-form-group_head {
    border-bottom: 0.3rem solid #000;
    padding: 1rem 2rem;
  }
}

.p-form-group_head_text {
  font-size: 18px;
  line-height: calc(27px / 18px);
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-form-group_head_text {
    font-size: 2.7rem;
    line-height: calc(3.6rem / 2.7rem);
  }
}
@media screen and (max-width: 550px) {
  .p-form-group_head_text {
    font-size: 15px;
    line-height: calc(20px / 15px);
  }
}

.p-form-group_head_text-small {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 0 20px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .p-form-group_head_text-small {
    font-size: 10px;
    line-height: calc(12px / 10px);
    margin: 0;
  }
}

.p-form-container_title {
  font-size: 20px;
  line-height: calc(30px / 20px);
  letter-spacing: 0.12em;
  font-weight: 700;
  display: flex;
  justify-content: center;
  margin: 0 0 70px;
}
@media screen and (max-width: 750px) {
  .p-form-container_title {
    font-size: 2.7rem;
    line-height: calc(3rem / 2.7rem);
    margin: 0 0 7rem;
  }
}
@media screen and (max-width: 550px) {
  .p-form-container_title {
    font-size: 15px;
    line-height: calc(20px / 15px);
  }
}

.p-form-container_title_img {
  width: 36px;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 750px) {
  .p-form-container_title_img {
    width: 3.6rem;
    margin: 0 2rem 0 0;
  }
}
@media screen and (max-width: 550px) {
  .p-form-container_title_img {
    width: 26px;
  }
}

.p-form-group_inner {
  display: flex;
  padding: 15px 0 30px;
}
@media screen and (max-width: 1200px) {
  .p-form-group_inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 750px) {
  .p-form-group_inner {
    padding: 1.5rem 0 4rem;
  }
}

.p-form-card {
  width: 210px;
  height: 125px;
  margin: 0 7px 6px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-form-card {
    width: calc(50% - 1rem);
    height: 18.6rem;
    margin: 0 0 2rem;
  }
}

.p-form-card_content {
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.p-form-card_content_inner {
  font-size: 17px;
  line-height: calc(27px / 17px);
}
@media screen and (max-width: 750px) {
  .p-form-card_content_inner {
    font-size: 2.5rem;
    line-height: calc(4rem / 2.5rem);
  }
}

.p-form-card_content_text {
  font-weight: 700;
}

.p-form-card_checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
  border: 1px solid #000;
  border-radius: unset;
  position: absolute;
  top: 43%;
  left: 5%;
  transform: translate(0, 0);
}
@media screen and (max-width: 750px) {
  .p-form-card_checkbox {
    width: 3.7rem;
    height: 3.7rem;
  }
}
.p-form-card_checkbox::after {
  content: "";
  width: 10px;
  height: 5px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  top: 30%;
  left: 20%;
  transform: rotate(-45deg);
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .p-form-card_checkbox::after {
    width: 2rem;
    height: 1rem;
  }
}

.p-form-card_label {
  width: 100%;
  height: 100%;
  padding: 0 0 0 20%;
  display: inline-block;
  border-radius: 10px;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  .p-form-card_label {
    padding: 0 0 0 9rem;
    border-radius: 1rem;
  }
}

.p-form-card-thumbnail {
  margin: 0 auto 2rem;
  width: 425px;
  height: 233px;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail {
    width: 67rem;
    height: auto;
    min-height: 25.3rem;
  }
  .p-form-card-thumbnail:nth-last-of-type(1) {
    margin: 0 auto;
  }
}

.p-form-card-thumbnail_label {
  padding: 26px 10px 20px;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_label {
    padding: 2.6rem 2rem 1rem;
  }
}

.p-form-card-thumbnail_checkbox {
  top: 30px;
  left: 15px;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_checkbox {
    top: 2rem;
    left: 2rem;
  }
}

.p-form-card-thumbnail_name {
  font-size: 18px;
  line-height: calc(27px / 18px);
  font-weight: 700;
  padding: 0 0 0 35px;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_name {
    font-size: 2.6rem;
    line-height: calc(2.7rem / 2.6rem);
    padding: 0 0 0 6rem;
  }
}

.p-form-card-thumbnail_content {
  height: auto;
  display: flex;
  align-items: unset;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_content {
    padding: 1rem 0 0;
  }
}

.p-form-card-thumbnail_img {
  width: 182px;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_img {
    width: 18.2rem;
  }
}

.p-form-card-thumbnail_inner {
  width: calc(100% - 182px);
  padding: 20px 0 0;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_inner {
    width: calc(100% - 18.2rem);
    padding: 0 0 0 2rem;
    display: flex;
    align-items: center;
  }
}

.p-form-card-thumbnail_content_text {
  font-size: 14px;
  line-height: calc(21px / 14px);
  letter-spacing: 0;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-form-card-thumbnail_content_text {
    font-size: 2.4rem;
    line-height: calc(3.6rem / 2.4rem);
  }
}

.p-form-group .p-form-card .p-form-card_checkbox:checked {
  border: 1px solid #fff;
}
.p-form-group .p-form-card .p-form-card_checkbox:checked::after {
  opacity: 1;
}
.p-form-group .p-form-card .p-form-card_checkbox:checked + .p-form-card_label {
  color: #fff;
  background: #81b01b;
}

.p-form-item {
  width: 100%;
  text-align: center;
}
.p-form-item dl {
  display: flex;
  padding: 7px;
}
@media screen and (max-width: 750px) {
  .p-form-item dl {
    padding: 1rem;
  }
}
.p-form-item dt {
  color: #1c3738;
  font-size: 14px;
  line-height: calc(26px / 14px);
  font-weight: 700;
  width: 100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .p-form-item dt {
    max-width: 20%;
  }
}
@media screen and (max-width: 750px) {
  .p-form-item dt {
    display: none;
  }
}
.p-form-item dd {
  width: 420px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .p-form-item dd {
    max-width: 80%;
  }
}
@media screen and (max-width: 750px) {
  .p-form-item dd {
    width: 100%;
    max-width: 100%;
  }
}
.p-form-item .p-form-item_half-box {
  width: 48%;
  width: calc(50% - 10px);
}
@media screen and (max-width: 750px) {
  .p-form-item .p-form-item_half-box {
    width: calc(50% - 1rem);
  }
}

.p-form-bottom {
  padding: 0 5% 30px;
}
@media screen and (max-width: 750px) {
  .p-form-bottom {
    padding-bottom: 4rem;
  }
}
.p-form-bottom a {
  border-bottom: 1px solid #000;
}
.p-form-bottom a:hover {
  color: #81b01b;
}

.p-form-bottom_text {
  font-size: 13px;
  line-height: calc(18px / 13px);
  letter-spacing: 0;
  padding: 4px 0;
}
@media screen and (max-width: 750px) {
  .p-form-bottom_text {
    font-size: 2rem;
    line-height: calc(3rem / 2rem);
    padding: 0.5rem 0;
  }
}

.p-submit-box {
  padding: 30px 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-submit-box {
    padding: 3rem 0;
  }
}

.p-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: unset;
  color: #fff;
  font-size: 16px;
  line-height: calc(30px / 16px);
  width: 300px;
  padding: 10px 0;
  display: inline-block;
  background: #81b01b;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .p-submit {
    font-size: 2.8rem;
    line-height: calc(7.7rem / 2.8rem);
    width: 50rem;
    padding: 1rem 0;
  }
}

.formError {
  opacity: 1 !important;
}
@media screen and (max-width: 750px) {
  .formError {
    left: 0 !important;
  }
}

.formError .formErrorContent {
  background: #81b01b;
  border-radius: unset;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.formError .formErrorArrow div {
  background: #81b01b;
}

.u-font-bold {
  font-weight: 700;
}

.u-font-blue-01 {
  color: #1768ac;
}

.u-font-white-01 {
  color: #fff;
}

.u-font-black-01 {
  color: #000;
}

.u-font-size-115 {
  font-size: 115%;
}

.u-font-size-80 {
  font-size: 80%;
}

.u-text-align-right {
  text-align: right;
}

.u-text-align-left {
  text-align: left !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mb-20 {
  margin-bottom: 2rem;
}

.u-mb-60 {
  margin-bottom: 6rem;
}

@media screen and (max-width: 750px) {
  .u-mb-20-sp {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-40-sp {
    margin-bottom: 4rem;
  }
}

.u-ml-10 {
  margin-left: 10px;
}

.u-flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.u-flex-row-reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 750px) {
  .u-flex-row-sp {
    flex-direction: row;
  }
}

.u-form-between {
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .u-form-between {
    justify-content: center;
  }
}

.u-form-start {
  justify-content: flex-start;
}

.u-form-flexwrap {
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .u-form-between-sp {
    justify-content: space-between;
  }
}

.u-readonly:focus {
  box-shadow: 0 0 0 0.3rem #c9c9c9 inset;
}

@media screen and (max-width: 750px) {
  .u-translatey--2rem-sp {
    transform: translateY(-2rem);
  }
}