@charset "UTF-8";
.block-beams-wrap {
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.block-beams-wrap img {
  width: 100%;
}
.block-beams-wrap h2, .block-beams-wrap h3, .block-beams-wrap h4, .block-beams-wrap p {
  margin: 0;
}
.block-beams-wrap sup {
  font-size: 50%;
}
.block-beams-wrap img {
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  .block-beams-item_list {
    position: relative;
    border-top: 0.1388888889vw solid #000;
    padding: 5.5555555556vw 0 6.25vw 0;
  }
  .block-beams-item_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.3472222222vw;
    left: 0;
    right: 0;
    height: 1.3888888889vw;
    border-top: 0.1388888889vw solid #000;
  }
  .block-beams-item_list ._item_list-main h2 {
    margin: 0 0 0 4.1666666667vw;
    font-size: 2.5vw;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.2;
  }
  .block-beams-item_list ._item_list-main h3 {
    margin: 0 0 0 4.1666666667vw;
    padding: 0 0 0 1.3888888889vw;
    font-size: 1.9444444444vw;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.2;
    position: relative;
  }
  .block-beams-item_list ._item_list-main h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    width: 0.8333333333vw;
    height: 1px;
    background: #000;
  }
  .block-beams-item_list ._item_list-main ._item_list-title {
    display: flex;
    gap: 1.3888888889vw;
    flex-direction: column;
  }
  .block-beams-item_list ._item_list-main ._item_list-list {
    margin-top: 0.8333333333vw;
  }
  .block-beams-item_list ._item_list-announce {
    padding: 4.1666666667vw 0 2.7777777778vw 0;
  }
  .mod-beams-hover {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-beams-hover:hover {
    opacity: 0.8;
  }
  .mod-beams-styling-item {
    position: relative;
  }
  .mod-beams-styling-item ._item-texts {
    margin-top: 0.6944444444vw;
  }
  .mod-beams-styling-item p {
    margin: 0;
    font-size: 0.9722222222vw;
    line-height: 1.86;
  }
  .mod-beams-styling-specs-box {
    padding: 1.7361111111vw 1.3888888889vw;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
  }
  .mod-beams-styling-specs {
    display: flex;
    gap: 0.6944444444vw;
    flex-direction: column;
  }
  .mod-beams-styling-spec {
    display: block;
    position: relative;
    padding: 0 5.5555555556vw 0 0;
    color: #000;
  }
  .mod-beams-styling-spec p {
    margin: 0;
  }
  .mod-beams-styling-spec ._spec-name {
    font-weight: normal;
    font-size: 1.0416666667vw;
    letter-spacing: 0.08em;
    line-height: 1.67;
  }
  .mod-beams-styling-spec ._spec-price {
    font-weight: normal;
    font-size: 0.9722222222vw;
    letter-spacing: 0.08em;
    line-height: 1.79;
  }
  .mod-beams-styling-spec ._spec-btns {
    position: absolute;
    top: 0.3472222222vw;
    right: 0;
  }
  .mod-beams-styling-spec:hover ._spec-name {
    transition-duration: 0.2s;
    opacity: 0.7;
  }
  .mod-beams-styling-spec:hover .mod-beams-styling-btn-buy {
    background-color: #fff;
    color: #003E28;
  }
  .mod-beams-styling-spec:hover .mod-beams-styling-btn-buy:before {
    border-color: #003E28;
  }
  .mod-beams-announce {
    margin: 0 auto;
    width: 45.1388888889vw;
  }
  .mod-beams-announce ._announce-date {
    font-weight: normal;
    font-style: italic;
    font-size: 2.0833333333vw;
    letter-spacing: 0.01em;
    line-height: 1;
    text-align: center;
    color: #000;
  }
  .mod-beams-announce p {
    line-height: 2.2;
  }
  .mod-beams-notelist li {
    font-size: 0.8333333333vw;
    line-height: 1.83;
    letter-spacing: 0.06em;
    color: #000;
    padding-left: 1.0416666667vw;
    position: relative;
  }
  .mod-beams-notelist li:after {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mod-beams-btn-item-fix {
    position: fixed;
    right: 4.1666666667vw;
    bottom: 2.5vw;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: visibility, opacity;
  }
  body.js-item-btn-start .mod-beams-btn-item-fix {
    visibility: visible;
    opacity: 1;
  }
  body.js-item-btn-start.js-item-btn-end .mod-beams-btn-item-fix {
    visibility: hidden;
    opacity: 0;
  }
  .mod-beams-btn-item {
    display: inline-block;
    border: 1px solid #fff;
    background-color: #003E28;
    color: #fff;
    padding: 0.4861111111vw 0;
    font-size: 1.1111111111vw;
    line-height: 1;
    letter-spacing: 0.08em;
    width: 11.1111111111vw;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3.4722222222vw;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color, border-color;
  }
  .mod-beams-btn-item:hover {
    background-color: #fff;
    color: #003E28;
  }
  .mod-beams-btn-item:hover:before {
    border-color: #003E28;
  }
  .mod-beams-btn-item:before {
    position: absolute;
    top: 48%;
    right: 1.25vw;
    display: block;
    content: "";
    height: 0.3472222222vw;
    width: 0.3472222222vw;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-btn-styling {
    display: inline-block;
    font-size: 0.9722222222vw;
    text-align: center;
    line-height: 1.25;
    letter-spacing: 0.08em;
    color: #003e28;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .mod-beams-btn-styling.is-wh {
    color: #fff;
  }
  .mod-beams-btn-styling:hover {
    opacity: 0.7;
  }
  .mod-beams-btn-online {
    display: inline-block;
    border: 1px solid #003E28;
    background-color: #003E28;
    border-radius: 3.4722222222vw;
    padding: 0.3472222222vw 2.7777777778vw;
    font-size: 1.1111111111vw;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color;
  }
  .mod-beams-btn-online:hover {
    background-color: #fff;
    color: #003E28;
  }
  .mod-beams-btn-online:hover:before {
    border-color: #003E28;
  }
  .mod-beams-btn-online:before {
    position: absolute;
    top: 50%;
    right: 1.3888888889vw;
    display: block;
    content: "";
    height: 0.3472222222vw;
    width: 0.3472222222vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-styling-btn-buy {
    display: block;
    width: 4.1666666667vw;
    border: 1px solid #003E28;
    background-color: #003E28;
    border-radius: 3.4722222222vw;
    font-size: 0.8333333333vw;
    text-align: center;
    letter-spacing: 0.14em;
    line-height: 1;
    box-sizing: border-box;
    padding: 0.2083333333vw 0 0.1388888889vw 0.1388888889vw;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color;
  }
  .mod-beams-styling-btn-buy:before {
    position: absolute;
    top: 50%;
    right: 0.4861111111vw;
    display: block;
    content: "";
    height: 0.2083333333vw;
    width: 0.2083333333vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-photos-slider {
    position: relative;
    --swiper-navigation-size:$w16;
    --swiper-wrapper-transition-timing-function:cubic-bezier(1,0,0,1);
  }
  .mod-beams-photos-slider .swiper-slide {
    cursor: grab;
  }
  .mod-beams-photos-slider .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    color: #003E28;
    font-size: 0.8333333333vw;
    margin-top: -0.0694444444vw;
  }
  .mod-beams-photos-slider .swiper-button-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    color: #003E28;
    font-size: 0.8333333333vw;
    margin-top: -0.0694444444vw;
  }
  .mod-beams-photos-slider .swiper-bottom {
    margin-top: 1.3888888889vw;
    display: flex;
    justify-content: space-between;
  }
  .mod-beams-photos-slider .swiper-controller {
    display: flex;
    align-items: center;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-slider .swiper-button-slash {
    width: 0.0694444444vw;
    height: 0.6944444444vw;
    background-color: #003E28;
    transform: skew(-25deg);
  }
  .mod-beams-photos-slider .swiper-button-current {
    font-size: 0.8333333333vw;
    color: #003E28;
    font-weight: 400;
  }
  .mod-beams-photos-slider .swiper-button-total {
    font-size: 0.8333333333vw;
    color: #003E28;
    font-weight: 400;
  }
  .mod-beams-anim {
    transition-delay: 0.2s;
    transition-duration: 0.7s;
    transition-property: opacity, transform;
  }
  .mod-beams-anim.is-fade {
    opacity: 0;
  }
  .mod-beams-anim.is-fade.js-active {
    opacity: 1;
  }
  .mod-beams-anim.is-top {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(0, -3vw);
  }
  .mod-beams-anim.is-top.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-bottom {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(0, 2.5vw);
  }
  .mod-beams-anim.is-bottom.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-fade-left {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(-2vw, 0);
  }
  .mod-beams-anim.is-fade-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-right {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(2.5vw, 0);
  }
  .mod-beams-anim.is-right.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-left {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(-2.5vw, 0);
  }
  .mod-beams-anim.is-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-zoom {
    transition-duration: 0.8s;
    transform: scale(0.8);
    transform-origin: center center;
    opacity: 0;
  }
  .mod-beams-anim.is-zoom.js-active {
    transform: scale(1);
    opacity: 1;
  }
  .mod-beams-anim.is-delay-0,
  .mod-beams-anim-pc.is-delay-0 {
    transition-delay: 0s;
  }
  .mod-beams-anim.is-delay-1,
  .mod-beams-anim-pc.is-delay-1 {
    transition-delay: 0.1s;
  }
  .mod-beams-anim.is-delay-2,
  .mod-beams-anim-pc.is-delay-2 {
    transition-delay: 0.2s;
  }
  .mod-beams-anim.is-delay-3,
  .mod-beams-anim-pc.is-delay-3 {
    transition-delay: 0.3s;
  }
  .mod-beams-anim.is-delay-4,
  .mod-beams-anim-pc.is-delay-4 {
    transition-delay: 0.4s;
  }
  .mod-beams-anim.is-delay-5,
  .mod-beams-anim-pc.is-delay-5 {
    transition-delay: 0.5s;
  }
  .mod-beams-anim.is-delay-6,
  .mod-beams-anim-pc.is-delay-6 {
    transition-delay: 0.6s;
  }
  .mod-beams-anim.is-delay-7,
  .mod-beams-anim-pc.is-delay-7 {
    transition-delay: 0.7s;
  }
  .mod-beams-anim.is-delay-8,
  .mod-beams-anim-pc.is-delay-8 {
    transition-delay: 0.8s;
  }
  .mod-beams-anim.is-delay-9,
  .mod-beams-anim-pc.is-delay-9 {
    transition-delay: 0.9s;
  }
  .mod-beams-anim.is-delay-10,
  .mod-beams-anim-pc.is-delay-10 {
    transition-delay: 1s;
  }
  .mod-beams-anim.is-delay-11,
  .mod-beams-anim-pc.is-delay-11 {
    transition-delay: 1.1s;
  }
  .mod-beams-anim.is-delay-12,
  .mod-beams-anim-pc.is-delay-12 {
    transition-delay: 1.2s;
  }
  .mod-beams-anim.is-delay-13,
  .mod-beams-anim-pc.is-delay-13 {
    transition-delay: 1.3s;
  }
  .mod-beams-anim.is-delay-14,
  .mod-beams-anim-pc.is-delay-14 {
    transition-delay: 1.4s;
  }
  .mod-beams-anim.is-delay-15,
  .mod-beams-anim-pc.is-delay-15 {
    transition-delay: 1.5s;
  }
  .mod-beams-anim.is-delay-16,
  .mod-beams-anim-pc.is-delay-16 {
    transition-delay: 1.6s;
  }
  .mod-beams-anim.is-delay-17,
  .mod-beams-anim-pc.is-delay-17 {
    transition-delay: 1.7s;
  }
  .mod-beams-anim.is-delay-18,
  .mod-beams-anim-pc.is-delay-18 {
    transition-delay: 1.8s;
  }
  .mod-beams-anim.is-delay-19,
  .mod-beams-anim-pc.is-delay-19 {
    transition-delay: 1.9s;
  }
  .mod-beams-anim.is-delay-20,
  .mod-beams-anim-pc.is-delay-20 {
    transition-delay: 2s;
  }
  .mod-beams-anim.is-delay-22,
  .mod-beams-anim-pc.is-delay-22 {
    transition-delay: 2s;
  }
  .mod-beams-anim.is-delay-24,
  .mod-beams-anim-pc.is-delay-24 {
    transition-delay: 2s;
  }
  .mod-beams-anim.is-delay-26,
  .mod-beams-anim-pc.is-delay-26 {
    transition-delay: 2s;
  }
  .mod-beams-anim.is-delay-28,
  .mod-beams-anim-pc.is-delay-28 {
    transition-delay: 2s;
  }
  .mod-beams-modal-btn-close {
    --boxW:50px;
    --boxH:50px;
    --bar:20px;
    --thick:1px;
    position: relative;
    width: var(--boxW);
    height: var(--boxH);
    z-index: 10;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .mod-beams-modal-btn-close span {
    content: "";
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    transform: rotate(-45deg);
  }
  .mod-beams-modal-btn-close span:nth-child(2) {
    transform: rotate(45deg);
  }
  .mod-beams-modal-btn-close:hover {
    opacity: 0.8;
  }
  .block-beams-modal-styling {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: visibility, opacity;
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block-beams-modal-styling.js-show {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
  }
  .block-beams-modal-styling ._modal-close {
    position: absolute;
    top: -3.125vw;
    right: 0;
  }
  .block-beams-modal-styling ._modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
  }
  .block-beams-modal-styling ._modal-btns {
    position: absolute;
    top: 1.0416666667vw;
    right: 5.5555555556vw;
    z-index: 10;
  }
  .block-beams-modal-styling ._modal-box {
    position: absolute;
    background: #fff;
    width: 43.0555555556vw;
    min-height: 100px;
  }
  .block-beams-modal-styling ._modal-box-body {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .block-beams-modal-styling ._modal-box-body::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .block-beams-modal-styling ._modal-page {
    display: none;
  }
  .mod-beams-modal-styling-items {
    padding: 4.1666666667vw 0 2.7777777778vw 0;
    margin: 0 auto;
    width: 29.1666666667vw;
  }
  .mod-beams-modal-styling-items p {
    margin: 0;
  }
  .mod-beams-modal-styling-items li {
    padding: 0 0 1.3888888889vw 0;
  }
  .mod-beams-modal-styling-items li:nth-child(n+2) {
    border-top: 1px solid #C6C6C6;
    padding: 1.3888888889vw 0;
  }
  .mod-beams-modal-styling-item {
    position: relative;
    display: flex;
    gap: 0.6944444444vw;
    flex-direction: column;
    padding: 0 5.5555555556vw 0 0;
  }
  .mod-beams-modal-styling-item ._item-name {
    font-size: 0.9722222222vw;
    line-height: 1.43;
    letter-spacing: 0.08em;
    color: #000;
    transition-property: opacity;
  }
  .mod-beams-modal-styling-item ._item-price {
    font-size: 0.9027777778vw;
    line-height: 1.78;
    letter-spacing: 0.08em;
    color: #000;
  }
  .mod-beams-modal-styling-item ._item-btns {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mod-beams-modal-styling-item:hover ._item-name {
    transition-duration: 0.2s;
    opacity: 0.7;
  }
  .mod-beams-modal-styling-item:hover .mod-beams-modal-btn-buy {
    background-color: #fff;
    color: #003E28;
  }
  .mod-beams-modal-styling-item:hover .mod-beams-modal-btn-buy:before {
    border-color: #003E28;
  }
  .mod-beams-modal-btn-buy {
    display: block;
    width: 4.1666666667vw;
    border: 1px solid #003E28;
    background-color: #003E28;
    border-radius: 3.4722222222vw;
    font-size: 0.8333333333vw;
    text-align: center;
    letter-spacing: 0.14em;
    line-height: 1;
    box-sizing: border-box;
    padding: 0.2083333333vw 0 0.1388888889vw 0.1388888889vw;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color;
  }
  .mod-beams-modal-btn-buy:before {
    position: absolute;
    top: 50%;
    right: 0.4861111111vw;
    display: block;
    content: "";
    height: 0.2083333333vw;
    width: 0.2083333333vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-photos-num {
    display: flex;
    gap: 0.6944444444vw;
    align-items: center;
    font-size: 1.9444444444vw;
    line-height: 1;
    font-weight: 300;
    color: #1f1f1f;
    position: relative;
  }
  .mod-beams-photos-num:after {
    content: "";
    display: block;
    width: 4.1666666667vw;
    height: 1px;
    background: #ADADAD;
  }
  .mod-beams-photos-a {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-a img {
    width: 100%;
  }
  .mod-beams-photos-a ._photos-inner {
    width: 33.3333333333vw;
    margin: 0 auto;
  }
  .mod-beams-photos-a ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-a ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-b {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-b img {
    width: 100%;
  }
  .mod-beams-photos-b ._photos-inner {
    width: 38.8888888889vw;
    margin: 0 auto;
  }
  .mod-beams-photos-b ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-b ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-c {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-c img {
    width: 100%;
  }
  .mod-beams-photos-c ._photos-inner {
    width: 54.1666666667vw;
    margin: 0 auto;
  }
  .mod-beams-photos-c ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-c ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-d {
    position: relative;
    padding: 5.5555555556vw 8.3333333333vw;
  }
  .mod-beams-photos-d img {
    width: 100%;
  }
  .mod-beams-photos-d ._photos-inner {
    width: 30vw;
  }
  .mod-beams-photos-d ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-d ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-e {
    position: relative;
    padding: 5.5555555556vw 8.3333333333vw;
  }
  .mod-beams-photos-e img {
    width: 100%;
  }
  .mod-beams-photos-e ._photos-inner {
    margin-left: auto;
    width: 30vw;
  }
  .mod-beams-photos-e ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.3888888889vw;
  }
  .mod-beams-photos-e ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-f {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-f img {
    width: 100%;
  }
  .mod-beams-photos-f ._photos-inner {
    margin-left: 2.7777777778vw;
  }
  .mod-beams-photos-f ul._photos-items {
    margin-top: 1.7361111111vw;
  }
  .mod-beams-photos-f ul._photos-items li:nth-child(1) {
    width: 38.8888888889vw;
  }
  .mod-beams-photos-f ul._photos-items li:nth-child(2) {
    width: 30vw;
    margin-top: -20.8333333333vw;
    margin-left: 40.2777777778vw;
  }
  .mod-beams-photos-f ._photos-btns {
    margin-top: 1.3888888889vw;
    width: 30vw;
    margin-left: 40.2777777778vw;
    text-align: right;
  }
  .mod-beams-photos-g {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-g img {
    width: 100%;
  }
  .mod-beams-photos-g ._photos-inner {
    margin-left: auto;
    margin-right: 2.7777777778vw;
    width: 38.8888888889vw;
  }
  .mod-beams-photos-g ul._photos-items {
    margin-top: 1.7361111111vw;
  }
  .mod-beams-photos-g ul._photos-items li:nth-child(1) {
    width: 38.8888888889vw;
    margin-left: auto;
  }
  .mod-beams-photos-g ul._photos-items li:nth-child(2) {
    width: 30vw;
    margin-top: -20.8333333333vw;
    margin-left: -31.25vw;
  }
  .mod-beams-photos-g ._photos-btns {
    margin-top: 1.3888888889vw;
    width: 30vw;
    margin-left: -31.25vw;
  }
  .mod-beams-photos-h {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-h img {
    width: 100%;
  }
  .mod-beams-photos-h ._photos-inner {
    width: 73.6111111111vw;
    margin: 0 auto;
  }
  .mod-beams-photos-h ul._photos-items {
    margin-top: 1.7361111111vw;
    display: flex;
    gap: 1.3888888889vw;
    flex-wrap: wrap;
  }
  .mod-beams-photos-h ul._photos-items li {
    width: 36.1111111111vw;
  }
  .mod-beams-photos-h ._photos-btns {
    margin-top: 1.3888888889vw;
    text-align: right;
  }
  .mod-beams-photos-i {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-i img {
    width: 100%;
  }
  .mod-beams-photos-i ._photos-inner {
    margin-left: 2.7777777778vw;
  }
  .mod-beams-photos-i ul._photos-items {
    margin-top: 1.7361111111vw;
  }
  .mod-beams-photos-i ul._photos-items li:nth-child(1) {
    width: 47.2222222222vw;
  }
  .mod-beams-photos-i ul._photos-items li:nth-child(2) {
    width: 33.8888888889vw;
    margin-top: -61.8055555556vw;
    margin-left: auto;
    margin-right: 2.7777777778vw;
  }
  .mod-beams-photos-i ul._photos-items li:nth-child(3) {
    width: 20.1388888889vw;
    margin-top: 7.6388888889vw;
    margin-left: 51.3888888889vw;
  }
  .mod-beams-photos-i ._photos-btns {
    margin-top: -1.3888888889vw;
    margin-left: auto;
    margin-right: 8.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-j {
    position: relative;
    padding: 5.5555555556vw 0;
    height: 100vw;
  }
  .mod-beams-photos-j img {
    width: 100%;
  }
  .mod-beams-photos-j ._photos-inner {
    margin-left: 8.3333333333vw;
  }
  .mod-beams-photos-j ul._photos-items {
    margin-top: 1.7361111111vw;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(1) {
    width: 47.2222222222vw;
    margin-top: -4.1666666667vw;
    margin-left: auto;
    margin-right: 2.7777777778vw;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(2) {
    width: 20.1388888889vw;
    position: absolute;
    top: 16.6666666667vw;
    left: 2.7777777778vw;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(3) {
    width: 33.3333333333vw;
    position: absolute;
    top: 53.4722222222vw;
    left: 8.3333333333vw;
  }
  .mod-beams-photos-j ._photos-btns {
    margin-top: 1.3888888889vw;
    margin-left: auto;
    margin-right: 8.3333333333vw;
  }
  .mod-beams-photos-doc {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-doc ._photos-inner {
    width: 55vw;
    margin: 0 auto;
  }
  .mod-beams-photos-doc p {
    font-weight: normal;
    font-size: 1.1111111111vw;
    line-height: 1.75;
  }
  .mod-beams-photos-doc a {
    color: #888888;
    cursor: pointer;
  }
  .mod-beams-photos-doc a:hover {
    text-decoration: underline;
  }
  .mod-beams-photos-slider-wrap {
    position: relative;
    padding: 5.5555555556vw 0;
  }
  .mod-beams-photos-slider-wrap ._photos-inner {
    width: 33.3333333333vw;
    margin: 0 auto;
  }
  .mod-beams-photos-slider-wrap ._photos-slider {
    margin-top: 1.3888888889vw;
  }
  .itemArea {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .itemArea:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20%;
    width: 20%;
    height: 100%;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    pointer-events: none;
  }
  .itemArea:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 60%;
    width: 20%;
    height: 100%;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    pointer-events: none;
  }
  .itemList {
    position: relative;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    border-top: 1px solid #D5D5D5;
  }
  .itemList::before {
    content: none;
    display: none;
    width: auto;
    order: auto;
  }
  .itemList::after {
    content: none;
    display: none;
    width: auto;
  }
  .itemList:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #D5D5D5;
  }
  .itemList .item {
    border-bottom: 1px solid #D5D5D5;
    position: relative;
    cursor: pointer;
    width: calc(20% - 0.5px);
    padding: 1.7361111111vw 0 6.25vw 0;
    flex-direction: auto;
    box-sizing: border-box;
  }
  .itemList .item:hover .btn {
    background-color: #fff;
    color: #003E28;
  }
  .itemList .item:hover .btn:before {
    border-color: #003E28;
  }
  .itemList .item a {
    display: block;
  }
  .itemList .item .item_labes {
    display: none;
  }
  .itemList .item .item_image_wrap {
    border-radius: auto;
    overflow: auto;
    text-align: center;
  }
  .itemList .item .item_image_wrap img {
    width: 16.6666666667vw;
  }
  .itemList .item .item_image_wrap a {
    cursor: auto;
    transition-duration: auto;
  }
  .itemList .item .item_image_wrap a:hover {
    opacity: auto;
  }
  .itemList .item .item_texts {
    position: relative;
    padding: 0.6944444444vw 2.0833333333vw 0 2.0833333333vw;
    color: auto;
    margin-bottom: 0;
  }
  .itemList .item .item_texts .item_tag {
    display: none;
  }
  .itemList .item .item_texts .item_name {
    margin: 0;
    font-weight: normal;
    font-size: 1.0416666667vw;
    letter-spacing: 0.08em;
    line-height: 1.67;
    color: #000;
  }
  .itemList .item .item_texts .item_price {
    margin: 0;
    margin-top: 0.3472222222vw;
    font-weight: normal;
    font-size: 1.0416666667vw;
    letter-spacing: 0.08em;
    line-height: 1.67;
    color: #000;
    font-family: "Roboto Condensed";
  }
  .itemList .item .item_description {
    margin: 0;
    font-weight: 300;
    font-size: 1.0416666667vw;
    letter-spacing: 0.08em;
    line-height: 1.67;
    color: #000;
  }
  .itemList .item .item_btn {
    position: absolute;
    left: 2.0833333333vw;
    right: 2.0833333333vw;
    bottom: 2.6388888889vw;
    width: auto;
  }
  .itemList .item .btn {
    width: 100%;
    display: block;
    background-color: #003E28;
    border-radius: 3.4722222222vw;
    font-family: "Roboto Condensed";
    font-weight: normal;
    padding: 0;
    font-size: 1.1111111111vw;
    letter-spacing: 0.14em;
    line-height: 2.0833333333vw;
    text-align: center;
    color: #fff;
    position: relative;
  }
  .itemList .item .btn:before {
    position: absolute;
    top: 48%;
    right: 1.25vw;
    display: block;
    content: "";
    height: 0.3472222222vw;
    width: 0.3472222222vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
}
@media screen and (max-width: 1023px) {
  .block-beams-item_list {
    position: relative;
    border-top: 0.2666666667vw solid #000;
    padding: 8vw 0 6.6666666667vw 0;
  }
  .block-beams-item_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5333333333vw;
    left: 0;
    right: 0;
    height: 5.3333333333vw;
    border-top: 0.2666666667vw solid #000;
  }
  .block-beams-item_list ._item_list-main h2 {
    margin: 0 0 0 2.6666666667vw;
    font-size: 8.5333333333vw;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.2;
  }
  .block-beams-item_list ._item_list-main h3 {
    margin: 0 0 0 2.6666666667vw;
    padding: 0 0 0 5.3333333333vw;
    font-size: 6.4vw;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.2;
    position: relative;
  }
  .block-beams-item_list ._item_list-main h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    width: 3.2vw;
    height: 1px;
    background: #000;
  }
  .block-beams-item_list ._item_list-main img {
    vertical-align: baseline;
  }
  .block-beams-item_list ._item_list-main ._item_list-title {
    display: flex;
    gap: 6.6666666667vw;
    flex-direction: column;
  }
  .block-beams-item_list ._item_list-main ._item_list-list {
    margin-top: 1.3333333333vw;
  }
  .block-beams-item_list ._item_list-announce {
    padding: 13.3333333333vw 2.6666666667vw 21.3333333333vw 2.6666666667vw;
  }
  .mod-beams-styling-item {
    position: relative;
  }
  .mod-beams-styling-item ._item-texts {
    margin-top: 1.3333333333vw;
  }
  .mod-beams-styling-item p {
    margin: 0;
    font-size: 3.7333333333vw;
    line-height: 1.86;
  }
  .mod-beams-styling-specs-box {
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
    padding: 6.6666666667vw 0 8vw 0;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
  }
  .mod-beams-styling-specs {
    display: flex;
    gap: 2.6666666667vw;
    flex-direction: column;
  }
  .mod-beams-styling-spec {
    display: block;
    position: relative;
    padding: 0 21.3333333333vw 0 0;
    color: #000;
  }
  .mod-beams-styling-spec p {
    margin: 0;
  }
  .mod-beams-styling-spec ._spec-name {
    font-weight: normal;
    font-size: 4vw;
    letter-spacing: 0.08em;
    line-height: 1.43;
  }
  .mod-beams-styling-spec ._spec-price {
    font-weight: normal;
    font-size: 3.7333333333vw;
    letter-spacing: 0.08em;
    line-height: 1.43;
  }
  .mod-beams-styling-spec ._spec-btns {
    position: absolute;
    top: 1.3333333333vw;
    right: 0;
  }
  .mod-beams-styling-spec:hover ._spec-name {
    transition-duration: 0.2s;
    opacity: 0.7;
  }
  .mod-beams-styling-spec:hover .mod-beams-styling-btn-buy {
    background-color: #fff;
    color: #003E28;
  }
  .mod-beams-styling-spec:hover .mod-beams-styling-btn-buy:before {
    border-color: #003E28;
  }
  .mod-beams-announce ._announce-date {
    text-align: center;
    font-size: 6.4vw;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mod-beams-announce ._announce-list {
    margin-top: 7.2vw;
    display: flex;
    gap: 2.6666666667vw;
    flex-direction: column;
  }
  .mod-beams-announce ._announce-list p {
    margin: 2.6666666667vw 0 0 0;
    font-size: 2.9333333333vw;
  }
  .mod-beams-announce ._announce-list p._note {
    margin-top: 0;
    font-size: 2.6666666667vw;
    line-height: 2.1;
  }
  .mod-beams-notelist li {
    font-size: 2.9333333333vw;
    line-height: 1.9;
    letter-spacing: 0.06em;
    color: #000;
    padding-left: 4vw;
    position: relative;
  }
  .mod-beams-notelist li:after {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mod-beams-btn-item-fix {
    position: fixed;
    right: 2.6666666667vw;
    bottom: 9.3333333333vw;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: visibility, opacity;
  }
  body.js-item-btn-start .mod-beams-btn-item-fix {
    visibility: visible;
    opacity: 1;
  }
  body.js-item-btn-start.js-item-btn-end .mod-beams-btn-item-fix {
    visibility: hidden;
    opacity: 0;
  }
  .mod-beams-btn-item {
    display: inline-block;
    border: 1px solid #fff;
    background-color: #003E28;
    color: #fff;
    padding: 1.3333333333vw 0;
    font-size: 3.4666666667vw;
    line-height: 1;
    letter-spacing: 0.08em;
    width: 38.6666666667vw;
    text-align: center;
    box-sizing: border-box;
    border-radius: 13.3333333333vw;
    position: relative;
  }
  .mod-beams-btn-item:before {
    position: absolute;
    top: 48%;
    right: 2.6666666667vw;
    display: block;
    content: "";
    height: 0.8vw;
    width: 0.8vw;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-btn-styling {
    display: inline-block;
    font-size: 3.4666666667vw;
    text-align: center;
    line-height: 1.25;
    letter-spacing: 0.08em;
    color: #003e28;
  }
  .mod-beams-btn-styling.is-wh {
    color: #fff;
  }
  .mod-beams-btn-online {
    display: inline-block;
    background-color: #003E28;
    border-radius: 13.3333333333vw;
    padding: 1.3333333333vw 10.6666666667vw;
    font-size: 3.4666666667vw;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
  }
  .mod-beams-btn-online:before {
    position: absolute;
    top: 50%;
    right: 3.2vw;
    display: block;
    content: "";
    height: 1.3333333333vw;
    width: 1.3333333333vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-styling-btn-buy {
    display: block;
    width: 16vw;
    border: 1px solid #003E28;
    background-color: #003E28;
    border-radius: 13.3333333333vw;
    font-size: 3.2vw;
    text-align: center;
    letter-spacing: 0.14em;
    line-height: 1;
    box-sizing: border-box;
    padding: 0.8vw 0 0.5333333333vw 0.5333333333vw;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color;
  }
  .mod-beams-styling-btn-buy:before {
    position: absolute;
    top: 50%;
    right: 1.8666666667vw;
    display: block;
    content: "";
    height: 0.8vw;
    width: 0.8vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-photos-slider {
    position: relative;
    --swiper-navigation-size:$w16;
    --swiper-wrapper-transition-timing-function:cubic-bezier(1,0,0,1);
  }
  .mod-beams-photos-slider .swiper-slide {
    cursor: grab;
  }
  .mod-beams-photos-slider .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    color: #003E28;
    font-size: 3.2vw;
    margin-top: -0.2666666667vw;
  }
  .mod-beams-photos-slider .swiper-button-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    color: #003E28;
    font-size: 3.2vw;
    margin-top: -0.2666666667vw;
  }
  .mod-beams-photos-slider .swiper-bottom {
    margin-top: 5.3333333333vw;
    display: flex;
    justify-content: space-between;
  }
  .mod-beams-photos-slider .swiper-controller {
    display: flex;
    align-items: center;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-slider .swiper-button-slash {
    width: 0.2666666667vw;
    height: 2.6666666667vw;
    background-color: #003E28;
    transform: skew(-25deg);
  }
  .mod-beams-photos-slider .swiper-button-current {
    font-size: 3.2vw;
    color: #003E28;
    font-weight: 400;
  }
  .mod-beams-photos-slider .swiper-button-total {
    font-size: 3.2vw;
    color: #003E28;
    font-weight: 400;
  }
  .mod-beams-anim {
    transition-delay: 0.2s;
    transition-duration: 0.7s;
    transition-property: opacity, transform;
  }
  .mod-beams-anim.is-fade {
    opacity: 0;
  }
  .mod-beams-anim.is-fade.js-active {
    opacity: 1;
  }
  .mod-beams-anim.is-top {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(0, -3vw);
  }
  .mod-beams-anim.is-top.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-bottom {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(0, 2.5vw);
  }
  .mod-beams-anim.is-bottom.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-fade-left {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(-2vw, 0);
  }
  .mod-beams-anim.is-fade-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-right {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(5vw, 0);
  }
  .mod-beams-anim.is-right.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-left {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translate(-5vw, 0);
  }
  .mod-beams-anim.is-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-beams-anim.is-zoom {
    transition-duration: 0.8s;
    transform: scale(0.8);
    transform-origin: center center;
    opacity: 0;
  }
  .mod-beams-anim.is-zoom.js-active {
    transform: scale(1);
    opacity: 1;
  }
  .mod-beams-anim-sp.is-delay-0 {
    transition-delay: 0s;
  }
  .mod-beams-anim-sp.is-delay-1 {
    transition-delay: 0.1s;
  }
  .mod-beams-anim-sp.is-delay-2 {
    transition-delay: 0.2s;
  }
  .mod-beams-anim-sp.is-delay-3 {
    transition-delay: 0.3s;
  }
  .mod-beams-anim-sp.is-delay-4 {
    transition-delay: 0.4s;
  }
  .mod-beams-anim-sp.is-delay-5 {
    transition-delay: 0.5s;
  }
  .mod-beams-anim-sp.is-delay-6 {
    transition-delay: 0.6s;
  }
  .mod-beams-anim-sp.is-delay-7 {
    transition-delay: 0.7s;
  }
  .mod-beams-anim-sp.is-delay-8 {
    transition-delay: 0.8s;
  }
  .mod-beams-anim-sp.is-delay-9 {
    transition-delay: 0.9s;
  }
  .mod-beams-anim-sp.is-delay-10 {
    transition-delay: 1s;
  }
  .mod-beams-anim-sp.is-delay-11 {
    transition-delay: 1.1s;
  }
  .mod-beams-anim-sp.is-delay-12 {
    transition-delay: 1.2s;
  }
  .mod-beams-anim-sp.is-delay-13 {
    transition-delay: 1.3s;
  }
  .mod-beams-anim-sp.is-delay-14 {
    transition-delay: 1.4s;
  }
  .mod-beams-anim-sp.is-delay-15 {
    transition-delay: 1.5s;
  }
  .mod-beams-anim-sp.is-delay-16 {
    transition-delay: 1.6s;
  }
  .mod-beams-anim-sp.is-delay-17 {
    transition-delay: 1.7s;
  }
  .mod-beams-anim-sp.is-delay-18 {
    transition-delay: 1.8s;
  }
  .mod-beams-anim-sp.is-delay-19 {
    transition-delay: 1.9s;
  }
  .mod-beams-anim-sp.is-delay-20 {
    transition-delay: 2s;
  }
  .mod-beams-anim-sp.is-delay-22 {
    transition-delay: 2s;
  }
  .mod-beams-anim-sp.is-delay-24 {
    transition-delay: 2s;
  }
  .mod-beams-anim-sp.is-delay-26 {
    transition-delay: 2s;
  }
  .mod-beams-anim-sp.is-delay-28 {
    transition-delay: 2s;
  }
  .mod-beams-modal-btn-close {
    --boxW:40px;
    --boxH:40px;
    --bar:20px;
    --thick:1px;
    position: relative;
    width: var(--boxW);
    height: var(--boxH);
    z-index: 10;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .mod-beams-modal-btn-close span {
    content: "";
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    transform: rotate(-45deg);
  }
  .mod-beams-modal-btn-close span:nth-child(2) {
    transform: rotate(45deg);
  }
  .mod-beams-modal-btn-close:hover {
    opacity: 0.8;
  }
  .block-beams-modal-styling {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: visibility, opacity;
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .block-beams-modal-styling.js-show {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
  }
  .block-beams-modal-styling ._modal-close {
    position: absolute;
    top: -50px;
    right: 10px;
  }
  .block-beams-modal-styling ._modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  .block-beams-modal-styling ._modal-btns {
    position: absolute;
    top: 4vw;
    right: 21.3333333333vw;
    z-index: 10;
  }
  .block-beams-modal-styling ._modal-box {
    position: relative;
    background: #fff;
  }
  .block-beams-modal-styling ._modal-page {
    display: none;
  }
  .mod-beams-modal-styling-items {
    padding: 10.6666666667vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
  }
  .mod-beams-modal-styling-items p {
    margin: 0;
  }
  .mod-beams-modal-styling-items li {
    padding: 0 0 5.3333333333vw 0;
  }
  .mod-beams-modal-styling-items li:nth-child(n+2) {
    border-top: 1px solid #C6C6C6;
    padding: 5.3333333333vw 0;
  }
  .mod-beams-modal-styling-item {
    display: flex;
    gap: 5.3333333333vw;
    padding: 0 18.6666666667vw 0 0;
    position: relative;
  }
  .mod-beams-modal-styling-item ._item-texts {
    flex: 1;
    position: relative;
    display: flex;
    gap: 5.3333333333vw;
    flex-direction: column;
  }
  .mod-beams-modal-styling-item ._item-name {
    font-size: 3.7333333333vw;
    line-height: 1.42;
    letter-spacing: 0.08em;
    color: #000;
  }
  .mod-beams-modal-styling-item ._item-price {
    margin-top: 0.8vw;
    font-size: 3.4666666667vw;
    line-height: 1.53;
    letter-spacing: 0.08em;
    color: #000;
  }
  .mod-beams-modal-styling-item ._item-btns {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mod-beams-modal-btn-buy {
    display: block;
    width: 16vw;
    border: 1px solid #003E28;
    background-color: #003E28;
    border-radius: 13.3333333333vw;
    font-size: 3.2vw;
    text-align: center;
    letter-spacing: 0.14em;
    line-height: 1;
    box-sizing: border-box;
    padding: 0.8vw 0 0.5333333333vw 0.5333333333vw;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-property: background-color, color;
  }
  .mod-beams-modal-btn-buy:before {
    position: absolute;
    top: 50%;
    right: 1.8666666667vw;
    display: block;
    content: "";
    height: 0.8vw;
    width: 0.8vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-beams-photos-num {
    display: flex;
    gap: 2.6666666667vw;
    align-items: center;
    font-size: 6.9333333333vw;
    line-height: 1;
    font-weight: 300;
    color: #1f1f1f;
    position: relative;
  }
  .mod-beams-photos-num:after {
    content: "";
    display: block;
    width: 16vw;
    height: 1px;
    background: #ADADAD;
  }
  .mod-beams-photos-a {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-a img {
    width: 100%;
  }
  .mod-beams-photos-a ._photos-inner {
    padding: 0 8vw;
  }
  .mod-beams-photos-a ul._photos-items {
    margin-top: 5.3333333333vw;
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-a ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-b {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-b img {
    width: 100%;
  }
  .mod-beams-photos-b ._photos-inner {
    padding: 0 5.3333333333vw 0 8vw;
  }
  .mod-beams-photos-b ul._photos-items {
    margin-top: 5.3333333333vw;
    margin-left: -8vw;
    margin-right: -5.3333333333vw;
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-b ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-c {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-c img {
    width: 100%;
  }
  .mod-beams-photos-c ._photos-inner {
    padding: 0 5.3333333333vw 0 8vw;
  }
  .mod-beams-photos-c ul._photos-items {
    margin-top: 5.3333333333vw;
    margin-left: -8vw;
    margin-right: -5.3333333333vw;
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-c ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-d {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-d img {
    width: 100%;
  }
  .mod-beams-photos-d ._photos-inner {
    padding: 0 5.3333333333vw 0 5.3333333333vw;
    width: 73.6vw;
  }
  .mod-beams-photos-d ul._photos-items {
    margin-top: 5.3333333333vw;
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-d ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-e {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-e img {
    width: 100%;
  }
  .mod-beams-photos-e ._photos-inner {
    padding: 0 5.3333333333vw 0 8vw;
    margin-left: auto;
    width: 73.6vw;
  }
  .mod-beams-photos-e ul._photos-items {
    margin-top: 5.3333333333vw;
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mod-beams-photos-e ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-f {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-f img {
    width: 100%;
  }
  .mod-beams-photos-f ._photos-inner {
    padding: 0 5.3333333333vw 0 5.3333333333vw;
  }
  .mod-beams-photos-f ul._photos-items {
    margin-top: 5.3333333333vw;
  }
  .mod-beams-photos-f ul._photos-items li:nth-child(1) {
    width: 78.9333333333vw;
    margin-left: -5.3333333333vw;
  }
  .mod-beams-photos-f ul._photos-items li:nth-child(2) {
    width: 53.3333333333vw;
    margin-top: 5.3333333333vw;
    margin-left: auto;
    margin-right: -5.3333333333vw;
  }
  .mod-beams-photos-f ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-g {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-g img {
    width: 100%;
  }
  .mod-beams-photos-g ._photos-inner {
    padding: 0 5.3333333333vw 0 21.3333333333vw;
  }
  .mod-beams-photos-g ul._photos-items {
    margin-top: 5.3333333333vw;
  }
  .mod-beams-photos-g ul._photos-items li:nth-child(1) {
    margin-left: auto;
    margin-right: -5.3333333333vw;
  }
  .mod-beams-photos-g ul._photos-items li:nth-child(2) {
    width: 53.3333333333vw;
    margin-top: 5.3333333333vw;
    margin-left: -21.3333333333vw;
  }
  .mod-beams-photos-g ._photos-btns {
    margin-top: 5.3333333333vw;
    margin-left: -16vw;
  }
  .mod-beams-photos-h {
    position: relative;
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-h img {
    width: 100%;
  }
  .mod-beams-photos-h ._photos-inner {
    padding: 0 5.3333333333vw 0 5.3333333333vw;
  }
  .mod-beams-photos-h ul._photos-items {
    margin-top: 6.6666666667vw;
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
    display: flex;
    justify-content: space-between;
    gap: 4vw;
    flex-wrap: wrap;
  }
  .mod-beams-photos-h ul._photos-items li {
    width: 48vw;
  }
  .mod-beams-photos-h ._photos-btns {
    margin-top: 5.3333333333vw;
    text-align: right;
  }
  .mod-beams-photos-i {
    position: relative;
    padding: 10.6666666667vw 0 10.6666666667vw 0;
  }
  .mod-beams-photos-i img {
    width: 100%;
  }
  .mod-beams-photos-i ._photos-inner {
    padding: 0 5.3333333333vw 0 5.3333333333vw;
  }
  .mod-beams-photos-i ul._photos-items {
    margin-top: 5.3333333333vw;
  }
  .mod-beams-photos-i ul._photos-items li:nth-child(2) {
    width: 53.3333333333vw;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: -5.3333333333vw;
  }
  .mod-beams-photos-i ul._photos-items li:nth-child(3) {
    width: 36.2666666667vw;
    margin-top: -33.3333333333vw;
    margin-left: -5.3333333333vw;
    margin-right: auto;
  }
  .mod-beams-photos-i ._photos-btns {
    position: absolute;
    right: 5.3333333333vw;
    bottom: 10.6666666667vw;
  }
  .mod-beams-photos-j {
    position: relative;
    padding: 10.6666666667vw 0 21.3333333333vw 0;
  }
  .mod-beams-photos-j img {
    width: 100%;
  }
  .mod-beams-photos-j ._photos-inner {
    padding: 0 5.3333333333vw 0 10.6666666667vw;
  }
  .mod-beams-photos-j ul._photos-items {
    margin-top: 5.3333333333vw;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(1) {
    margin-right: -5.3333333333vw;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(2) {
    width: 40vw;
    margin-top: 9.3333333333vw;
    margin-left: -10.6666666667vw;
    margin-right: auto;
  }
  .mod-beams-photos-j ul._photos-items li:nth-child(3) {
    width: 49.3333333333vw;
    margin-top: -36vw;
    margin-left: auto;
    margin-right: -5.3333333333vw;
  }
  .mod-beams-photos-j ._photos-btns {
    position: absolute;
    right: 5.3333333333vw;
    bottom: 10.6666666667vw;
  }
  .mod-beams-photos-doc {
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-doc ._photos-inner {
    margin: 0 5.3333333333vw;
  }
  .mod-beams-photos-doc p {
    margin: 0;
    font-weight: normal;
    font-size: 3.7333333333vw;
    line-height: 1.86;
  }
  .mod-beams-photos-doc a {
    color: #888888;
    cursor: pointer;
  }
  .mod-beams-photos-doc a:hover {
    text-decoration: underline;
  }
  .mod-beams-photos-slider-wrap {
    padding: 10.6666666667vw 0;
  }
  .mod-beams-photos-slider-wrap ._photos-inner {
    width: 85.3333333333vw;
    margin: 0 auto;
  }
  .mod-beams-photos-slider-wrap ._photos-slider {
    margin-top: 5.3333333333vw;
  }
  .itemArea {
    position: relative;
    max-width: 100vw;
    width: 100vw;
    margin: 0;
  }
  .itemList {
    position: relative;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    border-top: 1px solid #D5D5D5;
  }
  .itemList::before {
    content: none;
    display: none;
    width: auto;
    order: auto;
  }
  .itemList::after {
    content: none;
    display: none;
    width: auto;
  }
  .itemList:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #D5D5D5;
  }
  .itemList .item {
    border-bottom: 1px solid #D5D5D5;
    position: relative;
    cursor: pointer;
    width: calc(50vw - 1px);
    padding: 5.3333333333vw 0 18.6666666667vw 0;
    flex-direction: auto;
    box-sizing: border-box;
  }
  .itemList .item:nth-child(2n+1) {
    border-right: 1px solid #D5D5D5;
  }
  .itemList .item a {
    display: block;
  }
  .itemList .item .item_labes {
    display: none;
  }
  .itemList .item .item_image_wrap {
    border-radius: auto;
    overflow: auto;
    text-align: center;
  }
  .itemList .item .item_image_wrap img {
    width: 36vw;
  }
  .itemList .item .item_image_wrap a {
    cursor: auto;
    transition-duration: auto;
  }
  .itemList .item .item_image_wrap a:hover {
    opacity: auto;
  }
  .itemList .item .item_texts {
    position: relative;
    padding: 2.6666666667vw 5.3333333333vw 0 5.3333333333vw;
    color: auto;
    margin-bottom: 0;
  }
  .itemList .item .item_texts .item_tag {
    display: none;
  }
  .itemList .item .item_texts .item_name {
    margin: 0;
    font-weight: normal;
    font-size: 3.7333333333vw;
    letter-spacing: 0.08em;
    line-height: 1.43;
    color: #000;
  }
  .itemList .item .item_texts .item_price {
    margin: 0;
    margin-top: 1.3333333333vw;
    font-weight: normal;
    font-size: 3.7333333333vw;
    letter-spacing: 0.08em;
    line-height: 1.43;
    color: #000;
    font-family: "Roboto Condensed";
  }
  .itemList .item .item_description {
    margin: 0;
    font-weight: 300;
    font-size: 3.7333333333vw;
    letter-spacing: 0.08em;
    line-height: 1.43;
    color: #000;
  }
  .itemList .item .item_btn {
    position: absolute;
    width: auto;
    left: 6.6666666667vw;
    right: 6.6666666667vw;
    bottom: 8vw;
  }
  .itemList .item .btn {
    width: 100%;
    display: block;
    background-color: #003E28;
    border-radius: 13.3333333333vw;
    font-family: "Roboto Condensed";
    font-weight: normal;
    font-size: 3.4666666667vw;
    letter-spacing: 0.14em;
    line-height: 6.4vw;
    padding: 0;
    text-align: center;
    color: #fff;
    position: relative;
  }
  .itemList .item .btn:before {
    position: absolute;
    top: 48%;
    right: 4.8vw;
    display: block;
    content: "";
    height: 1.3333333333vw;
    width: 1.3333333333vw;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
}