@charset "UTF-8";
@import "/report-plastic/common/css/reset.css";
@import "/report-plastic/common/css/common.css";

/**************************************************/
/* index.html */
/**************************************************/

body{background:url("/report-plastic/archive/common_new/img/bg-body.png") no-repeat center top;background-size:100% auto;}

/* ヘッダ */
/**************************************************/
#head{}
#head .sectionBox{position:relative;}
#head .sectionBox:before{padding-top:14.557%;}
#head h1{width:78.223%;margin:0 auto;margin-left:11.8889%;position:relative;z-index:1;}
#head h1:before{content:'';display:block;position:absolute;top:0;left:3.978%;margin:2.415% auto 0;width:17.3296%;padding-top:13.637%;background:url("/report-plastic/common_new/img/head-chara.png") no-repeat center;background-size:100% auto;z-index:2;}
#head h1 img{position:relative;z-index:1;}
#head p#head-update{position:absolute;bottom:0;right:7.668%;margin-bottom:4%;width:25.8889%;z-index:2;}
#head .sectionBox:after{padding-top:9.223%;}

/* 共通スタイル */
/**************************************************/
.section-title{position:relative;}
.section-title h2{width:91.668%;margin:0 auto;margin-left:5.334%;position:relative;z-index:1;}
.section-title:before{content:'';display:block;position:absolute;top:0;left:2.779%;width:14.223%;z-index:2;background:url("/report-plastic/common/img/ico-new.png") no-repeat center;background-size:100% auto;}
.section-title.new:before{padding-top:14.223%;}
.section-title h2:before,
.section-title h2:after{content:'';display:block;}

.btn-more{position:relative;margin:0 auto;}
.btn-more:before,
.btn-more:after{content:'';display:block;}
.btn-more:before{position:absolute;top:0;background-repeat:no-repeat;background-position:center top;background-size:100% auto;z-index:1;}
.btn-more a{display:block;position:relative;z-index:2;}
.btn-more a img{display:block;}
.btn-more a:hover img{opacity:0.8;}

/* エシカルトピックス */
/**************************************************/
#ethical{}
#ethical .sectionBox:before{padding-top:5.779%;}

#ethical .section-title{margin-bottom:1.334%;}
#ethical .section-title:before{margin-top:-5.779%;}
#ethical .section-title h2:before{padding-top:1.576%;}
#ethical .section-title h2:after{position:absolute;top:0;right:-1.819%;margin-top:11.394%;width:17.9394%;padding-top:23.394%;background:url("/report-plastic/archive/common_new/img/ethical-chara1.gif") no-repeat center;background-size:100% auto;z-index:2;}
#ethical .section-title h2 img{position:relative;z-index:1;}

.ethical-layout{position:relative;}
.ethical-layout:before{content:'';display:block;position:absolute;top:0;right:-1.557%;width:99.889%;padding-top:307.445%;background:url("/report-plastic/common_new/img/ethical-bg.png") no-repeat center top;background-size:100% auto;z-index:1;}

.ethical-contents{font-size:20px;position:relative;/*min-height:159.2em;*/z-index:2;}

.ethical-box{position:relative;z-index:2;}
.ethical-box h3 img,
.ethical-box p img{margin:0 auto;}

#ethical-box01{padding-top:2.6667%;}
#ethical-box01 h3{padding-bottom:2.3334%;}
#ethical-box01 h3 img{width:52.1112%;margin-left:24.6667%;}
#ethical-box01 p{padding-bottom:3.5556%;}
#ethical-box01 p img{width:92.1112%;margin-left:4.7778%;}

#ethical-box02{padding-bottom:3.1112%;}
#ethical-box02 h3{padding-bottom:2%;}
#ethical-box02 h3 img{width:80%;margin-left:11.3334%;}
#ethical-img04{width:44%;float:left;margin-left:6.4445%;}
#ethical-img05{width:44.6667%;float:right;margin-right:2.7778%;}
#ethical-img06{padding-top:6.8889%;clear:both;}
#ethical-img06 img{width:89.6667%;margin-left:6.8889%;}

#ethical-box03{padding-bottom:1.5556%;}
#ethical-box03 h3{padding-bottom:2.7778%;}
#ethical-box03 h3 img{width:93.8889%;margin-left:2.5556%;}
#ethical-box03 p{position:relative;padding-bottom:4.2223%;}
#ethical-box03 p:after{content:'';display:block;position:absolute;top:0;right:1.4445%;width:32.8889%;margin-top:0.1112%;padding-top:26.5556%;background:url("../img/ethical-img09.png") no-repeat center top;background-size:100% auto;z-index:2;}
#ethical-box03 p img{width:55%;margin-left:6.4445%;}

#ethical-box04{padding-bottom:2.5556%;}
#ethical-box04 h3{padding-bottom:2.7778%;}
#ethical-box04 h3 img{width:93.8889%;margin-left:2.5556%;}
#ethical-img11{position:relative;padding-bottom:2.3334%;z-index:1;}
#ethical-img11:after{content:'';display:block;position:absolute;top:0;right:0.5556%;width:33.8889%;margin-top:-0.4445%;padding-top:35.3334%;background:url("../img/ethical-img12.png") no-repeat center top;background-size:100% auto;z-index:2;}
#ethical-img11 img{width:54.8889%;margin-left:6.5556%;}
#ethical-img13{padding-bottom:1.1112%;}
#ethical-img13 img{width:21.3334%;margin-left:6.4445%;}
#ethical-box04 ul{position:relative;padding-bottom:2.3334%;z-index:2;}
#ethical-box04 ul:after{content:'';display:block;clear:both;}
#ethical-box04 ul li{width:22.8889%;float:left;margin-left:0.7778%;}
#ethical-box04 ul li:first-child{margin-left:5.6667%;}
#ethical-img17{position:relative;padding-bottom:1.3334%;z-index:1;}
#ethical-img17:after{content:'';display:block;position:absolute;top:0;right:1.5556%;width:31.1112%;margin-top:-2.4445%;padding-top:23.3334%;background:url("../img/ethical-img18.png") no-repeat center top;background-size:100% auto;z-index:3;}
#ethical-img17 img{position:relative;width:62.4445%;margin-left:11.4445%;z-index:2;}

#ethical-box05 p.btn-more{width:80.2223%;margin-left:11.2223%;padding-bottom:8.5556%;}
#ethical-box05 p.btn-more img{width:100%;margin-top:0;margin-left:auto;}

#ethical-box06{z-index:1;}
#ethical-box06:before{content:'';display:block;position:relative;padding-top:77.112%;z-index:1;}

#quiz{position:absolute;top:0;left:0;width:100%;padding-bottom:3.445%;z-index:2;}
#quiz:before{content:'';display:block;position:absolute;top:0;left:6.445%;width:89.557%;padding-top:44.445%;background:url("/report-plastic/common_new/img/quiz-bg.png") no-repeat center top;background-size:100% auto;z-index:2;}
#quiz:after{content:'';display:block;position:absolute;bottom:0;right:-1.557%;width:99.889%;padding-top:84.445%;background:url("/report-plastic/common_new/img/ethical-bg.png") no-repeat center bottom;background-size:100% auto;z-index:1;}
#quiz h3,
#quiz p,
#quiz ul{position:relative;z-index:3;}
#quiz h3{padding:5.668% 0 4.5556%;}
#quiz h3:before{content:'';display:block;position:absolute;top:0;left:22.668%;margin:-3.8889% auto 0;width:20.668%;padding-top:21%;background:url("/report-plastic/common_new/img/ethical-chara2.gif") no-repeat center;background-size:100% auto;z-index:1;}
#quiz h3 img{width:22.445%;margin-left:40%;}
#quiz p{padding:0.4445% 0 2.3334%;}
#quiz p img{width:48.6667%;margin-left:12.1112%;}

#quiz ul{padding-bottom:3%;}
#quiz ul li{position:relative;width:79.3334%;margin:0 auto;margin-left:11.5556%;margin-bottom:2.2223%;}
#quiz ul li:last-child{margin-bottom:0;}
#quiz ul li:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;z-index:3;}
#quiz ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;background-repeat:no-repeat;background-position:center;background-size:100% auto;z-index:2;}
#quiz ul li:nth-child(1):before{background-image:url("../img/quiz-hint1select.png")}
#quiz ul li:nth-child(2):before{background-image:url("../img/quiz-hint2select.png");}
#quiz ul li a{display:block;position:relative;z-index:1;}
#quiz ul li a img{display:block;}
#quiz ul li a:hover img{opacity:0.8;}

#quiz ul li.selected:before{height:100%;}
#quiz ul.locked li:after{height:100%;}

#answer{position:relative;z-index:2;}
#answer:before{content:'';display:block;position:absolute;bottom:0;left:6.445%;width:89.557%;padding-top:73.668%;background:url("/report-plastic/common_new/img/quiz-bg2.png") no-repeat center bottom;background-size:100% auto;z-index:1;}
#answer p{position:relative;padding:2% 0 2.4445%;z-index:1;}
#answer p img{position:relative;width:74.5556%;margin-left:13.2223%;z-index:1;}

.quiz-toggle{position:relative;overflow:hidden;}
.quiz-toggle:before{content:'';display:block;position:absolute;bottom:0;left:6.445%;width:89.557%;padding-top:73.668%;background:url("/report-plastic/common_new/img/quiz-bg.png") no-repeat center bottom;background-size:100% auto;z-index:1;}

#quiz-close{display:block;position:absolute;top:0;right:5.8889%;margin:1.445% auto 0;width:5.779%;padding-top:5.779%;background:url("/report-plastic/common_new/img/btn-quiz.png") no-repeat center;background-size:100% auto;z-index:2;}
#quiz-close:hover{opacity:0.8;}

#ethical .sectionBox:after{padding-top:14.334%;}

/* プラスチックの環境対応 */
/**************************************************/
#report{position:relative;}
#report p{position:relative;}
#report p:before{content:'';display:block;position:relative;padding-top:20.223%;z-index:1;}
#report p img{display:block;position:absolute;top:0;right:-1.223%;width:99.889%;z-index:2;}

#report .sectionBox:after{padding-top:4.557%;}

/* 環境対応容器包装メーター */
/**************************************************/
#meter{}
#meter .sectionBox:before{padding-top:5.668%;}

#meter .section-title{margin-bottom:0.668%;}
#meter .section-title:before{margin-top:-5.779%;}
#meter .section-title h2:before{padding-top:1.334%;}
#meter .section-title h2:after{position:absolute;top:0;right:-2.182%;margin-top:6.304%;width:23.152%;padding-top:22.9091%;background:url("/report-plastic/archive/common_new/img/meter-chara1.gif") no-repeat center;background-size:100% auto;z-index:2;}
#meter .section-title h2 img{position:relative;z-index:1;}

.meter-layout{position:relative;}
.meter-layout:before{content:'';display:block;position:absolute;top:0;right:-1.557%;width:99.889%;padding-top:99.779%;background:url("/report-plastic/common_new/img/meter-bg.png") no-repeat center;background-size:100% auto;z-index:1;}
.meter-layout:after{content:'';display:block;padding-top:2.8889%;z-index:1;}

.meter-graph{position:relative;width:96.668%;margin:0 auto;margin-left:2.8889%;}
#meter-graph1{position:relative;z-index:1;}
#meter-graph2{position:absolute;top:0;left:5.978%;margin-top:3.5633%;width:82.5288%;z-index:3;}
#meter-chara{position:absolute;top:0;right:0.5748%;margin-top:12.184%;width:26.437%;z-index:4;}
#meter-graph3{position:absolute;top:0;left:25.978%;margin-top:38.161%;width:63.794%;z-index:2;}
#meter-graph3:before{content:'';display:block;position:absolute;top:0;right:0;width:100%;height:100%;z-index:2;background-color:#FFF;transition:width 0s linear 0s;}
#meter-graph3 img{position:relative;z-index:1;}
.view #meter-graph3:before{width:0;transition:width 3s ease .5s;}
#meter-graph4{position:absolute;top:0;left:38.276%;margin-top:48.736%;width:25.405%;z-index:4;opacity:0;transition:all 0s linear 0s;}
.view #meter-graph4{left:22.069%;width:56.668%;opacity:1;transition:all 1s ease 3.5s;}

#meter .sectionBox:after{padding-top:8.557%;}

/* アーカイブ */
/**************************************************/
#archive{}

.archive-box{width:55.557%;margin:0 auto;}
.archive-box p a{display:block;position:relative;z-index:2;}
.archive-box p a img{display:block;}
.archive-box p a:hover img{opacity:0.8;}

#archive-new{margin-bottom:5.779%;}

#archive .sectionBox:after{padding-top:19.223%;}

/* たくさんの取り組み */
/**************************************************/
#others{}
#others h2{width:62.557%;margin:0 auto 6.445%;margin-left:19.557%;}

.others-box{position:relative;}
.others-box p.others-link{width:68.557%;margin:0 auto;position:relative;}
.others-box p.others-link:before{content:'';display:block;position:relative;z-index:1;}
.others-box p.others-link a{display:block;position:relative;z-index:2;}
.others-box p.others-link a img{display:block;}
.others-box p.others-link a:hover img{opacity:0.8;}
.others-box p.others-img{position:absolute;top:0;}

#others-box1{margin-bottom:8.557%;}
#others-box1 p.others-link{width:65.668%;margin-right:0;}
#others-box1 p.others-link:before{padding-top:44.163%;}
#others-box1 p.others-link a{position:absolute;top:0;left:0;width:104.4%;}
#others-box1 p.others-img{left:-4.112%;margin-top:-4.668%;width:36.889%;}

#others-box2{margin-bottom:9.112%;}
#others-box2 p.others-link{width:67.779%;margin-left:0;}
#others-box2 p.others-link:before{padding-top:42.787%;}
#others-box2 p.others-link a{position:absolute;top:0;right:0;width:101.148%;}
#others-box2 p.others-img{right:-5.668%;margin-top:-7.334%;width:38.112%;}

#others-box3 p.others-link{width:65.779%;margin-right:0;}
#others-box3 p.others-link:before{padding-top:44.088%;}
#others-box3 p.others-link a{position:absolute;top:0;left:0;width:104.223%;}
#others-box3 p.others-img{left:-2.223%;margin-top:-7.112%;width:34.779%;}

#others .sectionBox:after{padding-top:19.668%;}

/* SNS */
/**************************************************/
#sns{background-color:#FFF;}
#sns .sectionBox:before{padding-top:3.223%;}
#sns ul{}
#sns ul:after{content:'';display:block;clear:both;}
#sns ul li{width:4.223%;float:left;margin-left:7%;}
#sns ul li:first-child{margin-left:31%;}
#sns ul li a{display:block;}
#sns ul li a img{display:block;}
#sns ul li a:hover img{opacity:0.8;}
#sns .sectionBox:after{padding-top:3.668%;}

/* フッタ */
/**************************************************/
#footer{background-color:#FFF;}
#footer ul{width:96.492%;max-width:550px;margin:0 auto;}
#footer ul li{width:100%;margin:3.091% auto 0;}
#footer ul li:first-child{margin-top:0;}
#footer ul li a{display:block;}
#footer ul li a img{display:block;position:relative;z-index:1;}
#footer ul li a:hover img{opacity:0.8;}
#footer .sectionBox:after{padding-top:4.445%;}

/* コピーライト */
/**************************************************/
#copyright{background-color:#E10012;}
#copyright .sectionBox:before{padding-top:1.8889%;}
#copyright p{color:#FFF;font-size:18px;line-height:2em;text-align:center;}
#copyright .sectionBox:after{padding-top:1.223%;}

/* ポップアップ */
/**************************************************/
#popup{position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;z-index:5;}
.popup-table{position:absolute;top:0;left:0;width:100%;height:100%;display:table;}
.popup-td{display:table-cell;vertical-align:middle;}
.popup-layout{width:45%;min-width:800px;margin:0 auto;background-color:#FFF;position:relative;z-index:2;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.popup-layout:before{content:'';display:block;padding-top:77.779%;position:relative;z-index:1;}
.popup-layout .perfectScroll{position:absolute;left:0;top:0;bottom:0;display:block;width:100%;overflow:hidden;z-index:2;}

a.popup-close{display:block;}
a.popup-close img{display:block;}
a.popup-close:hover img{opacity:0.8;}

.popup-close1{position:absolute;top:0;width:5.668%;z-index:3;}
.popup-close1 a{display:block;}
.popup-close1 a img{width:100%;height:auto;}

.popup-layout p{text-align:center;}

#popup1{background:url("/report-plastic/top/bg-popup1.png") no-repeat center top;background-size:100% auto;}
#popup1 .perfectScroll{left:4.779%;margin-top:8.334%;margin-bottom:5%;width:91.668%;}
#popup1 .ps-container.ps-active-y>.ps-scrollbar-y-rail{border-radius:0;width:24px;right:0!important;}
#popup1 .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{width:20px;right:2px;border-radius:20px;background-color:#c4c5c5;}
#popup1 .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#c4c5c5;}
#popup1 .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#c4c5c5}
#popup1 .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#c4c5c5}
#popup1 .popup-close1{right:1.445%;margin-top:0.779%;width:5.668%;}

#popup1 .popup-contents p img{margin:0 auto;}
#popup1 .popup-contents p:nth-child(1){background-color:#fff;padding-top:0.364%;padding-bottom:5.576%;}
#popup1 .popup-contents p:nth-child(1) img{width:86.304%;margin-left:5.334%;}
#popup1 .popup-contents p:nth-child(2){background-color:#f9ff00;padding-top:1.94%;padding-bottom:1.819%;}
#popup1 .popup-contents p:nth-child(2) img{width:87.152%;margin-left:3.516%;}
#popup1 .popup-contents p:nth-child(3){background-color:#fffde5;position:relative;}
#popup1 .popup-contents p:nth-child(3):before{content:'';display:block;padding-top:72.97%;position:relative;z-index:1;}
#popup1 .popup-contents p:nth-child(3) img{width:88.485%;position:absolute;top:0;left:4.243%;margin-top:5.213%;z-index:2;}
#popup1 .popup-contents p:nth-child(4){background-color:#fffde5;padding-bottom:5.334%;position:relative;}
#popup1 .popup-contents p:nth-child(4):after{content:'';display:block;position:absolute;bottom:0;left:66.788%;margin-bottom:-12.97%;width:24.728%;padding-top:27.516%;background:url("/report-plastic/top/popup1-img5.png") no-repeat center;background-size:100% auto;z-index:2;}
#popup1 .popup-contents p:nth-child(4) img{width:88.364%;margin-left:4.364%;}
#popup1 .popup-contents p:nth-child(5){background-color:#fffde5;padding-bottom:5.334%;}
#popup1 .popup-contents p:nth-child(5) a{width:31.152%;margin-left:32.728%;}
#popup1 .popup-contents p:nth-child(5) a img{width:100%;height:auto;}

#popup2{background:url("/report-plastic/top/bg-popup1.png") no-repeat center top;background-size:100% auto;}
#popup2 .perfectScroll{left:4.779%;margin-top:8.334%;margin-bottom:5%;width:91.668%;}
#popup2 .ps-container.ps-active-y>.ps-scrollbar-y-rail{border-radius:0;width:24px;right:0!important;z-index:5;}
#popup2 .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{width:20px;right:2px;border-radius:20px;background-color:#c4c5c5;z-index:6;}
#popup2 .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#c4c5c5;}
#popup2 .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#c4c5c5}
#popup2 .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#c4c5c5}
#popup2 .popup-close1{right:1.445%;margin-top:0.779%;width:5.668%;}

#popup2 .popup-contents p img{margin:0 auto;}
#popup2 .popup-contents p:nth-child(1){background-color:#fff;padding-top:0.364%;padding-bottom:5.576%;}
#popup2 .popup-contents p:nth-child(1) img{width:86.304%;margin-left:5.334%;}
#popup2 .popup-contents p:nth-child(2){background-color:#f8b62d;padding-top:1.697%;padding-bottom:1.819%;}
#popup2 .popup-contents p:nth-child(2) img{width:87.152%;margin-left:3.637%;}
#popup2 .popup-contents p:nth-child(3){background-color:#fffde5;padding-top:4.849%;padding-bottom:2.425%;}
#popup2 .popup-contents p:nth-child(3) img{width:89.576%;margin-left:3.637%;}
#popup2 .popup-contents p:nth-child(4){background-color:#fffde5;padding-bottom:2.8%;}
#popup2 .popup-contents p:nth-child(4) img{width:90.546%;margin-left:3.125%;}
#popup2 .popup-contents p:nth-child(5){background-color:#fffde5;padding-bottom:3.2%;}
#popup2 .popup-contents p:nth-child(5) img{width:90.546%;margin-left:3.125%;}
#popup2 .popup-contents p:nth-child(6){background-color:#fffde5;padding-bottom:2.8%;}
#popup2 .popup-contents p:nth-child(6) img{width:90.546%;margin-left:3.125%;}
#popup2 .popup-contents p:nth-child(7){background-color:#fffde5;padding-bottom:3.068%;}
#popup2 .popup-contents p:nth-child(7) img{width:90.546%;margin-left:3.125%;}
#popup2 .popup-contents p:nth-child(8){background-color:#fffde5;padding-bottom:3.152%;}
#popup2 .popup-contents p:nth-child(8) a{width:31.152%;margin-left:32.728%;}
#popup2 .popup-contents p:nth-child(8) a img{width:100%;height:auto;}

#popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#000;opacity:0.5;}

body.popup #popup{height:100%;}
body.popup{position:fixed;width:100%;}

@media print, screen and (max-width: 2000px) {

body{background-size:2000px auto;}
#ethical-box03 ul li{font-size:20px;}
#ethical-box04:before{font-size:20px;}
.popup-layout{width:800px;}

}

@media print, screen and (max-width: 1000px) {

body{background-size:200% auto;}
.popup-layout{width:90%;min-width:0;}

/* エシカルトピックス */
/**************************************************/
.ethical-contents{font-size:2vw;}
#ethical-box03 ul li{font-size:2vw;}
#ethical-box04:before{font-size:2vw;}

/* まんがでわかる プラスチック削減の取り組み */
/**************************************************/
.manga-contents{font-size:2vw;}

}

@media print, screen and (max-width: 750px) {

body{background-image:url("/report-plastic/archive/common_new/img/sp-bg-body.png");background-size:100% auto;}

/* ヘッダ */
/**************************************************/
#head .sectionBox:before{padding-top:14.412%;}
#head h1{width:82.795%;margin-left:8.5295%;}
#head h1:before{left:4.086%;margin-top:2.487%;width:17.407%;padding-top:13.4992%;background-image:url("/report-plastic/common_new/img/sp-head-chara.png");}
#head p#head-update{right:6.324%;margin-bottom:4.118%;width:27.5%;}
#head .sectionBox:after{padding-top:9.706%;}

/* 共通スタイル */
/**************************************************/
.section-title h2{width:89.706%;margin-left:5.442%;}
.section-title:before{left:1.618%;width:12.795%;z-index:2;background-image:url("/report-plastic/common_new/img/sp-ico-new.png");}
.section-title.new:before{padding-top:12.795%;}

.btn-more a:hover img{opacity:1;}

/* エシカルトピックス */
/**************************************************/
#ethical .sectionBox:before{padding-top:2.942%;}

#ethical .section-title{margin-bottom:2.795%;}
#ethical .section-title:before{margin-top:-2.795%;}
#ethical .section-title h2:before{padding-top:2.296%;}
#ethical .section-title h2:after{right:0.8197%;margin-top:22.4591%;width:20.328%;padding-top:26.394%;background-image:url("/report-plastic/archive/common_new/img/sp-ethical-chara1.gif");}

.ethical-layout:before{right:0.883%;width:97.795%;padding-top:616.177%;background-image:url("/report-plastic/common_new/img/sp-ethical-bg.png");}

.ethical-contents{font-size:2.6667vw;/*min-height:232.8em;*/}

#ethical-box01{padding-top:3.2353%;}
#ethical-box01 h3{padding-bottom:2.35295%;}
#ethical-box01 h3 img{width:68.2353%;margin-left:15.8824%;}
#ethical-box01 p{padding-bottom:5.7353%;}
#ethical-box01 p img{width:86.7648%;margin-left:6.6177%;}

#ethical-box02{padding-bottom:5.8824%;}
#ethical-box02 h3{padding-bottom:1.9118%;}
#ethical-box02 h3 img{width:62.35295%;margin-left:18.8236%;}
#ethical-img04{width:91.1765%;float:none;margin-left:4.4118%;margin-bottom:2.2059%;}
#ethical-img05{width:91.3236%;float:none;margin-right:auto;margin-left:3.9706%;}
#ethical-img06{padding-top:3.9706%;}
#ethical-img06 img{width:91.1765%;margin-left:4.4118%;}

#ethical-box03{padding-bottom:3.6765%;}
#ethical-box03 h3{padding-bottom:2.9412%;}
#ethical-box03 h3 img{width:96.7648%;margin-left:1.6177%;}
#ethical-box03 p{padding-bottom:0;}
#ethical-box03 p:after{position:relative;top:auto;right:auto;width:54.7059%;margin-top:3.0883%;margin-left:23.8236%;padding-top:28.0883%;background-image:url("../img/sp-ethical-img09.png");}
#ethical-box03 p img{width:88.0883%;margin-left:5.8824%;}

#ethical-box04{padding-bottom:2.2059%;}
#ethical-box04 h3{padding-bottom:3.5295%;}
#ethical-box04 h3 img{width:96.7648%;margin-left:1.6177%;}
#ethical-img11{padding-bottom:4.1177%;}
#ethical-img11:after{right:4.2648%;width:39.85295%;margin-top:-0.2942%;padding-top:26.1765%;background-image:url("../img/sp-ethical-img12.png");}
#ethical-img11 img{width:47.5%;margin-left:5.8824%;}
#ethical-img13{padding-bottom:1.4706%;}
#ethical-img13 img{width:28.2353%;margin-left:5.8824%;}
#ethical-box04 ul{padding-bottom:0;z-index:1;}
#ethical-box04 ul li{width:30.2942%;margin-left:1.0295%;}
#ethical-box04 ul li:first-child{margin-left:3.5295%;}
#ethical-img17{padding-bottom:1.3236%;z-index:2;}
#ethical-img17:before{content:'';display:block;position:relative;padding-top:31.3236%;z-index:1;}
#ethical-img17:after{right:3.2353%;width:33.2353%;margin-top:1.4706%;padding-top:31.1765%;background-image:url("../img/sp-ethical-img18.png");}
#ethical-img17 img{position:absolute;bottom:0;left:3.8236%;width:64.2648%;margin-left:0;margin-bottom:1.3236%;}

#ethical-box05 p.btn-more{width:68.5295%;margin-left:15.8824%;padding-bottom:12.7942%;}
#ethical-box05 p.btn-more img{width:100%;margin-top:0;margin-left:auto;}

#ethical-box06:before{padding-top:101.471%;}

#quiz{padding-bottom:5.883%;}
#quiz:before{left:5.736%;width:88.677%;padding-top:57.353%;background-image:url("/report-plastic/common_new/img/sp-quiz-bg.png");}
#quiz:after{right:0.883%;width:97.795%;padding-top:122.942%;background-image:url("/report-plastic/common_new/img/sp-ethical-bg.png");}
#quiz h3{padding:5.589% 0 3.8236%;}
#quiz h3:before{left:14.706%;margin-top:-8.383%;width:23.236%;padding-top:24.412%;background-image:url("/report-plastic/common_new/img/sp-ethical-chara2.gif");}
#quiz h3 img{width:29.559%;margin-left:35.295%;}
#quiz p{padding:6.4706% 0 2.6471%;}
#quiz p img{width:62.6471%;margin-left:16.9118%;}

#quiz ul{padding-bottom:3.0883%;}
#quiz ul:after{content:'';display:block;clear:both;}
#quiz ul li{width:66.7648%;margin-left:16.6177%;margin-bottom:2.35295%;}
#quiz ul li:nth-child(1):before{background-image:url("../img/sp-quiz-hint1select.png")}
#quiz ul li:nth-child(2):before{background-image:url("../img/sp-quiz-hint2select.png");}
#quiz ul li a:hover img{opacity:1;}/* 9px */

#answer:before{left:5.736%;width:88.677%;padding-top:73.668%;background:url("/report-plastic/common_new/img/sp-quiz-bg2.png") no-repeat center bottom;background-size:100% auto;z-index:1;}
#answer p{padding:1.9118% 0 2.2059%;}
#answer p img{width:79.4118%;margin-left:10%;}

.quiz-toggle:before{left:5.736%;width:88.677%;padding-top:95.589%;background-image:url("/report-plastic/common_new/img/sp-quiz-bg.png");}

#quiz-close{right:7.648%;margin-top:2.059%;width:7.648%;padding-top:7.648%;}
#quiz-close:hover{opacity:1;}

#ethical .sectionBox:after{padding-top:15.442%;}

/* プラスチックの環境対応 */
/**************************************************/
#report p:before{padding-top:0;}
#report p img{position:relative;top:auto;right:auto;width:97.648%;margin-left:1.324%;}

#report .sectionBox:after{padding-top:3.236%;}

/* 環境対応容器包装メーター */
/**************************************************/
#meter .sectionBox:before{padding-top:2.942%;}

#meter .section-title{margin-bottom:3.824%;}
#meter .section-title:before{margin-top:-2.942%;}
#meter .section-title h2:before{padding-top:2.296%;}
#meter .section-title h2:after{right:4.919%;margin-top:37.541%;width:25.902%;padding-top:25.902%;background-image:url("/report-plastic/archive/common_new/img/sp-meter-chara1.gif");}
#meter .section-title h2 img{position:relative;z-index:1;}

.meter-layout:before{right:1.0295%;width:97.206%;padding-top:158.383%;background-image:url("/report-plastic/common_new/img/sp-meter-bg.png");}
.meter-layout:after{padding-top:3.971%;}

.meter-graph{width:98.677%;margin-left:0.736%;}
#meter-graph2{left:6.707%;margin-top:9.539%;width:82.8615%}
#meter-chara{right:0%;margin-top:2.385%;width:30.552%;}
#meter-graph3{left:41.878%;margin-top:44.7094%;width:48.734%;}
#meter-graph4{left:29.062%;margin-top:59.315%;width:50%;}
.view #meter-graph4{left:9.091%;width:83.905%;}

#meter .sectionBox:after{padding-top:9.265%;}

/* アーカイブ */
/**************************************************/
.archive-box{width:88.236%;}
.archive-box p a:hover img{opacity:1;}
#archive-new{margin-bottom:7.353%;}
#archive .sectionBox:after{padding-top:7.942%;}

/* たくさんの取り組み */
/**************************************************/
#others h2{width:82.795%;margin-bottom:2.942%;margin-left:8.089%;}
.others-box p.others-link a:hover img{opacity:1;}
.others-box p.others-img{position:relative;top:auto;margin:0 auto;}

#others-box1{margin-bottom:8.971%;}
#others-box1 p.others-link{width:93.53%;margin-right:2.059%;}
#others-box1 p.others-link:before{padding-top:0;}
#others-box1 p.others-link a{position:relative;top:auto;left:auto;width:100%;}
#others-box1 p.others-img{left:auto;margin-top:0;width:88.53%;}

#others-box2{margin-bottom:14.265%;}
#others-box2 p.others-link{width:93.53%;margin-left:4.265%;}
#others-box2 p.others-link:before{padding-top:0;}
#others-box2 p.others-link a{position:relative;top:auto;right:auto;width:100%;}
#others-box2 p.others-img{right:-2.206%;margin-top:0.148%;width:99.118%;}

#others-box3 p.others-link{width:93.53%;margin-right:1.618%;}
#others-box3 p.others-link:before{padding-top:0;}
#others-box3 p.others-link a{position:relative;top:auto;left:auto;width:100%;}
#others-box3 p.others-img{left:3.677%;margin-top:-0.148%;width:87.648%;}

#others .sectionBox:after{padding-top:25.295%;}

/* SNS */
/**************************************************/
#sns .sectionBox:before{padding-top:2.648%;}
#sns ul li{width:6.177%;margin-left:12.059%;}
#sns ul li:first-child{margin-left:19.412%;}
#sns ul li a:hover img{opacity:1;}
#sns .sectionBox:after{padding-top:3.236%;}

/* フッタ */
/**************************************************/
#footer ul{width:100%;max-width:none;}
#footer ul li{width:100%;margin-top:2.942%;}
#footer ul li a:hover img{opacity:1;}
#footer .sectionBox:after{padding-top:4.412%;}

/* コピーライト */
/**************************************************/
#copyright .sectionBox:before{padding-top:2.5%;}
#copyright p{font-size:3.03vw;line-height:1.9362em;}
#copyright .sectionBox:after{padding-top:2.648%;}

/* ポップアップ */
/**************************************************/
.popup-layout{position:absolute;top:0;left:0;width:100%;height:100%;}
.popup-layout:before{padding-top:143.334%;}
#popup-bg{height:0;}
a.popup-close:hover img{opacity:1;}

.popup-close1{width:5.668%;}

#popup1{background-color:#fff;background-image:url();}
#popup1 .perfectScroll{left:0;margin-top:0;margin-bottom:0;width:100%;}
#popup1 .ps-container.ps-active-y>.ps-scrollbar-y-rail{width:0;}
#popup1 .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{width:0;right:0;border-radius:0;}
#popup1 .popup-close1{right:0.934%;margin-top:0.934%;width:6.934%;}

#popup1 .popup-contents p:nth-child(1){padding-top:7.868%;padding-bottom:7.468%;}
#popup1 .popup-contents p:nth-child(1) img{width:85.734%;margin-left:7.6%;}
#popup1 .popup-contents p:nth-child(2){padding-top:2%;padding-bottom:2.4%;}
#popup1 .popup-contents p:nth-child(2) img{width:86.8%;margin-left:5.468%;}
#popup1 .popup-contents p:nth-child(3):before{padding-top:135.468%;}
#popup1 .popup-contents p:nth-child(3) img{width:89.334%;left:5.468%;margin-top:5.868%;}
#popup1 .popup-contents p:nth-child(4){padding-bottom:5.868%;}
#popup1 .popup-contents p:nth-child(4):after{left:70.534%;margin-bottom:-13.068%;width:23.068%;padding-top:25.734%;}
#popup1 .popup-contents p:nth-child(4) img{width:89.334%;margin-left:5.468%;}
#popup1 .popup-contents p:nth-child(5){padding-bottom:5.334%;}
#popup1 .popup-contents p:nth-child(5) a{width:35.068%;margin-left:31.868%;}

#popup2{background-color:#fff;background-image:url();}
#popup2 .perfectScroll{left:0;margin-top:0;margin-bottom:0;width:100%;}
#popup2 .ps-container.ps-active-y>.ps-scrollbar-y-rail{width:0;}
#popup2 .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{width:0;right:0;border-radius:0;}
#popup2 .popup-close1{right:0.934%;margin-top:0.934%;width:6.934%;}

#popup2 .popup-contents p:nth-child(1){padding-top:7.868%;padding-bottom:7.468%;}
#popup2 .popup-contents p:nth-child(1) img{width:85.734%;margin-left:7.6%;}
#popup2 .popup-contents p:nth-child(2){padding-top:1.734%;padding-bottom:2.4%;}
#popup2 .popup-contents p:nth-child(2) img{width:86.8%;margin-left:5.468%;}
#popup2 .popup-contents p:nth-child(3){padding-top:5.334%;padding-bottom:9.868%;}
#popup2 .popup-contents p:nth-child(3) img{width:90.4%;margin-left:4.934%;}
#popup2 .popup-contents p:nth-child(4){padding-bottom:6%;}
#popup2 .popup-contents p:nth-child(4) img{width:91.868%;margin-left:3.868%;}
#popup2 .popup-contents p:nth-child(5){padding-bottom:6%;}
#popup2 .popup-contents p:nth-child(5) img{width:91.868%;margin-left:3.868%;}
#popup2 .popup-contents p:nth-child(6){padding-bottom:6%;}
#popup2 .popup-contents p:nth-child(6) img{width:91.868%;margin-left:3.868%;}
#popup2 .popup-contents p:nth-child(7){padding-bottom:6.8%;}
#popup2 .popup-contents p:nth-child(7) img{width:91.868%;margin-left:3.868%;}
#popup2 .popup-contents p:nth-child(8){padding-bottom:5.334%;}
#popup2 .popup-contents p:nth-child(8) a{width:35.068%;margin-left:31.868%;}

#popup3{background-color:#fff;overflow:hidden;}
#popup3 .perfectScroll{background-color:#fff;}
#popup3 .ps-container.ps-active-y>.ps-scrollbar-y-rail{border-radius:0;width:0;right:0!important;}
#popup3 .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{width:0;right:0;border-radius:0;}
#popup3 .popup-close1{right:0.934%;margin-top:0.934%;width:6.934%;}
#popup3 .popup-close2 a{position:relative;z-index:2;}
#popup3 .popup-close2 a img{width:100%;height:auto;}

#popup3 .popup-contents{width:97.334%;margin:9.868% auto 0;position:relative;}
#popup3 .popup-contents:before{content:'';display:block;position:absolute;top:0;bottom:0;margin-top:-1.37%;left:-1.37%;right:-1.37%;background-color:#CFCFCF;z-index:1;}
#popup3 .popup-contents p{position:relative;}
#popup3 .popup-contents p a{display:block;position:absolute;bottom:0;left:0;width:100%;}
#popup3 .popup-contents p img{margin:0 auto;}
#popup3 .popup-contents p a span{display:none;}

#popup3 .popup-border{overflow:hidden;}

#popup3 .popup-contents p{z-index:2;background-color:#00683D;}
#popup3 .popup-contents p#sp-popup3-head{padding-top:0;padding-bottom:0;}
#popup3 .popup-contents p#sp-popup3-head:before{content:'';display:block;padding-top:41.37%;position:relative;z-index:1;}
#popup3 .popup-contents p#sp-popup3-head img{margin-left:0;position:absolute;bottom:0;left:5.48%;margin-bottom:5.069%;width:92.466%;z-index:2;}

/* 位置調整用 */
/* 
#popup3 .popup-contents p:before{content:'';display:block;position:absolute;top:0;left:0;width:70px;height:100%;background-color:#000;z-index:5;}
#popup3 .popup-contents p a{background-color:#000;}
 */
#popup3 .popup-contents p#sp-popup3-img2409-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2409-1 img{width:87.946%;margin-left:6.576%;}
 
#popup3 .popup-contents p#sp-popup3-img2408-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2408-1 img{width:84.795%;margin-left:6.987%;}
#popup3 .popup-contents p#sp-popup3-img2407-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2407-1 img{width:80.137%;margin-left:6.987%;}
#popup3 .popup-contents p#sp-popup3-img2406-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2406-1 img{width:84.932%;margin-left:7.672%;}
#popup3 .popup-contents p#sp-popup3-img2405-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2405-1 img{width:80.685%;margin-left:6.987%;}
#popup3 .popup-contents p#sp-popup3-img2404-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2404-1 img{width:80.137%;margin-left:7.124%;}
#popup3 .popup-contents p#sp-popup3-img2403-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2403-1 img{width:80.822%;margin-left:8.494%;}
#popup3 .popup-contents p#sp-popup3-img2402-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2402-1 img{width:85.343%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2401-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2401-1 img{width:80.137%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2312-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2312-1 img{width:85.754%;margin-left:8.494%;}
#popup3 .popup-contents p#sp-popup3-img2311-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2311-1 img{width:83.836%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2310-1{padding-bottom:15.343%;}
#popup3 .popup-contents p#sp-popup3-img2310-1 img{width:87.809%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2309-1{padding-bottom:14.521%;}
#popup3 .popup-contents p#sp-popup3-img2309-1 img{width:80.959%;margin-left:8.768%;}
#popup3 .popup-contents p#sp-popup3-img2309-1 a{left:8.768%;margin-bottom:144.658%;width:80.822%;padding-top:10.137%;}
#popup3 .popup-contents p#sp-popup3-img2308-1{padding-bottom:13.973%;}
#popup3 .popup-contents p#sp-popup3-img2308-1 img{width:87.535%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2307-1{padding-bottom:13.973%;}
#popup3 .popup-contents p#sp-popup3-img2307-1 img{width:84.795%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2307-1 a{left:23.562%;margin-bottom:98.494%;width:52.192%;padding-top:10.137%;}
#popup3 .popup-contents p#sp-popup3-img2306-1{padding-bottom:13.836%;}
#popup3 .popup-contents p#sp-popup3-img2306-1 img{width:86.987%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2305-1{padding-bottom:13.562%;}
#popup3 .popup-contents p#sp-popup3-img2305-1 img{width:86.165%;margin-left:9.179%;}
#popup3 .popup-contents p#sp-popup3-img2304-1{padding-bottom:13.562%;}
#popup3 .popup-contents p#sp-popup3-img2304-1 img{width:80.137%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2304-1 a{left:13.699%;margin-bottom:13.699%;width:71.37%;padding-top:15.48%;}
#popup3 .popup-contents p#sp-popup3-img2303-1{padding-bottom:14.247%;}
#popup3 .popup-contents p#sp-popup3-img2303-1 img{width:82.192%;margin-left:8.768%;}
#popup3 .popup-contents p#sp-popup3-img2302-1{padding-bottom:13.425%;}
#popup3 .popup-contents p#sp-popup3-img2302-1 img{width:80.137%;margin-left:9.042%;}
#popup3 .popup-contents p#sp-popup3-img2302-1 a{left:9.179%;margin-bottom:19.864%;width:71.918%;padding-top:9.453%;}
#popup3 .popup-contents p#sp-popup3-img2301-1{padding-bottom:14.11%;}
#popup3 .popup-contents p#sp-popup3-img2301-1 img{width:85.48%;margin-left:6.165%;}
#popup3 .popup-contents p#sp-popup3-img2301-2{padding-bottom:13.425%;}
#popup3 .popup-contents p#sp-popup3-img2301-2 img{width:86.85%;margin-left:7.398%;}
#popup3 .popup-contents p#sp-popup3-img2212-1{padding-bottom:14.658%;}
#popup3 .popup-contents p#sp-popup3-img2212-1 img{width:81.644%;margin-left:8.768%;}
#popup3 .popup-contents p#sp-popup3-img2211-1{padding-bottom:13.973%;}
#popup3 .popup-contents p#sp-popup3-img2211-1 img{width:81.37%;margin-left:7.398%;}
#popup3 .popup-contents p#sp-popup3-img2211-2{padding-bottom:13.562%;}
#popup3 .popup-contents p#sp-popup3-img2211-2 img{width:84.658%;margin-left:7.398%;}
#popup3 .popup-contents p#sp-popup3-img2210-1{padding-bottom:13.151%;}
#popup3 .popup-contents p#sp-popup3-img2210-1 img{width:83.973%;margin-left:7.398%;}
#popup3 .popup-contents p#sp-popup3-img2210-2{padding-bottom:10%;}
#popup3 .popup-contents p#sp-popup3-img2210-2 img{width:81.37%;margin-left:7.398%;}

#popup3 .popup-contents .popup-bottom{width:100%;padding-top:4.521%;background-color:#fff;}
#popup3 .popup-contents .popup-bottom img{position:absolute;bottom:0;left:-3.973%;width:107.809%;}
#popup3 .popup-contents .popup-close2{width:100%;background-color:#fff;padding:11.233% 0 12.466%;}
#popup3 .popup-contents .popup-close2 a{width:35.617%;margin:0 auto;margin-left:33.151%;position:relative;z-index:3;}
#popup3 .popup-contents .popup-close2:before{content:'';display:block;position:absolute;top:0;left:-1.37%;bottom:0;width:102.74%;background-color:#fff;z-index:1;}
#popup3 .popup-contents .popup-close2:after{content:'';display:block;position:absolute;bottom:0;left:3.425%;margin-bottom:6.028%;width:90.959%;padding-top:39.727%;background:url("/report-plastic/top/sp-popup3-chara.png") no-repeat 40.698%;background-size:100% auto;z-index:2;}

}

/**************************************************/