/* recycled */
.section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 169px;
    height: 69px;
    background-size: 169px 69px;
    background-repeat: no-repeat;
    background-image: url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_large.png);
    top: -63px;
    left: -86px
}
@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        background-image:url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_large_2x.png)
    }
}
@media only screen and (max-width: 1068px) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        width:127px;
        height: 62px;
        background-size: 127px 62px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_medium.png)
    }
}
@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        background-image:url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_medium_2x.png)
    }
}
@media only screen and (max-width: 734px) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        width:109px;
        height: 46px;
        background-size: 109px 46px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_small.png)
    }
}
@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        background-image:url(/mo/environment/images/overview/recycled_arrow__byk8b3zmq5ea_small_2x.png)
    }
}
@media only screen and (max-width: 1068px) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        top:-53px;
        left: -66px
    }
}
@media only screen and (max-width: 734px) {
    .section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
        top:-43px;
        left: -55px
    }
}

/* 引号 */
.section-blockquote .blockquote-quote:before {
    width: 19px;
    height: 29px;
    background-size: 19px 29px;
    background-repeat: no-repeat;
    background-image: url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_large.png);
    left: -2px;
    top: -11px
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-blockquote .blockquote-quote:before {
        background-image:url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-blockquote .blockquote-quote:before {
        width:16px;
        height: 24px;
        background-size: 16px 24px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_medium.png)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-blockquote .blockquote-quote:before {
        background-image:url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-blockquote .blockquote-quote:before {
        width:14px;
        height: 21px;
        background-size: 14px 21px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_small.png)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-blockquote .blockquote-quote:before {
        background-image:url(/mo/environment/images/overview/quote_start__c8y4d1ocszki_small_2x.png)
    }
}

html.js .section-blockquote .blockquote-quote .no-wrap:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 31px;
    background-size: 20px 31px;
    background-repeat: no-repeat;
    background-image: url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_large.png);
    right: 1px;
    top: 11px
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    html.js .section-blockquote .blockquote-quote .no-wrap:after {
        background-image:url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    html.js .section-blockquote .blockquote-quote .no-wrap:after {
        width:16px;
        height: 25px;
        background-size: 16px 25px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_medium.png)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    html.js .section-blockquote .blockquote-quote .no-wrap:after {
        background-image:url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    html.js .section-blockquote .blockquote-quote .no-wrap:after {
        width:15px;
        height: 22px;
        background-size: 15px 22px;
        background-repeat: no-repeat;
        background-image: url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_small.png)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.js .section-blockquote .blockquote-quote .no-wrap:after {
        background-image:url(/mo/environment/images/overview/quote_end__bkjyjr3ey736_small_2x.png)
    }
}

/*  */
#overview-ten-gw-2 {
    transform: translate(3px,3px);
}
@media only screen and (max-width: 1068px) {
    #overview-ten-gw-2 {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-ten-gw-2 {
        transform: translate(0px,0px);
    }
}

/* 2022-0825 手写字 */
/* 1 */
.section-hero .mac-mini-callout .snipe {
    left: 400px;
    top: 181px
}
@media only screen and (max-width: 1068px) {
    .section-hero .mac-mini-callout .snipe {
        left:325px;
        top: 123px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .mac-mini-callout .snipe {
        left:195px;
        top: 73px
    }
}

#overview-hero-snipe-mac-mini-2 {
    transform: translate(3px,63px);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-mac-mini-2 {
        transform: translate(3px,44px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-mac-mini-2 {
        transform: translate(0,36px);
    }
}

.section-hero .mac-mini-callout .snipe .m1-illustration {
    left: 52px;
    top: -1px;
}
@media only screen and (max-width: 1068px) {
    .section-hero .mac-mini-callout .snipe .m1-illustration {
        left: 30px;
        top: -7px;
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .mac-mini-callout .snipe .m1-illustration {
        left:17px;
        top: -12px;
    }
}

/* 2 */
.section-hero .iphone-callout .snipe {
    left: -33px;
    top: 302px
}
@media only screen and (max-width: 1068px) {
    .section-hero .iphone-callout .snipe {
        left:-14px;
        top: 243px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .iphone-callout .snipe {
        left:-22px;
        top: 160px
    }
}

#overview-hero-snipe-iphone-2 {
    transform: translate(34px,0);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-iphone-2 {
        transform: translate(15px,0);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-iphone-2 {
        transform: translate(6px,0);
    }
}

/* 3 */
.section-hero .iphone-box-callout .snipe {
    left: 277px;
    top: 52px
}
@media only screen and (max-width: 1068px) {
    .section-hero .iphone-box-callout .snipe {
        left:122px;
        top: 6px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .iphone-box-callout .snipe {
        left:-21px;
        top: 83px
    }
}

#overview-hero-snipe-iphone-box-2 {
    transform: translate(7px,-16px);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-iphone-box-2 {
        transform: translate(-2px,-10px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-iphone-box-2 {
        transform: translate(4px,0);
    }
}

/* 4 */
.section-hero .macbook-callout .snipe {
    left: 39px;
    top: 474px
}
@media only screen and (max-width: 1068px) {
    .section-hero .macbook-callout .snipe {
        left:-66px;
        top: 72px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .macbook-callout .snipe {
        left:358px;
        top: 72px
    }
}

#overview-hero-snipe-macbook-2 {
    transform: translate(-19px,-5px);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-macbook-2 {
        transform: translate(-55px,17px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-macbook-2 {
        transform: translate(-8px,0);
    }
}

/* 5 */
.section-hero .ipad-callout .snipe {
    left: -131px;
    top: 304px
}
@media only screen and (max-width: 1068px) {
    .section-hero .ipad-callout .snipe {
        left:303px;
        top: 71px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .ipad-callout .snipe {
        left:-81px;
        top: -22px
    }
}

#overview-hero-snipe-ipad-2 {
    transform: translate(0,0);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-ipad-2 {
        transform: translate(0,0);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-ipad-2 {
        transform: translate(0,0);
    }
}

/* 6 */
.section-hero .watch-callout .snipe {
    left: -131px;
    top: 140px
}
@media only screen and (max-width: 1068px) {
    .section-hero .watch-callout .snipe {
        left:-102px;
        top: 99px
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .watch-callout .snipe {
        left:41px;
        top: 73px
    }
}

#overview-hero-snipe-watch-2 {
    transform: translate(-14px,0);
}
@media only screen and (max-width: 1068px) {
    #overview-hero-snipe-watch-2 {
        transform: translate(-26px,0px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-hero-snipe-watch-2 {
        transform: translate(-15px,0);
    }
}

/* callout */
#overview-callout-iphone-card-2 {
    transform: translate(4px,0px);
}
@media only screen and (max-width: 1068px) {
    #overview-callout-iphone-card-2 {
        transform: translate(2px,0px);
    }
}
@media only screen and (max-width: 734px) {
    #overview-callout-iphone-card-2 {
        transform: translate(-14px,0px);
    }
}