.inview{opacity:0;transition-delay:.3s;transition:all .6s;position:relative}.inview.on{opacity:1}.inview.fadeInLeft{transform:translateX(-100px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);-moz-transform:translateX(-100px);-webkit-transform:translateX(-100px)}.inview.fadeInLeft.on{transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}.inview.fadeInRight{transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);-webkit-transform:translateX(100px)}.inview.fadeInRight.on{transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}.inview.fadeInBottom{transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);-moz-transform:translateY(40px);-webkit-transform:translateY(40px)}.inview.fadeInBottom.on{transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}.inview.fadeInTop{transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);-moz-transform:translateY(-100px);-webkit-transform:translateY(-100px)}.inview.fadeInTop.on{transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}.vivien{background:#F2EEE9}.vivien #wrap{overflow:hidden}.vivien .wcm{max-width:1159px;width:100%;margin:0 auto;padding:0 36px}@media only screen and (min-width: 1367px){.vivien .wcm{max-width:1641px;padding-left:140px;padding-right:140px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.vivien .wcm{padding-left:36px;padding-right:36px}}.sec-head{padding-top:148px}.sec-head .wcm{position:relative;z-index:2}.sec-head__sttl{font-size:14px;letter-spacing:0.2em;line-height:17px;color:#B88EE2;font-family:basic-sans, sans-serif;font-style:normal;text-transform:uppercase}.sec-head__ttl{margin-top:29px;margin-left:-3px;padding-bottom:31px;position:relative}.sec-head__ttl span span{font-size:75px;letter-spacing:-0.025em;line-height:80px;color:#B88EE2;font-family:p22-mackinac-pro, serif;font-style:normal}@media only screen and (min-width: 768px) and (max-width: 1080px){.sec-head__ttl span span{line-height:1.06;font-size:60px}}.sec-head__ttl:before{position:absolute;content:"";border-bottom:1px solid #B88EE2;left:0;bottom:0;width:0;height:2px;transition:.3s}.sec-head__ttl.on:before{width:100%;transition:1s .5s}.sec-head__ttl span span strong{font-weight:bold;font-family:basic-sans, sans-serif;font-style:normal}.sec-head__img01{text-align:right;margin-top:57px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-head{padding-top:80px}.sec-head .wcm{padding:0 36px}.sec-head .wcm:before{top:-61px}.sec-head__sttl{font-size:12px}.sec-head__ttl{margin-top:20px;margin-left:-1px;padding-bottom:91px}.sec-head__ttl span span{font-size:54px;line-height:59px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 360px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 360px){.sec-head__ttl span span{font-size:40px;line-height:1.09}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-head__img01{margin-top:40px}}.sec-purple .wcm{position:relative;z-index:1;padding-top:117px;padding-bottom:195px}.sec-purple .wcm:before{position:absolute;content:"";background:#C296ED;top:-80px;left:-200%;right:-200%;bottom:0;z-index:-1;opacity:0.62}.sec-purple__txt1{font-size:30px;line-height:42px;letter-spacing:-0.01em;font-family:p22-mackinac-pro, serif;font-style:normal;color:#434638}.sec-purple__txt1 strong{font-family:basic-sans, sans-serif;font-style:normal}.sec-purple__block{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:197px}.sec-purple__txt2{width:100%;margin-top:24px;font-size:18px;font-family:p22-mackinac-pro, serif;font-style:normal;line-height:27px;letter-spacing:-0.01em;color:#434638}.sec-purple__txt2--small{width:100%;font-size:14px;line-height:17px;letter-spacing:0.2em;font-family:basic-sans, sans-serif;font-style:normal;color:#434638}.sec-purple__txt2 a{display:block;color:#434638;text-decoration:underline}.sec-purple__txt2 a:hover{text-decoration:none}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-purple .wcm{padding-top:100px;padding-bottom:96px}.sec-purple .wcm:before{top:-61px}.sec-purple__txt1{width:100%;font-size:22px;line-height:31px}.sec-purple__block{display:block;margin-top:95px}.sec-purple__inner{width:100%}.sec-purple__txt2{margin-top:14px;font-size:16px;line-height:24px}}main{counter-reset:number;list-style-type:none}.sec-item{padding-bottom:193px;font-family:p22-mackinac-pro, serif;font-style:normal}.sec-item1{background:#48413A;color:#F6FFD8;padding-top:166px}.sec-item2{background:#F6FFD8;color:#48413A;padding-top:166px}.sec-item2 .sec-item__ttl:after{border-color:#48413A}.sec-item3{padding-top:167px;color:#B88EE2}.sec-item3 .sec-item__ttl:after{border-color:#B88EE2}.sec-item:nth-child(n+10) .sec-item__ttl:before{content:counter(number)}.sec-item__ttl{position:relative;padding-bottom:39px;margin-bottom:52px}.sec-item__ttl span span{font-size:53px;letter-spacing:-0.025em;line-height:60px}.sec-item__ttl span.space{margin-right:10px !important}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-item__ttl span.space{margin-right:9px !important}}.sec-item__ttl:before{position:absolute;counter-increment:number;content:"0" counter(number);top:-40px;left:-2px;font-size:24px;letter-spacing:-0.01em;font-family:basic-sans, sans-serif;font-style:normal}.sec-item__ttl:after{position:absolute;content:"";border-bottom:1px solid #F6FFD8;left:0;bottom:0;width:0;height:2px;transition:.3s}.sec-item__ttl.on:after{width:100%;transition:1s .5s}.sec-item__ttl strong{font-weight:bold;font-family:basic-sans, sans-serif;font-style:normal}.sec-item__sttl{font-size:26px;font-weight:bold;line-height:30px;letter-spacing:-0.005em;font-family:basic-sans, sans-serif;font-style:normal}.sec-item__txt{font-size:22px;line-height:34px;letter-spacing:-0.01em;margin-top:41px}.sec-item__txt a{text-decoration:underline}.sec-item__txt a:hover{text-decoration:none}.sec-item__flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}.sec-item__block1{margin-top:195px}.sec-item__block2{margin-top:149px;padding-bottom:418px;width:50%}.sec-item__block4{margin-top:147px}.sec-item__block4 .sec-item__txt a{color:#B88EE2}@media only screen and (min-width: 1081px){.sec-item__block4 .sec-item__txt span{display:block}}.sec-item__img{text-align:center}.sec-item__img span{display:block;font-size:16px;line-height:26px;letter-spacing:-0.005em;margin-top:25px;text-indent:0}.sec-item__img01{margin-top:193px;text-indent:22px}.sec-item__img02{width:50%;margin-right:-5.9%}@media only screen and (min-width: 768px) and (max-width: 1080px){.sec-item__img02{margin-right:-4%}}.sec-item__img02 span{display:block;padding:0 55px;margin-left:-25px}.sec-item__img03{text-align:center;margin-top:193px;margin-right:-29px}.sec-item__img03 span{text-indent:-30px}@media only screen and (min-width: 1367px){.sec-item__img02{width:42.5%}.sec-item__img02 span{padding:0 75px;margin-left:0}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-item1{padding-top:109px;padding-bottom:116px}.sec-item2{padding-top:110px;padding-bottom:115px}.sec-item3{padding-top:108px;padding-bottom:144px}.sec-item3 .sec-item__txt{margin-top:69px}.sec-item__ttl{padding-bottom:30px;margin-bottom:51px}.sec-item__ttl span span{font-size:40px;line-height:45px;letter-spacing:-0.025em}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 360px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 360px){.sec-item__ttl{font-size:34px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-item__ttl:before{top:-46px;left:1px;font-size:19px}.sec-item__block{width:100%}.sec-item__block1{margin-top:118px}.sec-item__block2{margin-top:98px;padding-bottom:0}.sec-item__block2 .sec-item__sttl{padding-right:2px}.sec-item__block4{margin-top:96px}.sec-item__sttl{font-size:19px;line-height:22px}.sec-item__txt{margin-top:44px;font-size:16px;line-height:24px}.sec-item__img span{margin-top:16px;margin-right:5%;font-size:14px;line-height:21px}.sec-item__img01{margin-top:115px;text-indent:0;margin-right:-5.284%}.sec-item__img02{margin-right:-4.954%;margin-top:115px;width:auto}.sec-item__img02 span{padding:0;margin-left:0}.sec-item__img03{margin-right:-5.282%;margin-top:119px}.sec-item__img03 span{margin-right:5%;text-indent:0}}.jp-page .sec-head{padding-top:164px}.jp-page .sec-head__sttl{margin-left:6px}.jp-page .sec-head__ttl{margin-top:23px;padding-bottom:29px}.jp-page .sec-head__ttl span span{font-size:59px;letter-spacing:0.08em;line-height:85px;color:#C296ED;font-family:ten-mincho, serif;font-weight:400;font-style:normal}.jp-page .sec-head__ttl span span strong{font-family:ryo-gothic-plusn, sans-serif;font-weight:500;font-style:normal}.jp-page .sec-head__img01{margin-top:60px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.jp-page .sec-head{padding-top:81px}.jp-page .sec-head__sttl{margin-left:0}.jp-page .sec-head__ttl{margin-top:18px;margin-left:2px;padding-bottom:27px}.jp-page .sec-head__ttl span span{font-size:45px;line-height:66px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 360px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 360px){.jp-page .sec-head__ttl span span{font-size:36px;line-height:1.47}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.jp-page .sec-head__img01{margin-top:39px}}.jp-page .sec-purple .wcm{padding-top:105px;padding-bottom:191px}.jp-page .sec-purple__txt1{font-size:19px;line-height:48px;letter-spacing:0.1em;color:#3E4831;font-family:ten-mincho, serif;font-weight:400;font-style:normal}.jp-page .sec-purple__txt1 strong{font-family:ryo-gothic-plusn, sans-serif;font-weight:500;font-style:normal}.jp-page .sec-purple__txt2{margin-top:19px;font-size:14px;font-family:ryo-gothic-plusn, sans-serif;font-weight:400;font-style:normal;line-height:32px;letter-spacing:0.2em;color:#3E4831;text-align:justify}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.jp-page .sec-purple__txt2{max-width:536px;width:100%}}.jp-page .sec-purple__txt2 a{letter-spacing:0.1em}.jp-page .sec-purple__block{margin-top:188px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.jp-page .sec-purple .wcm{padding-top:96px;padding-bottom:93px}.jp-page .sec-purple__txt1{font-size:16px;line-height:37px;letter-spacing:0.16em}.jp-page .sec-purple__txt1 strong{letter-spacing:0.25em}.jp-page .sec-purple__block{margin-top:95px}.jp-page .sec-purple__txt2{margin-top:11px;font-size:12px;line-height:26px}.jp-page .sec-purple__txt2 small{font-size:14px;line-height:17px}}.jp-page .sec-item1{padding-top:163px}.jp-page .sec-item2{padding-top:162px}.jp-page .sec-item2 .sec-item__ttl span:nth-child(7) span{font-family:ryo-gothic-plusn, sans-serif;font-weight:500;font-style:normal}.jp-page .sec-item3{padding-top:163px}.jp-page .sec-item__ttl{margin-bottom:50px}.jp-page .sec-item__ttl:before{top:-35px}.jp-page .sec-item__ttl span span{font-size:43px;line-height:70px;letter-spacing:0.08em;font-family:ten-mincho, serif;font-weight:400;font-style:normal}.jp-page .sec-item__ttl span span strong{font-family:ryo-gothic-plusn, sans-serif;font-weight:500;font-style:normal}.jp-page .sec-item__sttl{font-size:16px;line-height:32px;letter-spacing:0.1em;font-family:ryo-gothic-plusn, sans-serif;font-weight:500;font-style:normal}.jp-page .sec-item__txt{margin-top:44px;font-size:16px;line-height:32px;letter-spacing:0.1em;font-family:ryo-gothic-plusn, sans-serif;font-weight:400;font-style:normal}.jp-page .sec-item__img span{font-size:12px;line-height:26px;letter-spacing:0.05em;margin-top:25px;font-family:ryo-gothic-plusn, sans-serif;font-weight:400;font-style:normal}.jp-page .sec-item__block{text-align:justify}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.jp-page .sec-item__block{max-width:536px;width:100%}}.jp-page .sec-item__block1{margin-top:183px}.jp-page .sec-item__block2{margin-top:134px;padding-bottom:385px}.jp-page .sec-item__block4{margin-top:135px}.jp-page .sec-item__block4 .sec-item__txt span{display:inline-block;letter-spacing:0.07em;margin-left:6px}.jp-page .sec-item__img01{margin-top:182px}@media only screen and (min-width: 768px) and (max-width: 1080px){.jp-page .sec-item__img02 span{padding:0}.jp-page .sec-item__img02 span br{display:none}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.jp-page .sec-item__img02 span{padding:0;margin-left:-8px;margin-right:33px;line-height:24px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.jp-page .sec-item1{padding-top:104px;padding-bottom:114px}.jp-page .sec-item2{padding-top:104px}.jp-page .sec-item3{padding-top:106px}.jp-page .sec-item__ttl{margin-bottom:43px;padding-bottom:27px}.jp-page .sec-item__ttl span span{font-size:33px;line-height:54px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 360px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 360px){.jp-page .sec-item__ttl span span{font-size:28px;line-height:1.636}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.jp-page .sec-item__ttl:before{top:-48px}.jp-page .sec-item__sttl{font-size:14px;line-height:26px}.jp-page .sec-item__txt{margin-top:37px;font-size:14px;line-height:26px;letter-spacing:0.19em}.jp-page .sec-item__img01{margin-top:115px}.jp-page .sec-item__img span{margin-top:17px;margin-right:5%;font-size:11px;line-height:20px;letter-spacing:0.05em}.jp-page .sec-item__block1{margin-top:121px}.jp-page .sec-item__block2{margin-top:89px;padding-bottom:0}.jp-page .sec-item__block4{margin-top:91px}.jp-page .sec-item__img03{margin-top:113px}}.js-split span{display:inline-block;vertical-align:top;overflow:hidden;transform:translateX(-30px);opacity:0;transition:all 0.7s ease}.js-split span.space{margin-right:15px}.js-split.on span{transform:translateX(0);opacity:1;transition-delay:0.05s}