.area-top-img{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(//yukikk.co.jp/wp-content/themes/yukishokuhin/./img/png/area-top.png);background-size:cover;background-position:center}.main-wrapper{background-color:#f8fbff;margin-top:12rem}.main-wrapper-contents{padding:9rem 0 14rem;position:relative;display:grid;gap:24rem}.main-wrapper-content{width:100%;max-width:1500px;margin:0 auto;letter-spacing:.2rem;display:flex;gap:7rem;z-index:5}.main-wrapper-contents{padding:9rem 0 14rem;position:relative;display:grid;gap:24rem}.main-wrapper-content{width:100%;max-width:1560px;margin:0 auto;letter-spacing:.2rem;border-radius:2rem;display:flex;gap:7rem;z-index:5}.main-wrapper-content-top{width:100%;height:100%;padding:1rem;display:flex;flex-flow:column;align-items:flex-end;justify-content:space-between;position:absolute;top:0;left:0}.main-wrapper-content-top-right{align-items:flex-start}.content-top-borders{position:absolute;top:3rem;left:1.5rem}.content-top-borders p{color:#ff504a;font-size:.75rem;font-weight:600;letter-spacing:.2rem;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl}.content-top-border{background-color:#ff504a;width:2px;height:140px;margin:.5rem auto}.content-top-borders-right{left:94%}.main-wrapper-content-top img{width:120px;height:140px;display:block;object-fit:cover}.triangle{background-color:#ff504a;height:120px;width:120px;clip-path:polygon(108% 0,100% 100%,0 108%);transform:rotate(270deg);border-radius:1rem}.triangle-body-right .triangle{transform:rotate(180deg)}.triangle-body{position:relative;display:grid}.triangle-body-label{font-family:'Mochiy Pop P One',sans-serif;position:absolute;top:18%;left:58%;font-size:1.5rem;font-weight:600;color:#fff}.triangle-body-right .triangle-body-label{left:11%}.area-change-imgs{position:relative}.area-change-img1{width:520px;height:360px;object-fit:cover;border-radius:8px}.main-wrapper-content img{object-fit:cover;border-radius:8px}.area-change-img-under{display:flex;align-items:flex-end;position:absolute;bottom:-70%;left:0}.area-change-img1{width:420px;height:280px}.area-change-img2{width:240px;height:160px;position:relative;right:40px}.area-change-img3{width:260px;height:300px}.area-titles{margin-bottom:3rem;display:flex}.area-detail{padding-top:1rem}.area-title{font-family:'Mochiy Pop P One',sans-serif;color:#ff504a;font-size:1.75rem}.area-border{background-color:#ff504a;width:100%;height:2px;margin-top:4px;border-radius:120px}.area-text{font-weight:500;line-height:2rem}.area-text-example{margin-top:1rem;font-size:.825rem;font-weight:500;line-height:2rem}.area-school-imgs{position:relative}.area-school-img1{width:460px;height:310px}.area-school-img2{width:400px;height:240px;position:absolute;top:220px;left:-64px}.content-right{flex-direction:row-reverse}.area-client{width:100%;max-width:1500px;margin:0 auto;display:grid;gap:3rem}.area-client h4{font-size:1.25rem}.area-client span{margin-right:.25rem;color:#ff504a}.schools{background-color:#fffbfb;width:100%;padding:3rem 2rem;border:2px solid #ff504a;border-radius:12px;display:flex;justify-content:center;gap:2.5rem 4rem;flex-wrap:wrap}.school{display:flex;gap:1rem;align-items:center}.school p{letter-spacing:.1rem;font-weight:600}.top-block .nami{position:relative;left:24px}.top-block .sakana{width:120px;position:relative;top:-32px;left:96px}.transform-scale{transform:scale(-1,1)}.main-block{display:flex;flex-flow:column;justify-content:space-between;height:760px}.main-block .kumanomi{transform:rotate(-30deg) scale(-1,1);position:relative;left:80px}.main-block .bluefish{position:relative;right:120px}.main-block .kumanomi2{width:64px;transform:rotate(-30deg) scale(-1,1);position:relative;top:64px;right:32px}.main-block .nami{position:relative;right:80px}.main-block-under-parts{display:flex;justify-content:space-between}.main-block-under-parts .bluefish2{position:relative;top:32px;left:100px}.main-block-under-parts .awa{transform:scale(-1,1) rotate(-30deg);position:relative;top:180px;left:64px}@media screen and (max-width:1140px){.main-wrapper-contents{gap:20rem}.main-wrapper-content{gap:5rem;letter-spacing:.15rem}.area-change-img1{width:380px;height:240px}.area-change-img-under{bottom:-64%}.area-change-img2{width:220px;height:146px;right:30px}.area-change-img3{width:210px;height:260px}.area-title{font-size:1.5rem}.area-titles{margin-bottom:2rem}.area-text{line-height:1.8rem}.area-school-img1{width:330px;height:210px}.area-school-img2{width:280px;height:180px;top:190px;left:-64px}.area-detail{padding-top:2rem}}@media screen and (max-width:960px){.main-wrapper{margin-top:5rem}.main-wrapper-contents{padding:5rem 2rem 10rem;gap:8rem}.main-wrapper-content{flex-flow:column;align-items:center;gap:6rem}.area-change-detail{margin-top:4rem}.area-change-img-under{left:36px}.area-change-img1{width:360px;height:210px}.area-change-img2{width:190px;height:120px;right:80px}.area-change-img3{width:170px;height:200px}.area-titles{justify-content:center}.area-border{width:130px;margin:16px auto 0}.area-text{text-align:center}.area-text-example{text-align:center}.area-school-img1{width:330px;height:210px;position:relative;left:32px}.area-school-img2{width:250px;height:170px;top:120px;left:-64px}.area-client h4{font-size:.125rem}.schools{padding:2rem 1rem;gap:2rem 3rem}.top-block .sakana{top:-10px;left:135px}.main-block .kumanomi{left:40px}.main-block .kumanomi2{top:60px;right:80px}.main-block-under-parts .awa{left:90px}.main-block-under-parts .bluefish2{left:170px;z-index:1}}@media screen and (max-width:520px){.main-wrapper{margin-top:8rem}.main-wrapper-contents{padding:2.5rem 0 8rem}.main-wrapper-content{overflow:hidden;letter-spacing:.1rem}.main-wrapper-content-top img{width:80px;height:70px}.content-top-borders{top:2rem}.content-top-borders p{writing-mode:horizontal-tb}.content-top-border{display:none}.content-top-borders-right{left:68%}.triangle{height:100px;width:100px;clip-path:polygon(112% 0,100% 100%,0 112%)}.triangle-body-label{font-size:1.25rem}.area-change-img1{width:340px;height:210px}.area-text{font-size:.875rem;line-height:1.6rem}.area-text-example{font-size:.75rem}.area-client h4{font-size:1rem}.school{gap:.5rem}.school img{width:24px}.school p{font-size:.875rem;letter-spacing:.07rem}.schools{padding:2rem .75rem;gap:1.5rem}.area-change-img-under{left:8px}.area-change-img2{right:40px}.under-block{justify-content:flex-end}.under-block img{width:100%}.main-block .kumanomi{display:none}.top-block .sakana{top:-55px;left:230px;transform:rotate(10deg)}}@media screen and (max-width:350px){.area-client h4{font-size:.875rem}}