@charset "UTF-8";
/*----全体----*/
:root {
  --index_font_16: max(16px, 1.07vw);
  --index_font_35: max(35px, 2.33vw);
  --index_font_17: max(17px, 1.13vw);
  --index_font_21: max(21px, 1.4vw);
  --index_font_20: max(20px, 1.33vw);
  --index_font_19: max(19px, 1.27vw);
  --index_font_24: max(24px, 1.6vw);
  --index_font_23: max(23px, 1.53vw);
  --index_margin_40: max(40px, 2.67vw);
  --index_margin_60: max(60px, 4vw);
  --index_margin_20: max(20px, 1.33vw);
  --index_margin_5: max(5px, 0.33vw);
  --index_width_25: max(25px, 1.67vw);
  --index_margin_120: max(120px, 8vw);
  --index_margin_10: max(10px, 0.67vw);
}
@media screen and (max-width: 770px) {
  :root {
    --index_font_16: max(14px, 3.73vw);
    --index_font_35: max(26px, 6.95vw);
    --index_font_17: max(15px, 3.73vw);
    --index_font_21: max(21px, 5.6vw);
    --index_font_20: max(18px, 4.8vw);
    --index_font_19: max(17px, 4.53vw);
    --index_font_24: max(24px, 6.4vw);
    --index_font_23: max(23px, 6.13vw);
    --index_margin_40: max(25px, 6.67vw);
    --index_margin_60: max(30px, 8vw);
    --index_margin_20: max(15px, 3.73vw);
    --index_margin_5: max(5px, 1.33vw);
    --index_width_25: max(25px, 6.67vw);
    --index_margin_120: max(60px, 16vw);
    --index_margin_10: max(7px, 1.87vw);
  }
}

main {
  position: relative;
  z-index: 0;
}
main a:hover span {
  color: #B0B2AF;
}
main img,
main picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
main section {
  width: 100%;
  height: auto;
}
main .container {
  width: 93%;
  max-width: max(1100px, 73.33vw);
  margin: 0 auto;
}
main .headline {
  text-align: center;
  margin-bottom: var(--title_margin);
}
main .headline span {
  display: block;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--index_font_17);
}
main .headline span.bold {
  font-size: var(--index_font_35);
  margin-bottom: var(--base_font);
  letter-spacing: 0.035em;
}
main .swiper-pagination-bullet {
  border: 1px solid #B0B2AF;
  background-color: #B0B2AF;
  opacity: 1;
}
main .swiper-pagination-bullet-active {
  border: 1px solid #000000;
  background-color: #000000;
}
main .fvArea {
  padding-top: var(--base_font);
}
@media screen and (max-width: 770px) {
  main .fvArea {
    padding-top: 0;
  }
}
main .fvArea .swiper a {
  width: 100%;
}
main .fvArea .swiper a img {
  transition: filter 0.35s;
}
main .fvArea .swiper-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  padding: 0 var(--title_margin);
}
@media screen and (max-width: 770px) {
  main .fvArea .swiper-nav {
    top: 92%;
    left: 0;
    transform: none;
  }
}
main .fvArea .swiper-nav .swiper-button-prev,
main .fvArea .swiper-nav .swiper-button-next {
  width: 36px;
  height: 58px;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2509803922));
}
main .fvArea .swiper-nav .swiper-button-prev::after,
main .fvArea .swiper-nav .swiper-button-next::after {
  content: url("/images/top/rightArrow.svg");
  transform: rotate(0deg);
  border-right: none;
  border-top: none;
  border-left: none;
  width: 100%;
  height: 100%;
  transition: filter 0.35s ease;
}
main .fvArea .swiper-nav .swiper-button-prev:hover::after,
main .fvArea .swiper-nav .swiper-button-next:hover::after {
  filter: brightness(0.85);
}
@media screen and (max-width: 770px) {
  main .fvArea .swiper-nav .swiper-button-prev,
  main .fvArea .swiper-nav .swiper-button-next {
    display: none;
  }
}
main .fvArea .swiper-nav .swiper-button-prev::after {
  transform: scaleX(-1);
}
main .fvArea .swiper-nav .swiper-pagination {
  display: none;
}
@media screen and (max-width: 770px) {
  main .fvArea .swiper-nav .swiper-pagination {
    display: flex;
    justify-content: center;
  }
}
main .newsArea {
  padding-top: var(--title_margin);
  margin-bottom: var(--block_margin);
}
main .newsArea .infoWraper {
  width: 100%;
  max-width: max(800px, 53.33vw);
  margin: 0 auto;
}
main .newsArea .infoWraper .swiper {
  width: 100%;
  height: 2em;
  font-size: var(--index_font_16);
}
@media screen and (max-width: 770px) {
  main .newsArea .infoWraper .swiper {
    height: 6em;
  }
}
main .newsArea .infoWraper a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--index_font_16);
}
@media screen and (max-width: 770px) {
  main .newsArea .infoWraper a {
    flex-direction: column;
    align-items: flex-start;
  }
}
main .newsArea .infoWraper a .date {
  font-size: var(--index_font_16);
  display: block;
  margin-right: 2em;
}
main .newsArea .infoWraper a .text {
  font-size: var(--index_font_16);
  display: block;
}
main .newFeatuersArea {
  margin-bottom: var(--section_margin);
}
main .newFeatuersArea .FeatuersWrapBlock {
  width: 93%;
  margin: 0 auto;
}
main .newFeatuersArea .imgLinkWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  gap: var(--index_margin_20);
  justify-content: start;
}
@media screen and (max-width: 770px) {
  main .newFeatuersArea .imgLinkWrapper {
    grid-template-columns: 1fr;
  }
}
main .newFeatuersArea .imgLinkWrapper li {
  width: 100%;
}
main .newFeatuersArea .imgLinkWrapper li a {
  width: 100%;
  height: auto;
  aspect-ratio: 653/403;
}
main .newFeatuersArea .imgLinkWrapper li a img {
  transition: filter 0.35s;
}
main .newFeatuersArea .imgLinkWrapper li a:hover img {
  filter: brightness(0.8);
}
main .BestSellingSofaArea {
  margin-bottom: var(--title_margin);
}
main .BestSellingSofaArea .update {
  color: #B0B2AF;
  font-size: var(--base_font);
  margin-bottom: calc(var(--list_margin) - 10px);
  text-align: center;
}
main .BestSellingSofaArea .BestSellingBlock {
  width: 93%;
  margin: 0 auto;
}
main .BestSellingSofaArea .bestSellingSofaWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  gap: var(--index_margin_20);
}
@media screen and (max-width: 770px) {
  main .BestSellingSofaArea .bestSellingSofaWrapper {
    grid-template-columns: 1fr;
    gap: var(--title_margin);
  }
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a {
  isolation: isolate;
  position: relative;
  display: block;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .svgBox {
  width: var(--title_margin);
  height: var(--title_margin);
  position: absolute;
  top: var(--small_font);
  left: var(--small_font);
  z-index: 2;
  transform: translateZ(0);
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .svgBox span {
  font-size: var(--base_font);
  color: #FFFFFF;
  line-height: 1;
  position: relative;
  z-index: 2;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .svgBox .backimg {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .svgBox .backimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translateZ(0);
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .img {
  width: 100%;
  height: auto;
  /* aspect-ratio: 429/356; */
  margin-bottom: var(--base_font);
  overflow: hidden;
  z-index: 1;
  position: relative;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .img::before{
  content: '';
  display: block;
  width: 100%;
  padding-top: 82.98%;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .img img {
  will-change: transform;
  transition: transform 0.6s ease;
  position: absolute;
  top: 0;
  left: 0;
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .text span {
  display: block;
  font-size: var(--small_font);
}
main .BestSellingSofaArea .bestSellingSofaWrapper li a .text span.en {
  font-size: var(--index_font_21);
}
main .BestSellingSofaArea .bestSellingSofaWrapper li:hover .img img {
  transform: scale(1.06);
}
main .BestSellingSofaArea .rankingMoreBtn {
  margin-top: var(--index_margin_40);
  display: flex;
  justify-content: flex-end;
}
main .BestSellingSofaArea .rankingMoreBtn .base_btn {
  border-radius: 0;
  font-size: var(--base_font);
  padding: 1em 3em;
  margin: 0;
}
main .BestSellingSofaArea .rankingMoreBtn .base_btn span {
  font-size: var(--base_font);
}
main .showroomArea {
  margin-bottom: var(--section_margin);
}
main .showroomArea .container {
  max-width: none;
}
main .showroomArea a {
  width: 100%;
  display: grid;
  grid-template-columns: 1.618fr 1fr;
}
@media screen and (max-width: 770px) {
  main .showroomArea a {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
main .showroomArea a .img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
main .showroomArea a .img img {
  transition: transform 0.6s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
main .showroomArea a .text {
  width: 100%;
  background-color: #8FC31F;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 0.35s ease;
}
main .showroomArea a .text p {
  font-size: 1.48vw;
  padding: var(--index_margin_40) 0;
  color: #F0F3C5;
  letter-spacing: 0.35em;
}
@media screen and (max-width: 770px) {
  main .showroomArea a .text p {
    font-size: var(--index_font_16);
  }
}
main .showroomArea a:hover .img img {
  transform: scale(1.06);
}
main .showroomArea a:hover .text {
  filter: contrast(0.7);
}
main .suportForSmartChoiceArea {
  margin-bottom: var(--section_margin);
}
main .suportForSmartChoiceArea .suportWrapper {
  width: 93%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  gap: 2px;
}
@media screen and (max-width: 770px) {
  main .suportForSmartChoiceArea .suportWrapper {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}
main .suportForSmartChoiceArea .suportWrapper li {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 70.75%;

}
main .suportForSmartChoiceArea .suportWrapper li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;

}
main .suportForSmartChoiceArea .suportWrapper li a .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  filter: brightness(0.7);
}
main .suportForSmartChoiceArea .suportWrapper li a .img img {
  transition: filter 0.35s;
}
main .suportForSmartChoiceArea .suportWrapper li a p {
  font-size: var(--index_font_21);
  color: #FFFFFF;
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 770px) {
  main .suportForSmartChoiceArea .suportWrapper li a p {
    font-size: var(--base_font);
  }
}
main .suportForSmartChoiceArea .suportWrapper li a:hover .img img {
  filter: brightness(0.8);
}
main .careMaintenanceArea {
  margin-bottom: var(--section_margin);
}
main .careMaintenanceArea .careMaintenanceWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  gap: var(--index_margin_20);
}
@media screen and (max-width: 770px) {
  main .careMaintenanceArea .careMaintenanceWrapper {
    grid-template-columns: 1fr;
  }
}
main .careMaintenanceArea .careMaintenanceWrapper li {
  border: #B0B2AF solid 1px;
  display: flex;
  flex-direction: column;
}
main .careMaintenanceArea .careMaintenanceWrapper li .img {
  width: 100%;
  position: relative;
  /* aspect-ratio: 653/466; */
}
main .careMaintenanceArea .careMaintenanceWrapper li .img::before{
  content: '';
  width: 100%;
  padding-top: 71.36%;
  display: block;
}
main .careMaintenanceArea .careMaintenanceWrapper li .img img{
  position: absolute;
  top: 0;
  left: 0;
}
main .careMaintenanceArea .careMaintenanceWrapper li .text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--list_margin);
}
@media screen and (max-width: 770px) {
  main .careMaintenanceArea .careMaintenanceWrapper li .text {
    align-items: flex-start;
    padding: var(--index_font_21);
  }
}
main .careMaintenanceArea .careMaintenanceWrapper li .text h2 {
  font-size: var(--index_font_24);
  margin-bottom: var(--title_margin);
}
@media screen and (max-width: 770px) {
  main .careMaintenanceArea .careMaintenanceWrapper li .text h2 {
    font-size: max(18px, 4.8vw);
  }
}
main .careMaintenanceArea .careMaintenanceWrapper li .text p {
  font-size: var(--index_font_21);
  margin-bottom: var(--index_margin_20);
}
@media screen and (max-width: 770px) {
  main .careMaintenanceArea .careMaintenanceWrapper li .text p {
    font-size: max(15px, 4vw);
  }
}
main .careMaintenanceArea .careMaintenanceWrapper li .text .base_btn {
  border-radius: 0;
  font-size: var(--base_font);
  padding: 1em 3em;
  margin: 0;
}
main .careMaintenanceArea .careMaintenanceWrapper li .text .base_btn span {
  font-size: var(--base_font);
}
main .careMaintenanceArea .careMaintenanceWrapper li:nth-child(2) .img {
  order: 0;
}
main .careMaintenanceArea .careMaintenanceWrapper li:nth-child(2) .text {
  order: -1;
  align-items: flex-start;
}
@media screen and (max-width: 770px) {
  main .careMaintenanceArea .careMaintenanceWrapper li:nth-child(2) .text {
    order: 1;
  }
}
main .eventArea {
  margin-bottom: var(--index_margin_120);
  position: relative;
  background: #fff;
  padding-bottom: 100px;
}
main .eventArea::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: #e8e6e1;
  z-index: 0;
}
main .eventArea .containerArea {
  position: relative;
  z-index: 1;
  width: 93%;
  max-width: max(1100px, 73.33vw);
  margin: 0 auto;
}
@media screen and (max-width: 770px) {
  main .eventArea .containerArea {
    width: 100%;
    padding-left: max(20px, 5.33vw);
  }
}
main .eventArea .containerArea .img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
main .eventArea .containerArea .img::before{
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%;
}
main .eventArea .containerArea .img img {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  transition: transform 0.6s ease;
}
main .eventArea .containerArea p {
  margin-top: var(--list_margin);
  font-size: var(--base_font);
  line-height: 1;
}
main .eventArea .containerArea p.bold {
  margin-top: var(--index_margin_10);
  line-height: 1.68;
}
main .eventArea .containerArea a:hover .img img {
  transform: scale(1.06);
}
main .eventArea .containerArea a:hover p {
  color: #B0B2AF;
}
main .eventArea .swiper-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  padding: 0 var(--title_margin);
}
@media screen and (max-width: 770px) {
  main .eventArea .swiper-nav {
    top: auto;
    bottom: 20px;
    transform: none;
    z-index: 3;
    text-align: center;
  }
}
main .aboutNoyesArea h1 span.bold {
  margin-bottom: 0;
}
main .aboutNoyesArea p {
  font-size: var(--index_font_16);
  margin: 0 auto;
  margin-bottom: var(--index_margin_120);
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}
@media screen and (max-width: 770px) {
  main .aboutNoyesArea p {
    font-size: var(--base_font);
    text-align: left;
  }
}
main .aboutNoyesArea .aboutUsWrapper {
  width: 100%;
  position: relative;
  z-index: 0;
  padding-top: 41.41%;
  /* aspect-ratio: 128/53; */
}
@media screen and (max-width: 770px) {
  main .aboutNoyesArea .aboutUsWrapper {
     padding-top: 75%;
    /* aspect-ratio: 4/3; */
  }
}
main .aboutNoyesArea .aboutUsWrapper .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
main .aboutNoyesArea .aboutUsWrapper .textWrap{
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main .aboutNoyesArea .aboutUsWrapper .everLovingSofa {
  width: max(437px, 43.7vw);
  margin-bottom: var(--index_margin_60);
}
@media screen and (max-width: 770px) {
  main .aboutNoyesArea .aboutUsWrapper .everLovingSofa {
    width: 77.87vw;
  }
}
main .aboutNoyesArea .aboutUsWrapper .base_btn {
  border-radius: 0;
  font-size: var(--base_font);
  padding: 1em 2.5em;
  margin: 0;
  border: #FFFFFF solid 1px;
}
main .aboutNoyesArea .aboutUsWrapper .base_btn span {
  color: #FFFFFF;
  font-size: var(--base_font);
}
main .aboutNoyesArea .aboutUsWrapper .base_btn:hover span {
  color: #1c1c1c;
}
main .aboutNoyesArea .aboutUsWrapper .base_btn::after {
  background-color: #FFFFFF;
}
main .shoppingGuideArea {
  background-color: hsl(208, 83.5294117647%, 42.5%);
  padding: var(--title_margin) 0;
  margin-bottom: var(--block_margin);
}
main .shoppingGuideArea .headline span {
  color: #FFFFFF;
}
main .shoppingGuideArea .whiteArea {
  width: 92.68vw;
  margin: 0 auto;
  padding: var(--title_margin) var(--title_margin) var(--index_margin_60);
  background-color: #FFFFFF;
}
@media screen and (max-width: 770px) {
  main .shoppingGuideArea .whiteArea {
    padding: calc(var(--list_margin) + 4px) var(--base_font) calc(var(--list_margin) + 5px);
  }
}
main .shoppingGuideArea .whiteArea p {
  font-size: var(--base_font);
  margin-bottom: var(--base_font);
  line-height: 1.8;
}
main .shoppingGuideArea .whiteArea p .red {
  color: #AF1515;
  font-size: var(--base_font);
}
main .shoppingGuideArea .whiteArea a {
  display: flex;
  font-size: var(--base_font);
  position: relative;
  text-decoration: underline;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.8;
}
main .shoppingGuideArea .whiteArea a::after {
  content: "";
  width: var(--small_font);
  height: var(--small_font);
  display: block;
  background: url(/images/top/grayArrow.svg) no-repeat center/contain;
  margin-left: var(--index_margin_10);
  transition: opacity 0.35s ease;
}
main .shoppingGuideArea .whiteArea a:hover {
  color: #B0B2AF;
}
main .shoppingGuideArea .whiteArea a:hover::after {
  opacity: 0.7;
}
main .shoppingGuideArea .whiteArea ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  justify-content: space-between;
  align-items: start;
  margin-bottom: var(--list_margin);
}
@media screen and (max-width: 770px) {
  main .shoppingGuideArea .whiteArea ul {
    grid-template-columns: 1fr;
    margin-bottom: var(--title_margin);
  }
}
main .shoppingGuideArea .whiteArea ul li {
  height: 100%;
}
main .shoppingGuideArea .whiteArea ul li:nth-child(1) {
  padding-right: var(--index_margin_20);
}
@media screen and (min-width: 1500px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(1) {
    padding-right: var(--list_margin);
  }
}
@media screen and (max-width: 770px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(1) {
    padding-right: 0;
    padding-bottom: var(--list_margin);
  }
}
main .shoppingGuideArea .whiteArea ul li:nth-child(2) {
  padding: 0 var(--index_margin_20);
  border-right: #DADDD8 solid 1px;
  border-left: #DADDD8 solid 1px;
}
@media screen and (min-width: 1500px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(2) {
    padding: 0 var(--list_margin);
  }
}
@media screen and (max-width: 770px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(2) {
    border-right: none;
    border-left: none;
    border-top: #DADDD8 solid 1px;
    border-bottom: #DADDD8 solid 1px;
    padding: var(--list_margin) 0;
  }
}
main .shoppingGuideArea .whiteArea ul li:nth-child(3) {
  padding-left: var(--index_margin_20);
}
@media screen and (min-width: 1500px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(3) {
    padding-left: var(--list_margin);
  }
}
@media screen and (max-width: 770px) {
  main .shoppingGuideArea .whiteArea ul li:nth-child(3) {
    padding-left: 0;
    padding-top: var(--list_margin);
  }
}
main .shoppingGuideArea .whiteArea ul li h3 {
  font-size: var(--index_font_19);
  margin-bottom: var(--list_margin);
  line-height: 1.4;
}
main .shoppingGuideArea .whiteArea ul li .img {
  width: 100%;
  max-width: 337.5px;
}
main .shoppingGuideArea .whiteArea ul li p {
  margin-bottom: var(--base_font);
}
main .informationArea {
  padding-bottom: var(--block_margin);
  margin-bottom: var(--block_margin);
  border-bottom: #DADDD8 solid 1px;
}
main .informationArea h2 {
  font-size: var(--index_font_24);
  margin-bottom: var(--index_margin_40);
}
main .informationArea .rowBox {
  font-size: var(--index_font_16);
  display: grid;
  grid-template-columns: calc(100% - 9em - var(--title_margin)) 9em;
  gap: var(--title_margin);
  align-items: end;
}
@media screen and (max-width: 770px) {
  main .informationArea .rowBox {
    justify-items: end;
    grid-template-columns: 1fr;
  }
}
main .informationArea ul {
  width: 100%;
}
main .informationArea ul li {
  width: 100%;
  padding-bottom: var(--base_font);
  border-bottom: #B0B2AF solid 1px;
  margin-bottom: var(--list_margin);
}
main .informationArea ul li:last-child {
  margin-bottom: 0;
}
main .informationArea ul li a {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media screen and (max-width: 770px) {
  main .informationArea ul li a {
    flex-direction: column;
    align-items: flex-start;
  }
}
main .informationArea ul li a p {
  font-size: var(--index_font_16);
  line-height: 1.75;
}
main .informationArea ul li a p.en {
  font-size: var(--index_font_17);
  margin-right: var(--list_margin);
  line-height: 1;
  color: #B0B2AF;
}
@media screen and (max-width: 770px) {
  main .informationArea ul li a p.en {
    margin-right: 0;
    margin-bottom: var(--small_font);
  }
}
main .informationArea ul li a:hover p {
  color: #B0B2AF;
}
main .informationArea .base_btn {
  border-radius: 0;
  width: 100%;
  margin: 0;
  font-size: var(--base_font);
  padding: 1em 0;
}
@media screen and (max-width: 770px) {
  main .informationArea .base_btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 1em 3em;
  }
}
main .informationArea .base_btn span {
  font-size: var(--base_font);
}
main .mediaArea {
  margin-bottom: var(--block_margin);
}
main .mediaArea h2 {
  font-size: var(--index_font_23);
  text-align: center;
  margin-bottom: var(--title_margin);
  line-height: 1.72;
}
main .mediaArea .mediaBox {
  width: 100%;
  max-width: max(800px, 53.33vw);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox {
    flex-direction: column;
  }
}
main .mediaArea .mediaBox p {
  font-size: var(--small_font);
  margin-bottom: var(--index_margin_20);
  line-height: 1;
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox p {
    text-align: center;
  }
}
main .mediaArea .mediaBox > li {
  width: 50%;
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox > li {
    width: 100%;
    order: 0;
  }
  main .mediaArea .mediaBox > li:nth-child(2) {
    order: -1;
    margin-bottom: var(--title_margin);
  }
}
main .mediaArea .mediaBox .icons {
  height: var(--index_width_25);
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox .icons {
    margin: 0 auto;
    justify-content: center;
  }
}
main .mediaArea .mediaBox .icons li {
  margin-right: var(--index_margin_20);
  height: 100%;
}
main .mediaArea .mediaBox .icons li:last-child {
  margin-right: 0;
}
main .mediaArea .mediaBox .icons li a {
  width: auto;
  height: 100%;
}
main .mediaArea .mediaBox .icons li a img {
  object-fit: contain;
  transition: filter 0.35s ease;
}
main .mediaArea .mediaBox .icons li a:hover img {
  filter: opacity(0.6);
}
main .mediaArea .mediaBox .mailInputArea form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox .mailInputArea form {
    justify-content: center;
  }
}
main .mediaArea .mediaBox .mailInputArea form p {
  margin-right: var(--base_font);
  margin-bottom: 0;
}
main .mediaArea .mediaBox .mailInputArea form input {
  width: 15em;
  border: #DADDD8 solid 1px;
  border-radius: 2px;
  font-size: var(--small_font);
  padding: 0 0.4em;
  line-height: 1;
  margin-right: var(--index_margin_5);
}
@media screen and (max-width: 770px) {
  main .mediaArea .mediaBox .mailInputArea form input {
    width: calc(100% - 14em);
  }
}
main .mediaArea .mediaBox .mailInputArea form input::-moz-placeholder {
  font-size: var(--small_font);
  line-height: 1;
}
main .mediaArea .mediaBox .mailInputArea form input::placeholder {
  font-size: var(--small_font);
  line-height: 1;
}
main .mediaArea .mediaBox .mailInputArea form button {
  font-size: var(--small_font);
  padding: 0.6em 1em;
  color: #FFFFFF;
  background-color: #1c1c1c;
  line-height: 1;
  border-radius: 2px;
  transition: filter 0.35s ease;
}
main .mediaArea .mediaBox .mailInputArea form button:hover {
  filter: opacity(0.6);
}