﻿main>article{background:#EEE}@media print, screen and (max-width: 768px){main>article{padding:30px 0}}@media print, screen and (min-width: 768px){main>article{padding:50px 30px}}main>article #whitespace{background:#FFF}@media print, screen and (max-width: 768px){main>article #whitespace{padding:30px 15px;margin-top:-60px}}@media print, screen and (min-width: 768px){main>article #whitespace{max-width:1280px;min-height:500px;padding:30px 40px 95px 40px;margin:-120px auto 0 auto}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout{overflow:hidden;*zoom:1}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main{width:71.6667%;max-width:860px;float:right}}main>article #whitespace.hasLayout #main #greenproducts{border:1px solid #111}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts{display:block;padding:20px 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts{display:flex;justify-content:space-between;align-items:center;padding:40px 40px 50px 40px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #greenproducts{padding:40px 30px 50px 30px}}main>article #whitespace.hasLayout #main #greenproducts i{display:block}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts i{max-width:80px;margin:0 auto 15px auto}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts i{width:17.9487%;max-width:140px}}main>article #whitespace.hasLayout #main #greenproducts i img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div{width:76.9231%;max-width:600px}}main>article #whitespace.hasLayout #main #greenproducts div h3{line-height:1.4;font-weight:bold}main>article #whitespace.hasLayout #main #greenproducts div h3::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.4) * 0.5em)}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div h3{font-size:1.8rem;text-align:center;margin-bottom:10px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div h3{font-size:2.4rem;margin-bottom:20px}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div p{margin-bottom:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div p{font-size:1.6rem;margin-bottom:30px}}main>article #whitespace.hasLayout #main #greenproducts div a{width:100%;line-height:1.4;color:#111;font-size:1.6rem;text-align:center;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #111;position:relative;cursor:pointer;margin:0 auto;overflow:hidden;transition-duration:0.2s;height:50px !important;margin:0}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a{height:50px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a{height:60px}}main>article #whitespace.hasLayout #main #greenproducts div a::after{content:"";background:url(../images/common/arrow1-01.png) no-repeat;background-size:contain;display:block;position:absolute;top:0;bottom:0;right:30px;margin:auto 0}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a::after{width:25px;height:8px;right:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a::after{width:30px;height:10px}}main>article #whitespace.hasLayout #main #greenproducts div a:hover{color:#FFF;background:#111}main>article #whitespace.hasLayout #main #greenproducts div a:hover::after{background:url(../images/common/arrow1-02.png) no-repeat;background-size:contain}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a{font-size:1.4rem;padding:0 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a{max-width:450px;flex-direction:row}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #greenproducts div a{flex-direction:column;padding:0 60px}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a span{display:block}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a span{margin-left:1.0em}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #greenproducts div a span{margin-left:0}}main>article #whitespace.hasLayout #main #greenproducts div a::after{background:url(../../../images/business/ext/kanbatsu-arrow01.png) no-repeat;background-size:contain}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a::after{width:15px;height:15px;right:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #greenproducts div a::after{width:22px;height:22px;right:20px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #greenproducts div a::after{width:15px;height:15px}}main>article #whitespace.hasLayout #main #greenproducts div a:hover::after{background:url(../../../images/business/ext/kanbatsu-arrow02.png) no-repeat;background-size:contain}main>article #whitespace.hasLayout #main #naturalmaterials{border:1px solid #CCC}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials{margin-top:30px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials{display:flex;flex-direction:row-reverse;margin-top:50px}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials div{padding:20px 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials div{width:67.8322%;max-width:582px;padding:30px 30px 30px 35px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #naturalmaterials div{width:60%;max-width:none}}main>article #whitespace.hasLayout #main #naturalmaterials div h3,main>article #whitespace.hasLayout #main #naturalmaterials div p{color:#000}main>article #whitespace.hasLayout #main #naturalmaterials div h3{line-height:1.2;font-weight:bold}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials div h3{font-size:1.8rem;margin-bottom:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials div h3{font-size:2.0rem;margin-bottom:25px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #naturalmaterials div h3 br{display:none}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials div p{font-size:1.6rem}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #main #naturalmaterials figure{width:32.1678%;max-width:276px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #naturalmaterials figure{width:40%;max-width:none;background:url(../images/common/naturalmaterials.jpg) center top no-repeat;background-size:cover}}main>article #whitespace.hasLayout #main #naturalmaterials figure img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}@media print, screen and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #main #naturalmaterials figure img{display:none}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side{margin-top:30px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side{width:25%;max-width:300px;float:left}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item{margin-bottom:20px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item{margin-bottom:40px}}main>article #whitespace.hasLayout #side .s-item .s-headline{line-height:1.2;font-weight:bold;display:flex;align-items:center;padding:0 10px;border-left:4px solid #111;border-bottom:1px solid #111}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item .s-headline{height:41px;font-size:1.8rem}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item .s-headline{height:46px;font-size:2.4rem}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #side .s-item .s-headline{height:41px;font-size:1.8rem}}main>article #whitespace.hasLayout #side .s-item .s-headline span{margin:7px 0 0 7px}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item .s-headline span{font-size:1.3rem}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item .s-headline span{font-size:1.5rem}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #side .s-item .s-headline span{font-size:1.3rem}}main>article #whitespace.hasLayout #side .s-item#s-news{border:solid #007130}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news{border-width:3px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news{border-width:5px}}main>article #whitespace.hasLayout #side .s-item#s-news h2{color:#007130;font-weight:bold;display:flex;align-items:center;border-bottom:1px solid #007130}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news h2{height:50px;font-size:1.8rem;padding:0 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news h2{height:60px;font-size:2.0rem;padding:0 20px}}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul{margin:0 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul{margin:0 20px}}main>article #whitespace.hasLayout #side .s-item#s-news ul li{border-bottom:1px solid #CCC}main>article #whitespace.hasLayout #side .s-item#s-news ul li a{color:#000;text-decoration:none;display:block}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul li a{padding:15px 0}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul li a{padding:20px 0}}main>article #whitespace.hasLayout #side .s-item#s-news ul li a:hover p{text-decoration:underline}main>article #whitespace.hasLayout #side .s-item#s-news ul li a time{color:#007130}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul li a time{font-size:1.5rem}main>article #whitespace.hasLayout #side .s-item#s-news ul li a time::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.6) * 0.5em)}}main>article #whitespace.hasLayout #side .s-item#s-news ul li a p{margin-top:10px}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news ul li a p{line-height:1.3}}main>article #whitespace.hasLayout #side .s-item#s-news>p{font-weight:bold;text-align:right}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news>p{margin:20px 15px 15px 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-news>p{margin:25px 20px 20px 20px}}main>article #whitespace.hasLayout #side .s-item#s-news>p a{color:#007130;text-decoration:none;position:relative}main>article #whitespace.hasLayout #side .s-item#s-news>p a::after{content:"→";display:inline-block;vertical-align:middle;margin:-5px 0 0 15px}main>article #whitespace.hasLayout #side .s-item#s-news>p a:hover{text-decoration:underline}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category .s-headline{margin-bottom:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category .s-headline{margin-bottom:20px}}main>article #whitespace.hasLayout #side .s-item#s-category ul{border:1px solid #111}main>article #whitespace.hasLayout #side .s-item#s-category ul li:nth-child(n+2){border-top:1px solid #111}main>article #whitespace.hasLayout #side .s-item#s-category ul li a{color:#111;text-decoration:none;display:flex;justify-content:space-between;position:relative}main>article #whitespace.hasLayout #side .s-item#s-category ul li a::after{width:7px;height:7px;content:"";border-top:2px solid #111;border-right:2px solid #111;transform:rotate(45deg);display:block;position:absolute;top:0;bottom:0;margin:auto 0;z-index:2}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a::after{right:17px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a::after{right:10.7383%}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a::after{right:17px}}main>article #whitespace.hasLayout #side .s-item#s-category ul li a i{overflow:hidden}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a i{width:35%}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a i{width:39.9329%;max-width:119px}}main>article #whitespace.hasLayout #side .s-item#s-category ul li a i img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}main>article #whitespace.hasLayout #side .s-item#s-category ul li a p{display:flex;align-items:center}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a p{width:65%;padding:0 30px 0 15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a p{width:60.0671%;line-height:1.3;max-width:179px;font-size:1.5rem;padding:0 13.4228% 0 6.7114%}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #side .s-item#s-category ul li a p{font-size:1.3rem;padding:0 30px 0 15px}}main>article #whitespace.hasLayout #side .s-item#s-category ul li a:hover{background:#EEE}main>article #whitespace.hasLayout #side .s-item#s-anchor .s-headline{margin-bottom:5px}main>article #whitespace.hasLayout #side .s-item#s-anchor ul li{border-bottom:1px solid #CCC}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side .s-item#s-anchor ul li{font-size:1.6rem}}main>article #whitespace.hasLayout #side .s-item#s-anchor ul li a{height:40px;line-height:1.3;color:#111;text-decoration:none;display:flex;align-items:center;padding:0 10px;transition-duration:0.2s}@media print, screen and (min-width: 768px) and (max-width: 1219px){main>article #whitespace.hasLayout #side .s-item#s-anchor ul li a{font-size:1.3rem}}main>article #whitespace.hasLayout #side .s-item#s-anchor ul li a:hover{color:#FFF;background:#111}@media print, screen and (max-width: 768px){main>article #whitespace.hasLayout #side>ul li{margin-bottom:15px}}@media print, screen and (min-width: 768px){main>article #whitespace.hasLayout #side>ul li{margin-bottom:20px}}main>article #whitespace.hasLayout #side>ul li:last-child{margin-bottom:0}main>article #whitespace.hasLayout #side>ul li a img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}main>article #whitespace.hasLayout #side>ul li a:hover{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80)}@media print, screen and (max-width: 768px){main #access{margin-top:30px}}@media print, screen and (min-width: 768px){main #access{margin-top:40px}}@media print, screen and (min-width: 768px){#breadcrumb{width:100%;margin-bottom:30px}}@media print, screen and (max-width: 768px){#breadcrumb{display:none}}#breadcrumb ol li{display:inline-block}#breadcrumb ol li::before{display:inline-block;content:">";padding:0 0.5em}#breadcrumb ol li:nth-child(1)::before{display:none}@media print, screen and (min-width: 768px){#breadcrumb ol li{font-size:1.6rem}}#breadcrumb ol li a:link,#breadcrumb ol li a:visited,#breadcrumb ol li a:active{color:#111;text-decoration:underline}#breadcrumb ol li a:hover{text-decoration:none}#pagetitle{background:url(../images/bdc_mep/pagetitle.jpg) center top no-repeat;background-size:cover}#main #headerImage{width:100%;color:#FFF;font-weight:bold;text-align:center;text-shadow:0 0 30px rgba(0,0,0,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(../images/bdc_mep/header.jpg) center top no-repeat;background-size:cover}@media print, screen and (max-width: 768px){#main #headerImage{height:250px;line-height:1.2;font-size:2.4rem;padding:30px}}@media print, screen and (min-width: 768px){#main #headerImage{height:500px;line-height:1.1;font-size:5.0rem;padding:50px}}@media print, screen and (max-width: 768px){#main #headerImage span{line-height:1.3;font-size:1.6rem;margin-bottom:3px}}@media print, screen and (min-width: 768px){#main #headerImage span{font-size:2.4rem}}#main>ul{width:100%}@media print, screen and (max-width: 768px){#main>ul{margin-bottom:30px}}@media print, screen and (min-width: 768px){#main>ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:60px}}#main>ul li{display:flex;flex-direction:column;justify-content:flex-start;position:relative}@media print, screen and (max-width: 768px){#main>ul li{width:100%;min-height:210px;padding:80px 30px 30px 30px}}@media print, screen and (min-width: 768px){#main>ul li{width:50%;flex-basis:50%;max-width:50%;height:420px;padding:165px 170px 50px 170px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){#main>ul li{padding:165px 30px 50px 30px}}#main>ul li:nth-child(1){background:url(../images/bdc_mep/process01.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(2){background:url(../images/bdc_mep/process02.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(3){background:url(../images/bdc_mep/process03.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(4){background:url(../images/bdc_mep/process04.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(5){background:url(../images/bdc_mep/process05.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(6){background:url(../images/bdc_mep/process06.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(7){background:url(../images/bdc_mep/process07.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(8){background:url(../images/bdc_mep/process08.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(9){background:url(../images/bdc_mep/process09.jpg) center top no-repeat;background-size:cover}#main>ul li:nth-child(10){background:url(../images/bdc_mep/process10.jpg) center top no-repeat;background-size:cover}#main>ul li i,#main>ul li h3,#main>ul li p{color:#FFF}#main>ul li i{line-height:1.0;font-style:normal;font-weight:bold;text-align:center;display:flex;justify-content:center;align-items:center;background:#000;position:absolute;top:0;left:0;z-index:2}@media print, screen and (max-width: 768px){#main>ul li i{width:50px;height:50px;font-size:2.0rem}}@media print, screen and (min-width: 768px){#main>ul li i{width:100px;height:100px;font-size:4.0rem}}#main>ul li h3{line-height:1.4;font-weight:bold;text-align:center}#main>ul li h3::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.4) * 0.5em)}@media print, screen and (max-width: 768px){#main>ul li h3{font-size:2.0rem;margin-bottom:20px}}@media print, screen and (min-width: 768px){#main>ul li h3{font-size:3.0rem;margin-bottom:35px}}@media print, screen and (min-width: 768px){#main>ul li p{font-size:1.6rem}}#main #factory{border:1px solid #316b41}@media print, screen and (max-width: 768px){#main #factory{padding:30px 15px}}@media print, screen and (min-width: 768px){#main #factory{padding:50px 99px 70px 99px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){#main #factory{padding:50px 30px 70px 30px}}#main #factory h3{line-height:1.4;color:#316b41;font-weight:bold;text-align:center}#main #factory h3::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.4) * 0.5em)}@media print, screen and (max-width: 768px){#main #factory h3{font-size:2.4rem;margin-bottom:15px}}@media print, screen and (min-width: 768px){#main #factory h3{font-size:5.0rem;margin-bottom:25px}}#main #factory p{text-align:center}@media print, screen and (max-width: 768px){#main #factory p{margin-bottom:15px}}@media print, screen and (min-width: 768px){#main #factory p{font-size:1.6rem;margin-bottom:30px}}@media print, screen and (min-width: 768px) and (max-width: 1219px){#main #factory p span{display:inline-block}}@media print, screen and (max-width: 768px){#main #factory figure{margin-bottom:20px}}@media print, screen and (min-width: 768px){#main #factory figure{margin-bottom:40px}}#main #factory figure img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}@media print, screen and (min-width: 768px){#main #factory figure img{max-width:none}}#main #factory table{width:100%;border-collapse:collapse;border:1px solid #DDD}#main #factory table tr th,#main #factory table tr td{line-height:1.4;color:#313131;word-break:break-all;border:1px solid #DDD}@media print, screen and (max-width: 768px){#main #factory table tr th,#main #factory table tr td{font-size:1.3rem;padding:10px 15px}}@media print, screen and (min-width: 768px){#main #factory table tr th,#main #factory table tr td{font-size:1.6rem;padding:10px 30px}}#main #factory table tr th{font-weight:bold;text-align:left;background:#EEE}@media print, screen and (max-width: 768px){#main #factory table tr th{width:40%}}@media print, screen and (min-width: 768px){#main #factory table tr th{width:30%;max-width:300px}}@media print, screen and (max-width: 768px){#main #factory table tr th span{display:block}}@media print, screen and (min-width: 768px){#main #factory table tr th span{margin-left:1.0em}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){#main #factory table tr th span{margin-left:0;display:block}}@media print, screen and (max-width: 768px){#main #factory table tr td{width:60%}}@media print, screen and (min-width: 768px){#main #factory table tr td{width:70%;max-width:700px}}@media print, screen and (max-width: 768px){#main #factory table tr td a{color:#65a250;text-decoration:underline}#main #factory table tr td a:hover{text-decoration:none}}@media print, screen and (min-width: 768px){#main #factory table tr td a{color:#111;text-decoration:none;pointer-events:none}}#guide{background:url(../images/common/guide-bg01.jpg) center top no-repeat;background-size:cover}
