.mainvisual{width:100%;height:620px;position:relative;overflow:hidden;padding:0 !important;background:-webkit-gradient(linear, left top, right top, from(rgb(120, 196, 176)), to(rgba(255, 255, 255, 0.5))),url(../img/sdgs/mv_img.png);background:linear-gradient(to right, rgb(120, 196, 176) 0%, rgba(255, 255, 255, 0.5) 100%),url(../img/sdgs/mv_img.png);background-repeat:no-repeat;background-position:center right;background-size:contain;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainvisual h2{font-size:22px;letter-spacing:.4em;margin-top:0px}.mainvisual p{font-size:18px;text-align:center !important;line-height:.2;letter-spacing:.4em;font-family:"Josefin Sans",sans-serif}.white_box{background-color:hsla(0,0%,100%,.5);max-width:800px;margin:2% auto 0;padding:50px;width:90%}#sdgs h3:nth-of-type(2){margin-top:100px}#sdgs_innner,#activities{max-width:1000px;margin:auto;width:94%}#sdgs_innner .wrap,#activities .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:30px auto 50px 0}#sdgs_innner h3{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:40px auto 40px 0;padding:0;border-bottom:none;border-top:none;font-size:28px;text-align:left}#sdgs_innner h3 img{width:400px;height:150px;margin-left:40px;-webkit-backface-visibility:hidden;backface-visibility:hidden}#sdgs_innner h4{font-size:20px;line-height:22px;letter-spacing:.2em;margin-bottom:20px;font-weight:normal;color:#78c4b0}#sdgs_innner h4::before{content:"";display:inline-block;width:50px;height:50px;background-repeat:no-repeat;background-size:contain;vertical-align:middle;margin-right:10px}#sdgs_innner p{font-size:16px;text-align:justify}.bg_01 .wrap:nth-of-type(1) h4::before{background-image:url(../img/sdgs/icon_01.png)}.bg_01 .wrap:nth-of-type(2) h4::before{background-image:url(../img/sdgs/icon_02.png)}.bg_01 .wrap:nth-of-type(3) h4::before{background-image:url(../img/sdgs/icon_03.png)}.bg_02 .wrap:nth-of-type(1) h4::before{background-image:url(../img/sdgs/icon_04.png)}.bg_02 .wrap:nth-of-type(2) h4::before{background-image:url(../img/sdgs/icon_05.png)}.bg_02 .wrap:nth-of-type(3) h4::before{background-image:url(../img/sdgs/icon_06.png)}.bg_02 .wrap:nth-of-type(4) h4::before{background-image:url(../img/sdgs/icon_07.png)}#activities h3{font-size:22px;text-align:center;width:200px;margin:0px 0px 70px;border-top:1px dotted;border-bottom:1px dotted;padding:5px 0 3px;font-weight:normal}#activities h4{font-size:20px;line-height:22px;letter-spacing:.2em;margin-bottom:40px;font-weight:normal;color:#78a9c1;position:relative;text-indent:20px}#activities h4::after{display:block;content:"";position:absolute;top:.3em;width:9px;height:9px;background-color:#78a9c1;-webkit-transform:rotate(-45deg)}#activities .photo_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 80px}#activities .photo_box img{width:46%}@media screen and (max-width: 1000px){.white_box .pc{display:none}.white_box .sp{display:block}}@media screen and (max-width: 767px){.mainvisual{width:100%;height:auto;min-height:230px;max-height:40vh;padding:4% auto 0;background:-webkit-gradient(linear, left top, right top, from(rgb(120, 196, 176)), to(rgba(255, 255, 255, 0.5))),url(../img/sdgs/mv_img.png);background:linear-gradient(to right, rgb(120, 196, 176) 0%, rgba(255, 255, 255, 0.5) 100%),url(../img/sdgs/mv_img.png);background-repeat:no-repeat;background-position:center right;background-size:contain;position:relative}.mainvisual .box{position:absolute;top:28%}.mainvisual h2{font-size:6vw;letter-spacing:.4em;margin-top:0px}.mainvisual p{font-size:4vw;text-align:center !important;line-height:.2;letter-spacing:.4em;font-family:"Josefin Sans",sans-serif}.white_box{margin:5% 5% 8% 5%;padding:4%;text-align:justify;border:5px solid #f0fff0;border-radius:20px}.bg_01{background-color:#f9f8f7;background-image:repeating-linear-gradient(-45deg, #fff, #fff 2px, transparent 0, transparent 4px)}#sdgs_innner,#activities{width:100%;margin:auto;padding:0px !important}#sdgs_innner .wrap,#activities .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 5% 4%}#sdgs_innner h3{font-size:6vw;letter-spacing:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:none;border-top:none;padding:0;width:100vw}#sdgs_innner h3 img{width:60%;margin:2% auto 0;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:contain;object-fit:contain}#sdgs_innner h4{font-size:5vw;letter-spacing:.2em;margin:0% auto 2% 0;font-weight:normal;color:#78c4b0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sdgs_innner h4::before{content:"";display:inline-block;width:20%;height:100px;background-repeat:no-repeat;background-size:contain;vertical-align:middle;margin-right:2%;background-position:center}#sdgs_innner p{text-align:justify;margin-bottom:8%}#sdgs_innner h3:nth-of-type(2){margin-top:14%}#activities h3{font-size:5vw;text-align:center;width:200px;margin:8% auto 7%;border-top:1px dotted;border-bottom:1px dotted;padding:5px 0 3px;font-weight:normal}#activities h4{font-size:5vw;margin:0% auto 2% 0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-indent:unset}#activities h4::after{content:none}#activities a{display:inline-block}#activities .photo_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto 80px}#activities .photo_box img{width:80%;margin:4% auto}}