.sustainable_produceitems{width:100%;margin:0 auto;padding-top:0;font-family:serif}.sustainable_produceitems img{width:100%}.sustainable_produceitems .sp{display:none}.sustainable_produceitems p{font-size:16px;line-height:1.8em}.fade{opacity:0;transition:opacity 2s}.fade.view{opacity:1}.extra-heading{text-align:center}.extra-heading{width:100%;position:relative}.main-title{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);margin:auto;width:25%}.heading_text{text-align:center;font-size:120%;line-height:1.8em;margin:100px 0}.heading_text p{margin-bottom:20px}.intro{width:90%;margin:160px auto;max-width:1100px}.intro .pc{overflow:hidden}.intro .left{float:left;width:50%}.intro .right{float:right;width:50%}.intro figure{box-shadow:0 0 10px #ddd;margin:20% 10%}.intro .intro-img1{width:110%}.intro .intro-img2{width:60%;margin-left:20%}.intro .intro-img3{width:100%}.intro .intro-img4{width:60%;margin-left:auto;margin-right:10%}.message{background:#f2f1f0;padding:120px 0}.message .inner{max-width:1000px;margin:auto;overflow:hidden}.message-left{float:left;width:40%}.message-right{float:right;width:50%}.message-right .message-title{margin-bottom:120px;width:400px;margin-left:98px}.message-right h3{font-size:240%;margin-bottom:40px;font-weight:normal}.message-right p{font-size:120%;margin-right:50px}.title-feature{width:30%;margin:180px 0 0;margin-left:5%}.item-box{position:relative;width:90%;max-width:1100px;height:1080px;margin:80px auto 80px}.item-box .item-box-heading figure{margin-bottom:60px}.item-box .item-box-heading p.item-name{font-weight:bold;font-size:140%}.item-image-main{width:62%}.item-image-sub1,.item-image-sub2{width:30%}.item-box .item-box-heading p.item-price{margin-bottom:40px}.item-box-heading{position:absolute;width:35%}.item1 .item-box-heading{left:0;top:5%}.item1 .item-box-heading figure{width:80%}.item1 .item-image-main{position:absolute;top:0;right:0}.item1 .item-image-sub1{position:absolute;left:0;bottom:10%}.item1 .item-image-sub2{position:absolute;left:28%;bottom:5%}.item1 .point{position:absolute;bottom:0;right:0}.item2 .item-box-heading{right:0;top:5%}.item2 .item-box-heading figure{width:70%}.item2 .item-image-main{position:absolute;top:0;left:0}.item2 .item-image-sub1{position:absolute;right:0;bottom:10%}.item2 .item-image-sub2{position:absolute;right:28%;bottom:5%}.item2 .point{position:absolute;bottom:0;left:0}.point{background:#fff;padding:5%;max-width:340px}.point h4{font-size:16px;margin-bottom:20px}.point ul li{padding-bottom:10px;font-size:15px}.btn a{display:block;width:400px;border:1px solid #333;padding:20px;text-align:center;font-size:18px;margin:40px auto 180px}.comment h4{text-align:center;font-size:140%;margin-bottom:20px}.comment p{font-size:15px;text-align:center}.slider_fade{position:relative}.slider_fade>li{position:absolute;list-style:none;visibility:hidden;animation:anime_slider_fade 12s 0s infinite}.slider_fade>li:nth-of-type(2){animation-delay:4s}.slider_fade>li:nth-of-type(3){animation-delay:8s}@keyframes anime_slider_fade{0%{visibility:visible;opacity:0}15%{opacity:1}33.3%{opacity:1}48.3%{opacity:0}100%{opacity:0}}.profile{background:#f2f1f0;padding:80px 0}.profile h3{width:300px;margin:0 auto 60px}.profile .inner{width:800px;margin:0 auto}.profile-box{overflow:hidden}.profile-img{width:40%;float:left}.profile-text{width:52%;float:right;padding-top:80px}p.profile-name{font-size:200%;font-weight:bold}p.profile-namesub{margin-bottom:40px}p.footer-text{text-align:center;margin-top:100px;font-size:200%}.collection_link a{display:block;width:400px;border:1px solid #333;padding:20px;text-align:center;font-size:18px;margin:40px auto 80px;transition:0.5s}.collection_link a span{color:#333;position:relative;padding-right:30px}.collection_link a span::after{content:"";position:absolute;top:60%;right:0;width:7px;height:7px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);margin-top:-5px}