﻿#single-case{overflow:hidden}#single-case .single-area{max-width:1280px;width:100%;margin-left:auto;margin-right:auto;padding:48px 0 120px}@media screen and (max-width: 1520px){#single-case .single-area{width:calc(100% - 240px)}}@media screen and (max-width: 959px){#single-case .single-area{width:calc(100% - 16vw)}}#single-case .single-area .slick-area{position:relative;width:100%;padding:20px 0 64px}#single-case .single-area .slick-area .main-img{overflow:hidden;display:flex}#single-case .single-area .slick-area .main-img.slick-slider{display:block}#single-case .single-area .slick-area .main-img .img{position:relative;border-radius:32px;overflow:hidden}#single-case .single-area .slick-area .main-img .img:before{content:"";display:block;padding:0 0 66.7%}#single-case .single-area .slick-area .main-img .img img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;border-radius:32px}#single-case .single-area .slick-area .main-img .slick-slide img{transform:scale(1.1);transition:.8s cubic-bezier(0.645, 0.045, 0.355, 1)}#single-case .single-area .slick-area .main-img .slick-current img{transform:scale(1)}#single-case .single-area .slick-area .sub-img{position:absolute;left:0;bottom:0;width:100%}#single-case .single-area .slick-area .sub-img .img{margin:8px;position:relative;border-radius:13px;background:#fff;cursor:pointer}#single-case .single-area .slick-area .sub-img .img:before{content:"";display:block;padding:0 0 100%}#single-case .single-area .slick-area .sub-img .img img{border-radius:8px;position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;opacity:.67777}#single-case .single-area .slick-area .sub-img .slick-current.img img{opacity:1}#single-case .single-area .button01{margin:60px 0 0;text-align:center}#single-case .single-area .button01 a{padding-right:60px;max-width:100%;width:auto}@media screen and (max-width: 767px){#single-case .single-area{padding:0 0 64px;width:100%;position:relative;margin-bottom:0;display:block}#single-case .single-area .slick-area{width:100%;margin:0 0 30px;padding:0 0 12vw}#single-case .single-area .slick-area .main-img .img{border-radius:0}#single-case .single-area .slick-area .main-img .img img{border-radius:0}#single-case .single-area .slick-area .sub-img{padding:0}#single-case .single-area .slick-area .sub-img .img{border-radius:7px}#single-case .single-area .slick-area .sub-img .img img{border-radius:4px}#single-case .single-area .slick-area .beforeimg{top:-10px;left:-18px;width:100px;height:100px;z-index:2;border-radius:100px;object-fit:cover}#single-case .single-area .button01{margin:32px 0 0;text-align:center}}#single-case #status-section{padding-top:120px;border-top:1px solid #87314a}#single-case #status-section .single-title{font-size:2.4rem;text-align:center;margin-bottom:64px;font-weight:700;max-width:880px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 959px){#single-case #status-section .single-title{width:calc(100% - 16vw)}}#single-case #status-section .editor-styles-wrapper{max-width:880px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 959px){#single-case #status-section .editor-styles-wrapper{width:calc(100% - 16vw)}}@media screen and (max-width: 959px){#single-case #status-section{padding-top:56px}#single-case #status-section .single-title{font-size:1.4rem;margin-bottom:32px}}#single-case #celebration-section{padding-top:120px;margin-bottom:120px}#single-case #celebration-section .inner{max-width:1680px;width:100%;margin-left:auto;margin-right:auto;position:relative}@media screen and (max-width: 1920px){#single-case #celebration-section .inner{width:calc(100% - 240px)}}@media screen and (max-width: 959px){#single-case #celebration-section .inner{width:calc(100% - 16vw)}}#single-case #celebration-section .inner:before{content:"";height:100%;width:100vw;background:#fffefd;position:absolute;right:calc(100% + 16px);top:0;z-index:1000000}#single-case #celebration-section .inner .contents-slider{position:relative;left:-30px;margin:0 0 88px}#single-case #celebration-section .inner .slider-inner{padding:0 30px;position:relative}#single-case #celebration-section .inner .slider-inner .box{display:block;background:#fffefd;box-shadow:0px 0px 28px -19px #777}#single-case #celebration-section .inner .slider-inner .box .img{display:block;position:relative}#single-case #celebration-section .inner .slider-inner .box .img:before{content:"";display:block;padding:0 0 66.7%}#single-case #celebration-section .inner .slider-inner .box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#single-case #celebration-section .inner .slider-inner .box .textarea{display:block;padding:88px 40px 96px;position:relative}#single-case #celebration-section .inner .slider-inner .box .textarea .title{font-size:1.2rem;font-weight:700}#single-case #celebration-section .inner .slider-inner .box .textarea:before{transition:all .2s;content:"詳しく見る";position:absolute;font-weight:700;font-size:.8rem;bottom:24px;right:40px;border-bottom:2px solid #87314a}#single-case #celebration-section .inner .slider-inner .box:hover .textarea:before{color:#87314a}#single-case #celebration-section .inner .status{position:absolute;z-index:9999;top:calc(17.112vw + 32px);left:70px;font-size:.75rem;display:flex;align-items:center}#single-case #celebration-section .inner .status a{display:block;padding:8px 16px;margin-right:24px;border:1px solid #87314a;background:#87314a;color:#fffefd;font-weight:700}#single-case #celebration-section .inner .status a:hover{background:#fffefd;color:#87314a}#single-case #celebration-section .inner .slick-list{overflow:visible}#single-case #celebration-section .inner .slide-arrow{position:absolute;top:-118px;cursor:pointer}#single-case #celebration-section .inner .prev-arrow{right:0px}#single-case #celebration-section .inner .next-arrow{right:64px}#single-case #celebration-section .button01{text-align:center}@media screen and (max-width: 1450px){#single-case #celebration-section .inner .status{top:calc(25vw + 32px)}}@media screen and (max-width: 959px){#single-case #celebration-section{padding-top:56px;margin-bottom:56px}#single-case #celebration-section .inner .contents-slider{position:relative;left:-30px;margin:0 0 40px}#single-case #celebration-section .inner .slider-inner{padding:0 4vw}#single-case #celebration-section .inner .slider-inner .box .textarea{display:block;padding:62px 4vw 56px}#single-case #celebration-section .inner .slider-inner .box .textarea:before{right:4vw}#single-case #celebration-section .inner .status{left:8vw;top:55vw}#single-case #celebration-section .inner .slide-arrow{position:absolute;top:-20vw;cursor:pointer;width:12vw}#single-case #celebration-section .inner .prev-arrow{right:-12vw}#single-case #celebration-section .inner .next-arrow{right:2vw}}#single-case #products-section{margin-bottom:120px;max-width:1280px;width:100%;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between}@media screen and (max-width: 1520px){#single-case #products-section{width:calc(100% - 240px)}}@media screen and (max-width: 959px){#single-case #products-section{width:calc(100% - 16vw)}}#single-case #products-section .box{display:block;width:calc(50% - 32px)}#single-case #products-section .box span{display:block;position:relative}#single-case #products-section .box .img{background:#fffefd;margin:0 0 24px}#single-case #products-section .box .img:before{content:"";display:block;padding:0 0 81%}#single-case #products-section .box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#single-case #products-section .box .title{transition:.3s;font-weight:700;color:#87314a;font-size:1.1rem;width:100%;padding:24px 104px 24px 0;background:url(../images/common/button.svg) no-repeat center right/contain}#single-case #products-section .box:hover .title{background-position:center right 8px}@media screen and (max-width: 959px){#single-case #products-section{margin-bottom:64px;max-width:1280px;width:100%;margin-left:auto;margin-right:auto;display:block}}@media screen and (max-width: 959px)and (max-width: 1520px){#single-case #products-section{width:calc(100% - 240px)}}@media screen and (max-width: 959px)and (max-width: 959px){#single-case #products-section{width:calc(100% - 16vw)}}@media screen and (max-width: 959px){#single-case #products-section .box{display:block;width:100%}#single-case #products-section .box .img{margin:0 0 16px}#single-case #products-section .box .title{font-size:.9rem;width:100%;padding:16px 56px 16px 0}#single-case #products-section .box:hover .title{background-position:center right 8px}#single-case #products-section .box:first-child{margin-bottom:40px}}/*# sourceMappingURL=single-case.css.map */