main#dress .main .wrapper{padding:4rem 0 0;max-width:1200px;width:100%;text-align:center;margin:auto}main#dress .title-area .text{font-size:1.8rem;text-align:center}main#dress .title-area .title-image{margin:auto;width:120px}main#dress .sub-title{padding:2rem 0}main#dress .sub-title .text{font-size:2.4rem;color:#74574d;font-weight:400}main#dress .main .dress-types{width:1200px;margin:3rem auto 8rem;gap:1rem}main#dress .main .dress-types .dress-type{max-width:24%}main#dress .main .dress-types .dress-type .dress-type-link{position:relative}main#dress .main .dress-types .dress-type .dress-type-link:hover{opacity:.5}main#dress .main #dress-images{scroll-margin-top:100px}main#dress .main .dress-images{background-color:#efeee8;padding:3rem 0 8rem}main#dress .main .dress-images .group-area{width:100%;padding:1rem 0;max-width:1000px;margin:auto}main#dress .main .dress-images .group-area .groups{padding:1rem 0}main#dress .main .dress-images .group-area .groups .group-button-area{width:100%;background-color:#fff;text-align:center;min-height:60px}main#dress .main .dress-images .group-area .groups.type1 .group-button-area{border:1px solid #6e91a6}main#dress .main .dress-images .group-area .groups.type2 .group-button-area{border:1px solid #e19697}main#dress .main .dress-images .group-area .groups .group-button-area.select{transition:1s;color:#fff}main#dress .main .dress-images .group-area .groups.type1 .group-button-area.select{background-color:#6e91a6;border:1px solid #6e91a6}main#dress .main .dress-images .group-area .groups.type2 .group-button-area.select{background-color:#e19697;border:1px solid #e19697}main#dress .main .dress-images .group-area .groups .group-button-area .group-btn{width:100%;min-height:60px;margin:auto;color:#000;font-size:1.8rem;font-weight:300}main#dress .main .dress-images .group-area .groups .group-button-area.select .group-btn{transition:1s;color:#fff}main#dress .main .dress-images .disp-area{width:1200px;margin:5rem auto 0}main#dress .main .dress-images .disp-area .dress-image{position:relative}main#dress .dress-banner-area{margin:8rem auto;justify-content:center;max-width:1400px}main#dress .dress-banner-area .banner{position:relative}main#dress .dress-banner-area .banner a:hover{opacity:.5}main#dress .dress-banner-area .banner-text{font-size:1.3rem;width:46%;position:absolute;top:48%}main#dress .dress-banner-area .banner-text span{display:inline-block;margin-top:.5rem}main#dress .dress-banner-area .banner-text1{right:3%}main#dress .dress-banner-area .banner-text2{left:6%}@media screen and (max-width:1400px){main#dress .dress-banner-area .banner-text{font-size:.9vw}}@media screen and (max-width:1200px){main#dress .main .dress-types{width:100%;padding:0 2rem;margin:3rem auto 5rem}main#dress .main .dress-types .dress-type{max-width:23.9%}main#dress .main #dress-images{scroll-margin-top:80px}main#dress .main .dress-images{padding:3rem 1rem 8rem}main#dress .main .dress-images .disp-area{width:90%;margin:2rem auto 0}main#dress .main .dress-images .group-area .groups .group-button-area .group-btn{font-size:1.7rem}}@media screen and (max-width:1024px){main#dress .dress-banner-area .banner-text{font-size:1.3vw}}@media only screen and (max-width:767px){main#dress .main .wrapper{padding:0}main#dress .title-area .text{font-size:1.4rem}main#dress .title-area .title-image{width:100px}main#dress .sub-title .text{font-size:1.8rem}main#dress .main .dress-types{margin:3rem auto 3.5rem}main#dress .main .dress-types .dress-type{max-width:48.5%;margin:0 auto .5rem}main#dress .main .dress-images .group-area .group-button-area{max-width:48.5%}main#dress .dress-banner-area{padding:0 2rem;margin:8rem auto 4rem}main#dress .dress-banner-area .banner-text{font-size:2.8vw;width:88%;top:60%}main#dress .dress-banner-area .banner-text1{right:auto;left:7%}}