@charset "utf-8";#campaign,#campaign .campaigns,#intro{position:relative}#campaign_detail,#intro h1{top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%}#intro{border-color:#9465c8;border-style:solid}#campaign img,#intro img{width:100%}#intro h1{position:absolute;transform:translate(-50%,-50%)}#campaign .campaigns:before,#concepts li[id^=concepts_]:before{content:"";display:block;pointer-events:none}#campaign .campaigns img{height:100%;object-fit:cover;object-position:center top;position:absolute;top:0;left:0;width:100%;z-index:1}#campaign_detail{position:absolute;transform:translate(-50%,-50%);z-index:2}#concept{background-color:#fcf7f4;position:relative;text-align:center}#concept>strong{display:block}#concepts li[id^=concepts_]{background-position:center center;background-repeat:no-repeat;background-size:contain;display:inline-block;position:relative;vertical-align:top}#concepts li[id^=concepts_] h3,#concepts li[id^=concepts_] p{line-height:1.2;position:absolute;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}#container.lazyloaded #concepts li#concepts_violet h3{color:#956bac}#container.lazyloaded #concepts li#concepts_pink h3{color:#e9528e}#container.lazyloaded #concepts li#concepts_blue h3{color:#596eb4}#container.lazyloaded #concepts li#concepts_orange h3{color:#f18e36}#container.lazyloaded #concepts li#concepts_green h3{color:#00aa9c}@media screen and (max-width:639px){#concepts li[id^=concepts_]{width:93.75%}#concepts li[id^=concepts_] h3{font-size:7vw;font-size:7dvw}#concepts li[id^=concepts_] p{font-size:6vw;font-size:6dvw}}@media screen and (min-width:640px) and (max-width:767px){#concepts li[id^=concepts_]{margin-left:1.5625%;margin-right:1.5625%;width:-webkit-calc((100% - (3.125% * 3))/ 2);width:calc((100% - (3.125% * 3))/ 2)}#concepts li[id^=concepts_] h3{font-size:4vw;font-size:4dvw}#concepts li[id^=concepts_] p{font-size:3vw;font-size:3dvw}}@media screen and (max-width:767px){#intro{border-width:4px 0}#intro h1{width:100%}#campaign .campaigns:before{padding-top:55%}#campaign_detail,#concept p img[src$="img_040.svg"]{width:87.5%}#concept{background-position:center top,center bottom;background-repeat:no-repeat,no-repeat;background-size:100% auto,100% auto;padding-top:12.5%;padding-bottom:12.5%}#container.lazyloaded #concept{background-image:url("https://matsusima-navi.com/images/user/concept/back_020.webp"),url("https://matsusima-navi.com/images/user/concept/back_030.webp")}#concept>strong,#concepts{margin-bottom:6.25%}#concept>strong img{width:100%!important}#concepts li[id^=concepts_]{margin-top:3.125%}#concepts li[id^=concepts_]:before{padding-top:66.66666666666667%}#container.lazyloaded #concepts li#concepts_violet{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/t_violet.svg")}#container.lazyloaded #concepts li#concepts_pink{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/t_pink.svg")}#container.lazyloaded #concepts li#concepts_blue{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/t_blue.svg")}#container.lazyloaded #concepts li#concepts_orange{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/t_orange.svg")}#container.lazyloaded #concepts li#concepts_green{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/t_green.svg")}#concepts li[id^=concepts_] h3{top:43.5%}#concepts li[id^=concepts_] p{top:80%}#concept picture img{width:93.75%}}@media screen and (min-width:768px){#intro{border-width:.625em 0}#intro h1{width:87.5%}#campaign .campaigns:before{padding-top:40%}#campaign_detail{width:54%}#concept{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top:6.25em;padding-bottom:6.25em}#container.lazyloaded #concept{background-image:url("https://matsusima-navi.com/images/user/concept/back_010.webp")}#concept>strong,#concepts{margin-bottom:3.125em}#concept>strong img{width:100%!important}#concept p img[src$="img_030.svg"]{width:80%}#concepts li[id^=concepts_]{margin-top:3.125em;width:31.25%}#concepts li[id^=concepts_]:not(:nth-child(3n+1)){margin-left:1.5625%}#concepts li[id^=concepts_]:before{padding-top:105%}#container.lazyloaded #concepts li#concepts_violet{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/w_violet.svg")}#container.lazyloaded #concepts li#concepts_pink{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/w_pink.svg")}#container.lazyloaded #concepts li#concepts_blue{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/w_blue.svg")}#container.lazyloaded #concepts li#concepts_orange{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/w_orange.svg")}#container.lazyloaded #concepts li#concepts_green{background-image:url("https://matsusima-navi.com/images/user/concept/concepts/w_green.svg")}#concepts li[id^=concepts_] h3{top:43.5%}#concepts li[id^=concepts_] p{top:80%}#concept picture img{width:100%}}@media screen and (min-width:768px) and (max-width:1279px){#concepts li[id^=concepts_] h3{font-size:2.5vw;font-size:2.5dvw}#concepts li[id^=concepts_] p{font-size:2.25vw;font-size:2.25dvw}}@media screen and (min-width:1280px){#concepts li[id^=concepts_] h3{font-size:200%}#concepts li[id^=concepts_] p{font-size:175%}}