@charset "UTF-8";

/* business/brand/* 페이지 전용 스타일 (style.css에서 분리) */

.swiper_navigation {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swiper_navigation .swiper-button-next,
.swiper_navigation .swiper-button-prev {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper_navigation .swiper-button-next:after,
.swiper_navigation .swiper-button-prev:after {
  position: relative;
  display: block;
  content: "";
}

.swiper_navigation .swiper-button-next.swiper-button-disabled,
.swiper_navigation .swiper-button-prev.swiper-button-disabled {
  opacity: .3;
}

.swiper_navigation .swiper-button-next .blind_text,
.swiper_navigation .swiper-button-prev .blind_text {
  width: 1px;
  height: 1px;
  font-size: 1px;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.text_link_white {
  color: #fff;
}

.section_top_visual.img_brand_list::before {
  background-image: url(/img/visual/img_brand_list-020aafe519368e01097dd67e24902b7a.png);
}

.area_full_banner .link_more {
  display: block;
}

.area_full_banner_platform .link_more {
  display: inline-block;
}

.area_full_banner_platform .link_more .text_link {
  margin-top: 0;
}

.area_business_brand {
  font-size: 0;
}

.area_business_brand .brand {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.area_business_brand .brand:hover .img_logo {
  opacity: 1;
  -webkit-transition: .3s ease-in-out opacity;
  transition: .3s ease-in-out opacity;
}

.area_business_brand .brand .name {
  display: block;
  color: #565e65;
}

.area_business_brand .brand .desc {
  color: #000;
}

.area_business_brand .box_img {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.area_business_brand .box_img:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.area_business_brand .box_img:after {
  position: absolute;
  z-index: 10;
  content: "";
  -webkit-transition: .3s ease-in-out opacity;
  transition: .3s ease-in-out opacity;
}

.area_business_brand .box_img img:not(.img_logo) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.area_business_brand .box_img .img_logo {
  position: absolute;
  z-index: 10;
}

.section_partnership {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e5e7ea;
  gap: 0 21px;
}

.section_partnership .box_left_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.section_partnership .box_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.section_partnership .link_partner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e5e7ea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}

.section_partnership .link_partner:first-child {
  margin-left: 0;
}

.section_partnership .link_partner img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_banner .link_brand_all {
  display: block;
  position: relative;
  background: url(/img/business/brand_link_all-d0a1dfe7d6d1362ee262d6a8a0b3e482.png) no-repeat center center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}

.section_banner .link_brand_all .title {
  display: block;
  width: 100%;
  color: #000;
}

.section_banner .link_brand_select {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_banner .link_brand_select .thumb {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.section_banner .link_brand_select .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_banner .link_brand_select .banner_title {
  display: block;
  position: absolute;
}

.section_banner .link_brand_select .banner_title img {
  height: 100%;
  max-height: 100%;
}

.section_banner .wrap_text_link {
  position: absolute;
}

.section_visual_brand {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_visual_brand .box_content_before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_visual_brand .title_visual {
  display: block;
  color: #000;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.section_visual_brand .brand_logo {
  display: block;
}

.section_visual_brand .thumb {
  position: absolute;
}

.section_visual_brand .thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
  content: "";
}

.section_visual_brand img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_visual_brand .text_sub_intro {
  color: #fff;
}

.section_visual_brand .title_intro {
  display: block;
  color: #fff;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.section_visual_brand .text_intro {
  color: #fff;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.section_visual_brand .item_after {
  color: #fff;
}

.section_visual_brand .title_item {
  display: block;
  position: relative;
  padding-left: 8px;
}

.section_visual_brand .title_item::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 100%;
  content: "";
}

.section_brand_model {
  position: relative;
  border-top: 1px solid #e5e7ea;
}

.section_brand_model .title {
  display: block;
  color: #000;
}

.section_brand_model .text {
  display: block;
}

.section_brand_model .item_model {
  padding: 0 !important;
}

.box_model_swiper {
  overflow: hidden;
}

.box_model_swiper .item_model {
  overflow: hidden;
}

.box_model_swiper .item_model:last-of-type {
  padding-right: 0;
}

.box_model_swiper .link_model_brand {
  display: block;
  position: relative;
  overflow: hidden;
}

.box_model_swiper .link_model_brand::after {
  position: absolute;
  background: url(/img/common/icon/ico_play-0171e03d82d2c9a206081bb5d104b031.svg) no-repeat center top/100%;
  content: "";
}

.box_model_swiper .item_model_motion {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.box_model_swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_brand_model_column {
  position: relative;
  border-top: 1px solid #e5e7ea;
}

.section_brand_model_column .wrap_text_link {
  position: absolute;
  left: 0;
}

.section_brand_model_column .text_link .text {
  text-decoration: none;
}

.section_brand_model_column .title {
  display: block;
  color: #000;
}

.section_brand_model_column .box_model_swiper {
  padding-top: 0;
}

.section_bestseller+.section_banner {
  border-top: 1px solid #e5e7ea;
}

.box_bestseller {
  font-size: 0;
  color: #000;
}

.box_bestseller .box_img {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.box_bestseller .box_img img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}

.box_bestseller .box_info {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.box_bestseller .text_brand {
  display: block;
  color: #565e65;
}

.box_bestseller .sub_title {
  display: block;
}

.box_bestseller .sub_text {
  color: #000;
}

.box_bestseller .desc_text {
  color: #000;
}

.box_bestseller .desc_text_normal {
  color: #51585f;
}

.box_bestseller .list {
  max-width: 568px;
}

.box_bestseller .list .text {
  position: relative;
  color: #51585f;
}

.box_bestseller .list .text::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 2px;
  background: #51585f;
  border-radius: 100%;
  content: "";
}

.box_bestseller .item_note,.box_bestseller .note,.box_bestseller .text_sub {
  color: #565e65;
}

.box_bestseller .note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box_bestseller .note::before {
  display: inline-block;
  content: "*";
}

.box_bestseller .item_note {
  position: relative;
}

.box_bestseller .item_note::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 2px;
  background: #51585f;
  border-radius: 100%;
  content: "";
}

.area_swiper_bestseller {
  position: relative;
}

.area_swiper_bestseller .swiper_bestseller_navigation {
  position: absolute;
  padding-right: 0;
}

.area_swiper_bestseller .swiper_bestseller_navigation .swiper-button-lock {
  display: none;
  opacity: 0;
}

.section_business_history {
  background: #f6f7f9;
  overflow: hidden;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_business_history .inner {
  width: 100%;
}

.section_business_history .box_img {
  overflow: hidden;
}

.section_business_history .box_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_business_history .box_text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section_business_history .sub_title {
  display: block;
}

.section_business_history .desc {
  color: #51585f;
}

.section_business_history .swiper_navigation {
  position: static;
}

.section_business_history .business_history_swiper_wrap {
  position: relative;
  overflow: hidden;
}

.section_business_history .business_history_swiper_wrap:before {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e7ea;
  content: "";
}

.section_business_history .business_history_swiper .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.section_business_history .business_history_swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_business_history .business_history_swiper .swiper-slide.swiper-slide-active .year:after {
  background-color: #50DF00;
}

.section_business_history .business_history_swiper .swiper-slide .year {
  position: relative;
  display: block;
}

.section_business_history .business_history_swiper .swiper-slide .year:after {
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-radius: 50%;
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  content: "";
}

.section_business_history .business_history_swiper .item_history {
  position: relative;
  padding-left: 8px;
  color: #51585f;
  overflow-wrap: break-word;
}

.section_business_history .business_history_swiper .item_history:before {
  position: absolute;
  left: 1px;
  width: 2px;
  height: 2px;
  background: currentColor;
  border-radius: 100%;
  content: "";
}

.section_business_history .business_history_swiper .item_history sup {
  font-size: 60%;
  vertical-align: super;
}

.section_business_history .business_history_swiper .footnote {
  color: #565e65;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_brand_character {
  border-top: 1px solid #e5e7ea;
}

.section_brand_character+.section_banner {
  border-top: 1px solid #e5e7ea;
}

.section_brand_character .brand_character_title {
  display: block;
}

.section_brand_character .brand_character_video {
  position: relative;
}

.section_brand_character .brand_character_video video {
  width: 100%;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
}

.section_brand_character .brand_character_video video[poster] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_brand_character .brand_character_video .btn_control {
  position: absolute;
  background: url(/img/common/icon/ico_play-0171e03d82d2c9a206081bb5d104b031.svg) no-repeat center top/100%;
}

.section_brand_character .brand_character_desc {
  color: #000;
}

.section_brand_character .box_character_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_brand_character .box_product_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_brand_character .btn_character_content,.section_brand_character .link_character_content {
  position: relative;
  display: block;
}

.section_brand_character .btn_character_content::after,.section_brand_character .link_character_content::after {
  position: absolute;
  background: url(/img/common/icon/icon_video_play-fa047d8af479035c268f7c70657e72be.svg) no-repeat center top/100%;
  content: "";
}

.section_brand_character .brand_character_img {
  display: block;
  overflow: hidden;
}

.section_brand_character .brand_character_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_brand_point {
  background: #f6f7f9;
}

.section_brand_point+.section_partnership {
  border-top: 0;
}

.section_brand_point .brand_point_title {
  display: block;
}

.section_brand_point .brand_point_link {
  position: relative;
  display: block;
  width: 699px;
  margin-left: auto;
}

.section_brand_point .brand_point_link img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section_brand_point .brand_point_link .btn_control {
  position: absolute;
  background: url(/img/common/icon/ico_play-0171e03d82d2c9a206081bb5d104b031.svg) no-repeat center top/100%;
}

.section_brand_point .btn_character_content,.section_brand_point .link_character_content {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: 0 0;
  cursor: pointer;
}

.section_brand_point .btn_character_content::after,.section_brand_point .link_character_content::after {
  position: absolute;
  background: url(/img/common/icon/icon_video_play-fa047d8af479035c268f7c70657e72be.svg) no-repeat center top/100%;
  content: "";
}

.area_popup_video {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
}

.area_popup_video .box_video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.area_popup_video .inner_video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.area_popup_video .btn_popup_close::after {
  display: block;
  content: "";
}

@media only screen and (min-width:769px) and (min-height:726px) and (max-height:1079px) {
.section_visual_brand .title_visual {
    font-size: 5.2rem;
    line-height: 1.3846153846;
    font-weight: 700;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
  }
}

@media only screen and (min-width:1170px) {
.swiper_navigation {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /* gap: 0 8px; */
    padding-right: var(--side-padding);
  }
.swiper_navigation .swiper-button-next,
  .swiper_navigation .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
.swiper_navigation .swiper-button-prev:after {
    width: 24px;
    height: 26px;
    background-image: url(/img/common/icon/icon_swiper_arrow_prev-893268c6fc7eb5d5351c6160a4646366.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
.swiper_navigation .swiper-button-next:after {
    width: 24px;
    height: 26px;
    background-image: url(/img/common/icon/icon_swiper_arrow_next-5ebe60ac67f32f9372d6b7382539563a.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
.link_more:hover .text_link:before,.link_more:hover .text_link_white:before {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
.link_more:hover .text_link:after,
.link_more:hover .text_link_white:after {
    top: 4px;
  }
.text_link_white:after,.text_link_white:before {
    margin-left: 8px;
    width: 10px;
    height: 10px;
    background-image: url(/img/mo-svg-97875a89f828e06fd1dffd2a7c65e553.svg);
    -webkit-background-size: 488px 318px;
    background-size: 488px 318px;
    background-position: -40px -304px;
    background-repeat: no-repeat;
  }
.area_full_banner .link_more:focus .text_link,.area_full_banner .link_more:hover .text_link {
    color: #4d4d4d;
  }
.area_full_banner .link_more:focus .text_link:after,
.area_full_banner .link_more:focus .text_link:before,
.area_full_banner .link_more:hover .text_link:after,
.area_full_banner .link_more:hover .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/pc-svg-29b9de264b4ae81309acae66f4ee8b85.svg);
    -webkit-background-size: 463px 434px;
    background-size: 463px 434px;
    background-position: -448px -41px;
    background-repeat: no-repeat;
  }
.area_full_banner_platform .link_more {
    margin-top: 30px;
  }
.area_full_banner_platform .link_more:focus .text_link,.area_full_banner_platform .link_more:hover .text_link {
    color: #4d4d4d;
  }
.area_full_banner_platform .link_more:focus .text_link:after,
.area_full_banner_platform .link_more:focus .text_link:before,
.area_full_banner_platform .link_more:hover .text_link:after,
.area_full_banner_platform .link_more:hover .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/pc-svg-29b9de264b4ae81309acae66f4ee8b85.svg);
    -webkit-background-size: 463px 434px;
    background-size: 463px 434px;
    background-position: -448px -41px;
    background-repeat: no-repeat;
  }
.area_business_brand {
    width: var(--content-right-width);
  }
.area_business_brand .brand {
    width: 371px;
  }
.area_business_brand .brand:nth-child(2) {
    margin-top: 100px;
  }
.area_business_brand .brand:nth-child(even) {
    margin: 100px 0 0 124px;
  }
.area_business_brand .brand:hover .box_img:before {
    opacity: 1;
    -webkit-transition: .3s ease-in-out opacity;
    transition: .3s ease-in-out opacity;
  }
.area_business_brand .brand:hover .box_img:after {
    opacity: 0;
  }
.area_business_brand .brand .name {
    margin-top: 44px;
    font-size: 1.8rem;
    font-weight: 400;
  }
.area_business_brand .brand .desc {
    margin-top: 20px;
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 700;
  }
.area_business_brand .box_img {
    padding-top: 113.23%;
  }
.area_business_brand .box_img:before {
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    -webkit-transition: .3s ease-in-out opacity;
    transition: .3s ease-in-out opacity;
  }
.area_business_brand .box_img:after {
    bottom: 35px;
    right: 35px;
    width: 42px;
    height: 42px;
    background-image: url(/img/mo-svg-97875a89f828e06fd1dffd2a7c65e553.svg);
    -webkit-background-size: 320.25px 208.69px;
    background-size: 320.25px 208.69px;
    background-position: -2.63px -55.13px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
  }
.area_business_brand .box_img .img_logo {
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transition: .3s ease-in-out opacity;
    transition: .3s ease-in-out opacity;
  }
.area_business_brand .fillimilli .img_logo {
    width: 160px;
    height: auto;
  }
.area_business_brand .idfm .img_logo {
    width: 156px;
    height: auto;
  }
.area_business_brand .bringgreen .img_logo {
    width: 232px;
    height: auto;
  }
.area_business_brand .colorgram .img_logo {
    width: 194px;
    height: auto;
  }
.area_business_brand .boh .img_logo {
    width: 150px;
    height: auto;
  }
.area_business_brand .shingmulnara .img_logo {
    width: 158px;
    height: auto;
  }
.area_business_brand .careplus .img_logo {
    width: 220px;
    height: auto;
  }
.area_business_brand .roundaround .img_logo {
    width: 256px;
    height: auto;
  }
.area_business_brand .wakemake .img_logo {
    width: 198px;
    height: auto;
  }
.area_business_brand .tantan .img_logo {
    width: 153px;
    height: auto;
  }
.area_business_brand .delight .img_logo {
    width: 174px;
    height: auto;
  }
.area_business_brand .rooteca .img_logo {
    width: 154px;
    height: auto;
  }
.business_detail_title {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -.8px;
  }
.section_partnership {
    min-width: var(--content-min-width);
    padding: 140px 0;
    margin: 0 auto;
  }
.section_partnership .box_left_title .partnership_title {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 50px;
  }
.section_partnership .box_link {
    width: 820px;
  }
.section_partnership .link_partner {
    width: 100%;
    height: 110px;
    margin-left: 12px;
  }
.section_partnership .link_partner img {
    width: 160px;
  }
.section_banner {
    gap: 0 21px;
    min-width: var(--content-min-width);
    margin: 0 auto;
  }
.section_banner .link_more:focus .text_link,.section_banner .link_more:hover .text_link {
    opacity: .6;
  }
.section_banner .link_brand_all {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 41.5%;
    height: 326px;
    padding: 100px 0 0 70px;
  }
.section_banner .link_brand_all .title {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
  }
.section_banner .link_brand_select {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 58.5%;
    height: 326px;
  }
.section_banner .link_brand_select .banner_title {
    top: 40px;
    left: 70px;
    width: 240px;
    height: 100px;
  }
.section_banner .link_brand_select.fillimilli .banner_title {
    top: 59px;
  }
.section_banner .link_brand_select.idfm .banner_title {
    top: 66px;
  }
.section_banner .link_brand_select.bringgreen .banner_title {
    top: 40px;
  }
.section_banner .link_brand_select.colorgram .banner_title {
    top: 61px;
  }
.section_banner .link_brand_select.boh .banner_title {
    top: 67px;
  }
.section_banner .link_brand_select.shingmulnara .banner_title {
    top: 70px;
  }
.section_banner .link_brand_select.careplus .banner_title {
    top: 58px;
  }
.section_banner .link_brand_select.roundaround .banner_title {
    top: 61px;
  }
.section_banner .link_brand_select.wakemake .banner_title {
    top: 41px;
  }
.section_banner .link_brand_select.delight .banner_title {
    top: 67px;
  }
.section_banner .link_brand_select.tantan .banner_title {
    top: 67px;
  }
.section_banner .wrap_text_link {
    left: 70px;
    bottom: 114px;
    margin-top: 28px;
  }
.section_banner .wrap_text_link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
  }
.section_banner .wrap_text_link:has(.text_link_white):after {
    background-color: #fff;
  }
.section_banner .text_link {
    padding-right: 15px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    line-height: 165%;
  }
.section_banner .text_link .text {
    padding-bottom: 1px;
    text-decoration: none;
    line-height: 150%;
  }
.section_banner .text_link {
    padding-bottom: 2px;
  }
.section_banner .text_link:before {
    display: none;
  }
.section_banner .text_link:after,.section_banner .text_link_white:after {
    top: 50%;
    width: 11px;
    height: 8px;
    background-image: url(/img/common/icon/icon_text_link_arrow-747e6237a51c6da9b18b328b3aeac5bb.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
.section_banner .text_link_white:after {
    filter: brightness(0) invert(1);
  }
.section_banner .link_more:hover .text_link:after,.section_banner .link_more:hover .text_link_white:after {
    top: 50%;
  }
.section_visual_brand {
    width: 100%;
    height: calc(100vh - var(--header-min-height));
    text-align: center;
  }
.section_visual_brand.is_active .thumb {
    width: 100%;
    height: calc(100% + 100px);
  }
.section_visual_brand.is_active .thumb::after {
    opacity: .4;
    -webkit-transition: opacity .8s .4s;
    transition: opacity .8s .4s;
  }
.section_visual_brand.is_active .box_content_before,.section_visual_brand.is_active .brand_logo,.section_visual_brand.is_active .title_visual {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
.section_visual_brand.is_active .btn_movement,.section_visual_brand.is_active .list_after,.section_visual_brand.is_active .text_intro,.section_visual_brand.is_active .text_sub_intro,.section_visual_brand.is_active .title_intro {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1s .4s;
    transition: opacity 1s .4s;
  }
.section_visual_brand.is_active .box_text_after {
    visibility: visible;
  }
.section_visual_brand .btn_movement,.section_visual_brand .list_after,.section_visual_brand .text_intro,.section_visual_brand .text_sub_intro,.section_visual_brand .title_intro {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
.section_visual_brand .box_content_before {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 50%;
    min-width: var(--content-min-width);
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_visual_brand .box_text {
    position: absolute;
    top: 19.1%;
  }
.section_visual_brand .title_visual {
    font-size: 6rem;
    line-height: 88px;
    font-weight: 700;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    letter-spacing: -1.2px;
  }
.section_visual_brand .brand_logo {
    position: absolute;
    right: 10px;
    bottom: 15.3%;
    width: 240px;
    height: 98px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
  }
.section_visual_brand .thumb {
    left: 50%;
    top: calc(50% - 50px);
    width: 490px;
    height: 77px;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transition: all .8s;
    transition: all .8s;
    overflow: hidden;
  }
.section_visual_brand .thumb::after {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
  }
.section_visual_brand .box_text_after {
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--content-min-width);
    border-radius: 18px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
.section_visual_brand .text_sub_intro {
    padding-bottom: 24px;
    visibility: hidden;
    font-size: 1.6rem;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
.section_visual_brand .title_intro {
    visibility: hidden;
    font-size: 3.8rem;
    line-height: 52px;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
.section_visual_brand .title_intro+.list_after {
    padding-top: 50px;
  }
.section_visual_brand .text_intro {
    visibility: hidden;
    padding-top: 28px;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    max-width: 800px;
  }
.section_visual_brand .list_after {
    visibility: hidden;
    padding-top: 30px;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
.section_visual_brand .item_after+.item_after {
    padding-top: 30px;
  }
.section_visual_brand .title_item {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 700;
  }
.section_visual_brand .title_item::before {
    top: 15px;
  }
.section_visual_brand .text_item {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
.section_visual_brand .btn_movement {
    visibility: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    margin-top: 40px;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
.section_visual_brand .btn_movement:focus,
  .section_visual_brand .btn_movement:hover {
    background-color: #fff;
    color: #000;
  }
.section_visual_brand .btn_movement .text_movement:after,
  .section_visual_brand .btn_movement .text_movement:before {
    width: 16px;
    height: 16px;
    background-image: url(/img/common/icon/icon_btn_movement_arrow-d8560b0293a3118176c95a640d311a54.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
  }
.section_visual_brand .btn_movement:focus .text_movement:after,
  .section_visual_brand .btn_movement:focus .text_movement:before,
  .section_visual_brand .btn_movement:hover .text_movement:after,
  .section_visual_brand .btn_movement:hover .text_movement:before {
    background-image: url(/img/common/icon/icon_btn_movement_arrow_black-f905112ceb6a38284418e10416e7c1fc.svg);
  }
.section_brand_model {
    --content-min-width: 1240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: var(--content-min-width);
    margin: 0 auto;
    padding: 140px 0;
  }
.section_brand_model .title {
    font-size: 4rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -1.04px;
  }
.section_brand_model .box_model_swiper {
    --slide-wide-width: 460px;
  }
.section_brand_model .box_model_wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 820px;
  }
.section_brand_model .box_model_wrap+.box_model_wrap {
    padding-top: 60px;
  }
.section_brand_model .text {
    padding-bottom: 36px;
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 700;
  }
.section_brand_model .item_model:not(:last-child) {
    margin-right: 20px;
  }
.box_model_swiper {
    --slide-wide-width: 480px;
  }
.box_model_swiper .item_model {
    width: 100px;
    height: 326px;
    padding-right: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
  }
.box_model_swiper .item_model:hover {
    -ms-flex-preferred-size: var(--slide-wide-width);
    flex-basis: var(--slide-wide-width);
  }
.box_model_swiper .item_model.is_active {
    -ms-flex-preferred-size: var(--slide-wide-width);
    flex-basis: var(--slide-wide-width);
  }
.box_model_swiper .item_model.img_pos22 img {
    -o-object-position: 22%;
    object-position: 22%;
  }
.box_model_swiper .item_model.img_pos27 .img_pc {
    -o-object-position: 27%;
    object-position: 27%;
  }
.box_model_swiper .item_model.img_pos30 img {
    -o-object-position: 30%;
    object-position: 30%;
  }
.box_model_swiper .item_model.img_pos45 .img_pc {
    -o-object-position: 45%;
    object-position: 45%;
  }
.box_model_swiper .item_model.img_pos48 .img_pc {
    -o-object-position: 48%;
    object-position: 48%;
  }
.box_model_swiper .item_model.img_pos66 img {
    -o-object-position: 66%;
    object-position: 66%;
  }
.box_model_swiper .item_model.img_pos75 img {
    -o-object-position: 70%;
    object-position: 70%;
  }
.box_model_swiper .item_model.img_pos52 .img_pc {
    -o-object-position: 52%;
    object-position: 52%;
  }
.box_model_swiper .item_model.img_pos55 .img_pc {
    -o-object-position: 55%;
    object-position: 55%;
  }
.box_model_swiper .item_model.img_pos58 .img_pc {
    -o-object-position: 58%;
    object-position: 58%;
  }
.box_model_swiper .item_model.img_pos72 .img_pc {
    -o-object-position: 72%;
    object-position: 72%;
  }
.box_model_swiper .link_model_brand {
    width: var(--slide-wide-width);
    height: 326px;
    margin-right: 20px;
  }
.box_model_swiper .link_model_brand::after {
    right: 40px;
    bottom: 40px;
    width: 60px;
    height: 60px;
  }
.section_brand_model_column {
  width: var(--content-min-width);
  margin: 0 auto;
  padding: 140px 0;
}

.section_brand_model_column .box_instagram_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
.section_brand_model_column .box_instagram_wrap .box_model_swiper {
    width: 820px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 820px;
    flex: 0 0 820px;
  }
.section_brand_model_column .wrap_text_link {
    display: flex;
    flex-direction: column;
    bottom: 140px;
    width: fit-content;
  }
.section_brand_model_column .wrap_text_link:after {
    content: "";
    align-self: stretch;
    height: 1px;
    border-radius: 1px;
    background: #808080;
  }
.section_brand_model_column .text_link {
    padding-right: 16px;
    padding-bottom: 2px;
  }
.section_brand_model_column .text_link .text {
    font-size: 1.6rem;
    line-height: normal;
    font-weight: 400;
  }
.section_brand_model_column .text_link:after,
.section_brand_model_column .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
  }
.section_brand_model_column .text_link:before {
    top: 8px;
  }
.section_brand_model_column a.text_link:focus:after,
  .section_brand_model_column a.text_link:focus:before,
  .section_brand_model_column a.text_link:hover:after,
  .section_brand_model_column a.text_link:hover:before {
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-size: inherit;
  }
.section_brand_model_column a.text_link:focus:after,
  .section_brand_model_column a.text_link:hover:after {
    top: 7px;
  }
.section_brand_model_column .title {
    --title-margin-right: 12px;
    max-width: 388px;
    margin-right: var(--title-margin-right);
    font-size: 4rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.64px;
  }
.section_brand_model_column .box_model_swiper .item_model:hover {
    -ms-flex-preferred-size: 460px;
    flex-basis: 460px;
  }
.section_brand_model_column .box_model_swiper .item_model.is_active {
    -ms-flex-preferred-size: 460px;
    flex-basis: 460px;
  }
.items_office_info .link_more {
    margin-top: 64px;
  }
.items_office_info .link_more .text_link {
    margin-top: 0;
  }
.items_office_info .link_more:focus .text_link,.items_office_info .link_more:hover .text_link {
    color: #4d4d4d;
  }
.items_office_info .link_more:focus .text_link:after,
.items_office_info .link_more:focus .text_link:before,
.items_office_info .link_more:hover .text_link:after,
.items_office_info .link_more:hover .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/pc-svg-29b9de264b4ae81309acae66f4ee8b85.svg);
    -webkit-background-size: 463px 434px;
    background-size: 463px 434px;
    background-position: -448px -41px;
    background-repeat: no-repeat;
  }
.section_bestseller {
    width: var(--content-min-width);
    margin: 0 auto;
    padding: 140px 0;
  }
.section_bestseller+.section_banner {
    padding-top: 140px;
  }
.box_bestseller {
    margin-top: 60px;
  }
.box_bestseller .box_img {
    width: 460px;
    height: 488px;
  }
.box_bestseller .box_info {
    width: calc(100% - 460px);
    padding-left: 140px;
  }
.box_bestseller .text_brand {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 22px; /* 122.222% */
  }
.box_bestseller .sub_title {
    margin-bottom: 8px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: 700;
  }
.box_bestseller .sub_title+.list {
    margin-top: 20px;
  }
.box_bestseller .sub_title+.desc_text_normal {
    margin-top: 20px;
  }
.box_bestseller .sub_text {
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: 700;
  }
.box_bestseller .desc_text {
    margin-bottom: 16px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: 700;
  }
.box_bestseller .desc_text:has(span) {
    margin-top: -9px;
  }
.box_bestseller .desc_text span {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
  }
.box_bestseller .desc_text+.desc_text,.box_bestseller .desc_text+.list {
    padding-top: 4px;
  }
.box_bestseller .desc_text_normal {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
  }
.box_bestseller .info_title {
    margin-bottom: 30px;
    font-size: 3.2rem;
    line-height: 1.375;
    font-weight: 700;
  }
.box_bestseller .list .item+.item {
    padding-top: 4px;
  }
.box_bestseller .list .text {
    padding-left: 8px;
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
.box_bestseller .list .text::before {
    top: 15px;
  }
.box_bestseller .list .text_sub {
    padding: 2px 0 0 8px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
.box_bestseller .note {
    margin-top: 16px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
.box_bestseller .note:has(span) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
.box_bestseller .note:has(span.star_lv01)::before {
    display: none;
  }
.box_bestseller .note span.star_lv01 {
    width: 100%;
  }
.box_bestseller .note span.star_lv01::before {
    display: inline-block;
    content: "*";
  }
.box_bestseller .note span.star_lv02 {
    width: 100%;
  }
.box_bestseller .note span.star_lv02::before {
    display: inline-block;
    content: "**";
  }
.box_bestseller .list_note {
    margin-top: 16px;
  }
.box_bestseller .item_note {
    padding-left: 8px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
.box_bestseller .item_note::before {
    top: 12px;
  }
.box_bestseller .wrap_text_link {
    display: flex;
    flex-direction: column;
    margin-top: 54px;
    width: fit-content;
  }
.box_bestseller .wrap_text_link:after {
    content: "";
    align-self: stretch;
    height: 1px;
    border-radius: 1px;
    background: #808080;
  }
.box_bestseller .text_link {
    font-weight: 400;
    line-height: 150%;
    padding-right: 16px;
    padding-bottom: 2px;
  }
.box_bestseller .text_link .text {
    text-decoration: none;
  }
.box_bestseller .text_link:after,
.box_bestseller .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
  }
.box_bestseller .text_link:before {
    top: 8px;
  }
.box_bestseller a.text_link:focus:after,
  .box_bestseller a.text_link:focus:before,
  .box_bestseller a.text_link:hover:after,
  .box_bestseller a.text_link:hover:before {
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-size: inherit;
  }
.box_bestseller a.text_link:focus:after,
  .box_bestseller a.text_link:hover:after {
    top: 7px;
  }
.area_swiper_bestseller .box_img {
    margin-bottom: 50px;
  }
.area_swiper_bestseller .swiper_bestseller_navigation {
    top: 60px;
    right: 0;
  }
.area_swiper_bestseller .swiper_bestseller_pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
.section_business_history {
    padding: 160px 0;
    padding-left: calc(50% - 650px);
  }
.section_business_history .box_img {
    width: 460px;
    height: 460px;
  }
.section_business_history .box_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 140px;
    margin-top: 60px;
  }
.section_business_history .sub_title {
    font-size: 3.2rem;
    line-height: 1.375;
    font-weight: 700;
  }
.section_business_history .desc {
    padding-top: 11px;
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
.section_business_history .box_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 880px;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_business_history .swiper_navigation {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-right: 0;
  }
.section_business_history .business_history_swiper_wrap {
    margin-top: 40px;
  }
.section_business_history .business_history_swiper_wrap:before {
    top: 69px;
  }
.section_business_history .business_history_swiper {
    -webkit-transform: translateX(calc((-100% + 480px)/ 2)) translateZ(0);
    transform: translateX(calc((-100% + 480px)/ 2)) translateZ(0);
  }
.section_business_history .business_history_swiper .swiper-slide {
    width: 480px;
  }
.section_business_history .business_history_swiper .swiper-slide .year {
    font-size: 3.2rem;
    font-weight: 700;
    padding-bottom: 30px;
    line-height: 36px;
    letter-spacing: -1.2px;
  }
.section_business_history .business_history_swiper .swiper-slide .year:after {
    width: 9px;
    height: 9px;
  }
.section_business_history .business_history_swiper .list_history {
    margin-top: 38px;
    padding-right: 48px;
  }
.section_business_history .business_history_swiper .item_history {
    font-size: 1.8rem;
    line-height: 24px;
    font-weight: 400;
  }
.section_business_history .business_history_swiper .item_history:before {
    top: 14px;
  }
.section_business_history .business_history_swiper .footnote {
    margin-top: 14px;
    padding-right: 48px;
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
.section_brand_character {
    width: var(--content-min-width);
    margin: 0 auto;
    padding: 140px 0;
  }
.section_brand_character+.section_banner {
    padding-top: 140px;
  }
.section_brand_character .brand_character_title {
    margin-bottom: 60px;
    font-size: 4rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.8px;
  }
.section_brand_character .brand_character_video {
    margin-right: 22px;
  }
.section_brand_character .brand_character_video:last-child {
    margin-right: 0;
  }
.section_brand_character .brand_character_video:nth-child(2n) {
    margin-right: 0;
  }
.section_brand_character .brand_character_video:nth-child(n+3) {
    margin-top: 100px;
  }
.section_brand_character .brand_character_video .video {
    width: 699px;
    height: 394px;
  }
.section_brand_character .brand_character_video .btn_control {
    right: 48px;
    bottom: 48px;
    width: 72px;
    height: 72px;
  }
.section_brand_character .brand_character_desc {
    margin-bottom: 30px;
    font-size: 2.4rem;
    line-height: 1.1666666667;
    font-weight: 600;
  }
.section_brand_character .box_character_contents {
    gap: 60px 22px;
  }
.section_brand_character .character_content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - 11px);
  }
.section_brand_character .btn_character_content,.section_brand_character .link_character_content {
    margin-right: 22px;
  }
.section_brand_character .btn_character_content:last-child,.section_brand_character .link_character_content:last-child {
    margin-right: 0;
  }
.section_brand_character .btn_character_content::after,.section_brand_character .link_character_content::after {
    right: 48px;
    bottom: 48px;
    width: 60px;
    height: 60px;
  }
.section_brand_character .btn_character_content:nth-child(2n),.section_brand_character .link_character_content:nth-child(2n) {
    margin-right: 0;
  }
.section_brand_character .btn_character_content:nth-child(n+3),.section_brand_character .link_character_content:nth-child(n+3) {
    margin-top: 100px;
  }
.section_brand_point .inner {
    width: var(--content-min-width);
    margin: 0 auto;
    padding: 140px 0;
  }
.section_brand_point .brand_point_title {
    margin-bottom: 30px;
    font-size: 5rem;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -1px;
  }
.section_brand_point .brand_point_desc {
    margin-bottom: 60px;
    font-size: 3.2rem;
    line-height: 1.375;
    font-weight: 700;
  }
.section_brand_point .brand_point_desc:has(span) {
    margin-bottom: 20px;
  }
.section_brand_point .brand_point_desc span {
    display: block;
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
    color: #51585f;
  }
.section_brand_point .brand_point_desc span i {
    font-style: normal;
    margin-left: 23px;
  }
.section_brand_point .brand_point_desc span:first-of-type {
    margin-top: 20px;
  }
.section_brand_point .brand_point_link .btn_control {
    right: 48px;
    bottom: 48px;
    width: 72px;
    height: 72px;
  }
.section_brand_point .btn_character_content,.section_brand_point .link_character_content {
    margin-right: 22px;
  }
.section_brand_point .btn_character_content:last-child,.section_brand_point .link_character_content:last-child {
    margin-right: 0;
  }
.section_brand_point .btn_character_content::after,
.section_brand_point .link_character_content::after {
    right: 48px;
    bottom: 48px;
    width: 80px;
    height: 80px;
  }
.area_popup_video .box_video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
  }
.area_popup_video video {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: auto;
    max-width: 700px;
    max-height: 700px;
    padding-top: 16px;
  }
.area_popup_video .btn_popup_close {
    margin-left: auto;
  }
.area_popup_video .btn_popup_close::after {
    width: 48px;
    height: 48px;
    background-image: url(/img/pc-svg-29b9de264b4ae81309acae66f4ee8b85.svg);
    -webkit-background-size: 463px 434px;
    background-size: 463px 434px;
    background-position: -326px -172px;
    background-repeat: no-repeat;
  }
html[lang=en] .bringgreen .box_bestseller .list li:nth-child(2) .text {
    margin-right: -9px;
  }
html[lang=en] .roundaround .box_bestseller .list li:nth-child(3) .text {
    margin-right: -47px;
  }
html[lang=en] .section_visual_brand .text_intro {
    letter-spacing: -.15px;
  }
}

@media only screen and (min-width:1440px) {
.area_business_brand .brand {
    width: 408px;
  }
}

@media only screen and (min-width:1640px) {
.section_partnership {
    --content-min-width: 1420px;
  }
.section_banner {
    --content-min-width: 1420px;
  }
.section_brand_model {
    --content-min-width: 1420px;
  }
.section_brand_model .box_model_swiper {
    --slide-wide-width: 460px;
  }
.box_model_swiper {
    --slide-wide-width: 580px;
  }
.section_brand_model_column {
    --content-min-width: 1420px;
  }
.section_brand_model_column .title {
    --title-margin-right: 212px;
    font-size: 4rem;
    line-height: 1.25;
    font-weight: 700;
  }
.section_bestseller {
    --content-min-width: 1420px;
  }
.section_business_history {
    padding-left: calc(50% - 710px);
  }
.section_brand_character {
    --content-min-width: 1420px;
  }
.section_brand_point {
    --content-min-width: 1420px;
  }
}

@media only screen and (max-width:1169.98px) {
.swiper_navigation {
    padding-right: var(--side-padding);
    /* gap: 0 8px; */
  }
.swiper_navigation .swiper-button-next,.swiper_navigation .swiper-button-prev {
    width: 32px;
    height: 32px;
  }
.swiper_navigation .swiper-button-prev:after {
    width: 20px;
    height: 21px;
    background-image: url(/img/common/icon/icon_swiper_arrow_prev-893268c6fc7eb5d5351c6160a4646366.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
.swiper_navigation .swiper-button-next:after {
    width: 20px;
    height: 21px;
    background-image: url(/img/common/icon/icon_swiper_arrow_next-5ebe60ac67f32f9372d6b7382539563a.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
.text_link_white:after,.text_link_white:before {
    margin-left: 5px;
    width: 10px;
    height: 10px;
    background-image: url(/img/mo-svg-97875a89f828e06fd1dffd2a7c65e553.svg);
    -webkit-background-size: 488px 318px;
    background-size: 488px 318px;
    background-position: -40px -304px;
    background-repeat: no-repeat;
  }
.area_full_banner_platform .link_more {
    margin-top: 20px;
  }
.area_business_brand .brand {
    width: 100%;
  }
.area_business_brand .brand:not(:first-child) {
    margin-top: 50px;
  }
.area_business_brand .brand .name {
    margin-top: 28px;
    font-size: 1.6rem;
    font-weight: 700;
  }
.area_business_brand .brand .desc {
    margin-top: 16px;
    font-size: 1.9rem;
    line-height: 1.4210526316;
    font-weight: 700;
    letter-spacing: -.2px;
  }
.area_business_brand .box_img {
    padding-top: 106.25%;
  }
.area_business_brand .box_img:before {
    opacity: .6;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(30%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0));
  }
.area_business_brand .box_img:after {
    width: 32px;
    height: 32px;
    bottom: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    background-image: url(/img/mo-svg-97875a89f828e06fd1dffd2a7c65e553.svg);
    -webkit-background-size: 244px 159px;
    background-size: 244px 159px;
    background-position: -2px -42px;
    background-repeat: no-repeat;
  }
.area_business_brand .box_img .img_logo {
    bottom: 29px;
    left: 24px;
    width: 50%;
  }
.area_business_brand .fillimilli .img_logo {
    bottom: 28px;
    width: 85px;
    height: auto;
  }
.area_business_brand .idfm .img_logo {
    bottom: 20px;
    width: 87px;
    height: auto;
  }
.area_business_brand .bringgreen .img_logo {
    bottom: 29px;
    width: 170px;
    height: auto;
  }
.area_business_brand .colorgram .img_logo {
    bottom: 25px;
    width: 118px;
    height: auto;
  }
.area_business_brand .boh .img_logo {
    bottom: 16px;
    width: 84px;
    height: auto;
  }
.area_business_brand .shingmulnara .img_logo {
    bottom: 25px;
    width: 95px;
    height: auto;
  }
.area_business_brand .careplus .img_logo {
    bottom: 27px;
    width: 133px;
    height: auto;
  }
.area_business_brand .roundaround .img_logo {
    bottom: 25px;
    width: 128px;
    height: auto;
  }
.area_business_brand .wakemake .img_logo {
    bottom: 27px;
    width: 128px;
    height: auto;
  }
.area_business_brand .tantan .img_logo {
    bottom: 24px;
    width: 82px;
    height: auto;
  }
.area_business_brand .delight .img_logo {
    bottom: 24px;
    width: 87px;
    height: auto;
  }
.area_business_brand .rooteca .img_logo {
    bottom: 24px;
    width: 100px;
    height: auto;
  }
.business_detail_title {
    font-size: 2.2rem;
    font-weight: 700;
  }
.section_partnership {
    width: auto;
    margin-left: 60px;
    margin-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_partnership {
    margin-left: 20px;
    margin-right: 20px;
  }
.section_partnership {
    display: block;
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_partnership .box_left_title {
    padding-bottom: 32px;
    width: 100%;
  }
.section_partnership .box_left_title .partnership_title {
    font-size: 2.2rem;
    font-weight: 700;
  }
.section_partnership .box_link {
    display: block;
  }
.section_partnership .link_partner {
    width: 100%;
    height: 112px;
    margin-left: 0;
    margin-bottom: 16px;
  }
.section_partnership .link_partner:last-child {
    margin-bottom: 0;
  }
.section_partnership .link_partner img {
    width: 155px;
  }
.section_banner {
    width: auto;
    margin-left: 60px;
    margin-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_banner {
    margin-left: 20px;
    margin-right: 20px;
  }
.section_banner {
    width: calc(100% - 40px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 20px;
  }
/* .section_banner .link_more .text_link .text {
    padding-bottom: 1px;
  } */
.section_banner .link_brand_all {
    width: 100%;
    height: 163px;
    margin-bottom: 20px;
    padding: 50px 40px 0;
    background-image: url(/img/business/brand_link_all_mo-bb19c0cdeb56dc6c1ea679633717dca9.png);
  }
.section_banner .link_brand_all .title {
    margin-right: 0;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
  }
.section_banner .link_brand_select {
    width: 100%;
    min-height: 163px;
  }
.section_banner .link_brand_select .banner_title {
    top: 8px;
    left: 40px;
    width: 190px;
    height: 60px;
  }
.section_banner .link_brand_select.fillimilli .banner_title {
    top: 8px;
  }
.section_banner .link_brand_select.idfm .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.bringgreen .banner_title {
    top: 8px;
  }
.section_banner .link_brand_select.colorgram .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.boh .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.shingmulnara .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.careplus .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.roundaround .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.wakemake .banner_title {
    top: 8px;
  }
.section_banner .link_brand_select.delight .banner_title {
    top: 25px;
  }
.section_banner .link_brand_select.tantan .banner_title {
    top: 25px;
  }
.section_banner .wrap_text_link {
    left: 40px;
    bottom: 50px;
    margin-top: 10px;
  }
.section_banner .wrap_text_link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.8px;
    border-radius: 1px;
   background-color: #000;
  }
.section_banner .wrap_text_link:has(.text_link_white):after {
    background-color: #fff;
  }
.section_banner .text_link {
    padding-right: 14px;
    font-size: 1.4rem;
    line-height: 1.5714285714;
    font-weight: 400;
  }
.section_banner .text_link .text {
    text-decoration: none;
  }
.section_banner .text_link {
    padding-bottom: 2px;
  }
.section_banner .text_link:before {
    display: none;
  }
.section_banner .text_link:after,.section_banner .text_link_white:after {
    top: 50%;
    width: 11px;
    height: 8px;
    background-image: url(/img/common/icon/icon_text_link_arrow-747e6237a51c6da9b18b328b3aeac5bb.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
.section_banner .text_link_white:after {
    filter: brightness(0) invert(1);
  }
.section_banner .link_more:hover .text_link:after,.section_banner .link_more:hover .text_link_white:after {
    top: 50%;
  }
.section_visual_brand {
    width: 100%;
    padding: 40px 20px 0;
  }
.section_visual_brand .box_content_before {
    padding: 0;
  }
.section_visual_brand .title_visual {
    font-size: 3rem;
    line-height: 1.2333333333;
    font-weight: 700;
    letter-spacing: -.6px;
  }
.section_visual_brand .brand_logo {
    width: 120px;
    height: 49px;
    margin: 0 0 0 auto;
  }
.section_visual_brand .box_thumb_content {
    position: relative;
    margin: 40px -20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_visual_brand .thumb {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
.section_visual_brand .box_text_after {
    position: relative;
    padding: 40px 29px;
  }
.section_visual_brand .text_sub_intro {
    padding-bottom: 16px;
    font-size: 1.2rem;
    font-weight: 700;
  }
.section_visual_brand .title_intro {
    font-size: 2.2rem;
    line-height: 1.2727272727;
    font-weight: 700;
  }
.section_visual_brand .title_intro+.list_after {
    padding-top: 30px;
  }
.section_visual_brand .text_intro {
    padding-top: 17px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 500;
  }
.section_visual_brand .list_after {
    padding-top: 10px;
  }
.section_visual_brand .item_after+.item_after {
    padding-top: 5px;
  }
.section_visual_brand .title_item {
    font-size: 1.2rem;
    line-height: 1.75;
    font-weight: 700;
  }
.section_visual_brand .title_item::before {
    top: 10px;
  }
.section_visual_brand .text_item {
    font-size: 1.2rem;
    line-height: 1.75;
  }
.section_visual_brand .btn_movement {
    margin-top: 32px;
  }
.section_visual_brand .btn_movement .text_movement:after,
  .section_visual_brand .btn_movement .text_movement:before {
    background-image: url(/img/common/icon/icon_btn_movement_arrow_mo-2666ef8c9ffbcb2a1355dd00c4d3feef.svg);
    background-size: contain;
    background-position: 100% 100%;
  }
.section_brand_model {
    width: auto;
    margin-left: 60px;
    margin-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_brand_model {
    margin-left: 20px;
    margin-right: 20px;
  }
.section_brand_model {
    padding: 50px 0;
    margin: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_brand_model .title {
    font-size: 2.2rem;
    line-height: 1.1363636364;
    font-weight: 700;
  }
.section_brand_model .box_model_wrap {
    padding-top: 32px;
  }
.section_brand_model .text {
    padding-bottom: 24px;
    font-size: 1.4rem;
    line-height: 1.6428571429;
    font-weight: 700;
  }
.section_brand_model .item_model:not(:last-child) {
    margin-right: 8px;
  }
.section_brand_model .item_model .img_pc {
    display: none;
  }
.box_model_swiper {
    margin: 0 -20px;
    padding: 0 20px;
  }
.box_model_swiper .item_model {
    width: 320px;
    height: 200px;
    padding-right: 8px;
  }
.box_model_swiper .link_model_brand {
    width: 320px;
    height: 200px;
    margin-right: 8px;
  }
.box_model_swiper .link_model_brand::after {
    right: 12px;
    bottom: 12px;
    width: 32px;
    height: 32px;
  }
.section_brand_model_column {
    width: auto;
    margin-left: 60px;
    margin-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section_brand_model_column.colorgram {
  margin-bottom: 50px;
}
.section_brand_model_column {
    margin-left: 20px;
    margin-right: 20px;
  }
.section_brand_model_column {
    padding: 50px 0;
    margin: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_brand_model_column .wrap_text_link {
    display: flex;
    flex-direction: column;
    bottom: 0;
    width: fit-content;
  }
.section_brand_model_column .wrap_text_link:after {
    content: "";
    align-self: stretch;
    height: 1px;
    border-radius: 1px;
    background-color: #808080;
  }
.section_brand_model_column .text_link {
    padding-right: 16px;
  }
.section_brand_model_column .text_link .text {
    padding-bottom: 3px;
    font-size: 1.4rem;
    line-height: normal;
    font-weight: 400;
  }
.section_brand_model_column .text_link:after,
  .section_brand_model_column .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
  }
.section_brand_model_column a.text_link:focus:after,.section_brand_model_column a.text_link:focus:before,.section_brand_model_column a.text_link:hover:after,.section_brand_model_column a.text_link:hover:before {
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
  }
.section_brand_model_column .title {
    margin-bottom: 35px;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
  }
.items_office_info .link_more {
    margin-top: 30px;
  }
.section_bestseller {
    width: 100%;
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_bestseller+.section_banner {
    padding-top: 50px;
  }
.box_bestseller {
    margin-top: 32px;
  }
.box_bestseller .box_img {
    position: relative;
    width: 100%;
    padding-top: 100%;
  }
.box_bestseller .box_img img {
    position: absolute;
    top: 0;
    left: 0;
  }
.box_bestseller .box_info {
    width: 100%;
    margin-top: 23px;
  }
.box_bestseller .text_brand {
    margin-bottom: 11px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
  }
.box_bestseller .sub_title {
    margin-bottom: 6px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
  }
.box_bestseller .sub_title+.list {
    margin-top: 17px;
  }
.box_bestseller .sub_title+.desc_text_normal {
    margin-top: 17px;
  }
.box_bestseller .sub_text {
    margin-bottom: 17px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
  }
.box_bestseller .desc_text {
    margin-bottom: 17px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
  }
.box_bestseller .desc_text:has(span) {
    margin-top: -7px;
  }
.box_bestseller .desc_text span {
    font-size: 1.2rem;
    line-height: 1.75;
    font-weight: 500;
  }
.box_bestseller .desc_text_normal {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 500;
  }
.box_bestseller .info_title {
    margin-bottom: 17px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.5px;
  }
.box_bestseller .list .item+.item {
    padding-top: 4px;
  }
.box_bestseller .list .text {
    padding-left: 6px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
.box_bestseller .list .text::before {
    top: 9px;
  }
.box_bestseller .list .text_sub {
    padding: 2px 0 0 6px;
    font-size: 1.2rem;
    line-height: 1.75;
  }
.box_bestseller .note {
    margin-top: 6px;
    font-size: 1.2rem;
    line-height: 1.75;
    font-weight: 600;
  }
.box_bestseller .note::before {
    margin-right: 2px;
  }
.box_bestseller .note:has(span) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
.box_bestseller .note:has(span.star_lv01)::before {
    display: none;
  }
.box_bestseller .note span.star_lv01 {
    width: 100%;
  }
.box_bestseller .note span.star_lv01::before {
    display: inline-block;
    content: "*";
  }
.box_bestseller .note span.star_lv02 {
    width: 100%;
  }
.box_bestseller .note span.star_lv02::before {
    display: inline-block;
    content: "**";
  }
.box_bestseller .list_note {
    margin-top: 10px;
  }
.box_bestseller .item_note {
    padding-left: 6px;
    font-size: 1.2rem;
    line-height: 1.75;
    font-weight: 400;
  }
.box_bestseller .item_note::before {
    top: 9px;
  }
.box_bestseller .wrap_text_link {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    width: fit-content;
  }
.box_bestseller .wrap_text_link:after {
    content: "";
    align-self: stretch;
    height: 1px;
    border-radius: 1px;
    background: #808080;
  }
.box_bestseller .text_link {
    font-weight: 400;
    padding-right: 16px;
  }
.box_bestseller .text_link .text {
    text-decoration: none;
  }
.box_bestseller .text_link:after,
  .box_bestseller .text_link:before {
    width: 10px;
    height: 10px;
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
  }
.box_bestseller a.text_link:focus:after,.box_bestseller a.text_link:focus:before,.box_bestseller a.text_link:hover:after,.box_bestseller a.text_link:hover:before {
    background-image: url(/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg);
    background-position: center;
  }
.area_swiper_bestseller .swiper_bestseller_navigation {
    display: none;
  }
.area_swiper_bestseller .swiper_bestseller_pagination .swiper-pagination-bullet:nth-child(2) {
    margin-top: 32px;
  }
.section_business_history {
    position: relative;
    width: 100%;
    padding: 50px 20px;
  }
.section_business_history .box_img {
    width: 100%;
  }
.section_business_history .box_content {
    margin-top: 32px;
  }
.section_business_history .box_text {
    margin: 32px -20px 0;
    padding-left: 20px;
  }
.section_business_history .sub_title {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_business_history .desc {
    padding-top: 7px;
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
.section_business_history .swiper_navigation {
    margin-top: 32px;
  }
.section_business_history .business_history_swiper_wrap {
    margin-top: 32px;
  }
.section_business_history .business_history_swiper_wrap:before {
    top: 47px;
  }
.section_business_history .business_history_swiper {
    -webkit-transform: translateX(calc((-100% + 237px)/ 2));
    transform: translateX(calc((-100% + 237px)/ 2));
  }
.section_business_history .business_history_swiper .swiper-slide {
    width: 237px;
    padding-right: 18px;
  }
.section_business_history .business_history_swiper .swiper-slide .year {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 22px;
  }
.section_business_history .business_history_swiper .swiper-slide .year:after {
    width: 7px;
    height: 7px;
  }
.section_business_history .business_history_swiper .list_history {
    margin-top: 20px;
    padding-right: 10px;
  }
.section_business_history .business_history_swiper .item_history {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 150%;
  }
.section_business_history .business_history_swiper .item_history:before {
    top: 10px;
  }
.section_business_history .business_history_swiper .footnote {
    margin-top: 9px;
    padding-right: 18px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
.section_brand_character {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_brand_character+.section_banner {
    padding-top: 50px;
  }
.section_brand_character .brand_character_title {
    margin-bottom: 32px;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
  }
.section_brand_character .brand_character_video {
    width: 100%;
  }
.section_brand_character .brand_character_video:first-child {
    margin-top: 0;
  }
.section_brand_character .brand_character_video .video {
    width: 100%;
    height: 53.3333333333vw;
  }
.section_brand_character .brand_character_video .btn_control {
    right: 12px;
    bottom: 12px;
    width: 32px;
    height: 32px;
  }
.section_brand_character .brand_character_desc {
    margin-bottom: 17px;
    font-size: 1.4rem;
    line-height: 1.6428571429;
    font-weight: 500;
  }
.section_brand_character .box_character_contents {
    gap: 32px 0;
  }
.section_brand_character .box_product_contents .character_content {
    width: 100%;
  }
.section_brand_character .character_content {
    width: 100%;
  }
.section_brand_character .btn_character_content,.section_brand_character .link_character_content {
    width: 100%;
    margin-top: 17px;
  }
.section_brand_character .btn_character_content:first-child,.section_brand_character .link_character_content:first-child {
    margin-top: 0;
  }
.section_brand_character .btn_character_content::after,.section_brand_character .link_character_content::after {
    right: 12px;
    bottom: 12px;
    width: 32px;
    height: 32px;
  }
.section_brand_character .brand_character_img {
    width: 100%;
    height: 100%;
  }
.section_brand_point .inner {
    padding: 50px 20px;
  }
.section_brand_point .brand_point_title {
    margin-bottom: 17px;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
  }
.section_brand_point .brand_point_desc {
    margin-bottom: 32px;
    font-size: 1.6rem;
    line-height: 1.375;
    font-weight: 700;
  }
.section_brand_point .brand_point_desc:has(span) {
    margin-bottom: 32px;
  }
.section_brand_point .brand_point_desc span {
    display: block;
    font-size: 1.2rem;
    line-height: 1.75;
    font-weight: 500;
    color: #51585f;
  }
.section_brand_point .brand_point_desc span i {
    font-style: normal;
    margin-left: 0;
  }
.section_brand_point .brand_point_desc span:first-of-type {
    margin-top: 5px;
  }
.section_brand_point .brand_point_link {
    width: 100%;
    height: 100%;
  }
.section_brand_point .brand_point_link .btn_control {
    right: 12px;
    bottom: 12px;
    width: 36px;
    height: 36px;
  }
.section_brand_point .btn_character_content,.section_brand_point .link_character_content {
    margin-top: 40px;
  }
.section_brand_point .btn_character_content:first-child,.section_brand_point .link_character_content:first-child {
    margin-top: 0;
  }
.section_brand_point .btn_character_content::after,
.section_brand_point .link_character_content::after {
    right: 12px;
    bottom: 16px;
    width: 40px;
    height: 40px;
  }
.area_popup_video {
    overflow: auto;
  }
.area_popup_video .box_video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 20px;
  }
.area_popup_video .inner_video {
    position: relative;
  }
.area_popup_video video {
    width: 100%;
    height: 100%;
  }
.area_popup_video .btn_popup_close {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
  }
.area_popup_video .btn_popup_close::after {
    width: 40px;
    height: 40px;
    background-image: url(/img/mo-svg-97875a89f828e06fd1dffd2a7c65e553.svg);
    -webkit-background-size: 488px 318px;
    background-size: 488px 318px;
    background-position: -178px -156px;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width:1170px) and (max-width:1640px) {
.section_brand_model {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.section_business_history {
    padding-left: 60px;
  }
.section_business_history .box_title {
    max-width: 100%;
  }
.section_brand_character .btn_character_content,.section_brand_character .link_character_content {
    width: 100%;
  }
}