@charset "UTF-8";

/* compositsystemsofa
------------------------------ */
.mv {
  background: url(../../../img/cp/compositsystemsofa/mv_pc.webp) center top/cover no-repeat;
}
.point__sample-block ul.normal_box li p {
    width: 100%;
    position: unset;
    top: 0;
    left: 0;
    transform: unset;
    font-size: 1.4rem;
    color: #000;
    line-height: 2rem;
    text-align: center;
    z-index: 10;
    letter-spacing: -0.3px;
}
.point__sample-block.column2box ul li p {
    width: 100%;
    position: unset;
    top: 0;
    left: 0;
    transform: unset;
    font-size: unset;
    color: #000;
    line-height: 2.8rem;
    text-align: left;
    z-index: 10;
    letter-spacing: -1px;
    margin: 20% 0 0;
}
/*.customize__slide {
    pointer-events: none;
}
.customize__slide-thumb .slick-current {
    border-color: #fff !important;
}*/
.customize__slide-thumb .slick-slide img {
    margin: 10px auto;
}
.point__commit-container {
    text-align: center;
}
.point__commit-txt {
    width: 100%;
}
.point__commit-txt p.txt {
    text-align: center;
}
.point__commit figure {
    width: 100%;
    max-width: 1112px;
    margin: auto;
}

.customize__set dd h3 .roboto {
    font-weight: bold;
}
.customize__set dd p.txt {
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 800px) {
.recommend__list .flex {
    max-width: 1000px;
    margin: auto;
}
.recommend__list li {
    width: 27%;
}
.cv h2 {
    font-size: 3.3vw;
    line-height: 3.4vw;
}
.flex.column2_block {
    justify-content: center;
}
.point .title figure {
    max-width: 910px;
}
.point__sample-block.normal_block {
    width: 35%;
}
.point__sample-block.normal_block ul li {
    width: 47%;
}
.flex.column2_block .point__sample-block.normal_block {
    margin: 0 60px 0 0;
}

.point__sample-block.column2box {
    width: 65.5%;
}
.point__sample-block.column2box ul li {
    width: 35%;
    margin-bottom: 0;
}
.point__sample-block.column2box ul li:first-child {
    width: 60%;
    max-width: 555px;
    flex-shrink: 0;
    margin: 0 5% 0 0;
}
.point__sample-block.column2box ul li figure {
    margin-bottom: 50px;
}
.customize__slide-thumb .slick-slide img {
    max-width: 190px;
}
.customize__set ul {
    max-width: 1250px;
    margin: auto;
}
.point__2column-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 0;
}
.point__2column-box figure {
    margin: unset;
}
.point__2column-box .point__2column-img1 {
  max-width: 800px;
}
.point__2column-box .point__2column-img2 {
  max-width: 440px;
  flex-shrink: 0;
}
}
@media screen and (max-width: 800px) {
.point__sample-block.column2box ul li {
    width: 100%;
    margin-right: 0;
}
.point__sample-block.column2box ul li p {
    letter-spacing: 0;
    margin: 0;
}
.point__2column-box .point__2column-img2 {
  max-width: 340px;
}
}


/* reset202306*/
#point2.point__block {
    margin-bottom: 0;
}
#point2 + .point__commit {
    padding-top: 50px;
    padding-bottom: 80px;
    border-top: none;
}
@media screen and (max-width: 640px) {
#point2 + .point__commit {
    padding-top: 20px;
    padding-bottom: 0;
}
}

/* add202306*/
.point__360 ul {
	margin: 0 0 30px;
}
.point__360 ul,
.point__360 ul li {
	display: flex;
	justify-content: center;
}
.point__360 ul li figure {
	width: 270px;
	margin: 0 15px;
}
@media screen and (max-width: 640px) {
.point__360 ul {
	display: block;
	margin: 0;
}
.point__360 ul li figure {
	width: 50%;
	margin: 0 5px 20px;
}
}