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/sitemap/pagetitle.jpg) center top no-repeat;background-size:cover}@media print, screen and (max-width: 768px){#main section{padding-top:50px;margin:-50px 0 30px 0}}@media print, screen and (min-width: 768px){#main section{padding-top:80px;margin:-80px 0 55px 0}}#main section:last-of-type{margin-bottom:0}@media print, screen and (min-width: 768px){#main section .headline02{margin-bottom:25px}}#main section .headline02::before{display:none}@media print, screen and (min-width: 768px){#main section>ul{display:flex;flex-wrap:wrap}}@media print, screen and (max-width: 768px){#main section>ul>li{margin-bottom:15px}}@media print, screen and (min-width: 768px){#main section>ul>li{width:32%;font-size:1.6rem;margin-right:1%;margin-bottom:15px}}@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1219px){#main section>ul>li{font-size:1.4rem}}#main section>ul>li>a{height:40px;line-height:1.2;color:#FFF;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 15px;background:#65a250;border:1px solid #65a250;border-radius:25px;position:relative}#main section>ul>li>a::after{width:8px;height:8px;content:"";border-top:1px solid #FFF;border-right:1px solid #FFF;transform:rotate(45deg);display:block;position:absolute;top:0;bottom:0;right:17px;margin:auto 0}#main section>ul>li>a:hover{color:#65a250;background:#FFF}#main section>ul>li>a:hover::after{border-top-color:#65a250;border-right-color:#65a250}