@charset "utf-8";

#local1{background: #009245; width: 100%; padding: 60px 0;}
#local1 .wrap{width: 1000px; margin: 0 auto; background: #fff; border-radius: 10px; padding: 40px; }
#local1 h2{text-align: center; color: #fff; font-size: 2rem; margin-bottom: 10px;}
#local1 .left{float: left; width: 570px;}
#local1 .right{float: right; width: 300px;}
#local1 .right img{width: 100%;}

#local1.local1_v2 h2{}
#local1.local1_v2 h2 span.baloon{width: 35%;background:#fff;font-size: 1.2rem;display: block;margin:0 auto 15px;border-radius: 100px;padding: 8px;position: relative;}
#local1.local1_v2 h2 span.baloon:after {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 8px 15px 0 15px;border-color: #fff transparent transparent transparent;position: absolute;top: 99%;left: 50%;transform: translate(-50%, 0px);}
#local1.local1_v2 h2 span.baloon .line{color: #009245;background: linear-gradient(transparent 60%, #ffd800 0%);}
#local1.local1_v2 .cFix{display: flex;justify-content: space-between;align-items: center;}
#local1.local1_v2 .left{float: none; width: 630px;}
#local1.local1_v2 .left p{margin-bottom: 10px;}
#local1.local1_v2 .left p span{background: linear-gradient(transparent 60%, #ffd800 0%);font-weight: bold;}
#local1.local1_v2 .right{float: none; width: 250px;}

#local2{ width: 800px; margin: 0 auto; padding: 60px 0; }
#local2 ul{background: #fffbd0; border-radius: 10px; padding: 30px; margin-bottom: 20px;}
#local2 li{margin: 10px 0; position: relative; padding-left: 30px; font-size: 1.2rem; font-weight: bold;}
#local2 li:before{position: absolute; content: ''; background: url(../img/local/yokohama/check.png) no-repeat center left; width: 24px; left: 0; top: 4px; height: 23px;}

#local3{background: #eee; width: 100%; padding: 60px 0;}
#local3 .wrap{width: 1000px; margin: 0 auto; }
#local3 h2{font-size: 1.3rem; margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px;}
#local3 span{color: #009245; font-weight: bold;}
#local3 .left{float: left; width: 500px;}
#local3 .right{float: right; width: 480px;}
#local3 .right img{width: 100%;}

#local4{width: 100%; padding: 80px 0 50px;}
#local4 .cnt_wrap{width: 1000px; margin: 0 auto;}
#local4 ul{display: flex; align-items: stretch; flex-wrap: wrap;}
#local4 li{float: left; width: 100%; border-radius: 10px; border:1px solid #009245; background: #fff; padding: 30px; 
 filter:drop-shadow(0px 3px 5px #ccc); margin: 20px 0;}
#local4 li img {display: block; margin: 0 auto 20px;}
#local4 h3 { text-align: center; color: #009245; font-weight: bold; font-size: 1.5rem; margin-bottom: 10px;}
#local4 li p{ padding-left: 20px;}
#local4 li a{background: #009245; padding: 5px; border-radius: 10px; color: #fff; text-align: center; display: block; margin: 10px auto 0; width: 70%;}

#local5{background: #ffffe3; width: 100%; padding: 60px 0;}
#local5.local5_v2{background: #fafafa;}
#local5 .wrap{width: 1000px; margin: 0 auto; }
#local5 ul{display: flex; align-items: stretch; flex-wrap: wrap;}
#local5 .menu li{float: left; width: 310px; border-radius: 10px; background: #fff; padding: 30px; margin: 20px 35px 20px 0;}
#local5.local5_v2 .menu li{filter: drop-shadow(0px 3px 5px #6666668f);}
#local5 .menu li:nth-child(3n){margin: 20px 0;}
#local5 .menu li h3{text-align: center; background: #ffa; padding: 5px 0; margin: 10px 0;}

#staff .flow_more {display: block; margin: 20px auto; width: 50%;}
#staff .flow_more a{text-align: center; background: #fff; filter:drop-shadow(0 0 5px #ccc); display: block; padding: 20px; color: #000; font-size: 1rem; color: #009245;
border: 1px solid #009245; font-weight: bold; border-radius: 50px;}

#local6{width: 100%; padding: 50px 0;}
#local6 .cnt_wrap{width: 1000px; margin: 0 auto;}
#local6 li{margin-bottom: 50px;}
#local6 li .step{text-align: center; color: #fff; font-weight: bold; background: #009245; border-radius: 50px; width: 200px; margin: 0 auto; padding: 10px; letter-spacing: 2px; display: inline-block;}
#local6 li h3{text-align: center; font-weight: bold; color: #009245; margin: 20px auto 10px; font-size: 1.5rem; display: inline-block; padding: 5px 0 0 10px;}
#local6 li p{margin: 20px 0;}
#local6 li .step_cta{ background: #ffffe6; padding: 20px 20px 10px; }
#local6 li .step_cta li{ float: left; margin-bottom: 0;}
#local6 li .step_cta li:nth-child(2){ margin: 0 4px;}
#local6 li .step_cta li img {width: 100%;}
#local6 li .left{width: 480px; float: left; background: #ffffe6; padding: 30px; border-radius: 10px; min-height: 350px;}
#local6 li .right{width: 480px; float: right; background: #ffffe6; padding: 30px; border-radius: 10px; min-height: 350px;}
#local6 li h4{color: #009245; font-weight: bold; text-align: center;}
#local6 .flow_more {display: block; margin: 20px auto; width: 50%;}
#local6 .flow_more a{text-align: center; background: #fff; filter:drop-shadow(0 0 5px #ccc); display: block; padding: 20px; color: #000; font-size: 1rem; color: #009245;
border: 1px solid #009245; font-weight: bold; border-radius: 50px;}


#local7{background: #f5f5f5; width: 100%; padding: 60px 0;}
#local7 .wrap{width: 1000px; margin: 0 auto; }
#local7 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 50%; margin: 0 auto 20px; border-radius: 50px; font-size: 1.5rem; font-weight: bold; padding: 10px;}
#local7 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local7 h2{text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 2px; margin: 20px 0;}
#local7 .read{ width: 800px; margin: 0 auto;}
#local7 .read span{ font-weight: bold; color: #009245;}
#local7 .read img{float: right;}
#local7 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px 50px; margin: 30px 0;}
#local7 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin: 0 0 10px;}

#local8{background: #ffffe3; width: 100%; padding: 60px 0;}
#local8 .wrap{width: 1000px; margin: 0 auto; }
#local8 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 50%; margin: 0 auto 20px; border-radius: 50px; font-size: 1.5rem; font-weight: bold; padding: 10px;}
#local8 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local8 h2{text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 2px; margin: 20px 0;}
#local8 .read{ width: 800px; margin: 0 auto;}
#local8 .read span{ font-weight: bold; color: #009245;}
#local8 .read img{float: right;}
#local8 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px 50px; margin: 30px 0;}
#local8 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin: 0 0 10px;}
#local8 table{background:#f4f4f4; padding: 30px 50px; width: 100%; border-radius: 10px; margin: 20px 0;}
#local8 table th{width: 40%; border-bottom: 1px solid #000; padding: 10px;}
#local8 table td{width: 60%; border-bottom: 1px solid #000; padding: 10px;}

#local9{background: #f5f5f5; width: 100%; padding: 60px 0;}
#local9 .wrap{width: 1000px; margin: 0 auto; }
#local9 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 50%; margin: 0 auto 20px; border-radius: 50px;
 font-size: 1.5rem; font-weight: bold; padding: 10px; color: #000;}
#local9 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local9 h2{text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 2px; margin: 20px 0;}
#local9 .read{ text-align: center; margin-bottom: 20px;}
#local9 ul{display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 50px;}
#local9 li:nth-child(2){margin-left: 40px;}
#local9 h3{text-align: center; color: #fff; font-weight: bold; font-size: 1.2rem; padding: 10px; margin: 20px 0; background: #00943f; border-radius: 50px;}
#local9 .left{width: 480px; background:#fff; border-radius: 10px; padding: 30px; float: left; min-height: 320px;}
#local9 .right{width: 480px; border :#000 solid 1px; border-radius: 10px; padding: 30px; float: right; min-height: 320px;}
#local9 h4{text-align: center; color: #00943f; font-weight: bold; margin-bottom: 10px; font-size: 1.1rem;}
#local9 .left p,#local9 .right p{font-size: 0.9rem;}
#local9 span{font-weight: bold; color: #00943f;}

#local10{background: #6b6b6b; width: 100%; padding: 60px 0;}
#local10 .wrap{width: 1000px; margin: 0 auto; }
#local10 .h2 { display: block; margin: 0 auto 30px; width: 65%;}
#local10 .h2 img{ float: left; }
#local10 h2{color: #fff; font-size: 2rem; letter-spacing: 2px; padding-left: 20px; display: block;}
#local10 .subttl{ display: inline-block; background: #fff; text-align: center; width: 20%; margin: 0 auto; border-radius: 50px; font-size: 1rem; font-weight: bold; padding: 0; color: #000 !important;}
#local10 .read {width: 800px; display: block; margin: 0 auto; color: #fff;}
#local10 .read a{font-size: 0.9rem; color: #00c8ff;}
#local10 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px 50px; margin: 30px 0;}
#local10 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; margin: 0 0 20px;}
#local10 .box .left{float: left; width: 570px;}
#local10 .box .right{float: right; width: 300px;}
#local10 .box .right img{width: 100%;}

#local11{background: #00943f; width: 100%; padding: 60px 0;}
#local11 .wrap{width: 1000px; margin: 0 auto; }
#local11 .h2{width: 100%; margin-bottom: 30px; padding-right: 50px;}
#local11 .h2 h2{color: #fff; font-weight: bold; font-size: 2rem; letter-spacing: 2px; line-height: 3.5rem;}
#local11 .h2 img{float: right; width: 275px;}
#local11 p{color: #fff;}

#local12{width: 100%; padding: 60px 0;}
#local12 .wrap{width: 1000px; margin: 0 auto; }
#local12 ul{display: flex; align-items: stretch; flex-wrap: wrap; margin:50px 0 50px;}
#local12 li{width: 480px; margin: 0 40px 30px 0; float: left; background: #f5f5f5;}
#local12 li h3{color: #009245; font-weight: bold; padding: 15px 20px 0; margin-bottom: 10px; font-size: 1.2rem;}
#local12 li p{padding: 0 20px 20px;}
#local12 li:nth-child(2n){margin: 0 0 30px 0;}

#local13{background: #f5f5f5; width: 100%; padding: 60px 0;}
#local13 .wrap{width: 1000px; margin: 0 auto; }
#local13 .h2{width: 500px; margin: 0 auto 40px; display: block;}
#local13 h2{text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 2px; margin: 0 0 20px;}
#local13 .subttl{background: #009245; color: #fff; width: 10%; font-size: 0.9rem; padding: 0; display: block; text-align: center; margin: 0 auto 5px;}
#local13 h3{font-size: 1.2rem; font-weight: bold; color: #009245; position: relative; display: flex; justify-content: center; padding: 0 45px; margin: 0 auto 10px; width: fit-content;}
#local13 h3:before { content: ''; position: absolute; top: 50%; display: inline-block; width: 30px; height: 2px; background-color: #009245;
 -webkit-transform: rotate(60deg); transform: rotate(60deg); left:0;}
#local13 h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 30px; height: 2px; background-color: #009245;
 -webkit-transform: rotate(-60deg); transform: rotate(-60deg); right: 0;}
#local13 .box{width: 100%; background: #fff; padding: 30px 50px; border-radius: 10px; margin-bottom: 40px;}

#local14{background: #00943f; width: 100%; padding: 60px 0;}
#local14 .wrap{width: 1000px; margin: 0 auto; }
#local14 h2{color: #ff0; font-weight: bold; font-size: 2rem; letter-spacing: 2px; line-height: 3.5rem; margin-bottom: 20px;}
#local14 .left{float: left; width: 560px;}
#local14 .left p{color: #fff;}
#local14 .right{float: right; width: 400px;}

#local15{width: 100%; padding: 60px 0;}
#local15 .wrap{width: 1000px; margin: 0 auto; }
#local15 .box{padding: 40px; width: 100%; position: relative; background: #fff; filter:drop-shadow(0px 3px 5px #ccc); border-radius: 10px; padding-bottom: 100px;}
#local15 p{padding: 40px; background: #fffff0;}
#local15 img{position: absolute; right: 50px; bottom: 10px;}

#local16{background: #f5f5f5; width: 100%; padding: 60px 0;}
#local16 .wrap{width: 1000px; margin: 0 auto; }
#local16 .read{ width: 800px; margin: 0 auto 30px;}
#local16 .read span{ font-weight: bold; color: #009245;}
#local16 .read img{float: right; margin-left: 10px;}
#local16 ul{display: flex; align-items: stretch; flex-wrap: wrap; width: 100%;}
#local16 li{float: left; width: 480px; background: #fff; padding: 30px; margin: 0 40px 0 0; border-radius: 10px;}
#local16 li:nth-child(2){margin: 0}
#local16 h3{text-align: center; font-weight: bold; color: #009245; font-size: 1.2rem; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 10px;}

#local16.local16_v2 .t_img_w{display: flex; justify-content: center; align-items: flex-end;margin-bottom: 30px;}
#local16.local16_v2 .t_img{width:50%; text-align: center;padding: 0 5px;box-sizing: border-box;}
#local16.local16_v2 .t_img img{max-width: 100%;width: 100%;}
#local16.local16_v2 .m_img{width:53.5%; text-align: center; padding: 0 5px;box-sizing: border-box;}
#local16.local16_v2 .m_img img{max-width: 100%;width: 100%;}
#local16.local16_v2 .SDGs_btn_w{display: flex;justify-content: space-between;}
#local16.local16_v2 .SDGs_btn_w a{background: #00943f;color: #fff;width: 32.5%;padding: 10px;padding-left:25px;border-radius: 100px;position: relative;}
#local16.local16_v2 .SDGs_btn_w a:before {content: "";width: 6px;height: 6px;border-top: 2px solid #fff;border-left: 2px solid #fff;display: block;transform: translate(0, -50%) rotate(135deg);position: absolute;right: 10px;top: 50%;}
#local16.local16_v2 .img_txt h3 {font-size: 1.4rem;color: #009245;background: #dcf8e9;font-weight: 600;border-left: 3px solid #009245;border-bottom: 1px solid #009245;padding: 10px;line-height: 1.5;margin-top: 40px;margin-bottom: 0px;}
#local16.local16_v2 .read{width: 100%;background: #fff;padding: 20px;}

#local17{width: 100%; padding: 60px 0;}
#local17 .wrap{width: 1000px; margin: 0 auto; }
#local17 .box{margin-bottom: 50px;}
#local17 h2{font-size: 1.5rem; padding: 20px; background: #fffbd0; text-align: center; border-radius: 10px; margin-bottom: 10px;}
#local17.local17_v2{padding-bottom: 0;}
#local17.local17_v2 h3{font-size: 1.5rem; padding: 20px; background: #fff; text-align: center; border-radius: 10px; margin-bottom: 10px;color: #009245;line-height: auto;}
#local17.local17_v2 p{color: #fff;}
#local17.local17_v2 p a{color: #fff;}
#local17.local17_v2 .box:nth-last-of-type(1){margin-bottom: 0;}

#local18{width: 100%; padding: 60px 0; background: #00943f; }
#local18 .wrap{width: 1000px; margin: 0 auto; }
#local18 h2{font-size: 2rem; text-align: center; border-radius: 10px; margin-bottom: 30px; border-bottom: 1px dashed #fff; color: #fff; padding-bottom: 10px;}
#local18 h3{font-size: 1.5rem; text-align: center; border-radius: 10px; margin-bottom: 10px; color: #ff0;}
#local18 p{color: #fff; margin-bottom: 40px;}






@media screen and (max-width:640px) {

	/*===============================================
		共通部分
	===============================================*/


#local1{background: #009245; width: 100%; padding: 40px 3%;}
#local1 .wrap{width: 100%; margin: 0 auto; background: #fff; border-radius: 30px; padding: 20px; }
#local1 h2{text-align: center; color: #fff; font-size: 1.4rem; margin-bottom: 10px;}
#local1 .left{float: none; width: 100%; margin-bottom: 10px;}
#local1 .right{float: none; width: 60%; margin: 0 auto;}
#local1 .right img{width: 100%;}
#local1.local1_v2 h2 span.baloon{font-size: 1.0rem;width: 100%;}
#local1.local1_v2 .cFix{flex-wrap: wrap;}
#local1.local1_v2 .right{width: 100%;}

#local2{ width: 100%; margin: 0 auto; padding: 40px 3%; }
#local2 h2{font-size: 1.4rem;}
#local2 ul{background: #fffbd0; border-radius: 10px; padding: 20px; margin-bottom: 20px;}
#local2 li{margin: 10px 0; position: relative; padding-left: 30px; font-size: 1rem; font-weight: bold;}
#local2 li:before{position: absolute; content: ''; background: url(../img/local/yokohama/check.png) no-repeat center left; width: 24px; left: 0; top: 4px; height: 23px;}

#local3{background: #eee; width: 100%; padding: 40px 3%;}
#local3 .wrap{width: 100%; margin: 0 auto; }
#local3 h2{font-size: 1.3rem; margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px;}
#local3 span{color: #009245; font-weight: bold;}
#local3 .left{float: none; width: 100%;}
#local3 .right{float: none; width: 85%; margin: 20px auto;}
#local3 .right img{width: 100%;}

#local4{width: 100%; padding: 40px 5% ;}
#local4 .cnt_wrap{width: 100%; margin: 0 auto;}
#local4 h2{font-size: 1.4rem;}
#local4 ul{display: flex; align-items: stretch; flex-wrap: wrap;}
#local4 li{float: left; width: 100%; border-radius: 10px; border:1px solid #009245; background: #fff; padding: 30px; margin: 10px 0;}
#local4 li img {display: block; margin: 0 auto 20px;}
#local4 h3 { text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; margin-bottom: 10px;}
#local4 li p{ padding-left: 0;}
#local4 li a{background: #009245; padding: 5px; border-radius: 10px; color: #fff; text-align: center; display: block; margin: 10px auto 0; width: 70%;}

#local5{background: #ffffe3; width: 100%; padding: 60px 3% 1px;}
#local5 .wrap{width: 100%; margin: 0 auto; }
#local5 ul{display: flex; align-items: stretch; flex-wrap: wrap;}
#local5 .menu li{float: left; width: 100%; border-radius: 10px; background: #fff; padding: 30px; margin: 10px 0;}
#local5 .menu li:nth-child(3n){margin: 10px 0;}
#local5 .menu li h3{text-align: center; background: #ffa; padding: 5px 0; margin: 10px 0;}
#local5 .menu li img{margin: 0 auto; display: block; text-align: center; width: 60%;}


#staff .flow_more {display: block; margin: 0 auto; width: 95%;}
#staff .flow_more a{text-align: center; background: #fff; filter:drop-shadow(0 0 5px #ccc); display: block; padding: 10px; color: #000; font-size: 0.9rem; color: #009245;
border: 1px solid #009245; font-weight: bold; border-radius: 50px;}


#local6{width: 100%; padding: 0 3% 50px;}
#local6 .cnt_wrap{width: 100%; margin: 0 auto;}
#local6 li{margin-bottom: 30px;}
#local6 li .step{width: 40%; margin: 0 auto; padding: 1px; letter-spacing: 2px; display: block; font-size: 0.7rem;}
#local6 li h3{margin: 5px auto ; font-size: 1.2rem; display: block; padding: 5px 0 0;}
#local6 li p{margin: 10px 0;}
#local6 li .step_cta{ background: #ffffe6; padding: 20px 20px 10px; }
#local6 li .step_cta li{ float: left; margin-bottom: 0;}
#local6 li .step_cta li:nth-child(2){ margin: 0 4px;}
#local6 li .step_cta li img {width: 100%;}
#local6 li .left{width: 100%; float: none; background: #ffffe6; padding: 30px 30px 15px; border-radius: 10px; min-height: auto; margin-bottom: 20px;}
#local6 li .right{width: 100%; float: none; background: #ffffe6; padding: 30px 30px 15px; border-radius: 10px; min-height: auto; margin-bottom: 20px;}
#local6 li h4{color: #009245; font-weight: bold; text-align: center;}
#local6 .flow_more {display: block; margin: 20px auto; width: 95%;}
#local6 .flow_more a{text-align: center; background: #fff; filter:drop-shadow(0 0 5px #ccc); display: block; padding: 10px; color: #000; font-size: 0.9rem; color: #009245;
border: 1px solid #009245; font-weight: bold; border-radius: 50px;}

#local7{background: #f5f5f5; width: 100%; padding: 40px 3% 10px;}
#local7 .wrap{width: 100%; margin: 0 auto; }
#local7 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 70%; margin: 0 auto; border-radius: 50px; font-size: 1rem; font-weight: bold; padding: 10px;}
#local7 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local7 h2{text-align: center; font-weight: bold; font-size: 1.4rem; letter-spacing: 0; margin: 20px 0;}
#local7 .read{ width: 100%; margin: 0 auto;}
#local7 .read span{ font-weight: bold; color: #009245;}
#local7 .read img{float: right; width: 20%;}
#local7 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px; margin: 10px 0;}
#local7 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.1rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin: 0 0 10px;}

#local8{background: #ffffe3; width: 100%; padding: 40px 3% 10px;}
#local8 .wrap{width: 100%; margin: 0 auto; }
#local8 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 70%; margin: 0 auto 20px; border-radius: 50px; font-size: 1rem; font-weight: bold; padding: 10px;}
#local8 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local8 h2{text-align: center; font-weight: bold; font-size: 1.4rem; letter-spacing: 0; margin: 20px 0;}
#local8 .read{ width: 100%; margin: 0 auto;}
#local8 .read span{ font-weight: bold; color: #009245;}
#local8 .read img{float: right; width: 20%;}
#local8 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px; margin: 10px 0;}
#local8 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin: 0 0 10px;}
#local8 table{background:#f4f4f4; padding: 20px; width: 100%; border-radius: 10px; margin: 20px 0;}
#local8 table th{width: 50%; border-bottom: 1px solid #000; padding: 10px; font-size: 0.9rem;}
#local8 table td{width: 50%; border-bottom: 1px solid #000; padding: 10px; font-size: 0.9rem;}

#local9{background: #f5f5f5; width: 100%; padding: 40px 3% 10px;}
#local9 .wrap{width: 100%; margin: 0 auto; }
#local9 .subttl{ position: relative; display: block; background: #fff; text-align: center; width: 70%; margin: 0 auto 20px; border-radius: 50px; font-size: 1rem; font-weight: bold; padding: 10px;}
#local9 .subttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
#local9 h2{text-align: center; font-weight: bold; font-size: 1.4rem; letter-spacing: 0; margin: 20px 0;}
#local9 .read{ text-align: center; margin-bottom: 20px;}
#local9 ul{display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 30px;}
#local9 li{margin: 0 0 10px;}
#local9 li:nth-child(2){margin-left: 0;}
#local9 h3{text-align: center; color: #fff; font-weight: bold; font-size: 1rem; padding: 8px; margin: 20px 0; background: #00943f; border-radius: 50px;}
#local9 .left{width: 100%; background:#fff; border-radius: 10px; padding: 30px; float: none; min-height: auto;}
#local9 .right{width: 100%; border :#000 solid 1px; border-radius: 10px; padding: 30px; float: none; min-height: auto;}
#local9 h4{text-align: center; color: #00943f; font-weight: bold; margin-bottom: 10px; font-size: 1.1rem;}
#local9 .left p,#local9 .right p{font-size: 0.9rem;}
#local9 span{font-weight: bold; color: #00943f;}

#local10{background: #6b6b6b; width: 100%; padding: 40px 3% 10px;}
#local10 .wrap{width: 100%; margin: 0 auto; }
#local10 .h2 { display: block; margin: 0 auto 30px; width: 80%;}
#local10 .h2 img{ float: left; width: 20%; padding-top: 20px;}
#local10 h2{color: #fff; font-size: 1.4rem; letter-spacing: 0; padding-left: 24%; display: block;}
#local10 .subttl{ display: inline-block; width: 40%; margin: 0 auto; border-radius: 50px; font-size: 1rem;}
#local10 .read {width: 100%; display: block; margin: 0 auto; color: #fff;}
#local10 .read a{font-size: 0.9rem; color: #00c8ff;}
#local10 .box{background: #fff; border-radius: 10px; width: 100%; padding: 30px; margin: 10px 0;}
#local10 .box h3{text-align: center; color: #009245; font-weight: bold; font-size: 1.2rem; margin: 0 0 20px;}
#local10 .box .left{float: none; width: 100%;}
#local10 .box .right{float: none; width: 100%; margin-top: 10px;}
#local10 .box .right img{width: 90%; margin: 0 auto; display: block;}

#local11{background: #00943f; width: 100%; padding: 40px 3%;}
#local11 .wrap{width: 100%; margin: 0 auto; }
#local11 .h2{width: 100%; margin-bottom: 30px; padding-right: 0;}
#local11 .h2 h2{color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: 0; line-height: 2.5rem;}
#local11 .h2 img{float: right; width: 30%;}
#local11 p{color: #fff;}

#local12{width: 100%; padding: 40px 3% 10px;}
#local12 .wrap{width: 100%; margin: 0 auto; }
#local12 h2{font-size: 1.4rem; letter-spacing: 0;}
#local12 ul{display: flex; align-items: stretch; flex-wrap: wrap; margin:50px 0 0;}
#local12 li{width: 100%; margin: 0 0 10px 0; float: none; background: #f5f5f5;}
#local12 li h3{color: #009245; font-weight: bold; padding: 15px 20px 0; margin-bottom: 10px; font-size: 1.2rem; text-align: center;}
#local12 li p{padding: 0 20px 20px;}
#local12 li:nth-child(2n){margin: 0 0 10px 0;}
#local12 li img{width: 100%;}

#local13{background: #f5f5f5; width: 100%; padding: 40px 3% 10px;}
#local13 .wrap{width: 100%; margin: 0 auto; }
#local13 .h2{width: 100%; margin: 0 auto 40px; display: block;}
#local13 .h2 img{width: 50%;}
#local13 h2{text-align: center; font-weight: bold; font-size: 1.4rem; letter-spacing: 0; margin: 0 0 20px;}
#local13 .subttl{background: #009245; color: #fff; width: 35%; font-size: 0.9rem; padding: 0; display: block; text-align: center; margin: 0 auto 5px;}
#local13 h3{font-size: 1.2rem; padding: 0 30px; margin: 0 auto 10px; width: fit-content; text-align: center;}
#local13 h3:before { content: ''; position: absolute; top: 50%; display: inline-block; width: 30px; height: 2px; background-color: #009245;
 -webkit-transform: rotate(60deg); transform: rotate(60deg); left:0;}
#local13 h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 30px; height: 2px; background-color: #009245;
 -webkit-transform: rotate(-60deg); transform: rotate(-60deg); right: 0;}
#local13 .box{width: 100%; background: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;}

#local14{background: #00943f; width: 100%; padding: 40px 3% 20px;}
#local14 .wrap{width: 100%; margin: 0 auto; }
#local14 h2{color: #ff0; font-weight: bold; font-size: 1.4rem; letter-spacing: 2px; line-height: 2rem; margin-bottom: 10px;}
#local14 .left{float: left; width: 100%;}
#local14 .left p{color: #fff; margin-bottom: 10px;}
#local14 .right{float: right; width: 100%;}
#local14 .right img{width: 100%;}

#local15{width: 100%; padding: 40px 3% 30px;}
#local15 .wrap{width: 100%; margin: 0 auto; }
#local15 h2{font-size: 1.4rem; letter-spacing: 0;}
#local15 .box{padding: 20px; width: 100%; position: relative; background: #fff; border-radius: 10px; padding-bottom: 50px;}
#local15 p{padding: 30px; background: #fffff0;}
#local15 img{position: absolute; right: 10px; bottom: 10px; width: 25%;}

#local16{background: #f5f5f5; width: 100%; padding: 40px 3% 10px;}
#local16 .wrap{width: 100%; margin: 0 auto; }
#local16 h2{font-size: 1.4rem; letter-spacing: 0;}
#local16 .read{ width: 100%; margin: 0 auto 30px;}
#local16 .read span{ font-weight: bold; color: #009245;}
#local16 .read img{float: right; margin-left: 10px; width: 20%;}
#local16 ul{display: flex; align-items: stretch; flex-wrap: wrap; width: 100%;}
#local16 li{float: left; width: 100%; background: #fff; padding: 30px; margin: 0 0 15px; border-radius: 10px;}
#local16 li:nth-child(2){margin: 0}
#local16 h3{text-align: center; font-weight: bold; color: #009245; font-size: 1.2rem; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 10px;}

#local16.local16_v2 .t_img_w{flex-wrap: wrap;}
#local16.local16_v2 .t_img{width: 100%;margin-bottom: 10px;}
#local16.local16_v2 .m_img{width: 100%;}
#local16.local16_v2 .SDGs_btn_w{flex-wrap: wrap;}
#local16.local16_v2 .SDGs_btn_w a{width: 100%;margin-bottom: 10px;}
#local16.local16_v2 .img_txt h3{font-size: 1.2rem;text-align: left;}

#local17{width: 100%; padding: 40px 3% 10px;}
#local17 .wrap{width: 100%; margin: 0 auto; }
#local17 .box{margin-bottom: 40px;}
#local17 h2{font-size: 1.3rem; padding: 20px; background: #fffbd0; text-align: center; border-radius: 10px; margin-bottom: 10px;}
#local17.local17_v2 h3{font-size: 1.2rem;}



#local18{width: 100%; padding: 40px 3% 10px; background: #00943f; }
#local18 .wrap{width: 100%; margin: 0 auto; }
#local18 h2{font-size: 1.4rem; text-align: center; border-radius: 10px; margin-bottom: 30px; border-bottom: 1px dashed #fff; color: #fff; padding-bottom: 10px; }
#local18 h3{font-size: 1.1rem; text-align: center; border-radius: 10px; margin-bottom: 10px; color: #ff0;}
#local18 p{color: #fff; margin-bottom: 40px;}




}