@charset "UTF-8";
html {
  font-size: 62.5%;
  font-style: normal;
  font-weight: 400;
  font-family: fot-tsukuardgothic-std,'FOT-筑紫A丸ゴシック Std', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
.bgHidden {
  overflow: hidden;
}
body {
  overflow: hidden;
}
*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
* {
  padding: 0;
  margin: 0;
}
article,
footer,
header,
main,
section {
  display: block;
}
a {
  text-decoration: none;
  color: #000;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: .3s;
}
a:active,
a:hover {
  outline-width: 0;
}
a:hover {
  opacity: .8;
  transition: .3s;
}
li {
  list-style: none;
}
img {
  border-style: none;
}

.en {
  font-family: goudy-old-style, serif;
}
.ja {
  font-family: fot-tsukuardgothic-std, sans-serif;
}
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
/* load */
.load {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #20362A;
  z-index: 10;
}
.load_logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* display: none; */
  text-align: center;
}
.load_logo::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 120%;
  height: 120%;
  background: #20362A;
  transform: translate(-50%, -50%);
  transition: 2s;
}
.load_logo.is-show::after {
  left: 200%;
}

/* header */
header {
  position: fixed;
  z-index: 5;
}
nav {
  display: none;
}
.nav_in {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(32, 54, 42, 0.95);
  overflow-y: scroll;
}
nav ul {
  max-width: 1040px;
  width: 95%;
  margin: 0 auto;
}
nav ul li {
  margin-bottom: 45px;
}
nav ul li a {
  font-size: 3.2rem;
  color: #fff;
  letter-spacing: 0.05em;
}
nav ul li a span {
  display: inline-block;
  padding-left: 14px;
  font-size: 1.4rem;
}
.header_logo {
  position: fixed;
  top: 29px;
  left: 28px;
}
.header_btn {
  position: fixed;
  left: 34px;
  top: 50%;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  transform: translateY(-50%);
  z-index: 5;
  transition: .5s;
}
.header_btn:hover {
  cursor: pointer;
}
.header_btn::before,
.header_btn::after,
.header_btn span {
  position: absolute;
  left: 50%;
  display: block;
  width: 25px;
  height: 1px;
  background: #000;
  transform: translateX(-50%);
  transition: .5s;
}
.header_btn span {
  top: 24.5px;
}
.header_btn::before {
  content: "";
  top: 14.5px;
}
.header_btn::after {
  content: "";
  bottom: 14.5px;
}
.header_btn.open {
  background: rgba(0, 0, 0, 0.2);
}
.header_btn.open span {
  opacity: 0;
}
.header_btn.open::before {
  top: 24.5px;
  left: 13px;
  background: #fff;
  transform: rotate(45deg);
}
.header_btn.open::after {
  bottom: 24.5px;
  left: 13px;
  background: #fff;
  transform: rotate(-45deg);
}
@media screen and (max-width: 1599px) {
  .header_logo {
    top: calc(29 / 1599 * 100vw);
    left: calc(28 / 1599 * 100vw);
  }
  .header_logo img {
    width: calc(150 / 1599 * 100vw);
  }
  nav ul {
    max-width: calc(1040 / 1599 * 100vw);
  }
  nav ul li {
    margin-bottom: calc(45 / 1599 * 100vw);
  }
  nav ul li a {
    font-size: calc(32 / 1599 * 100vw);
    font-size: max(calc(32 / 1599 * 100vw),18px);
  }
  nav ul li a span {
    padding-left: calc(14 / 1599 * 100vw);
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
}
@media screen and (max-width: 767px) {
  .header_logo {
    display: flex;
    top: calc(31 / 375 * 100vw);
    left: calc(29 / 375 * 100vw)
  }
  .header_logo a {
    display: flex;
  }
  .header_logo img {
    width: calc(95 / 375 * 100vw);
  }
  .header_btn {
    left: auto;
    top: calc(13 / 375 * 100vw);
    right: calc(9 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    transform: none;
  }
  .header_btn::before,
  .header_btn::after,
  .header_btn span {
    width: calc(25 / 375 * 100vw);
  }
  .header_btn span {
    top: calc(24.5 / 375 * 100vw);
  }
  .header_btn::before {
    top: calc(14.5 / 375 * 100vw);
  }
  .header_btn::after {
    bottom: calc(14.5 / 375 * 100vw);
  }
  .header_btn.open::before {
    top: calc(24.5 / 375 * 100vw);
    left: calc(13 / 375 * 100vw);
  }
  .header_btn.open::after {
    bottom: calc(24.5 / 375 * 100vw);
    left: calc(13 / 375 * 100vw);
  }
  .nav_in {
    display: block;
    padding: calc(103 / 375 * 100vw) calc(41 / 375 * 100vw);
  }
  nav ul {
    max-width: none;
    width: 100%;
  }
  nav ul li {
    margin-bottom: calc(32 / 375 * 100vw);
  }
  nav ul li a {
    font-size: calc(24 / 375 * 100vw);
  }
  nav ul li a span {
    display: block;
    padding: calc(5 / 375 * 100vw) 0 0 0;
    font-size: calc(12 / 375 * 100vw);
  }
}

main {
  background: #F2EEEA;
}
.ttl {
  font-size: 8rem;
  font-weight: 400;
  color: #20362A;
}
.ttl_sub {
  display: block;
  margin-top: 14px;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1599px) {
  .ttl {
    font-size: calc(80 / 1599 * 100vw);
    font-size: max(calc(80 / 1599 * 100vw),38px);
  }
  .ttl_sub {
    margin-top: calc(14 / 1599 * 100vw);
    font-size: calc(20 / 1599 * 100vw);
    font-size: max(calc(20 / 1599 * 100vw),12px);
  }
}
@media screen and (max-width: 767px) {
  .ttl {
    font-size: calc(40 / 375 * 100vw);
  }
  .ttl_sub {
    margin-top: calc(5 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}

/* mv */
.mv {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.mv_in {
  position: relative;
}
.mv_in .ttl {
  position: absolute;
  left: -123px;
  top: 58%;
  transform: translateY(-50%);
  z-index: 1;
  color: #fff;
}
.mv_img {
  position: relative;
  margin: 0 0 120px 126px;
  overflow: hidden;
}
.mv_img_in {
  width: calc(1200 / 1600 * 100vw);
  height: calc(800 / 1600 * 100vw);
  overflow: hidden;
}
.mv_img_in img {
  width: 100%;
}
.mv_copy {
  position: absolute;
  top: 12px;
  left: 45px;
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  writing-mode: vertical-rl;
}
.mv_copy span {
  display: block;
  margin-right: 16px;
  letter-spacing: 0.05em;
}
.mv_ttl_Inversion {
  position: absolute;
  z-index: 0;
  right: 0;
}
.mv_ttl_Inversion_in {
  position: relative;
  width: calc(1200 / 1600 * 100vw);
  height: calc(800 / 1600 * 100vw);
  margin: 0 0 120px 126px;
}
.mv_ttl_Inversion .ttl {
  position: absolute;
  left: -123px;
  top: 58%;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1599px) {
  .mv_in .ttl,
  .mv_ttl_Inversion .ttl {
    left: calc(-123 / 1599 * 100vw);
  }
  .mv_img,
  .mv_ttl_Inversion_in {
    margin: 0 0 calc(120 / 1599 * 100vw) calc(126 / 1599 * 100vw);
  }
  .mv_copy {
    top: calc(12 / 1599 * 100vw);
    left: calc(45 / 1599 * 100vw);
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
  .mv_copy span {
    margin-right: calc(16 / 1599 * 100vw);
  }
}
@media screen and (max-width: 1199px) {
  .mv_copy {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .mv {
    padding-top: calc(80 / 375 * 100vw);
  }
  .mv_copy {
    top: calc(2 / 375 * 100vw);
    left: calc(-27 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
  .mv_copy span {
    margin-right: calc(10 / 375 * 100vw);
  }
  .mv_img,
  .mv_ttl_Inversion_in {
    margin-bottom: calc(191 / 375 * 100vw);
  }
  .mv_img_in,
  .mv_ttl_Inversion_in {
    width: calc(307 / 375 * 100vw);
    height: calc(324 / 375 * 100vw);
  }
  .mv_in .ttl,
  .mv_ttl_Inversion .ttl {
    top: auto;
    bottom: calc(7 / 375 * 100vw);
    left: calc(-60 / 375 * 100vw);
    transform: none;
  }
}

/* philosophy */
.philosophy {
  max-width: 1600px;
  margin: 0 auto;
  padding-bottom: 230px;
}
.philosophy .ttl {
  margin-bottom: 55px;
  font-size: 4rem;
  letter-spacing: 0.025em;
  text-align: center;
}
.philosophy .ttl_sub {
  margin: 0;
  font-size: 1.6rem;
}
.lead {
  position: relative;
  padding: 30px 0 120px;
}
.lead_txt {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.18;
  letter-spacing: 0.05em;
  text-align: center;
  z-index: 1;
}
.lead_img {
  position: absolute;
  background: #E5DDD5;
}
.lead_img .lead_img_in {
  position: absolute;
  display: block;
  overflow: hidden;
}
.lead_img .lead_img_in img {
  width: 100%;
}
.lead_img:first-of-type {
  top: 0;
  width: 480px;
  height: 500px;
}
.lead_img:first-of-type .lead_img_in {
  right: 80px;
  top: -78px;
  width: 200px;
  height: 250px;
}
.lead_img:last-of-type {
  right: 0;
  bottom: 29px;
  width: 480px;
  height: 369px;
}
.lead_img:last-of-type .lead_img_in:first-child {
  left: 80px;
  top: -60px;
  width: 200px;
  height: 160px;
}
.lead_img:last-of-type .lead_img_in:last-child {
  left: -40px;
  bottom: -46px;
  width: 168px;
  height: 215px;
}
@media screen and (max-width: 1599px) {
  .philosophy {
    padding-bottom: calc(230 / 1599 * 100vw);
  }
  .philosophy .ttl {
    margin-bottom: calc(55 / 1599 * 100vw);
    font-size: calc(40 / 1599 * 100vw);
    font-size: max(calc(40 / 1599 * 100vw),19px);
  }
  .philosophy .ttl_sub {
    font-size: calc(16 / 1599 * 100vw);
    font-size: max(calc(16 / 1599 * 100vw),10px);
  }
  .lead {
    padding: calc(30 / 1599 * 100vw) 0 calc(120 / 1599 * 100vw);
  }
  .lead_txt {
    font-size: calc(16 / 1599 * 100vw);
    font-size: max(calc(16 / 1599 * 100vw),10px);
  }
  .lead_img:first-of-type {
    left: -4%;
    width: calc(480 / 1599 * 100vw);
    height: calc(500 / 1599 * 100vw);
  }
  .lead_img:first-of-type .lead_img_in {
    right: calc(80 / 1599 * 100vw);
    top: calc(-78 / 1599 * 100vw);
    width: calc(200 / 1599 * 100vw);
    height: calc(250 / 1599 * 100vw);
  }
  .lead_img:last-of-type {
    right: -4%;
    bottom: calc(29 / 1599 * 100vw);
    width: calc(480 / 1599 * 100vw);
    height: calc(369 / 1599 * 100vw);
  }
  .lead_img:last-of-type .lead_img_in:first-child {
    left: calc(80 / 1599 * 100vw);
    top: calc(-60 / 1599 * 100vw);
    width: calc(200 / 1599 * 100vw);
    height: calc(160 / 1599 * 100vw);
  }
  .lead_img:last-of-type .lead_img_in:last-child {
    left: calc(-40 / 1599 * 100vw);
    bottom: calc(-46 / 1599 * 100vw);
    width: calc(168 / 1599 * 100vw);
    height: calc(215 / 1599 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .philosophy {
    position: relative;
    padding-bottom: calc(142 / 375 * 100vw);
  }
  .philosophy .ttl {
    margin-bottom: calc(14 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
  }
  .philosophy .ttl_sub {
    margin-top: calc(6 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  .lead {
    position: static;
    padding: 0;
  }
  .lead_txt {
    padding: 0 calc(19 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
    letter-spacing: 0;
    line-height: 2.3;
  }
  .lead_img:first-of-type {
    top: calc(-88 / 375 * 100vw);
    left: 0;
    width: calc(58 / 375 * 100vw);
    height: calc(106 / 375 * 100vw);
  }
  .lead_img:first-of-type .lead_img_in {
    right: calc(-68 / 375 * 100vw);
    top: calc(-45 / 375 * 100vw);
    width: calc(84 / 375 * 100vw);
    height: calc(106 / 375 * 100vw);
  }
  .lead_img:last-of-type {
    position: relative;
    right: auto;
    width: calc(216 / 375 * 100vw);
    height: calc(124 / 375 * 100vw);
    margin: calc(83 / 375 * 100vw) 0 0 auto;
  }
  .lead_img:last-of-type .lead_img_in:first-child {
    left: auto;
    top: calc(-54 / 375 * 100vw);
    right: calc(14 / 375 * 100vw);
    width: calc(130 / 375 * 100vw);
    height: calc(103 / 375 * 100vw);
  }
  .lead_img:last-of-type .lead_img_in:last-child {
    bottom: calc(-56 / 375 * 100vw);
    left: calc(-64 / 375 * 100vw);
    width: calc(106 / 375 * 100vw);
    height: calc(136 / 375 * 100vw);
  }
}

/* life */
.life {
  padding-bottom: 389px;
}
.life_kv {
  position: relative;
  width: calc(1200 / 1600 * 100vw);
  height: calc(500 / 1600 * 100vw);
  margin: 0 0 108px 131px;
  background: #E5DDD5;
}
.life .ttl {
  position: absolute;
  top: 52%;
  right: -200px;
  transform: translateY(-50%);
  z-index: 1;
  color: #fff;
}
.life .ttl_sub {
  padding-left: 40px;
}
.life_img,
.life_kv_Inversion {
  position: absolute;
  top: -53px;
  left: -131px;
  width: calc(1200 / 1600 * 100vw);
  height: calc(500 / 1600 * 100vw);
}
.life_img_in img {
  width: 100%;
}
.life_img {
  overflow: hidden;
  z-index: 1;
}
.life_kv_Inversion {
  z-index: 0;
}
.life_kv_Inversion .ttl {
  color: #20362A;
}
.life .contents {
  display: flex;
  justify-content: flex-start;
  max-width: 1100px;
  margin: 0 auto;
}
.life .contents_txt {
  width: 339px;
  margin-top: 23px;
  letter-spacing: 0.05em;
}
.life .contents_ttl {
  margin-bottom: 37px;
  font-weight: 400;
  font-size: 2rem;
}
.life .contents_desc {
  font-size: 1.4rem;
  line-height: 2.14;
}
.goal {
  position: relative;
  width: 485px;
  height: 438px;
  margin-right: 110px;
}
.goal::before,
.goal::after {
  position: absolute;
  content: "";
  display: block;
}
.goal::before {
  top: 21px;
  left: 23px;
  width: 395px;
  height: 399px;
  background: url(../img/goal_bg1.png) center/contain no-repeat;
  animation: 15s linear infinite rotation1;
}
.goal::after {
  left: 0px;
  top: 16px;
  width: 443px;
  height: 412px;
  background: url(../img/goal_bg2.png) center/contain no-repeat;
  animation: 20s linear infinite rotation2;
}
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
@keyframes rotation2{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(-360deg); }
}
.goal_item {
  position: absolute;
  z-index: 2;
}
.goal_txt {
  font-size: 3rem;
  letter-spacing: 0.025em;
}
.goal_txt span {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.goal_item_img {
  width: 130px;
  height: 130px;
}
.goal_item_img  img {
  width: 100%;
}
.goal_item.mission {
  right: 0;
  top: 49px;
  display: flex;
  flex-direction: column-reverse;
  text-align: right;
}
.goal_item.value {
  left: 51px;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.goal_item.vision .goal_txt {
  padding: 0 0 27px 24px;
}
.goal_item.mission .goal_txt {
  padding-top: 19px;
}
.goal_item.value .goal_txt {
  padding-left: 20px;
}
@media screen and (max-width: 1599px) {
  .life {
    padding-bottom: calc(389 / 1599 * 100vw);
  }
  .life_kv {
    margin: 0 0 calc(108 / 1599 * 100vw) calc(131 / 1599 * 100vw);
  }
  .life .ttl {
    right: calc(-200 / 1599 * 100vw);
  }
  .life .ttl_sub {
    padding-left: calc(40 / 1599 * 100vw);
  }
  .life_img,
  .life_kv_Inversion {
    top: calc(-53 / 1599 * 100vw);
    left: calc(-131 / 1599 * 100vw);
  }
  .life .contents {
    max-width: calc(1100 / 1599 * 100vw);
  }
  .life .contents_txt {
    width: calc(339 / 1599 * 100vw);
    margin-top: calc(23 / 1599 * 100vw);
  }
  .life .contents_ttl {
    margin-bottom: calc(37 / 1599 * 100vw);
    font-size: calc(20 / 1599 * 100vw);
    font-size: max(calc(20 / 1599 * 100vw),12px);
  }
  .life .contents_desc {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
  .goal {
    width: calc(485 / 1599 * 100vw);
    height: calc(438 / 1599 * 100vw);
    margin-right: calc(110 / 1599 * 100vw);
  }
  .goal::before {
    top: calc(21 / 1599 * 100vw);
    left: calc(23 / 1599 * 100vw);
    width: calc(395 / 1599 * 100vw);
    height: calc(399 / 1599 * 100vw);
  }
  .goal::after {
    top: calc(16 / 1599 * 100vw);
    width: calc(443 / 1599 * 100vw);
    height: calc(412 / 1599 * 100vw);
  }
  .goal_txt {
    font-size: calc(30 / 1599 * 100vw);
    font-size: max(calc(30 / 1599 * 100vw),15px);
  }
  .goal_txt span {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
  .goal_item_img {
    width: calc(130 / 1599 * 100vw);
    height: calc(130 / 1599 * 100vw);
  }
  .goal_item.mission {
    top: calc(49 / 1599 * 100vw);
  }
  .goal_item.value {
    left: calc(51 / 1599 * 100vw);
  }
  .goal_item.vision .goal_txt {
    padding: 0 0 calc(27 / 1599 * 100vw) calc(24 / 1599 * 100vw);
  }
  .goal_item.mission .goal_txt {
    padding-top: calc(19 / 1599 * 100vw);
  }
  .goal_item.value .goal_txt {
    padding-left: calc(20 / 1599 * 100vw);
  }
}
@media screen and (max-width: 1199px) {
  .life .contents_txt {
    width: 45%;
  }
  .goal::before {
    left: calc(35 / 1199 * 100vw);
  }
  .goal::after {
    left: calc(19 / 1199 * 100vw);
  }
  .goal_item.mission {
    top: calc(60 / 1199 * 100vw);
    right: calc(-26 / 1199 * 100vw);
  }
  .goal_item.value {
    bottom: calc(-20 / 1199 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .life {
    padding-bottom: calc(280 / 375 * 100vw);
  }
  .life_kv {
    margin: 0 0 calc(29 / 375 * 100vw) auto;
    width: calc(323 / 375 * 100vw);
    height: calc(223 / 375 * 100vw);
  }
  .life_img, .life_kv_Inversion {
    top: calc(-31 / 375 * 100vw);
    left: calc(-52 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
    height: calc(223 / 375 * 100vw);
  }
  .life .ttl {
    top: 75%;
  }
  .life .ttl_sub {
    padding-left: 0;
  }
  .life .contents {
    display: block;
    max-width: none;
    padding: 0 calc(18 / 375 * 100vw);
  }
  .goal {
    width: calc(334 / 375 * 100vw);
    height: calc(317 / 375 * 100vw);
    margin: 0 auto;
  }
  .goal::before {
    left: calc(15 / 375 * 100vw);
    top: calc(14 / 375 * 100vw);
    width: calc(273 / 375 * 100vw);
    height: calc(275 / 375 * 100vw);
    background: url(../img/goal_bg1_sp.png) center/contain no-repeat;
  }
  .goal::after {
    left: calc(-1 / 375 * 100vw);
    top: calc(10 / 375 * 100vw);
    width: calc(304 / 375 * 100vw);
    height: calc(283 / 375 * 100vw);
    background: url(../img/goal_bg2_sp.png) center/contain no-repeat;
  }
  .goal_item.mission {
    right: 0;
    top: calc(28 / 375 * 100vw);
    align-items: flex-end;
  }
  .goal_item.value {
    left: calc(25 / 375 * 100vw);
    bottom: 0;
  }
  .goal_item_img {
    width: calc(100 / 375 * 100vw);
    height: calc(100 / 375 * 100vw);
  }
  .goal_txt {
    font-size: calc(24 / 375 * 100vw);
  }
  .goal_txt span {
    font-size: calc(12 / 375 * 100vw);
  }
  .goal_item.vision .goal_txt {
    padding: 0 0 calc(9 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
  .goal_item.mission .goal_txt {
    padding-top: calc(7 / 375 * 100vw);
  }
  .goal_item.value .goal_txt {
    padding: 0 0 calc(10 / 375 * 100vw) calc(13 / 375 * 100vw);
  }
  .goal_item.mission .goal_txt span {
    padding-top: calc(7 / 375 * 100vw);
  }
  .life .contents_txt {
    width: auto;
    margin-top: calc(83 / 375 * 100vw);
  }
  .life .contents_ttl {
    margin-bottom: calc(18 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    text-align: center;
  }
  .life .contents_desc {
    font-size: calc(14 / 375 * 100vw);
    line-height: 2;
  }
}

/* sdgs */
.sdgs {
  position: relative;
  max-width: 1600px;
  margin: 98px auto 0;
}
.sdgs::before,
.sdgs::after {
  position: absolute;
  content: "";
  display: block;
  background: #E5DDD5;
}
.sdgs::before {
  left: 0;
  bottom: -96px;
  width: 457px;
  height: 403px;
}
.sdgs::after {
  right: 0;
  top: -44px;
  width: 347px;
  height: 503px;
}
.sdgs_in {
  position: relative;
  max-width: 1100px;
  width: 85%;
  margin: 0 auto;
  padding: 80px 0 43px;
  background: #fff;
  z-index: 1;
}
.sdgs_img {
  display: block;
  margin: 0 auto 26px;
}
.sdgs_txt {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.92;
  letter-spacing: 0.05em;
}
.sdgs_txt strong {
  display: block;
  padding-bottom: 14px;
}
.sdgs_list {
  display: flex;
  justify-content: space-between;
  max-width: 871px;
  width: 80%;
  margin: 38px auto 0;
}
.sdgs_item {
  width: 16.1%;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.66;
}
.sdgs_item_img {
  width: 86%;
  margin-bottom: 10px;
}
.sdgs_item_img img {
  width: 100%;
}
@media screen and (max-width: 1599px) {
  .sdgs {
    margin: calc(98 / 1599 * 100vw) auto 0;
  }
  .sdgs::before {
    bottom: calc(-96 / 1599 * 100vw);
    width: calc(457 / 1599 * 100vw);
    height: calc(403 / 1599 * 100vw);
  }
  .sdgs::after {
    top: calc(-44 / 1599 * 100vw);
    width: calc(347 / 1599 * 100vw);
    height: calc(503 / 1599 * 100vw);
  }
  .sdgs_in {
    padding: calc(80 / 1599 * 100vw) 0 calc(43 / 1599 * 100vw);
  }
  .sdgs_img {
    width: calc(380 / 1599 * 100vw);
    margin: 0 auto calc(26 / 1599 * 100vw);
  }
  .sdgs_txt {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),11px);
  }
  .sdgs_txt strong {
    padding-bottom: calc(14 / 1599 * 100vw);
  }
  .sdgs_list {
    margin: calc(38 / 1599 * 100vw) auto 0;
  }
  .sdgs_item {
    font-size: calc(12 / 1599 * 100vw);
    font-size: max(calc(12 / 1599 * 100vw),10px);
  }
  .sdgs_item_img {
    margin-bottom: calc(10 / 1599 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .sdgs {
    margin-top: calc(143 / 375 * 100vw);
  }
  .sdgs::after {
    top: calc(-71 / 375 * 100vw);
    width: calc(169 / 375 * 100vw);
    height: calc(342 / 375 * 100vw);
  }
  .sdgs::before {
    bottom: calc(-60 / 375 * 100vw);
    width: calc(246 / 375 * 100vw);
    height: calc(216 / 375 * 100vw);
  }
  .sdgs_in {
    max-width: calc(300 / 375 * 100vw);
    width: auto;
    padding: calc(44 / 375 * 100vw) 0 calc(13 / 375 * 100vw);
  }
  .sdgs_img {
    width: calc(190 / 375 * 100vw);
    margin-bottom: calc(21 / 375 * 100vw);
  }
  .sdgs_txt {
    padding: 0 calc(22 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    line-height: 2;
  }
  .sdgs_txt strong {
    padding-bottom: calc(11 / 375 * 100vw);
    text-align: center;
  }
  .sdgs_list {
    flex-wrap: wrap;
    width: auto;
    margin: calc(11 / 375 * 100vw) calc(17 / 375 * 100vw) 0;
  }
  .sdgs_item {
    width: calc(120 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
  .sdgs_item_img {
    width: 100%;
    margin-bottom: 0;
  }
}

/* company */
.company {
  position: relative;
  max-width: 1600px;
  margin: 0 auto 336px;
}
.comppany_in {
  max-width: 898px;
  width: 75%;
  margin: 0 auto 234px;
}
.comppany_in table {
  margin: 113px 0 0 8px;
}
.comppany_in table th,
.comppany_in table td {
  padding: 15px 0;
  letter-spacing: 0.05em;
}
.comppany_in table tr:first-child th,
.comppany_in table tr:first-child td {
  padding-top: 0;
}
.comppany_in table tr:last-child th,
.comppany_in table tr:last-child td {
  padding-bottom: 0;
}
.comppany_in table th {
  padding-right: 21px;
  font-size: 1.2rem;
  vertical-align: baseline;
  text-align: left;
  font-weight: 400;
}
.comppany_in table td {
  font-size: 1.4rem;
}
.company_img:nth-of-type(2) {
  position: absolute;
  top: 79px;
  right: 241px;
  width: 457px;
  height: 778px;
  background: #E5DDD5;
}
.company_img_in {
  overflow: hidden;
}
.company_img_in img {
  width: 100%;
}
.company_img:nth-of-type(2) .company_img_in {
  position: absolute;
  top: -224px;
  right: -241px;
  width: 600px;
  height: 950px;
}
.company_img:nth-of-type(3) {
  position: relative;
  width: 709px;
  height: 865px;
  background: #E5DDD5;
}
.company_img:nth-of-type(3) .company_img_in {
  position: absolute;
  top: 72px;
  left: -44px;
  width: 930px;
  height: 620px;
}
.company_img:nth-of-type(4) {
  position: absolute;
  right: 0;
  bottom: 70px;
  width: 600px;
  height: 383px;
  overflow: hidden;
}
.company_img:nth-of-type(5) {
  position: absolute;
  left: 378px;
  bottom: -154px;
  width: 360px;
  height: 231px;
  overflow: hidden;
}
.company_img:nth-of-type(4) img,
.company_img:nth-of-type(5) img {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .company {
    margin: 0 auto calc(336 / 1599 * 100vw);
  }
  .comppany_in {
    margin: 0 auto calc(234 / 1599 * 100vw);
  }
  .comppany_in table {
    margin: calc(113 / 1599 * 100vw) 0 0 calc(8 / 1599 * 100vw);
  }
  .comppany_in table th,
  .comppany_in table td {
    padding: calc(15 / 1599 * 100vw) 0;
  }
  .comppany_in table th {
    padding-right: calc(21 / 1599 * 100vw);
    font-size: calc(12 / 1599 * 100vw);
    font-size: max(calc(12 / 1599 * 100vw),10px);
  }
  .comppany_in table td {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),11px);
  }
  .company_img:nth-of-type(2) {
    top: calc(79 / 1599 * 100vw);
    right: calc(241 / 1599 * 100vw);
    width: calc(457 / 1599 * 100vw);
    height: calc(778 / 1599 * 100vw);
  }
  .company_img:nth-of-type(2) .company_img_in {
    top: calc(-224 / 1599 * 100vw);
    right: calc(-241 / 1599 * 100vw);
    width: calc(600 / 1599 * 100vw);
    height: calc(950 / 1599 * 100vw);
  }
  .company_img:nth-of-type(3) {
    width: calc(709 / 1599 * 100vw);
    height: calc(865 / 1599 * 100vw);
  }
  .company_img:nth-of-type(3) .company_img_in {
    top: calc(72 / 1599 * 100vw);
    left: calc(-44 / 1599 * 100vw);
    width: calc(930 / 1599 * 100vw);
    height: calc(620 / 1599 * 100vw);
  }
  .company_img:nth-of-type(4) {
    bottom: calc(70 / 1599 * 100vw);
    width: calc(600 / 1599 * 100vw);
    height: calc(383 / 1599 * 100vw);
  }
  .company_img:nth-of-type(5) {
    left: calc(378 / 1599 * 100vw);
    bottom: calc(-154 / 1599 * 100vw);
    width: calc(360 / 1599 * 100vw);
    height: calc(231 / 1599 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .company {
    margin-bottom: calc(135 / 375 * 100vw);
  }
  .company .ttl_sub {
    margin-top: calc(-3 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  .comppany_in {
    width: auto;
    margin: 0 calc(16 / 375 * 100vw) calc(56 / 375 * 100vw) calc(26 / 375 * 100vw);
  }
  .comppany_in table {
    width: 100%;
    margin: calc(27 / 375 * 100vw) 0 0 0;
  }
  .comppany_in table th {
    width: calc(83 / 375 * 100vw);
    padding-right: 0;
    font-size: calc(12 / 375 * 100vw);
  }
  .comppany_in table td {
    font-size: calc(14 / 375 * 100vw);
  }
  .comppany_in table td.txt_small {
    font-size: calc(12 / 375 * 100vw);
  }
  .comppany_in table th,
  .comppany_in table td {
    padding: calc(9 / 375 * 100vw) 0;
  }
  .company_img:nth-of-type(2) {
    top: calc(-74 / 375 * 100vw);
    right: calc(54 / 375 * 100vw);
    width: calc(103 / 375 * 100vw);
    height: calc(176 / 375 * 100vw);
  }
  .company_img:nth-of-type(2) .company_img_in {
    top: calc(-51 / 375 * 100vw);
    right: calc(-54 / 375 * 100vw);
    width: calc(145 / 375 * 100vw);
    height: calc(216 / 375 * 100vw);
  }
  .company_img:nth-of-type(3) {
    width: calc(214 / 375 * 100vw);
    height: calc(284 / 375 * 100vw);
  }
  .company_img:nth-of-type(3) .company_img_in {
    top: calc(24 / 375 * 100vw);
    left: calc(-35 / 375 * 100vw);
    width: calc(306 / 375 * 100vw);
    height: calc(204 / 375 * 100vw);
  }
  .company_img:nth-of-type(4) {
    position: relative;
    bottom: auto;
    right: auto;
    width: calc(197 / 375 * 100vw);
    height: calc(128 / 375 * 100vw);
    margin: calc(99 / 375 * 100vw) 0 0 calc(53 / 375 * 100vw);
  }
  .company_img:nth-of-type(5) {
    left: auto;
    right: calc(32 / 375 * 100vw);
    bottom: calc(161 / 375 * 100vw);
    width: calc(155 / 375 * 100vw);
    height: calc(99 / 375 * 100vw);
  }
}

/* brand */
.brand {
  padding-bottom: 151px;
}
.brand .ttl {
  text-align: center;
}
.brand_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}
.brand_list_item .brand_list_item-site {
  display: block;
}
.brand_list_item .brand_list_item_img {
  position: relative;
}
.brand_list_item .brand_list_item_img img {
  position: absolute;
  z-index: 1;
}
.brand_list_item {
  margin: 0 20px;
}
.brand_list_item.ainalyra {
  margin-left: 67px;
}
.brand_list_item.luve {
  margin-top: 35px;
}
.brand_list_item.loy {
  margin-top: 51px;
}
.brand_list_item.ainalyra .brand_list_item-site {
  margin-top: 80px;
  margin-right: 44px;
}
.brand_list_item.lui .brand_list_item-site {
  margin-top: 80px;
  margin-right: 80px;
}
.brand_list_item.lilimeek .brand_list_item-site {
  margin-top: 41px;
  margin-right: 60px;
}
.brand_list_item.outdoor .brand_list_item-site {
  margin-top: 60px;
  margin-right: 52px;
}
.brand_list_item.luve .brand_list_item-site {
  margin-right: 40px;
}
.brand_list_item.ainalyra .brand_list_item_img {
  width: 240px;
  height: 207px;
  margin-bottom: 7px;
}
.brand_list_item.lui .brand_list_item_img {
  width: 174px;
  height: 199px;
  margin-bottom: 9px;
}
.brand_list_item.lilimeek .brand_list_item_img {
  width: 208px;
  height: 253px;
}
.brand_list_item.outdoor .brand_list_item_img {
  width: 169px;
  height: 202px;
  margin-bottom: 18px;
}
.brand_list_item.luve .brand_list_item_img {
  width: 150px;
  height: 199px;
  margin-bottom: 15px;
}
.brand_list_item.loy .brand_list_item_img {
  width: 166px;
  height: 205px;
  margin-bottom: 13px;
}
.brand_list_item.ainalyra .brand_list_item_img img {
  width: 241px;
  top: 72px;
  left: 14px;
}
.brand_list_item.lui .brand_list_item_img img {
  width: 141px;
  right: -15px;
  top: 62px;
}
.brand_list_item.lilimeek .brand_list_item_img img {
  width: 153px;
  top: 83px;
  left: 15px;
}
.brand_list_item.outdoor .brand_list_item_img img {
  width: 143px;
  right: -16px;
  top: 79px;
}
.brand_list_item.luve .brand_list_item_img img {
  width: 132px;
  top: 77px;
  right: -9px;
}
.brand_list_item.loy .brand_list_item_img img {
  width: 169px;
  top: 108px;
  left: 18px;
}
.brand_list_item .brand_list_item-insta {
  position: relative;
  display: inline-block;
  padding-left: 19px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
.brand_list_item .brand_list_item-insta::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/Icon_instagram.png) center/contain no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.brand_list_item .brand_list_item-insta::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.brand_list_item-site:hover .brand_list_item_img::after {
  transform: rotate(-10deg) !important;
}
.brand_list_item.ainalyra .brand_list_item-insta {
  left: 82px;
}
.brand_list_item.lui .brand_list_item-insta {
  left: 61px;
}
.brand_list_item.lilimeek .brand_list_item-insta {
  left: 64px;
}
.brand_list_item.outdoor .brand_list_item-insta {
  left: 55px;
}
.brand_list_item.luve .brand_list_item-insta {
  left: 42px;
}
.brand_list_item.loy .brand_list_item-insta {
  left: 32px;
}
.brand_list_item .brand_list_item_img::after {
  position: absolute;
  content: "";
  display: block;
  width: 149px;
  height: 194px;
  background: #F8F6F4;
  transition: .5s;
}
.brand_list_item.ainalyra .brand_list_item_img::after {
  left: 61px;
  top: -8px;
  transform: rotate(5deg);
}
.brand_list_item.lui .brand_list_item_img::after {
  left: 17px;
  transform: rotate(-2deg);
}
.brand_list_item.lilimeek .brand_list_item_img::after {
  width: 177px;
  height: 230px;
  right: 0;
  transform: rotate(8deg);
}
.brand_list_item.outdoor .brand_list_item_img::after {
  right: 0;
  transform: rotate(-3deg);
}
.brand_list_item.luve .brand_list_item_img::after {
  left: 17px;
  transform: rotate(2deg);
}
.brand_list_item.loy .brand_list_item_img::after {
  left: 26px;
  transform: rotate(-4deg);
}
@media screen and (max-width: 1599px) {
  .brand_list_item .brand_list_item-insta {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
}
@media screen and (max-width: 900px) {
  .brand {
    padding-bottom: calc(151 / 900 * 100vw);
  }
  .brand_list {
    max-width: calc(1228 / 900 * 100vw);
  }
  .brand_list_item {
    margin: 0 calc(20 / 900 * 100vw);
  }
  .brand_list_item.ainalyra {
    margin-left: calc(67 / 900 * 100vw);
  }
  .brand_list_item.luve {
    margin-top: calc(35 / 900 * 100vw);
  }
  .brand_list_item.loy {
    margin-top: calc(51 / 900 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item-site {
    margin-top: 0;
    margin-right: calc(44 / 900 * 100vw);
  }
  .brand_list_item.lui .brand_list_item-site {
    margin-top: calc(99 / 900 * 100vw);
    margin-right: calc(80 / 900 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item-site {
    margin-top: calc(41 / 900 * 100vw);
    margin-right: calc(60 / 900 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item-site {
    margin-top: calc(99 / 900 * 100vw);
    margin-right: calc(93 / 900 * 100vw);
  }
  .brand_list_item.luve .brand_list_item-site {
    margin-right: calc(103 / 900 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item_img {
    width: calc(240 / 900 * 100vw);
    height: calc(207 / 900 * 100vw);
    margin-bottom: calc(7 / 900 * 100vw);
  }
  .brand_list_item.lui .brand_list_item_img {
    width: calc(174 / 900 * 100vw);
    height: calc(199 / 900 * 100vw);
    margin-bottom: calc(9 / 900 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img {
    width: calc(208 / 900 * 100vw);
    height: calc(253 / 900 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item_img {
    width: calc(169 / 900 * 100vw);
    height: calc(202 / 900 * 100vw);
    margin-bottom: calc(18 / 900 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img {
    width: calc(150 / 900 * 100vw);
    height: calc(199 / 900 * 100vw);
    margin-bottom: calc(15 / 900 * 100vw);
  }
  .brand_list_item.loy .brand_list_item_img {
    width: calc(166 / 900 * 100vw);
    height: calc(205 / 900 * 100vw);
    margin-bottom: calc(13 / 900 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item_img img {
    width: calc(241 / 900 * 100vw);
    top: calc(72 / 900 * 100vw);
    left: calc(14 / 900 * 100vw);
  }
  .brand_list_item.lui .brand_list_item_img img {
    width: calc(141 / 900 * 100vw);
    right: calc(-15 / 900 * 100vw);
    top: calc(62 / 900 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img img {
    width: calc(153 / 900 * 100vw);
    top: calc(83 / 900 * 100vw);
    left: calc(15 / 900 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item_img img {
    width: calc(143 / 900 * 100vw);
    right: calc(-16 / 900 * 100vw);
    top: calc(79 / 900 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img img {
    width: calc(132 / 900 * 100vw);
    top: calc(77 / 900 * 100vw);
    right: calc(-9 / 900 * 100vw);
  }
  .brand_list_item.loy .brand_list_item_img img {
    width: calc(169 / 900 * 100vw);
    top: calc(108 / 900 * 100vw);
    left: calc(18 / 900 * 100vw);
  }
  .brand_list_item .brand_list_item-insta {
    padding-left: calc(19 / 900 * 100vw);
  }
  .brand_list_item .brand_list_item-insta::before {
    width: calc(12 / 900 * 100vw);
    height: calc(12 / 900 * 100vw);
  }
  .brand_list_item .brand_list_item-insta::after {
    height: calc(1 / 900 * 100vw);
    bottom: calc(-2 / 900 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item-insta {
    left: calc(82 / 900 * 100vw);
  }
  .brand_list_item.lui .brand_list_item-insta {
    left: calc(61 / 900 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item-insta {
    left: calc(64 / 900 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item-insta {
    left: calc(55 / 900 * 100vw);
  }
  .brand_list_item.luve .brand_list_item-insta {
    left: calc(42 / 900 * 100vw);
  }
  .brand_list_item.loy .brand_list_item-insta {
    left: calc(32 / 900 * 100vw);
  }
  .brand_list_item .brand_list_item_img::after {
    width: calc(149 / 900 * 100vw);
    height: calc(194 / 900 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item_img::after {
    left: calc(61 / 900 * 100vw);
    top: calc(-8 / 900 * 100vw);
  }
  .brand_list_item.lui .brand_list_item_img::after {
    left: calc(17 / 900 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img::after {
    width: calc(177 / 900 * 100vw);
    height: calc(230 / 900 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img::after {
    left: calc(17 / 900 * 100vw);
  }
  .brand_list_item.loy .brand_list_item_img::after {
    left: calc(26 / 900 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .brand {
    padding-bottom: calc(124 / 375 * 100vw);
  }
  .brand .ttl_sub {
    margin-top: calc(-3 / 375 * 100vw);
  }
  .brand_list {
    justify-content: center;
    max-width: none;
    margin-top: calc(30 / 375 * 100vw);
  }
  .brand_list_item {
    margin: 0;
  }
  .brand_list_item.ainalyra {
    margin-left: 0;
  }
  .brand_list_item.luve {
    margin: 0;
  }
  .brand_list_item.loy {
    margin-top: calc(35 / 375 * 100vw);
    margin-left: calc(30 / 375 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item-site {
    margin-top: 0;
    margin-right: calc(43 / 375 * 100vw);
  }
  .brand_list_item.lui .brand_list_item-site {
    margin-right: 0;
    margin-top: calc(-5 / 375 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item-site {
    margin: calc(50 / 375 * 100vw) calc(60 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
  }
  .brand_list_item.luve .brand_list_item-site {
    margin-top: calc(70 / 375 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item_img {
    width: calc(159 / 375 * 100vw);
    height: calc(137 / 375 * 100vw);
    margin-bottom: 0;
  }
  .brand_list_item.lui .brand_list_item_img {
    width: calc(115 / 375 * 100vw);
    height: calc(132 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img {
    width: calc(137 / 375 * 100vw);
    height: calc(168 / 375 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item_img {
    width: calc(109 / 375 * 100vw);
    height: calc(133 / 375 * 100vw);
    margin-bottom: calc(4 / 375 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img {
    width: calc(103 / 375 * 100vw);
    height: calc(132 / 375 * 100vw);
    margin-bottom: calc(3 / 375 * 100vw);
  }
  .brand_list_item.loy .brand_list_item_img {
    width: calc(122 / 375 * 100vw);
    height: calc(143 / 375 * 100vw);
    margin-bottom: 0;
  }
  .brand_list_item .brand_list_item_img::after {
    width: calc(99 / 375 * 100vw);
    height: calc(128 / 375 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item_img::after {
    left: calc(20 / 375 * 100vw);
    top: 0;
  }
  .brand_list_item.lui .brand_list_item_img::after {
    left: calc(-7 / 375 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img::after {
    width: calc(117 / 375 * 100vw);
    height: calc(152 / 375 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item_img::after {
    right: calc(8 / 375 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img::after {
    left: 0;
  }
  .brand_list_item.ainalyra .brand_list_item_img img {
    top: calc(54 / 375 * 100vw);
    left: calc(-11 / 375 * 100vw);
    width: calc(158 / 375 * 100vw);
  }
  .brand_list_item.lui .brand_list_item_img img {
    width: calc(92 / 375 * 100vw);
    right: calc(10 / 375 * 100vw);
    top: calc(45 / 375 * 100vw);
  }
  .brand_list_item.lilimeek .brand_list_item_img img {
    top: calc(56 / 375 * 100vw);
    left: calc(10 / 375 * 100vw);
    width: calc(100 / 375 * 100vw);
  }
  .brand_list_item.outdoor .brand_list_item_img img {
    right: 0;
    top: calc(53 / 375 * 100vw);
    width: calc(94 / 375 * 100vw);
  }
  .brand_list_item.luve .brand_list_item_img img {
    top: calc(48 / 375 * 100vw);
    right: calc(12 / 375 * 100vw);
    width: calc(86 / 375 * 100vw);
  }
  .brand_list_item.loy .brand_list_item_img img {
    width: calc(114 / 375 * 100vw);
    top: calc(65 / 375 * 100vw);
    left: calc(-6 / 375 * 100vw);
  }
  .brand_list_item .brand_list_item-insta {
    transform: translateX(-50%);
    padding-left: calc(15 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
  .brand_list_item .brand_list_item-insta::before {
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
  .brand_list_item .brand_list_item-insta::after {
    height: calc(1 / 375 * 100vw);
    bottom: calc(-2.5 / 375 * 100vw);
  }
  .brand_list_item.ainalyra .brand_list_item-insta {
    left: calc(56 / 375 * 100vw) !important;
  }
  .brand_list_item.lui .brand_list_item-insta {
    left: calc(47 / 375 * 100vw) !important;
  }
  .brand_list_item.outdoor .brand_list_item-insta {
    left: calc(120 / 375 * 100vw) !important;
  }
  .brand_list_item.luve .brand_list_item-insta {
    left: calc(48 / 375 * 100vw) !important;
  }
  .brand_list_item.loy .brand_list_item-insta {
    left: calc(62 / 375 * 100vw) !important;
  }
}

/* footer */
footer {
  position: relative;
  padding-top: 330px;
  text-align: center;
}
footer::after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../img/footer_bg.jpg) center/cover no-repeat;
  z-index: -1;
}
footer .contact .ttl {
  margin-bottom: 24px;
  font-size: 4.9rem;
  color: #E5DDD5;
}
footer .contact .ttl_sub {
  margin-top: 0;
  font-size: 1.4rem;
}
.contact {
  padding-top: 367px;
  padding-bottom: 38px;
  background: -moz-linear-gradient(0deg, #20362A, 85%, rgba(32, 54, 42, 0));
  background: -webkit-linear-gradient(0deg, #20362A, 85%, rgba(32, 54, 42, 0));
  background: linear-gradient(0deg, #20362A, 85%, rgba(32, 54, 42, 0));
  color: #F8F6F4;
}
.contact .txt {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
.link_wrap {
  display: flex;
  justify-content: center;
  margin: 21px 0 44px;
}
.link_wrap a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0 20px;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.4);
  font-family: Arial, 'sans-serif';
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05em;
}
.link_wrap a span {
  font-weight: 400;
}
.link_tel {
  font-size: 2.5rem;
}
.link_mail {
  font-size: 2rem;
}
.link_wrap a span {
  display: block;
  font-size: 1.2rem;
}
footer .link {
  font-size: 1.2rem;
  color: #F8F6F4;
  letter-spacing: 0.05em;
  text-decoration: underline;
}
footer .contact .logo {
  margin-top: 63px;
}
@media screen and (max-width: 1599px) {
  footer {
    padding-top: calc(330 / 1599 * 100vw);
  }
  footer .contact .ttl {
    margin-bottom: calc(24 / 1599 * 100vw);
    font-size: calc(49 / 1599 * 100vw);
    font-size: max(calc(49 / 1599 * 100vw),38px);
  }
  footer .contact .ttl_sub {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),12px);
  }
  .contact {
    padding-top: calc(367 / 1599 * 100vw);
    padding-bottom: calc(38 / 1599 * 100vw);
  }
  .contact .txt {
    font-size: calc(14 / 1599 * 100vw);
    font-size: max(calc(14 / 1599 * 100vw),10px);
  }
  .link_wrap {
    margin: calc(21 / 1599 * 100vw) 0 calc(44 / 1599 * 100vw);
  }
  .link_wrap a {
    height: calc(80 / 1599 * 100vw);
    margin: 0 calc(20 / 1599 * 100vw);
  }
  .link_tel {
    font-size: calc(25 / 1599 * 100vw);
    font-size: max(calc(25 / 1599 * 100vw),18px);
  }
  .link_mail {
    font-size: calc(20 / 1599 * 100vw);
    font-size: max(calc(20 / 1599 * 100vw),15px);
  }
  .link_wrap a span {
    font-size: calc(12 / 1599 * 100vw);
    font-size: max(calc(12 / 1599 * 100vw),10px);
  }
  footer .link {
    font-size: calc(12 / 1599 * 100vw);
    font-size: max(calc(12 / 1599 * 100vw),10px);
  }
  footer .contact .logo {
    margin-top: calc(63 / 1599 * 100vw);
  }
  footer .contact .logo img {
    width: calc(125 / 1599 * 100vw);
    min-width: 90px;
  }
}
@media screen and (max-width: 1199px) {
  .link_wrap a {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: calc(53 / 375 * 100vw);
  }
  .footer::after {
    background: url(../img/footer_bg_spZ.jpg) center/cover no-repeat;
  }
  .contact {
    padding-top: calc(404 / 375 * 100vw);
    padding-bottom: calc(29 / 375 * 100vw);
  }
  footer .contact .ttl {
    margin-bottom: calc(19 / 375 * 100vw);
    font-size: calc(40 / 375 * 100vw);
  }
  footer .contact .ttl_sub {
    font-size: calc(14 / 375 * 100vw);
  }
  .contact .txt {
    font-size: calc(12 / 375 * 100vw);
  }
  .link_wrap {
    display: block;
    margin: calc(29 / 375 * 100vw) auto calc(20 / 375 * 100vw);
  }
  .link_wrap a {
    width: calc(280 / 375 * 100vw);
    height: auto;
    margin: 0 auto;
    padding: calc(10 / 375 * 100vw);
  }
  .link_wrap a span {
    margin-top: calc(5 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
  .link_tel {
    margin-bottom: calc(20 / 375 * 100vw) !important;
    font-size: calc(25 / 375 * 100vw);
  }
  .link_mail {
    font-size: calc(20 / 375 * 100vw);
  }
  footer .link {
    font-size: calc(12 / 375 * 100vw);
  }
  footer .contact .logo {
    margin-top: calc(59 / 375 * 100vw);
  }
  footer .contact .logo img {
    width: calc(125 / 375 * 100vw);
    min-width: auto;
  }
}

.anime {
  opacity: 0;
  transition: 2s;
}
.anime.active {
  opacity: 1;
}