@charset "utf-8";

/* visual */
.sect-main-visual {height:100vh; background:url("/theme/v1/resources/images/main/img_main_visual.png") center / cover no-repeat;}
.sect-main-visual .inner {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
.sect-main-visual .simbol-area {width:95px; height:80px; margin:0 5px 20px -5px; background:url("/theme/v1/resources/images/common/simbol_primary.png") center / cover no-repeat;}
.sect-main-visual .visual-tit-area {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; color:var(--font-color-primary); font-family:"Tenor Sans";}
.sect-main-visual .visual-tit-area::before {display:none; position:relative; top:0; left:0; width:100%; height:100%;}
.sect-main-visual .visual-tit-area .left {font-size:10rem; letter-spacing:0;}
.sect-main-visual .visual-tit-area .underline {width:100px; height:70px; margin:0 40px; border-bottom:2px solid var(--border-color-primary);}
.sect-main-visual .visual-tit-area .right {font-size:10rem; text-align:right!important; letter-spacing:0;}
.sect-main-visual .visual-txt-area {margin-top:unset;}
.sect-main-visual .visual-txt-area .txt {font-size:2rem; text-align:center;}
@media screen and (max-width:1279px){
	.sect-main-visual {background-image:url("/theme/v1/resources/images/main/img_main_visual_mo.png");}
	.sect-main-visual .simbol-area {width:48px; height:40px;}
	.sect-main-visual .visual-tit-area {flex-wrap:wrap; line-height:1.2;}
	.sect-main-visual .visual-tit-area .left {font-size:5rem; letter-spacing:-3px;}
	.sect-main-visual .visual-tit-area .underline {width:30px; height:35px; margin:0 0 0 20px;}
	.sect-main-visual .visual-tit-area .right {font-size:5rem; width:100%; text-align:center!important; letter-spacing:-3px;}
	.sect-main-visual .visual-txt-area {margin-top:20px;}
	.sect-main-visual .visual-txt-area .txt {font-size:1.4rem;}
}

/* signature */
.sect-main-signature {background:url("/theme/v1/resources/images/main/bg_main_signature.png") center / 100% auto no-repeat;}
.sect-main-signature .inner {padding-top:140px; padding-bottom:145px;}
.sect-main-signature .signature-tit {width:100%; display:flex; flex-direction:row;}
.sect-main-signature .signature-tit .tit-area {width:25%; max-width:350px;}
.sect-main-signature .signature-tit .txt-area {width:75%; max-width:calc(100% - 350px); padding-top:unset; padding-left:100px; border-left:1px solid rgba(42,43,43,0.3);}
.sect-main-signature .signature-tit .txt-area .tit {font-size:2rem; font-weight:600;}
.sect-main-signature .signature-tit .txt-area .tit > span {margin-left:10px; font-size:1.6rem;}
.sect-main-signature .signature-tit .txt-area .txt {margin-top:5px;}
.sect-main-signature .img-box-area {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; padding-top:80px; line-height:0;}
.sect-main-signature .img-box-area > div {width:calc((100% - 40px) /2);}
.sect-main-signature .img-box-area > div + div {margin-left:40px;}
.sect-main-signature .img-box-area > div > a {position:relative; display:inline-block; width:100%; height:100%; padding-bottom:60px;}
.sect-main-signature .img-box-area .img-area {overflow:hidden; position:relative; width:100%; padding-top:78.125%;}
.sect-main-signature .img-box-area .img-area > img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; transform:scale(1); transition:all 0.25s ease 0s;}
.sect-main-signature .img-box-area .txt-area {position:absolute; bottom:0; left:0; width:100%; line-height:1.5;}
.sect-main-signature .img-box-area .txt-area > div {overflow:hidden;}
.sect-main-signature .img-box-area .txt-area > div.tit {position:relative; width:100%; height:80px; font-family:"Tenor Sans"; font-size:8rem; line-height:80px;}
.sect-main-signature .img-box-area .txt-area > div.txt {position:relative; width:100%; height:40px; padding-top:15px; font-size:1.8rem; line-height:18px;}
.sect-main-signature .img-box-area .txt-area > div.tit > p {width:100%; height:100%; padding-left:120px; transform:translateY(100%); transition:all 0.25s ease 0s;}
.sect-main-signature .img-box-area .txt-area > div.tit > p::before {content:""; position:absolute; top:40px; left:50px; width:40px; height:1px; background-color:var(--color-dark);}
.sect-main-signature .img-box-area .txt-area > div.txt > p {width:100%; height:100%; padding-left:128px; transform:translateY(110%); transition:all 0.25s ease 0s;}
.sect-main-signature .img-box-area > div > a:hover .img-area > img {transform:scale(1.1); transition:all 0.5s ease;}
.sect-main-signature .img-box-area > div > a:hover .txt-area > div.tit > p {transform:translateY(0); transition:all 0.6s ease;}
.sect-main-signature .img-box-area > div > a:hover .txt-area > div.txt > p {transform:translateY(0); transition:all 0.25s ease 0.35s;}
@media screen and (max-width:1279px){
	.sect-main-signature {background-position:center 22%; background-size:250% auto;}
	.sect-main-signature .inner {padding-top:80px; padding-bottom:100px;}
	.sect-main-signature .signature-tit {flex-direction:column;}
	.sect-main-signature .signature-tit .tit-area {width:100%; max-width:unset;}
	.sect-main-signature .signature-tit .txt-area {width:100%; max-width:unset; padding-top:15px; padding-left:30px; border-left:none;}
	.sect-main-signature .signature-tit .txt-area .tit {font-size:1.6rem;}
	.sect-main-signature .signature-tit .txt-area .tit > span {margin-left:15px; font-size:1.4rem; font-weight:400;}
	.sect-main-signature .signature-tit .txt-area .txt {margin-top:5px; font-size:1.4rem;}
	.sect-main-signature .img-box-area {flex-direction:column; width:100%; padding-top:55px; line-height:0;}
	.sect-main-signature .img-box-area > div {width:100%;}
	.sect-main-signature .img-box-area > div + div {margin-left:unset;}
	.sect-main-signature .img-box-area > div > a {padding-bottom:72px;}
	.sect-main-signature .img-box-area .txt-area {bottom:32px;}
	.sect-main-signature .img-box-area .txt-area > div.tit {height:50px; font-size:5rem; line-height:50px;}
	.sect-main-signature .img-box-area .txt-area > div.txt {height:20px; padding-top:5px; font-size:1.4rem; line-height:14px;}
	.sect-main-signature .img-box-area .txt-area > div.tit > p {padding-left:55px; transform:translateY(0);}
	.sect-main-signature .img-box-area .txt-area > div.tit > p::before {top:22px; left:20px; width:20px;}
	.sect-main-signature .img-box-area .txt-area > div.txt > p {padding-left:55px; transform:translateY(0);}
}

/* lifting */
.sect-main-lifting {width:100%;}
.sect-main-lifting .category-list {width:100%;}
.sect-main-lifting .category-list > li {width:100%;}
.sect-main-lifting .category-list > li {border-bottom:1px solid rgba(42,43,43,0.2);}
.sect-main-lifting .category-list > li:first-child {border-top:1px solid rgba(42,43,43,0.2);}
.sect-main-lifting .category-list > li > a {position:relative; z-index:0; display:inline-block; width:100%; padding:5px 0; background:center / cover no-repeat; transition:all 0.3s ease;}
.sect-main-lifting .category-list > li > a::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0; transition:all 0.3s ease;}
.sect-main-lifting .category-list > li > a:hover::before {opacity:1;}
.sect-main-lifting .category-list > li:nth-child(1) > a::before {background:url("/theme/v1/resources/images/main/bg_main_product_01.png") center / cover no-repeat;}
.sect-main-lifting .category-list > li:nth-child(2) > a::before {background:url("/theme/v1/resources/images/main/bg_main_product_02.png") center / cover no-repeat;}
.sect-main-lifting .category-list > li:nth-child(3) > a::before {background:url("/theme/v1/resources/images/main/bg_main_product_03.png") center / cover no-repeat;}
.sect-main-lifting .category-list .inner {display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%;}
.sect-main-lifting .category-list .txt {width:25%;}
.sect-main-lifting .category-list .tit {width:50%; font-family:"Tenor Sans"; font-size:8rem; text-align:center; letter-spacing:unset;}
.sect-main-lifting .category-list .sub {width:25%; text-align:right;}
@media screen and (max-width:1279px){
	.sect-main-lifting .category-list .txt {width:15%;}
	.sect-main-lifting .category-list .tit {width:70%; font-size:4rem; letter-spacing:-2px;}
	.sect-main-lifting .category-list .sub {width:15%;}
}

/* promotion */
.sect-main-promotion {border-bottom:1px solid rgba(42,43,43,0.3);}
.sect-main-promotion .tit-area {border-bottom:1px solid rgba(42,43,43,0.3);}
.sect-main-promotion .tit-area .inner {padding-top:140px; padding-bottom:30px;}
.sect-main-promotion .main-promotion-cont {overflow:hidden; position:relative; right:0; left:calc(50% - 700px); width:calc(50% + 700px); border-right:1px solid var(--color-gray05);}
.sect-main-promotion .main-promotion-slider {max-width:1400px; margin-left:unset; border-left:1px solid rgba(42,43,43,0.3);}
.sect-main-promotion .main-promotion-item {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; height:auto; padding:100px 0 100px 40px;}
.sect-main-promotion .main-promotion-item .left-area {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; width:calc(50% - 20px); height:100%;}
.sect-main-promotion .main-promotion-item .left-area .txt-area {width:100%; height:50%; padding-right:20px;}
.sect-main-promotion .main-promotion-item .left-area .txt-area .num {margin-bottom:40px; color:rgba(42,43,43,0.3); font-family:"Tenor Sans"; font-size:2.4rem;}
.sect-main-promotion .main-promotion-item .left-area .txt-area .tit {font-size:2.4rem; font-weight:600;}
.sect-main-promotion .main-promotion-item .left-area .txt-area .txt {margin-top:10px; color:var(--font-color-gray01); font-size:1.6rem;}
.sect-main-promotion .main-promotion-item .left-area .txt-area .promo {margin-top:30px; color:var(--color-secondary); font-family:"Tenor Sans"; font-size:2rem;}
.sect-main-promotion .main-promotion-item .left-area .btn-txt {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; width:100%; height:100%; color:var(--font-color-dark); font-family:"Tenor Sans"; font-size:1.6rem;}
.sect-main-promotion .main-promotion-item .right-area {width:calc(50% + 20px);}
.sect-main-promotion .main-promotion-item .right-area .img-area {position:relative; width:100%; padding-top:123.5294%;}
.sect-main-promotion .main-promotion-item .right-area .img-area > img {position:absolute; top:0; left:0; right:0; width:100%;}
@media screen and (max-width:1439px){
	.sect-main-promotion .main-promotion-cont {left:-1px; width:100%;}
}
@media screen and (max-width:1279px){	
	.sect-main-promotion .tit-area .inner {padding-bottom:35px;}
	.sect-main-promotion .main-promotion-cont {left:0; width:100%;}
	.sect-main-promotion .main-promotion-slider {overflow:hidden; width:calc(100% - 15px); max-width:unset; margin-left:15px;}
	.sect-main-promotion .main-promotion-item {padding:40px 0 40px 20px;}
	.sect-main-promotion .main-promotion-item .left-area {width:calc(50% - 10px);}
	.sect-main-promotion .main-promotion-item .left-area .txt-area {width:100%; height:50%; padding-right:20px;}
	.sect-main-promotion .main-promotion-item .left-area .txt-area .num {margin-bottom:20px; font-size:1.8rem;}
	.sect-main-promotion .main-promotion-item .left-area .txt-area .tit {font-size:1.8rem;}
	.sect-main-promotion .main-promotion-item .left-area .txt-area .txt {font-size:1.4rem;}
	.sect-main-promotion .main-promotion-item .left-area .txt-area .promo {margin-top:25px; font-size:1.6rem;}
	.sect-main-promotion .main-promotion-item .left-area .btn-txt {font-size:1.4rem;}
	.sect-main-promotion .main-promotion-item .right-area {width:calc(50% + 10px);}
}

/* Harmony in Curves */
.sect-harmony-curves {padding-bottom:100px;}
.sect-harmony-curves .inner {padding-top:150px;}
.sect-harmony-curves .tit-area {padding-bottom:40px;}
.sect-harmony-curves .tit-area.tit-sect .tit {font-size:5rem; letter-spacing:unset;}
.sect-harmony-curves .scroll-img-area {position:relative; overflow:hidden; width:100%; max-width:2560px; padding-top:27.0833%; margin:0 auto;}
.sect-harmony-curves .scroll-img-area .img-area {position:absolute; top:0; left:0; right:0;}
@media screen and (max-width:1279px){
	.sect-harmony-curves {padding-bottom:75px;}
	.sect-harmony-curves .tit-area {padding-bottom:40px;}
	.sect-harmony-curves .tit-area.tit-sect .tit {font-size:4rem; letter-spacing:-2px;}
	.sect-harmony-curves .scroll-img-area {padding-top:68.421%;}
}

/* review */
.sect-main-review .inner {padding-top:100px; padding-bottom:100px;}
.sect-main-review .main-review-cont {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; margin-top:45px;}
.sect-main-review .main-review-left-area {position:relative; width:calc(50% + 85px); padding:0 60px;}
.sect-main-review .main-review-left-area .main-review-zoom-prev,
.sect-main-review .main-review-left-area .main-review-zoom-next {position:absolute; top:50%; z-index:3; width:24px; height:42px; transform:translateY(-50%);}
.sect-main-review .main-review-left-area .main-review-zoom-prev {left:0; background:url("/theme/v1/resources/images/common/ico_slide_arr_left.svg") center / auto 100% no-repeat;}
.sect-main-review .main-review-left-area .main-review-zoom-next {right:0; background:url("/theme/v1/resources/images/common/ico_slide_arr_right.svg") center / auto 100% no-repeat;}
.sect-main-review .main-review-zoom-slider {overflow:hidden;}
.sect-main-review .main-review-zoom-item .img-area {position:relative; width:100%; padding-top:64.5161%;}
.sect-main-review .main-review-zoom-item .img-area > img {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.sect-main-review .main-review-right-area {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; width:calc(50% - 85px); height:100%;}
.sect-main-review .main-review-txt-slider {overflow:hidden; width:100%; margin-top:35px;}
.sect-main-review .main-review-txt-item {padding-left:30px; padding-right:unset;}
.sect-main-review .main-review-txt-item .txt-area .tit {width:100%; margin-bottom:20px; font-size:2.4rem; font-weight:600;}
.sect-main-review .main-review-txt-item .txt-area .txt {width:100%; font-size:1.6rem;}
.sect-main-review .main-review-txt-item .name {margin-top:50px; color:var(--font-color-gray01); font-size:1.4rem; text-align:right;} 
.sect-main-review .main-review-thumb-slider {overflow:hidden; width:calc(100% - 30px); margin-top:30px; margin-left:30px;}
.sect-main-review .main-review-thumb-item .img-area {position:relative; width:100%; padding-top:64.5161%;}
.sect-main-review .main-review-thumb-item .img-area > img {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
@media screen and (max-width:1279px){
	.sect-main-review .inner {padding-top:75px; padding-bottom:75px;}
	.sect-main-review .main-review-cont {flex-direction:column; margin-top:35px;}
	.sect-main-review .main-review-left-area {width:100%; padding:0 35px;}
	.sect-main-review .main-review-left-area .main-review-zoom-prev,
	.sect-main-review .main-review-left-area .main-review-zoom-next {width:15px; height:30px;}
	.sect-main-review .main-review-right-area {width:100%;}
	.sect-main-review .main-review-txt-item {padding-left:35px; padding-right:35px;}
	.sect-main-review .main-review-txt-item .txt-area .tit {margin-bottom:10px; font-size:2rem;}
	.sect-main-review .main-review-txt-item .txt-area .txt {font-size:1.4rem;}
	.sect-main-review .main-review-txt-item .name {margin-top:20px; font-size:1.2rem;}
	.sect-main-review .main-review-thumb-slider {overflow:hidden; width:calc(100% - 70px); margin:30px 35px 0;}
	.sect-main-review .main-review-thumb-item .img-area {position:relative; width:100%; padding-top:64.5161%;}
	.sect-main-review .main-review-thumb-item .img-area > img {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
}

/* before after */
.sect-main-before .inner {padding-top:100px;}
.sect-main-before .main-before-cont {width:100%; padding-top:75px; margin-top:35px; border-top:1px solid rgba(110,111,111,0.3);}
.sect-main-before .main-before-slider {position:relative; width:100%; max-width:800px; margin:0 auto;}
.sect-main-before .main-before-item {position:relative; overflow:hidden; line-height:0; margin:0 auto;}
.sect-main-before .main-before-item .img-area {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.sect-main-before .main-before-item .img-area > div {position:relative; width:50%; padding-top:40%; filter:contrast(90%) grayscale(1); transition:all 0.5s ease;}
.sect-main-before .main-before-item .img-area > div.before {margin:10% 20px 0 calc(10% - 20px);}
.sect-main-before .main-before-item .img-area > div.after {margin:10% calc(10% - 20px) 0 20px;}
.sect-main-before .main-before-item .img-area > div > img {position:absolute; top:0; right:0; left:0; width:100%;}
.sect-main-before .main-before-item .txt-area {position:absolute; bottom:0; left:0; display:flex; justify-content:space-between; width:100%; padding:7px 20px; background-color:rgba(0,0,0,0.4); color:var(--color-white); font-size:1.2rem; line-height:1.5; transform:translateY(100%); transition:all 0.5s ease;}
.sect-main-before .main-before-item .txt-area > div {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.sect-main-before .main-before-item .txt-area > div.list {display:flex; flex-direction:row; width:100%;}
.sect-main-before .main-before-item .txt-area > div.left > p:not(:last-child) {position:relative; padding-right:10px; margin-right:10px;}
.sect-main-before .main-before-item .txt-area > div.left > p:not(:last-child)::before {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background-color:var(--color-white); transform:translateY(-50%);}
.sect-main-before .main-before-item .txt-area > div.right > p:not(:first-child) {position:relative; padding-left:10px; margin-left:10px;}
.sect-main-before .main-before-item .txt-area > div.right > p:not(:first-child)::before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background-color:var(--color-white); transform:translateY(-50%);}
.sect-main-before .main-before-item.on .img-area > div {padding-top:50%; filter:unset;}
.sect-main-before .main-before-item.on .img-area > div.before {margin:unset;}
.sect-main-before .main-before-item.on .img-area > div.after {margin:unset;}
.sect-main-before .main-before-item.on .txt-area {transform:translateY(0);}
.sect-main-before .main-before-cont .main-before-prev,
.sect-main-before .main-before-cont .main-before-next {position:absolute; top:50%; z-index:3; width:24px; height:42px; transform:translateY(-50%);}
.sect-main-before .main-before-cont .main-before-prev {right:calc(100% + 40px); background:url("/theme/v1/resources/images/common/ico_slide_arr_left.svg") center / auto 100% no-repeat;}
.sect-main-before .main-before-cont .main-before-next {left:calc(100% + 40px); background:url("/theme/v1/resources/images/common/ico_slide_arr_right.svg") center / auto 100% no-repeat;}
.sect-main-before .main-before-cont > .txt {margin-top:30px; text-align:center; color:var(--font-color-gray01); font-size:1.4rem;}
@media screen and (max-width:1279px){
	.sect-main-before .inner {padding-top:75px;}
	.sect-main-before .main-before-cont {padding-top:40px;}
	.sect-main-before .main-before-slider {width:calc(100% - 100px);}
	.sect-main-before .main-before-item .txt-area {padding:1px 8px; font-size:1.2rem;}
	.sect-main-before .main-before-item .txt-area > div {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
	.sect-main-before .main-before-item .txt-area > div.left > p:not(:last-child) {padding-right:6px; margin-right:6px;}
	.sect-main-before .main-before-item .txt-area > div.left > p:not(:last-child)::before {height:8px;}
	.sect-main-before .main-before-item .txt-area > div.right > p:not(:first-child) {padding-left:6px; margin-left:6px;}
	.sect-main-before .main-before-item .txt-area > div.right > p:not(:first-child)::before {height:8px;}
	.sect-main-before .main-before-cont .main-before-prev,
	.sect-main-before .main-before-cont .main-before-next {width:15px; height:30px;}
	.sect-main-before .main-before-cont .main-before-prev {right:calc(100% + 20px);}
	.sect-main-before .main-before-cont .main-before-next {left:calc(100% + 20px);;}
	.sect-main-before .main-before-cont > .txt {margin-top:15px; font-size:1.2rem;}
}