@charset "UTF-8";
#mbsocialproject a{color:#333}#mbsocialproject img{max-width:100%;vertical-align:bottom;width:100%}#mbsocialproject img[src$=".svg"]{width:100%}#mbsocialproject div,#mbsocialproject span,#mbsocialproject object,#mbsocialproject iframe,#mbsocialproject h1,#mbsocialproject h2,#mbsocialproject h3,#mbsocialproject h4,#mbsocialproject h5,#mbsocialproject h6,#mbsocialproject p,#mbsocialproject blockquote,#mbsocialproject pre,#mbsocialproject abbr,#mbsocialproject address,#mbsocialproject cite,#mbsocialproject code,#mbsocialproject del,#mbsocialproject dfn,#mbsocialproject em,#mbsocialproject img,#mbsocialproject ins,#mbsocialproject kbd,#mbsocialproject q,#mbsocialproject samp,#mbsocialproject small,#mbsocialproject strong,#mbsocialproject sub,#mbsocialproject sup,#mbsocialproject var,#mbsocialproject b,#mbsocialproject i,#mbsocialproject dl,#mbsocialproject dt,#mbsocialproject dd,#mbsocialproject ol,#mbsocialproject ul,#mbsocialproject li,#mbsocialproject fieldset,#mbsocialproject form,#mbsocialproject label,#mbsocialproject legend,#mbsocialproject table,#mbsocialproject caption,#mbsocialproject tbody,#mbsocialproject tfoot,#mbsocialproject thead,#mbsocialproject tr,#mbsocialproject th,#mbsocialproject td,#mbsocialproject article,#mbsocialproject aside,#mbsocialproject canvas,#mbsocialproject details,#mbsocialproject figcaption,#mbsocialproject figure,#mbsocialproject footer,#mbsocialproject header,#mbsocialproject hgroup,#mbsocialproject menu,#mbsocialproject nav,#mbsocialproject section,#mbsocialproject summary,#mbsocialproject time,#mbsocialproject mark,#mbsocialproject audio,#mbsocialproject video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}#mbsocialproject *,#mbsocialproject *::before,#mbsocialproject *::after{-webkit-box-sizing:border-box;box-sizing:border-box}#mbsocialproject article,#mbsocialproject aside,#mbsocialproject details,#mbsocialproject figcaption,#mbsocialproject figure,#mbsocialproject footer,#mbsocialproject header,#mbsocialproject hgroup,#mbsocialproject menu,#mbsocialproject nav,#mbsocialproject section{display:block}#mbsocialproject nav ul{list-style:none}#mbsocialproject ol,#mbsocialproject ul{list-style:none}#mbsocialproject blockquote,#mbsocialproject q{quotes:none}#mbsocialproject blockquote:before,#mbsocialproject blockquote:after,#mbsocialproject q:before,#mbsocialproject q:after{content:'';content:none}#mbsocialproject a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}#mbsocialproject ins{background-color:#ff9;color:#000;text-decoration:none}#mbsocialproject mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}#mbsocialproject del{text-decoration:line-through}#mbsocialproject abbr[title],#mbsocialproject dfn[title]{border-bottom:1px dotted;cursor:help}#mbsocialproject table{border-collapse:collapse;border-spacing:0}#mbsocialproject hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}#mbsocialproject input,#mbsocialproject select{vertical-align:middle}body{margin:0;opacity:0;letter-spacing:.03em;-webkit-animation:opening 1.4s forwards;animation:opening 1.4s forwards;-webkit-animation-delay:.6s;animation-delay:.6s}header{-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;top:0;left:0;width:100%;z-index:1001;opacity:0;pointer-events:none;position:fixed !important}header.isvisible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.f-dnp-shuei{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:300;font-style:normal}.f-yu-gothic{font-family:brown-pro,"yu-gothic-pr6n","Yu Gothic","游ゴシック",sans-serif;font-weight:300;font-style:normal}.f-brown{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:300;font-style:normal}#mbsocialproject{font-family:brown-pro,sans-serif;font-weight:300;color:#333}#mbsocialproject .mbsp-kv_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}#mbsocialproject .mv-video{width:100%;height:100svh;overflow:hidden;z-index:1;-webkit-transition-delay:2s;transition-delay:2s}#mbsocialproject .mv-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#mbsocialproject .mbsp-kv_header{position:absolute;top:0;left:0;right:0;width:132px;margin:40px auto 0;text-align:center;z-index:2}#mbsocialproject .mbsp-kv_header img{width:100%}@media screen and (max-width:767px){#mbsocialproject .mbsp-kv_header{width:26.666666666666668vw;margin-top:22px}}#mbsocialproject .mbsp-kv_text{width:226px;margin:0 auto;position:absolute;top:calc(50% - 13px);left:0;right:0;text-align:center;z-index:2}#mbsocialproject .mbsp-kv_text svg{width:100%}#mbsocialproject .mbsp-kv_text svg path{-webkit-animation:colorchange forwards 2s;animation:colorchange forwards 2s;-webkit-animation-delay:2s;animation-delay:2s}@media screen and (max-width:767px){#mbsocialproject .mbsp-kv_text{top:calc(50% - 10px);width:46.93333333333333vw}}#mbsocialproject .mbsp-kv_text:before{opacity:0;content:"";position:absolute;top:calc(50% - 5px);background-color:#00f;left:0;-webkit-animation:lit infinite 3s;animation:lit infinite 3s;-webkit-animation-delay:2.5s;animation-delay:2.5s;width:10px;height:10px;border-radius:50%;margin-left:-28px}@media screen and (max-width:767px){#mbsocialproject .mbsp-kv_text:before{margin-left:-17px;top:calc(50% - 6px)}}#mbsocialproject .mas-scroll_bar{position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:2;width:1px;height:60px;background-color:#fff;-webkit-animation:scrollbar-anim 3s ease-in-out infinite;animation:scrollbar-anim 3s ease-in-out infinite;-webkit-transition-delay:.3s;transition-delay:.3s}#mbsocialproject a.mas-menu-item.current{color:#08294d}#mbsocialproject a.mas-menu-item:hover{color:#08294d}#mbsocialproject .mbsp-container{position:relative;z-index:2;background-color:#fff;margin-top:100svh}#mbsocialproject .mas-menu-wrapper{position:absolute;top:0;left:26px;padding-top:99px;z-index:1000}#mbsocialproject .mas-menu-wrapper.isfixed{position:fixed;left:26px}@media screen and (max-width:767px){#mbsocialproject .mas-menu-wrapper.isfixed{background:#fff;padding-left:26px;width:100%;left:0;padding-bottom:21px}}#mbsocialproject .mas-menu-logo{margin-bottom:40px;width:84px}#mbsocialproject .mas-menu-items{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}#mbsocialproject a.mas-menu-item{color:#999;font-size:12px;letter-spacing:.06em;line-height:calc(13 / 12);display:inline-block;-webkit-transition:color .3s ease;transition:color .3s ease;position:relative;text-decoration:none}#mbsocialproject a.mas-menu-item.current{color:#08294d}#mbsocialproject a.mas-menu-item:hover{color:#08294d}#mbsocialproject .mas-menu-indicator{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:#00f;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 320ms cubic-bezier(.2,0,.2,1);transition:-webkit-transform 320ms cubic-bezier(.2,0,.2,1);transition:transform 320ms cubic-bezier(.2,0,.2,1);transition:transform 320ms cubic-bezier(.2,0,.2,1), -webkit-transform 320ms cubic-bezier(.2,0,.2,1);will-change:transform;pointer-events:none;margin-left:-7px;margin-top:2px}#mbsocialproject .mas-menu-title{font-size:16px;margin:0 auto;letter-spacing:0;margin-bottom:63px;font-weight:normal;color:#08294d}#mbsocialproject .mbsp-lead{max-width:1182px;padding-right:42px;margin:0 auto;padding-bottom:190px}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead{padding-bottom:120px;padding-right:0}}#mbsocialproject .mbsp-lead-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:calc(136 / 1140 * 100%);padding-top:230px}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container{overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:117px;gap:52px}}#mbsocialproject .mbsp-lead-container .mbsp-leftarea{width:50%}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container .mbsp-leftarea{width:100%}}#mbsocialproject .mbsp-lead-container .mbsp-circle{margin-left:auto;width:calc(394 / 570 * 100%);border:1px solid #08294d;color:#08294d;border-radius:50%;position:-webkit-sticky;position:sticky;top:180px;aspect-ratio:1/1}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container .mbsp-circle{width:85.33333333333334vw;margin:0 auto;top:0;position:relative}}#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-circle_orbit{position:absolute;inset:0;-webkit-animation:orbit 10s linear infinite;animation:orbit 10s linear infinite}#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-circle_orbit .mbsp-circle_runner{position:absolute;top:-5px;left:50%;width:10px;aspect-ratio:1/1;background:#00f;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-lead_text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-lead_text{-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}}#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-lead_text p.en{font-size:23px;line-height:calc(26 / 23);margin-bottom:17px;letter-spacing:0}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-lead_text p.en{font-size:17px;margin-bottom:8px}}#mbsocialproject .mbsp-lead-container .mbsp-circle .mbsp-lead_text p.ja{font-size:14px;line-height:2;letter-spacing:.03em;font-weight:600}#mbsocialproject .mbsp-lead-container .mbsp-right_text{font-size:14px;line-height:calc(26 / 14);letter-spacing:.03em;text-transform:uppercase;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:#08294d}#mbsocialproject .mbsp-lead-container .mbsp-right{width:calc(434 / 1140 * 100%)}@media screen and (max-width:767px){#mbsocialproject .mbsp-lead-container .mbsp-right{width:80vw;margin:0 auto}}#mbsocialproject .mbsp-sliderArea .img-row{width:100%}@media screen and (max-width:767px){#mbsocialproject .mbsp-sliderArea .img-row{-ms-flex-wrap:wrap;flex-wrap:wrap}}#mbsocialproject .mbsp-sliderArea .img-item{position:relative;width:25%;overflow:hidden;aspect-ratio:360/477}@media screen and (max-width:767px){#mbsocialproject .mbsp-sliderArea .img-item{width:50%}}#mbsocialproject .mbsp-sliderArea .img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}#mbsocialproject .mbsp-sliderArea .img-item.state-a .img-a{opacity:1}#mbsocialproject .mbsp-sliderArea .img-item.state-b .img-b{opacity:1}#mbsocialproject .mbsp-sliderArea .img-item.state-c .img-c{opacity:1}#mbsocialproject .mbsp-sustainblue{padding-top:110px;padding-bottom:200px}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue{padding-top:60px;padding-bottom:120px}}#mbsocialproject .mbsp-sustainblue-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1182px;padding-right:42px;margin:0 auto}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:50px;padding-right:0}}#mbsocialproject .mbsp-sustainblue-left{margin-left:calc(80 / 1140 * 100%);width:calc(570 / 1140 * 100%);position:-webkit-sticky;position:sticky;top:180px}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-left{margin:0 auto;width:100%;position:relative;top:0}}#mbsocialproject .mbsp-sustainblue-left .mbsp-sustaionblue-logo{width:calc(254 / 570 * 100%)}#mbsocialproject .mbsp-sustainblue-left .mbsp-sustaionblue-logo img{width:100%}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-left .mbsp-sustaionblue-logo{width:56.53333333333334vw;margin:0 auto}}#mbsocialproject .mbsp-sustainblue-right{width:calc(570 / 1140 * 100%);text-align:right}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-right{width:80vw;margin:0 auto}}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-text{margin-bottom:60px;font-size:14px;letter-spacing:.03em;line-height:calc(30 / 14);text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-text{margin-bottom:40px}}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-image-wrapper{background-color:#fafafa;margin-bottom:30px}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-image-wrapper{width:90.66666666666666vw;margin-left:-5.066666666666666vw}}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-image{width:calc(347 / 570 * 100%);padding:96px 0;margin:0 auto}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-image img{width:100%}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-image{padding:105px 0;width:80vw;margin:0 auto}}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn{background:#00f;display:inline-block;padding:10px 24px;-webkit-transition:background-color .5s ease,color .5s ease;transition:background-color .5s ease,color .5s ease;border-radius:30px;border:1px solid #00f}@media screen and (max-width:767px){#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn{margin-right:-5.066666666666666vw}}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn a{color:#fff;text-decoration:none;font-size:14px;display:block;width:100%;height:100%}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn a svg{margin-left:13px;-webkit-transition:stroke .5s ease;transition:stroke .5s ease;vertical-align:middle}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn:hover{background-color:#fff}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn:hover a{color:#00f}#mbsocialproject .mbsp-sustainblue-right .mbsp-sustainblue-right-btn:hover a svg g{stroke:#00f}#mbsocialproject .mbsp-carousel-wrapper{font-size:0}#mbsocialproject .mbsp-carousel{overflow:hidden}#mbsocialproject .mbsp-carousel .swiper-wrapper{-webkit-transition-timing-function:linear !important;transition-timing-function:linear !important}#mbsocialproject .mbsp-carousel-item{width:calc(674 / 1440 * 100vw);position:relative;margin-right:-1px}#mbsocialproject .mbsp-carousel-item img{width:100%}#mbsocialproject .mbsp-charity{padding-top:110px;padding-bottom:200px}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity{padding-top:50px;padding-bottom:120px}}#mbsocialproject .mbsp-charity-add_img{width:100%;margin-bottom:20px}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-add_img{width:90.66666666666666vw;margin-left:-5.066666666666666vw}}#mbsocialproject .mbsp-charity-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1182px;padding-right:42px;margin:0 auto}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:42px;padding-right:0}}#mbsocialproject .mbsp-charity-left{margin-left:calc(80 / 1140 * 100%);width:calc(570 / 1140 * 100%);position:-webkit-sticky;position:sticky;top:180px}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-left{margin-left:11.200000000000001vw;position:relative;top:0}}#mbsocialproject .mbsp-charity-left .mbsp-charity-title{font-size:32px;letter-spacing:.03em;margin-bottom:18px;color:#08294d}#mbsocialproject .mbsp-charity-left .mbsp-charity-title.ja{font-size:14px;letter-spacing:.03em;line-height:2;margin-bottom:0;font-weight:600}#mbsocialproject .mbsp-charity-right{width:calc(570 / 1140 * 100%);text-align:right}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right{width:80vw;margin:0 auto}}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_subtitle{font-size:16px;font-weight:600;color:#08294d;margin-bottom:30px;text-align:left;line-height:2}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_subtitle.f-brown{font-weight:500}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_subtitle .f-brown{font-weight:500}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_subtitle.first{margin-bottom:0}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right_subtitle{font-size:15px}}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_text{font-size:14px;line-height:calc(30 / 14);letter-spacing:.03em;margin-bottom:45px;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right_text{margin-bottom:40px}}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_logo-wrapper{width:100%;margin:0 auto 30px}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_logo-wrapper img{width:100%}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right_logo-wrapper{width:90.66666666666666vw;margin-left:-5.066666666666666vw}}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn-wrapper{-webkit-transform:translateY(-35px);transform:translateY(-35px)}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn{background:#00f;display:inline-block;padding:10px 24px;-webkit-transition:background-color .5s ease,color .5s ease;transition:background-color .5s ease,color .5s ease;border-radius:30px;border:1px solid #00f;margin-bottom:110px}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn.nomarginbottom{margin-bottom:0}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn{margin-right:-5.066666666666666vw;margin-bottom:90px}}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn a{color:#fff;text-decoration:none;font-size:14px;display:block;width:100%;height:100%}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn a svg{margin-left:13px;-webkit-transition:stroke .5s ease;transition:stroke .5s ease;vertical-align:middle}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn:hover{background-color:#fff}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn:hover a{color:#00f}#mbsocialproject .mbsp-charity-right .mbsp-charity-right-btn:hover a svg g{stroke:#00f}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_graph{width:100%;background-color:#fafafa;color:#08294d}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right_graph{width:90.66666666666666vw;margin-left:-5.066666666666666vw}}#mbsocialproject .mbsp-charity-right .mbsp-charity-link_wrapper a{display:inline-block;margin-bottom:.1em;color:#333;font-size:14px;text-decoration:underline}#mbsocialproject .mbsp-charity-right .mbsp-charity-right_graph{font-size:14px;line-height:calc(30 / 14);letter-spacing:.03em;padding:70px calc(34 / 570 * 100%) 38px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:30px}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .mbsp-charity-right_graph{padding:43px 25px 32px}}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .graph_title_sp-wrapper{text-align:center}}#mbsocialproject .mbsp-charity-right .graph_title_sp{display:none !important}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .graph_title_sp{text-align:center;margin-bottom:60px;position:relative;padding-left:22px;display:inline-block !important}#mbsocialproject .mbsp-charity-right .graph_title_sp:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:12px;background:url("/images/mbsp/heart_icon.svg") no-repeat}}#mbsocialproject .mbsp-charity-right .graph_wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#mbsocialproject .mbsp-charity-right .graph_wrapper.hasborderbottom{padding-top:16px;margin-top:16px;border-top:1px solid #08294d;margin-bottom:60px}#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_title{width:calc(200 / 570 * 100%);padding-right:calc(60 / 570 * 100%);text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_title{text-align:center !important}}#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_title.hasicon{position:relative;padding-left:22px}#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_title.hasicon:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:12px;background:url("/images/mbsp/heart_icon.svg") no-repeat}#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_num{text-align:right;margin-left:auto;margin-right:0}#mbsocialproject .mbsp-charity-right .graph_annotation{text-align:center;font-size:12px;letter-spacing:.03em}@media screen and (max-width:767px){#mbsocialproject .mbsp-charity-right .graph_annotation{font-size:11px;letter-spacing:0}}#mbsocialproject .mbsp-pp-wrapper .mbsp-pp-item{width:33.3333%}#mbsocialproject .mbsp-pp-wrapper .mbsp-pp-item img{width:100%}#mbsocialproject .mbsp-pp-wrapper{width:100%}#mbsocialproject .mbsp-pp-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}#mbsocialproject .mbsp-pp-item{width:100%}#mbsocialproject .mbsp-pp-item img{display:block;width:100%;height:auto}@media screen and (min-width:719px){#mbsocialproject .mbsp-pp-container .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}#mbsocialproject .mbsp-pp-item{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}@media screen and (max-width:719px){#mbsocialproject .mbsp-pp-container{display:block;overflow:hidden}#mbsocialproject .mbsp-pp-container .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}#mbsocialproject .mbsp-pp-item{width:100%}}#mbsocialproject .mbsp-partnerproject{padding-top:110px;padding-bottom:200px}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject{padding-top:50px;padding-bottom:356px}}#mbsocialproject .mbsp-partnerproject-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1182px;margin:0 auto;padding-right:42px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:0}}#mbsocialproject .mbsp-partnerproject-left{margin-left:calc(80 / 1140 * 100%);width:calc(570 / 1140 * 100%);position:-webkit-sticky;position:sticky;top:180px}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject-left{width:80vw;margin:0 auto 60px;position:relative;top:0}}#mbsocialproject .mbsp-partnerproject-left .mbsp-partnerproject-title{font-size:32px;letter-spacing:.03em;margin-bottom:18px;color:#08294d}#mbsocialproject .mbsp-partnerproject-left .mbsp-partnerproject-title.ja{font-size:14px;letter-spacing:.03em;line-height:2;margin-bottom:0;font-weight:600}#mbsocialproject .mbsp-partnerproject-right{width:calc(570 / 1140 * 100%);text-align:right}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject-right{width:80vw;margin:0 auto}}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right_text{font-size:14px;line-height:calc(30 / 14);letter-spacing:.03em;margin-bottom:60px;text-align:left}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject_link a{display:inline-block;margin-bottom:.1em;color:#333;font-size:14px;text-decoration:underline}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject_subtitle{font-weight:600;font-size:16px;letter-spacing:.03em;margin-bottom:32px;color:#08294d;text-align:left}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject_subtitle{font-size:15px;line-height:2}}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject_text{font-size:14px;letter-spacing:.03em;line-height:calc(30 / 14);margin-bottom:30px;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn{background:#00f;display:inline-block;padding:10px 24px;-webkit-transition:background-color .5s ease,color .5s ease,padding .5s ease;transition:background-color .5s ease,color .5s ease,padding .5s ease;border-radius:30px;border:1px solid #00f}@media screen and (max-width:767px){#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn{margin-right:-5.066666666666666vw}}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn a{color:#fff;text-decoration:none;font-size:14px;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;position:relative}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn a svg.stick_absolute{top:0;right:0;position:absolute;vertical-align:middle;-webkit-transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,transform .5s ease;transition:stroke .5s ease,transform .5s ease,-webkit-transform .5s ease;margin-top:3px}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn a svg.stick_arrow{margin-left:13px;-webkit-transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,transform .5s ease;transition:stroke .5s ease,transform .5s ease,-webkit-transform .5s ease;vertical-align:middle;margin-top:-3.5px}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn:hover{background-color:#fff;padding-right:15px;padding-left:33px}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn:hover a{color:#00f;-webkit-transform:translateX(-15px);transform:translateX(-15px)}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn:hover a svg g{stroke:#00f}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn:hover a svg.stick_arrow{-webkit-transform:translateX(16px);transform:translateX(16px);-webkit-transform-origin:left center;transform-origin:left center}#mbsocialproject .mbsp-partnerproject-right .mbsp-partnerproject-right-btn:hover a svg.stick_absolute{-webkit-transform:scaleX(1.7) translateX(5.5px);transform:scaleX(1.7) translateX(5.5px)}#mbsocialproject .mbsp-footer-link_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px;margin-bottom:133px}#mbsocialproject .mbsp-footer-link_wrapper a{color:#333;font-size:13px;letter-spacing:.03em;text-decoration:none;-webkit-transition:color ease .3s;transition:color ease .3s}#mbsocialproject .mbsp-footer-link_wrapper a:hover{color:#999}@media screen and (max-width:767px){#mbsocialproject .mbsp-footer-link_wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:65px;margin-bottom:194px}}#mbsocialproject .mbsp-footer-copyright{text-align:center;color:#333;font-size:13px;letter-spacing:.03em;padding-bottom:30px}#mbsocialproject .js-mbsp-carousel-sp-bottom{margin-top:-1px}#mbsocialproject .mbsp-viewmorebtn{background:#00f;display:inline-block;padding:10px 24px;-webkit-transition:background-color .5s ease,color .5s ease,padding .5s ease;transition:background-color .5s ease,color .5s ease,padding .5s ease;border-radius:30px;border:1px solid #00f}@media screen and (max-width:767px){#mbsocialproject .mbsp-viewmorebtn{margin-right:-5.066666666666666vw}}#mbsocialproject .mbsp-viewmorebtn a{color:#fff;text-decoration:none;font-size:14px;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;position:relative}#mbsocialproject .mbsp-viewmorebtn a svg.stick_absolute{top:0;right:0;position:absolute;vertical-align:middle;-webkit-transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,transform .5s ease;transition:stroke .5s ease,transform .5s ease,-webkit-transform .5s ease;margin-top:3px}#mbsocialproject .mbsp-viewmorebtn a svg.stick_arrow{margin-left:13px;-webkit-transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,-webkit-transform .5s ease;transition:stroke .5s ease,transform .5s ease;transition:stroke .5s ease,transform .5s ease,-webkit-transform .5s ease;vertical-align:middle;margin-top:-3.5px}#mbsocialproject .mbsp-viewmorebtn:hover{background-color:#fff;padding-right:15px;padding-left:33px}#mbsocialproject .mbsp-viewmorebtn:hover a{color:#00f;-webkit-transform:translateX(-15px);transform:translateX(-15px)}#mbsocialproject .mbsp-viewmorebtn:hover a svg g{stroke:#00f}#mbsocialproject .mbsp-viewmorebtn:hover a svg.stick_arrow{-webkit-transform:translateX(16px);transform:translateX(16px);-webkit-transform-origin:left center;transform-origin:left center}#mbsocialproject .mbsp-viewmorebtn:hover a svg.stick_absolute{-webkit-transform:scaleX(1.7) translateX(5.5px);transform:scaleX(1.7) translateX(5.5px)}@-webkit-keyframes opening{0%{opacity:0}100%{opacity:1}}@keyframes opening{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes colorchange{0%{fill:#333}100%{fill:#fff}}@keyframes colorchange{0%{fill:#333}100%{fill:#fff}}@-webkit-keyframes scrollbar-anim{0%{-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:center top;transform-origin:center top}40%{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center top;transform-origin:center top}45%{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}90%,100%{-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes scrollbar-anim{0%{-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:center top;transform-origin:center top}40%{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center top;transform-origin:center top}45%{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}90%,100%{-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@-webkit-keyframes lit{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;transform-origin:center}85%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}}@keyframes lit{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;transform-origin:center}85%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}}@-webkit-keyframes orbit{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes orbit{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width:767px){.u-pc-ele{display:none !important}}.u-sp-inline-block{display:none}@media screen and (max-width:767px){.u-sp-inline-block{display:inline-block !important}}.u-sp-inline{display:none}@media screen and (max-width:767px){.u-sp-inline{display:inline !important}}.u-sp-block{display:none !important}@media screen and (max-width:767px){.u-sp-block{display:block !important}}.u-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.u-flex.between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.u-flex.start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.u-grid{display:grid;grid-template-columns:repeat(2,calc(480 / 1440 * 100vw));grid-template-rows:repeat(2,auto);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-scroll-anima="false"]{opacity:0}.js-fadein{-webkit-transition:opacity ease-out 1s;transition:opacity ease-out 1s}.js-fadein[data-scroll-anima="true"]{opacity:1}.js-fadeinshrink{overflow:hidden;-webkit-transition:opacity ease-out 1s;transition:opacity ease-out 1s}.js-fadeinshrink img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform ease-out 1s;transition:-webkit-transform ease-out 1s;transition:transform ease-out 1s;transition:transform ease-out 1s, -webkit-transform ease-out 1s}.js-fadeinshrink[data-scroll-anima="true"]{opacity:1}.js-fadeinshrink[data-scroll-anima="true"] img{-webkit-transform:scale(1);transform:scale(1)}.js-change[data-scroll-anima="false"]{opacity:1}.bar_anim{position:relative;display:inline-block;text-decoration:none}.bar_anim:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s ease,-webkit-transform-origin 0s;transition:-webkit-transform .3s ease,-webkit-transform-origin 0s;transition:transform .3s ease,transform-origin 0s;transition:transform .3s ease,transform-origin 0s,-webkit-transform .3s ease,-webkit-transform-origin 0s;margin-bottom:4px}.bar_anim:hover:after{left:initial;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.bar_anim:not(:hover):after{-webkit-transform-origin:left;transform-origin:left}.f-dnp-shuei{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:300;font-style:normal}.f-yu-gothic{font-family:brown-pro,"yu-gothic-pr6n","Yu Gothic","游ゴシック",sans-serif;font-weight:300;font-style:normal}.f-brown{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:300;font-style:normal}.c-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

#mbsocialproject .mbsp-charity-right .graph_wrapper .graph_title.hasicon:before {
  background: url(../images/mb-social-project/heart_icon.svg) no-repeat;
}
#mbsocialproject .mbsp-charity-right .graph_title_sp:before {
  background: url(../images/mb-social-project/heart_icon.svg) no-repeat;
}

#menuInner {
    height: 100vh;
}
@media screen and (max-width: 719px) {
	#menuInner {
		background: #fff;
	}
	#mbsocialproject .mbsp-kv_text p:before {
		margin-left: -17px;
		width: 10px;
		height: 10px;
	}
	.mas-menu-title {
		display: none;
	}
	#mbsocialproject .mas-menu-wrapper {
		padding-top: 75px;
	}
	.mas-menu-wrapper,
	.mas-menu-wrapper.isfixed.is-down {
			position: absolute;
			top: 0;
			left: 0;
			padding-left: 20px;
			padding-top: calc(76 / 375 * 100vw);
			mix-blend-mode: initial;
			z-index: 1000;
			opacity: 0;
			pointer-events: none;
			transform: translateY(-100px);
			transition: opacity .8s ease, transform .8s ease;
			will-change: transform;
	}
	.mas-menu-wrapper.isfixed {
			position: fixed;
			transform: translateY(0);
			opacity: 1;
			pointer-events: auto;
			background: #ffffff;
			width: 100%;
			padding-bottom: 24px;
			padding-left: 20px;
	}
}