.naturalsymbiosis-news-wrap {padding-top: 86px;padding-bottom: 100px;margin-bottom: 40px;}
.naturalsymbiosis-news-wrap .president-title>span {background-color: #eef1f2;}
.naturalsymbiosis-news{display:flex;flex-flow:row wrap;align-items:stretch}
.naturalsymbiosis-news-wrap{background-color:#eef1f2;}
.naturalsymbiosis-news{margin-top: 62px;}
.naturalsymbiosis-news-item a{display:block;height:100%;background-color:#fff;position:relative;transition:background-color .2s ease-out,color .2s ease-out;border: 1px solid #eef1f2;}
.naturalsymbiosis-news-item a:hover{text-decoration:none;background-color:#0d855d;color:#fff;border: 1px solid #0d855d;}
.naturalsymbiosis-news-item a:hover .naturalsymbiosis-news-item-title{color:#fff;border-color:#fff}
.naturalsymbiosis-news-item a:hover .naturalsymbiosis-news-item-summary{color:#fff;border-color:#fff}
.naturalsymbiosis-news-item a:hover:before{border-right:20px solid #fff;bottom:10px;right:10px}
.naturalsymbiosis-news-item a:before{content:'';border-top:20px solid transparent;border-right:20px solid #0d855d;position:absolute;bottom:0;right:0;transition:border-right .2s ease-out,bottom .2s ease-out,right .2s ease-out}
.naturalsymbiosis-news-item{width:31%;max-width:310px;border-radius:10px 10px 0 0;margin:50px 0 0}
.naturalsymbiosis-news-item:nth-child(n+7){display: none; opacity: 0; transform: translateY(100px); transition: all .5s ease-out;}
.naturalsymbiosis-news-item.is-show{opacity: 1; transform: translateY(0);}
.naturalsymbiosis-news-item-text{padding:29px 29px 26px}
.naturalsymbiosis-news-item-num{font-size:20px;line-height:1.5;padding:0 4px;margin:0 0 25px}
.naturalsymbiosis-news-item-title{font-size:18px;line-height:calc(25/18);margin:0 0 18px;color: #0d855d;}
.naturalsymbiosis-news-item-summary{font-size:16px;line-height:calc(26/16);margin:0 0 ;color: #484848;}
.naturalsymbiosis-news-item .sdgs-icon-list{flex-flow:row nowrap;width:calc(100% - 100px);margin:0 -5px -10px;position:absolute;bottom:50px;left:50px}
.naturalsymbiosis-news-item .sdgs-icon-list li{width:55px;margin:0 5px 10px}
.p-none {padding: 0;}
.naturalsymbiosis-news-wrap .more-button {position: relative;display: none;margin: 0 auto;max-width: 380px;width: 100%;margin-top: 48px;padding: 15px;font-size: 18px;color: #0d855d;background: #fff;transition: all .2s ease-in-out;}
.naturalsymbiosis-news-wrap .more-button::before {position: absolute;content: '';display: block;width: 21px;height: 21px;top: 50%;right: 27px;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyBpZD0iZ3JwMDEiIGRhdGEtbmFtZT0iZ3JwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6ICMwZDg1NWQ7IH0gLmNscy0yIHsgZmlsbDogI2ZmZjsgZmlsbC1ydWxlOiBldmVub2RkOyB9IDwvc3R5bGU+IDwvZGVmcz4gPHJlY3QgaWQ9Imljb25iYWNrIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIvPiA8cGF0aCBpZD0iaWNvbiIgZGF0YS1uYW1lPSJpY29uLXBsdXMiIGNsYXNzPSJjbHMtMiIgZD0iTTc4NCwxNDMwaDE1djFINzg0di0xWm04LTd2MTVoLTF2LTE1aDFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzc5IC0xNDE4KSIvPjwvc3ZnPg==);background-size: 21px auto;background-size: cover; transform: translateY(-50%);}
.naturalsymbiosis-news-wrap .more-button:hover {background: #0d855d;color: #fff;}
.naturalsymbiosis-news-wrap .more-button:hover::before {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyBpZD0iZ3JwMDEiIGRhdGEtbmFtZT0iZ3JwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6ICNmZmY7IH0gLmNscy0yIHsgZmlsbDogIzBkODU1ZDsgZmlsbC1ydWxlOiBldmVub2RkOyB9IDwvc3R5bGU+IDwvZGVmcz4gPHJlY3QgaWQ9Imljb25iYyIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiLz4gPHBhdGggaWQ9Imljb24iIGRhdGEtbmFtZT0iaWNvbi1wbHVzIiBjbGFzcz0iY2xzLTIiIGQ9Ik03ODQsMTQzMGgxNXYxSDc4NHYtMVptOC03djE1aC0xdi0xNWgxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3OSAtMTQxOCkiLz48L3N2Zz4=) ;}
.main-content .modal {margin-top: 0 !important;}
.main-content .modal{position:fixed;top:0;left:0;z-index:1001;display:none;width:100%;height:100%}
.main-content .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);cursor:pointer}
.main-content .modal-container{position:relative;margin:0 auto;border:solid transparent;;max-width:760px;text-align:right;-ms-overflow-style:none}
.main-content .modal-contents{text-align:left;background-color:#fff;height: 100%;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.movie_wrap {display: flex;justify-content: center;align-items: center;}
.modal-btn .img__border {position: relative;overflow: hidden;}
.modal-btn .img__border::after{background-color: rgba(0,0,0,0.0);content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.modal-btn .img__border img {transform: rotate(0.0001deg);-webkit-transition: all 0.5s;transition: all 0.5s;max-width: 100%;border:none;}
.modal-btn .img {max-width: 100%;}
.modal-btn.img{max-width: 100%;}
/* .main-content .modal-contents::-webkit-scrollbar {display:none;} */
.main-content .modal.modal-movie .modal-container{max-width:966px;height: auto;margin: 50vh auto 0;transform: translateY(-50%);}
.main-content .modal-btn .img__border {border: 1px solid #bfbfbf;-webkit-transition: all 0.5s;transition: all 0.5s;}

/*220903 iplanet追記分 スライドショー*/
.slide-p2 { position: relative; width: 100%; padding-top: 66.9%; overflow: hidden; background-color: #fff;}
@keyframes slideshow {
0% {opacity: 0;}
8% {opacity: 1;}
42% {opacity: 1 }
50% {opacity: 0;}
100% {opacity: 0;}
}
.slide-p2 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; opacity: 0; animation: slideshow 10s linear infinite;}
.slide-p2 img:nth-child(2) {  animation-delay: 5s;}

.slide-p3 { position: relative; width: 100%; padding-top: 66.9%; overflow: hidden; background-color: #fff;}
@keyframes slideshow2 {
0% {opacity: 0;}
4% {opacity: 1;}
29% {opacity: 1 }
33% {opacity: 0;}
100% {opacity: 0;}
}
.slide-p3 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; opacity: 0; animation: slideshow2 15s linear infinite;}
.slide-p3 img:nth-child(2) {  animation-delay: 5s;}
.slide-p3 img:nth-child(3) {  animation-delay: 10s;}

/*230224追記*/
/* slide p2 - p5 */
.slide{position:relative;}
.slide.p2 img{opacity:0;animation:slideP2 10s linear infinite}
.slide.p3 img{opacity:0;animation:slideP3 15s linear infinite}
.slide.p4 img{opacity:0;animation:slideP4 20s linear infinite}
.slide.p5 img{opacity:0;animation:slideP5 25s linear infinite}
.slide img:nth-of-type(n+2){position: absolute;left:50%;top:0;transform:translate(-50%,0)}
.slide img:nth-of-type(2){animation-delay:5s}
.slide img:nth-of-type(3){animation-delay:10s}
.slide img:nth-of-type(4){animation-delay:15s}
.slide img:nth-of-type(5){animation-delay:20s}
@keyframes slideP2{
0%{opacity:0}
8%{opacity:1}
42%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}
@keyframes slideP3{
0%{opacity:0}
4%{opacity:1}
29%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@keyframes slideP4{
0%{opacity:0}
3%{opacity:1}
22%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@keyframes slideP5{
0%{opacity:0}
2%{opacity:1}
18%{opacity:1}
20%{opacity:0}
100%{opacity:0}
}

/*230731追記 スライド時間を延ばす*/
/* slideL p2L - p5L */
.slideL{position:relative;}
.slideL.p2 img{opacity:0;animation:slideP2L 20s linear infinite}
.slideL.p3 img{opacity:0;animation:slideP3L 30s linear infinite}
.slideL.p4 img{opacity:0;animation:slideP4L 40s linear infinite}
.slideL.p5 img{opacity:0;animation:slideP5L 50s linear infinite}
.slideL img:nth-of-type(n+2){position: absolute;left:50%;top:0;transform:translate(-50%,0)}
.slideL img:nth-of-type(2){animation-delay:10s}
.slideL img:nth-of-type(3){animation-delay:20s}
.slideL img:nth-of-type(4){animation-delay:30s}
.slideL img:nth-of-type(5){animation-delay:40s}
@keyframes slideP2L{
0%{opacity:0}
4%{opacity:1}
46%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}
@keyframes slideP3L{
0%{opacity:0}
2%{opacity:1}
31%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@keyframes slideP4L{
0%{opacity:0}
1.5%{opacity:1}
23.5%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@keyframes slideP5L{
0%{opacity:0}
1%{opacity:1}
19%{opacity:1}
20%{opacity:0}
100%{opacity:0}
}

/*20240222 画像キャプション調整*/
.caption--2colbox{display:flex;justify-content:flex-start;}
.caption--2colbox .inner__leftbox{width:35%; padding-right:4%;}
.caption--2colbox .inner__rightbox{width:65%;}
.caption--2colbox .inner__leftbox02{width:69%; padding-right:4%;}
.caption--2colbox .inner__rightbox02{width:31%;}

.border-box.border-box-mark {position: relative;}
.border-box.border-box-mark .border-box-mark__item {position: absolute;right: 40px;bottom: 40px;}
.border-box.border-box-mark .border-box-mark__txt {text-align: center;font-size: 0.75em;padding-bottom: 2px;}
@media print,screen and (min-width:951px){
.mt-ad-pc {margin-top: 46px!important;}
}
@media print, screen and (min-width: 768px) and (max-width: 950.98px) {
.border-box.border-box-mark .border-box-mark__item {right: 20px;}
.border-box.border-box-mark .border-box-mark__logo {max-width: 100px;}
}
@media print,screen and (min-width:768px){
.main-content .modal.modal-movie .modal-contents {padding-top: 70px;}
.main-content .modal.modal-movie .modal-container {border-width: 0 13px;}
.modal-btn:hover .img__border::after{	background-color: rgba(255,255,255,0.80);}
.modal-btn:hover .img__border img{-webkit-transform: scale(1.03);transform: scale(1.03);-webkit-backface-visibility: hidden;/* backface-visibility: hidden; */overflow: hidden;}
.modal-btn:hover{text-decoration: none;}


.main-content .modal-btn .img__border:hover {border-color: #fff;}
}
@media print,screen and (max-width:767px){
.main-content .modal.modal-movie .modal-contents {height: auto;padding-top: 60px;padding-bottom: 120px;}
.main-content .modal.modal-movie .modal-container {border-width: 0 13px;}
.main-content .img-wrap .modal-btn:not(:first-child) {margin-top: 24px;display: block;}
.border-box.border-box-mark .border-box__link {margin-top: 75px;}
.border-box.border-box-mark .border-box-mark__item {bottom: 74px;left: calc(39 / 590 * 100%);}
.border-box.border-box-mark .border-box-mark__txt {text-align: left;font-size: 0.85714285714286em;}
.border-box.border-box-mark .border-box-mark__item {display: flex;align-items: center;}
.border-box.border-box-mark .border-box-mark__logo {margin-left: 20px;}
}
.main-content .modal.normal-modal .modal-close-btn.bottom {color: #000;}
.main-content .modal.normal-modal .modal-close-btn.bottom span {padding: 5px 10px;background:url(/corporate/sustainability/environment/naturalsymbiosis/report/img/close_bk.png) center center/ contain no-repeat;margin-right: 10px;}
.main-content .modal.normal-modal .modal-close-btn.top{position:absolute;right:0;top:0;display:inline-block;width:40px;height:40px;background:url(/corporate/sustainability/environment/naturalsymbiosis/report/img/close_bk.png) 0 0/cover no-repeat}
.main-content .modal-contents section .title{color: #0d855d;text-align: center;font-size: 28px;font-weight: normal;line-height: 1.2;}
.main-content .modal-contents section .sub-title {text-align: center;font-weight: normal;font-size: 20px;color: #484848;margin-top: -6px;margin-bottom: 10px;}
.main-content .modal-contents section .img + .img {margin-top: 20px;}
.main-content .modal-contents section .btn {margin-top: 25px;text-align: center;border: 1px solid #d5d9db;position: relative;}
.main-content .modal-contents section .btn::before {position: absolute;background-image: url(/corporate/sustainability/environment/naturalsymbiosis/report/img/btn.jpg);width: 22px;height: 22px;top: 50%;left: 20px;content: "";transform: translateY(-50%);}
.main-content .modal-contents section .btn a {color: #0d855d;display: block;padding: 16px;}
.main-content .modal-contents__btn {position: absolute;bottom: 0;left: 0;}
.main-content .modal-close-btn.top{position:absolute;right:0;top:0;display:inline-block;width:40px;height:40px;background:url(/corporate/sustainability/environment/naturalsymbiosis/report/img/close.png) 0 0/cover no-repeat}
.main-content .modal-container__btn {position: absolute;bottom: 0;right: 0;width: 100%;height: 60px;background: #eef1f2;text-align: center;}
.main-content .modal-close-btn.bottom {padding: 18px;text-align: center;display: block;color: #0d855d;}
.main-content .modal-close-btn.bottom span {padding: 5px 10px;background:url(/corporate/sustainability/environment/naturalsymbiosis/report/img/close.png) center center/ contain no-repeat;margin-right: 10px;}

@media print,screen and (min-width:768px){
.naturalsymbiosis-news-item:nth-child(1),.naturalsymbiosis-news-item:nth-child(2),.naturalsymbiosis-news-item:nth-child(3){margin-top:0}
.naturalsymbiosis-news-item {margin-left: 3.5%;}
.naturalsymbiosis-news-item:nth-child(3n - 2) {margin-left: 0;}
.main-content .modal-container{border-width:100px 13px;height: 100%;}
.main-content .modal-contents{padding:40px 70px;padding-bottom: 130px;}
}

@media print,screen and (max-width:767px){
.main-content .modal-container{border-width:13px}
.main-content .modal-contents{padding:20px;padding-bottom: 75px;overflow-y:scroll;height: 95vh;-ms-overflow-style: none;scrollbar-width: none;}
.main-content .modal-contents section {overflow-y:scroll;	-ms-overflow-style: none;scrollbar-width: none;}
.main-content .modal-contents section::-webkit-scrollbar {display:none;}
.main-content .modal-close-btn.top{right:0;top:0;display:inline-block;width:35px;height:35px;}
.main-content .modal-contents section .title{font-size: 21px;}
.main-content .modal-contents section .sub-title {font-size: 18px;margin-top: 5px;}
.main-content .modal-contents section p + p {margin-top: 15px;}
.main-content .modal-contents section .img + .img {margin-top: 10px;}
.main-content .modal-contents section .btn a {font-size: 16px;padding: 10px;}
.main-content .modal-contents section .btn::before {width: 25px;height: 25px;left: 15px;}
.main-content .modal-close-btn.bottom {font-size: 16px;}
.naturalsymbiosis-news-wrap {padding-top:46px;}
.naturalsymbiosis-news {margin-top: 39px;}
.naturalsymbiosis-news-item:first-child{margin:0}
.naturalsymbiosis-news-item-photo img{width:100%;height:auto}
.naturalsymbiosis-news-item-text{padding:29px 30px 25px}
.naturalsymbiosis-news-item-num{font-size:14px;line-height:calc(36/28);padding:0 2px;margin:0 0 12px}
.naturalsymbiosis-news-item-title{font-size:20px;line-height:calc(60/40);margin:0 0 24px}
.naturalsymbiosis-news-item-summary{font-size:18px;line-height:1.5;margin:0 0 }
.naturalsymbiosis-news-item .sdgs-icon-list{flex-flow:row wrap;width:100%;margin:0 -4px -8px}
.naturalsymbiosis-news-item .sdgs-icon-list li{width:42px;margin:0 4px 8px}
.naturalsymbiosis-news-item .sdgs-icon-list{display:flex;justify-content:flex-start;align-items:stretch}
.naturalsymbiosis-news-item .sdgs-icon-list li img{width:100%;height:auto}
.naturalsymbiosis-news-item{width:100%;border-radius:5px 5px 0 0;margin:30px 0 0;max-width:650px;}
.naturalsymbiosis-news {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;}
.naturalsymbiosis-news-wrap .more-button {max-width: 280px;font-size: 18px;padding: 18px;}

/*20240222 画像キャプション調整*/
.caption--2colbox{display:grid;}
.caption--2colbox .inner__leftbox,
.caption--2colbox .inner__leftbox02{width:100%; padding-right:0}
.caption--2colbox .inner__rightbox,
.caption--2colbox .inner__rightbox02{width:100%;}
}